PageSourceSearch

https://bricklandco.com/collections/accessories

html bricklandco.com collected 2026-10-05 19:30:30 UTC 219,187 bytes, 5,061 lines download raw bytes

1<!doctype html>
2<html
3  
4  lang="en"
5>
6  <head><link
7        rel="icon"
8        type="image/png"
9        href="//bricklandco.com/cdn/shop/files/IMG_3779.jpg?crop=center&height=32&v=1783574875&width=32"
10      >
11    
12    
13
14
15<meta charset="utf-8">
16<meta
17  http-equiv="X-UA-Compatible"
18  content="IE=edge"
19>
20<meta
21  name="viewport"
22  content="width=device-width,initial-scale=1"
23>
24<meta
25  name="view-transition"
26  content="same-origin"
27>
28<meta
29  name="theme-color"
30  content=""
31>
32
33<meta
34  property="og:site_name"
35  content="Bricklandco.com"
36>
37<meta
38  property="og:url"
39  content="https://bricklandco.com/collections/accessories"
40>
41<meta
42  property="og:title"
43  content="ACCESSORIES"
44>
45<meta
46  property="og:type"
47  content="website"
48>
49<meta
50  property="og:description"
51  content="Bricklandco.com"
52><meta
53  name="twitter:card"
54  content="summary_large_image"
55>
56<meta
57  name="twitter:title"
58  content="ACCESSORIES"
59>
60<meta
61  name="twitter:description"
62  content="Bricklandco.com"
63>
64
65<title>
66  ACCESSORIES
67 &ndash; Bricklandco.com</title>
68
69<link
70  rel="canonical"
71  href="https://bricklandco.com/collections/accessories"
72>
73
74
75<link href="//bricklandco.com/cdn/shop/t/1/assets/overflow-list.css?v=16727044177065489451779702805" as="style" rel="preload">
76<link href="//bricklandco.com/cdn/shop/t/1/assets/base.css?v=110558660533795380521779702805" rel="stylesheet" type="text/css" media="all" />
77
78<link
79    rel="preload"
80    as="font"
81    href="//bricklandco.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2"
82    type="font/woff2"
83    crossorigin
84    fetchpriority="low"
85  ><link
86    rel="preload"
87    as="font"
88    href="//bricklandco.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2"
89    type="font/woff2"
90    crossorigin
91    fetchpriority="low"
92  ><link
93    rel="preload"
94    as="font"
95    href="//bricklandco.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2"
96    type="font/woff2"
97    crossorigin
98    fetchpriority="low"
99  >
100
101
102<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 102
102
103<script type="importmap">
104  {
105    "imports": {
106      "@theme/overflow-list": "//bricklandco.com/cdn/shop/t/1/assets/overflow-list.js?v=46858356770684902511779702805",
107      "@theme/product-title": "//bricklandco.com/cdn/shop/t/1/assets/product-title-truncation.js?v=81744426891537421781779702805",
108      "@theme/component": "//bricklandco.com/cdn/shop/t/1/assets/component.js?v=184240237101443119871779702805",
109      "@theme/dialog": "//bricklandco.com/cdn/shop/t/1/assets/dialog.js?v=150888536568694194021779702805",
110      "@theme/events": "//bricklandco.com/cdn/shop/t/1/assets/events.js?v=1118589085892804011779702805",
111      "@theme/focus": "//bricklandco.com/cdn/shop/t/1/assets/focus.js?v=60436577539430446401779702805",
112      "@theme/morph": "//bricklandco.com/cdn/shop/t/1/assets/morph.js?v=104045809772310330131779702805",
113      "@theme/paginated-list": "//bricklandco.com/cdn/shop/t/1/assets/paginated-list.js?v=95298315036233333871779702805",
114      "@theme/performance": "//bricklandco.com/cdn/shop/t/1/assets/performance.js?v=171015751390534793081779702805",
115      "@theme/product-form": "//bricklandco.com/cdn/shop/t/1/assets/product-form.js?v=142170751179338062901779702805",
116      "@theme/recently-viewed-products": "//bricklandco.com/cdn/shop/t/1/assets/recently-viewed-products.js?v=94729125001750262651779702805",
117      "@theme/scrolling": "//bricklandco.com/cdn/shop/t/1/assets/scrolling.js?v=162288454571026455011779702805",
118      "@theme/section-renderer": "//bricklandco.com/cdn/shop/t/1/assets/section-renderer.js?v=123311117485513785771779702805",
119      "@theme/section-hydration": "//bricklandco.com/cdn/shop/t/1/assets/section-hydration.js?v=108434990705342316311779702805",
120      "@theme/money-formatting": "//bricklandco.com/cdn/shop/t/1/assets/money-formatting.js?v=182191346160333327151779702805",
121      "@theme/utilities": "//bricklandco.com/cdn/shop/t/1/assets/utilities.js?v=28506172887375975941779702805",
122      "@theme/variant-picker": "//bricklandco.com/cdn/shop/t/1/assets/variant-picker.js?v=24924540959574313291779702805",
123      "@theme/media-gallery": "//bricklandco.com/cdn/shop/t/1/assets/media-gallery.js?v=14624021005636302161779702805",
124      "@theme/quick-add": "//bricklandco.com/cdn/shop/t/1/assets/quick-add.js?v=114575661933533593881779702805",
125      "@theme/paginated-list-aspect-ratio": "//bricklandco.com/cdn/shop/t/1/assets/paginated-list-aspect-ratio.js?v=25254270272143792451779702805",
126      "@theme/popover-polyfill": "//bricklandco.com/cdn/shop/t/1/assets/popover-polyfill.js?v=119029313658895111201779702805",
127      "@theme/component-quantity-selector": "//bricklandco.com/cdn/shop/t/1/assets/component-quantity-selector.js?v=67906657287482036641779702805",
128      "@theme/comparison-slider": "//bricklandco.com/cdn/shop/t/1/assets/comparison-slider.js?v=106705562947035711941779702805",
129      "@theme/sticky-add-to-cart": "//bricklandco.com/cdn/shop/t/1/assets/sticky-add-to-cart.js?v=48956925339276737091779702805",
130      "@theme/fly-to-cart": "//bricklandco.com/cdn/shop/t/1/assets/fly-to-cart.js?v=48483246440248933081779702805"
131    }
132  }
133</script>
133
134
135<script
136  src="//bricklandco.com/cdn/shop/t/1/assets/view-transitions.js?v=7106414069516106341779702805"
137  async
138  
139></script>
139
140
141<link
142  rel="modulepreload"
143  href="//bricklandco.com/cdn/shop/t/1/assets/utilities.js?v=28506172887375975941779702805"
144  fetchpriority="low"
145>
146<link
147  rel="modulepreload"
148  href="//bricklandco.com/cdn/shop/t/1/assets/component.js?v=184240237101443119871779702805"
149  fetchpriority="low"
150>
151<link
152  rel="modulepreload"
153  href="//bricklandco.com/cdn/shop/t/1/assets/section-renderer.js?v=123311117485513785771779702805"
154  fetchpriority="low"
155>
156<link
157  rel="modulepreload"
158  href="//bricklandco.com/cdn/shop/t/1/assets/section-hydration.js?v=108434990705342316311779702805"
159  fetchpriority="low"
160>
161<link
162  rel="modulepreload"
163  href="//bricklandco.com/cdn/shop/t/1/assets/morph.js?v=104045809772310330131779702805"
164  fetchpriority="low"
165>
166
167
168  <link
169    rel="modulepreload"
170    href="//bricklandco.com/cdn/shop/t/1/assets/paginated-list-aspect-ratio.js?v=25254270272143792451779702805"
171    fetchpriority="low"
172  >
173  <link
174    rel="modulepreload"
175    href="//bricklandco.com/cdn/shop/t/1/assets/paginated-list.js?v=95298315036233333871779702805"
176    fetchpriority="low"
177  >
178
179  <link
180    rel="modulepreload"
181    href="//bricklandco.com/cdn/shop/t/1/assets/product-title-truncation.js?v=81744426891537421781779702805"
182    fetchpriority="low"
183  >
184
185
186<link
187  rel="modulepreload"
188  href="//bricklandco.com/cdn/shop/t/1/assets/focus.js?v=60436577539430446401779702805"
189  fetchpriority="low"
190>
191<link
192  rel="modulepreload"
193  href="//bricklandco.com/cdn/shop/t/1/assets/recently-viewed-products.js?v=94729125001750262651779702805"
194  fetchpriority="low"
195>
196<link
197  rel="modulepreload"
198  href="//bricklandco.com/cdn/shop/t/1/assets/scrolling.js?v=162288454571026455011779702805"
199  fetchpriority="low"
200>
201<link
202  rel="modulepreload"
203  href="//bricklandco.com/cdn/shop/t/1/assets/events.js?v=1118589085892804011779702805"
204  fetchpriority="low"
205>
206<script
207  src="//bricklandco.com/cdn/shop/t/1/assets/popover-polyfill.js?v=119029313658895111201779702805"
208  type="module"
209  fetchpriority="low"
210></script>
vendor: 1 bytes, line 210
210
211<script
212  src="//bricklandco.com/cdn/shop/t/1/assets/overflow-list.js?v=46858356770684902511779702805"
213  type="module"
214  fetchpriority="low"
215></script>
vendor: 1 bytes, line 215
215
216<script
217  src="//bricklandco.com/cdn/shop/t/1/assets/quick-add.js?v=114575661933533593881779702805"
218  type="module"
219  fetchpriority="low"
220></script>
220
221
222  
222<script
223    src="//bricklandco.com/cdn/shop/t/1/assets/cart-discount.js?v=107077853990124422021779702805"
224    type="module"
225    fetchpriority="low"
226  ></script>
226
227
228
229<script
230  src="//bricklandco.com/cdn/shop/t/1/assets/dialog.js?v=150888536568694194021779702805"
231  type="module"
232  fetchpriority="low"
233></script>
vendor: 1 bytes, line 233
233
234<script
235  src="//bricklandco.com/cdn/shop/t/1/assets/variant-picker.js?v=24924540959574313291779702805"
236  type="module"
237  fetchpriority="low"
238></script>
vendor: 1 bytes, line 238
238
239<script
240  src="//bricklandco.com/cdn/shop/t/1/assets/product-card.js?v=28695665944407642501779702805"
241  type="module"
242  fetchpriority="low"
243></script>
vendor: 1 bytes, line 243
243
244<script
245  src="//bricklandco.com/cdn/shop/t/1/assets/product-form.js?v=142170751179338062901779702805"
246  type="module"
247  fetchpriority="low"
248></script>
vendor: 1 bytes, line 248
248
249<script
250  src="//bricklandco.com/cdn/shop/t/1/assets/fly-to-cart.js?v=48483246440248933081779702805"
251  type="module"
252  fetchpriority="low"
253></script>
vendor: 1 bytes, line 253
253
254<script
255  src="//bricklandco.com/cdn/shop/t/1/assets/accordion-custom.js?v=97588419883090888471779702805"
256  type="module"
257  fetchpriority="low"
258></script>
vendor: 1 bytes, line 258
258
259<script
260  src="//bricklandco.com/cdn/shop/t/1/assets/media.js?v=37825095869491791421779702805"
261  type="module"
262  fetchpriority="low"
263></script>
vendor: 1 bytes, line 263
263
264<script
265  src="//bricklandco.com/cdn/shop/t/1/assets/product-price.js?v=83480980452100801711779702805"
266  type="module"
267  fetchpriority="low"
268></script>
vendor: 1 bytes, line 268
268
269<script
270  src="//bricklandco.com/cdn/shop/t/1/assets/product-sku.js?v=121804655373531320511779702805"
271  type="module"
272  fetchpriority="low"
273></script>
vendor: 1 bytes, line 273
273
274<script
275  src="//bricklandco.com/cdn/shop/t/1/assets/product-title-truncation.js?v=81744426891537421781779702805"
276  type="module"
277  fetchpriority="low"
278></script>
vendor: 1 bytes, line 278
278
279<script
280  src="//bricklandco.com/cdn/shop/t/1/assets/product-inventory.js?v=81520546963552472391779702805"
281  type="module"
282  fetchpriority="low"
283></script>
vendor: 1 bytes, line 283
283
284<script
285  src="//bricklandco.com/cdn/shop/t/1/assets/show-more.js?v=94563802205717136101779702805"
286  type="module"
287  fetchpriority="low"
288></script>
vendor: 1 bytes, line 288
288
289<script
290  src="//bricklandco.com/cdn/shop/t/1/assets/slideshow.js?v=168726587398279102001779702805"
291  type="module"
292  fetchpriority="low"
293></script>
vendor: 1 bytes, line 293
293
294<script
295  src="//bricklandco.com/cdn/shop/t/1/assets/layered-slideshow.js?v=30135417790894624731779702805"
296  type="module"
297  fetchpriority="low"
298></script>
vendor: 1 bytes, line 298
298
299<script
300  src="//bricklandco.com/cdn/shop/t/1/assets/anchored-popover.js?v=95953304814728754461779702805"
301  type="module"
302  fetchpriority="low"
303></script>
vendor: 1 bytes, line 303
303
304<script
305  src="//bricklandco.com/cdn/shop/t/1/assets/floating-panel.js?v=151277338116891310371779702805"
306  type="module"
307  fetchpriority="low"
308></script>
vendor: 1 bytes, line 308
308
309<script
310  src="//bricklandco.com/cdn/shop/t/1/assets/video-background.js?v=25237992823806706551779702805"
311  type="module"
312  fetchpriority="low"
313></script>
vendor: 1 bytes, line 313
313
314<script
315  src="//bricklandco.com/cdn/shop/t/1/assets/component-quantity-selector.js?v=67906657287482036641779702805"
316  type="module"
317  fetchpriority="low"
318></script>
vendor: 1 bytes, line 318
318
319<script
320  src="//bricklandco.com/cdn/shop/t/1/assets/media-gallery.js?v=14624021005636302161779702805"
321  type="module"
322  fetchpriority="low"
323></script>
vendor: 1 bytes, line 323
323
324<script
325  src="//bricklandco.com/cdn/shop/t/1/assets/rte-formatter.js?v=40306132146590816021779702805"
326  type="module"
327  fetchpriority="low"
328></script>
vendor: 1 bytes, line 328
328
329<script
330  src="//bricklandco.com/cdn/shop/t/1/assets/volume-pricing.js?v=15442793518842484731779702805"
331  type="module"
332  fetchpriority="low"
333></script>
vendor: 1 bytes, line 333
333
334<script
335  src="//bricklandco.com/cdn/shop/t/1/assets/price-per-item.js?v=144512917617120124431779702805"
336  type="module"
337  fetchpriority="low"
338></script>
vendor: 1 bytes, line 338
338
339<script
340  src="//bricklandco.com/cdn/shop/t/1/assets/volume-pricing-info.js?v=94479640769665442661779702805"
341  type="module"
342  fetchpriority="low"
343></script>
343
344
345
346  
346<script
347    src="//bricklandco.com/cdn/shop/t/1/assets/localization.js?v=15585934801240115691779702805"
348    type="module"
349    fetchpriority="low"
350  ></script>
350
351
352
353
354
355<script
356  src="//bricklandco.com/cdn/shop/t/1/assets/auto-close-details.js?v=58350291535404441581779702805"
357  defer="defer"
358></script>
358
359
360<script>
361  const Theme = {
362    translations: {
363      placeholder_image: `Placeholder image`,
364      added: `Added`,
365      recipient_form_fields_visible: `Recipient form fields are now visible`,
366      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
367      recipient_form_error: `There was an error with the form submission`,
368      items_added_to_cart_one: `1 item added to cart`,
369      items_added_to_cart_other: `{{ count }} items added to cart`,
370      cart_count: `Total items in cart`,
371    },
372    routes: {
373      cart_add_url: '/cart/add.js',
374      cart_change_url: '/cart/change',
375      cart_update_url: '/cart/update',
376      cart_url: '/cart',
377      predictive_search_url: '/search/suggest',
378      search_url: '/search',
379    },
380    template: {
381      name: 'collection',
382    },
383  };
384</script>
384
385<style data-shopify>
386@font-face {
387  font-family: Inter;
388  font-weight: 400;
389  font-style: normal;
390  font-display: swap;
391  src: url("//bricklandco.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"),
392       url("//bricklandco.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff");
393}
394@font-face {
395  font-family: Inter;
396  font-weight: 700;
397  font-style: normal;
398  font-display: swap;
399  src: url("//bricklandco.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"),
400       url("//bricklandco.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff");
401}
402@font-face {
403  font-family: Inter;
404  font-weight: 400;
405  font-style: italic;
406  font-display: swap;
407  src: url("//bricklandco.com/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"),
408       url("//bricklandco.com/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff");
409}
410@font-face {
411  font-family: Inter;
412  font-weight: 700;
413  font-style: italic;
414  font-display: swap;
415  src: url("//bricklandco.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"),
416       url("//bricklandco.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff");
417}
418@font-face {
419  font-family: Inter;
420  font-weight: 500;
421  font-style: normal;
422  font-display: swap;
423  src: url("//bricklandco.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"),
424       url("//bricklandco.com/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff");
425}
426@font-face {
427  font-family: Inter;
428  font-weight: 500;
429  font-style: italic;
430  font-display: swap;
431  src: url("//bricklandco.com/cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"),
432       url("//bricklandco.com/cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff");
433}
434
435
436  :root {
437    /* Page Layout */
438    --sidebar-width: 25rem;
439    --narrow-content-width: 36rem;
440    --normal-content-width: 42rem;
441    --wide-content-width: 46rem;
442    --narrow-page-width: 90rem;
443    --normal-page-width: 120rem;
444    --wide-page-width: 150rem;
445
446    /* Section Heights */
447    --section-height-small: 15rem;
448    --section-height-medium: 25rem;
449    --section-height-large: 35rem;
450
451    @media screen and (min-width: 40em) {
452      --section-height-small: 40svh;
453      --section-height-medium: 55svh;
454      --section-height-large: 70svh;
455    }
456
457    @media screen and (min-width: 60em) {
458      --section-height-small: 50svh;
459      --section-height-medium: 65svh;
460      --section-height-large: 80svh;
461    }
462
463    /* Letter spacing */
464    --letter-spacing-sm: 0.06em;
465    --letter-spacing-md: 0.13em;
466
467    /* Font families */
468    --font-body--family: Inter, sans-serif;
469    --font-body--style: normal;
470    --font-body--weight: 400;
471    --font-subheading--family: Inter, sans-serif;
472    --font-subheading--style: normal;
473    --font-subheading--weight: 500;
474    --font-heading--family: "New York", Iowan Old Style, Apple Garamond, Baskerville, Times New Roman, Droid Serif, Times, Source Serif Pro, serif, Apple Color Emoji, Segoe UI Emoji, Segoe UI Symbol;
475    --font-heading--style: normal;
476    --font-heading--weight: 400;
477    --font-accent--family: Inter, sans-serif;
478    --font-accent--style: normal;
479    --font-accent--weight: 700;
480
481    /* Margin sizes */
482    --font-heading--spacing: 0.25em;
483    --font-h1--spacing: var(--font-heading--spacing);
484    --font-h2--spacing: var(--font-heading--spacing);
485    --font-h3--spacing: var(--font-heading--spacing);
486    --font-h4--spacing: var(--font-heading--spacing);
487    --font-h5--spacing: var(--font-heading--spacing);
488    --font-h6--spacing: var(--font-heading--spacing);
489    --font-paragraph--spacing: 0.5em;
490
491    /* Heading colors */
492    --font-h1--color: var(--color-foreground-heading);
493    --font-h2--color: var(--color-foreground-heading);
494    --font-h3--color: var(--color-foreground-heading);
495    --font-h4--color: var(--color-foreground-heading);
496    --font-h5--color: var(--color-foreground-heading);
497    --font-h6--color: var(--color-foreground-heading);
498
499    /** Z-Index / Layering */
500    --layer-section-background: -2;
501    --layer-lowest: -1;
502    --layer-base: 0;
503    --layer-flat: 1;
504    --layer-raised: 2;
505    --layer-heightened: 4;
506    --layer-sticky: 8;
507    --layer-window-overlay: 10;
508    --layer-header-menu: 12;
509    --layer-overlay: 16;
510    --layer-menu-drawer: 18;
511    --layer-temporary: 20;
512
513    /* Max-width / Measure */
514    --max-width--body-normal: 32.5em;
515    --max-width--body-narrow: 22.75em;
516
517    --max-width--heading-normal: 32.5em;
518    --max-width--heading-narrow: 19.5em;
519
520    --max-width--display-normal: 13em;
521    --max-width--display-narrow: 9.75em;
522    --max-width--display-tight: 3.25em;
523
524    /* Letter-spacing / Tracking */
525    --letter-spacing--display-tight: -0.03em;
526    --letter-spacing--display-normal: 0em;
527    --letter-spacing--display-loose: 0.03em;
528
529    --letter-spacing--heading-tight: -0.03em;
530    --letter-spacing--heading-normal: 0em;
531    --letter-spacing--heading-loose: 0.03em;
532
533    --letter-spacing--body-tight: -0.03em;
534    --letter-spacing--body-normal: 0em;
535    --letter-spacing--body-loose: 0.03em;
536
537    /* Line height / Leading */
538    --line-height: 1;
539
540    --line-height--display-tight: 1;
541    --line-height--display-normal: 1.1;
542    --line-height--display-loose: 1.2;
543
544    --line-height--heading-tight: 1.15;
545    --line-height--heading-normal: 1.25;
546    --line-height--heading-loose: 1.35;
547
548    --line-height--body-tight: 1.2;
549    --line-height--body-normal: 1.4;
550    --line-height--body-loose: 1.6;
551
552    /* Typography presets */
553    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(3.0rem, 5.6vw, 3.5rem);--font-size--h2: clamp(2.25rem, 4.8vw, 3.0rem);--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 0.875rem;--font-size--h6: 0.75rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose);
554
555    /* Hardcoded font sizes */
556    --font-size--3xs: 0.625rem;
557    --font-size--2xs: 0.75rem;
558    --font-size--xs: 0.8125rem;
559    --font-size--sm: 0.875rem;
560    --font-size--md: 1rem;
561    --font-size--lg: 1.125rem;
562    --font-size--xl: 1.25rem;
563    --font-size--2xl: 1.5rem;
564    --font-size--3xl: 2rem;
565    --font-size--4xl: 2.5rem;
566    --font-size--5xl: 3rem;
567    --font-size--6xl: 3.5rem;
568
569    /* Menu font sizes */
570    --menu-font-sm--size: 0.875rem;
571    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
572    --menu-font-md--size: 1rem;
573    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
574    --menu-font-lg--size: 1.125rem;
575    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
576    --menu-font-xl--size: 1.25rem;
577    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
578    --menu-font-2xl--size: 1.75rem;
579    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
580
581    /* Colors */
582    --color-error: #8B0000;
583    --color-success: #006400;
584    --color-white: #FFFFFF;
585    --color-white-rgb: 255 255 255;
586    --color-black: #000000;
587    --color-instock: #3ED660;
588    --color-lowstock: #EE9441;
589    --color-outofstock: #C8C8C8;
590
591    /* Opacity */
592    --opacity-5: 0.05;
593    --opacity-8: 0.08;
594    --opacity-10: 0.1;
595    --opacity-15: 0.15;
596    --opacity-20: 0.2;
597    --opacity-25: 0.25;
598    --opacity-30: 0.3;
599    --opacity-40: 0.4;
600    --opacity-50: 0.5;
601    --opacity-60: 0.6;
602    --opacity-70: 0.7;
603    --opacity-80: 0.8;
604    --opacity-85: 0.85;
605    --opacity-90: 0.9;
606    --opacity-subdued-text: var(--opacity-70);
607
608    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
609    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
610
611    /* Spacing */
612    --margin-3xs: 0.125rem;
613    --margin-2xs: 0.3rem;
614    --margin-xs: 0.5rem;
615    --margin-sm: 0.7rem;
616    --margin-md: 0.8rem;
617    --margin-lg: 1rem;
618    --margin-xl: 1.25rem;
619    --margin-2xl: 1.5rem;
620    --margin-3xl: 1.75rem;
621    --margin-4xl: 2rem;
622    --margin-5xl: 3rem;
623    --margin-6xl: 5rem;
624
625    --scroll-margin: 50px;
626
627    --padding-3xs: 0.125rem;
628    --padding-2xs: 0.25rem;
629    --padding-xs: 0.5rem;
630    --padding-sm: 0.7rem;
631    --padding-md: 0.8rem;
632    --padding-lg: 1rem;
633    --padding-xl: 1.25rem;
634    --padding-2xl: 1.5rem;
635    --padding-3xl: 1.75rem;
636    --padding-4xl: 2rem;
637    --padding-5xl: 3rem;
638    --padding-6xl: 4rem;
639
640    --gap-3xs: 0.125rem;
641    --gap-2xs: 0.3rem;
642    --gap-xs: 0.5rem;
643    --gap-sm: 0.7rem;
644    --gap-md: 0.9rem;
645    --gap-lg: 1rem;
646    --gap-xl: 1.25rem;
647    --gap-2xl: 2rem;
648    --gap-3xl: 3rem;
649
650    --spacing-scale-sm: 0.6;
651    --spacing-scale-md: 0.7;
652    --spacing-scale-default: 1.0;
653
654    /* Checkout buttons gap */
655    --checkout-button-gap: 10px;
656
657    /* Borders */
658    --style-border-width: 1px;
659    --style-border-radius-xs: 0.2rem;
660    --style-border-radius-sm: 0.6rem;
661    --style-border-radius-md: 0.8rem;
662    --style-border-radius-50: 50%;
663    --style-border-radius-lg: 1rem;
664    --style-border-radius-pills: 40px;
665    --style-border-radius-inputs: 4px;
666    --style-border-radius-buttons-primary: 14px;
667    --style-border-radius-buttons-secondary: 14px;
668    --style-border-width-primary: 0px;
669    --style-border-width-secondary: 1px;
670    --style-border-width-inputs: 1px;
671    --style-border-radius-popover: 14px;
672    --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%);
673    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
674    --style-border-swatch-opacity: 10%;
675    --style-border-swatch-width: 1px;
676    --style-border-swatch-style: solid;
677
678    /* Animation */
679    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
680    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
681    --ease-in-out-quad: cubic-bezier(0.455, 0.03, 0.515, 0.955);
682    --animation-speed-fast: 0.0625s;
683    --animation-speed: 0.125s;
684    --animation-speed-slow: 0.2s;
685    --animation-speed-medium: 0.15s;
686    --animation-easing: ease-in-out;
687    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
688    --drawer-animation-speed: 0.2s;
689    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
690    --animation-values: var(--animation-speed) var(--animation-easing);
691    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
692    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
693    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
694    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
695    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
696    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
697    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
698    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
699    /* Spring definitions suffixed with perceptual duration (d<ms>) and bounce (b<%>)*/
700    --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%);
701    --spring-d300-b0-duration: 0.4980s;
702    --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%);
703    --spring-d280-b0-duration: 0.4648s;
704    --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%);
705    --spring-d260-b0-duration: 0.4316s;
706    --spring-d220-b0-easing: linear(
707      0,
708      0.0093 1.37%,
709      0.0696 4.12%,
710      0.4667 15.09%,
711      0.6322 20.58%,
712      0.6986 23.32%,
713      0.7793 27.44%,
714      0.8219 30.18%,
715      0.8721,
716      0.9089 38.42%,
717      0.9427,
718      0.9644,
719      0.978 54.88%,
720      0.9881 61.74%,
721      0.9944 69.97%,
722      0.998 80.95%,
723      0.9996 98.78%
724    );
725    --spring-d220-b0-duration: 0.3818s;
726    --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%);
727    --spring-d180-b0-duration: 0.2988s;
728
729    /* View transitions */
730    /* View transition old */
731    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
732
733    /* View transition new */
734    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
735
736    /* Focus */
737    --focus-outline-width: 0.09375rem;
738    --focus-outline-offset: 0.2em;
739
740    /* Badges */
741    --badge-blob-padding-block: 1px;
742    --badge-blob-padding-inline: 12px 8px;
743    --badge-rectangle-padding-block: 1px;
744    --badge-rectangle-padding-inline: 6px;
745    @media screen and (min-width: 750px) {
746      --badge-blob-padding-block: 4px;
747      --badge-blob-padding-inline: 16px 12px;
748      --badge-rectangle-padding-block: 4px;
749      --badge-rectangle-padding-inline: 10px;
750    }
751
752    /* Icons */
753    --icon-size-2xs: 0.6rem;
754    --icon-size-xs: 0.85rem;
755    --icon-size-sm: 1.25rem;
756    --icon-size-md: 1.375rem;
757    --icon-size-lg: 1.5rem;
758    --icon-stroke-width: 1.5px;
759
760    /* Input */
761    --input-email-min-width: 200px;
762    --input-search-max-width: 650px;
763    --input-padding-y: 0.8rem;
764    --input-padding-x: 0.8rem;
765    --input-padding: var(--input-padding-y) var(--input-padding-x);
766    --input-box-shadow-width: var(--style-border-width-inputs);
767    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
768    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
769    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
770    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
771    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
772    --input-textarea-min-height: 55px;
773
774    /* Checkbox */
775    --checkbox-size: 22px;
776    --checkbox-border-radius: 7px;
777    --checkbox-border: 1px solid rgb(var(--color-foreground-rgb) / var(--opacity-35-55));
778    --checkbox-label-padding: 8px;
779
780    @media screen and (min-width: 750px) {
781      --checkbox-size: 16px;
782      --checkbox-border-radius: 5px;
783      --checkbox-label-padding: 6px;
784    }
785
786    /* Button size */
787    --button-size-sm: 30px;
788    --button-size-md: 36px;
789    --button-size: var(--minimum-touch-target);
790    --button-padding-inline: 24px;
791    --button-padding-block: 16px;
792
793    /* Button font-family */
794    --button-font-family-primary: var(--font-body--family);
795    --button-font-family-secondary: var(--font-body--family);
796
797    /* Button text case */
798    --button-text-case: ;
799    --button-text-case-primary: default;
800    --button-text-case-secondary: default;
801
802    /* Borders */
803    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
804    --border-width-sm: 1px;
805    --border-width-md: 2px;
806    --border-width-lg: 5px;
807    --border-radius-sm: 0.25rem;
808
809    /* Drawers */
810    --drawer-inline-padding: 25px;
811    --drawer-menu-inline-padding: 2.5rem;
812    --drawer-header-block-padding: 20px;
813    --drawer-content-block-padding: 10px;
814    --drawer-header-desktop-top: 0rem;
815    --drawer-padding: calc(var(--padding-sm) + 7px);
816    --drawer-height: 100dvh;
817    --drawer-width: 95vw;
818    --drawer-max-width: 500px;
819
820    /* Variant Picker Swatches */
821    --variant-picker-swatch-width-unitless: 34;
822    --variant-picker-swatch-height-unitless: 34;
823    --variant-picker-swatch-width: 34px;
824    --variant-picker-swatch-height: 34px;
825    --variant-picker-swatch-radius: 32px;
826    --variant-picker-border-width: 1px;
827    --variant-picker-border-style: solid;
828    --variant-picker-border-opacity: 10%;
829
830    /* Variant Picker Buttons */
831    --variant-picker-button-radius: 14px;
832    --variant-picker-button-border-width: 1px;
833
834    /* Slideshow */
835    --slideshow-controls-size: 3.5rem;
836    --slideshow-controls-icon: 2rem;
837    --peek-next-slide-size: 3rem;
838
839    /* Utilities */
840    --backdrop-opacity: 0.15;
841    --backdrop-color-rgb: var(--color-shadow-rgb);
842    --minimum-touch-target: 44px;
843    --disabled-opacity: 0.5;
844    --skeleton-opacity: 0.025;
845
846    /* Shapes */
847    --shape--circle: circle(50% at center);
848    --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%);
849    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
850    --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
850% 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%);
851
852    /* Buy buttons */
853    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
854
855    /* Card image width and height variables */
856    --card-width-small: 10rem;
857
858    --height-small: 10rem;
859    --height-medium: 11.5rem;
860    --height-large: 13rem;
861    --height-full: 100vh;
862
863    @media screen and (min-width: 750px) {
864      --height-small: 17.5rem;
865      --height-medium: 21.25rem;
866      --height-large: 25rem;
867    }
868
869    /* Modal */
870    --modal-max-height: 65dvh;
871    --quick-add-modal-height: min(38.5rem, 96vh);
872    --quick-add-modal-width: min(54rem, 96vw);
873    --quick-add-modal-gallery-width: 24rem;
874
875    /* Card styles for search */
876    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
877    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
878    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
879
880    /* Cart */
881    --cart-primary-font-family: var(--font-body--family);
882    --cart-primary-font-style: var(--font-body--style);
883    --cart-primary-font-weight: var(--font-body--weight);
884    --cart-secondary-font-family: var(--font-secondary--family);
885    --cart-secondary-font-style: var(--font-secondary--style);
886    --cart-secondary-font-weight: var(--font-secondary--weight);
887  }
888</style>
889
890
891<style data-shopify>
892  
893    
894      :root,
895    
896    
897    
898    .color-scheme-1 {
899        --color-background: rgb(255 255 255 / 1.0);
900        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
901        --color-background-rgb: 255 255 255;
902        --opacity-5-15: 0.05;
903        --opacity-10-25: 0.1;
904        --opacity-35-55: 0.35;
905        --opacity-40-60: 0.4;
906        --opacity-30-60: 0.3;
907        --color-foreground: rgb(22 21 21 / 1.0);
908        --color-foreground-rgb: 22 21 21;
909        --color-foreground-heading: rgb(22 21 21 / 1.0);
910        --color-foreground-heading-rgb: 22 21 21;
911        --color-primary: rgb(13 12 12 / 0.81);
912        --color-primary-rgb: 13 12 12;
913        --color-primary-hover: rgb(0 0 0 / 1.0);
914        --color-primary-hover-rgb: 0 0 0;
915        --color-border: rgb(0 0 0 / 0.0);
916        --color-border-rgb: 0 0 0;
917        --color-shadow: rgb(0 0 0 / 1.0);
918        --color-shadow-rgb: 0 0 0;
919        --color-primary-button-text: rgb(254 252 252 / 1.0);
920        --color-primary-button-background: rgb(124 124 124 / 1.0);
921        --color-primary-button-border: rgb(0 0 0 / 1.0);
922        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
923        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
924        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
925        --color-secondary-button-text: rgb(0 0 0 / 1.0);
926        --color-secondary-button-background: rgb(0 0 0 / 0.0);
927        --color-secondary-button-border: rgb(0 0 0 / 1.0);
928        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
929        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
930        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
931        --color-input-background: rgb(255 255 255 / 0.78);
932        --color-input-text: rgb(51 51 51 / 1.0);
933        --color-input-text-rgb: 51 51 51;
934        --color-input-border: rgb(223 223 223 / 1.0);
935        --color-input-hover-background: rgb(0 0 0 / 0.01);
936        --color-variant-background: rgb(255 255 255 / 1.0);
937        --color-variant-border: rgb(0 0 0 / 0.13);
938        --color-variant-text: rgb(0 0 0 / 1.0);
939        --color-variant-text-rgb: 0 0 0;
940        --color-variant-hover-background: rgb(245 245 245 / 1.0);
941        --color-variant-hover-text: rgb(0 0 0 / 1.0);
942        --color-variant-hover-border: rgb(230 230 230 / 1.0);
943        --color-selected-variant-background: rgb(0 0 0 / 1.0);
944        --color-selected-variant-border: rgb(0 0 0 / 1.0);
945        --color-selected-variant-text: rgb(246 244 244 / 1.0);
946        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
947        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
948        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
949
950        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
951        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
952        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
953        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
954        --font-h1--color: var(--color-foreground-heading);
955        --font-h2--color: var(--color-foreground-heading);
956        --font-h3--color: var(--color-foreground-heading);
957        --font-h4--color: var(--color-foreground-heading);
958        --font-h5--color: var(--color-foreground-heading);
959        --font-h6--color: var(--color-foreground-heading);
960
961        /* Shadows */
962        
963          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
964        
965        
966          --shadow-blur: 20px;
967          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
968        
969      }
970  
971    
972    
973    
974    .color-scheme-2 {
975        --color-background: rgb(245 245 245 / 1.0);
976        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
977        --color-background-rgb: 245 245 245;
978        --opacity-5-15: 0.05;
979        --opacity-10-25: 0.1;
980        --opacity-35-55: 0.35;
981        --opacity-40-60: 0.4;
982        --opacity-30-60: 0.3;
983        --color-foreground: rgb(0 0 0 / 0.81);
984        --color-foreground-rgb: 0 0 0;
985        --color-foreground-heading: rgb(0 0 0 / 1.0);
986        --color-foreground-heading-rgb: 0 0 0;
987        --color-primary: rgb(0 0 0 / 0.81);
988        --color-primary-rgb: 0 0 0;
989        --color-primary-hover: rgb(255 255 255 / 1.0);
990        --color-primary-hover-rgb: 255 255 255;
991        --color-border: rgb(223 223 223 / 1.0);
992        --color-border-rgb: 223 223 223;
993        --color-shadow: rgb(0 0 0 / 1.0);
994        --color-shadow-rgb: 0 0 0;
995        --color-primary-button-text: rgb(255 255 255 / 1.0);
996        --color-primary-button-background: rgb(0 0 0 / 1.0);
997        --color-primary-button-border: rgb(0 0 0 / 1.0);
998        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
999        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1000        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1001        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1002        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1003        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1004        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1005        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1006        --color-secondary-button-hover-border: rgb(51 51 51 / 0.73);
1007        --color-input-background: rgb(0 0 0 / 0.0);
1008        --color-input-text: rgb(0 0 0 / 0.53);
1009        --color-input-text-rgb: 0 0 0;
1010        --color-input-border: rgb(0 0 0 / 0.13);
1011        --color-input-hover-background: rgb(255 255 255 / 0.36);
1012        --color-variant-background: rgb(255 255 255 / 1.0);
1013        --color-variant-border: rgb(230 230 230 / 1.0);
1014        --color-variant-text: rgb(0 0 0 / 1.0);
1015        --color-variant-text-rgb: 0 0 0;
1016        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1017        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1018        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1019        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1020        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1021        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1022        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1023        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1024        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1025
1026        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1027        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1028        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1029        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1030        --font-h1--color: var(--color-foreground-heading);
1031        --font-h2--color: var(--color-foreground-heading);
1032        --font-h3--color: var(--color-foreground-heading);
1033        --font-h4--color: var(--color-foreground-heading);
1034        --font-h5--color: var(--color-foreground-heading);
1035        --font-h6--color: var(--color-foreground-heading);
1036
1037        /* Shadows */
1038        
1039          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1040        
1041        
1042          --shadow-blur: 20px;
1043          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1044        
1045      }
1046  
1047    
1048    
1049    
1050    .color-scheme-3 {
1051        --color-background: rgb(238 241 234 / 1.0);
1052        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1053        --color-background-rgb: 238 241 234;
1054        --opacity-5-15: 0.05;
1055        --opacity-10-25: 0.1;
1056        --opacity-35-55: 0.35;
1057        --opacity-40-60: 0.4;
1058        --opacity-30-60: 0.3;
1059        --color-foreground: rgb(0 0 0 / 0.81);
1060        --color-foreground-rgb: 0 0 0;
1061        --color-foreground-heading: rgb(0 0 0 / 1.0);
1062        --color-foreground-heading-rgb: 0 0 0;
1063        --color-primary: rgb(0 0 0 / 0.81);
1064        --color-primary-rgb: 0 0 0;
1065        --color-primary-hover: rgb(0 0 0 / 1.0);
1066        --color-primary-hover-rgb: 0 0 0;
1067        --color-border: rgb(0 0 0 / 0.81);
1068        --color-border-rgb: 0 0 0;
1069        --color-shadow: rgb(0 0 0 / 1.0);
1070        --color-shadow-rgb: 0 0 0;
1071        --color-primary-button-text: rgb(255 255 255 / 1.0);
1072        --color-primary-button-background: rgb(0 0 0 / 1.0);
1073        --color-primary-button-border: rgb(0 0 0 / 1.0);
1074        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1075        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1076        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1077        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1078        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1079        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1080        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1081        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1082        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1083        --color-input-background: rgb(0 0 0 / 0.0);
1084        --color-input-text: rgb(0 0 0 / 0.81);
1085        --color-input-text-rgb: 0 0 0;
1086        --color-input-border: rgb(0 0 0 / 0.81);
1087        --color-input-hover-background: rgb(255 255 255 / 0.36);
1088        --color-variant-background: rgb(255 255 255 / 1.0);
1089        --color-variant-border: rgb(230 230 230 / 1.0);
1090        --color-variant-text: rgb(0 0 0 / 1.0);
1091        --color-variant-text-rgb: 0 0 0;
1092        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1093        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1094        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1095        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1096        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1097        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1098        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1099        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1100        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1101
1102        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1103        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1104        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1105        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1106        --font-h1--color: var(--color-foreground-heading);
1107        --font-h2--color: var(--color-foreground-heading);
1108        --font-h3--color: var(--color-foreground-heading);
1109        --font-h4--color: var(--color-foreground-heading);
1110        --font-h5--color: var(--color-foreground-heading);
1111        --font-h6--color: var(--color-foreground-heading);
1112
1113        /* Shadows */
1114        
1115          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1116        
1117        
1118          --shadow-blur: 20px;
1119          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1120        
1121      }
1122  
1123    
1124    
1125    
1126    .color-scheme-4 {
1127        --color-background: rgb(225 237 245 / 1.0);
1128        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1129        --color-background-rgb: 225 237 245;
1130        --opacity-5-15: 0.05;
1131        --opacity-10-25: 0.1;
1132        --opacity-35-55: 0.35;
1133        --opacity-40-60: 0.4;
1134        --opacity-30-60: 0.3;
1135        --color-foreground: rgb(0 0 0 / 0.81);
1136        --color-foreground-rgb: 0 0 0;
1137        --color-foreground-heading: rgb(0 0 0 / 1.0);
1138        --color-foreground-heading-rgb: 0 0 0;
1139        --color-primary: rgb(0 0 0 / 0.81);
1140        --color-primary-rgb: 0 0 0;
1141        --color-primary-hover: rgb(0 0 0 / 1.0);
1142        --color-primary-hover-rgb: 0 0 0;
1143        --color-border: rgb(29 54 134 / 0.5);
1144        --color-border-rgb: 29 54 134;
1145        --color-shadow: rgb(0 0 0 / 1.0);
1146        --color-shadow-rgb: 0 0 0;
1147        --color-primary-button-text: rgb(255 255 255 / 1.0);
1148        --color-primary-button-background: rgb(0 0 0 / 1.0);
1149        --color-primary-button-border: rgb(29 54 134 / 1.0);
1150        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1151        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1152        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1153        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1154        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1155        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1156        --color-secondary-button-hover-text: rgb(0 0 0 / 0.81);
1157        --color-secondary-button-hover-background: rgb(255 255 255 / 0.36);
1158        --color-secondary-button-hover-border: rgb(0 0 0 / 0.81);
1159        --color-input-background: rgb(0 0 0 / 0.0);
1160        --color-input-text: rgb(0 0 0 / 0.81);
1161        --color-input-text-rgb: 0 0 0;
1162        --color-input-border: rgb(0 0 0 / 0.81);
1163        --color-input-hover-background: rgb(255 255 255 / 0.36);
1164        --color-variant-background: rgb(255 255 255 / 1.0);
1165        --color-variant-border: rgb(230 230 230 / 1.0);
1166        --color-variant-text: rgb(0 0 0 / 1.0);
1167        --color-variant-text-rgb: 0 0 0;
1168        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1169        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1170        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1171        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1172        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1173        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1174        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1175        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1176        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1177
1178        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1179        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1180        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1181        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1182        --font-h1--color: var(--color-foreground-heading);
1183        --font-h2--color: var(--color-foreground-heading);
1184        --font-h3--color: var(--color-foreground-heading);
1185        --font-h4--color: var(--color-foreground-heading);
1186        --font-h5--color: var(--color-foreground-heading);
1187        --font-h6--color: var(--color-foreground-heading);
1188
1189        /* Shadows */
1190        
1191          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1192        
1193        
1194          --shadow-blur: 20px;
1195          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1196        
1197      }
1198  
1199    
1200    
1201    
1202    .color-scheme-5 {
1203        --color-background: rgb(51 51 51 / 1.0);
1204        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1205        --color-background-rgb: 51 51 51;
1206        --opacity-5-15: 0.15;
1207        --opacity-10-25: 0.25;
1208        --opacity-35-55: 0.55;
1209        --opacity-40-60: 0.6;
1210        --opacity-30-60: 0.6;
1211        --color-foreground: rgb(255 255 255 / 1.0);
1212        --color-foreground-rgb: 255 255 255;
1213        --color-foreground-heading: rgb(255 255 255 / 1.0);
1214        --color-foreground-heading-rgb: 255 255 255;
1215        --color-primary: rgb(255 255 255 / 1.0);
1216        --color-primary-rgb: 255 255 255;
1217        --color-primary-hover: rgb(255 255 255 / 0.69);
1218        --color-primary-hover-rgb: 255 255 255;
1219        --color-border: rgb(255 255 255 / 0.69);
1220        --color-border-rgb: 255 255 255;
1221        --color-shadow: rgb(0 0 0 / 1.0);
1222        --color-shadow-rgb: 0 0 0;
1223        --color-primary-button-text: rgb(0 0 0 / 1.0);
1224        --color-primary-button-background: rgb(255 255 255 / 1.0);
1225        --color-primary-button-border: rgb(255 255 255 / 1.0);
1226        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1227        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1228        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1229        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1230        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1231        --color-secondary-button-border: rgb(255 255 255 / 0.69);
1232        --color-secondary-button-hover-text: rgb(255 255 255 / 0.93);
1233        --color-secondary-button-hover-background: rgb(255 255 255 / 0.04);
1234        --color-secondary-button-hover-border: rgb(255 255 255 / 0.69);
1235        --color-input-background: rgb(51 51 51 / 1.0);
1236        --color-input-text: rgb(255 255 255 / 0.93);
1237        --color-input-text-rgb: 255 255 255;
1238        --color-input-border: rgb(255 255 255 / 0.69);
1239        --color-input-hover-background: rgb(255 255 255 / 0.04);
1240        --color-variant-background: rgb(255 255 255 / 1.0);
1241        --color-variant-border: rgb(230 230 230 / 1.0);
1242        --color-variant-text: rgb(0 0 0 / 1.0);
1243        --color-variant-text-rgb: 0 0 0;
1244        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1245        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1246        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1247        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1248        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1249        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1250        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1251        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1252        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1253
1254        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1255        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1256        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1257        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1258        --font-h1--color: var(--color-foreground-heading);
1259        --font-h2--color: var(--color-foreground-heading);
1260        --font-h3--color: var(--color-foreground-heading);
1261        --font-h4--color: var(--color-foreground-heading);
1262        --font-h5--color: var(--color-foreground-heading);
1263        --font-h6--color: var(--color-foreground-heading);
1264
1265        /* Shadows */
1266        
1267          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1268        
1269        
1270          --shadow-blur: 20px;
1271          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1272        
1273      }
1274  
1275    
1276    
1277    
1278    .color-scheme-6 {
1279        --color-background: rgb(0 0 0 / 0.0);
1280        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1281        --color-background-rgb: 0 0 0;
1282        --opacity-5-15: 0.15;
1283        --opacity-10-25: 0.25;
1284        --opacity-35-55: 0.55;
1285        --opacity-40-60: 0.6;
1286        --opacity-30-60: 0.6;
1287        --color-foreground: rgb(255 255 255 / 1.0);
1288        --color-foreground-rgb: 255 255 255;
1289        --color-foreground-heading: rgb(255 255 255 / 1.0);
1290        --color-foreground-heading-rgb: 255 255 255;
1291        --color-primary: rgb(255 255 255 / 1.0);
1292        --color-primary-rgb: 255 255 255;
1293        --color-primary-hover: rgb(255 255 255 / 0.69);
1294        --color-primary-hover-rgb: 255 255 255;
1295        --color-border: rgb(230 230 230 / 1.0);
1296        --color-border-rgb: 230 230 230;
1297        --color-shadow: rgb(0 0 0 / 1.0);
1298        --color-shadow-rgb: 0 0 0;
1299        --color-primary-button-text: rgb(0 0 0 / 1.0);
1300        --color-primary-button-background: rgb(255 255 255 / 1.0);
1301        --color-primary-button-border: rgb(255 255 255 / 1.0);
1302        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1303        --color-primary-button-hover-background: rgb(0 0 0 / 1.0);
1304        --color-primary-button-hover-border: rgb(0 0 0 / 1.0);
1305        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1305
1306        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1307        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1308        --color-secondary-button-hover-text: rgb(255 255 255 / 1.0);
1309        --color-secondary-button-hover-background: rgb(255 255 255 / 0.08);
1310        --color-secondary-button-hover-border: rgb(255 255 255 / 1.0);
1311        --color-input-background: rgb(255 255 255 / 1.0);
1312        --color-input-text: rgb(0 0 0 / 0.53);
1313        --color-input-text-rgb: 0 0 0;
1314        --color-input-border: rgb(0 0 0 / 0.13);
1315        --color-input-hover-background: rgb(250 250 250 / 1.0);
1316        --color-variant-background: rgb(255 255 255 / 1.0);
1317        --color-variant-border: rgb(230 230 230 / 1.0);
1318        --color-variant-text: rgb(0 0 0 / 1.0);
1319        --color-variant-text-rgb: 0 0 0;
1320        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1321        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1322        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1323        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1324        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1325        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1326        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1327        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1328        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1329
1330        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1331        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1332        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1333        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1334        --font-h1--color: var(--color-foreground-heading);
1335        --font-h2--color: var(--color-foreground-heading);
1336        --font-h3--color: var(--color-foreground-heading);
1337        --font-h4--color: var(--color-foreground-heading);
1338        --font-h5--color: var(--color-foreground-heading);
1339        --font-h6--color: var(--color-foreground-heading);
1340
1341        /* Shadows */
1342        
1343          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1344        
1345        
1346          --shadow-blur: 20px;
1347          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1348        
1349      }
1350  
1351    
1352    
1353    
1354    .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 {
1355        --color-background: rgb(0 0 0 / 0.0);
1356        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1357        --color-background-rgb: 0 0 0;
1358        --opacity-5-15: 0.15;
1359        --opacity-10-25: 0.25;
1360        --opacity-35-55: 0.55;
1361        --opacity-40-60: 0.6;
1362        --opacity-30-60: 0.6;
1363        --color-foreground: rgb(0 0 0 / 1.0);
1364        --color-foreground-rgb: 0 0 0;
1365        --color-foreground-heading: rgb(0 0 0 / 1.0);
1366        --color-foreground-heading-rgb: 0 0 0;
1367        --color-primary: rgb(0 0 0 / 1.0);
1368        --color-primary-rgb: 0 0 0;
1369        --color-primary-hover: rgb(0 0 0 / 0.53);
1370        --color-primary-hover-rgb: 0 0 0;
1371        --color-border: rgb(230 230 230 / 1.0);
1372        --color-border-rgb: 230 230 230;
1373        --color-shadow: rgb(0 0 0 / 1.0);
1374        --color-shadow-rgb: 0 0 0;
1375        --color-primary-button-text: rgb(255 255 255 / 1.0);
1376        --color-primary-button-background: rgb(0 0 0 / 1.0);
1377        --color-primary-button-border: rgb(0 0 0 / 1.0);
1378        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1379        --color-primary-button-hover-background: rgb(51 51 51 / 1.0);
1380        --color-primary-button-hover-border: rgb(51 51 51 / 1.0);
1381        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1382        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1383        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1384        --color-secondary-button-hover-text: rgb(51 51 51 / 1.0);
1385        --color-secondary-button-hover-background: rgb(250 250 250 / 1.0);
1386        --color-secondary-button-hover-border: rgb(51 51 51 / 1.0);
1387        --color-input-background: rgb(255 255 255 / 1.0);
1388        --color-input-text: rgb(0 0 0 / 0.53);
1389        --color-input-text-rgb: 0 0 0;
1390        --color-input-border: rgb(0 0 0 / 0.13);
1391        --color-input-hover-background: rgb(250 250 250 / 1.0);
1392        --color-variant-background: rgb(255 255 255 / 1.0);
1393        --color-variant-border: rgb(230 230 230 / 1.0);
1394        --color-variant-text: rgb(0 0 0 / 1.0);
1395        --color-variant-text-rgb: 0 0 0;
1396        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1397        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1398        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1399        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1400        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1401        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1402        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1403        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1404        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1405
1406        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1407        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1408        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1409        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1410        --font-h1--color: var(--color-foreground-heading);
1411        --font-h2--color: var(--color-foreground-heading);
1412        --font-h3--color: var(--color-foreground-heading);
1413        --font-h4--color: var(--color-foreground-heading);
1414        --font-h5--color: var(--color-foreground-heading);
1415        --font-h6--color: var(--color-foreground-heading);
1416
1417        /* Shadows */
1418        
1419          --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1420        
1421        
1422          --shadow-blur: 20px;
1423          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1424        
1425      }
1426  
1427
1428  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 {
1429    color: var(--color-foreground);
1430    background-color: var(--color-background);
1431  }
1432</style>
1433
1434
1435    
1435<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1435<meta name="google-site-verification" content="El2JaXeW2suBEo5r9b9yQnvsGRLY8mmbqy0WikhnBLA">
1436<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/75329044534/digital_wallets/dialog">
1437<meta id="in-context-paypal-metadata" data-shop-id="75329044534" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
1438<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/collections/accessories.atom" />
1439<link rel="alternate" type="application/json+oembed" href="https://bricklandco.com/collections/accessories.oembed">
1440<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
1440
1441<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
1442<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&shop_id=75329044534" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1442
1442
1443<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":75329044534,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/75329044534","merchantName":"Bricklandco.com","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Bricklandco.com","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1443
1443
1444<script id="shopify-features" type="application/json">{"accessToken":"ad6f82b2eb9d92902974871fd480318f","betas":["rich-media-storefront-analytics"],"domain":"bricklandco.com","predictiveSearch":true,"shopId":75329044534,"locale":"en"}</script>
vendor: 1 bytes, line 1444
1444
1445<script>var Shopify = Shopify || {};
1446Shopify.shop = "b2xkqg-tu.myshopify.com";
1447Shopify.locale = "en";
1448Shopify.currency = {"active":"USD","rate":"1.0"};
1449Shopify.country = "US";
1450Shopify.theme = {"name":"Horizon","id":152741314614,"schema_name":"Horizon","schema_version":"3.5.1","theme_store_id":2481,"role":"main"};
1451Shopify.theme.handle = "null";
1452Shopify.theme.style = {"id":null,"handle":null};
1453Shopify.cdnHost = "bricklandco.com/cdn";
1454Shopify.routes = Shopify.routes || {};
1455Shopify.routes.root = "/";
1456Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1457Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1458Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1459Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1459
1459
1460<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1460
1460
1461<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 1461
1461
1462<script>
1463  window.ShopifyPay = window.ShopifyPay || {};
1464  window.ShopifyPay.apiHost = "shop.app\/pay";
1465  window.ShopifyPay.redirectState = null;
1466</script>
vendor: 1 bytes, line 1466
1466
1467<script>
1468  window.Shopify = window.Shopify || {};
1469  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1470  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1471  window.Shopify.SignInWithShop.eligible = true;
1472</script>
vendor: 1 bytes, line 1472
1472
1473<script id="shop-js-analytics" type="application/json">{"pageType":"collection"}</script>
vendor: 1 bytes, line 1473
1473
1474<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 1474
1474
1475<script type="module">
1476  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1477
1478  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1479
1480</script>
vendor: 1 bytes, line 1480
1480
1481<script>
1482  window.Shopify = window.Shopify || {};
1483  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1484  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"]};
1485</script>
vendor: 1 bytes, line 1485
1485
1486<script id="__st">var __st={"a":75329044534,"offset":-14400,"reqid":"849bc705-bbcc-4b99-8e21-7534818bd018-1791228630","pageurl":"bricklandco.com\/collections\/accessories","u":"dcb287144196","p":"collection","rtyp":"collection","rid":317443309622};</script>
vendor: 1 bytes, line 1486
1486
1487<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1487
1487
1488<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 1488
1488
1489<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//bricklandco.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1489
1489
1490<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 = "//bricklandco.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>
1490<script crossorigin="anonymous" defer="defer" src="//bricklandco.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 1490
1490
1491<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 1491
1491
1492<script>
1493  window.Shopify = window.Shopify || {};
1494  window.Shopify.MCP = window.Shopify.MCP || {};
1495  window.Shopify.MCP.enabled = true;
1496  window.Shopify.MCP.shop = "b2xkqg-tu.myshopify.com";
1497  window.Shopify.MCP.mcpEndpoint = "https:\/\/bricklandco.com\/api\/mcp";
1498  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
1499</script>
vendor: 1 bytes, line 1499
1499
1500<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("\/\/bricklandco.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1501</script>
vendor: 1 bytes, line 1501
1501
1502<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://bricklandco.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1503</script>
vendor: 1 bytes, line 1503
1503
1504<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1505  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);
1506</script>
vendor: 1 bytes, line 1506
1506
1507<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})}}));
1508</script>
vendor: 1 bytes, line 1508
1508
1509<script id='scb4127' type='text/javascript' async='' src='https://bricklandco.com/cdn/shopifycloud/privacy-banner/storefront-banner.js'></script>
1509<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://bricklandco.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
1510<style id="shopify-accelerated-checkout-cart">
1511        #shopify-buyer-consent {
1512  margin-top: 1em;
1513  display: inline-block;
1514  width: 100%;
1515}
1516
1517#shopify-buyer-consent.hidden {
1518  display: none;
1519}
1520
1521#shopify-subscription-policy-button {
1522  background: none;
1523  border: none;
1524  padding: 0;
1525  text-decoration: underline;
1526  font-size: inherit;
1527  cursor: pointer;
1528}
1529
1530#shopify-subscription-policy-button::before {
1531  box-shadow: none;
1532}
1533
1534      </style>
1535<link rel="compression-dictionary" href="//bricklandco.com/cdn/shop/t/1/compiled_assets/styles.css?v=28773759296090554651779702809" crossorigin="anonymous">
1536<link rel="stylesheet" media="screen" href="//bricklandco.com/cdn/shop/t/1/compiled_assets/styles.css?v=28773759296090554651779702809&subset=ABYAAAAAAAAwAAAAUIIAAFDgAMEDAEAoAlxQQA" crossorigin="anonymous">
1537<script id="sections-script" data-sections="main-collection" defer="defer" src="//bricklandco.com/cdn/shop/t/1/compiled_assets/scripts.js?v=47368013396670054441779702809"></script>
vendor: 1 bytes, line 1537
1537
1538<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1538
1539    
1540  <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1541<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: 75329044534,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 1541
1541
1542<script>
1543  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1544</script>
vendor: 1 bytes, line 1544
1544
1545<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}
1545).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: 75329044534,storefrontBaseUrl: "https://bricklandco.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://bricklandco.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2443018294","configuration":"{\"tagID\":\"2613867834169\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"2383347766","configuration":"{\"pixelCode\":\"D8EBR43C77U3HRT4SLCG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"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":"Bricklandco.com","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"b2xkqg-tu.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/bricklandco.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[],"purchasingCompany":null},},"https://bricklandco.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"false","themeId":"152741314614","themeStoreId":"2481","themePublished":"true","eventMetadataId":"622f3abd-01c4-41db-accc-c96bf7b8a2ae","pageType":"collection","resourceId":"317443309622","shopId":"75329044534","storefrontBaseUrl":"https:\/\/bricklandco.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}],[\"collection_viewed\",{\"collection\":{\"id\":\"317443309622\",\"title\":\"ACCESSORIES\",\"productVariants\":[]}}]]"});})();</script>
1545<script>
1546  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1547  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1548  window.ShopifyAnalytics.meta.currency = 'USD';
1549  var meta = {"products":[],"page":{"pageType":"collection","resourceType":"collection","resourceId":317443309622,"requestId":"849bc705-bbcc-4b99-8e21-7534818bd018-1791228630"}};
1550  for (var attr in meta) {
1551    window.ShopifyAnalytics.meta[attr] = meta[attr];
1552  }
1553</script>
vendor: 1 bytes, line 1553
1553
1554<script class="analytics">
1555  (function () {
1556    var customDocumentWrite = function(content) {
1557      var jquery = null;
1558
1559      if (window.jQuery) {
1560        jquery = window.jQuery;
1561      } else if (window.Checkout && window.Checkout.$) {
1562        jquery = window.Checkout.$;
1563      }
1564
1565      if (jquery) {
1566        jquery('body').append(content);
1567      }
1568    };
1569
1570    var hasLoggedConversion = function(token) {
1571      if (token) {
1572        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1573      }
1574      return false;
1575    }
1576
1577    var setCookieIfConversion = function(token) {
1578      if (token) {
1579        var twoMonthsFromNow = new Date(Date.now());
1580        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1581
1582        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1583      }
1584    }
1585
1586    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1587    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1588    if (trekkie.integrations) {
1589      return;
1590    }
1591    trekkie.methods = [
1592      'identify',
1593      'page',
1594      'ready',
1595      'track',
1596      'trackForm',
1597      'trackLink'
1598    ];
1599    trekkie.factory = function(method) {
1600      return function() {
1601        var args = Array.prototype.slice.call(arguments);
1602        args.unshift(method);
1603        trekkie.push(args);
1604        if (method == 'track' || method == 'page') {
1605          var pageUrl;
1606          try {
1607            pageUrl = window.location.href;
1608          } catch (e) {}
1609          var pageReferrer;
1610          try {
1611            pageReferrer = document.referrer;
1612          } catch (e) {}
1613          try {
1614            if (window.__TREKKIE_SHIM_QUEUE == null) {
1615              window.__TREKKIE_SHIM_QUEUE = [];
1616            }
1617            window.__TREKKIE_SHIM_QUEUE.push({
1618              from: 'trekkie-stub',
1619              method: method,
1620              args: args.slice(1),
1621              pageContext: {
1622                url: pageUrl,
1623                referrer: pageReferrer
1624              }
1625            });
1626          } catch (e) {
1627            // no-op
1628          }
1629        }
1630        return trekkie;
1631      };
1632    };
1633    for (var i = 0; i < trekkie.methods.length; i++) {
1634      var key = trekkie.methods[i];
1635      trekkie[key] = trekkie.factory(key);
1636    }
1637    trekkie.load = function(config) {
1638      trekkie.config = config || {};
1639      trekkie.config.initialDocumentCookie = document.cookie;
1640      var first = document.getElementsByTagName('script')[0];
1641var script = document.createElement('script');
1642script.type = 'text/javascript';
1643script.onerror = function(e) {
1644  var scriptFallback = document.createElement('script');
1645  scriptFallback.type = 'text/javascript';
1646  scriptFallback.onerror = function(error) {
1647          var Monorail = {
1648      produce: function produce(monorailDomain, schemaId, payload) {
1649        var currentMs = new Date().getTime();
1650        var event = {
1651          schema_id: schemaId,
1652          payload: payload,
1653          metadata: {
1654            event_created_at_ms: currentMs,
1655            event_sent_at_ms: currentMs
1656          }
1657        };
1658        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1659      },
1660      sendRequest: function sendRequest(endpointUrl, payload) {
1661        // Try the sendBeacon API
1662        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1663          var blobData = new window.Blob([payload], {
1664            type: 'text/plain'
1665          });
1666
1667          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1668            return true;
1669          } // sendBeacon was not successful
1670
1671        } // XHR beacon
1672
1673        var xhr = new XMLHttpRequest();
1674
1675        try {
1676          xhr.open('POST', endpointUrl);
1677          xhr.setRequestHeader('Content-Type', 'text/plain');
1678          xhr.send(payload);
1679        } catch (e) {
1680          console.log(e);
1681        }
1682
1683        return false;
1684      },
1685      isIos12: function isIos12() {
1686        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1687      }
1688    };
1689    Monorail.produce('monorail-edge.shopifysvc.com',
1690      'trekkie_storefront_load_errors/1.1',
1691      {shop_id: 75329044534,
1692      theme_id: 152741314614,
1693      app_name: "storefront",
1694      context_url: window.location.href,
1695      source_url: "//bricklandco.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1696
1697  };
1698  scriptFallback.async = true;
1699  scriptFallback.src = '//bricklandco.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1700  first.parentNode.insertBefore(scriptFallback, first);
1701};
1702script.async = true;
1703script.src = '//bricklandco.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1704first.parentNode.insertBefore(script, first);
1705
1706    };
1707    trekkie.load(
1708      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":75329044534,"isMerchantRequest":null,"themeId":152741314614,"themeCityHash":"8475779897195451578","contentLanguage":"en","currency":"USD","eventMetadataId":"622f3abd-01c4-41db-accc-c96bf7b8a2ae"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1709    );
1710
1711    var loaded = false;
1712    trekkie.ready(function() {
1713      if (loaded) return;
1714      loaded = true;
1715
1716      window.ShopifyAnalytics.lib = window.trekkie;
1717
1718      var originalDocumentWrite = document.write;
1719      document.write = customDocumentWrite;
1720      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1721      document.write = originalDocumentWrite;
1722
1723      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1724      var token = match? match[1]: undefined;
1725      if (!hasLoggedConversion(token)) {
1726        setCookieIfConversion(token);
1727        window.ShopifyAnalytics.lib.track("Viewed Product Category",{"currency":"USD","category":"Collection: accessories","collectionName":"accessories","collectionId":317443309622,"nonInteraction":true},undefined,undefined,{"shopifyEmitted":true});
1728      }
1729    });
1730
1731    window.ShopifyAnalytics.lib.page(null,{"pageType":"collection","resourceType":"collection","resourceId":317443309622,"requestId":"849bc705-bbcc-4b99-8e21-7534818bd018-1791228630","shopifyEmitted":true});
1732
1733    var eventsListenerScript = document.createElement('script');
1734    eventsListenerScript.async = true;
1735    eventsListenerScript.src = "//bricklandco.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1736    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1737})();</script>
vendor: 1 bytes, line 1737
1737
1738<script
1739  defer
1740  src="https://bricklandco.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1741  data-application="storefront-renderer"
1742  data-shop-id="75329044534"
1743  data-render-region="gcp-us-central1"
1744  data-page-type="collection"
1745  data-theme-instance-id="152741314614"
1746  data-theme-name="Horizon"
1747  data-theme-version="3.5.1"
1748  data-monorail-region="shop_domain"
1749  data-resource-timing-sampling-rate="10"
1750  data-shs="true"
1751  data-shs-beacon="true"
1752  data-shs-export-with-fetch="true"
1753  data-shs-logs-sample-rate="1"
1754  data-shs-beacon-endpoint="https://bricklandco.com/api/collect"
1755></script>
vendor: 1 bytes, line 1755
1755
1756<script src="https://cdn.shopify.com/storefront/web-components/account.js" type="module" crossorigin fetchpriority="low" async></script>
1756<script id="shopify-customer-account-data" type="application/json">{"customer":null,"shop":{"id":"75329044534","customerAccountTranslations":[{"key":"account_menu.signed_out_state.sheet_title","value":"Sign in or create account"},{"key":"account_menu.signed_out_state.section_divider","value":"More ways to sign in"},{"key":"account_menu.signed_out_state.alternate_divider","value":"OR"},{"key":"account_menu.signed_out_state.email_field_label","value":"Email"},{"key":"account_menu.signed_out_state.orders_button","value":"Orders"},{"key":"account_menu.signed_out_state.profile_button","value":"Profile"},{"key":"account_menu.signed_out_state.shop_login_button","value":"Sign in with Shop"},{"key":"account_menu.signed_out_state.continue_with_google","value":"Continue with Google"},{"key":"account_menu.signed_out_state.continue_with_facebook","value":"Continue with Facebook"},{"key":"account_menu.signed_out_state.marketing_consent_label","value":"Email me with news and offers"},{"key":"account_menu.signed_in_state.greeting_with_name","value":"Hi, {{first_name}}"},{"key":"account_menu.signed_in_state.greeting_without_name","value":"Account"},{"key":"account_menu.signed_in_state.orders_button","value":"Orders"},{"key":"account_menu.signed_in_state.profile_button","value":"Profile"},{"key":"account_menu.location_picker.sheet_title","value":"Locations"},{"key":"account_menu.location_picker.search_field_placeholder","value":"Search"},{"key":"account_menu.aria_labels.close_menu","value":"Close menu"},{"key":"account_menu.aria_labels.back_to_main_menu","value":"Back to main menu from {{title}}"},{"key":"account_menu.aria_labels.open_submenu","value":"{{title}}, opens submenu"},{"key":"account_menu.aria_labels.loading_menu","value":"Loading menu"},{"key":"account_menu.aria_labels.account","value":"Account"},{"key":"account_menu.aria_labels.sign_in_with_email","value":"Sign in with email"},{"key":"account_menu.aria_labels.sign_in","value":"Sign in"}],"socialLoginProviders":[{"handle":"Shop"}],"legacyCustomerAccounts":false,"signInLinksVisible":true,"b2bEnabled":false,"marketingConsentSigninEnabled":true,"marketingConsentPreselected":true},"visitor":{"country":"US","language":"en"}}</script>
1756
1757<meta name="shopify-y" content="6fff0c60-239a-4265-b486-8f1c9b857786" data-expiration="1822786230000"><meta name="shopify-s" content="eea48347-1df4-464f-8ce3-c04029361231" data-expiration="1791230430000"><meta name="new-cookie-storage-activated" content="t">
1758</head>
1759
1760  <body class="page-width-narrow card-hover-effect-none">
1761    <a
1762  class="skip-to-content-link button-secondary"
1763  href="#MainContent"
1764>
1765  Skip to content
1766</a>
1767
1768
1769
1770    <div id="header-group">
1771      <!-- BEGIN sections: header-group -->
1772<header id="shopify-section-sections--21348700815414__header_section" class="shopify-section shopify-section-group-header-group header-section">
1773
1774
1775
1776
1777
1778
1779
1780
1781
1782<script type="application/ld+json">
1783  {
1784    "@context": "http://schema.org",
1785    "@type": "Organization",
1786    "name": "Bricklandco.com",
1787    
1788      "logo": "https:\/\/bricklandco.com\/cdn\/shop\/files\/IMG_3779.jpg?v=1783574875\u0026width=500",
1789    
1790    "url": "https:\/\/bricklandco.com"
1791  }
1792</script>
1792
1793
1794<header-component
1795  id="header-component"
1796  class="header header--collapse-row-paddings"
1797  data-theme-color="rgb(255 255 255)"
1798  
1799  
1800    sticky="always"
1801  
1802  data-skip-node-update
1803  data-scroll-direction="none"
1804  
1805  
1806  style="
1807    --color-scheme-top-row: rgba(255 255 255 / 1.0);
1808    --color-scheme-bottom-row: rgba(255 255 255 / 1.0);
1809    
1810      --header-actions-font-size: 0.875rem;
1811      --header-actions-font-family: var(--font-body--family);
1812      --header-actions-font-weight: var(--font-body--weight);
1813      --header-actions-text-case: none;
1814    
1815  "
1816>
1817  <div class="header__underlay header__underlay-closed"></div>
1818  <div
1819    class="header__underlay header__underlay-open"
1820  ></div>
1821    
1822
1823    
1824
1825    
1826    
1827      <div
1828        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width divider--page-width"
1829        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
1830        <div class="header__columns spacing-style">
1831          <div
1832      class="header__column header__column--left"
1833      data-testid="header-top-left"
1834    >
1835      
1836        
1837          
1838              
1839
1840
1841
1842    <div
1843      class="header__drawer"
1844      ref="headerDrawerContainer"
1845      data-hydration-key="header-drawer-mobile"
1846      
1847    >
1848      
1849
1850<script
1851  src="//bricklandco.com/cdn/shop/t/1/assets/header-drawer.js?v=121243031541024704371779702805"
1852  type="module"
1853  fetchpriority="low"
1854></script>
1854
1855
1856<header-drawer
1857  class="header-drawer "
1858  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
1859>
1860  <details
1861    id="Details-menu-drawer-container"
1862    data-skip-node-update="true"
1863    class="menu-drawer-container"
1864    ref="details"
1865    scroll-lock
1866  >
1867    <summary
1868      class="header__icon header__icon--menu header__icon--summary"
1869      aria-label="Menu"
1870      on:click="/toggle"
1871    >
1872      <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">
1873  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1874  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1875</svg>
1876</span>
1877      <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">
1878  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1879  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1880</svg>
1881</span>
1882    </summary>
1883    <div
1884      ref="menuDrawer"
1885      class="
1886        menu-drawer
1887        color-scheme-1
1888      "
1889    >
1890      <button
1891        class="button close-button menu-drawer__close-button"
1892        type="button"
1893        aria-label="Close"
1894        on:click="/close"
1895      >
1896        <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">
1897  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1898  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1899</svg>
1900</span>
1901      </button>
1902      <nav
1903        class="menu-drawer__navigation"
1904        style="--menu-top-level-font-family: var(--font-subheading--family);
1905--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--weight); --menu-top-level-font-case:none;
1906
1907  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
1908  var(--menu-font-2xl--line-height);
1909
1910--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
1911
1912--menu-parent-font-family: var(--font-subheading--family); --menu-parent-font-style:
1913var(--font-subheading--style); --menu-parent-font-weight: var(--font-subheading--weight); --menu-parent-font-case:
1914none;
1915
1916    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
1917    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
1918    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
1919  
1920--menu-child-font-family: var(--font-subheading--family); --menu-child-font-style:
1921var(--font-subheading--style); --menu-child-font-weight: var(--font-subheading--weight); --menu-child-font-case:
1922none;
1923
1924    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
1925    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
1926    var(--opacity-subdued-text));
1927  
1928
1929        "
1930        aria-label="Primary"
1931      >
1932        <ul
1933          class="menu-drawer__menu has-submenu"
1934          role="list"
1935        >
1936            
1937            
1938
1939              <li
1940                style="--menu-drawer-animation-index: 1;"
1941                class="menu-drawer__list-item--flat"
1942              >
1943                
1944<a
1945                    id="HeaderDrawer-pre-order"
1946                    href="/collections/brickland-pre-order"
1947                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
1948                    
1949                  >
1950                    <span class="menu-drawer__menu-item-text wrap-text">PRE-ORDER</span>
1951                  </a>
1952                
1953              </li>
1954              <li
1955                style="--menu-drawer-animation-index: 2;"
1956                class="menu-drawer__list-item--flat"
1957              >
1958                
1959<a
1960                    id="HeaderDrawer-men"
1961                    href="/collections/men"
1962                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
1963                    
1964                  >
1965                    <span class="menu-drawer__menu-item-text wrap-text">MEN</span>
1966                  </a>
1967                
1968              </li>
1969              <li
1970                style="--menu-drawer-animation-index: 3;"
1971                class="menu-drawer__list-item--flat"
1972              >
1973                
1974<a
1975                    id="HeaderDrawer-women"
1976                    href="/collections/women"
1977                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
1978                    
1979                  >
1980                    <span class="menu-drawer__menu-item-text wrap-text">WOMEN</span>
1981                  </a>
1982                
1983              </li>
1984              <li
1985                style="--menu-drawer-animation-index: 4;"
1986                class="menu-drawer__list-item--flat"
1987              >
1988                
1989<a
1990                    id="HeaderDrawer-accessories"
1991                    href="/collections/accessories"
1992                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
1993                    
1994                      aria-current="page"
1995                    
1996                  >
1997                    <span class="menu-drawer__menu-item-text wrap-text">ACCESSORIES</span>
1998                  </a>
1999                
2000              </li>
2001              <li
2002                style="--menu-drawer-animation-index: 5;"
2003                class="menu-drawer__list-item--flat"
2004              >
2005                
2006<a
2007                    id="HeaderDrawer-headwear"
2008                    href="/collections/headwear"
2009                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2010                    
2011                  >
2012                    <span class="menu-drawer__menu-item-text wrap-text">HEADWEAR</span>
2013                  </a>
2014                
2015              </li>
2016              <li
2017                style="--menu-drawer-animation-index: 6;"
2018                class="menu-drawer__list-item--flat"
2019              >
2020                
2021<a
2022                    id="HeaderDrawer-collections"
2023                    href="/collections/collections"
2024                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2025                    
2026                  >
2027                    <span class="menu-drawer__menu-item-text wrap-text">COLLECTIONS</span>
2028                  </a>
2029                
2030              </li>
2031              <li
2032                style="--menu-drawer-animation-index: 7;"
2033                class="menu-drawer__list-item--flat"
2034              >
2035                
2036<a
2037                    id="HeaderDrawer-gift-cards"
2038                    href="/collections/gift-cards"
2039                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2040                    
2041                  >
2042                    <span class="menu-drawer__menu-item-text wrap-text">GIFT CARDS</span>
2043                  </a>
2044                
2045              </li>
2046        </ul>
2047      </nav>
2048      <div
2049        class="menu-drawer__utility-links menu-drawer__animated-element"
2050        style="--menu-drawer-animation-index: 7;"
2051      >
2052        
2053        </div>
2054
2055      
2056    </div>
2057    <div
2058      class="menu-drawer__backdrop"
2059      on:click="header-drawer/close"
2060    ></div>
2061  </details>
2062</header-drawer>
2063
2064
2065
2066    </div>
2067
2068  
2069
2070<style data-shopify>
2071  .header__underlay {
2072    --color-submenu: rgb(255 255 255 / 1.0);
2073  }
2074</style>
2075
2076
2077
2078
2079            
2080        
2081      
2082        
2083          
2084              
2085  <search-button
2086    class="search-action search-action--text search-action--hidden-on-menu"
2087  >
2088    <button
2089      on:click="#search-modal/showDialog"
2090      class="button-unstyled header-actions__action header-actions__text-style"
2091      aria-label="Search"
2092      aria-haspopup="dialog"
2093    >
2094      <span class="mobile:hidden">
2095        Search
2096      </span>
2097
2098      <span class="svg-wrapper desktop:hidden">
2099        <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>
2100
2101      </span>
2102    </button>
2103  </search-button>
2104
2105
2106
2107
2108            
2109        
2110      
2111    </div><div
2112      class="header__column header__column--center"
2113      data-testid="header-top-center"
2114    >
2115      
2116        
2117          
2118              
2119
2120
2121
2122
2123<a
2124  
2125  href="/"
2126  class="size-style spacing-style header-logo"
2127  style="
2128    --size-style-width: ;--size-style-height: ;
2129    --padding-block-start: 0px;--padding-block-end: 0px;
2130    --font-family: var(--font-body--family);
2131    --font-style: var(--font-body--style);
2132    --font-weight: 600;
2133  "
2134  
2135>
2136  
2137
2138  <span
2139    class="header-logo__image-container header-logo__image-container--original"
2140    data-testid="header-logo"
2141  >
2142    
2143  
2144  
2145  
2146  
2147
2148  
2149
2150  
2151
2152  
2153
2154  <img src="//bricklandco.com/cdn/shop/files/IMG_3779.jpg?height=35&amp;v=1783574875" alt="Bricklandco.com - Home" width="132" height="35" class="header-logo__image" srcset="//bricklandco.com/cdn/shop/files/IMG_3779.jpg?height=35&amp;v=1783574875 1x, //bricklandco.com/cdn/shop/files/IMG_3779.jpg?height=70&amp;v=1783574875 2x, //bricklandco.com/cdn/shop/files/IMG_3779.jpg?height=105&amp;v=1783574875 3x" style="--header-logo-image-width: 133px;--header-logo-image-width-mobile: 76px; --header-logo-image-height: 35px; --header-logo-image-height-mobile: 20px;">
2155
2156
2157  </span>
2158
2159  
2160</a>
2161
2162
2163
2164
2165
2166            
2167        
2168      
2169    </div><div
2170      class="header__column header__column--right"
2171      data-testid="header-top-right"
2172    >
2173      
2174        
2175          
2176              
2177  
2178  
2179
2180            
2181        
2182      
2183        
2184          
2185              
2186  <search-button
2187    class="search-action search-action--text search-action--hidden-on-drawer"
2188  >
2189    <button
2190      on:click="#search-modal/showDialog"
2191      class="button-unstyled header-actions__action header-actions__text-style"
2192      aria-label="Search"
2193      aria-haspopup="dialog"
2194    >
2195      <span class="mobile:hidden">
2196        Search
2197      </span>
2198
2199      <span class="svg-wrapper desktop:hidden">
2200        <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>
2201
2202      </span>
2203    </button>
2204  </search-button>
2205
2206
2207
2208
2209            
2210        
2211      
2212        
2213          
2214              
2215
2216<script
2217  type="module"
2218  src="//bricklandco.com/cdn/shop/t/1/assets/cart-icon.js?v=157241182139685326961779702805"
2219  fetchpriority="low"
2220></script>
2220
2221
2222
2223
2224
2225
2226<header-actions
2227  
2228    class="header-actions--text"
2229  
2230>
2231  
2232    
2233    <div
2234      class="account-button header-actions__action account-button--text color-scheme-1"
2235    >
2236      <shopify-store store-domain="https://bricklandco.com" country="US" language="en"></shopify-store>
2237<shopify-account
2238        menu="customer-account-main-menu"
2239        
2240          style="--header-actions-font-family: Inter, sans-serif; --header-actions-font-weight: 400;"
2241        
2242      >
2243        
2244          <span
2245            slot="signed-out-avatar"
2246            class="account-button__text header-actions__text-style mobile:hidden"
2247          >
2248            Account
2249          </span>
2250
2251          <span
2252            slot="signed-out-avatar"
2253            class="desktop:hidden"
2254            aria-hidden="true"
2255          >
2256            
2257  <svg
2258    xmlns="http://www.w3.org/2000/svg"
2259    width="15"
2260    height="17"
2261    viewBox="0 0 15 17"
2262    fill="none"
2263    slot="signed-out-avatar"
2264    class="account-button__icon"
2265  >
2266    <path
2267      stroke="currentColor"
2268      stroke-linejoin="round"
2269      stroke-width="var(--icon-stroke-width)"
2270      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"
2271    />
2272  </svg>
2273
2274          </span>
2275        
2276      </shopify-account>
2277    </div>
2278  
2279
2280  
2281    
2281<script
2282      src="//bricklandco.com/cdn/shop/t/1/assets/cart-drawer.js?v=35649724213056774541779702805"
2283      type="module"
2284      fetchpriority="low"
2285    ></script>
2285
2286
2287    
2288
2289    <cart-drawer-component
2290      class="cart-drawer cart-drawer--text"
2291      
2292      
2293    >
2294      <template id="empty-cart-template">
2295        
2296      <div class="cart-drawer__header">
2297        <button
2298          ref="closeButton"
2299          on:click="cart-drawer-component/close"
2300          class="button close-button cart-drawer__close-button button-unstyled"
2301          aria-label="Close dialog"
2302        >
2303          <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">
2304  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2305  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2306</svg>
2307</span>
2308        </button>
2309      </div>
2310
2311      <div
2312        class="cart-drawer__content"
2313        aria-label="Cart"
2314      >
2315        <h2
2316          class="cart-drawer__heading h4 cart-drawer__heading--empty"
2317          id="cart-drawer-heading-empty"
2318        >
2319          Your cart is empty
2320        </h2>
2321
2322        <div class="cart-drawer__items">
2323          
2324
2325
2326
2327<script
2328  src="//bricklandco.com/cdn/shop/t/1/assets/component-cart-items.js?v=165440327125931659001779702805"
2329  type="module"
2330  fetchpriority="low"
2331></script>
vendor: 1 bytes, line 2331
2331
2332<script
2333  src="//bricklandco.com/cdn/shop/t/1/assets/component-cart-quantity-selector.js?v=105130809908858639751779702805"
2334  type="module"
2335  fetchpriority="low"
2336></script>
vendor: 1 bytes, line 2336
2336
2337<script
2338  src="//bricklandco.com/cdn/shop/t/1/assets/volume-pricing-info.js?v=94479640769665442661779702805"
2339  type="module"
2340  fetchpriority="low"
2341></script>
2341
2342
2343<div
2344  
2345  class="cart-items__wrapper"
2346  
2347>
2348  
2349<p>
2350        Have an account? <a href="https://bricklandco.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
2351      </p><a
2352      class="button cart-items__empty-button"
2353      href="/collections/all"
2354    >
2355      <span class="button-text">
2356        Continue shopping
2357      </span>
2358    </a></div>
2359
2360
2361
2362        </div>
2363      </div>
2364    
2365      </template>
2366      <button
2367        class="header-actions__action button-unstyled header-actions__text-style"
2368        on:click="/open"
2369        aria-haspopup="dialog"
2370        aria-label="Cart"
2371        aria-describedby="cart-bubble-text"
2372        data-testid="cart-drawer-trigger"
2373      >
2374        
2375  <cart-icon
2376    class="header-actions__cart-icon header-actions__cart-icon--text"
2377    data-testid="cart-icon"
2378  >
2379    <span class="mobile:hidden">
2380      Cart
2381    </span>
2382
2383    <span
2384      class="svg-wrapper desktop:hidden"
2385      aria-hidden="true"
2386    >
2387      <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>
2388
2389    </span>
2390
2391    <div
2392  ref="cartBubble"
2393  class="cart-bubble visually-hidden"
2394  
2395  
2396    data-maintain-ratio
2397  
2398>
2399  <span class="cart-bubble__background"></span>
2400  <span
2401    ref="cartBubbleText"
2402    id="cart-bubble-text"
2403    class="cart-bubble__text"
2404  >
2405    <span
2406      class="cart-bubble__text-count hidden"
2407      ref="cartBubbleCount"
2408      aria-hidden="true"
2409      data-testid="cart-bubble"
2410    >
24110</span>
2412  </span>
2413</div>
2414
2415
2416
2417  </cart-icon>
2418
2419      </button>
2420
2421      <dialog
2422        ref="dialog"
2423        class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
2424        data-testid="cart-drawer-dialog"
2425        aria-labelledby="cart-drawer-heading-empty"
2426        scroll-lock
2427        cart-summary-sticky="true"
2428      >
2429        <span
2430          ref="liveRegion"
2431          class="visually-hidden"
2432          role="status"
2433        ></span>
2434        <div
2435          class="cart-drawer__inner"
2436          data-hydration-key="cart-drawer-inner"
2437        >
2438          
2439          
2440
2441<cart-items-component
2442  class="cart-items-component"
2443  
2444    data-drawer
2445  
2446  data-section-id="sections--21348700815414__header_section"
2447>
2448  
2449
2450      <div class="cart-drawer__header">
2451        <button
2452          ref="closeButton"
2453          on:click="cart-drawer-component/close"
2454          class="button close-button cart-drawer__close-button button-unstyled"
2455          aria-label="Close dialog"
2456        >
2457          <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">
2458  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2459  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2460</svg>
2461</span>
2462        </button>
2463      </div>
2464
2465      <div
2466        class="cart-drawer__content"
2467        aria-label="Cart"
2468      >
2469        <h2
2470          class="cart-drawer__heading h4 cart-drawer__heading--empty"
2471          id="cart-drawer-heading-empty"
2472        >
2473          Your cart is empty
2474        </h2>
2475
2476        <div class="cart-drawer__items">
2477          
2478
2479
2480
2481<script
2482  src="//bricklandco.com/cdn/shop/t/1/assets/component-cart-items.js?v=165440327125931659001779702805"
2483  type="module"
2484  fetchpriority="low"
2485></script>
vendor: 1 bytes, line 2485
2485
2486<script
2487  src="//bricklandco.com/cdn/shop/t/1/assets/component-cart-quantity-selector.js?v=105130809908858639751779702805"
2488  type="module"
2489  fetchpriority="low"
2490></script>
vendor: 1 bytes, line 2490
2490
2491<script
2492  src="//bricklandco.com/cdn/shop/t/1/assets/volume-pricing-info.js?v=94479640769665442661779702805"
2493  type="module"
2494  fetchpriority="low"
2495></script>
2495
2496
2497<div
2498  
2499  class="cart-items__wrapper"
2500  
2501>
2502  
2503<p>
2504        Have an account? <a href="https://bricklandco.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
2505      </p><a
2506      class="button cart-items__empty-button"
2507      href="/collections/all"
2508    >
2509      <span class="button-text">
2510        Continue shopping
2511      </span>
2512    </a></div>
2513
2514
2515
2516        </div>
2517      </div>
2518    
2519
2520</cart-items-component>
2521
2522
2523
2524        </div>
2525      </dialog>
2526    </cart-drawer-component>
2527  
2528
2529  <span
2530    ref="liveRegion"
2531    class="visually-hidden"
2532    role="status"
2533    data-testid="cart-count-live-region"
2534  ></span>
2535</header-actions>
2536
2537<script
2538  type="module"
2539  src="//bricklandco.com/cdn/shop/t/1/assets/header-actions.js?v=121308165565653895611779702805"
2540  fetchpriority="low"
2541></script>
2541
2542
2543
2544
2545          
2546        
2547      
2548    </div>
2549        </div>
2550      </div>
2551    
2552  
2553    
2554
2555    
2556
2557    
2558    
2559      <div
2560        class="header__row header__row--bottom color-scheme-1 section section--full-width-margin section--page-width mobile:hidden"
2561        ref="headerRowTop"style="--border-bottom-width: 0px;">
2562        <div class="header__columns spacing-style">
2563          <div
2564      class="header__column header__column--center"
2565      data-testid="header-bottom-center"
2566    >
2567      
2568        
2569          
2570              
2571
2572
2573
2574    
2575
2576    
2577
2578    <header-menu
2579      ref="headerMenu"
2580      class="header-menu"
2581      
2582      data-hydration-key="header-menu"
2583    >
2584      <div class="header-menu__inner">
2585        <nav
2586          class="menu-list"
2587          aria-label="Primary"
2588          style="--menu-top-level-font-family: var(--font-subheading--family);
2589--menu-top-level-font-size-desktop: 0.875rem; --menu-top-level-font-style: var(--font-subheading--style); --menu-top-level-font-weight: var(--font-subheading--weight); --menu-top-level-font-case:none;
2590
2591  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
2592  var(--menu-font-sm--line-height);
2593
2594--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
2595"
2596        >
2597          
2598          <overflow-list
2599  
2600    ref="overflowMenu"
2601  
2602  
2603    class="overflow-menu color-scheme-matches-parent"
2604  
2605  
2606    minimum-items="2"
2607  
2608  
2609    data-testid="header-menu-overflow-list"
2610  
2611  
2612    data-skip-node-update
2613  
2614>
2615  <template shadowrootmode="open">
2616    <link href="//bricklandco.com/cdn/shop/t/1/assets/overflow-list.css?v=16727044177065489451779702805" rel="stylesheet" type="text/css" media="all" />
2617
2618    <ul part="list">
2619      <slot></slot>
2620      <slot
2621        name="more"
2622        part="more"
2623        hidden
2624        
2625      >
2626        <li
2627          part="more"
2628        >
2629          <button
2630            class="button"
2631            type="button"
2632            tabindex="0"
2633            
2634          >
2635            More
2636          </button>
2637        </li>
2638      </slot>
2639      <li
2640        part="placeholder"
2641        hidden
2642      ></li>
2643    </ul>
2644
2645    <div part="overflow">
2646      <ul part="overflow-list">
2647        <slot name="overflow"></slot>
2648      </ul>
2649    </div>
2650  </template>
2651
2652  
2653      
2654        <li
2655          role="presentation"
2656          class="menu-list__list-item"
2657          on:focus="/activate"
2658          on:blur="/deactivate"
2659          on:pointerenter="/activate"
2660          on:pointerleave="/deactivate"
2661        >
2662          <a
2663            href="/collections/brickland-pre-order"
2664            data-skip-node-update="true"
2665            class="menu-list__link"
2666            ref="menuitem"
2667          >
2668            <span class="menu-list__link-title">PRE-ORDER</span>
2669          </a></li>
2670      
2671        <li
2672          role="presentation"
2673          class="menu-list__list-item"
2674          on:focus="/activate"
2675          on:blur="/deactivate"
2676          on:pointerenter="/activate"
2677          on:pointerleave="/deactivate"
2678        >
2679          <a
2680            href="/collections/men"
2681            data-skip-node-update="true"
2682            class="menu-list__link"
2683            ref="menuitem"
2684          >
2685            <span class="menu-list__link-title">MEN</span>
2686          </a></li>
2687      
2688        <li
2689          role="presentation"
2690          class="menu-list__list-item"
2691          on:focus="/activate"
2692          on:blur="/deactivate"
2693          on:pointerenter="/activate"
2694          on:pointerleave="/deactivate"
2695        >
2696          <a
2697            href="/collections/women"
2698            data-skip-node-update="true"
2699            class="menu-list__link"
2700            ref="menuitem"
2701          >
2702            <span class="menu-list__link-title">WOMEN</span>
2703          </a></li>
2704      
2705        <li
2706          role="presentation"
2707          class="menu-list__list-item"
2708          on:focus="/activate"
2709          on:blur="/deactivate"
2710          on:pointerenter="/activate"
2711          on:pointerleave="/deactivate"
2712        >
2713          <a
2714            href="/collections/accessories"
2715            data-skip-node-update="true"
2716            class="menu-list__link menu-list__link--active"
2717              aria-current="page"
2718            
2719            ref="menuitem"
2720          >
2721            <span class="menu-list__link-title">ACCESSORIES</span>
2722          </a></li>
2723      
2724        <li
2725          role="presentation"
2726          class="menu-list__list-item"
2727          on:focus="/activate"
2728          on:blur="/deactivate"
2729          on:pointerenter="/activate"
2730          on:pointerleave="/deactivate"
2731        >
2732          <a
2733            href="/collections/headwear"
2734            data-skip-node-update="true"
2735            class="menu-list__link"
2736            ref="menuitem"
2737          >
2738            <span class="menu-list__link-title">HEADWEAR</span>
2739          </a></li>
2740      
2741        <li
2742          role="presentation"
2743          class="menu-list__list-item"
2744          on:focus="/activate"
2745          on:blur="/deactivate"
2746          on:pointerenter="/activate"
2747          on:pointerleave="/deactivate"
2748        >
2749          <a
2750            href="/collections/collections"
2751            data-skip-node-update="true"
2752            class="menu-list__link"
2753            ref="menuitem"
2754          >
2755            <span class="menu-list__link-title">COLLECTIONS</span>
2756          </a></li>
2757      
2758        <li
2759          role="presentation"
2760          class="menu-list__list-item"
2761          on:focus="/activate"
2762          on:blur="/deactivate"
2763          on:pointerenter="/activate"
2764          on:pointerleave="/deactivate"
2765        >
2766          <a
2767            href="/collections/gift-cards"
2768            data-skip-node-update="true"
2769            class="menu-list__link"
2770            ref="menuitem"
2771          >
2772            <span class="menu-list__link-title">GIFT CARDS</span>
2773          </a></li>
2774      
2775      <li
2776        class="menu-list__list-item"
2777        role="presentation"
2778        slot="more"
2779        on:focus="/activate"
2780        on:blur="/deactivate"
2781        on:pointerenter="/activate"
2782        on:pointerleave="/deactivate"
2783      >
2784        <button role="listitem" class="menu-list__link button-unstyled">
2785          <span class="menu-list__link-title">More</span>
2786        </button>
2787      </li>
2788    
2789</overflow-list>
2790
2791        </nav>
2792      </div>
2793
2794      
2794<script
2795        src="//bricklandco.com/cdn/shop/t/1/assets/header-menu.js?v=97820922056036071501779702805"
2796        type="module"
2797        fetchpriority="low"
2798      ></script>
2798
2799    </header-menu>
2800
2801
2802<style data-shopify>
2803  .header__underlay {
2804    --color-submenu: rgb(255 255 255 / 1.0);
2805  }
2806</style>
2807
2808
2809
2810
2811            
2812        
2813      
2814    </div>
2815        </div>
2816      </div>
2817    
2818  
2819
2820  
2821    <div class="header__row header__navigation-bar-row color-scheme-1">
2822      
2823
2824
2825
2826    
2827  
2828
2829<style data-shopify>
2830  .header__underlay {
2831    --color-submenu: rgb(255 255 255 / 1.0);
2832  }
2833</style>
2834
2835
2836
2837
2838    </div>
2839  
2840</header-component>
2841
2842<script
2843  src="//bricklandco.com/cdn/shop/t/1/assets/header.js?v=36718054510661947891779702805"
2844  type="module"
2845></script>
2845
2846
2847
2848
2849
2850  
2850<script type="module">
2851    import { hydrate } from '@theme/section-hydration';
2852    const url = new URL(window.location.href);
2853    url.searchParams.delete('page');
2854    hydrate('sections--21348700815414__header_section', url);
2855  </script>
2855
2856
2857
2858
2859</header>
2860<!-- END sections: header-group -->
2861    </div>
2862
2863    
2863<script>
2864      // Inline header height and menu style calculations to prevent layout shift
2865      // Note: Updates in calculateHeaderGroupHeight(), updateTransparentHeaderOffset() and setHeaderMenuStyle() utilities.js should be kept in sync with this function
2866      (function setHeaderHeighCustomProperties() {
2867        /*
2868         * Header calculation functions for maintaining CSS variables
2869         * Mimic calculateHeaderGroupHeight() in utilities.js
2870         */
2871        const header = document.querySelector('header-component');
2872        const headerGroup = document.querySelector('#header-group');
2873        const hasHeaderSection = headerGroup?.querySelector('.header-section');
2874
2875        if (!header || !headerGroup) return;
2876
2877        const headerTopRow = header.querySelector('.header__row--top');
2878        const headerHeight = header.offsetHeight;
2879
2880        // Calculate the total height of the header group
2881        let headerGroupHeight = 0;
2882        const children = headerGroup.children;
2883        for (let i = 0; i < children.length; i++) {
2884          const element = children[i];
2885          if (element === header || !(element instanceof HTMLElement)) continue;
2886          headerGroupHeight += element.offsetHeight;
2887        }
2888
2889        // Check for transparent header special case
2890        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
2891          headerGroupHeight += headerHeight;
2892        }
2893
2894        // Set CSS variables
2895        document.body.style.setProperty('--header-height', `${headerHeight}px`);
2896        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
2897
2898        if (headerTopRow) {
2899          window.requestAnimationFrame(function () {
2900            document.body.style.setProperty('--top-row-height', `${headerTopRow.offsetHeight}px`);
2901          });
2902        }
2903
2904        /**
2905         * Updates CSS custom properties for transparent header offset calculation
2906         * Mimic updateTransparentHeaderOffset() in utilities.js
2907         */
2908
2909        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
2910          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
2911          return;
2912        }
2913
2914        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
2915
2916        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
2917        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
2918      })();
2919
2920      (function setHeaderMenuStyle() {
2921        const headerComponent = document.querySelector('#header-component');
2922        if (headerComponent) {
2923          const isTouchDevice = 'ontouchstart' in window && navigator.maxTouchPoints > 0;
2924          const overflowList = headerComponent?.querySelector('overflow-list');
2925          const hasReachedMinimum = overflowList && overflowList.hasAttribute('minimum-reached');
2926          headerComponent.dataset.menuStyle = isTouchDevice || hasReachedMinimum ? 'drawer' : 'menu';
2927        }
2928      })();
2929    </script>
2929
2930
2931    <main
2932      id="MainContent"
2933      class="content-for-layout"
2934      role="main"
2935      data-page-transition-enabled="false"
2936      data-product-transition="false"
2937      data-template="collection"
2938    >
2939      <div id="shopify-section-template--21348700586038__section" class="shopify-section section-wrapper">
2940
2941
2942
2943<div class="section-background color-scheme-1"></div>
2944<div
2945  class="section section--page-width color-scheme-1"
2946  data-testid="ui-test-section"
2947
2948  
2949
2950  style="
2951    
2952
2953    
2954  "
2955>
2956  <div class="custom-section-background">
2957    
2958
2959
2960
2961  </div>
2962
2963  <div
2964    class="border-style custom-section-content"
2965    style="--border-width: 1px; --border-style: none; --border-color:
2966rgb(var(--color-border-rgb) / 1.0); --border-radius:
29670px; 
2968"
2969  >
2970    
2971
2972    <div
2973      class="
2974        spacing-style
2975        layout-panel-flex
2976        layout-panel-flex--column
2977        section-content-wrapper
2978         mobile-column
2979      "
2980      style="
2981        --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
2982
2983--gap: 12px;
2984
2985--horizontal-alignment: flex-start; --vertical-alignment: center;
2986--vertical-alignment-mobile: center;
2987
2988        --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));
2989      "
2990      data-testid="section-content"
2991    >
2992      
2993  
2994
2995
2996
2997
2998
2999
3000
3001
3002  <div class=" spacing-style text-block text-block--Adm02c2tFUkI0eEJua__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);          ">
3003    <h1>ACCESSORIES</h1>
3004  </div>
3005
3006
3007
3008
3009
3010
3011
3012
3013
3014
3015
3016
3017
3018
3019
3020
3021
3022
3023
3024
3025
3026
3027    </div>
3028  </div>
3029</div>
3030
3031
3032
3033
3034
3035</div><div id="shopify-section-template--21348700586038__main" class="shopify-section">
3036
3037<script
3038  src="//bricklandco.com/cdn/shop/t/1/assets/results-list.js?v=28346210841421047511779702805"
3039  type="module"
3040  fetchpriority="low"
3041></script>
3041
3042
3043
3044
3045
3046<div class="section-background color-scheme-1"></div>
3047<results-list
3048  class="section product-grid-container color-scheme-1"
3049  style="--padding-block-start: 0px; --padding-block-end: 32px;"
3050  section-id="template--21348700586038__main"
3051  infinite-scroll="true"
3052>
3053  <a
3054  class="skip-to-content-link button-secondary"
3055  href="#ResultsList"
3056>
3057  Skip to results list
3058</a>
3059
3060
3061
3062
3063  <div
3064    class="collection-wrapper grid gap-style"
3065  >
3066    
3067<script
3068  src="//bricklandco.com/cdn/shop/t/1/assets/facets.js?v=177903033754413523221779702805"
3069  type="module"
3070  fetchpriority="low"
3071></script>
3071
3072
3073<script
3074  src="//bricklandco.com/cdn/shop/t/1/assets/scrolling.js?v=162288454571026455011779702805"
3075  type="module"
3076  fetchpriority="low"
3077></script>
3077
3078  
3079
3080  <div
3081    class="
3082      
3083      facets-block-wrapper
3084      facets-block-wrapper--horizontal
3085
3086
3087    "
3088    style="
3089      --grid-column--desktop:var(--centered);
3090      --facets-margin: 0px  0px 8px 0px;
3091      --facets-inner-padding-block: 8px 8px;
3092      --facets-inner-padding-inline: var(--padding-lg);
3093    "
3094    
3095  >
3096    <div
3097      class="facets facets--horizontal spacing-style"
3098      style="--padding-block-start: 8px;--padding-block-end: 8px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
3099      aria-label="Filters"
3100    >
3101      <facets-form-component
3102        class="facets__form-wrapper"
3103        section-id="template--21348700586038__main"
3104        form-style="horizontal"
3105      >
3106        <form
3107          action="/collections/accessories"
3108          id="FacetFiltersForm--template--21348700586038__main-desktop"
3109          class="facets__form"
3110          ref="facetsForm"
3111        >
3112          
3113            <div class="facets-remove facets-remove--mobile-and-vertical"><h3 class="visually-hidden">Active filters:</h3>
3114</div>
3115
3116
3117
3118
3119            
3120              
3121
3122              
3123
3124              <div class="facets__filters-wrapper">
3125                
3126                  
3127                  <overflow-list
3128  
3129  
3130    class="facets__overflow-list"
3131  
3132  
3133    minimum-items="2"
3134  
3135  
3136    data-testid="horizontal-filters-overflow-list"
3137  
3138  
3139>
3140  <template shadowrootmode="open">
3141    <link href="//bricklandco.com/cdn/shop/t/1/assets/overflow-list.css?v=16727044177065489451779702805" rel="stylesheet" type="text/css" media="all" />
3142
3143    <ul part="list">
3144      <slot></slot>
3145      <slot
3146        name="more"
3147        part="more"
3148        hidden
3149        
3150          on:click="#filters-drawer/showDialog"
3151        
3152      >
3153        <li
3154          part="more"
3155        >
3156          <button
3157            class="button"
3158            type="button"
3159            tabindex="0"
3160            
3161              aria-haspopup="dialog"
3162            
3163          >
3164            More
3165          </button>
3166        </li>
3167      </slot>
3168      <li
3169        part="placeholder"
3170        hidden
3171      ></li>
3172    </ul>
3173
3174    <div part="overflow">
3175      <ul part="overflow-list">
3176        <slot name="overflow"></slot>
3177      </ul>
3178    </div>
3179  </template>
3180
3181  
3182
3183</overflow-list>
3184
3185                
3186              </div>
3187
3188              
3189                <facet-remove-component
3190                  class="facets-horizontal-remove "
3191                  active-class="facets__clear-all-link--active"
3192                  data-url="/collections/accessories"
3193                >
3194                  <button
3195                    type="button"
3196                    class="button-unstyled facets__clear-all-link facets__clear-all-link--horizontal "
3197                    ref="clearButton"
3198                    on:click="/removeFilter?form="
3199                    on:keydown="/removeFilter?form="
3200                  >Clear all</button>
3201                </facet-remove-component>
3202              
3203            
3204            
3205              <div
3206                class="products-count-wrapper"
3207                data-testid="products-count"
3208              >
3209                <span role="status">
3210                  
32110 items
3212                </span>
3213              </div>
3214
3215              
3216                <sorting-filter-component
3217  class="sorting-filter sorting-filter__horizontal"
3218  on:change="/updateFilterAndSorting"
3219  on:keydown="/handleKeyDown"
3220  
3221    data-testid="sorting-filter-component-desktop"
3222  
3223  data-should-use-select-on-mobile="false"
3224>
3225  
3226
3227  <div class="sorting-filter__container  hidden ">
3228    <label
3229      for="sort-select-template--21348700586038__main"
3230      class="facets__label"
3231    >Sort</label>
3232    <div class="sorting-filter__select-wrapper">
3233      <select
3234        id="sort-select-template--21348700586038__main"
3235        name="sort_by"
3236        class="sorting-filter__select"
3237        
3238          disabled
3239        
3240      >
3241        
3242          <option
3243            value="manual"
3244            
3245          >
3246            Featured
3247          </option>
3248        
3249          <option
3250            value="most-relevant"
3251            
3252              selected
3253            
3254          >
3255            Most relevant
3256          </option>
3257        
3258          <option
3259            value="best-selling"
3260            
3261          >
3262            Best selling
3263          </option>
3264        
3265          <option
3266            value="title-ascending"
3267            
3268          >
3269            Alphabetically, A-Z
3270          </option>
3271        
3272          <option
3273            value="title-descending"
3274            
3275          >
3276            Alphabetically, Z-A
3277          </option>
3278        
3279          <option
3280            value="price-ascending"
3281            
3282          >
3283            Price, low to high
3284          </option>
3285        
3286          <option
3287            value="price-descending"
3288            
3289          >
3290            Price, high to low
3291          </option>
3292        
3293          <option
3294            value="created-ascending"
3295            
3296          >
3297            Date, old to new
3298          </option>
3299        
3300          <option
3301            value="created-descending"
3302            
3303          >
3304            Date, new to old
3305          </option>
3306        
3307      </select>
3308      <svg
3309        aria-hidden="true"
3310        focusable="false"
3311        class="icon icon-caret"
3312        width="8"
3313        height="13"
3314        viewBox="0 0 8 13"
3315      >
3316
3317
3318<g opacity="0.6">
3319      <path
3320        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"
3321        fill="#333030"
3322      />
3323      <path
3324        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"
3325        fill="#333030"
3326      />
3327    </g></svg>
3328    </div>
3329  </div>
3330
3331  
3332<accordion-custom
3333  
3334  
3335  
3336  
3337  
3338  
3339  
3340    data-disable-animation-on-desktop="true"
3341  
3342  
3343    data-close-with-escape="true"
3344  
3345  
3346>
3347  
3348    <details
3349      ref="details"
3350      id="Sorting-template--21348700586038__main"
3351      data-default-sort-by="most-relevant"
3352      class="facets__panel "
3353      data-auto-close-details="desktop,mobile"
3354      on:toggle="/handleToggle"
3355    >
3356      <summary
3357        class="facets__summary"
3358        role="button"
3359        aria-expanded="false"
3360        aria-controls="sorting-options-template--21348700586038__main-desktop"
3361        ref="summary"
3362      >
3363        <span
3364          class="facets__label"
3365          id="sort-label-template--21348700586038__main"
3366        >Sort</span>
3367        <span
3368          class="facets__status h6 desktop:hidden"
3369        >Most relevant</span>
3370        <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">
3371  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3372</svg>
3373</span>
3374      </summary>
3375      <floating-panel-component
3376        id="sorting-options-template--21348700586038__main-desktop"
3377        class="sorting-filter__options color-scheme-1"
3378        role="listbox"
3379        aria-labelledby="sort-label-template--21348700586038__main"
3380        ref="listbox"
3381      >
3382        <div class="sorting-filter__options-inner">
3383          
3384            <label
3385              for="sort-option-manual-template--21348700586038__main"
3386            >
3387              <div
3388                class="sorting-filter__option"
3389                role="option"
3390                aria-selected="false"
3391                tabindex="-1"
3392              >
3393                <input
3394                  type="radio"
3395                  name="sort_by"
3396                  id="sort-option-manual-template--21348700586038__main"
3397                  
3398                    form="FacetFiltersForm--template--21348700586038__main-desktop"
3399                  
3400                  value="manual"
3401                  class="sorting-filter__input"
3402                  data-option-name="Featured"
3403                  
3404                  aria-hidden="true"
3405                >
3406                <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">
3407<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3408</svg>
3409</span>
3410                <span class="sorting-filter__label">Featured</span>
3411              </div>
3412            </label>
3413          
3414            <label
3415              for="sort-option-most-relevant-template--21348700586038__main"
3416            >
3417              <div
3418                class="sorting-filter__option"
3419                role="option"
3420                aria-selected="true"
3421                tabindex="0"
3422              >
3423                <input
3424                  type="radio"
3425                  name="sort_by"
3426                  id="sort-option-most-relevant-template--21348700586038__main"
3427                  
3428                    form="FacetFiltersForm--template--21348700586038__main-desktop"
3429                  
3430                  value="most-relevant"
3431                  class="sorting-filter__input"
3432                  data-option-name="Most relevant"
3433                  
3434                    checked
3435                  
3436                  aria-hidden="true"
3437                >
3438                <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">
3439<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3440</svg>
3441</span>
3442                <span class="sorting-filter__label">Most relevant</span>
3443              </div>
3444            </label>
3445          
3446            <label
3447              for="sort-option-best-selling-template--21348700586038__main"
3448            >
3449              <div
3450                class="sorting-filter__option"
3451                role="option"
3452                aria-selected="false"
3453                tabindex="-1"
3454              >
3455                <input
3456                  type="radio"
3457                  name="sort_by"
3458                  id="sort-option-best-selling-template--21348700586038__main"
3459                  
3460                    form="FacetFiltersForm--template--21348700586038__main-desktop"
3461                  
3462                  value="best-selling"
3463                  class="sorting-filter__input"
3464                  data-option-name="Best selling"
3465                  
3466                  aria-hidden="true"
3467                >
3468                <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">
3469<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3470</svg>
3471</span>
3472                <span class="sorting-filter__label">Best selling</span>
3473              </div>
3474            </label>
3475          
3476            <label
3477              for="sort-option-title-ascending-template--21348700586038__main"
3478            >
3479              <div
3480                class="sorting-filter__option"
3481                role="option"
3482                aria-selected="false"
3483                tabindex="-1"
3484              >
3485                <input
3486                  type="radio"
3487                  name="sort_by"
3488                  id="sort-option-title-ascending-template--21348700586038__main"
3489                  
3490                    form="FacetFiltersForm--template--21348700586038__main-desktop"
3491                  
3492                  value="title-ascending"
3493                  class="sorting-filter__input"
3494                  data-option-name="Alphabetically, A-Z"
3495                  
3496                  aria-hidden="true"
3497                >
3498                <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">
3499<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3500</svg>
3501</span>
3502                <span class="sorting-filter__label">Alphabetically, A-Z</span>
3503              </div>
3504            </label>
3505          
3506            <label
3507              for="sort-option-title-descending-template--21348700586038__main"
3508            >
3509              <div
3510                class="sorting-filter__option"
3511                role="option"
3512                aria-selected="false"
3513                tabindex="-1"
3514              >
3515                <input
3516                  type="radio"
3517                  name="sort_by"
3518                  id="sort-option-title-descending-template--21348700586038__main"
3519                  
3520                    form="FacetFiltersForm--template--21348700586038__main-desktop"
3521                  
3522                  value="title-descending"
3523                  class="sorting-filter__input"
3524                  data-option-name="Alphabetically, Z-A"
3525                  
3526                  aria-hidden="true"
3527                >
3528                <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">
3529<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3530</svg>
3531</span>
3532                <span class="sorting-filter__label">Alphabetically, Z-A</span>
3533              </div>
3534            </label>
3535          
3536            <label
3537              for="sort-option-price-ascending-template--21348700586038__main"
3538            >
3539              <div
3540                class="sorting-filter__option"
3541                role="option"
3542                aria-selected="false"
3543                tabindex="-1"
3544              >
3545                <input
3546                  type="radio"
3547                  name="sort_by"
3548                  id="sort-option-price-ascending-template--21348700586038__main"
3549                  
3550                    form="FacetFiltersForm--template--21348700586038__main-desktop"
3551                  
3552                  value="price-ascending"
3553                  class="sorting-filter__input"
3554                  data-option-name="Price, low to high"
3555                  
3556                  aria-hidden="true"
3557                >
3558                <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">
3559<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3560</svg>
3561</span>
3562                <span class="sorting-filter__label">Price, low to high</span>
3563              </div>
3564            </label>
3565          
3566            <label
3567              for="sort-option-price-descending-template--21348700586038__main"
3568            >
3569              <div
3570                class="sorting-filter__option"
3571                role="option"
3572                aria-selected="false"
3573                tabindex="-1"
3574              >
3575                <input
3576                  type="radio"
3577                  name="sort_by"
3578                  id="sort-option-price-descending-template--21348700586038__main"
3579                  
3580                    form="FacetFiltersForm--template--21348700586038__main-desktop"
3581                  
3582                  value="price-descending"
3583                  class="sorting-filter__input"
3584                  data-option-name="Price, high to low"
3585                  
3586                  aria-hidden="true"
3587                >
3588                <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">
3589<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3590</svg>
3591</span>
3592                <span class="sorting-filter__label">Price, high to low</span>
3593              </div>
3594            </label>
3595          
3596            <label
3597              for="sort-option-created-ascending-template--21348700586038__main"
3598            >
3599              <div
3600                class="sorting-filter__option"
3601                role="option"
3602                aria-selected="false"
3603                tabindex="-1"
3604              >
3605                <input
3606                  type="radio"
3607                  name="sort_by"
3608                  id="sort-option-created-ascending-template--21348700586038__main"
3609                  
3610                    form="FacetFiltersForm--template--21348700586038__main-desktop"
3611                  
3612                  value="created-ascending"
3613                  class="sorting-filter__input"
3614                  data-option-name="Date, old to new"
3615                  
3616                  aria-hidden="true"
3617                >
3618                <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">
3619<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3620</svg>
3621</span>
3622                <span class="sorting-filter__label">Date, old to new</span>
3623              </div>
3624            </label>
3625          
3626            <label
3627              for="sort-option-created-descending-template--21348700586038__main"
3628            >
3629              <div
3630                class="sorting-filter__option"
3631                role="option"
3632                aria-selected="false"
3633                tabindex="-1"
3634              >
3635                <input
3636                  type="radio"
3637                  name="sort_by"
3638                  id="sort-option-created-descending-template--21348700586038__main"
3639                  
3640                    form="FacetFiltersForm--template--21348700586038__main-desktop"
3641                  
3642                  value="created-descending"
3643                  class="sorting-filter__input"
3644                  data-option-name="Date, new to old"
3645                  
3646                  aria-hidden="true"
3647                >
3648                <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">
3649<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3650</svg>
3651</span>
3652                <span class="sorting-filter__label">Date, new to old</span>
3653              </div>
3654            </label>
3655          
3656        </div>
3657      </floating-panel-component>
3658    </details>
3659  
3660</accordion-custom>
3661
3662
3663
3664
3665
3666</sorting-filter-component>
3667
3668
3669
3670              
3671
3672              
3673                <div class="column-options-wrapper">
3674  <fieldset class="column-options">
3675    <legend class="column-options__legend visually-hidden">
3676      Column grid
3677    </legend>
3678
3679    
3680      <label class="column-options__option">
3681        <input
3682          type="radio"
3683          name="grid"
3684          value="default"
3685          class="column-options__option-input"
3686          checked
3687          aria-label="Default"
3688          data-grid-layout="desktop-default-option"
3689          on:change="results-list/updateLayout"
3690          data-skip-node-update
3691        >
3692        <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">
3693<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"/>
3694<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
369466 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"/>
3695<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"/>
3696<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.
3696011 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"/>
3697</svg>
3698</span>
3699      </label>
3700
3701      <label class="column-options__option">
3702        <input
3703          type="radio"
3704          name="grid"
3705          value="zoom-out"
3706          class="column-options__option-input"
3707          aria-label="Zoom out"
3708          on:change="results-list/updateLayout"
3709          data-skip-node-update
3710        >
3711        <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">
3712<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"/>
3713<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"/>
3714<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"/>
3715<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"/>
3716<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"/>
3717<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"/>
3718<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"/>
3719<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"/>
3720<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"/>
3721</svg>
3722</span>
3723      </label>
3724    
3725  </fieldset>
3726</div>
3727
3728
3729
3730              
3731            
3732          
3733        </form>
3734      </facets-form-component>
3735    </div>
3736  </div>
3737
3738  <div
3739    class="facets-toggle"
3740    style="
3741      --facets-inner-padding-block: 8px 8px; --facets-inner-padding-inline: var(--padding-lg);
3742      --facets-margin: 0px  0px 8px 0px;
3743    "
3744  >
3745    
3746      <div class="facets-toggle__wrapper">
3747        <button
3748          class="button facets-toggle__button button-unstyled button-unstyled--with-icon"
3749          on:click="#filters-drawer/showDialog"
3750          type="button"
3751          aria-haspopup="dialog"
3752        >
3753          <span class="svg-wrapper">
3754            <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>
3755
3756          </span>
3757
3758          Filter
3759
3760          
3761        </button>
3762      </div>
3763    
3764
3765    
3766
3767    <div class="facets-mobile-wrapper facets-controls-wrapper">
3768      
3769      
3770        <div class="column-options-wrapper">
3771  <fieldset class="column-options">
3772    <legend class="column-options__legend visually-hidden">
3773      Column grid
3774    </legend>
3775
3776    
3777      <label class="column-options__option">
3778        <input
3779          type="radio"
3780          name="grid-mobile"
3781          value="mobile-single"
3782          class="column-options__option-input"
3783          aria-label="Single"
3784          on:change="results-list/updateLayout"
3785        >
3786        <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">
3787<rect x="4.75" y="4.25" width="10" height="12" rx="2.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/>
3788</svg>
3789</span>
3790      </label>
3791
3792      <label class="column-options__option">
3793        <input
3794          type="radio"
3795          class="column-options__option-input"
3796          name="grid-mobile"
3797          value="default"
3798          checked
3799          aria-label="Default"
3800          data-grid-layout="mobile-option"
3801          on:change="results-list/updateLayout"
3802        >
3803        <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">
3804<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"/>
3805<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
3805682 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"/>
3806<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"/>
3807<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.
3807011 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"/>
3808</svg>
3809</span>
3810      </label>
3811
3812    
3813  </fieldset>
3814</div>
3815
3816
3817
3818      
3819    </div>
3820  </div>
3821
3822
3823
3824  <dialog-component
3825    id="filters-drawer"
3826    class="facets-block-wrapper facets-block-wrapper--vertical color-scheme-1"
3827  >
3828    <dialog
3829      ref="dialog"
3830      class="facets facets--drawer dialog-modal drawer dialog-drawer dialog-drawer--right spacing-style"
3831      style="--padding-block-start: 8px;--padding-block-end: 8px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
3832      scroll-lock
3833      aria-labelledby="filters-drawer-heading"
3834    >
3835      
3836      <facets-form-component
3837        class="facets__form-wrapper facets-drawer__form-wrapper"
3838        section-id="template--21348700586038__main"
3839        id="FacetFiltersFormComponent--template--21348700586038__main-overflow"
3840      >
3841        <form
3842          action="/collections/accessories"
3843          id="FacetFiltersForm--template--21348700586038__main-overflow"
3844          class="facets__form"
3845          ref="facetsForm"
3846        >
3847          <div
3848            class="facets__title-wrapper"
3849            style="--color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
3850          >
3851            <h2
3852              id="filters-drawer-heading"
3853              class="facets-drawer__title h3"
3854            >
3855              Filter
3856
3857              
3858            </h2>
3859            <button
3860              class="facets-drawer__close button-unstyled close-button"
3861              on:click="dialog-component/closeDialog"
3862              type="button"
3863              aria-label="Close"
3864              autofocus
3865            >
3866              <span class="svg-wrapper svg-wrapper--small">
3867                <svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3868  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3869  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
3870</svg>
3871
3872              </span>
3873            </button>
3874          </div>
3875
3876          <scroll-hint
3877            class="facets-drawer__filters"
3878          >
3879            
3880              <div class="facets-remove facets-remove--mobile-and-vertical"><h3 class="visually-hidden">Active filters:</h3>
3881</div>
3882
3883
3884
3885
3886              <div class="facets__filters-wrapper">
3887                
3888                
3889</div>
3890            
3891
3892            
3893              <sorting-filter-component
3894  class="sorting-filter sorting-filter__horizontal"
3895  on:change="/updateFilterAndSorting"
3896  on:keydown="/handleKeyDown"
3897  
3898  data-should-use-select-on-mobile="true"
3899>
3900  
3901
3902  <div class="sorting-filter__container  desktop:hidden ">
3903    <label
3904      for="sort-select-template--21348700586038__main"
3905      class="facets__label"
3906    >Sort</label>
3907    <div class="sorting-filter__select-wrapper">
3908      <select
3909        id="sort-select-template--21348700586038__main"
3910        name="sort_by"
3911        class="sorting-filter__select"
3912        
3913      >
3914        
3915          <option
3916            value="manual"
3917            
3918          >
3919            Featured
3920          </option>
3921        
3922          <option
3923            value="most-relevant"
3924            
3925              selected
3926            
3927          >
3928            Most relevant
3929          </option>
3930        
3931          <option
3932            value="best-selling"
3933            
3934          >
3935            Best selling
3936          </option>
3937        
3938          <option
3939            value="title-ascending"
3940            
3941          >
3942            Alphabetically, A-Z
3943          </option>
3944        
3945          <option
3946            value="title-descending"
3947            
3948          >
3949            Alphabetically, Z-A
3950          </option>
3951        
3952          <option
3953            value="price-ascending"
3954            
3955          >
3956            Price, low to high
3957          </option>
3958        
3959          <option
3960            value="price-descending"
3961            
3962          >
3963            Price, high to low
3964          </option>
3965        
3966          <option
3967            value="created-ascending"
3968            
3969          >
3970            Date, old to new
3971          </option>
3972        
3973          <option
3974            value="created-descending"
3975            
3976          >
3977            Date, new to old
3978          </option>
3979        
3980      </select>
3981      <svg
3982        aria-hidden="true"
3983        focusable="false"
3984        class="icon icon-caret"
3985        width="8"
3986        height="13"
3987        viewBox="0 0 8 13"
3988      >
3989
3990
3991<g opacity="0.6">
3992      <path
3993        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"
3994        fill="#333030"
3995      />
3996      <path
3997        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"
3998        fill="#333030"
3999      />
4000    </g></svg>
4001    </div>
4002  </div>
4003
4004  
4005<accordion-custom
4006  
4007  
4008  
4009  
4010  
4011  
4012  
4013    data-disable-animation-on-desktop="true"
4014  
4015  
4016    data-close-with-escape="true"
4017  
4018  
4019>
4020  
4021    <details
4022      ref="details"
4023      id="Sorting-template--21348700586038__main"
4024      data-default-sort-by="most-relevant"
4025      class="facets__panel  mobile:hidden "
4026      data-auto-close-details="desktop,mobile"
4027      on:toggle="/handleToggle"
4028    >
4029      <summary
4030        class="facets__summary"
4031        role="button"
4032        aria-expanded="false"
4033        aria-controls="sorting-options-template--21348700586038__main-overflow"
4034        ref="summary"
4035      >
4036        <span
4037          class="facets__label"
4038          id="sort-label-template--21348700586038__main"
4039        >Sort</span>
4040        <span
4041          class="facets__status h6 desktop:hidden"
4042        >Most relevant</span>
4043        <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">
4044  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4045</svg>
4046</span>
4047      </summary>
4048      <floating-panel-component
4049        id="sorting-options-template--21348700586038__main-overflow"
4050        class="sorting-filter__options color-scheme-1"
4051        role="listbox"
4052        aria-labelledby="sort-label-template--21348700586038__main"
4053        ref="listbox"
4054      >
4055        <div class="sorting-filter__options-inner">
4056          
4057            <label
4058              for="sort-option-manual-template--21348700586038__main"
4059            >
4060              <div
4061                class="sorting-filter__option"
4062                role="option"
4063                aria-selected="false"
4064                tabindex="-1"
4065              >
4066                <input
4067                  type="radio"
4068                  name="sort_by"
4069                  id="sort-option-manual-template--21348700586038__main"
4070                  
4071                    form="FacetFiltersForm--template--21348700586038__main-overflow"
4072                  
4073                  value="manual"
4074                  class="sorting-filter__input"
4075                  data-option-name="Featured"
4076                  
4077                  aria-hidden="true"
4078                >
4079                <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">
4080<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4081</svg>
4082</span>
4083                <span class="sorting-filter__label">Featured</span>
4084              </div>
4085            </label>
4086          
4087            <label
4088              for="sort-option-most-relevant-template--21348700586038__main"
4089            >
4090              <div
4091                class="sorting-filter__option"
4092                role="option"
4093                aria-selected="true"
4094                tabindex="0"
4095              >
4096                <input
4097                  type="radio"
4098                  name="sort_by"
4099                  id="sort-option-most-relevant-template--21348700586038__main"
4100                  
4101                    form="FacetFiltersForm--template--21348700586038__main-overflow"
4102                  
4103                  value="most-relevant"
4104                  class="sorting-filter__input"
4105                  data-option-name="Most relevant"
4106                  
4107                    checked
4108                  
4109                  aria-hidden="true"
4110                >
4111                <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">
4112<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4113</svg>
4114</span>
4115                <span class="sorting-filter__label">Most relevant</span>
4116              </div>
4117            </label>
4118          
4119            <label
4120              for="sort-option-best-selling-template--21348700586038__main"
4121            >
4122              <div
4123                class="sorting-filter__option"
4124                role="option"
4125                aria-selected="false"
4126                tabindex="-1"
4127              >
4128                <input
4129                  type="radio"
4130                  name="sort_by"
4131                  id="sort-option-best-selling-template--21348700586038__main"
4132                  
4133                    form="FacetFiltersForm--template--21348700586038__main-overflow"
4134                  
4135                  value="best-selling"
4136                  class="sorting-filter__input"
4137                  data-option-name="Best selling"
4138                  
4139                  aria-hidden="true"
4140                >
4141                <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">
4142<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4143</svg>
4144</span>
4145                <span class="sorting-filter__label">Best selling</span>
4146              </div>
4147            </label>
4148          
4149            <label
4150              for="sort-option-title-ascending-template--21348700586038__main"
4151            >
4152              <div
4153                class="sorting-filter__option"
4154                role="option"
4155                aria-selected="false"
4156                tabindex="-1"
4157              >
4158                <input
4159                  type="radio"
4160                  name="sort_by"
4161                  id="sort-option-title-ascending-template--21348700586038__main"
4162                  
4163                    form="FacetFiltersForm--template--21348700586038__main-overflow"
4164                  
4165                  value="title-ascending"
4166                  class="sorting-filter__input"
4167                  data-option-name="Alphabetically, A-Z"
4168                  
4169                  aria-hidden="true"
4170                >
4171                <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">
4172<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4173</svg>
4174</span>
4175                <span class="sorting-filter__label">Alphabetically, A-Z</span>
4176              </div>
4177            </label>
4178          
4179            <label
4180              for="sort-option-title-descending-template--21348700586038__main"
4181            >
4182              <div
4183                class="sorting-filter__option"
4184                role="option"
4185                aria-selected="false"
4186                tabindex="-1"
4187              >
4188                <input
4189                  type="radio"
4190                  name="sort_by"
4191                  id="sort-option-title-descending-template--21348700586038__main"
4192                  
4193                    form="FacetFiltersForm--template--21348700586038__main-overflow"
4194                  
4195                  value="title-descending"
4196                  class="sorting-filter__input"
4197                  data-option-name="Alphabetically, Z-A"
4198                  
4199                  aria-hidden="true"
4200                >
4201                <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">
4202<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4203</svg>
4204</span>
4205                <span class="sorting-filter__label">Alphabetically, Z-A</span>
4206              </div>
4207            </label>
4208          
4209            <label
4210              for="sort-option-price-ascending-template--21348700586038__main"
4211            >
4212              <div
4213                class="sorting-filter__option"
4214                role="option"
4215                aria-selected="false"
4216                tabindex="-1"
4217              >
4218                <input
4219                  type="radio"
4220                  name="sort_by"
4221                  id="sort-option-price-ascending-template--21348700586038__main"
4222                  
4223                    form="FacetFiltersForm--template--21348700586038__main-overflow"
4224                  
4225                  value="price-ascending"
4226                  class="sorting-filter__input"
4227                  data-option-name="Price, low to high"
4228                  
4229                  aria-hidden="true"
4230                >
4231                <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">
4232<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4233</svg>
4234</span>
4235                <span class="sorting-filter__label">Price, low to high</span>
4236              </div>
4237            </label>
4238          
4239            <label
4240              for="sort-option-price-descending-template--21348700586038__main"
4241            >
4242              <div
4243                class="sorting-filter__option"
4244                role="option"
4245                aria-selected="false"
4246                tabindex="-1"
4247              >
4248                <input
4249                  type="radio"
4250                  name="sort_by"
4251                  id="sort-option-price-descending-template--21348700586038__main"
4252                  
4253                    form="FacetFiltersForm--template--21348700586038__main-overflow"
4254                  
4255                  value="price-descending"
4256                  class="sorting-filter__input"
4257                  data-option-name="Price, high to low"
4258                  
4259                  aria-hidden="true"
4260                >
4261                <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">
4262<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4263</svg>
4264</span>
4265                <span class="sorting-filter__label">Price, high to low</span>
4266              </div>
4267            </label>
4268          
4269            <label
4270              for="sort-option-created-ascending-template--21348700586038__main"
4271            >
4272              <div
4273                class="sorting-filter__option"
4274                role="option"
4275                aria-selected="false"
4276                tabindex="-1"
4277              >
4278                <input
4279                  type="radio"
4280                  name="sort_by"
4281                  id="sort-option-created-ascending-template--21348700586038__main"
4282                  
4283                    form="FacetFiltersForm--template--21348700586038__main-overflow"
4284                  
4285                  value="created-ascending"
4286                  class="sorting-filter__input"
4287                  data-option-name="Date, old to new"
4288                  
4289                  aria-hidden="true"
4290                >
4291                <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">
4292<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4293</svg>
4294</span>
4295                <span class="sorting-filter__label">Date, old to new</span>
4296              </div>
4297            </label>
4298          
4299            <label
4300              for="sort-option-created-descending-template--21348700586038__main"
4301            >
4302              <div
4303                class="sorting-filter__option"
4304                role="option"
4305                aria-selected="false"
4306                tabindex="-1"
4307              >
4308                <input
4309                  type="radio"
4310                  name="sort_by"
4311                  id="sort-option-created-descending-template--21348700586038__main"
4312                  
4313                    form="FacetFiltersForm--template--21348700586038__main-overflow"
4314                  
4315                  value="created-descending"
4316                  class="sorting-filter__input"
4317                  data-option-name="Date, new to old"
4318                  
4319                  aria-hidden="true"
4320                >
4321                <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">
4322<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4323</svg>
4324</span>
4325                <span class="sorting-filter__label">Date, new to old</span>
4326              </div>
4327            </label>
4328          
4329        </div>
4330      </floating-panel-component>
4331    </details>
4332  
4333</accordion-custom>
4334
4335
4336
4337
4338
4339</sorting-filter-component>
4340
4341
4342
4343            
4344          </scroll-hint>
4345        </form>
4346      </facets-form-component>
4347
4348      <div
4349        class="facets__drawer-actions"
4350      >
4351        <facet-remove-component
4352          data-url="/collections/accessories"
4353          active-class="facets__clear-all--active"
4354        >
4355          <button
4356            type="button"
4357            class="button-secondary facets__clear-all"
4358            ref="clearButton"
4359            on:click="/removeFilter?form=FacetFiltersFormComponent--template--21348700586038__main-overflow"
4360            on:keydown="/removeFilter?form=FacetFiltersFormComponent--template--21348700586038__main-overflow"
4361          >Clear all</button>
4362        </facet-remove-component>
4363
4364        
4365      </div>
4366    </dialog>
4367  </dialog-component>
4368
4369
4370
4371
4372
4373
4374
4375    
4376
4377    
4378
4379    
4380      
4381
4382      
4383
4384
4385<style data-shopify>
4386  @media screen and (min-width: 750px) {
4387    
4388        .product-grid--template--21348700586038__main:is(.product-grid--grid) {
4389          --product-grid-columns-desktop: repeat(auto-fill, minmax(250px, 1fr));
4390        }
4391
4392
4393      
4394
4395    /* 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. */
4396    
4397
4398    /* When zoomed out, fit as many 100px-wide columns as possible */
4399    .product-grid--template--21348700586038__main[product-grid-view='zoom-out'] {
4400      --product-grid-columns-desktop: repeat(auto-fill, minmax(6.25rem, 1fr));
4401    }
4402
4403    .product-grid--template--21348700586038__main[product-grid-view='zoom-out'] .product-grid-view-zoom-out--details {
4404      display: block;
4405    }
4406
4407    .product-grid--template--21348700586038__main[product-grid-view='zoom-out'] .product-grid__card {
4408      padding-inline-start: var(--zoom-out-padding-inline-start, 0);
4409      padding-inline-end: var(--zoom-out-padding-inline-end, 0);
4410      padding-block-start: var(--zoom-out-padding-block-start, 0);
4411      padding-block-end: var(--zoom-out-padding-block-end, 0);
4412    }
4413  }
4414</style>
4415<div
4416  id="ResultsList"
4417  class="
4418    grid main-collection-grid
4419
4420 collection-wrapper--full-width-on-mobile
4421    spacing-style
4422  "
4423
4424  style="
4425    --grid--margin--mobile: 0 0;
4426    --grid-column--desktop: var(--centered);
4427    --grid-column--mobile: var(--full-width);
4428    --padding-inline-start: 0px;
4429    --padding-inline-end: 0px;
4430  "
4431>
4432  <div
4433    style="
4434      grid-column: var(--full-width);
4435      --product-grid-gap-mobile: 12px 12px;
4436      --product-grid-gap-desktop: 24px 16px;
4437      container-type: inline-size;
4438      container-name: product-grid;
4439    "
4440  >
4441    
4442      <div class="main-collection-grid__empty">
4443        <h2 class="main-collection-grid__empty-title h2">
4444          No products found.
4445        </h2>
4446        <p>
4447          Try using fewer filters, or <a class="main-collection-grid__empty-link" href="/collections/accessories">clear all filters</a>.
4448        </p>
4449      </div>
4450    
4451  </div>
4452</div>
4453
4454
4455
4456    
4457  </div>
4458</results-list>
4459
4460
4461</div>
4462    </main>
4463
4464    <footer>
4465      <!-- BEGIN sections: footer-group -->
4466<div id="shopify-section-sections--21348700848182__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper">
4467
4468<div class="section-background color-scheme-1"></div>
4469<div
4470  class="section section--page-width color-scheme-1"
4471>
4472  
4473  <div
4474    class="
4475      footer-content
4476      spacing-style
4477      
4478      
4479    "
4480    style="
4481      --padding-block-start: max(20px, calc(var(--spacing-scale) * 30px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 30px));
4482      --footer-gap: 20px;
4483      --grid-columns: 3;
4484      --last-row-count: 3;
4485      --tablet-last-row-count: 1;
4486    "
4487  >
4488    
4489
4490
4491
4492
4493
4494  <accordion-custom
4495  
4496    class="menu"
4497  
4498  
4499  
4500    open-by-default-on-desktop
4501  
4502  
4503    open-by-default-on-mobile
4504  
4505  
4506    data-disable-on-desktop="true"
4507  
4508  
4509    data-disable-on-mobile="true"
4510  
4511  
4512  
4513  
4514>
4515  
4516    <details
4517      class="
4518        menu__details
4519        spacing-style
4520        
4521      "
4522      data-testid="menu-details"
4523      style="
4524        --spacing--size: 3px;
4525        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4526      "
4527      
4528        open
4529      
4530      
4531    >
4532      <summary class="menu__heading h3">
4533        <span class="menu__heading__default">HOME</span>
4534        <span class="menu__heading__accordion">
4535          HOME
4536          
4537            <span class="menu__heading__toggle 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">
4538  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4539</svg>
4540</span>
4541          
4542        </span>
4543      </summary>
4544
4545      <nav
4546        class="details-content"
4547        
4548          aria-label="HOME"
4549        
4550      >
4551        
4552          <ul class="list-unstyled">
4553            
4554              <li class="menu__item paragraph">
4555                <a href="/collections/brickland-pre-order">
4556                  PRE-ORDER
4557                </a>
4558              </li>
4559            
4560              <li class="menu__item paragraph">
4561                <a href="/collections/men">
4562                  MEN
4563                </a>
4564              </li>
4565            
4566              <li class="menu__item paragraph">
4567                <a href="/collections/women">
4568                  WOMEN
4569                </a>
4570              </li>
4571            
4572              <li class="menu__item paragraph">
4573                <a href="/collections/accessories">
4574                  ACCESSORIES
4575                </a>
4576              </li>
4577            
4578              <li class="menu__item paragraph">
4579                <a href="/collections/headwear">
4580                  HEADWEAR
4581                </a>
4582              </li>
4583            
4584              <li class="menu__item paragraph">
4585                <a href="/collections/collections">
4586                  COLLECTIONS
4587                </a>
4588              </li>
4589            
4590              <li class="menu__item paragraph">
4591                <a href="/collections/gift-cards">
4592                  GIFT CARDS
4593                </a>
4594              </li>
4595            
4596          </ul>
4597        
4598      </nav>
4599    </details>
4600  
4601</accordion-custom>
4602
4603
4604
4605
4606
4607
4608
4609
4610
4611
4612
4613
4614
4615<div
4616  class="
4617    group-block
4618    group-block--height-fit
4619    group-block--width-fill
4620    border-style
4621    spacing-style
4622    size-style
4623    
4624    
4625  "
4626  style="
4627    --border-width: 1px; --border-style: none; --border-color:
4628rgb(var(--color-border-rgb) / 1.0); --border-radius:
46290px; 
4630
4631    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4632    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
4633    
4634  "
4635  
4636  data-testid="group-block"
4637><div class="group-block__media-wrapper">
4638    
4639
4640
4641
4642    
4643  </div>
4644
4645  <div
4646    class="
4647      group-block-content
4648      
4649      layout-panel-flex
4650      layout-panel-flex--column
4651       mobile-column
4652    "
4653    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
4654
4655--gap: 6px;
4656
4657--horizontal-alignment: flex-start; --vertical-alignment: center;
4658--vertical-alignment-mobile: center;
4659"
4660  >
4661  
4662
4663
4664
4665
4666
4667
4668
4669
4670  <div class=" spacing-style text-block text-block--ANk5BQW5BaHlaNnF3V__text_LWt8Pz h4    text-block--align-left  "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
4671    <h2>STAY LOCKED IN WITH BRICKLAND</h2>
4672  </div>
4673
4674
4675
4676
4677
4678
4679
4680
4681
4682
4683
4684
4685
4686
4687
4688  <rte-formatter class=" spacing-style text-block text-block--AdTFYbkNIaDJQY2xSc__text_f9CFLH rte    text-block--align-left rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;         --width: 100%;    --max-width: var(--max-width--body-normal);          --text-align: left;          ">
4689    <p>Get exclusive deals and early access to new products.</p>
4690  </rte-formatter>
4691
4692
4693
4694
4695
4696
4697
4698</div>
4699</div>
4700
4701
4702
4703
4704
4705
4706
4707
4708<div
4709  class="email-signup-block size-style spacing-style"
4710  style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
4711  
4712>
4713  
4714<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
4715    <div
4716      class="email-signup__input-group email-signup__input-group--integrated   email-signup__input-group--arrow "
4717      style="--border-width: 1px; --border-radius: 100px;"
4718    >
4719      <label
4720        for="EmailInput-AdHd3TXNpb21QRFpqT__email_signup_crihX7"
4721        class="visually-hidden"
4722      >
4723        Email
4724      </label>
4725      <input
4726        id="EmailInput-AdHd3TXNpb21QRFpqT__email_signup_crihX7"
4727        class="email-signup__input email-signup__input--all paragraph "
4728        type="email"
4729        name="contact[email]"
4730        autocorrect="off"
4731        autocapitalize="off"
4732        autocomplete="email"
4733        placeholder="Email address"
4734        required
4735        
4736      >
4737      <button
4738        class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AdHd3TXNpb21QRFpqT__email_signup_crihX7 "
4739        
4740          aria-label="Sign up"
4741        
4742      >
4743        
4744          <svg
4745            viewBox="0 0 20 20"
4746            xmlns="http://www.w3.org/2000/svg"
4747            focusable="false"
4748            aria-hidden="true"
4749            class="email-signup__button-icon"
4750          >
4751            
4752
4753
4754<path
4755      clip-rule="evenodd"
4756      d="m11.246 5.31759c.0322-.07821.0833-.14723.1486-.20093.0654-.0537.143-.09041.2259-.10686.083-.01645.1688-.01214.2497.01257.0808.0247.1544.06902.214.12902l4.104 4.104c.0478.04765.0857.10426.1115.16659.0259.06232.0392.12913.0392.19661 0 .06747-.0133.13429-.0392.19661-.0258.06233-.0637.11893-.1115.16659l-4.104 4.10401c-.0963.0963-.227.1504-.3632.1504s-.2669-.0541-.3632-.1504-.1504-.227-.1504-.3632.0541-.2669.1504-.3632l3.2288-3.2278h-11.0736c-.13606 0-.26654-.0541-.36275-.15027-.0962-.0962-.15025-.22669-.15025-.36274 0-.13606.05405-.26654.15025-.36275.09621-.0962.22669-.15025.36275-.15025h11.0736l-3.2288-3.2278c-.0721-.07178-.1212-.16335-.1411-.2631s-.0097-.20316.0293-.2971z"
4757      fill="currentColor"
4758      fill-rule="evenodd"
4759    />
4760          </svg>
4761        
4762      </button>
4763    </div></form>
4764</div>
4765
4766
4767
4768
4769
4770  </div>
4771</div>
4772
4773
4774
4775
4776</div><div id="shopify-section-sections--21348700848182__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities">
4777
4778<div class="section-background color-scheme-1"></div>
4779<div
4780  class="section section--page-width color-scheme-1"
4781  
4782>
4783  <div
4784    class="utilities utilities--blocks-2 spacing-style"
4785    style="--padding-block-start: 20px;--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px)); --border-width: 0px; --gap: 24px;"
4786    data-testid="footer-utilities"
4787  >
4788    
4789
4790<div
4791  class="
4792    footer-utilities__group-copyright
4793    custom-typography
4794    custom-font-size
4795  "
4796  style="
4797--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-);"
4798  
4799>
4800  <span class="footer-utilities__text">
4801    &copy; 2026
4802    <a href="/" title="">Bricklandco.com</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&amp;utm_medium=shopify&amp;utm_source=onlinestore">Powered by Shopify</a>
4803</span>
4804</div>
4805
4806
4807
4808
4809  <anchored-popover-component
4810    data-hover-triggered="true"
4811  >
4812    <button
4813      class="policy-list-trigger button-unstyled"
4814      popovertarget="terms-policies-popover"
4815      popovertargetaction="toggle"
4816      ref="trigger"
4817      style="
4818--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-);"
4819      
4820    >
4821      Terms and Policies
4822    </button>
4823    <div
4824      class="terms-policies-popover color-scheme-1"
4825      id="terms-policies-popover"
4826      popover="auto"
4827      ref="popover"
4828    >
4829      <ul
4830        class="
4831          policy_list list-unstyled
4832          custom-typography
4833          custom-font-size
4834        "
4835      ><li>
4836              <a
4837                href="/policies/privacy-policy"
4838                class="footer-utilities__text"
4839              >Privacy policy</a>
4840            </li><li>
4841              <a
4842                href="/policies/refund-policy"
4843                class="footer-utilities__text"
4844              >Refund policy</a>
4845            </li></ul>
4846    </div>
4847  </anchored-popover-component>
4848
4849
4850
4851
4852
4853
4854  </div>
4855</div>
4856
4857
4858
4859
4860</div>
4861<!-- END sections: footer-group -->
4862    </footer>
4863
4864    
4865
4866<script
4867  src="//bricklandco.com/cdn/shop/t/1/assets/dialog.js?v=150888536568694194021779702805"
4868  type="module"
4869></script>
4869
4870
4871<script
4872  src="//bricklandco.com/cdn/shop/t/1/assets/predictive-search.js?v=149240552485540508541779702805"
4873  type="module"
4874  fetchpriority="low"
4875></script>
4875
4876
4877<dialog-component
4878  id="search-modal"
4879  class="search-modal"
4880  
4881>
4882  <dialog
4883    ref="dialog"
4884    on:click="/closeDialogOnClickOutside"
4885    on:keydown="/closeDialogOnEscapePress"
4886    class="search-modal__content dialog-modal"
4887    scroll-lock
4888    aria-labelledby="search-modal-heading"
4889  >
4890    <h2
4891      id="search-modal-heading"
4892      class="visually-hidden"
4893    >
4894      Search
4895    </h2>
4896    <predictive-search-component
4897      class="predictive-search color-scheme-1"
4898      style="--product-corner-radius: 0px; --card-corner-radius: 4px;"
4899      data-section-id="predictive-search"
4900      data-testid="search-component--modal"
4901      role="search"
4902      aria-label="Search"
4903    >
4904      <form
4905        action="/search"
4906        method="get"
4907        role="search"
4908        class="predictive-search-form"
4909        ref="form"
4910        on:keydown="/onSearchKeyDown"
4911      >
4912        <div
4913          class="predictive-search-form__header"
4914        >
4915          <div class="predictive-search-form__header-inner">
4916            <label
4917              for="cmdk-input"
4918              class="visually-hidden"
4919            >Search</label>
4920            <input
4921              class="search-input"
4922              id="cmdk-input"
4923              type="search"
4924              name="q"
4925              role="combobox"
4926              aria-expanded="false"
4927              aria-owns="predictive-search-results"
4928              aria-controls="predictive-search-results"
4929              aria-haspopup="listbox"
4930              aria-autocomplete="list"
4931              autocomplete="off"
4932              placeholder="Search"
4933              ref="searchInput"
4934              on:input="/search"
4935              on:keydown="/onSearchKeyDown"
4936            >
4937            <input
4938              name="options[prefix]"
4939              type="hidden"
4940              value="last"
4941            >
4942            <span class="svg-wrapper predictive-search__icon">
4943              <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>
4944
4945            </span>
4946            <button
4947              type="button"
4948              class="button-unstyled predictive-search__reset-button"
4949              ref="resetButton"
4950              hidden
4951              on:click="/resetSearch"
4952            >
4953              Clear
4954            </button>
4955          </div>
4956          <button
4957            type="button"
4958            class="button predictive-search__close-modal-button"
4959            aria-label="Close dialog"
4960            on:click="dialog-component/closeDialog"
4961            ref="closeModalButton"
4962          >
4963            <span class="svg-wrapper">
4964              <svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4965  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4966  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4967</svg>
4968
4969            </span>
4970          </button>
4971        </div>
4972
4973        <div class="predictive-search-form__content-wrapper">
4974          <div
4975            class="predictive-search-form__content"
4976            ref="predictiveSearchResults"
4977            on:click="/handleModalClick"
4978          >
4979            
4980
4981<div
4982  id="predictive-search-results"
4983  class="predictive-search-dropdown"
4984  role="listbox"
4985  aria-expanded="true"
4986  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
4987>
4988  
4989    <div class="predictive-search-results__inner">
4990      
4991      
4992        
4993        
4994        
4995          <div class="predictive-search-results__no-results">
4996            <p>No products found.</p>
4997          </div>
4998        
4999      
5000    </div>
5001  
5002</div>
5003
5004          </div>
5005
5006          <div class="predictive-search-form__footer">
5007            <button
5008              class="button predictive-search__search-button"
5009              ref="viewAllButton"
5010            >
5011              View all
5012            </button>
5013          </div>
5014        </div>
5015      </form>
5016    </predictive-search-component>
5017  </dialog>
5018</dialog-component>
5019
5020
5021
5022
5023    
5024      
5024<script
5025  src="//bricklandco.com/cdn/shop/t/1/assets/gift-card-recipient-form.js?v=129634859299628245901779702805"
5026  type="module"
5027  fetchpriority="low"
5028></script>
5028
5029<quick-add-dialog id="quick-add-dialog">
5030  <dialog
5031    class="quick-add-modal dialog-modal color-scheme-1"
5032    ref="dialog"
5033    scroll-lock
5034  >
5035    <button
5036      ref="closeButton"
5037      on:click="/closeDialog"
5038      class="button button-unstyled close-button quick-add-modal__close"
5039      aria-label="Close dialog"
5040    ><svg aria-hidden="true" width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5041  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5042  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5043</svg>
5044</button>
5045
5046    <div
5047      id="quick-add-modal-content"
5048      class="quick-add-modal__content"
5049    ></div>
5050  </dialog>
5051</quick-add-dialog>
5052
5053
5054
5055
5056
5057
5058    
5059  
5059<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
5059
5060</body>
5061</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.