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 – 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&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&v=1783574875 1x, //bricklandco.com/cdn/shop/files/IMG_3779.jpg?height=70&v=1783574875 2x, //bricklandco.com/cdn/shop/files/IMG_3779.jpg?height=105&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®ion_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®ion_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 © 2026 4802 <a href="/" title="">Bricklandco.com</a>, <a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&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.