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