PageSourceSearch

https://bloomin8.com/

html bloomin8.com collected 2026-10-02 15:30:48 UTC 618,990 bytes, 14,181 lines download raw bytes

1<!doctype html><html
2  class="no-js"
3  lang="en"
4>
5  <head><link
6        rel="icon"
7        type="image/png"
8        href="//bloomin8.com/cdn/shop/files/black_4c61cfe3-b387-405e-a453-567277be6612.png?crop=center&height=32&v=1765963165&width=32"
9      >
10    <link
11      rel="expect"
12      href="#MainContent"
13      blocking="render"
14      id="view-transition-render-blocker"
15    >
16    
16<script src="//bloomin8.com/cdn/shop/t/16/assets/swiper-bundle.min.js?v=81926033228015268841786105846" defer="defer"></script>
16<meta charset="utf-8">
17<meta
18  http-equiv="X-UA-Compatible"
19  content="IE=edge"
20>
21<meta
22  name="viewport"
23  content="width=device-width,initial-scale=1"
24>
25<meta
26  name="view-transition"
27  content="same-origin"
28>
29<meta
30  name="theme-color"
31  content="#FDFBF7"
32><meta name="facebook-domain-verification" content="j1k84preocv4cbog16qxclqljjmqv6">
33<meta name="p:domain_verify" content="f81b2d6da7b9a5fd0405d8aa08cc5982"><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1">
34
35<meta
36  property="og:site_name"
37  content="BLOOMIN8"
38>
39<meta
40  property="og:url"
41  content="https://bloomin8.com/"
42>
43<meta
44  property="og:title"
45  content="BLOOMIN8 EinkCanvas | Colour E-Ink Smart Picture Frame"
46>
47<meta
48  property="og:type"
49  content="website"
50>
51<meta
52  property="og:description"
53  content="World&#39;s first colour E-Ink smart canvas. Paper-like, non-glowing, cord-free with years of battery life. Not a TV. Not a frame. A calm canvas for art &amp; photos."
54>
55<meta
56  property="og:locale"
57  content="en_US"
58><meta
59    property="og:image"
60    content="https://bloomin8.com/cdn/shop/files/home-light-1200x628.jpg?v=1775789839"
61  >
62  <meta
63    property="og:image:secure_url"
64    content="https://bloomin8.com/cdn/shop/files/home-light-1200x628.jpg?v=1775789839"
65  >
66  <meta
67    property="og:image:width"
68    content="1200"
69  >
70  <meta
71    property="og:image:height"
72    content="628"
73  ><meta
74  name="twitter:card"
75  content="summary_large_image"
76>
77<meta
78  name="twitter:title"
79  content="BLOOMIN8 EinkCanvas | Colour E-Ink Smart Picture Frame"
80>
81<meta
82  name="twitter:description"
83  content="World&#39;s first colour E-Ink smart canvas. Paper-like, non-glowing, cord-free with years of battery life. Not a TV. Not a frame. A calm canvas for art &amp; photos."
84><meta
85    name="twitter:image"
86    content="https://bloomin8.com/cdn/shop/files/home-light-1200x628.jpg?v=1775789839&width=1200"
87  >
88  <meta
89    name="twitter:image:alt"
90    content="BLOOMIN8 EinkCanvas | Colour E-Ink Smart Picture Frame"
91  ><title>
92  BLOOMIN8 EinkCanvas | Colour E-Ink Smart Picture Frame
93</title>
94
95<link
96  rel="canonical"
97  href="https://bloomin8.com/"
98>
99
100
101  <meta
102    name="description"
103    content="World&#39;s first colour E-Ink smart canvas. Paper-like, non-glowing, cord-free with years of battery life. Not a TV. Not a frame. A calm canvas for art &amp; photos."
104  >
105
106<script type="application/ld+json">
107    {
108      "@context": "https://schema.org",
109      "@type": "WebSite",
110      "name": "BLOOMIN8",
111      "url": "https://bloomin8.com",
112      "potentialAction": {
113        "@type": "SearchAction",
114        "target": "https://bloomin8.com/search?q={search_term_string}",
115        "query-input": "required name=search_term_string"
116      }
117    }
118  </script>
118<link href="//bloomin8.com/cdn/shop/t/16/assets/overflow-list.css?v=101911674359793798601786105844" as="style" rel="preload">
119<link href="//bloomin8.com/cdn/shop/t/16/assets/base.css?v=159608446108292932071786105843" rel="stylesheet" type="text/css" media="all" />
120
121<link
122    rel="preload"
123    as="font"
124    href="//bloomin8.com/cdn/fonts/ibm_plex_sans/ibmplexsans_n4.4633946c9236bd5cc5d0394ad07b807eb7ca1b32.woff2"
125    type="font/woff2"
126    crossorigin
127    fetchpriority="low"
128  ><link
129    rel="preload"
130    as="font"
131    href="//bloomin8.com/cdn/fonts/ibm_plex_mono/ibmplexmono_n5.39ead17e891cf6bcec4ff814d842b48739293b9f.woff2"
132    type="font/woff2"
133    crossorigin
134    fetchpriority="low"
135  ><link
136    rel="preload"
137    as="font"
138    href="//bloomin8.com/cdn/fonts/space_grotesk/spacegrotesk_n4.d66cc13718970c2e6cd498d7c00cf0cbf178dfb1.woff2"
139    type="font/woff2"
140    crossorigin
141    fetchpriority="low"
142  ><link
143    rel="preload"
144    as="font"
145    href="//bloomin8.com/cdn/fonts/ibm_plex_mono/ibmplexmono_n4.d7299acf9bbb54fdf0e44c1227f98684451f21b6.woff2"
146    type="font/woff2"
147    crossorigin
148    fetchpriority="low"
149  >
150<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 150
150
151<script type="importmap">
152  {
153    "imports": {
154      "@theme/overflow-list": "//bloomin8.com/cdn/shop/t/16/assets/overflow-list.js?v=118229646772888945001786105844",
155      "@theme/product-title": "//bloomin8.com/cdn/shop/t/16/assets/product-title-truncation.js?v=81744426891537421781786105845",
156      "@theme/component": "//bloomin8.com/cdn/shop/t/16/assets/component.js?v=184240237101443119871786105845",
157      "@theme/dialog": "//bloomin8.com/cdn/shop/t/16/assets/dialog.js?v=122984339961420548111786105846",
158      "@theme/events": "//bloomin8.com/cdn/shop/t/16/assets/events.js?v=147926035229139604561786105843",
159      "@theme/focus": "//bloomin8.com/cdn/shop/t/16/assets/focus.js?v=60436577539430446401786105844",
160      "@theme/morph": "//bloomin8.com/cdn/shop/t/16/assets/morph.js?v=92630016404903954311786105844",
161      "@theme/paginated-list": "//bloomin8.com/cdn/shop/t/16/assets/paginated-list.js?v=95298315036233333871786105845",
162      "@theme/performance": "//bloomin8.com/cdn/shop/t/16/assets/performance.js?v=171015751390534793081786105845",
163      "@theme/product-form": "//bloomin8.com/cdn/shop/t/16/assets/product-form.js?v=101553355218818713941786105843",
164      "@theme/recently-viewed-products": "//bloomin8.com/cdn/shop/t/16/assets/recently-viewed-products.js?v=94729125001750262651786105844",
165      "@theme/scrolling": "//bloomin8.com/cdn/shop/t/16/assets/scrolling.js?v=10957690925586738441786105846",
166      "@theme/section-renderer": "//bloomin8.com/cdn/shop/t/16/assets/section-renderer.js?v=117273408521114569061786105843",
167      "@theme/section-hydration": "//bloomin8.com/cdn/shop/t/16/assets/section-hydration.js?v=177651605160027701221786105843",
168      "@theme/utilities": "//bloomin8.com/cdn/shop/t/16/assets/utilities.js?v=74239430246599389161786105842",
169      "@theme/variant-picker": "//bloomin8.com/cdn/shop/t/16/assets/variant-picker.js?v=149675540490105388771786105843",
170      "@theme/media-gallery": "//bloomin8.com/cdn/shop/t/16/assets/media-gallery.js?v=111441960308641931071786105843",
171      "@theme/quick-add": "//bloomin8.com/cdn/shop/t/16/assets/quick-add.js?v=70755858003216883121786105844",
172      "@theme/paginated-list-aspect-ratio": "//bloomin8.com/cdn/shop/t/16/assets/paginated-list-aspect-ratio.js?v=25254270272143792451786105845",
173      "@theme/popover-polyfill": "//bloomin8.com/cdn/shop/t/16/assets/popover-polyfill.js?v=119029313658895111201786105842",
174      "@theme/component-quantity-selector": "//bloomin8.com/cdn/shop/t/16/assets/component-quantity-selector.js?v=67906657287482036641786105844",
175      "@theme/comparison-slider": "//bloomin8.com/cdn/shop/t/16/assets/comparison-slider.js?v=106705562947035711941786105843",
176      "@theme/sticky-add-to-cart": "//bloomin8.com/cdn/shop/t/16/assets/sticky-add-to-cart.js?v=154911430820401916441786105845",
177      "@theme/fly-to-cart": "//bloomin8.com/cdn/shop/t/16/assets/fly-to-cart.js?v=155804937177242853651786105844"
178    }
179  }
180</script>
180
181
182
183  
184  
184<script
185    src="//bloomin8.com/cdn/shop/t/16/assets/view-transitions.js?v=84877080446900032951786105844"
186    async
187    blocking="render"
188  ></script>
188
189  
190
191
192<link
193  rel="modulepreload"
194  href="//bloomin8.com/cdn/shop/t/16/assets/utilities.js?v=74239430246599389161786105842"
195  fetchpriority="low"
196>
197<link
198  rel="modulepreload"
199  href="//bloomin8.com/cdn/shop/t/16/assets/component.js?v=184240237101443119871786105845"
200  fetchpriority="low"
201>
202<link
203  rel="modulepreload"
204  href="//bloomin8.com/cdn/shop/t/16/assets/section-renderer.js?v=117273408521114569061786105843"
205  fetchpriority="low"
206>
207<link
208  rel="modulepreload"
209  href="//bloomin8.com/cdn/shop/t/16/assets/section-hydration.js?v=177651605160027701221786105843"
210  fetchpriority="low"
211>
212<link
213  rel="modulepreload"
214  href="//bloomin8.com/cdn/shop/t/16/assets/morph.js?v=92630016404903954311786105844"
215  fetchpriority="low"
216>
217
218
219
220<link
221  rel="modulepreload"
222  href="//bloomin8.com/cdn/shop/t/16/assets/focus.js?v=60436577539430446401786105844"
223  fetchpriority="low"
224>
225<link
226  rel="modulepreload"
227  href="//bloomin8.com/cdn/shop/t/16/assets/recently-viewed-products.js?v=94729125001750262651786105844"
228  fetchpriority="low"
229>
230<link
231  rel="modulepreload"
232  href="//bloomin8.com/cdn/shop/t/16/assets/scrolling.js?v=10957690925586738441786105846"
233  fetchpriority="low"
234>
235<link
236  rel="modulepreload"
237  href="//bloomin8.com/cdn/shop/t/16/assets/events.js?v=147926035229139604561786105843"
238  fetchpriority="low"
239>
240<script
241  src="//bloomin8.com/cdn/shop/t/16/assets/popover-polyfill.js?v=119029313658895111201786105842"
242  type="module"
243  fetchpriority="low"
244></script>
vendor: 1 bytes, line 244
244
245<script
246  src="//bloomin8.com/cdn/shop/t/16/assets/overflow-list.js?v=118229646772888945001786105844"
247  type="module"
248  fetchpriority="low"
249></script>
vendor: 1 bytes, line 249
249
250<script
251  src="//bloomin8.com/cdn/shop/t/16/assets/quick-add.js?v=70755858003216883121786105844"
252  type="module"
253  fetchpriority="low"
254></script>
254
255
256
257<script
258  src="//bloomin8.com/cdn/shop/t/16/assets/dialog.js?v=122984339961420548111786105846"
259  type="module"
260  fetchpriority="low"
261></script>
vendor: 1 bytes, line 261
261
262<script
263  src="//bloomin8.com/cdn/shop/t/16/assets/variant-picker.js?v=149675540490105388771786105843"
264  type="module"
265  fetchpriority="low"
266></script>
vendor: 1 bytes, line 266
266
267<script
268  src="//bloomin8.com/cdn/shop/t/16/assets/product-card.js?v=84479636789602760481786105842"
269  type="module"
270  fetchpriority="low"
271></script>
vendor: 1 bytes, line 271
271
272<script
273  src="//bloomin8.com/cdn/shop/t/16/assets/product-form.js?v=101553355218818713941786105843"
274  type="module"
275  fetchpriority="low"
276></script>
vendor: 1 bytes, line 276
276
277<script
278  src="//bloomin8.com/cdn/shop/t/16/assets/fly-to-cart.js?v=155804937177242853651786105844"
279  type="module"
280  fetchpriority="low"
281></script>
vendor: 1 bytes, line 281
281
282<script
283  src="//bloomin8.com/cdn/shop/t/16/assets/accordion-custom.js?v=99000499017714805851786105842"
284  type="module"
285  fetchpriority="low"
286></script>
vendor: 1 bytes, line 286
286
287<script
288  src="//bloomin8.com/cdn/shop/t/16/assets/disclosure-custom.js?v=168050880623268140331786105842"
289  type="module"
290  fetchpriority="low"
291></script>
vendor: 1 bytes, line 291
291
292<script
293  src="//bloomin8.com/cdn/shop/t/16/assets/media.js?v=37825095869491791421786105843"
294  type="module"
295  fetchpriority="low"
296></script>
vendor: 1 bytes, line 296
296
297<script
298  src="//bloomin8.com/cdn/shop/t/16/assets/product-price.js?v=117989390664188536191786105844"
299  type="module"
300  fetchpriority="low"
301></script>
vendor: 1 bytes, line 301
301
302<script
303  src="//bloomin8.com/cdn/shop/t/16/assets/product-sku.js?v=121804655373531320511786105845"
304  type="module"
305  fetchpriority="low"
306></script>
vendor: 1 bytes, line 306
306
307<script
308  src="//bloomin8.com/cdn/shop/t/16/assets/product-title-truncation.js?v=81744426891537421781786105845"
309  type="module"
310  fetchpriority="low"
311></script>
vendor: 1 bytes, line 311
311
312<script
313  src="//bloomin8.com/cdn/shop/t/16/assets/product-inventory.js?v=16343734458933704981786105844"
314  type="module"
315  fetchpriority="low"
316></script>
vendor: 1 bytes, line 316
316
317<script
318  src="//bloomin8.com/cdn/shop/t/16/assets/show-more.js?v=94563802205717136101786105844"
319  type="module"
320  fetchpriority="low"
321></script>
vendor: 1 bytes, line 321
321
322<script
323  src="//bloomin8.com/cdn/shop/t/16/assets/slideshow.js?v=154015486816472108841786105844"
324  type="module"
325  fetchpriority="low"
326></script>
vendor: 1 bytes, line 326
326
327<script
328  src="//bloomin8.com/cdn/shop/t/16/assets/layered-slideshow.js?v=30135417790894624731786105845"
329  type="module"
330  fetchpriority="low"
331></script>
vendor: 1 bytes, line 331
331
332<script
333  src="//bloomin8.com/cdn/shop/t/16/assets/anchored-popover.js?v=95953304814728754461786105843"
334  type="module"
335  fetchpriority="low"
336></script>
vendor: 1 bytes, line 336
336
337<script
338  src="//bloomin8.com/cdn/shop/t/16/assets/floating-panel.js?v=128677600744947036551786105844"
339  type="module"
340  fetchpriority="low"
341></script>
vendor: 1 bytes, line 341
341
342<script
343  src="//bloomin8.com/cdn/shop/t/16/assets/video-background.js?v=25237992823806706551786105843"
344  type="module"
345  fetchpriority="low"
346></script>
vendor: 1 bytes, line 346
346
347<script
348  src="//bloomin8.com/cdn/shop/t/16/assets/component-quantity-selector.js?v=67906657287482036641786105844"
349  type="module"
350  fetchpriority="low"
351></script>
vendor: 1 bytes, line 351
351
352<script
353  src="//bloomin8.com/cdn/shop/t/16/assets/media-gallery.js?v=111441960308641931071786105843"
354  type="module"
355  fetchpriority="low"
356></script>
vendor: 1 bytes, line 356
356
357<script
358  src="//bloomin8.com/cdn/shop/t/16/assets/rte-formatter.js?v=101420294193111439321786105845"
359  type="module"
360  fetchpriority="low"
361></script>
vendor: 1 bytes, line 361
361
362<script
363  src="//bloomin8.com/cdn/shop/t/16/assets/volume-pricing.js?v=15442793518842484731786105844"
364  type="module"
365  fetchpriority="low"
366></script>
vendor: 1 bytes, line 366
366
367<script
368  src="//bloomin8.com/cdn/shop/t/16/assets/price-per-item.js?v=144512917617120124431786105846"
369  type="module"
370  fetchpriority="low"
371></script>
vendor: 1 bytes, line 371
371
372<script
373  src="//bloomin8.com/cdn/shop/t/16/assets/volume-pricing-info.js?v=94479640769665442661786105844"
374  type="module"
375  fetchpriority="low"
376></script>
376
377
378
379  
379<script
380    src="//bloomin8.com/cdn/shop/t/16/assets/localization.js?v=15585934801240115691786105845"
381    type="module"
382    fetchpriority="low"
383  ></script>
383
384
385
386
387
388
389  
389<script
390    src="//bloomin8.com/cdn/shop/t/16/assets/product-card-link.js?v=97122579314620396511786105842"
391    type="module"
392    fetchpriority="low"
393  ></script>
393
394
395
396<script
397  src="//bloomin8.com/cdn/shop/t/16/assets/auto-close-details.js?v=58350291535404441581786105844"
398  defer="defer"
399></script>
399
400
401<script>
402  const Theme = {
403    translations: {
404      placeholder_image: `Placeholder image`,
405      added: `Added`,
406      recipient_form_fields_visible: `Recipient form fields are now visible`,
407      recipient_form_fields_hidden: `Recipient form fields are now hidden`,
408      recipient_form_error: `There was an error with the form submission`,
409      items_added_to_cart_one: `1 item added to cart`,
410      items_added_to_cart_other: `{{ count }} items added to cart`,
411    },
412    routes: {
413      cart_add_url: '/cart/add.js',
414      cart_change_url: '/cart/change',
415      cart_update_url: '/cart/update',
416      cart_url: '/cart',
417      predictive_search_url: '/search/suggest',
418      search_url: '/search',
419    },
420    template: {
421      name: 'index',
422    },
423  };
424</script>
424
425<style data-shopify>
426@font-face {
427  font-family: "IBM Plex Sans";
428  font-weight: 400;
429  font-style: normal;
430  font-display: swap;
431  src: url("//bloomin8.com/cdn/fonts/ibm_plex_sans/ibmplexsans_n4.4633946c9236bd5cc5d0394ad07b807eb7ca1b32.woff2") format("woff2"),
432       url("//bloomin8.com/cdn/fonts/ibm_plex_sans/ibmplexsans_n4.6c6923eb6151e62a09e8a1ff83eaa1ce2a563a30.woff") format("woff");
433}
434@font-face {
435  font-family: "IBM Plex Sans";
436  font-weight: 700;
437  font-style: normal;
438  font-display: swap;
439  src: url("//bloomin8.com/cdn/fonts/ibm_plex_sans/ibmplexsans_n7.a8d2465074d254d8c167d5599b02fc2f97912fc9.woff2") format("woff2"),
440       url("//bloomin8.com/cdn/fonts/ibm_plex_sans/ibmplexsans_n7.75e7a78a86c7afd1eb5becd99b7802136f0ed528.woff") format("woff");
441}
442@font-face {
443  font-family: "IBM Plex Sans";
444  font-weight: 400;
445  font-style: italic;
446  font-display: swap;
447  src: url("//bloomin8.com/cdn/fonts/ibm_plex_sans/ibmplexsans_i4.ef77720fc4c9ae616083d1ac737f976e4c15f75b.woff2") format("woff2"),
448       url("//bloomin8.com/cdn/fonts/ibm_plex_sans/ibmplexsans_i4.76cc8914ac99481bd93e34f8998da7b57a578a71.woff") format("woff");
449}
450@font-face {
451  font-family: "IBM Plex Sans";
452  font-weight: 700;
453  font-style: italic;
454  font-display: swap;
455  src: url("//bloomin8.com/cdn/fonts/ibm_plex_sans/ibmplexsans_i7.25100a51254494cece6de9741984bfb7fb22bafb.woff2") format("woff2"),
456       url("//bloomin8.com/cdn/fonts/ibm_plex_sans/ibmplexsans_i7.7da61352825d18bb0287d7bc79067d47efc4fdda.woff") format("woff");
457}
458@font-face {
459  font-family: "IBM Plex Mono";
460  font-weight: 500;
461  font-style: normal;
462  font-display: swap;
463  src: url("//bloomin8.com/cdn/fonts/ibm_plex_mono/ibmplexmono_n5.39ead17e891cf6bcec4ff814d842b48739293b9f.woff2") format("woff2"),
464       url("//bloomin8.com/cdn/fonts/ibm_plex_mono/ibmplexmono_n5.79ceb37c63afec573e544510d7bf4608130fc62e.woff") format("woff");
465}
466@font-face {
467  font-family: "IBM Plex Mono";
468  font-weight: 700;
469  font-style: normal;
470  font-display: swap;
471  src: url("//bloomin8.com/cdn/fonts/ibm_plex_mono/ibmplexmono_n7.6a9b18b619cbf4c48e9d7d5968322f295cba9cba.woff2") format("woff2"),
472       url("//bloomin8.com/cdn/fonts/ibm_plex_mono/ibmplexmono_n7.7bf2d794e823232ea32663a7e823211d65a7ea51.woff") format("woff");
473}
474@font-face {
475  font-family: "IBM Plex Mono";
476  font-weight: 500;
477  font-style: italic;
478  font-display: swap;
479  src: url("//bloomin8.com/cdn/fonts/ibm_plex_mono/ibmplexmono_i5.3c9ad652af1a1507262734f75510a38286df8e75.woff2") format("woff2"),
480       url("//bloomin8.com/cdn/fonts/ibm_plex_mono/ibmplexmono_i5.aee5d3c3ff503033ee294e9d87c9e4b58597dacd.woff") format("woff");
481}
482@font-face {
483  font-family: "IBM Plex Mono";
484  font-weight: 700;
485  font-style: italic;
486  font-display: swap;
487  src: url("//bloomin8.com/cdn/fonts/ibm_plex_mono/ibmplexmono_i7.4e646827253c5867dbe243421e8a20179154454a.woff2") format("woff2"),
488       url("//bloomin8.com/cdn/fonts/ibm_plex_mono/ibmplexmono_i7.c6d0cd370645f7c9e10291958804b404d9af4632.woff") format("woff");
489}
490@font-face {
491  font-family: "Space Grotesk";
492  font-weight: 400;
493  font-style: normal;
494  font-display: swap;
495  src: url("//bloomin8.com/cdn/fonts/space_grotesk/spacegrotesk_n4.d66cc13718970c2e6cd498d7c00cf0cbf178dfb1.woff2") format("woff2"),
496       url("//bloomin8.com/cdn/fonts/space_grotesk/spacegrotesk_n4.df55ea253ceb45569ff0857a18e20cc5609d32d6.woff") format("woff");
497}
498@font-face {
499  font-family: "Space Grotesk";
500  font-weight: 700;
501  font-style: normal;
502  font-display: swap;
503  src: url("//bloomin8.com/cdn/fonts/space_grotesk/spacegrotesk_n7.175723a017c50ce7252e2f5edd0d9d599be51333.woff2") format("woff2"),
504       url("//bloomin8.com/cdn/fonts/space_grotesk/spacegrotesk_n7.59d2953d36948beb643f7d8bff3f076a053d0816.woff") format("woff");
505}
506@font-face {
507  font-family: "IBM Plex Mono";
508  font-weight: 400;
509  font-style: normal;
510  font-display: swap;
511  src: url("//bloomin8.com/cdn/fonts/ibm_plex_mono/ibmplexmono_n4.d7299acf9bbb54fdf0e44c1227f98684451f21b6.woff2") format("woff2"),
512       url("//bloomin8.com/cdn/fonts/ibm_plex_mono/ibmplexmono_n4.fbe61363adf4e4ea2f451d0b71ac4286985c06a3.woff") format("woff");
513}
514@font-face {
515  font-family: "IBM Plex Mono";
516  font-weight: 400;
517  font-style: italic;
518  font-display: swap;
519  src: url("//bloomin8.com/cdn/fonts/ibm_plex_mono/ibmplexmono_i4.33365006161d74524e10f4816a5af890cc8463e7.woff2") format("woff2"),
520       url("//bloomin8.com/cdn/fonts/ibm_plex_mono/ibmplexmono_i4.361451dbe6325ca025ef676382269b9d125200af.woff") format("woff");
521}
522
523
524  :root {
525    /* Page Layout */
526    --sidebar-width: 25rem;
527    --narrow-content-width: 36rem;
528    --normal-content-width: 42rem;
529    --wide-content-width: 46rem;
530    --narrow-page-width: 90rem;
531    --normal-page-width: 120rem;
532    --wide-page-width: 150rem;
533
534    /* Section Heights */
535    --section-height-small: 15rem;
536    --section-height-medium: 25rem;
537    --section-height-large: 35rem;
538
539    @media screen and (min-width: 40em) {
540      --section-height-small: 40svh;
541      --section-height-medium: 55svh;
542      --section-height-large: 70svh;
543    }
544
545    @media screen and (min-width: 60em) {
546      --section-height-small: 50svh;
547      --section-height-medium: 65svh;
548      --section-height-large: 80svh;
549    }
550
551    /* Letter spacing */
552    --letter-spacing-sm: 0.06em;
553    --letter-spacing-md: 0.13em;
554
555    /* Font families */
556    --font-body--family: "IBM Plex Sans", sans-serif;
557    --font-body--style: normal;
558    --font-body--weight: 400;
559    --font-subheading--family: "IBM Plex Mono", monospace;
560    --font-subheading--style: normal;
561    --font-subheading--weight: 500;
562    --font-heading--family: "Space Grotesk", sans-serif;
563    --font-heading--style: normal;
564    --font-heading--weight: 400;
565    --font-accent--family: "IBM Plex Mono", monospace;
566    --font-accent--style: normal;
567    --font-accent--weight: 400;
568
569    /* Margin sizes */
570    --font-h1--spacing: 0.25em;
571    --font-h2--spacing: 0.25em;
572    --font-h3--spacing: 0.25em;
573    --font-h4--spacing: 0.25em;
574    --font-h5--spacing: 0.25em;
575    --font-h6--spacing: 0.25em;
576    --font-paragraph--spacing: 0.5em;
577
578    /* Heading colors */
579    --font-h1--color: var(--color-foreground-heading);
580    --font-h2--color: var(--color-foreground-heading);
581    --font-h3--color: var(--color-foreground-heading);
582    --font-h4--color: var(--color-foreground-heading);
583    --font-h5--color: var(--color-foreground-heading);
584    --font-h6--color: var(--color-foreground-heading);
585
586    /** Z-Index / Layering */
587    --layer-section-background: -2;
588    --layer-lowest: -1;
589    --layer-base: 0;
590    --layer-flat: 1;
591    --layer-raised: 2;
592    --layer-heightened: 4;
593    --layer-sticky: 8;
594    --layer-window-overlay: 10;
595    --layer-header-menu: 12;
596    --layer-overlay: 16;
597    --layer-menu-drawer: 18;
598    --layer-temporary: 20;
599
600    /* Max-width / Measure */
601    --max-width--body-normal: 32.5em;
602    --max-width--body-narrow: 22.75em;
603
604    --max-width--heading-normal: 32.5em;
605    --max-width--heading-narrow: 19.5em;
606
607    --max-width--display-normal: 13em;
608    --max-width--display-narrow: 9.75em;
609    --max-width--display-tight: 3.25em;
610
611    /* Letter-spacing / Tracking */
612    --letter-spacing--display-tight: -0.03em;
613    --letter-spacing--display-normal: 0em;
614    --letter-spacing--display-loose: 0.03em;
615
616    --letter-spacing--heading-tight: -0.03em;
617    --letter-spacing--heading-normal: 0em;
618    --letter-spacing--heading-loose: 0.03em;
619
620    --letter-spacing--body-tight: -0.03em;
621    --letter-spacing--body-normal: 0em;
622    --letter-spacing--body-loose: 0.03em;
623
624    /* Line height / Leading */
625    --line-height: 1;
626
627    --line-height--display-tight: 1;
628    --line-height--display-normal: 1.1;
629    --line-height--display-loose: 1.2;
630
631    --line-height--heading-tight: 1.15;
632    --line-height--heading-normal: 1.25;
633    --line-height--heading-loose: 1.35;
634
635    --line-height--body-tight: 1.2;
636    --line-height--body-normal: 1.4;
637    --line-height--body-loose: 1.6;
638
639    /* Typography presets */
640    --font-size--paragraph: 0.875rem;--font-size--h1: clamp(2.75rem, 6.4vw, 4.0rem);--font-size--h2: 2.5rem;--font-size--h3: 1.5rem;--font-size--h4: 1.125rem;--font-size--h5: 0.75rem;--font-size--h6: 0.6875rem;--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-normal);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-tight);--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-tight);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-normal);--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-subheading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-subheading--family);--font-h4--style: var(--font-subheading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-normal);--font-h5--weight: var(--font-accent--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-loose);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-accent--family);--font-h5--style: var(--font-accent--style);--font-h5--case: uppercase;--font-h5--line-height: var(--line-height--display-normal);--font-h6--weight: var(--font-accent--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-loose);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-accent--family);--font-h6--style: var(--font-accent--style);--font-h6--case: uppercase;--font-h6--line-height: var(--line-height--display-normal);
641
642    /* Hardcoded font sizes */
643    --font-size--2xs: 0.625rem;
644    --font-size--xs: 0.8125rem;
645    --font-size--sm: 0.875rem;
646    --font-size--md: 1rem;
647    --font-size--lg: 1.125rem;
648    --font-size--xl: 1.25rem;
649    --font-size--2xl: 1.5rem;
650    --font-size--3xl: 2rem;
651    --font-size--4xl: 2.5rem;
652    --font-size--5xl: 3rem;
653    --font-size--6xl: 3.5rem;
654
655    /* Menu font sizes */
656    --menu-font-sm--size: 0.875rem;
657    --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14));
658    --menu-font-md--size: 1rem;
659    --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16));
660    --menu-font-lg--size: 1.125rem;
661    --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18));
662    --menu-font-xl--size: 1.25rem;
663    --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20));
664    --menu-font-2xl--size: 1.75rem;
665    --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28));
666
667    /* Colors */
668    --color-error: #8B0000;
669    --color-success: #006400;
670    --color-white: #FFFFFF;
671    --color-white-rgb: 255 255 255;
672    --color-black: #000000;
673    --color-instock: #3ED660;
674    --color-lowstock: #EE9441;
675    --color-outofstock: #C8C8C8;
676
677    /* Opacity */
678    --opacity-5: 0.05;
679    --opacity-8: 0.08;
680    --opacity-10: 0.1;
681    --opacity-15: 0.15;
682    --opacity-20: 0.2;
683    --opacity-25: 0.25;
684    --opacity-30: 0.3;
685    --opacity-40: 0.4;
686    --opacity-50: 0.5;
687    --opacity-60: 0.6;
688    --opacity-70: 0.7;
689    --opacity-80: 0.8;
690    --opacity-85: 0.85;
691    --opacity-90: 0.9;
692    --opacity-subdued-text: var(--opacity-70);
693
694    --shadow-button: 0 2px 3px rgb(0 0 0 / 20%);
695    --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent);
696
697    /* Spacing */
698    --margin-3xs: 0.125rem;
699    --margin-2xs: 0.3rem;
700    --margin-xs: 0.5rem;
701    --margin-sm: 0.7rem;
702    --margin-md: 0.8rem;
703    --margin-lg: 1rem;
704    --margin-xl: 1.25rem;
705    --margin-2xl: 1.5rem;
706    --margin-3xl: 1.75rem;
707    --margin-4xl: 2rem;
708    --margin-5xl: 3rem;
709    --margin-6xl: 5rem;
710
711    --scroll-margin: 50px;
712
713    --padding-3xs: 0.125rem;
714    --padding-2xs: 0.25rem;
715    --padding-xs: 0.5rem;
716    --padding-sm: 0.7rem;
717    --padding-md: 0.8rem;
718    --padding-lg: 1rem;
719    --padding-xl: 1.25rem;
720    --padding-2xl: 1.5rem;
721    --padding-3xl: 1.75rem;
722    --padding-4xl: 2rem;
723    --padding-5xl: 3rem;
724    --padding-6xl: 4rem;
725
726    --gap-3xs: 0.125rem;
727    --gap-2xs: 0.3rem;
728    --gap-xs: 0.5rem;
729    --gap-sm: 0.7rem;
730    --gap-md: 0.9rem;
731    --gap-lg: 1rem;
732    --gap-xl: 1.25rem;
733    --gap-2xl: 2rem;
734    --gap-3xl: 3rem;
735
736    --spacing-scale-sm: 0.6;
737    --spacing-scale-md: 0.7;
738    --spacing-scale-default: 1.0;
739
740    /* Checkout buttons gap */
741    --checkout-button-gap: 10px;
742
743    /* Borders */
744    --style-border-width: 1px;
745    --style-border-radius-xs: 0.2rem;
746    --style-border-radius-sm: 0.6rem;
747    --style-border-radius-md: 0.8rem;
748    --style-border-radius-50: 50%;
749    --style-border-radius-lg: 1rem;
750    --style-border-radius-pills: 40px;
751    --style-border-radius-inputs: 8px;
752    --style-border-radius-buttons-primary: 100px;
753    --style-border-radius-buttons-secondary: 100px;
754    --style-border-width-primary: 1px;
755    --style-border-width-secondary: 1px;
756    --style-border-width-inputs: 1px;
757    --style-border-radius-popover: 8px;
758    --style-border-popover: 1px solid rgb(var(--color-border-rgb) / 50%);
759    --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%);
760    --style-border-swatch-opacity: 10%;
761    --style-border-swatch-width: 1px;
762    --style-border-swatch-style: solid;
763
764    /* Animation */
765    --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1);
766    --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1);
767    --animation-speed-fast: 0.0625s;
768    --animation-speed: 0.125s;
769    --animation-speed-slow: 0.2s;
770    --animation-speed-medium: 0.15s;
771    --animation-easing: ease-in-out;
772    --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1);
773    --drawer-animation-speed: 0.2s;
774    --animation-values-slow: var(--animation-speed-slow) var(--animation-easing);
775    --animation-values: var(--animation-speed) var(--animation-easing);
776    --animation-values-fast: var(--animation-speed-fast) var(--animation-easing);
777    --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete;
778    --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94);
779    --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0);
780    --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1);
781    --animation-timing-default: cubic-bezier(0, 0, 0.2, 1);
782    --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1);
783    --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1);
784
785    /* View transitions */
786    /* View transition old */
787    --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut;
788
789    /* View transition new */
790    --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition;
791
792    /* Focus */
793    --focus-outline-width: 0.09375rem;
794    --focus-outline-offset: 0.2em;
795
796    /* Badges */
797    --badge-blob-padding-block: 1px;
798    --badge-blob-padding-inline: 12px 8px;
799    --badge-rectangle-padding-block: 1px;
800    --badge-rectangle-padding-inline: 6px;
801    @media screen and (min-width: 750px) {
802      --badge-blob-padding-block: 4px;
803      --badge-blob-padding-inline: 16px 12px;
804      --badge-rectangle-padding-block: 4px;
805      --badge-rectangle-padding-inline: 10px;
806    }
807
808    /* Icons */
809    --icon-size-2xs: 0.6rem;
810    --icon-size-xs: 0.85rem;
811    --icon-size-sm: 1.25rem;
812    --icon-size-md: 1.375rem;
813    --icon-size-lg: 1.5rem;
814    --icon-stroke-width: 1px;
815
816    /* Input */
817    --input-email-min-width: 200px;
818    --input-search-max-width: 650px;
819    --input-padding-y: 0.8rem;
820    --input-padding-x: 0.8rem;
821    --input-padding: var(--input-padding-y) var(--input-padding-x);
822    --input-box-shadow-width: var(--style-border-width-inputs);
823    --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border);
824    --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border);
825    --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
826    --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5));
827    --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
828    --input-textarea-min-height: 55px;
829
830    /* Button size */
831    --button-size-sm: 30px;
832    --button-size-md: 36px;
833    --button-size: var(--minimum-touch-target);
834    --button-padding-inline: 24px;
835    --button-padding-block: 16px;
836
837    /* Button font-family */
838    --button-font-family-primary: var(--font-body--family);
839    --button-font-family-secondary: var(--font-body--family);
840
841    /* Button text case */
842    --button-text-case: ;
843    --button-text-case-primary: uppercase;
844    --button-text-case-secondary: uppercase;
845
846    /* Borders */
847    --border-color: rgb(var(--color-border-rgb) / var(--opacity-50));
848    --border-width-sm: 1px;
849    --border-width-md: 2px;
850    --border-width-lg: 5px;
851    --border-radius-sm: 0.25rem;
852
853    /* Drawers */
854    --drawer-inline-padding: 25px;
855    --drawer-menu-inline-padding: 2.5rem;
856    --drawer-header-block-padding: 20px;
857    --drawer-content-block-padding: 10px;
858    --drawer-header-desktop-top: 0rem;
859    --drawer-padding: calc(var(--padding-sm) + 7px);
860    --drawer-height: 100dvh;
861    --drawer-width: 95vw;
862    --drawer-max-width: 500px;
863
864    /* Variant Picker Swatches */
865    --variant-picker-swatch-width-unitless: 30;
866    --variant-picker-swatch-height-unitless: 30;
867    --variant-picker-swatch-width: 30px;
868    --variant-picker-swatch-height: 30px;
869    --variant-picker-swatch-radius: 100px;
870    --variant-picker-border-width: 1px;
871    --variant-picker-border-style: solid;
872    --variant-picker-border-opacity: 10%;
873
874    /* Variant Picker Buttons */
875    --variant-picker-button-radius: 8px;
876    --variant-picker-button-border-width: 1px;
877
878    /* Slideshow */
879    --slideshow-controls-size: 3.5rem;
880    --slideshow-controls-icon: 2rem;
881    --peek-next-slide-size: 3rem;
882
883    /* Utilities */
884    --backdrop-opacity: 0.15;
885    --backdrop-color-rgb: var(--color-shadow-rgb);
886    --minimum-touch-target: 44px;
887    --disabled-opacity: 0.5;
888    --skeleton-opacity: 0.025;
889
890    /* Shapes */
891    --shape--circle: circle(50% at center);
892    --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%);
893    --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%);
894    --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
894% 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%);
895
896    /* Buy buttons */
897    --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm));
898
899    /* Card image width and height variables */
900    --card-width-small: 10rem;
901
902    --height-small: 10rem;
903    --height-medium: 11.5rem;
904    --height-large: 13rem;
905    --height-full: 100vh;
906
907    @media screen and (min-width: 750px) {
908      --height-small: 17.5rem;
909      --height-medium: 21.25rem;
910      --height-large: 25rem;
911    }
912
913    /* Modal */
914    --modal-max-height: 65dvh;
915
916    /* Card styles for search */
917    --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5));
918    --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30));
919    --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10));
920
921    /* Cart */
922    --cart-primary-font-family: var(--font-body--family);
923    --cart-primary-font-style: var(--font-body--style);
924    --cart-primary-font-weight: var(--font-body--weight);
925    --cart-secondary-font-family: var(--font-primary--family);
926    --cart-secondary-font-style: var(--font-primary--style);
927    --cart-secondary-font-weight: var(--font-primary--weight);
928  }
929</style>
930<style data-shopify>
931  
932    
933      :root,
934    
935    
936    
937    .color-scheme-1 {
938        --color-background: rgb(253 251 247 / 1.0);
939        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
940        --color-background-rgb: 253 251 247;
941        --opacity-5-15: 0.05;
942        --opacity-10-25: 0.1;
943        --opacity-35-55: 0.35;
944        --opacity-40-60: 0.4;
945        --opacity-30-60: 0.3;
946        --color-foreground: rgb(51 48 46 / 1.0);
947        --color-foreground-rgb: 51 48 46;
948        --color-foreground-heading: rgb(51 48 46 / 1.0);
949        --color-foreground-heading-rgb: 51 48 46;
950        --color-primary: rgb(44 42 41 / 1.0);
951        --color-primary-rgb: 44 42 41;
952        --color-primary-hover: rgb(217 124 124 / 1.0);
953        --color-primary-hover-rgb: 217 124 124;
954        --color-border: rgb(0 0 0 / 0.1);
955        --color-border-rgb: 0 0 0;
956        --color-shadow: rgb(0 0 0 / 1.0);
957        --color-shadow-rgb: 0 0 0;
958        --color-primary-button-text: rgb(253 251 247 / 1.0);
959        --color-primary-button-background: rgb(44 42 41 / 1.0);
960        --color-primary-button-border: rgb(44 42 41 / 1.0);
961        --color-primary-button-hover-text: rgb(44 42 41 / 1.0);
962        --color-primary-button-hover-background: rgb(253 251 247 / 1.0);
963        --color-primary-button-hover-border: rgb(44 42 41 / 1.0);
964        --color-secondary-button-text: rgb(102 97 94 / 1.0);
965        --color-secondary-button-background: rgb(0 0 0 / 0.0);
966        --color-secondary-button-border: rgb(0 0 0 / 0.18);
967        --color-secondary-button-hover-text: rgb(253 251 247 / 1.0);
968        --color-secondary-button-hover-background: rgb(44 42 41 / 1.0);
969        --color-secondary-button-hover-border: rgb(44 42 41 / 1.0);
970        --color-input-background: rgb(255 255 255 / 0.6);
971        --color-input-text: rgb(51 48 46 / 1.0);
972        --color-input-text-rgb: 51 48 46;
973        --color-input-border: rgb(0 0 0 / 0.18);
974        --color-input-hover-background: rgb(250 247 241 / 1.0);
975        --color-variant-background: rgb(253 251 247 / 1.0);
976        --color-variant-border: rgb(0 0 0 / 0.18);
977        --color-variant-text: rgb(51 48 46 / 1.0);
978        --color-variant-text-rgb: 51 48 46;
979        --color-variant-hover-background: rgb(253 251 247 / 1.0);
980        --color-variant-hover-text: rgb(51 48 46 / 1.0);
981        --color-variant-hover-border: rgb(44 42 41 / 1.0);
982        --color-selected-variant-background: rgb(44 42 41 / 1.0);
983        --color-selected-variant-border: rgb(44 42 41 / 1.0);
984        --color-selected-variant-text: rgb(253 251 247 / 1.0);
985        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
986        --color-selected-variant-hover-text: rgb(253 251 247 / 1.0);
987        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
988
989        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
990        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
991        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
992        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
993        --font-h1--color: var(--color-foreground-heading);
994        --font-h2--color: var(--color-foreground-heading);
995        --font-h3--color: var(--color-foreground-heading);
996        --font-h4--color: var(--color-foreground-heading);
997        --font-h5--color: var(--color-foreground-heading);
998        --font-h6--color: var(--color-foreground-heading);
999
1000        /* Shadows */
1001        
1002        
1003          --shadow-blur: 20px;
1004          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1005        
1006      }
1007  
1008    
1009    
1010    
1011    .color-scheme-2 {
1012        --color-background: rgb(255 255 255 / 1.0);
1013        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1014        --color-background-rgb: 255 255 255;
1015        --opacity-5-15: 0.05;
1016        --opacity-10-25: 0.1;
1017        --opacity-35-55: 0.35;
1018        --opacity-40-60: 0.4;
1019        --opacity-30-60: 0.3;
1020        --color-foreground: rgb(51 48 46 / 1.0);
1021        --color-foreground-rgb: 51 48 46;
1022        --color-foreground-heading: rgb(51 48 46 / 1.0);
1023        --color-foreground-heading-rgb: 51 48 46;
1024        --color-primary: rgb(44 42 41 / 1.0);
1025        --color-primary-rgb: 44 42 41;
1026        --color-primary-hover: rgb(217 124 124 / 1.0);
1027        --color-primary-hover-rgb: 217 124 124;
1028        --color-border: rgb(0 0 0 / 0.1);
1029        --color-border-rgb: 0 0 0;
1030        --color-shadow: rgb(0 0 0 / 1.0);
1031        --color-shadow-rgb: 0 0 0;
1032        --color-primary-button-text: rgb(253 251 247 / 1.0);
1033        --color-primary-button-background: rgb(44 42 41 / 1.0);
1034        --color-primary-button-border: rgb(44 42 41 / 1.0);
1035        --color-primary-button-hover-text: rgb(44 42 41 / 1.0);
1036        --color-primary-button-hover-background: rgb(253 251 247 / 1.0);
1037        --color-primary-button-hover-border: rgb(44 42 41 / 1.0);
1038        --color-secondary-button-text: rgb(102 97 94 / 1.0);
1039        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1040        --color-secondary-button-border: rgb(0 0 0 / 0.18);
1041        --color-secondary-button-hover-text: rgb(253 251 247 / 1.0);
1042        --color-secondary-button-hover-background: rgb(44 42 41 / 1.0);
1043        --color-secondary-button-hover-border: rgb(44 42 41 / 1.0);
1044        --color-input-background: rgb(255 255 255 / 1.0);
1045        --color-input-text: rgb(51 48 46 / 1.0);
1046        --color-input-text-rgb: 51 48 46;
1047        --color-input-border: rgb(0 0 0 / 0.18);
1048        --color-input-hover-background: rgb(247 245 242 / 1.0);
1049        --color-variant-background: rgb(255 255 255 / 1.0);
1050        --color-variant-border: rgb(0 0 0 / 0.18);
1051        --color-variant-text: rgb(51 48 46 / 1.0);
1052        --color-variant-text-rgb: 51 48 46;
1053        --color-variant-hover-background: rgb(247 245 242 / 1.0);
1054        --color-variant-hover-text: rgb(51 48 46 / 1.0);
1055        --color-variant-hover-border: rgb(44 42 41 / 1.0);
1056        --color-selected-variant-background: rgb(44 42 41 / 1.0);
1057        --color-selected-variant-border: rgb(44 42 41 / 1.0);
1058        --color-selected-variant-text: rgb(253 251 247 / 1.0);
1059        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1060        --color-selected-variant-hover-text: rgb(253 251 247 / 1.0);
1061        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1062
1063        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1064        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1065        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1066        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1067        --font-h1--color: var(--color-foreground-heading);
1068        --font-h2--color: var(--color-foreground-heading);
1069        --font-h3--color: var(--color-foreground-heading);
1070        --font-h4--color: var(--color-foreground-heading);
1071        --font-h5--color: var(--color-foreground-heading);
1072        --font-h6--color: var(--color-foreground-heading);
1073
1074        /* Shadows */
1075        
1076        
1077          --shadow-blur: 20px;
1078          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1079        
1080      }
1081  
1082    
1083    
1084    
1085    .color-scheme-3 {
1086        --color-background: rgb(242 242 242 / 1.0);
1087        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1088        --color-background-rgb: 242 242 242;
1089        --opacity-5-15: 0.05;
1090        --opacity-10-25: 0.1;
1091        --opacity-35-55: 0.35;
1092        --opacity-40-60: 0.4;
1093        --opacity-30-60: 0.3;
1094        --color-foreground: rgb(0 0 0 / 1.0);
1095        --color-foreground-rgb: 0 0 0;
1096        --color-foreground-heading: rgb(0 0 0 / 1.0);
1097        --color-foreground-heading-rgb: 0 0 0;
1098        --color-primary: rgb(102 102 102 / 1.0);
1099        --color-primary-rgb: 102 102 102;
1100        --color-primary-hover: rgb(0 0 0 / 1.0);
1101        --color-primary-hover-rgb: 0 0 0;
1102        --color-border: rgb(208 208 208 / 1.0);
1103        --color-border-rgb: 208 208 208;
1104        --color-shadow: rgb(0 0 0 / 1.0);
1105        --color-shadow-rgb: 0 0 0;
1106        --color-primary-button-text: rgb(255 255 255 / 1.0);
1107        --color-primary-button-background: rgb(0 0 0 / 1.0);
1108        --color-primary-button-border: rgb(0 0 0 / 1.0);
1109        --color-primary-button-hover-text: rgb(255 255 255 / 1.0);
1110        --color-primary-button-hover-background: rgb(56 56 56 / 1.0);
1111        --color-primary-button-hover-border: rgb(56 56 56 / 1.0);
1112        --color-secondary-button-text: rgb(0 0 0 / 1.0);
1113        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1114        --color-secondary-button-border: rgb(0 0 0 / 1.0);
1115        --color-secondary-button-hover-text: rgb(0 0 0 / 1.0);
1116        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
1117        --color-secondary-button-hover-border: rgb(0 0 0 / 1.0);
1118        --color-input-background: rgb(255 255 255 / 1.0);
1119        --color-input-text: rgb(0 0 0 / 1.0);
1120        --color-input-text-rgb: 0 0 0;
1121        --color-input-border: rgb(0 0 0 / 1.0);
1122        --color-input-hover-background: rgb(245 245 245 / 1.0);
1123        --color-variant-background: rgb(255 255 255 / 1.0);
1124        --color-variant-border: rgb(230 230 230 / 1.0);
1125        --color-variant-text: rgb(0 0 0 / 1.0);
1126        --color-variant-text-rgb: 0 0 0;
1127        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1128        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1129        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1130        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1131        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1132        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1133        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1134        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1135        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1136
1137        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1138        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1139        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1140        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1141        --font-h1--color: var(--color-foreground-heading);
1142        --font-h2--color: var(--color-foreground-heading);
1143        --font-h3--color: var(--color-foreground-heading);
1144        --font-h4--color: var(--color-foreground-heading);
1145        --font-h5--color: var(--color-foreground-heading);
1146        --font-h6--color: var(--color-foreground-heading);
1147
1148        /* Shadows */
1149        
1150        
1151          --shadow-blur: 20px;
1152          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1153        
1154      }
1155  
1156    
1157    
1158    
1159    .color-scheme-4 {
1160        --color-background: rgb(44 42 41 / 1.0);
1161        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1162        --color-background-rgb: 44 42 41;
1163        --opacity-5-15: 0.15;
1164        --opacity-10-25: 0.25;
1165        --opacity-35-55: 0.55;
1166        --opacity-40-60: 0.6;
1167        --opacity-30-60: 0.6;
1168        --color-foreground: rgb(253 251 247 / 1.0);
1169        --color-foreground-rgb: 253 251 247;
1170        --color-foreground-heading: rgb(253 251 247 / 1.0);
1171        --color-foreground-heading-rgb: 253 251 247;
1172        --color-primary: rgb(253 251 247 / 1.0);
1173        --color-primary-rgb: 253 251 247;
1174        --color-primary-hover: rgb(217 124 124 / 1.0);
1175        --color-primary-hover-rgb: 217 124 124;
1176        --color-border: rgb(255 255 255 / 0.2);
1177        --color-border-rgb: 255 255 255;
1178        --color-shadow: rgb(0 0 0 / 1.0);
1179        --color-shadow-rgb: 0 0 0;
1180        --color-primary-button-text: rgb(44 42 41 / 1.0);
1181        --color-primary-button-background: rgb(253 251 247 / 1.0);
1182        --color-primary-button-border: rgb(253 251 247 / 1.0);
1183        --color-primary-button-hover-text: rgb(253 251 247 / 1.0);
1184        --color-primary-button-hover-background: rgb(44 42 41 / 1.0);
1185        --color-primary-button-hover-border: rgb(253 251 247 / 1.0);
1186        --color-secondary-button-text: rgb(253 251 247 / 1.0);
1187        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1188        --color-secondary-button-border: rgb(255 255 255 / 0.3);
1189        --color-secondary-button-hover-text: rgb(253 251 247 / 1.0);
1190        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
1191        --color-secondary-button-hover-border: rgb(253 251 247 / 1.0);
1192        --color-input-background: rgb(255 255 255 / 0.12);
1193        --color-input-text: rgb(253 251 247 / 1.0);
1194        --color-input-text-rgb: 253 251 247;
1195        --color-input-border: rgb(255 255 255 / 0.2);
1196        --color-input-hover-background: rgb(255 255 255 / 0.18);
1197        --color-variant-background: rgb(253 251 247 / 1.0);
1198        --color-variant-border: rgb(0 0 0 / 0.1);
1199        --color-variant-text: rgb(44 42 41 / 1.0);
1200        --color-variant-text-rgb: 44 42 41;
1201        --color-variant-hover-background: rgb(247 245 242 / 1.0);
1202        --color-variant-hover-text: rgb(44 42 41 / 1.0);
1203        --color-variant-hover-border: rgb(44 42 41 / 1.0);
1204        --color-selected-variant-background: rgb(44 42 41 / 1.0);
1205        --color-selected-variant-border: rgb(253 251 247 / 1.0);
1206        --color-selected-variant-text: rgb(253 251 247 / 1.0);
1207        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1208        --color-selected-variant-hover-text: rgb(253 251 247 / 1.0);
1209        --color-selected-variant-hover-border: rgb(253 251 247 / 1.0);
1210
1211        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1212        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1213        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1214        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1215        --font-h1--color: var(--color-foreground-heading);
1216        --font-h2--color: var(--color-foreground-heading);
1217        --font-h3--color: var(--color-foreground-heading);
1218        --font-h4--color: var(--color-foreground-heading);
1219        --font-h5--color: var(--color-foreground-heading);
1220        --font-h6--color: var(--color-foreground-heading);
1221
1222        /* Shadows */
1223        
1224        
1225          --shadow-blur: 20px;
1226          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1227        
1228      }
1229  
1230    
1231    
1232    
1233    .color-scheme-5 {
1234        --color-background: rgb(0 0 0 / 1.0);
1235        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1236        --color-background-rgb: 0 0 0;
1237        --opacity-5-15: 0.15;
1238        --opacity-10-25: 0.25;
1239        --opacity-35-55: 0.55;
1240        --opacity-40-60: 0.6;
1241        --opacity-30-60: 0.6;
1242        --color-foreground: rgb(255 255 255 / 1.0);
1243        --color-foreground-rgb: 255 255 255;
1244        --color-foreground-heading: rgb(255 255 255 / 1.0);
1245        --color-foreground-heading-rgb: 255 255 255;
1246        --color-primary: rgb(255 255 255 / 1.0);
1247        --color-primary-rgb: 255 255 255;
1248        --color-primary-hover: rgb(172 172 172 / 1.0);
1249        --color-primary-hover-rgb: 172 172 172;
1250        --color-border: rgb(102 102 102 / 1.0);
1251        --color-border-rgb: 102 102 102;
1252        --color-shadow: rgb(0 0 0 / 1.0);
1253        --color-shadow-rgb: 0 0 0;
1254        --color-primary-button-text: rgb(0 0 0 / 1.0);
1255        --color-primary-button-background: rgb(255 255 255 / 1.0);
1256        --color-primary-button-border: rgb(255 255 255 / 1.0);
1257        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1258        --color-primary-button-hover-background: rgb(222 222 222 / 1.0);
1259        --color-primary-button-hover-border: rgb(222 222 222 / 1.0);
1260        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1261        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1262        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1263        --color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
1264        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
1265        --color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
1266        --color-input-background: rgb(0 0 0 / 1.0);
1267        --color-input-text: rgb(255 255 255 / 1.0);
1268        --color-input-text-rgb: 255 255 255;
1269        --color-input-border: rgb(255 255 255 / 1.0);
1270        --color-input-hover-background: rgb(24 24 24 / 1.0);
1271        --color-variant-background: rgb(255 255 255 / 1.0);
1272        --color-variant-border: rgb(230 230 230 / 1.0);
1273        --color-variant-text: rgb(0 0 0 / 1.0);
1274        --color-variant-text-rgb: 0 0 0;
1275        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1276        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1277        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1278        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1279        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1280        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1281        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1282        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1283        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1284
1285        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1286        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1287        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1288        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1289        --font-h1--color: var(--color-foreground-heading);
1290        --font-h2--color: var(--color-foreground-heading);
1291        --font-h3--color: var(--color-foreground-heading);
1292        --font-h4--color: var(--color-foreground-heading);
1293        --font-h5--color: var(--color-foreground-heading);
1294        --font-h6--color: var(--color-foreground-heading);
1295
1296        /* Shadows */
1297        
1298        
1299          --shadow-blur: 20px;
1300          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1301        
1302      }
1303  
1304    
1305    
1306    
1307    .color-scheme-6 {
1308        --color-background: rgb(0 0 0 / 0.0);
1309        /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */
1310        --color-background-rgb: 0 0 0;
1311        --opacity-5-15: 0.15;
1312        --opacity-10-25: 0.25;
1313        --opacity-35-55: 0.55;
1314        --opacity-40-60: 0.6;
1315        --opacity-30-60: 0.6;
1316        --color-foreground: rgb(255 255 255 / 1.0);
1317        --color-foreground-rgb: 255 255 255;
1318        --color-foreground-heading: rgb(255 255 255 / 1.0);
1319        --color-foreground-heading-rgb: 255 255 255;
1320        --color-primary: rgb(255 255 255 / 1.0);
1321        --color-primary-rgb: 255 255 255;
1322        --color-primary-hover: rgb(172 172 172 / 1.0);
1323        --color-primary-hover-rgb: 172 172 172;
1324        --color-border: rgb(0 0 0 / 0.0);
1325        --color-border-rgb: 0 0 0;
1326        --color-shadow: rgb(0 0 0 / 0.0);
1327        --color-shadow-rgb: 0 0 0;
1328        --color-primary-button-text: rgb(0 0 0 / 1.0);
1329        --color-primary-button-background: rgb(255 255 255 / 1.0);
1330        --color-primary-button-border: rgb(255 255 255 / 1.0);
1331        --color-primary-button-hover-text: rgb(0 0 0 / 1.0);
1332        --color-primary-button-hover-background: rgb(222 222 222 / 1.0);
1333        --color-primary-button-hover-border: rgb(222 222 222 / 1.0);
1334        --color-secondary-button-text: rgb(255 255 255 / 1.0);
1335        --color-secondary-button-background: rgb(0 0 0 / 0.0);
1336        --color-secondary-button-border: rgb(255 255 255 / 1.0);
1337        --color-secondary-button-hover-text: rgb(172 172 172 / 1.0);
1338        --color-secondary-button-hover-background: rgb(0 0 0 / 0.0);
1339   
1339     --color-secondary-button-hover-border: rgb(172 172 172 / 1.0);
1340        --color-input-background: rgb(255 255 255 / 1.0);
1341        --color-input-text: rgb(0 0 0 / 1.0);
1342        --color-input-text-rgb: 0 0 0;
1343        --color-input-border: rgb(0 0 0 / 1.0);
1344        --color-input-hover-background: rgb(245 245 245 / 1.0);
1345        --color-variant-background: rgb(255 255 255 / 1.0);
1346        --color-variant-border: rgb(230 230 230 / 1.0);
1347        --color-variant-text: rgb(0 0 0 / 1.0);
1348        --color-variant-text-rgb: 0 0 0;
1349        --color-variant-hover-background: rgb(245 245 245 / 1.0);
1350        --color-variant-hover-text: rgb(0 0 0 / 1.0);
1351        --color-variant-hover-border: rgb(230 230 230 / 1.0);
1352        --color-selected-variant-background: rgb(0 0 0 / 1.0);
1353        --color-selected-variant-border: rgb(0 0 0 / 1.0);
1354        --color-selected-variant-text: rgb(255 255 255 / 1.0);
1355        --color-selected-variant-hover-background: rgb(26 26 26 / 1.0);
1356        --color-selected-variant-hover-text: rgb(255 255 255 / 1.0);
1357        --color-selected-variant-hover-border: rgb(26 26 26 / 1.0);
1358
1359        --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10));
1360        --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15));
1361        --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1362        --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60));
1363        --font-h1--color: var(--color-foreground-heading);
1364        --font-h2--color: var(--color-foreground-heading);
1365        --font-h3--color: var(--color-foreground-heading);
1366        --font-h4--color: var(--color-foreground-heading);
1367        --font-h5--color: var(--color-foreground-heading);
1368        --font-h6--color: var(--color-foreground-heading);
1369
1370        /* Shadows */
1371        
1372        
1373          --shadow-blur: 20px;
1374          --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15));
1375        
1376      }
1377  
1378
1379  body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6 {
1380    color: var(--color-foreground);
1381    background-color: var(--color-background);
1382  }
1383</style>
1384<link href="//bloomin8.com/cdn/shop/t/16/assets/bloomin8-custom.css?v=135978005925544431771786105844" rel="stylesheet" type="text/css" media="all" />
1385    <link href="//bloomin8.com/cdn/shop/t/16/assets/swiper-bundle.min.css?v=126032142731267036661786105845" rel="stylesheet" type="text/css" media="all" />
1386
1387    
1388
1389    
1389<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
1389<meta name="facebook-domain-verification" content="ovln69hf8beokexlhdt0prj261dppr">
1390<meta name="google-site-verification" content="f5IBf2gQvoopf5ukzaEo6WvtUvSWPs6SUXfMn455K0c">
1391<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/91151302934/digital_wallets/dialog">
1392<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
1392<script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script>
vendor: 1 bytes, line 1392
1392
1393<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":91151302934,"countryCode":"AU","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/91151302934","merchantName":"BLOOMIN8","requiredBillingContactFields":["postalAddress","email","phone"],"requiredShippingContactFields":["postalAddress","email","phone"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","jcb"],"total":{"type":"pending","label":"BLOOMIN8","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 1393
1393
1394<script id="shopify-features" type="application/json">{"accessToken":"66a04ddee247ca4fbe14c4d83f1253f0","betas":["rich-media-storefront-analytics"],"domain":"bloomin8.com","predictiveSearch":true,"shopId":91151302934,"locale":"en"}</script>
vendor: 1 bytes, line 1394
1394
1395<script>var Shopify = Shopify || {};
1396Shopify.shop = "quaikg-ev.myshopify.com";
1397Shopify.locale = "en";
1398Shopify.currency = {"active":"USD","rate":"1.0"};
1399Shopify.country = "US";
1400Shopify.theme = {"name":"bloomin8-shopify-theme\/master","id":188888580374,"schema_name":"Atelier","schema_version":"3.2.0","theme_store_id":null,"role":"main"};
1401Shopify.theme.handle = "null";
1402Shopify.theme.style = {"id":null,"handle":null};
1403Shopify.cdnHost = "bloomin8.com/cdn";
1404Shopify.routes = Shopify.routes || {};
1405Shopify.routes.root = "/";
1406Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
1407Shopify.SignInWithShop = Shopify.SignInWithShop || {};
1408Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
1409Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 1409
1409
1410<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 1410
1410
1411<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 1411
1411
1412<script>
1413  window.Shopify = window.Shopify || {};
1414  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
1415  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
1416  window.Shopify.SignInWithShop.eligible = true;
1417</script>
vendor: 1 bytes, line 1417
1417
1418<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 1418
1418
1419<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 1419
1419
1420<script type="module">
1421  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
1422
1423  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
1424
1425</script>
vendor: 1 bytes, line 1425
1425
1426<script>
1427  window.Shopify = window.Shopify || {};
1428  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
1429  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"]};
1430</script>
vendor: 1 bytes, line 1430
1430
1431<script id="__st">var __st={"a":91151302934,"offset":-25200,"reqid":"639b6d5f-655b-4f71-a0ea-6736da00231a-1790955045","pageurl":"bloomin8.com\/","u":"c16bc5bb6b52","p":"home"};</script>
vendor: 1 bytes, line 1431
1431
1432<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 1432
1432
1433<script id="form-persister">!function(){'use strict';const t='contact',e='new_comment',n=[[t,t],['blogs',e],['comments',e],[t,'customer']],o='password',r='form_key',c=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',o],s=()=>{try{return window.sessionStorage}catch{return}},i='__shopify_v',u=t=>t.elements[r],a=function(){const t=[...n].map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');var e;return e=t,()=>e?[...document.querySelectorAll(e)].map((t=>t.form)):[]}();function m(t){const e=u(t);a().includes(t)&&(!e||!e.value)&&function(t){try{if(!s())return;!function(t){const e=s();if(!e)return;const n=u(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){u(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:r})),t.elements[r].value=e}(t,e),function(t,e){const n=s();if(!n)return;const r=[...t.querySelectorAll(`input[type='${o}']`)].map((({name:t})=>t)),u=[...c,...r],a={};for(const[o,c]of new FormData(t).entries())u.includes(o)||(a[o]=c);n.setItem(e,JSON.stringify({[i]:1,action:t.action,data:a}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(t)}const f=t=>{if('true'===t.dataset.persistBound)return;const e=function(t,e){const n=function(t){return'function'==typeof t.submit?t.submit:HTMLFormElement.prototype.submit}(t).bind(t);return function(){let t;return()=>{t||(t=!0,(()=>{try{e(),n()}catch(t){(t=>{console.error('form submit failed',t)})(t)}})(),setTimeout((()=>t=!1),250))}}()}(t,(()=>{m(t)}));!function(t,e){if('function'==typeof t.submit&&'function'==typeof e)try{t.submit=e}catch{}}(t,e),t.addEventListener('submit',(t=>{t.preventDefault(),e()})),t.dataset.persistBound='true'};!function(){function t(t){const e=(t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form})(t);e&&m(e)}document.addEventListener('submit',t),document.addEventListener('DOMContentLoaded',(()=>{const e=a();for(const t of e)f(t);var n;n=document.body,new window.MutationObserver((t=>{for(const e of t)if('childList'===e.type&&e.addedNodes.length)for(const t of e.addedNodes)1===t.nodeType&&'FORM'===t.tagName&&a().includes(t)&&f(t)})).observe(n,{childList:!0,subtree:!0,attributes:!1}),document.removeEventListener('submit',t)}))}()}();</script>
vendor: 1 bytes, line 1433
1433
1434<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//bloomin8.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 1434
1434
1435<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 = "//bloomin8.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>
1435<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 1435
1435
1436<script>
1437  window.Shopify = window.Shopify || {};
1438  window.Shopify.MCP = window.Shopify.MCP || {};
1439  window.Shopify.MCP.enabled = true;
1440  window.Shopify.MCP.shop = "quaikg-ev.myshopify.com";
1441  window.Shopify.MCP.mcpEndpoint = "https:\/\/bloomin8.com\/api\/mcp";
1442  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
1443</script>
vendor: 1 bytes, line 1443
1443
1444<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("\/\/bloomin8.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
1445</script>
vendor: 1 bytes, line 1445
1445
1446<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://bloomin8.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
1447</script>
vendor: 1 bytes, line 1447
1447
1448<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
1449  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);
1450</script>
vendor: 1 bytes, line 1450
1450
1451<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})}}));
1452</script>
1452
1453<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://bloomin8.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
1454<style id="shopify-accelerated-checkout-cart">
1455        #shopify-buyer-consent {
1456  margin-top: 1em;
1457  display: inline-block;
1458  width: 100%;
1459}
1460
1461#shopify-buyer-consent.hidden {
1462  display: none;
1463}
1464
1465#shopify-subscription-policy-button {
1466  background: none;
1467  border: none;
1468  padding: 0;
1469  text-decoration: underline;
1470  font-size: inherit;
1471  cursor: pointer;
1472}
1473
1474#shopify-subscription-policy-button::before {
1475  box-shadow: none;
1476}
1477
1478      </style>
1479<link rel="stylesheet" media="screen" href="//bloomin8.com/cdn/shop/t/16/compiled_assets/styles.css?v=173033110901231974421788937018">
1480<script id="sections-script" data-sections="kol-gallery,what-our-users-say,user-image" defer="defer" src="//bloomin8.com/cdn/shop/t/16/compiled_assets/scripts.js?v=139819435668796074931788937018"></script>
vendor: 1 bytes, line 1480
1480
1481<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
1481
1482  <!-- BEGIN app block: shopify://apps/judge-me-reviews/blocks/judgeme_core/61ccd3b1-a9f2-4160-9fe9-4fec8413e5d8 --><!-- Start of Judge.me Core -->
1483
1484
1485
1486
1487
1488
1489
1490<link rel="dns-prefetch" href="https://cdn.judge.me">
1491<link rel="dns-prefetch" href="https://cdn1.judge.me">
1492<link rel="dns-prefetch" href="https://api.judge.me">
1493
1494<script data-cfasync='false' class='jdgm-settings-script'>window.jdgmSettings={"pagination":5,"disable_web_reviews":false,"coupon_receiving_condition":"any_review","coupon_value_type":"percentage","coupon_value_percentage":10,"coupon_value_fixed_amount":0,"coupon_discount_type":"single","coupon_tier_text_enabled":false,"coupon_tier_text_percentage":10,"coupon_tier_text_fixed_amount":0,"coupon_tier_photo_enabled":false,"coupon_tier_photo_percentage":10,"coupon_tier_photo_fixed_amount":0,"coupon_tier_video_enabled":false,"coupon_tier_video_percentage":10,"coupon_tier_video_fixed_amount":0,"enable_coupons":false,"badge_no_review_text":"No reviews","badge_n_reviews_text":"{{ n }} review/reviews","badge_star_color":"#000000","hide_badge_preview_if_no_reviews":true,"badge_hide_text":false,"enforce_center_preview_badge":false,"widget_title":"Customer Reviews","widget_open_form_text":"Write a review","widget_close_form_text":"Cancel review","widget_refresh_page_text":"Refresh page","widget_summary_text":"Based on {{ number_of_reviews }} review/reviews","widget_no_review_text":"Be the first to write a review","widget_name_field_text":"Display name","widget_verified_name_field_text":"Verified Name (public)","widget_name_placeholder_text":"Display name","widget_required_field_error_text":"This field is required.","widget_email_field_text":"Email address","widget_verified_email_field_text":"Verified Email (private, can not be edited)","widget_email_placeholder_text":"Your email address","widget_email_field_error_text":"Please enter a valid email address.","widget_rating_field_text":"Rating","widget_review_title_field_text":"Review Title","widget_review_title_placeholder_text":"Give your review a title","widget_review_body_field_text":"Review content","widget_review_body_placeholder_text":"Start writing here...","widget_pictures_field_text":"Picture/Video (optional)","widget_submit_review_text":"Submit Review","widget_submit_verified_review_text":"Submit Verified Review","widget_submit_success_msg_with_auto_publish":"Thank y
1494ou! Please refresh the page in a few moments to see your review. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_submit_success_msg_no_auto_publish":"Thank you! Your review will be published as soon as it is approved by the shop admin. You can remove or edit your review by logging into \u003ca href='https://judge.me/login' target='_blank' rel='nofollow noopener'\u003eJudge.me\u003c/a\u003e","widget_show_default_reviews_out_of_total_text":"Showing {{ n_reviews_shown }} out of {{ n_reviews }} reviews.","widget_show_all_link_text":"Show all","widget_show_less_link_text":"Show less","widget_author_said_text":"{{ reviewer_name }} said:","widget_days_text":"{{ n }} days ago","widget_weeks_text":"{{ n }} week/weeks ago","widget_months_text":"{{ n }} month/months ago","widget_years_text":"{{ n }} year/years ago","widget_yesterday_text":"Yesterday","widget_today_text":"Today","widget_replied_text":"\u003e\u003e {{ shop_name }} replied:","widget_read_more_text":"Read more","widget_reviewer_name_as_initial":"","widget_rating_filter_color":"#fbcd0a","widget_rating_filter_see_all_text":"See all reviews","widget_sorting_most_recent_text":"Most Recent","widget_sorting_highest_rating_text":"Highest Rating","widget_sorting_lowest_rating_text":"Lowest Rating","widget_sorting_with_pictures_text":"Only Pictures","widget_sorting_most_helpful_text":"Most Helpful","widget_open_question_form_text":"Ask a question","widget_reviews_subtab_text":"Reviews","widget_questions_subtab_text":"Questions","widget_question_label_text":"Question","widget_answer_label_text":"Answer","widget_question_placeholder_text":"Write your question here","widget_submit_question_text":"Submit Question","widget_question_submit_success_text":"Thank you for your question! We will notify you once it gets answered.","widget_star_color":"#000000","verified_badge_text":"Verified","verified_badge_bg_color":"","verified_badge_text_color":"","verified_badge_placement":"left-of-reviewer-name","widget_review_max_height":"","widget_hide_border":false,"widget_social_share":false,"widget_thumb":false,"widget_review_location_show":false,"widget_location_format":"","all_reviews_include_out_of_store_products":true,"all_reviews_out_of_store_text":"(out of store)","all_reviews_pagination":100,"all_reviews_product_name_prefix_text":"about","enable_review_pictures":true,"enable_question_anwser":false,"widget_theme":"default","review_date_format":"mm/dd/yyyy","default_sort_method":"most-recent","enable_ai_review_visibility":true,"widget_product_reviews_subtab_text":"Product Reviews","widget_shop_reviews_subtab_text":"Shop Reviews","widget_other_products_reviews_text":"Reviews for other products","widget_store_reviews_subtab_text":"Store reviews","widget_product_variant_reference_text":"Review for","widget_no_store_reviews_text":"This store hasn't received any reviews yet","widget_web_restriction_product_reviews_text":"This product hasn't received any reviews yet","widget_no_items_text":"No items found","widget_show_more_text":"Show more","widget_write_a_store_review_text":"Write a Store Review","widget_product_and_store_reviews_text":"Product and store reviews","widget_reviews_in_collection_text":"Reviews in this collection","widget_other_languages_heading":"Reviews in Other Languages","widget_translate_review_text":"Translate review to {{ language }}","widget_translating_review_text":"Translating...","widget_show_original_translation_text":"Show original ({{ language }})","widget_translate_review_failed_text":"Review couldn't be translated.","widget_translate_review_retry_text":"Retry","widget_translate_review_try_again_later_text":"Try again later","show_product_url_for_grouped_product":false,"widget_sorting_pictures_first_text":"Pictures First","show_pictures_on_all_rev_page_mobile":false,"show_pictures_on_all_rev_page_desktop":false,"floating_tab_hide_mobile_install_preference":false,"floating_tab_button_name":"★ Reviews","floating_tab_title":"Let customers speak for us","floating_tab_button_color":"","floating_tab_button_background_color":"","floating_tab_url":"","floating_tab_url_enabled":false,"floating_tab_tab_style":"text","all_reviews_text_badge_text":"Customers rate us {{ shop.metafields.judgeme.all_reviews_rating | round: 1 }}/5 based on {{ shop.metafields.judgeme.all_reviews_count }} reviews.","all_reviews_text_badge_text_branded_style":"{{ shop.metafields.judgeme.all_reviews_rating | round: 1 }} out of 5 stars based on {{ shop.metafields.judgeme.all_reviews_count }} reviews","is_all_reviews_text_badge_a_link":false,"show_stars_for_all_reviews_text_badge":false,"all_reviews_text_badge_url":"","all_reviews_text_style":"branded","all_reviews_text_color_style":"judgeme_brand_color","all_reviews_text_color":"#108474","all_reviews_text_show_jm_brand":false,"featured_carousel_show_header":true,"featured_carousel_title":"Let customers speak for us","testimonials_carousel_title":"Customers are saying","videos_carousel_title":"Real customer stories","cards_carousel_title":"Customers are saying","featured_carousel_count_text":"from {{ n }} reviews","featured_carousel_add_link_to_all_reviews_page":false,"featured_carousel_url":"","featured_carousel_show_images":true,"featured_carousel_autoslide_interval":5,"featured_carousel_arrows_on_the_sides":false,"featured_carousel_height":250,"featured_carousel_width":80,"featured_carousel_image_size":0,"featured_carousel_image_height":250,"featured_carousel_arrow_color":"#eeeeee","verified_count_badge_style":"branded","verified_count_badge_orientation":"horizontal","verified_count_badge_color_style":"judgeme_brand_color","verified_count_badge_color":"#108474","is_verified_count_badge_a_link":false,"verified_count_badge_url":"","verified_count_badge_show_jm_brand":true,"widget_rating_preset_default":5,"widget_first_sub_tab":"product-reviews","widget_show_histogram":true,"widget_histogram_use_custom_color":false,"widget_pagination_use_custom_color":false,"widget_star_use_custom_color":false,"widget_verified_badge_use_custom_color":false,"widget_write_review_use_custom_color":false,"picture_reminder_submit_button":"Upload Pictures","enable_review_videos":true,"mute_video_by_default":false,"widget_sorting_videos_first_text":"Videos First","widget_review_pending_text":"Pending","featured_carousel_items_for_large_screen":3,"social_share_options_order":"Facebook,Twitter","remove_microdata_snippet":true,"disable_json_ld":false,"enable_json_ld_products":false,"preview_badge_show_question_text":false,"preview_badge_no_question_text":"No questions","preview_badge_n_question_text":"{{ number_of_questions }} question/questions","qa_badge_show_icon":false,"qa_badge_position":"same-row","remove_judgeme_branding":false,"widget_add_search_bar":false,"widget_search_bar_placeholder":"Search","widget_sorting_verified_only_text":"Verified only","widget_sorting_most_relevant_text":"Most Relevant","featured_carousel_theme":"default","featured_carousel_show_rating":true,"featured_carousel_show_title":true,"featured_carousel_show_body":true,"featured_carousel_show_date":false,"featured_carousel_show_reviewer":true,"featured_carousel_show_product":false,"featured_carousel_header_background_color":"#108474","featured_carousel_header_text_color":"#ffffff","featured_carousel_name_product_separator":"reviewed","featured_carousel_full_star_background":"#108474","featured_carousel_empty_star_background":"#dadada","featured_carousel_vertical_theme_background":"#f9fafb","featured_carousel_verified_badge_enable":true,"featured_carousel_verified_badge_color":"#108474","featured_carousel_border_style":"round","featured_carousel_review_line_length_limit":3,"featured_carousel_more_reviews_button_text":"Read more reviews","featured_carousel_view_product_button_text":"View product","all_reviews_page_load_reviews_on":"scroll","all_reviews_page_load_more_text":"Load More Reviews","disable_fb_tab_reviews":false,"enable_ajax_cdn_cache":false,"widget_advanced_speed_features":5,"widget_public_name_text":"displayed publicly like","default_reviewer_name":"John Smith","default_reviewer_name_has_non_latin":true,"widget_reviewer_anonymous":"Anonymous","medals_widget_title":"Judge.me Review Medals","medals_widget_background_color":"#f9fafb","medals_widget_position":"footer_all_pages","medals_widget_border_color":"#f9fafb","medals_widget_verified_text_position":"left","medals_widget_use_monochromatic_version":false,"medals_widget_elements_color":"#108474","show_reviewer_avatar":true,"widget_invalid_yt_video_url_error_text":"Not a YouTube video URL","widget_max_length_field_error_text":"Please enter no more than {0} characters.","widget_show_country_flag":false,"widget_show_collected_via_shop_app":true,"widget_verified_by_shop_badge_style":"light","widget_verified_by_shop_text":"Verified by Shop","widget_show_photo_gallery":false,"widget_load_with_code_splitting":true,"widget_ugc_install_preference":false,"widget_ugc_title":"Made by us, Shared by you","widget_ugc_subt
1494itle":"Tag us to see your picture featured in our page","widget_ugc_arrows_color":"#ffffff","widget_ugc_primary_button_text":"Buy Now","widget_ugc_primary_button_background_color":"#108474","widget_ugc_primary_button_text_color":"#ffffff","widget_ugc_primary_button_border_width":"0","widget_ugc_primary_button_border_style":"none","widget_ugc_primary_button_border_color":"#108474","widget_ugc_primary_button_border_radius":"25","widget_ugc_secondary_button_text":"Load More","widget_ugc_secondary_button_background_color":"#ffffff","widget_ugc_secondary_button_text_color":"#108474","widget_ugc_secondary_button_border_width":"2","widget_ugc_secondary_button_border_style":"solid","widget_ugc_secondary_button_border_color":"#108474","widget_ugc_secondary_button_border_radius":"25","widget_ugc_reviews_button_text":"View Reviews","widget_ugc_reviews_button_background_color":"#ffffff","widget_ugc_reviews_button_text_color":"#108474","widget_ugc_reviews_button_border_width":"2","widget_ugc_reviews_button_border_style":"solid","widget_ugc_reviews_button_border_color":"#108474","widget_ugc_reviews_button_border_radius":"25","widget_ugc_reviews_button_link_to":"judgeme-reviews-page","widget_ugc_show_post_date":true,"widget_ugc_max_width":"800","widget_rating_metafield_value_type":true,"widget_primary_color":"#108474","widget_enable_secondary_color":false,"widget_secondary_color":"#edf5f5","widget_summary_average_rating_text":"{{ average_rating }} out of 5","widget_media_grid_title":"Customer photos \u0026 videos","widget_media_grid_see_more_text":"See more","widget_round_style":false,"widget_show_product_medals":false,"widget_verified_by_judgeme_text":"Verified by Judge.me","widget_show_store_medals":true,"widget_verified_by_judgeme_text_in_store_medals":"Verified by Judge.me","widget_media_field_exceed_quantity_message":"Sorry, we can only accept {{ max_media }} for one review.","widget_media_field_exceed_limit_message":"{{ file_name }} is too large, please select a {{ media_type }} less than {{ size_limit }}MB.","widget_review_submitted_text":"Review Submitted!","widget_question_submitted_text":"Question Submitted!","widget_close_form_text_question":"Cancel","widget_write_your_answer_here_text":"Write your answer here","widget_enabled_branded_link":true,"widget_show_collected_by_judgeme":false,"widget_reviewer_name_color":"","widget_write_review_text_color":"","widget_write_review_bg_color":"","widget_collected_by_judgeme_text":"collected by Judge.me","widget_pagination_type":"standard","widget_load_more_text":"Load More","widget_load_more_color":"#108474","widget_full_review_text":"Full Review","widget_read_more_reviews_text":"Read More Reviews","widget_read_questions_text":"Read Questions","widget_questions_and_answers_text":"Questions \u0026 Answers","widget_verified_by_text":"Verified by","widget_verified_text":"Verified","widget_number_of_reviews_text":"{{ number_of_reviews }} reviews","widget_back_button_text":"Back","widget_next_button_text":"Next","widget_custom_forms_filter_button":"Filters","custom_forms_style":"horizontal","widget_show_review_information":false,"how_reviews_are_collected":"How reviews are collected?","widget_show_review_keywords":false,"widget_gdpr_statement":"How we use your data: We'll only contact you about the review you left, and only if necessary. By submitting your review, you agree to Judge.me's \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms\u003c/a\u003e, \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy\u003c/a\u003e and \u003ca href='https://judge.me/content-policy' target='_blank' rel='nofollow noopener'\u003econtent\u003c/a\u003e policies.","widget_multilingual_sorting_enabled":false,"widget_translate_review_content_enabled":false,"widget_translate_review_content_method":"manual","popup_widget_review_selection":"automatically_with_pictures","popup_widget_round_border_style":true,"popup_widget_show_title":true,"popup_widget_show_body":true,"popup_widget_show_reviewer":false,"popup_widget_show_product":true,"popup_widget_show_pictures":true,"popup_widget_use_review_picture":true,"popup_widget_show_on_home_page":true,"popup_widget_show_on_product_page":true,"popup_widget_show_on_collection_page":true,"popup_widget_show_on_cart_page":true,"popup_widget_position":"bottom_left","popup_widget_first_review_delay":5,"popup_widget_duration":5,"popup_widget_interval":5,"popup_widget_review_count":5,"popup_widget_hide_on_mobile":true,"review_snippet_widget_round_border_style":true,"review_snippet_widget_card_color":"#FFFFFF","review_snippet_widget_text_color":"#000000","review_snippet_widget_lighter_text_color":"#7B7B7B","review_snippet_widget_slider_arrows_background_color":"#FFFFFF","review_snippet_widget_slider_arrows_color":"#000000","review_snippet_widget_star_color":"#108474","show_product_variant":false,"all_reviews_product_variant_label_text":"Variant: ","widget_show_verified_branding":true,"widget_ai_summary_title":"Customers say","widget_ai_summary_disclaimer":"AI-powered review summary based on recent customer reviews","widget_show_ai_summary":false,"widget_show_ai_summary_bg":false,"write_review_button_visibility":"everyone","store_summary_widget_heading":"Customers rate this store","store_summary_widget_button_text":"View customer reviews","store_summary_widget_button_theme_text":"See AI reviews summary","widget_show_review_title_input":false,"widget_autofill_review_title":true,"redirect_reviewers_invited_via_email":"external_form","request_store_review_after_product_review":true,"request_review_other_products_in_order":true,"review_form_color_scheme":"default","review_form_corner_style":"square","review_form_star_color":"#108474","review_form_text_color":"#333333","review_form_background_color":"#ffffff","review_form_field_background_color":"#fafafa","review_form_button_color":"#108474","review_form_button_text_color":"#ffffff","review_form_modal_overlay_color":"#000000","review_form_theme":"multi_step","review_form_location":"in_store_popup","review_form_external_page_background_color":"#C5F7F0","review_content_screen_title_text":"How would you rate this product?","review_content_introduction_text":"We would love it if you would share a bit about your experience.","store_review_form_title_text":"How would you rate this store?","store_review_form_introduction_text":"We would love it if you would share a bit about your experience.","show_review_guidance_text":true,"one_star_review_guidance_text":"Poor","five_star_review_guidance_text":"Great","customer_information_screen_title_text":"About you","customer_information_introduction_text":"Please tell us more about you.","custom_questions_screen_title_text":"Your experience in more detail","custom_questions_introduction_text":"Here are a few questions to help us understand more about your experience.","review_submitted_screen_title_text":"Thanks for your review!","review_submitted_screen_thank_you_text":"We are processing it and it will appear on the store soon.","review_submitted_screen_email_verification_text":"Please confirm your email by clicking the link we just sent you. This helps us keep reviews authentic.","confirm_email_screen_title_text":"Confirm your email","confirm_email_screen_message_text":"To help keep reviews authentic, we'll send you a secure link to continue writing your review. It only takes a moment.","check_email_screen_title_text":"Check your email","check_email_screen_message_text":"We sent you an email to {{ email }}. Click the button on the email to continue.","check_email_screen_resend_message_text":"Email resent!","check_email_resend_hint_text":"Didn't get the email? Check your spam folder or [resend the email].","verification_email_rate_limit_error_text":"You've reached the limit for review attempts on this product. Please check your inbox or try again later.","review_submitted_request_store_review_text":"Would you like to share your experience of shopping with us?","review_submitted_review_other_products_text":"Would you like to review these products?","store_review_screen_title_text":"Would you like to share your experience of shopping with us?","store_review_introduction_text":"We value your feedback and use it to improve. Please share any thoughts or suggestions you have.","reviewer_media_screen_title_picture_text":"Share a picture","reviewer_media_introduction_picture_text":"Upload a photo to support your review.","reviewer_media_screen_title_video_text":"Share a video","reviewer_media_introduction_video_text":"Upload a video to support your review.","reviewer_media_screen_title_picture_or_video_text":"Share a picture or video","reviewer_media_introduction_picture_or_video_text":"Upload a photo or video to support your review.","reviewer_media_
1494youtube_url_text":"Paste your Youtube URL here","advanced_settings_next_step_button_text":"Next","advanced_settings_close_review_button_text":"Close","modal_write_review_flow":true,"write_review_flow_required_text":"Required","write_review_flow_privacy_message_text":"We respect your privacy.","write_review_flow_anonymous_text":"Post review as anonymous","write_review_flow_visibility_text":"This won't be visible to other customers.","write_review_flow_multiple_selection_help_text":"Select as many as you like","write_review_flow_single_selection_help_text":"Select one option","write_review_flow_required_field_error_text":"This field is required","write_review_flow_invalid_email_error_text":"Please enter a valid email address","write_review_flow_max_length_error_text":"Max. {{ max_length }} characters.","write_review_flow_media_upload_text":"\u003cb\u003eClick to upload\u003c/b\u003e or drag and drop","write_review_flow_gdpr_statement":"We'll only contact you about your review if necessary. By submitting your review, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","rating_only_reviews_enabled":false,"show_negative_reviews_help_screen":false,"new_review_flow_help_screen_rating_threshold":3,"negative_review_resolution_screen_title_text":"Tell us more","negative_review_resolution_text":"Your experience matters to us. If there were issues with your purchase, we're here to help. Feel free to reach out to us, we'd love the opportunity to make things right.","negative_review_resolution_button_text":"Contact us","negative_review_resolution_proceed_with_review_text":"Leave a review","negative_review_resolution_subject":"Issue with purchase from {{ shop_name }}.{{ order_name }}","coupon_promo_intro_any_review_text":"Write a review and get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_photo_text":"Write a review and add a photo or video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_with_video_text":"Write a review and add a video to get a coupon for {{ amount }} off your next purchase","coupon_promo_intro_up_to_any_review_text":"Write a review and get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_up_to_with_photo_text":"Write a review and add a photo or video to get a coupon for up to {{ amount }} off your next purchase","coupon_promo_intro_external_text":"Write a review and get a reward for your next purchase","coupon_promo_intro_external_with_photo_text":"Write a review and add a photo or video to get a reward for your next purchase","coupon_promo_intro_external_with_video_text":"Write a review and add a video to get a reward for your next purchase","coupon_promo_media_photo_text":"Add a photo or video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_photo_only_text":"Add a photo and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_video_text":"Add a video and get a coupon for {{ amount }} off your next purchase","coupon_promo_media_external_photo_text":"Add a photo or video and get a reward for your next purchase","coupon_promo_media_external_photo_only_text":"Add a photo and get a reward for your next purchase","coupon_promo_media_external_video_text":"Add a video and get a reward for your next purchase","coupon_promo_success_text":"You've got a coupon for your next purchase at {{ shop_name }}!","coupon_promo_success_subtext":"You'll receive your coupon email within the hour.","preview_badge_collection_page_install_status":false,"widget_review_custom_css":"","preview_badge_custom_css":"","preview_badge_stars_count":"5-stars","featured_carousel_custom_css":"","floating_tab_custom_css":"","all_reviews_widget_custom_css":"","medals_widget_custom_css":"","verified_badge_custom_css":"","all_reviews_text_custom_css":"","transparency_badges_collected_via_store_invite":false,"transparency_badges_from_another_provider":false,"transparency_badges_collected_from_store_visitor":false,"transparency_badges_collected_by_verified_review_provider":true,"transparency_badges_earned_reward":false,"transparency_badges_collected_via_store_invite_text":"Review collected via store invitation","transparency_badges_from_another_provider_text":"Review collected from another provider","transparency_badges_collected_from_store_visitor_text":"Review collected from a store visitor","transparency_badges_written_in_google_text":"Review written in Google","transparency_badges_written_in_etsy_text":"Review written in Etsy","transparency_badges_written_in_shop_app_text":"Review written in Shop App","transparency_badges_earned_reward_text":"Review earned a reward for future purchase","product_review_widget_per_page":10,"widget_other_languages_reviews_per_page":3,"widget_store_review_label_text":"Review about the store","widget_cart_mode_aggregate_heading_text":"Customers rate this store","checkout_comment_extension_title_on_product_page":"Customer Comments","checkout_comment_extension_num_latest_comment_show":5,"checkout_comment_extension_format":"name_and_timestamp","checkout_comment_customer_name":"last_initial","checkout_comment_comment_notification":true,"preview_badge_collection_page_install_preference":false,"preview_badge_home_page_install_preference":false,"preview_badge_product_page_install_preference":false,"review_widget_install_preference":"","review_carousel_install_preference":false,"floating_reviews_tab_install_preference":"none","verified_reviews_count_badge_install_preference":false,"all_reviews_text_install_preference":false,"review_widget_best_location":false,"judgeme_medals_install_preference":false,"review_widget_revamp_enabled":true,"review_widget_qna_enabled":false,"review_widget_revamp_dual_publish_end_date":"2026-05-01T07:24:49.000+00:00","review_widget_header_theme":"minimal","review_widget_widget_title_enabled":true,"review_widget_header_text_size":"medium","review_widget_header_text_weight":"regular","review_widget_average_rating_style":"compact","review_widget_bar_chart_enabled":true,"review_widget_bar_chart_type":"numbers","review_widget_bar_chart_style":"standard","review_widget_expanded_media_gallery_enabled":false,"review_widget_show_review_highlights":false,"review_widget_show_review_keywords_in_gray":false,"review_widget_reviews_section_theme":"standard","review_widget_image_style":"thumbnails","review_widget_review_image_ratio":"square","review_widget_stars_size":"medium","review_widget_verified_badge":"standard_text","review_widget_review_title_text_size":"medium","review_widget_review_text_size":"medium","review_widget_review_text_length":"medium","review_widget_number_of_columns_desktop":3,"review_widget_carousel_transition_speed":5,"review_widget_custom_questions_answers_display":"always","review_widget_card_section_size":"small","review_widget_star_and_histogram_color":"#000000","review_widget_button_color":"#000000","review_widget_button_text_color":"#FFFFFF","review_widget_text_color":"#000000","review_widget_lighter_text_color":"#7B7B7B","review_widget_corner_styling":"soft","review_widget_review_word_singular":"review","review_widget_review_word_plural"
1494:"reviews","review_widget_voting_label":"Helpful?","review_widget_shop_reply_label":"Reply from {{ shop_name }}:","review_widget_filters_title":"Filters","review_widget_filter_rating_title":"Rating","review_widget_filter_keyword_title":"Keyword","review_widget_clear_filters_text":"Clear filters","review_widget_expand_more_text":"More","review_widget_review_highlights_title":"Review highlights","qna_widget_question_word_singular":"Question","qna_widget_question_word_plural":"Questions","qna_widget_answer_reply_label":"Answer from {{ answerer_name }}:","qna_content_screen_title_text":"Ask a question about this product","qna_widget_question_required_field_error_text":"Please enter your question.","qna_widget_flow_gdpr_statement":"We'll only contact you about your question if necessary. By submitting your question, you agree to our \u003ca href='https://judge.me/terms' target='_blank' rel='nofollow noopener'\u003eterms and conditions\u003c/a\u003e and \u003ca href='https://judge.me/privacy' target='_blank' rel='nofollow noopener'\u003eprivacy policy\u003c/a\u003e.","qna_widget_question_submitted_text":"Thanks for your question!","qna_widget_close_form_text_question":"Close","qna_widget_question_submit_success_text":"We’ll notify you by email when your question is answered.","all_reviews_widget_v2025_enabled":false,"all_reviews_widget_v2025_header_theme":"default","all_reviews_widget_v2025_widget_title_enabled":true,"all_reviews_widget_v2025_header_text_size":"medium","all_reviews_widget_v2025_header_text_weight":"regular","all_reviews_widget_v2025_average_rating_style":"compact","all_reviews_widget_v2025_bar_chart_enabled":true,"all_reviews_widget_v2025_bar_chart_type":"numbers","all_reviews_widget_v2025_bar_chart_style":"standard","all_reviews_widget_v2025_expanded_media_gallery_enabled":false,"all_reviews_widget_v2025_show_store_medals":true,"all_reviews_widget_v2025_show_photo_gallery":true,"all_reviews_widget_v2025_show_review_keywords":false,"all_reviews_widget_v2025_show_ai_summary":false,"all_reviews_widget_v2025_show_ai_summary_bg":false,"all_reviews_widget_v2025_show_review_highlights":false,"all_reviews_widget_v2025_show_review_keywords_in_gray":false,"all_reviews_widget_v2025_add_search_bar":false,"all_reviews_widget_v2025_default_sort_method":"most-recent","all_reviews_widget_v2025_reviews_per_page":10,"all_reviews_widget_v2025_reviews_section_theme":"default","all_reviews_widget_v2025_image_style":"thumbnails","all_reviews_widget_v2025_review_image_ratio":"square","all_reviews_widget_v2025_stars_size":"medium","all_reviews_widget_v2025_verified_badge":"standard_text","all_reviews_widget_v2025_review_title_text_size":"medium","all_reviews_widget_v2025_review_text_size":"medium","all_reviews_widget_v2025_review_text_length":"medium","all_reviews_widget_v2025_number_of_columns_desktop":3,"all_reviews_widget_v2025_carousel_transition_speed":5,"all_reviews_widget_v2025_custom_questions_answers_display":"always","all_reviews_widget_v2025_review_dates":false,"all_reviews_widget_v2025_card_section_size":"small","all_reviews_widget_v2025_show_product_variant":false,"all_reviews_widget_v2025_show_reviewer_avatar":true,"all_reviews_widget_v2025_reviewer_name_as_initial":"","all_reviews_widget_v2025_review_location_show":false,"all_reviews_widget_v2025_location_format":"","all_reviews_widget_v2025_show_country_flag":false,"all_reviews_widget_v2025_widget_thumb":false,"all_reviews_widget_v2025_verified_by_shop_badge_style":"light","all_reviews_widget_v2025_social_share":false,"all_reviews_widget_v2025_social_share_options_order":"Facebook,Twitter,LinkedIn,Pinterest","all_reviews_widget_v2025_pagination_type":"standard","all_reviews_widget_v2025_button_text_color":"#FFFFFF","all_reviews_widget_v2025_text_color":"#000000","all_reviews_widget_v2025_lighter_text_color":"#7B7B7B","all_reviews_widget_v2025_corner_styling":"soft","all_reviews_widget_v2025_title":"Customer reviews","all_reviews_widget_v2025_ai_summary_title":"Customers say about this store","all_reviews_widget_v2025_no_review_text":"Be the first to write a review","all_reviews_widget_v2025_review_highlights_title":"Review highlights","reviews_grid_widget_show_sample_reviews":false,"reviews_grid_widget_review_selection":"all","reviews_grid_widget_select_products":[],"reviews_grid_widget_show_media_only":false,"reviews_grid_widget_display_order":"media_first","reviews_grid_widget_card_grouping":"per_media","reviews_grid_widget_columns_desktop":3,"reviews_grid_widget_rows_desktop":3,"reviews_grid_widget_columns_mobile":2,"reviews_grid_widget_rows_mobile":6,"reviews_grid_widget_show_stars":true,"reviews_grid_widget_show_reviewer_name":true,"reviews_grid_widget_show_review_title_on_hover_desktop":true,"reviews_grid_widget_corner_styling":"soft","reviews_grid_widget_card_spacing":"medium","reviews_grid_widget_header_text_color":"#000000","reviews_grid_widget_star_and_reviewer_name_color":"#F9F9F9","reviews_grid_widget_overlay_and_background_color":"#000000","reviews_grid_widget_content_color":"#F9F9F9","reviews_grid_widget_header_text":"From our customers","reviews_grid_widget_show_average_rating":true,"trust_badge_enabled":false,"trust_badge_structure":"outline","trust_badge_color":"black","trust_badge_star":"black","trust_badge_rating_display_default":"show_avg_text","platform":"shopify","branding_url":"https://app.judge.me/reviews","branding_text":"Powered by Judge.me","locale":"en","reply_name":"BLOOMIN8","shop_currency":"USD","widget_version":"3.0","footer":true,"autopublish":false,"review_dates":true,"enable_custom_form":false,"shop_locale":"en","enable_multi_locales_translations":false,"show_review_title_input":false,"autofill_review_title":true,"review_verification_email_status":"always","require_verification_before_submit":false,"sign_in_with_
1494shop_enabled":false,"customer_account_validation_enabled":true,"most_relevant_sort_enabled":false,"coupon_promo_invited_eligible":true,"coupon_promo_web_eligible":false,"uses_coupon_integration":false,"uses_external_coupon":false,"can_be_branded":false,"rtl_stars_enabled_ar":true,"rtl_stars_enabled_he":true,"reply_name_text":"BLOOMIN8"};</script>
1494 <style class='jdgm-settings-style'>.jdgm-xx{left:0}:root{--jdgm-primary-color: #108474;--jdgm-secondary-color: rgba(16,132,116,0.1);--jdgm-star-color: #000;--jdgm-write-review-text-color: white;--jdgm-write-review-bg-color: #108474;--jdgm-paginate-color: #108474;--jdgm-border-radius: 0;--jdgm-reviewer-name-color: #108474}.jdgm-histogram__bar-content{background-color:#108474}.jdgm-rev[data-verified-buyer=true] .jdgm-rev__icon.jdgm-rev__icon:after,.jdgm-rev__buyer-badge.jdgm-rev__buyer-badge{color:white;background-color:#108474}.jdgm-review-widget--small .jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}@media only screen and (min-width: 768px){.jdgm-gallery.jdgm-gallery .jdgm-gallery__thumbnail-link:nth-child(8) .jdgm-gallery__thumbnail-wrapper.jdgm-gallery__thumbnail-wrapper:before{content:"See more"}}.jdgm-preview-badge .jdgm-star.jdgm-star{color:#000000}.jdgm-prev-badge[data-average-rating='0.00']{display:none !important}.jdgm-author-all-initials{display:none !important}.jdgm-author-last-initial{display:none !important}.jdgm-rev-widg__title{visibility:hidden}.jdgm-rev-widg__summary-text{visibility:hidden}.jdgm-prev-badge__text{visibility:hidden}.jdgm-rev__prod-link-prefix:before{content:'about'}.jdgm-rev__variant-label:before{content:'Variant: '}.jdgm-rev__out-of-store-text:before{content:'(out of store)'}@media only screen and (min-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}@media only screen and (max-width: 768px){.jdgm-rev__pics .jdgm-rev_all-rev-page-picture-separator,.jdgm-rev__pics .jdgm-rev__product-picture{display:none}}.jdgm-preview-badge[data-template="product"]{display:none !important}.jdgm-preview-badge[data-template="collection"]{display:none !important}.jdgm-preview-badge[data-template="index"]{display:none !important}.jdgm-review-widget[data-from-snippet="true"]{display:none !important}.jdgm-verified-count-badget[data-from-snippet="true"]{display:none !important}.jdgm-carousel-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-all-reviews-text[data-from-snippet="true"]{display:none !important}.jdgm-medals-section[data-from-snippet="true"]{display:none !important}.jdgm-ugc-media-wrapper[data-from-snippet="true"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_via_store_invitation"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_another_provider"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_collected_from_store_visitor"]{display:none !important}.jdgm-rev__transparency-badge[data-badge-type="review_earned_for_future_purchase"]{display:none !important}.jdgm-review-snippet-widget{--jdgm-snippet-card-color: #fff;--jdgm-snippet-text-color: #000;--jdgm-snippet-lighter-text-color: #7B7B7B;--jdgm-snippet-star-color: #108474;--jdgm-snippet-border-radius: 8px;--jdgm-snippet-arrows-bg-color: #fff;--jdgm-snippet-arrows-color: #000}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card{border-radius:8px;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__cards-container .jdgm-rev-snippet-card__rev-rating .jdgm-star{color:#108474}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn{border-radius:50%;background:#fff}.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__prev-btn>svg,.jdgm-review-snippet-widget .jdgm-rev-snippet-widget__next-btn>svg{fill:#000}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jm-mfp-content,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__icon,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__pic-img,.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev__reply{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev[data-verified-buyer="true"] .jdgm-full-rev__icon::after{border-radius:8px}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-rev__buyer-badge{border-radius:calc( 8px / 2 )}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__replier::before{content:'BLOOMIN8'}.jdgm-full-rev-modal.rev-snippet-widget .jm-mfp-container .jdgm-full-rev .jdgm-full-rev__product-button{border-radius:calc( 8px * 6 )}
1495</style> <style class='jdgm-settings-style'></style>
1496
1497  
1498  
1499  
1500  <style class='jdgm-miracle-styles'>
1501  @-webkit-keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@keyframes jdgm-spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(359deg);-ms-transform:rotate(359deg);transform:rotate(359deg)}}@font-face{font-family:'JudgemeStar';src:url("data:application/x-font-woff;charset=utf-8;base64,d09GRgABAAAAAAScAA0AAAAABrAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAAABGRlRNAAAEgAAAABoAAAAcbyQ+3kdERUYAAARgAAAAHgAAACAAMwAGT1MvMgAAAZgAAABGAAAAVi+vS9xjbWFwAAAB8AAAAEAAAAFKwBMjvmdhc3AAAARYAAAACAAAAAj//wADZ2x5ZgAAAkAAAAEJAAABdH33LXtoZWFkAAABMAAAAC0AAAA2BroQKWhoZWEAAAFgAAAAHAAAACQD5QHQaG10eAAAAeAAAAAPAAAAFAYAAABsb2NhAAACMAAAAA4AAAAOAO4AeG1heHAAAAF8AAAAHAAAACAASgAvbmFtZQAAA0wAAADeAAABkorWfVZwb3N0AAAELAAAACkAAABEp3ubLXgBY2BkYADhPPP4OfH8Nl8ZuJkYQODS2fRrCPr/aSYGxq1ALgcDWBoAO60LkwAAAHgBY2BkYGDc+v80gx4TAwgASaAICmABAFB+Arl4AWNgZGBgYGPQYWBiAAIwyQgWc2AAAwAHVQB6eAFjYGRiYJzAwMrAwejDmMbAwOAOpb8ySDK0MDAwMbByMsCBAAMCBKS5pjA4PGB4wMR44P8BBj3GrQymQGFGkBwAjtgK
1501/gAAeAFjYoAAEA1jAwAAZAAHAHgB3crBCcAwDEPRZydkih567CDdf4ZskmLwFBV8xBfCaC4BXkOUmx4sU0h2ngNb9V0vQCxaRKIAevT7fGWuBrEAAAAAAAAAAAA0AHgAugAAeAF9z79Kw1AUx/FzTm7un6QmJtwmQ5Bg1abgEGr/BAqlU6Gju+Cgg1MkQ/sA7Vj7BOnmO/gUvo2Lo14NqIO6/IazfD8HEODtmQCfoANwNsyp2/GJt3WKQrd1NLiYYWx2PBqOsmJMEOznPOTzfSCrhAtbbLdmeFLJV9eKd63WLrZcIcuaEVdssWCKM6pLCfTVOYbz/0pNSMSZKLIZpvh78sAUH6PlMrreTCabP9r+Z/puPZ2ur/RqpQHgh+MIegCnXeM4MRAPjYN//5tj4ZtTjkFqEdmeMShlEJ7tVAly2TAkx6R68Fl4E/aVvn8JqHFQ4JS1434gXKcuL31dDhzs3YbsEOAd/IU88gAAAHgBfY4xTgMxEEVfkk0AgRCioKFxQYd2ZRtpixxgRU2RfhU5q5VWseQ4JdfgAJyBlmNwAM7ABRhZQ0ORwp7nr+eZAa54YwYg9zm3ynPOeFRe8MCrciXOh/KSS76UV5L/iDmrLiS5AeU519wrL3jmSbkS5115yR2fyivJv9kx0ZMZ2RLZw27q87iNQi8EBo5FSPIMw3HqBboi5lKTGAGDp8FKXWP+t9TU01Lj5His1Ba6uM9dTEMwvrFmbf5GC/q2drW3ruXUhhsCiQOjznFlCzYhHUZp4xp76vsvQh89CQAAeAFjYGJABowM6IANLMrEyMTIzMjCXpyRWJBqZshWXJJYBKOMAFHFBucAAAAAAAAB//8AAngBY2BkYGDgA2IJBhBgAvKZGViBJAuYxwAABJsAOgAAeAFjYGBgZACCk535hiD60tn0azAaAEqpB6wAAA==") format("woff");font-weight:normal;font-style:normal}.jdgm-star{font-family:'JudgemeStar';display:inline !important;text-decoration:none !important;padding:0 4px 0 0 !important;margin:0 !important;font-weight:bold;opacity:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.jdgm-star:hover{opacity:1}.jdgm-star:last-of-type{padding:0 !important}.jdgm-star.jdgm--on:before{content:"\e000"}.jdgm-star.jdgm--off:before{content:"\e001"}.jdgm-star.jdgm--half:before{content:"\e002"}.jdgm-widget *{margin:0;line-height:1.4;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-overflow-scrolling:touch}.jdgm-hidden{display:none !important;visibility:hidden !important}.jdgm-temp-hidden{display:none}.jdgm-spinner{width:40px;height:40px;margin:auto;border-radius:50%;border-top:2px solid #eee;border-right:2px solid #eee;border-bottom:2px solid #eee;border-left:2px solid #ccc;-webkit-animation:jdgm-spin 0.8s infinite linear;animation:jdgm-spin 0.8s infinite linear}.jdgm-spinner:empty{display:block}.jdgm-prev-badge{display:block !important}
1502
1503</style>
1504
1505
1506  
1507  
1508   
1509
1510
1511
1512
1513<script data-cfasync='false' class='jdgm-script'>
1514!function(e){window.jdgm=window.jdgm||{};
1515/* INF-1976 */
1516var _jdgmBlocked=function(){var raw=(window.jdgmSettings||{}).hostname_allowlist;var list=(raw==null?"":""+raw).split(/[\s,]+/).map(function(h){return h.trim().toLowerCase().replace(/\.$/,"");}).filter(function(h){return h;});if(!list.length)return false;var host=(e.location.hostname||"").toLowerCase().replace(/\.$/,"");if(/(^|\.)shopifypreview\.com$/.test(host))return false;var bare=host.replace(/^www\./,"");for(var i=0;i<list.length;i++){var en=list[i];if(en.indexOf("*.")===0){var b=en.slice(2);if(host===b||host.slice(-(b.length+1))==="."+b)return false;}else if(bare===en.replace(/^www\./,""))return false;}return true;}();
1517if(_jdgmBlocked){jdgm._loaderExecuted=true;jdgm._blocked=true;var _jdgmS=e.createElement("style");_jdgmS.textContent='[class^="jdgm-"],[class*=" jdgm-"]{display:none !important}';(e.head||e.documentElement).appendChild(_jdgmS);return;}
1518jdgm.CDN_HOST="https://cdnwidget.judge.me/",jdgm.CDN_HOST_ALT="https://cdn2.judge.me/cdn/widget_frontend/",jdgm.API_HOST="https://api.judge.me/",jdgm.CDN_BASE_URL="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/",jdgm.CDN_API_HOST="https://cdn.judge.me/",
1519jdgm.docReady=function(d){(e.attachEvent?"complete"===e.readyState:"loading"!==e.readyState)?
1520setTimeout(d,0):e.addEventListener("DOMContentLoaded",d)},jdgm.loadCSS=function(d,t,o,a){
1521!o&&jdgm.loadCSS.requestedUrls.indexOf(d)>=0||(jdgm.loadCSS.requestedUrls.push(d),
1522(a=e.createElement("link")).rel="stylesheet",a.class="jdgm-stylesheet",a.media="nope!",
1523a.href=d,a.onload=function(){this.media="all",t&&setTimeout(t)},e.body.appendChild(a))},
1524jdgm.loadCSS.requestedUrls=[],jdgm.loadJS=function(e,d){var t=new XMLHttpRequest;
1525t.onreadystatechange=function(){4===t.readyState&&t.status>=200&&t.status<300&&(Function(t.response)(),d&&d(t.response))},
1526t.open("GET",e),t.onerror=function(){if(e.indexOf(jdgm.CDN_HOST)===0&&jdgm.CDN_HOST_ALT!==jdgm.CDN_HOST){var f=e.replace(jdgm.CDN_HOST,jdgm.CDN_HOST_ALT);jdgm.loadJS(f,d)}},t.send()},jdgm.docReady((function(){(window.jdgmLoadCSS||e.querySelectorAll(
1527".jdgm-widget, .jdgm-all-reviews-page").length>0)&&(jdgmSettings.widget_load_with_code_splitting?
1528parseFloat(jdgmSettings.widget_version)>=3?jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_v3_base.css"):
1529jdgm.loadCSS(jdgm.CDN_BASE_URL+"widget_base.css"):jdgm.loadCSS(jdgm.CDN_BASE_URL+"shopify_v2.css")
1530)}))}(document);
1531</script>
1531
1532<noscript><link rel="stylesheet" type="text/css" media="all" href="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/shopify_v2.css"></noscript>
1533
1534<!-- BEGIN app snippet: theme_fix_tags -->
1534<script>
1535  (function() {
1536    var jdgmThemeFixes = null;
1537    if (!jdgmThemeFixes) return;
1538
1539    // "All themes" fix: CSS and JS applied on every theme. CSS is injected
1540    // before the per-theme fix so the theme-specific CSS wins the cascade.
1541    // HTML is never applied globally (too risky).
1542    var allThemesFix = jdgmThemeFixes['all'];
1543    if (allThemesFix && allThemesFix.css) {
1544      var allStyleTag = document.createElement('style');
1545      allStyleTag.classList.add('jdgm-theme-fix-style-all');
1546      allStyleTag.innerHTML = allThemesFix.css;
1547      document.head.append(allStyleTag);
1548    };
1549
1550    if (allThemesFix && allThemesFix.js) {
1551      var allScriptTag = document.createElement('script');
1552      allScriptTag.classList.add('jdgm-theme-fix-script-all');
1553      allScriptTag.innerHTML = allThemesFix.js;
1554      document.head.append(allScriptTag);
1555    };
1556
1557    var thisThemeFix = jdgmThemeFixes[Shopify.theme.id];
1558    if (!thisThemeFix) return;
1559
1560    if (thisThemeFix.html) {
1561      document.addEventListener("DOMContentLoaded", function() {
1562        var htmlDiv = document.createElement('div');
1563        htmlDiv.classList.add('jdgm-theme-fix-html');
1564        htmlDiv.innerHTML = thisThemeFix.html;
1565        document.body.append(htmlDiv);
1566      });
1567    };
1568
1569    if (thisThemeFix.css) {
1570      var styleTag = document.createElement('style');
1571      styleTag.classList.add('jdgm-theme-fix-style');
1572      styleTag.innerHTML = thisThemeFix.css;
1573      document.head.append(styleTag);
1574    };
1575
1576    if (thisThemeFix.js) {
1577      var scriptTag = document.createElement('script');
1578      scriptTag.classList.add('jdgm-theme-fix-script');
1579      scriptTag.innerHTML = thisThemeFix.js;
1580      document.head.append(scriptTag);
1581    };
1582  })();
1583</script>
1583
1584<!-- END app snippet -->
1585<!-- End of Judge.me Core -->
1586
1587
1588
1589<!-- END app block --><!-- BEGIN app block: shopify://apps/xcotton-guard/blocks/insurance/6531bb8b-340c-42d4-b5da-1734c7a2c524 -->
1590<script q="x" data-cmp-ab="2" data-cookieconsent="ignore" data-ot-ignore data-uc-allowed="true" data-ta-type="ignore">!function(){"use strict";function e(e,t){(null==t||t>e.length)&&(t=e.length);for(var r=0,n=Array(t);r<t;r++)n[r]=e[r];return n}function t(e,t,r,n,o,i,a){try{var s=e[i](a),c=s.value}catch(e){return void r(e)}s.done?t(c):Promise.resolve(c).then(n,o)}function r(e){return function(){var r=this,n=arguments;return new Promise(function(o,i){var a=e.apply(r,n);function s(e){t(a,o,i,s,c,"next",e)}function c(e){t(a,o,i,s,c,"throw",e)}s(void 0)})}}function n(t,r){var n="undefined"!=typeof Symbol&&t[Symbol.iterator]||t["@@iterator"];if(!n){if(Array.isArray(t)||(n=function(t,r){if(t){if("string"==typeof t)return e(t,r);var n={}.toString.call(t).slice(8,-1);return"Object"===n&&t.constructor&&(n=t.constructor.name),"Map"===n||"Set"===n?Array.from(t):"Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)?e(t,r):void 0}}(t))||r){n&&(t=n);var o=0,i=function(){};return{s:i,n:function(){return o>=t.length?{done:!0}:{done:!1,value:t[o++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,s=!0,c=!1;return{s:function(){n=n.call(t)},n:function(){var e=n.next();return s=e.done,e},e:function(e){c=!0,a=e},f:function(){try{s||null==n.return||n.return()}finally{if(c)throw a}}}}function o(e,t,r){return(t=function(e){var t=function(e,t){if("object"!=typeof e||!e)return e;var r=e[Symbol.toPrimitive];if(void 0!==r){var n=r.call(e,t);if("object"!=typeof n)return n;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===t?String:Number)(e)}(e,"string");return"symbol"==typeof t?t:t+""}(t))in e?Object.defineProperty(e,t,{value:r,enumerable:!0,configurable:!0,writable:!0}):e[t]=r,e}function i(e,t){var r=Object.keys(e);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(e);t&&(n=n.filter(function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable})),r.push.apply(r,n)}return r}function a(e){for(var t=1;t<arguments.length;t++){var r=null!=arguments[t]?arguments[t]:{};t%2?i(Object(r),!0).forEach(function(t){o(e,t,r[t])}):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(r)):i(Object(r)).forEach(function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(r,t))})}return e}function s(){var e,t,r="function"==typeof Symbol?Symbol:{},n=r.iterator||"@@iterator",o=r.toStringTag||"@@toStringTag";function i(r,n,o,i){var s=n&&n.prototype instanceof u?n:u,l=Object.create(s.prototype);return c(l,"_invoke",function(r,n,o){var i,s,c,u=0,l=o||[],p=!1,d={p:0,n:0,v:e,a:f,f:f.bind(e,4),d:function(t,r){return i=t,s=0,c=e,d.n=r,a}};function f(r,n){for(s=r,c=n,t=0;!p&&u&&!o&&t<l.length;t++){var o,i=l[t],f=d.p,h=i[2];r>3?(o=h===n)&&(c=i[(s=i[4])?5:(s=3,3)],i[4]=i[5]=e):i[0]<=f&&((o=r<2&&f<i[1])?(s=0,d.v=n,d.n=i[1]):f<h&&(o=r<3||i[0]>n||n>h)&&(i[4]=r,i[5]=n,d.n=h,s=0))}if(o||r>1)return a;throw p=!0,n}return function(o,l,h){if(u>1)throw TypeError("Generator is already running");for(p&&1===l&&f(l,h),s=l,c=h;(t=s<2?e:c)||!p;){i||(s?s<3?(s>1&&(d.n=-1),f(s,c)):d.n=c:d.v=c);try{if(u=2,i){if(s||(o="next"),t=i[o]){if(!(t=t.call(i,c)))throw TypeError("iterator result is not an object");if(!t.done)return t;c=t.value,s<2&&(s=0)}else 1===s&&(t=i.return)&&t.call(i),s<2&&(c=TypeError("The iterator does not provide a '"+o+"' method"),s=1);i=e}else if((t=(p=d.n<0)?c:r.call(n,d))!==a)break}catch(t){i=e,s=1,c=t}finally{u=1}}return{value:t,done:p}}}(r,o,i),!0),l}var a={};function u(){}function l(){}function p(){}t=Object.getPrototypeOf;var d=[][n]?t(t([][n]())):(c(t={},n,function(){return this}),t),f=p.prototype=u.prototype=Object.create(d);function h(e){return Object.setPrototypeOf?Object.setPrototypeOf(e,p):(e.__proto__=p,c(e,o,"GeneratorFunction")),e.prototype=Object.create(f),e}return l.prototype=p,c(f,"constructor",p),c(p,"constructor",l),l.displayName="GeneratorFunction",c(p,o,"GeneratorFunction"),c(f),c(f,o,"Generator"),c(f,n,function(){return this}),c(f,"toString",function(){return"[object Generator]"}),(s=function(){return{w:i,m:h}})()}function c(e,t,r,n){var o=Object.defineProperty;try{o({},"",{})}catch(e){o=0}c=function(e,t,r,n){function i(t,r){c(e,t,function(e){return this._invoke(t,r,e)})}t?o?o(e,t,{value:r,enumerable:!n,configurable:!n,writable:!n}):e[t]=r:(i("next",0),i("throw",1),i("return",2))},c(e,t,r,n)}try{window.__xcotton_r_i__=new function(e,t){var o,i,c,u=window.fetch,l=window.XMLHttpRequest,p=null==l||null===(o=l.prototype)||void 0===o?void 0:o.open,d=null==l||null===(i=l.prototype)||void 0===i?void 0:i.send,f=null==l||null===(c=l.prototype)||void 0===c?void 0:c.abort,h=Function.prototype.toString.call(l),y=/\[native code\]/.test(h)&&p&&d,b=this,v=!1;b.type=e||"external",b.debug=t||!1;var g=[];function m(e){if(!e||"string"!=typeof e||0===g.length)return[];var t;try{t=new URL(e,window.location.href)}catch(e){return[]}for(var r=t.href,n=t.pathname,o=t.search,i=[],a=0,s=g;a<s.length;a++){var c=s[a],u=c.paths,l=c.excludeParam;u&&u.length&&(l&&(r.includes(l)||o.includes(l))||u.some(function(e){if(!e||"string"!=typeof e)return!1;var o=e;try{var i=new URL(e),a=i.origin+i.pathname,s=t.origin+t.pathname;return o=a,s.startsWith(o)}catch(e){if(o.includes("*")){var c=new RegExp("^"+o.replace(/\*/g,".*")+"$");return c.test(n)||c.test(r)}return n.startsWith(o)||r.startsWith(o)}})&&i.push(c))}return b.debug&&i.length&&console.log("[XCRI] matchedInterceptors:",i,t),i}function _(e){return w.apply(this,arguments)}function w(){return(w=r(s().m(function e(t){var r,o,i,a,c,u,l,p,d,f,h,y,v;return s().w(function(e){for(;;)switch(e.p=e.n){case 0:if(r=t.interceptors,o=t.request,i=t.response,!o){e.n=11;break}a=n(r),e.p=1,a.s();case 2:if((c=a.n()).done){e.n=7;break}if(!(u=c.value).onRequest){e.n=6;break}return e.p=3,e.n=4,u.onRequest(o);case 4:e.n=6;break;case 5:e.p=5,f=e.v,b.debug&&console.warn("[XCRI] onRequest error:",f);case 6:e.n=2;break;case 7:e.n=9;break;case 8:e.p=8,h=e.v,a.e(h);case 9:return e.p=9,a.f(),e.f(9);case 10:e.n=21;break;case 11:if(!i){e.n=21;break}l=n(r),e.p=12,l.s();case 13:if((p=l.n()).done){e.n=18;break}if(!(d=p.value).onResponse){e.n=17;break}return e.p=14,e.n=15,d.onResponse(i);case 15:e.n=17;break;case 16:e.p=16,y=e.v,b.debug&&console.warn("[XCRI] onResponse error:",y);case 17:e.n=13;break;case 18:e.n=20;break;case 19:e.p=19,v=e.v,l.e(v);case 20:return e.p=20,l.f(),e.f(20);case 21:return e.a(2)}},e,null,[[14,16],[12,19,20,21],[3,5],[1,8,9,10]])}))).apply(this,arguments)}function R(){y?(l.prototype.open=function(e,t){for(var r,n=arguments.length,o=new Array(n>2?n-2:0),i=2;i<n;i++)o[i-2]=arguments[i];return this._method=e.toUpperCase(),this._url=t,this._async=null===(r=o[0])||void 0===r||r,this._aborted=!1,this._mode="prototype",this._interceptors=m(t),this._shouldIntercept=this._interceptors.length>0,b.debug&&this._shouldIntercept&&console.log("[XCRI] XHR MATCHED (".concat(this._interceptors.length,")"),this._mode,this._method,this._url),p.apply(this,arguments)},f&&(l.prototype.abort=function(){return this._aborted=!0,f.apply(this,arguments)}),l.prototype.send=function(){var e=r(s().m(function e(t){var r,n,o=this;return s().w(function(e){for(;;)switch(e.n){case 0:if(r=t,!this._shouldIntercept||!this._async){e.n=2;break}return n={type:"xhr",method:this._method,url:this._url,mode:this._mode,body:t,setBody:function(e){r=e,n.body=e}},e.n=1,_({interceptors:this._interceptors,request:n});case 1:f&&this.addEventListener("abort",function(){this._aborted=!0},{once:!0}),this._shouldIntercept&&this.addEventListener("readystatechange",function(){if(4===o.readyState&&!o._aborted){var e=null;try{e="json"===o.responseType?o.response:o.responseText}catch(e){b.debug&&console.warn("[XCRI] response clone error:",e)}var t={status:o.status||0,url:o._url,body:r,request:n,response:e};_({interceptors:o._interceptors,response:t})}});case 2:return e.a(2,d.call(this,r))}},e,this)}));return function(t){return e.apply(this,arguments)}}()):(window.XMLHttpRequest=function(){var e=new l,t=e.open,n=e.send,o=e.abort;return e.open=function(r,n){for(var o,i=arguments.length,a=new Array(i>2?i-2:0),s=2;s<i;s++)a[s-2]=arguments[s];return e._method=r.toUpperCase(),e._url=n,e._async=null===(o=a[0])||void 0===o||o,e._mode="instance",e._aborted=!1,e._interceptors=m(n),e._shouldIntercept=e._interceptors.length>0,b.debug&&e._shouldIntercept&&console.log("[XCRI] XHR MATCHED (".concat(e._interceptors.length,")"),e._mode,e._method,e._url),t.apply(e,arguments)},o&&(e.abort=function(){return e._aborted=!0,o.apply(e,arguments)}),e.send=function(){var t=r(s().m(function t(r){var i,a;return s().w(function(t){for(;;)switch(t.n){case 0:if(i=r,!e._shouldIntercept||!e._async){t.n=2;break}return a={type:"xhr",method:e._method,url:e._url,mode:e._mode,body:r,setBody:function(e){i=e,a.body=e}},t.n=1,_({interceptors:e._interceptors,request:a});case 1:o&&e.addEventListener("abort",function(){e._aborted=!0},{once:!0}),e.addEventListener("readystatechange",function(){if(4===e.readyState&&!e._aborted){var t=null;try{t="json"===e.responseType?e.response:e.responseText}catch(e){b.debug&&console.warn("[XCRI] response clone error:",e)}var r={status:e.status||0,url:e._url,body:i,request:a,response:t};_({interceptors:e._interceptors,response:r})}});case 2:return t.a(2,n.call(this,i))}},t,this)}));return function(e){return t.apply(this,arguments)}}(),e},window.XMLHttpRequest.prototype=l.prototype)}b.add=function(e){var t=e.type,r=e.paths,n=e.excludeParam,o=e.onRequest,i=e.onResponse;if(!r||!Array.isArray(r)||0===r.length)return function(){};var a={id:Symbol("interceptor"),type:t,paths:r,excludeParam:n,onRequest:o,onResponse:i};return g.push(a),b.debug&&console.log("[XCRI] Interceptor added:",{paths:r,excludeParam:n}),function(){var e=g.findIndex(function(e){return e.id===a.id});e>-1&&(g.splice(e,1),b.debug&&console.log("[XCRI] Interceptor removed"))}},b.install=function(){v||(R(),function(){if(u){var e=["method","headers","body","referrer","referrerPolicy","mode","credentials","cache","redirect","integrity","keepalive","signal","priority"];window.fetch=function(){var e=r(s().m(function e(r,n){var o,i,c,l,p,d,f,h,y,v,g,w,R,O,j,I=arguments;return s().w(function(e){for(;;)switch(e.p=e.n){case 0:if(c=r instanceof Request,l=c?r.url:r,(p=m(l)).length>0){e.n=1;break}return e.a(2,u.apply(window,I));case 1:return b.debug&&console.log("[XCRI] FETCH MATCHED (".concat(p.length,")"),l),d={type:"fetch",method:c?r.method:(null==n?void 0:n.method)||"GET",url:l,mode:c?"request":"direct",body:c?r.body:null!==(o=null==n?void 0:n.body)&&void 0!==o?o:null,signal:c?r.signal:null==n?void 0:n.signal,aborted:!1,setBody:function(e){return d.body=e}},null!==(i=d.signal)&&void 0!==i&&i.addEventListener&&d.signal.addEventListener("abort",function(){d.aborted=!0},{once:!0}),e.n=2,_({interceptors:p,request:d});case 2:return f=r,h=n,c?(y=t(r),void 0!==d.body&&null!==d.body&&(y.body=d.body),f=new Request
1590(d.url,y)):void 0!==d.body&&null!==d.body&&(h=a(a({},n||{}),{},{body:d.body})),v=c?[f]:[f,h],e.n=3,u.apply(window,v);case 3:if(g=e.v,d.aborted||g._xcProcessed){e.n=8;break}return g._xcProcessed=!0,w=null,e.p=4,R=g.clone(),e.n=5,R.text();case 5:w=e.v,e.n=7;break;case 6:e.p=6,j=e.v,b.debug&&console.warn("[XCRI] response clone error:",j);case 7:O={status:g.status||0,url:d.url,body:d.body,request:d,response:w},_({interceptors:p,response:O});case 8:return e.a(2,g)}},e,null,[[4,6]])}));return function(t,r){return e.apply(this,arguments)}}()}function t(t){var r={};return e.forEach(function(e){try{var n=t[e];null!=n&&(r[e]=n)}catch(e){}}),r}}(),v=!0,b.debug&&console.log("[XCRI] Interceptor installed"))},b.install()}("inline")}catch(e){}}();</script>
1590<link rel="preconnect" href="https://sslstaticus.xcottons.com">
1591<link rel="preconnect" href="https://seller.xcottons.com">
1592<script defer data-cmp-ab="2" data-cookieconsent="ignore" data-ot-ignore data-uc-allowed="true" data-ta-type="ignore" src="https://sslstaticus.xcottons.com/shopify-plugins/xmh-idc/calc/calc.v1-0-5.js"></script>
1592
1593
1594
1595<script defer data-cmp-ab="2" data-cookieconsent="ignore" data-ot-ignore data-uc-allowed="true" data-ta-type="ignore" src="https://sslstaticus.xcottons.com/shopify-plugins/xmh-idc/common/common.v1-0-24.js"></script>
vendor: 1 bytes, line 1595
1595
1596<script c="boot" data-cmp-ab="2" data-cookieconsent="ignore" data-ot-ignore data-uc-allowed="true" data-ta-type="ignore">
1597!function(){"use strict";function t(t,e,n){return(e=function(t){var e=function(t,e){if("object"!=typeof t||!t)return t;var n=t[Symbol.toPrimitive];if(void 0!==n){var o=n.call(t,e);if("object"!=typeof o)return o;throw new TypeError("@@toPrimitive must return a primitive value.")}return("string"===e?String:Number)(t)}(t,"string");return"symbol"==typeof e?e:e+""}(e))in t?Object.defineProperty(t,e,{value:n,enumerable:!0,configurable:!0,writable:!0}):t[e]=n,t}function e(t,e){var n=Object.keys(t);if(Object.getOwnPropertySymbols){var o=Object.getOwnPropertySymbols(t);e&&(o=o.filter(function(e){return Object.getOwnPropertyDescriptor(t,e).enumerable})),n.push.apply(n,o)}return n}function n(n){for(var o=1;o<arguments.length;o++){var r=null!=arguments[o]?arguments[o]:{};o%2?e(Object(r),!0).forEach(function(e){t(n,e,r[e])}):Object.getOwnPropertyDescriptors?Object.defineProperties(n,Object.getOwnPropertyDescriptors(r)):e(Object(r)).forEach(function(t){Object.defineProperty(n,t,Object.getOwnPropertyDescriptor(r,t))})}return n}function o(t,e){var n=e||location.href;if(!n)return"";try{var o=new URL(n,location.href);return o.searchParams.get(t)||new URLSearchParams(o.hash.split("?")[1]).get(t)||""}catch(e){var r=n.match(new RegExp("(\\?|#|&)"+t+"=([^&#]*)(&|#|$)"));return r?decodeURIComponent(r[2]):""}}var r=["utm_id","utm_source","utm_medium","utm_campaign","utm_source_platform","utm_term","utm_content","utm_creative_format","utm_marketing_tactic"];
1597var c="xcotton:customer";function a(t){return decodeURIComponent(t.replace(/\+/g,"%20"))}var i="quaikg-ev.myshopify.com";window.currentShopifyDomain=i;window.__xcotton_url__={baseUrl:"https://seller.xcottons.com",authPath:"/go/packageOpenApiWeb/plugins/calcFunc",staticUrl:"https://sslstaticus.xcottons.com",staticPath:"/shopify-plugins/xmh-idc/",currentShopifyDomain:i},window.__xcotton_init_d__={url:n({},window.__xcotton_url__),localization:{country:"US",currency:"USD",language:"en",market:{id:"94846681366",handle:"united-states"}},versions:{old:"",calc:"v1-0-5",common:"v1-0-24",custom:""},config_mode:"",use_jquery:"true",is_theme_design_mode:"false",customer:{id:"",email:a(""),name:a(""),orders_count:Number("0"),total_spent:Number("0"),b2b:!1,current_company:{id:"",name:a(""),external_id:a("")},tags:function(t){try{return JSON.parse(a(t))||[]}catch(t){return[]}}("null")}},function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.url,n=t.storage,c=t.now,a=function(t){var e={};return r.forEach(function(n){var r=o(n,t);r&&(e[n]=r)}),Object.keys(e).length>0?e:null}(e);!!a&&function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{},n=e.storage,o=e.now,r=void 0===o?Date.now:o;try{var c=n||localStorage,a={version:1,clickedAtMs:r(),data:t};return c.setItem("xcotton:edm:v1",JSON.stringify(a)),!0}catch(t){return!1}}(a,{storage:n,now:c})}(),function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.customer,n=t.storage;try{var o=n||localStorage,r=void 0===e?(window.__xcotton_init_d__||{}).customer:e;return r&&r.id?o.setItem(c,JSON.stringify({id:r.id,email:"string"==typeof r.email?r.email:"",name:"string"==typeof r.name?r.name:"",orders_count:Number.isFinite(r.orders_count)?r.orders_count:0,total_spent:Number.isFinite(r.total_spent)?r.total_spent:0,b2b:!0===r.b2b,current_company:r.current_company&&r.current_company.id?{id:r.current_company.id,name:"string"==typeof r.current_company.name?r.current_company.name:"",external_id:"string"==typeof r.current_company.external_id?r.current_company.external_id:""}:null,tags:Array.isArray(r.tags)?r.tags:[]})):o.removeItem(c),!0}catch(t){return!1}}();var s,u=window.__xcotton_init_d__||{},l=u.url,d=u.localization,m=u.versions,f=u.is_theme_design_mode,g=l||{},_=g.baseUrl,p=g.staticUrl,y=g.staticPath,v=g.currentShopifyDomain,h=d||{},b=h.country,w=h.currency,x=h.language,j=o("__xmh_debug__"),O=!!location.search&&"true"===o("previewMode",location.search),P=!0===(s=f)||"true"===s||O,E="[XC]",S=function(){for(var t,e=arguments.length,n=new Array(e),o=0;o<e;o++)n[o]=arguments[o];j>0&&(t=console).log.apply(t,[E].concat(n))},k=function(){for(var t,e=arguments.length,n=new Array(e),o=0;o<e;o++)n[o]=arguments[o];(t=console).warn.apply(t,[E].concat(n))},A={modules:{},config:null,liquidVers:m||{},targetVers:{},cdnBase:p&&y?"".concat(p).concat(y):""},V="pending",C="loading",T="executed",D="skipped",N="discarded",U=["calc","custom","common"],I={register:function(t,e,n){if("function"==typeof n){var o=A.targetVers[t];if(o&&e!==o)k("Ignored registration: ".concat(t,"@").concat(e,", expecting ").concat(o));else{var r=A.modules[t];r&&r.status===T||(A.modules[t]={version:e,factory:n,status:V},this.check())}}else k("Invalid factory for ".concat(t,"@").concat(e))},check:function(){var t=this;A.config&&U.forEach(function(e){var n=A.modules[e];if(n&&n.status===V){var o=A.targetVers[e];if(o){if(n.version!==o)return k("Version mismatch: ".concat(e,"@").concat(n.version," -> ").concat(o)),void(n.status=N);if("common"!==e||t.isModuleExecuted("calc")&&t.isModuleExecuted("custom"))try{n.factory(A.config),n.status=T,S("Executed: ".concat(e,"@").concat(n.version))}catch(t){k("Execution failed: ".concat(e),t),n.status=N}}else n.status=D}})},isModuleExecuted:function(t){if(!A.targetVers[t])return!0;var e=A.modules[t];return e&&(e.status===T||e.status===D)},loadScript:function(t,e){var n=A.modules[t];if(!n||n.status===V){n?n.status=C:A.modules[t]={version:e,factory:null,status:C},S("Loading: ".concat(t,"@").concat(e));var o="custom"===t||"calc"===t&&e&&e.startsWith("c")?".".concat(v):"";!function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{},e=t.src,n=t.onload,o=t.onerror;if(e){var r=document.createElement("script");!function(t){t&&"function"==typeof t.setAttribute&&(t.setAttribute("data-cmp-ab","2"),t.setAttribute("data-cookieconsent","ignore"),t.setAttribute("data-ot-ignore",""),t.setAttribute("data-uc-allowed","true"),t.setAttribute("data-ta-type","ignore"))}(r),r.src=e,r.type="text/javascript","function"==typeof n&&(r.onload=n),"function"==typeof o&&(r.onerror=o),r.async=!0,document.head.appendChild(r)}}({src:"".concat(A.cdnBase).concat(t,"/").concat(t,".").concat(e).concat(o,".js"),onerror:function(){k("Load failed: ".concat(t,"@").concat(e)),A.modules[t]&&(A.modules[t].status=N)}})}},processConfig:function(t){var e=this;if(t&&t.versions){A.config=t;var o=j>0,r=t.versions;
1597U.forEach(function(t){var e=r["".concat(t,"DebugVersion")],n=r["".concat(t,"Version")],c=A.liquidVers[t];A.targetVers[t]=o?e||"":n||c||""}),S("Target versions:",n({},A.targetVers)),U.forEach(function(t){var n=A.targetVers[t],o=A.liquidVers[t];!n||o&&n===o||e.loadScript(t,n)}),this.check()}else k("Invalid config: missing versions")},loadConfig:function(){var t=this,e="".concat(_,"/go/xmhCustomerApiWeb/config/getShopAllConfig"),n={shopDomain:v,country:b,currency:w,language:x,debugParam:j};P&&(n.previewMode=!0);var o=0,r=function(){var c=new AbortController,a=setTimeout(function(){return c.abort()},1e4);fetch(e,{method:"POST",headers:{"Content-Type":"application/json"},body:JSON.stringify(n),signal:c.signal}).then(function(t){if(!t.ok)throw new Error("HTTP ".concat(t.status));return t.json()}).then(function(e){0===e.code&&e.data?t.processConfig(e.data):k("fetch config error:",e.msg||"Unknown error")}).catch(function(t){("AbortError"===t.name||"TypeError"===t.name||t.message.includes("Failed to fetch")||t.message.includes("NetworkError")||t.message.startsWith("HTTP 5"))&&++o<3?(k("Fetch error (".concat(t.name,"), retry ").concat(o,"/3")),setTimeout(r,1e3)):k("fetch config failed:",t.message)}).finally(function(){return clearTimeout(a)})};r()}};window.__xcotton_define=I.register.bind(I),I.loadConfig()}();
1598</script>
1598
1599<!-- END app block --><!-- BEGIN app block: shopify://apps/microsoft-clarity/blocks/clarity_js/31c3d126-8116-4b4a-8ba1-baeda7c4aeea -->
1600<script type="text/javascript">
1601  (function (c, l, a, r, i, t, y) {
1602    c[a] = c[a] || function () { (c[a].q = c[a].q || []).push(arguments); };
1603    t = l.createElement(r); t.async = 1; t.src = "https://www.clarity.ms/tag/" + i + "?ref=shopify";
1604    y = l.getElementsByTagName(r)[0]; y.parentNode.insertBefore(t, y);
1605
1606    c.Shopify.loadFeatures([{ name: "consent-tracking-api", version: "0.1" }], error => {
1607      if (error) {
1608        console.error("Error loading Shopify features:", error);
1609        return;
1610      }
1611
1612      c[a]('consentv2', {
1613        ad_Storage: c.Shopify.customerPrivacy.marketingAllowed() ? "granted" : "denied",
1614        analytics_Storage: c.Shopify.customerPrivacy.analyticsProcessingAllowed() ? "granted" : "denied",
1615        source: 101,
1616      });
1617    });
1618
1619    l.addEventListener("visitorConsentCollected", function (e) {
1620      c[a]('consentv2', {
1621        ad_Storage: e.detail.marketingAllowed ? "granted" : "denied",
1622        analytics_Storage: e.detail.analyticsAllowed ? "granted" : "denied",
1623        source: 101,
1624      });
1625    });
1626  })(window, document, "clarity", "script", "w59j5a7cko");
1627</script>
1627
1628
1629
1630
1631<!-- END app block -->
1631<script src="https://cdn.shopify.com/extensions/01a0fd03-c455-7b82-9766-74101e55572c/judgeme-771/assets/loader.js" type="text/javascript" defer="defer"></script>
1631
1632<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1633<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: 91151302934,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};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 1633
1633
1634<script>
1635  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
1636</script>
vendor: 1 bytes, line 1636
1636
1637<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}
1637).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: 91151302934,storefrontBaseUrl: "https://bloomin8.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://bloomin8.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2523005206","configuration":"{\"shopId\":\"quaikg-ev.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"31536d5a2ef62c1887054e49fd58dba0","type":"APP","apiClientId":4845829,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
1637,"dataSharingState":"unrestricted"},{"id":"2485977366","configuration":"{\"webPixelName\":\"Judge.me\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"8acc938b1a30dc7624e304493ca567d7","type":"APP","apiClientId":683015,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2442494230","configuration":"{\"projectId\":\"w59j5a7cko\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"d8a2bb2ccbb513dc8e8b6937f4b8033e","type":"APP","apiClientId":240074326017,"privacyPurposes":[],"capabilities":["advanced_dom_events"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"2120253718","configuration":"{\"pixelCode\":\"CT4OLNJC77U8UQNPDR0G\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":[]},"dataSharingState":"optimized"},{"id":"1126596886","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-NB3GDMKFB3\\\",\\\"G-RCHTFFJ33R\\\",\\\"GT-MQDH8KRQ\\\"],\\\"target_country\\\":\\\"AU\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-NB3GDMKFB3\\\",\\\"AW-16798588925\\\/IJzRCI6aipgcEP2_mMo-\\\"]},{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-NB3GDMKFB3\\\",\\\"AW-16798588925\\\/hgepCNzOoZgcEP2_mMo-\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-NB3GDMKFB3\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-NB3GDMKFB3\\\",\\\"AW-16798588925\\\/ufY_CJeaipgcEP2_mMo-\\\",\\\"MC-TKF78HNQMQ\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-NB3GDMKFB3\\\"},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-NB3GDMKFB3\\\",\\\"AW-16798588925\\\/5TblCIuaipgcEP2_mMo-\\\",\\\"MC-TKF78HNQMQ\\\"]},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-NB3GDMKFB3\\\",\\\"AW-16798588925\\\/T4F9CJSaipgcEP2_mMo-\\\",\\\"MC-TKF78HNQMQ\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-NB3GDMKFB3\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-NB3GDMKFB3\\\",\\\"AW-16798588925\\\/3ZX7CN_OoZgcEP2_mMo-\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-NB3GDMKFB3\\\",\\\"AW-16798588925\\\/xmKtCJGaipgcEP2_mMo-\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-NB3GDMKFB3\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted","enabledFlags":["9a3ed68a"]},{"id":"1074921750","configuration":"{\"myshopifyDomain\":\"quaikg-ev.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"941654294","configuration":"{\"pixel_id\":\"599781352385228\",\"pixel_type\":\"facebook_pixel\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
1637,"dataSharingState":"unrestricted","enabledFlags":["9a3ed68a"]},{"id":"203325718","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"3","type":"CUSTOM","privacyPurposes":["ANALYTICS"],"name":"Google Tag Manager"},{"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":"BLOOMIN8","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"quaikg-ev.myshopify.com","countryCode":"AU","storefrontUrl":"https:\/\/bloomin8.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"10149353816342","handle":"bloomin8-eink-canvas","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50423582032150","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10166799106326","handle":"bloomin8-eink-canvas-large-28-5","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50445535117590","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"10312357773590","handle":"13-3-slim-modern-walnut-frame","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"50779151991062","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://bloomin8.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"188888580374","themePublished":"true","eventMetadataId":"3f1928c3-e1a9-4103-be18-a95c321aacf7","pageType":"home","shopId":"91151302934","storefrontBaseUrl":"https:\/\/bloomin8.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1637<script>
1638  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
1639  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
1640  window.ShopifyAnalytics.meta.currency = 'USD';
1641  var meta = {"page":{"pageType":"home","requestId":"639b6d5f-655b-4f71-a0ea-6736da00231a-1790955045"}};
1642  for (var attr in meta) {
1643    window.ShopifyAnalytics.meta[attr] = meta[attr];
1644  }
1645</script>
vendor: 1 bytes, line 1645
1645
1646<script class="analytics">
1647  (function () {
1648    var customDocumentWrite = function(content) {
1649      var jquery = null;
1650
1651      if (window.jQuery) {
1652        jquery = window.jQuery;
1653      } else if (window.Checkout && window.Checkout.$) {
1654        jquery = window.Checkout.$;
1655      }
1656
1657      if (jquery) {
1658        jquery('body').append(content);
1659      }
1660    };
1661
1662    var hasLoggedConversion = function(token) {
1663      if (token) {
1664        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
1665      }
1666      return false;
1667    }
1668
1669    var setCookieIfConversion = function(token) {
1670      if (token) {
1671        var twoMonthsFromNow = new Date(Date.now());
1672        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
1673
1674        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
1675      }
1676    }
1677
1678    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
1679    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
1680    if (trekkie.integrations) {
1681      return;
1682    }
1683    trekkie.methods = [
1684      'identify',
1685      'page',
1686      'ready',
1687      'track',
1688      'trackForm',
1689      'trackLink'
1690    ];
1691    trekkie.factory = function(method) {
1692      return function() {
1693        var args = Array.prototype.slice.call(arguments);
1694        args.unshift(method);
1695        trekkie.push(args);
1696        if (method == 'track' || method == 'page') {
1697          var pageUrl;
1698          try {
1699            pageUrl = window.location.href;
1700          } catch (e) {}
1701          var pageReferrer;
1702          try {
1703            pageReferrer = document.referrer;
1704          } catch (e) {}
1705          try {
1706            if (window.__TREKKIE_SHIM_QUEUE == null) {
1707              window.__TREKKIE_SHIM_QUEUE = [];
1708            }
1709            window.__TREKKIE_SHIM_QUEUE.push({
1710              from: 'trekkie-stub',
1711              method: method,
1712              args: args.slice(1),
1713              pageContext: {
1714                url: pageUrl,
1715                referrer: pageReferrer
1716              }
1717            });
1718          } catch (e) {
1719            // no-op
1720          }
1721        }
1722        return trekkie;
1723      };
1724    };
1725    for (var i = 0; i < trekkie.methods.length; i++) {
1726      var key = trekkie.methods[i];
1727      trekkie[key] = trekkie.factory(key);
1728    }
1729    trekkie.load = function(config) {
1730      trekkie.config = config || {};
1731      trekkie.config.initialDocumentCookie = document.cookie;
1732      var first = document.getElementsByTagName('script')[0];
1733var script = document.createElement('script');
1734script.type = 'text/javascript';
1735script.onerror = function(e) {
1736  var scriptFallback = document.createElement('script');
1737  scriptFallback.type = 'text/javascript';
1738  scriptFallback.onerror = function(error) {
1739          var Monorail = {
1740      produce: function produce(monorailDomain, schemaId, payload) {
1741        var currentMs = new Date().getTime();
1742        var event = {
1743          schema_id: schemaId,
1744          payload: payload,
1745          metadata: {
1746            event_created_at_ms: currentMs,
1747            event_sent_at_ms: currentMs
1748          }
1749        };
1750        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1751      },
1752      sendRequest: function sendRequest(endpointUrl, payload) {
1753        // Try the sendBeacon API
1754        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1755          var blobData = new window.Blob([payload], {
1756            type: 'text/plain'
1757          });
1758
1759          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1760            return true;
1761          } // sendBeacon was not successful
1762
1763        } // XHR beacon
1764
1765        var xhr = new XMLHttpRequest();
1766
1767        try {
1768          xhr.open('POST', endpointUrl);
1769          xhr.setRequestHeader('Content-Type', 'text/plain');
1770          xhr.send(payload);
1771        } catch (e) {
1772          console.log(e);
1773        }
1774
1775        return false;
1776      },
1777      isIos12: function isIos12() {
1778        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1779      }
1780    };
1781    Monorail.produce('monorail-edge.shopifysvc.com',
1782      'trekkie_storefront_load_errors/1.1',
1783      {shop_id: 91151302934,
1784      theme_id: 188888580374,
1785      app_name: "storefront",
1786      context_url: window.location.href,
1787      source_url: "//bloomin8.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1788
1789  };
1790  scriptFallback.async = true;
1791  scriptFallback.src = '//bloomin8.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1792  first.parentNode.insertBefore(scriptFallback, first);
1793};
1794script.async = true;
1795script.src = '//bloomin8.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1796first.parentNode.insertBefore(script, first);
1797
1798    };
1799    trekkie.load(
1800      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":91151302934,"isMerchantRequest":null,"themeId":188888580374,"themeCityHash":"10887491504338094175","contentLanguage":"en","currency":"USD","eventMetadataId":"3f1928c3-e1a9-4103-be18-a95c321aacf7"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1801    );
1802
1803    var loaded = false;
1804    trekkie.ready(function() {
1805      if (loaded) return;
1806      loaded = true;
1807
1808      window.ShopifyAnalytics.lib = window.trekkie;
1809
1810      var originalDocumentWrite = document.write;
1811      document.write = customDocumentWrite;
1812      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1813      document.write = originalDocumentWrite;
1814
1815      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1816      var token = match? match[1]: undefined;
1817      if (!hasLoggedConversion(token)) {
1818        setCookieIfConversion(token);
1819        
1820      }
1821    });
1822
1823    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"639b6d5f-655b-4f71-a0ea-6736da00231a-1790955045","shopifyEmitted":true});
1824
1825    var eventsListenerScript = document.createElement('script');
1826    eventsListenerScript.async = true;
1827    eventsListenerScript.src = "//bloomin8.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1828    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1829})();</script>
vendor: 1 bytes, line 1829
1829
1830<script
1831  defer
1832  src="https://bloomin8.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1833  data-application="storefront-renderer"
1834  data-shop-id="91151302934"
1835  data-render-region="gcp-us-central1"
1836  data-page-type="index"
1837  data-theme-instance-id="188888580374"
1838  data-theme-name="Atelier"
1839  data-theme-version="3.2.0"
1840  data-monorail-region="shop_domain"
1841  data-resource-timing-sampling-rate="10"
1842  data-shs="true"
1843  data-shs-beacon="true"
1844  data-shs-export-with-fetch="true"
1845  data-shs-logs-sample-rate="1"
1846  data-shs-beacon-endpoint="https://bloomin8.com/api/collect"
1847></script>
1847
1848<meta name="shopify-y" content="0dca5180-534a-4ca4-8050-b566868875a6" data-expiration="1822512645000"><meta name="shopify-s" content="708b6c39-20c0-4d10-ae5b-e33494cef78c" data-expiration="1790956845000"><meta name="new-cookie-storage-activated" content="t">
1849</head>
1850
1851  <body class="page-width-narrow card-hover-effect-lift">
1852    <a
1853  class="skip-to-content-link button-secondary"
1854  href="#MainContent"
1855>
1856  Skip to content
1857</a>
1858
1859    <div id="header-group">
1860      <!-- BEGIN sections: header-group -->
1861<header id="shopify-section-sections--27581132964118__header_section" class="shopify-section shopify-section-group-header-group header-section">
1862
1863
1864
1865<script type="application/ld+json">
1866  {
1867    "@context": "https://schema.org",
1868    "@type": "Organization",
1869    "name": "BLOOMIN8",
1870    "url": "https://bloomin8.com","logo": "https:\/\/bloomin8.com\/cdn\/shop\/files\/black_4c61cfe3-b387-405e-a453-567277be6612.png?v=1765963165\u0026width=500","description": "World's first colour E-Ink smart canvas. Paper-like, cord-free, designed to feel at home.",
1871    "foundingDate": "2023",
1872    "sameAs": [
1873      "https://www.instagram.com/bloomin8canvas/",
1874      "https://www.tiktok.com/@bloomin8canvas",
1875      "https://www.youtube.com/@bloomin8canvas",
1876      "https://www.facebook.com/bloomin8canvas",
1877      "https://www.pinterest.com/bloomin8canvas/",
1878      "https://twitter.com/bloomin8canvas"
1879    ],
1880    "contactPoint": {
1881      "@type": "ContactPoint",
1882      "email": "[email protected]",
1883      "contactType": "customer service",
1884      "url": "https://support.bloomin8.com"
1885    }
1886  }
1887</script>
1887
1888
1889<header-component
1890  id="header-component"
1891  class="header color-scheme-6"
1892  
1893    transparent="not-sticky"
1894  
1895  
1896    sticky="always"
1897  
1898  data-skip-node-update
1899  data-scroll-direction="none"
1900>
1901    
1902
1903    
1904
1905    
1906    
1907      <div
1908        class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width"
1909        ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;">
1910        <div class="header__columns spacing-style">
1911          <div
1912      class="header__column header__column--left"
1913      data-testid="header-top-left"
1914    >
1915      
1916        
1917          
1918              
1919
1920
1921
1922    <div
1923      class="header__drawer desktop:hidden"
1924      ref="headerDrawerContainer"
1925      
1926    >
1927      
1928
1929
1930
1931<script
1932  src="//bloomin8.com/cdn/shop/t/16/assets/header-drawer.js?v=160607022407653843031786105845"
1933  type="module"
1934  fetchpriority="low"
1935></script>
1935
1936
1937<header-drawer
1938  class="header-drawer header__drawer--mobile"
1939  style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;"
1940>
1941  <details
1942    id="Details-menu-drawer-container"
1943    data-skip-node-update="true"
1944    class="menu-drawer-container"
1945    ref="details"
1946    scroll-lock
1947  >
1948    <summary
1949      class="header__icon header__icon--menu header__icon--summary"
1950      aria-label="Menu"
1951      on:click="/toggle"
1952    >
1953      <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">
1954  <path d="M1 3.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1955  <path d="M1 10.5H13" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
1956</svg>
1957</span>
1958      <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">
1959  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1960  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1961</svg>
1962</span>
1963    </summary>
1964    <div
1965      data-header-drawer
1966      class="
1967        menu-drawer
1968        motion-reduce
1969        color-scheme-1
1970      "
1971    >
1972      <button
1973        class="button button-unstyled close-button menu-drawer__close-button"
1974        type="button"
1975        aria-label="Close"
1976        on:click="/close"
1977      >
1978        <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">
1979  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1980  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
1981</svg>
1982</span>
1983      </button>
1984      <nav
1985        class="menu-drawer__navigation"
1986        style="--menu-top-level-font-family: var(--font-primary--family);
1987--menu-top-level-font-size-desktop: var(--font-size--body-sm); --menu-top-level-font-style: var(--font-primary--style); --menu-top-level-font-weight: var(--font-primary--weight); --menu-top-level-font-case:uppercase;
1988
1989  --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height:
1990  var(--menu-font-2xl--line-height);
1991
1992--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
1993
1994--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:
1995var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case:
1996uppercase;
1997
1998    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
1999    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
2000    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
2001  
2002--menu-child-font-family: var(--font-primary--family); --menu-child-font-style:
2003var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:
2004uppercase;
2005
2006    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
2007    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
2008    var(--opacity-subdued-text));
2009  
2010
2011        "
2012      >
2013        <ul
2014          class="menu-drawer__menu has-submenu"
2015          role="list"
2016        >
2017            
2018            
2019
2020              
2021              
2022              
2023              <li
2024                style="--menu-drawer-animation-index: 1;"
2025                class="menu-drawer__list-item--flat"
2026              >
2027                
2028<a
2029                    id="HeaderDrawer-home"
2030                    href="/"
2031                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset menu-drawer__menu-item--active"
2032                    
2033                      aria-current="page"
2034                    
2035                  >
2036                    <span class="menu-drawer__menu-item-text wrap-text">Home</span>
2037                  </a>
2038                
2039              </li>
2040              
2041              
2042              
2043              <li
2044                style="--menu-drawer-animation-index: 2;"
2045                class="menu-drawer__list-item--flat"
2046              >
2047                
2048<a
2049                    id="HeaderDrawer-product"
2050                    href="/collections/all"
2051                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2052                    
2053                  >
2054                    <span class="menu-drawer__menu-item-text wrap-text">Product</span>
2055                  </a>
2056                  
2057                  <ul
2058                    class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--grid menu-drawer__menu--products"
2059                    role="list"
2060                    tabindex="-1"
2061                  >
2062                    
2063                      <li class="menu-drawer__section-label">
2064                        Main Products
2065                      </li>
2066                    
2067<li
2068                        class="menu-drawer__list-item menu-drawer__list-item--featured-main"
2069                        style="--menu-drawer-animation-index: 2;"
2070                      >
2071                        <a
2072                          href="/products/bloomin8-eink-canvas"
2073                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset menu-drawer__menu-item--featured-main"
2074                        >
2075                          
2076                            
2077
2078
2079  
2080    <img src="//bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&amp;width=800" alt="" srcset="//bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&amp;width=352 352w, //bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&amp;width=800 800w" width="800" height="1000" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
2081  
2082
2083
2084                          
2085                          <span class="menu-drawer__menu-item-text wrap-text">E-Ink Canvas 13.3&quot;</span>
2086                        </a>
2087                      </li><li
2088                        class="menu-drawer__list-item menu-drawer__list-item--featured-main"
2089                        style="--menu-drawer-animation-index: 2;"
2090                      >
2091                        <a
2092                          href="/products/bloomin8-eink-canvas-large-28-5"
2093                          class="menu-drawer__menu-item menu-drawer__menu-item--child menu-drawer__animated-element focus-inset menu-drawer__menu-item--featured-main"
2094                        >
2095                          
2096                            
2097
2098
2099  
2100    <img src="//bloomin8.com/cdn/shop/files/15.png?v=1768897614&amp;width=800" alt="" srcset="//bloomin8.com/cdn/shop/files/15.png?v=1768897614&amp;width=352 352w, //bloomin8.com/cdn/shop/files/15.png?v=1768897614&amp;width=800 800w" width="800" height="1000" loading="lazy" class="menu-drawer__link-image" sizes="auto, 400px">
2101  
2102
2103
2104                          
2105                          <span class="menu-drawer__menu-item-text wrap-text">E-Ink Canvas 28.5&quot;</span>
2106                        </a>
2107                      </li></ul>
2108                
2109              </li>
2110              
2111              
2112              
2113              <li
2114                style="--menu-drawer-animation-index: 3;"
2115                class="menu-drawer__list-item--flat"
2116              >
2117                
2118<accordion-custom open-by-default-on-mobile>
2119                    <details id="Details-menu-drawer-explore" open>
2120                      <summary
2121                        id="HeaderDrawer-explore"
2122                        class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2123                      >
2124                        <span class="menu-drawer__menu-item-text wrap-text">Explore</span>
2125                        <span class="svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
2126  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2127  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
2128</svg>
2129</span>
2130                      </summary>
2131                      <ul class="menu-drawer__menu menu-drawer__menu--childlist menu-drawer__menu--explore-grid menu-drawer__animated-element details-content" role="list" tabindex="-1">
2132                          <li class="menu-drawer__list-item menu-drawer__list-item--explore-card" style="--menu-drawer-animation-index: 1;">
2133                            <a href="/pages/explore-decor" class="menu-drawer__explore-card">
2134                              <span class="menu-drawer__explore-card-icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M3 10.5 12 3l9 7.5"/><path d="M5 9.5V20a1 1 0 0 0 1 1h4v-6h4v6h4a1 1 0 0 0 1-1V9.5"/></svg></span>
2135                              <span class="menu-drawer__explore-card-title">Decor Your Space</span>
2136                            </a>
2137                          </li>
2138                          <li class="menu-drawer__list-item menu-drawer__list-item--explore-card" style="--menu-drawer-animation-index: 2;">
2139                            <a href="/pages/explore-photos" class="menu-drawer__explore-card">
2140                              <span class="menu-drawer__explore-card-icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="3" width="18" height="18" rx="1.5"/><circle cx="9" cy="10" r="1.5"/><path d="m21 16-5-5L8 19"/></svg></span>
2141                              <span class="menu-drawer__explore-card-title">Photos & Memories</span>
2142                            </a>
2143                          </li>
2144                          <li class="menu-drawer__list-item menu-drawer__list-item--explore-card" style="--menu-drawer-animation-index: 3;">
2145                            <a href="/pages/explore-gift" class="menu-drawer__explore-card">
2146                              <span class="menu-drawer__explore-card-icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><polyline points="20 12 20 22 4 22 4 12"/><rect x="2" y="7" width="20" height="5"/><line x1="12" y1="22" x2="12" y2="7"/><path d="M12 7H7.5a2.5 2.5 0 0 1 0-5C11 2 12 7 12 7z"/><path d="M12 7h4.5a2.5 2.5 0 0 0 0-5C13 2 12 7 12 7z"/></svg></span>
2147                              <span class="menu-drawer__explore-card-title">BLOOMIN8 as a Gift</span>
2148                            </a>
2149                          </li>
2150                          <li class="menu-drawer__list-item menu-drawer__list-item--explore-card" style="--menu-drawer-animation-index: 4;">
2151                            <a href="/pages/explore-intelligence" class="menu-drawer__explore-card">
2152                              <span class="menu-drawer__explore-card-icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><path d="M12 3v3M12 18v3M3 12h3M18 12h3M5.6 5.6l2.1 2.1M16.3 16.3l2.1 2.1M5.6 18.4l2.1-2.1M16.3 7.7l2.1-2.1"/><circle cx="12" cy="12" r="3"/></svg></span>
2153                              <span class="menu-drawer__explore-card-title">BLOOMIN8 Intelligence</span>
2154                            </a>
2155                          </li>
2156                          <li class="menu-drawer__list-item menu-drawer__list-item--explore-card" style="--menu-drawer-animation-index: 5;">
2157                            <a href="/pages/explore-widgets" class="menu-drawer__explore-card">
2158                              <span class="menu-drawer__explore-card-icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="9"/><polyline points="12 7 12 12 15 14"/></svg></span>
2159                              <span class="menu-drawer__explore-card-title">Widgets & Scheduling</span>
2160                            </a>
2161                          </li>
2162                          <li class="menu-drawer__list-item menu-drawer__list-item--explore-card" style="--menu-drawer-animation-index: 6;">
2163                            <a href="/pages/explore-display" class="menu-drawer__explore-card">
2164                              <span class="menu-drawer__explore-card-icon" aria-hidden="true"><svg viewBox="0 0 24 24" width="20" height="20" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="4" width="20" height="13" rx="1.5"/><line x1="8" y1="21" x2="16" y2="21"/><line x1="12" y1="17" x2="12" y2="21"/></svg></span>
2165                              <span class="menu-drawer__explore-card-title">The Display Revolution</span>
2166                            </a>
2167                          </li></ul>
2168                    </details>
2169                  </accordion-custom>
2170                
2171              </li>
2172              
2173              
2174              
2175              <li
2176                style="--menu-drawer-animation-index: 4;"
2177                class="menu-drawer__list-item--flat"
2178              >
2179                
2180<a
2181                    id="HeaderDrawer-how-it-works"
2182                    href="/pages/how-it-works"
2183                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2184                    
2185                  >
2186                    <span class="menu-drawer__menu-item-text wrap-text">How it works</span>
2187                  </a>
2188                
2189              </li>
2190              
2191              
2192              
2193              <li
2194                style="--menu-drawer-animation-index: 5;"
2195                class="menu-drawer__list-item--flat"
2196              >
2197                
2198<a
2199                    id="HeaderDrawer-faq"
2200                    href="/pages/faq"
2201                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2202                    
2203                  >
2204                    <span class="menu-drawer__menu-item-text wrap-text">FAQ</span>
2205                  </a>
2206                
2207              </li>
2208              
2209              
2210              
2211              <li
2212                style="--menu-drawer-animation-index: 6;"
2213                class="menu-drawer__list-item--flat"
2214              >
2215                
2216<a
2217                    id="HeaderDrawer-support"
2218                    href="https://support.bloomin8.com/"
2219                    class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset"
2220                    
2221                  >
2222                    <span class="menu-drawer__menu-item-text wrap-text">Support</span>
2223                  </a>
2224                
2225              </li>
2226          
2227          
2228        </ul>
2229      </nav>
2230      <div
2231        class="menu-drawer__utility-links menu-drawer__animated-element"
2232        style="--menu-drawer-animation-index: 6;"
2233      >
2234        
2235        
2236          
2237
2238
2239  <drawer-localization-component class="menu-drawer__localization">
2240    <details
2241      id="drawer-localization"
2242      class="drawer-localization"
2243      on:toggle="/toggle"
2244    >
2245      <summary
2246        id="HeaderDrawer-localization"
2247        class="drawer-localization__button h3 link link--text focus-inset"
2248        aria-expanded="false"
2249        on:click="header-drawer/open"
2250        style="--menu-localization-font: var(--font-body--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
2251      >
2252        <div class="drawer-localization__button--label h6">
2253          <span class="drawer-localization__button-caption">Currency / Region</span>
2254          <span class="drawer-localization__button-value"><span class="mobile-localization mobile-localization--country link link--text"><span class="currency-code">USD</span>
2255              </span></span>
2256        </div>
2257        <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">
2258  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2259</svg>
2260</span>
2261      </summary>
2262
2263      <div
2264        class="menu-drawer__submenu has-submenu gradient motion-reduce color-scheme-1"
2265        style=""
2266      >
2267        <div
2268          class="menu-drawer__nav-buttons"
2269          ref="navButtons"
2270        >
2271          <button
2272            class="button menu-drawer__back-button link link--text focus-inset"
2273            aria-expanded="true"
2274            on:click="header-drawer/back"
2275          >
2276            <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">
2277  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2278</svg>
2279</span>
2280            Region and language
2281          </button>
2282          <button
2283            class="button close-button menu-drawer__close-button"
2284            type="button"
2285            aria-label="Close"
2286            on:click="header-drawer/close"
2287          >
2288            <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">
2289  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2290  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
2291</svg>
2292</span>
2293          </button>
2294        </div>
2295
2296        
2297<localization-form-component
2298  ref="localizationForm"
2299  data-label-results-count="[count] results"
2300  data-show-filter="true"
2301  style="--menu-localization-font: var(--font-body--family); --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
2302>
2303  
2304<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" />
2305      
2306        <div class="country-filter">
2307          <div class="field">
2308            <div class="country-filter__search-icon field__button motion-reduce">
2309              <span class="svg-wrapper">
2310                <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>
2311
2312              </span>
2313            </div>
2314            <input
2315              class="country-filter__input"
2316              id="country-filter-input"
2317              type="search"
2318              name="country_filter"
2319              value=""
2320              placeholder="Search"
2321              role="combobox"
2322              aria-owns="country-results"
2323              aria-controls="country-results"
2324              aria-haspopup="listbox"
2325              aria-autocomplete="list"
2326              aria-label="Find country"
2327              autocorrect="off"
2328              autocomplete="off"
2329              autocapitalize="off"
2330              spellcheck="false"
2331              ref="search"
2332              on:keyup="/filterCountries"
2333            >
2334            <label
2335              class="field__label visually-hidden"
2336              for="country-filter-input"
2337            >Search</label>
2338            <button
2339              type="reset"
2340              class="button button-unstyled country-filter__reset-button field__button"
2341              aria-label="Reset"
2342              ref="resetButton"
2343              hidden
2344              on:click="/resetCountriesFilter"
2345            >
2346              <span class="svg-wrapper">
2347                <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>
2348
2349              </span>
2350            </button>
2351          </div>
2352        </div>
2353      
2354      <div class="country-selector-form__wrapper">
2355        <h2
2356          class="visually-hidden"
2357          id="drawer-CountryLabel"
2358        >
2359          Country/Region
2360        </h2>
2361        
2362          <div
2363            id="sr-country-search-results-AVG1jYlFZRXE2M2pLQ__header-menu-1"
2364            class="visually-hidden"
2365            aria-live="polite"
2366            ref="liveRegion"
2367          ></div>
2368        
2369        <div
2370          class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
2371          id="drawer-country-results"
2372          ref="countryList"
2373        >
2374          
2375          <ul
2376            role="list"
2377            class="list-unstyled countries"
2378          >
2379            <span
2380              class="localization-form__list-item localization-form__list-item-disabled"
2381              id="no-results-message"
2382              ref="noResultsMessage"
2383              hidden
2384            >No results found</span>
2385              <li
2386                class="localization-form__list-item"
2387                
2388                data-value="AU"
2389                
2390                  data-aliases=""
2391                
2392                id="Australia"
2393                aria-label="Australia"
2394                role="option"
2395                tabindex="-1"
2396                ref="countryListItems[]"
2397                on:click="/selectCountry/AU"
2398              >
2399                <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">
2400<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"/>
2401</svg>
2402</span>
2403                <span class="country">Australia</span>
2404                <span
2405                  class="localization-form__currency motion-reduce"
2406                  
2407                >
2408                  AUD
2409                  $</span>
2410              </li>
2411              <li
2412                class="localization-form__list-item"
2413                
2414                data-value="AT"
2415                
2416                  data-aliases=""
2417                
2418                id="Austria"
2419                aria-label="Austria"
2420                role="option"
2421                tabindex="-1"
2422                ref="countryListItems[]"
2423                on:click="/selectCountry/AT"
2424              >
2425                <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">
2426<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"/>
2427</svg>
2428</span>
2429                <span class="country">Austria</span>
2430                <span
2431                  class="localization-form__currency motion-reduce"
2432                  
2433                >
2434                  EUR
2435                  €</span>
2436              </li>
2437              <li
2438                class="localization-form__list-item"
2439                
2440                data-value="BE"
2441                
2442                  data-aliases=""
2443                
2444                id="Belgium"
2445                aria-label="Belgium"
2446                role="option"
2447                tabindex="-1"
2448                ref="countryListItems[]"
2449                on:click="/selectCountry/BE"
2450              >
2451                <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">
2452<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"/>
2453</svg>
2454</span>
2455                <span class="country">Belgium</span>
2456                <span
2457                  class="localization-form__currency motion-reduce"
2458                  
2459                >
2460                  EUR
2461                  €</span>
2462              </li>
2463              <li
2464                class="localization-form__list-item"
2465                
2466                data-value="BG"
2467                
2468                  data-aliases=""
2469                
2470                id="Bulgaria"
2471                aria-label="Bulgaria"
2472                role="option"
2473                tabindex="-1"
2474                ref="countryListItems[]"
2475                on:click="/selectCountry/BG"
2476              >
2477                <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">
2478<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"/>
2479</svg>
2480</span>
2481                <span class="country">Bulgaria</span>
2482                <span
2483                  class="localization-form__currency motion-reduce"
2484                  
2485                >
2486                  EUR
2487                  €</span>
2488              </li>
2489              <li
2490                class="localization-form__list-item"
2491                
2492                data-value="CA"
2493                
2494                  data-aliases=""
2495                
2496                id="Canada"
2497                aria-label="Canada"
2498                role="option"
2499                tabindex="-1"
2500                ref="countryListItems[]"
2501                on:click="/selectCountry/CA"
2502              >
2503                <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">
2504<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"/>
2505</svg>
2506</span>
2507                <span class="country">Canada</span>
2508                <span
2509                  class="localization-form__currency motion-reduce"
2510                  
2511                >
2512                  CAD
2513                  $</span>
2514              </li>
2515              <li
2516                class="localization-form__list-item"
2517                
2518                data-value="HR"
2519                
2520                  data-aliases=""
2521                
2522                id="Croatia"
2523                aria-label="Croatia"
2524                role="option"
2525                tabindex="-1"
2526                ref="countryListItems[]"
2527                on:click="/selectCountry/HR"
2528              >
2529                <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">
2530<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"/>
2531</svg>
2532</span>
2533                <span class="country">Croatia</span>
2534                <span
2535                  class="localization-form__currency motion-reduce"
2536                  
2537                >
2538                  EUR
2539                  €</span>
2540              </li>
2541              <li
2542                class="localization-form__list-item"
2543                
2544                data-value="CY"
2545                
2546                  data-aliases=""
2547                
2548                id="Cyprus"
2549                aria-label="Cyprus"
2550                role="option"
2551                tabindex="-1"
2552                ref="countryListItems[]"
2553                on:click="/selectCountry/CY"
2554              >
2555                <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">
2556<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"/>
2557</svg>
2558</span>
2559                <span class="country">Cyprus</span>
2560                <span
2561                  class="localization-form__currency motion-reduce"
2562                  
2563                >
2564                  EUR
2565                  €</span>
2566              </li>
2567              <li
2568                class="localization-form__list-item"
2569                
2570                data-value="CZ"
2571                
2572                  data-aliases=""
2573                
2574                id="Czechia"
2575                aria-label="Czechia"
2576                role="option"
2577                tabindex="-1"
2578                ref="countryListItems[]"
2579                on:click="/selectCountry/CZ"
2580              >
2581                <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">
2582<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"/>
2583</svg>
2584</span>
2585                <span class="country">Czechia</span>
2586                <span
2587                  class="localization-form__currency motion-reduce"
2588                  
2589                >
2590                  CZK
2591                  Kč</span>
2592              </li>
2593              <li
2594                class="localization-form__list-item"
2595                
2596                data-value="DK"
2597                
2598                  data-aliases=""
2599                
2600                id="Denmark"
2601                aria-label="Denmark"
2602                role="option"
2603                tabindex="-1"
2604                ref="countryListItems[]"
2605                on:click="/selectCountry/DK"
2606              >
2607                <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">
2608<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"/>
2609</svg>
2610</span>
2611                <span class="country">Denmark</span>
2612                <span
2613                  class="localization-form__currency motion-reduce"
2614                  
2615                >
2616                  DKK
2617                  kr.</span>
2618              </li>
2619              <li
2620                class="localization-form__list-item"
2621                
2622                data-value="EE"
2623                
2624                  data-aliases=""
2625                
2626                id="Estonia"
2627                aria-label="Estonia"
2628                role="option"
2629                tabindex="-1"
2630                ref="countryListItems[]"
2631                on:click="/selectCountry/EE"
2632              >
2633                <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">
2634<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"/>
2635</svg>
2636</span>
2637                <span class="country">Estonia</span>
2638                <span
2639                  class="localization-form__currency motion-reduce"
2640                  
2641                >
2642                  EUR
2643                  €</span>
2644              </li>
2645              <li
2646                class="localization-form__list-item"
2647                
2648                data-value="FI"
2649                
2650                  data-aliases=""
2651                
2652                id="Finland"
2653                aria-label="Finland"
2654                role="option"
2655                tabindex="-1"
2656                ref="countryListItems[]"
2657                on:click="/selectCountry/FI"
2658              >
2659                <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">
2660<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"/>
2661</svg>
2662</span>
2663                <span class="country">Finland</span>
2664                <span
2665                  class="localization-form__currency motion-reduce"
2666                  
2667                >
2668                  EUR
2669                  €</span>
2670              </li>
2671              <li
2672                class="localization-form__list-item"
2673                
2674                data-value="FR"
2675                
2676                  data-aliases=""
2677                
2678                id="France"
2679                aria-label="France"
2680                role="option"
2681                tabindex="-1"
2682                ref="countryListItems[]"
2683                on:click="/selectCountry/FR"
2684              >
2685                <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">
2686<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"/>
2687</svg>
2688</span>
2689                <span class="country">France</span>
2690                <span
2691                  class="localization-form__currency motion-reduce"
2692                  
2693                >
2694                  EUR
2695                  €</span>
2696              </li>
2697              <li
2698                class="localization-form__list-item"
2699                
2700                data-value="DE"
2701                
2702                  data-aliases=""
2703                
2704                id="Germany"
2705                aria-label="Germany"
2706                role="option"
2707                tabindex="-1"
2708                ref="countryListItems[]"
2709                on:click="/selectCountry/DE"
2710              >
2711                <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">
2712<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"/>
2713</svg>
2714</span>
2715                <span class="country">Germany</span>
2716                <span
2717                  class="localization-form__currency motion-reduce"
2718                  
2719                >
2720                  EUR
2721                  €</span>
2722              </li>
2723              <li
2724                class="localization-form__list-item"
2725                
2726                data-value="GR"
2727                
2728                  data-aliases=""
2729                
2730                id="Greece"
2731                aria-label="Greece"
2732                role="option"
2733                tabindex="-1"
2734                ref="countryListItems[]"
2735                on:click="/selectCountry/GR"
2736              >
2737                <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">
2738<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"/>
2739</svg>
2740</span>
2741                <span class="country">Greece</span>
2742                <span
2743                  class="localization-form__currency motion-reduce"
2744                  
2745                >
2746                  EUR
2747                  €</span>
2748              </li>
2749              <li
2750                class="localization-form__list-item"
2751                
2752                data-value="HK"
2753                
2754                  data-aliases=""
2755                
2756                id="Hong Kong SAR"
2757                aria-label="Hong Kong SAR"
2758                role="option"
2759                tabindex="-1"
2760                ref="countryListItems[]"
2761                on:click="/selectCountry/HK"
2762              >
2763                <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">
2764<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"/>
2765</svg>
2766</span>
2767                <span class="country">Hong Kong SAR</span>
2768                <span
2769                  class="localization-form__currency motion-reduce"
2770                  
2771                >
2772                  HKD
2773                  $</span>
2774              </li>
2775              <li
2776                class="localization-form__list-item"
2777                
2778                data-value="HU"
2779                
2780                  data-aliases=""
2781                
2782                id="Hungary"
2783                aria-label="Hungary"
2784                role="option"
2785                tabindex="-1"
2786                ref="countryListItems[]"
2787                on:click="/selectCountry/HU"
2788              >
2789                <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">
2790<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"/>
2791</svg>
2792</span>
2793                <span class="country">Hungary</span>
2794                <span
2795                  class="localization-form__currency motion-reduce"
2796                  
2797                >
2798                  HUF
2799                  Ft</span>
2800              </li>
2801              <li
2802                class="localization-form__list-item"
2803                
2804                data-value="IE"
2805                
2806                  data-aliases=""
2807                
2808                id="Ireland"
2809                aria-label="Ireland"
2810                role="option"
2811                tabindex="-1"
2812                ref="countryListItems[]"
2813                on:click="/selectCountry/IE"
2814              >
2815                <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">
2816<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"/>
2817</svg>
2818</span>
2819                <span class="country">Ireland</span>
2820                <span
2821                  class="localization-form__currency motion-reduce"
2822                  
2823                >
2824                  EUR
2825                  €</span>
2826              </li>
2827              <li
2828                class="localization-form__list-item"
2829                
2830                data-value="IT"
2831                
2832                  data-aliases=""
2833                
2834                id="Italy"
2835                aria-label="Italy"
2836                role="option"
2837                tabindex="-1"
2838                ref="countryListItems[]"
2839                on:click="/selectCountry/IT"
2840              >
2841                <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">
2842<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"/>
2843</svg>
2844</span>
2845                <span class="country">Italy</span>
2846                <span
2847                  class="localization-form__currency motion-reduce"
2848                  
2849                >
2850                  EUR
2851                  €</span>
2852              </li>
2853              <li
2854                class="localization-form__list-item"
2855                
2856                data-value="JP"
2857                
2858                  data-aliases=""
2859                
2860                id="Japan"
2861                aria-label="Japan"
2862                role="option"
2863                tabindex="-1"
2864                ref="countryListItems[]"
2865                on:click="/selectCountry/JP"
2866              >
2867                <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">
2868<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"/>
2869</svg>
2870</span>
2871                <span class="country">Japan</span>
2872                <span
2873                  class="localization-form__currency motion-reduce"
2874                  
2875                >
2876                  JPY
2877                  ¥</span>
2878              </li>
2879              <li
2880                class="localization-form__list-item"
2881                
2882                data-value="LV"
2883                
2884                  data-aliases=""
2885                
2886                id="Latvia"
2887                aria-label="Latvia"
2888                role="option"
2889                tabindex="-1"
2890                ref="countryListItems[]"
2891                on:click="/selectCountry/LV"
2892              >
2893                <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">
2894<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"/>
2895</svg>
2896</span>
2897                <span class="country">Latvia</span>
2898                <span
2899                  class="localization-form__currency motion-reduce"
2900                  
2901                >
2902                  EUR
2903                  €</span>
2904              </li>
2905              <li
2906                class="localization-form__list-item"
2907                
2908                data-value="LT"
2909                
2910                  data-aliases=""
2911                
2912                id="Lithuania"
2913                aria-label="Lithuania"
2914                role="option"
2915                tabindex="-1"
2916                ref="countryListItems[]"
2917                on:click="/selectCountry/LT"
2918              >
2919                <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">
2920<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"/>
2921</svg>
2922</span>
2923                <span class="country">Lithuania</span>
2924                <span
2925                  class="localization-form__currency motion-reduce"
2926                  
2927                >
2928                  EUR
2929                  €</span>
2930              </li>
2931              <li
2932                class="localization-form__list-item"
2933                
2934                data-value="LU"
2935                
2936                  data-aliases=""
2937                
2938                id="Luxembourg"
2939                aria-label="Luxembourg"
2940                role="option"
2941                tabindex="-1"
2942                ref="countryListItems[]"
2943                on:click="/selectCountry/LU"
2944              >
2945                <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">
2946<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"/>
2947</svg>
2948</span>
2949                <span class="country">Luxembourg</span>
2950                <span
2951                  class="localization-form__currency motion-reduce"
2952                  
2953                >
2954                  EUR
2955                  €</span>
2956              </li>
2957              <li
2958                class="localization-form__list-item"
2959                
2960                data-value="MY"
2961                
2962                  data-aliases=""
2963                
2964                id="Malaysia"
2965                aria-label="Malaysia"
2966                role="option"
2967                tabindex="-1"
2968                ref="countryListItems[]"
2969                on:click="/selectCountry/MY"
2970              >
2971                <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">
2972<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"/>
2973</svg>
2974</span>
2975                <span class="country">Malaysia</span>
2976                <span
2977                  class="localization-form__currency motion-reduce"
2978                  
2979                >
2980                  MYR
2981                  RM</span>
2982              </li>
2983              <li
2984                class="localization-form__list-item"
2985                
2986                data-value="MT"
2987                
2988                  data-aliases=""
2989                
2990                id="Malta"
2991                aria-label="Malta"
2992                role="option"
2993                tabindex="-1"
2994                ref="countryListItems[]"
2995                on:click="/selectCountry/MT"
2996              >
2997                <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">
2998<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"/>
2999</svg>
3000</span>
3001                <span class="country">Malta</span>
3002                <span
3003                  class="localization-form__currency motion-reduce"
3004                  
3005                >
3006                  EUR
3007                  €</span>
3008              </li>
3009              <li
3010                class="localization-form__list-item"
3011                
3012                data-value="MX"
3013                
3014                  data-aliases=""
3015                
3016                id="Mexico"
3017                aria-label="Mexico"
3018                role="option"
3019                tabindex="-1"
3020                ref="countryListItems[]"
3021                on:click="/selectCountry/MX"
3022              >
3023                <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">
3024<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"/>
3025</svg>
3026</span>
3027                <span class="country">Mexico</span>
3028                <span
3029                  class="localization-form__currency motion-reduce"
3030                  
3031                >
3032                  USD
3033                  $</span>
3034              </li>
3035              <li
3036                class="localization-form__list-item"
3037                
3038                data-value="NL"
3039                
3040                  data-aliases=""
3041                
3042                id="Netherlands"
3043                aria-label="Netherlands"
3044                role="option"
3045                tabindex="-1"
3046                ref="countryListItems[]"
3047                on:click="/selectCountry/NL"
3048              >
3049                <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">
3050<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"/>
3051</svg>
3052</span>
3053                <span class="country">Netherlands</span>
3054                <span
3055                  class="localization-form__currency motion-reduce"
3056                  
3057                >
3058                  EUR
3059                  €</span>
3060              </li>
3061              <li
3062                class="localization-form__list-item"
3063                
3064                data-value="NZ"
3065                
3066                  data-aliases=""
3067                
3068                id="New Zealand"
3069                aria-label="New Zealand"
3070                role="option"
3071                tabindex="-1"
3072                ref="countryListItems[]"
3073                on:click="/selectCountry/NZ"
3074              >
3075                <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">
3076<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"/>
3077</svg>
3078</span>
3079                <span class="country">New Zealand</span>
3080                <span
3081                  class="localization-form__currency motion-reduce"
3082                  
3083                >
3084                  NZD
3085                  $</span>
3086              </li>
3087              <li
3088                class="localization-form__list-item"
3089                
3090                data-value="NO"
3091                
3092                  data-aliases=""
3093                
3094                id="Norway"
3095                aria-label="Norway"
3096                role="option"
3097                tabindex="-1"
3098                ref="countryListItems[]"
3099                on:click="/selectCountry/NO"
3100              >
3101                <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">
3102<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"/>
3103</svg>
3104</span>
3105                <span class="country">Norway</span>
3106                <span
3107                  class="localization-form__currency motion-reduce"
3108                  
3109                >
3110                  USD
3111                  $</span>
3112              </li>
3113              <li
3114                class="localization-form__list-item"
3115                
3116                data-value="PL"
3117                
3118                  data-aliases=""
3119                
3120                id="Poland"
3121                aria-label="Poland"
3122                role="option"
3123                tabindex="-1"
3124                ref="countryListItems[]"
3125                on:click="/selectCountry/PL"
3126              >
3127                <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">
3128<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"/>
3129</svg>
3130</span>
3131                <span class="country">Poland</span>
3132                <span
3133                  class="localization-form__currency motion-reduce"
3134                  
3135                >
3136                  PLN
3137                  zł</span>
3138              </li>
3139              <li
3140                class="localization-form__list-item"
3141                
3142                data-value="PT"
3143                
3144                  data-aliases=""
3145                
3146                id="Portugal"
3147                aria-label="Portugal"
3148                role="option"
3149                tabindex="-1"
3150                ref="countryListItems[]"
3151                on:click="/selectCountry/PT"
3152              >
3153                <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">
3154<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"/>
3155</svg>
3156</span>
3157                <span class="country">Portugal</span>
3158                <span
3159                  class="localization-form__currency motion-reduce"
3160                  
3161                >
3162                  EUR
3163                  €</span>
3164              </li>
3165              <li
3166                class="localization-form__list-item"
3167                
3168                data-value="RO"
3169                
3170                  data-aliases=""
3171                
3172                id="Romania"
3173                aria-label="Romania"
3174                role="option"
3175                tabindex="-1"
3176                ref="countryListItems[]"
3177                on:click="/selectCountry/RO"
3178              >
3179                <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">
3180<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"/>
3181</svg>
3182</span>
3183                <span class="country">Romania</span>
3184                <span
3185                  class="localization-form__currency motion-reduce"
3186                  
3187                >
3188                  RON
3189                  Lei</span>
3190              </li>
3191              <li
3192                class="localization-form__list-item"
3193                
3194                data-value="SG"
3195                
3196                  data-aliases=""
3197                
3198                id="Singapore"
3199                aria-label="Singapore"
3200                role="option"
3201                tabindex="-1"
3202                ref="countryListItems[]"
3203                on:click="/selectCountry/SG"
3204              >
3205                <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">
3206<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"/>
3207</svg>
3208</span>
3209                <span class="country">Singapore</span>
3210                <span
3211                  class="localization-form__currency motion-reduce"
3212                  
3213                >
3214                  SGD
3215                  $</span>
3216              </li>
3217              <li
3218                class="localization-form__list-item"
3219                
3220                data-value="SK"
3221                
3222                  data-aliases=""
3223                
3224                id="Slovakia"
3225                aria-label="Slovakia"
3226                role="option"
3227                tabindex="-1"
3228                ref="countryListItems[]"
3229                on:click="/selectCountry/SK"
3230              >
3231                <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">
3232<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"/>
3233</svg>
3234</span>
3235                <span class="country">Slovakia</span>
3236                <span
3237                  class="localization-form__currency motion-reduce"
3238                  
3239                >
3240                  EUR
3241                  €</span>
3242              </li>
3243              <li
3244                class="localization-form__list-item"
3245                
3246                data-value="SI"
3247                
3248                  data-aliases=""
3249                
3250                id="Slovenia"
3251                aria-label="Slovenia"
3252                role="option"
3253                tabindex="-1"
3254                ref="countryListItems[]"
3255                on:click="/selectCountry/SI"
3256              >
3257                <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">
3258<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"/>
3259</svg>
3260</span>
3261                <span class="country">Slovenia</span>
3262                <span
3263                  class="localization-form__currency motion-reduce"
3264                  
3265                >
3266                  EUR
3267                  €</span>
3268              </li>
3269              <li
3270                class="localization-form__list-item"
3271                
3272                data-value="ES"
3273                
3274                  data-aliases=""
3275                
3276                id="Spain"
3277                aria-label="Spain"
3278                role="option"
3279                tabindex="-1"
3280                ref="countryListItems[]"
3281                on:click="/selectCountry/ES"
3282              >
3283                <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">
3284<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"/>
3285</svg>
3286</span>
3287                <span class="country">Spain</span>
3288                <span
3289                  class="localization-form__currency motion-reduce"
3290                  
3291                >
3292                  EUR
3293                  €</span>
3294              </li>
3295              <li
3296                class="localization-form__list-item"
3297                
3298                data-value="SE"
3299                
3300                  data-aliases=""
3301                
3302                id="Sweden"
3303                aria-label="Sweden"
3304                role="option"
3305                tabindex="-1"
3306                ref="countryListItems[]"
3307                on:click="/selectCountry/SE"
3308              >
3309                <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">
3310<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"/>
3311</svg>
3312</span>
3313                <span class="country">Sweden</span>
3314                <span
3315                  class="localization-form__currency motion-reduce"
3316                  
3317                >
3318                  SEK
3319                  kr</span>
3320              </li>
3321              <li
3322                class="localization-form__list-item"
3323                
3324                data-value="CH"
3325                
3326                  data-aliases=""
3327                
3328                id="Switzerland"
3329                aria-label="Switzerland"
3330                role="option"
3331                tabindex="-1"
3332                ref="countryListItems[]"
3333                on:click="/selectCountry/CH"
3334              >
3335                <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">
3336<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"/>
3337</svg>
3338</span>
3339                <span class="country">Switzerland</span>
3340                <span
3341                  class="localization-form__currency motion-reduce"
3342                  
3343                >
3344                  CHF
3345                  CHF</span>
3346              </li>
3347              <li
3348                class="localization-form__list-item"
3349                
3350                data-value="TW"
3351                
3352                  data-aliases=""
3353                
3354                id="Taiwan"
3355                aria-label="Taiwan"
3356                role="option"
3357                tabindex="-1"
3358                ref="countryListItems[]"
3359                on:click="/selectCountry/TW"
3360              >
3361                <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">
3362<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"/>
3363</svg>
3364</span>
3365                <span class="country">Taiwan</span>
3366                <span
3367                  class="localization-form__currency motion-reduce"
3368                  
3369                >
3370                  TWD
3371                  $</span>
3372              </li>
3373              <li
3374                class="localization-form__list-item"
3375                
3376                data-value="TH"
3377                
3378                  data-aliases=""
3379                
3380                id="Thailand"
3381                aria-label="Thailand"
3382                role="option"
3383                tabindex="-1"
3384                ref="countryListItems[]"
3385                on:click="/selectCountry/TH"
3386              >
3387                <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">
3388<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"/>
3389</svg>
3390</span>
3391                <span class="country">Thailand</span>
3392                <span
3393                  class="localization-form__currency motion-reduce"
3394                  
3395                >
3396                  THB
3397                  ฿</span>
3398              </li>
3399              <li
3400                class="localization-form__list-item"
3401                
3402                data-value="GB"
3403                
3404                  data-aliases="uk,gb,great britain"
3405                
3406                id="United Kingdom"
3407                aria-label="United Kingdom"
3408                role="option"
3409                tabindex="-1"
3410                ref="countryListItems[]"
3411                on:click="/selectCountry/GB"
3412              >
3413                <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">
3414<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"/>
3415</svg>
3416</span>
3417                <span class="country">
3417United Kingdom</span>
3418                <span
3419                  class="localization-form__currency motion-reduce"
3420                  
3421                >
3422                  GBP
3423                  £</span>
3424              </li>
3425              <li
3426                class="localization-form__list-item"
3427                
3428                  aria-current="true"
3429                
3430                data-value="US"
3431                
3432                  data-aliases="us,usa,america,united states of america"
3433                
3434                id="United States"
3435                aria-label="United States"
3436                role="option"
3437                tabindex="-1"
3438                ref="countryListItems[]"
3439                on:click="/selectCountry/US"
3440              >
3441                <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">
3442<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"/>
3443</svg>
3444</span>
3445                <span class="country">United States</span>
3446                <span
3447                  class="localization-form__currency motion-reduce"
3448                  
3449                >
3450                  USD
3451                  $</span>
3452              </li></ul>
3453        </div>
3454        <div class="country-selector__overlay"></div>
3455        <input
3456          type="hidden"
3457          name="country_code"
3458          value="US"
3459          ref="countryInput"
3460        >
3461      </div>
3462    
3463
3464    
3465</form></localization-form-component>
3466
3467
3468
3469      </div>
3470    </details>
3471  </drawer-localization-component>
3472
3473
3474
3475
3476</div>
3477
3478      
3479    </div>
3480    <div
3481      class="menu-drawer__backdrop"
3482      on:click="header-drawer/close"
3483    ></div>
3484  </details>
3485</header-drawer>
3486
3487
3488
3489    </div>
3490
3491  
3492
3493
3494
3495
3496
3497            
3498        
3499      
3500        
3501          
3502              
3503  <search-button class="search-action desktop:hidden">
3504    <button
3505      on:click="#search-modal/showDialog"
3506      class="button button-unstyled search-modal__button header-actions__action"
3507      aria-label="Search"
3508      aria-haspopup="dialog"
3509    >
3510      <span
3511        aria-hidden="true"
3512        class="svg-wrapper"
3513      >
3514        <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>
3515
3516      </span>
3517    </button>
3518  </search-button>
3519
3520
3521
3522
3523            
3524        
3525      
3526        
3527          
3528              
3529
3530
3531
3532    <header-menu
3533      ref="headerMenu"
3534      class="header-menu mobile:hidden"
3535      data-animation-delay="200"
3536      
3537      style="--submenu-animation-speed: 200ms;"
3538    >
3539      <div class="header-menu__inner">
3540
3541
3542
3543
3544
3545<nav header-menu>
3546  <div
3547    class="menu-list"
3548    style="--menu-top-level-font-family: var(--font-primary--family);
3549--menu-top-level-font-size-desktop: var(--font-size--body-sm); --menu-top-level-font-style: var(--font-primary--style); --menu-top-level-font-weight: var(--font-primary--weight); --menu-top-level-font-case:uppercase;
3550
3551  --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height:
3552  var(--menu-font-sm--line-height);
3553
3554--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb);
3555"
3556  >
3557    
3558    <overflow-list
3559  
3560    ref="overflowMenu"
3561  
3562  
3563    class="overflow-menu color-scheme-matches-parent"
3564  
3565  
3566    minimum-items="2"
3567  
3568  
3569    data-testid="header-menu-overflow-list"
3570  
3571  
3572    data-skip-node-update
3573  
3574>
3575  <template shadowrootmode="open">
3576    <link href="//bloomin8.com/cdn/shop/t/16/assets/overflow-list.css?v=101911674359793798601786105844" rel="stylesheet" type="text/css" media="all" />
3577
3578    <ul part="list">
3579      <slot></slot>
3580      <slot
3581        name="more"
3582        part="more"
3583        hidden
3584        
3585      >
3586        <li
3587          part="more"
3588        >
3589          <button
3590            class="button"
3591            type="button"
3592            tabindex="0"
3593          >
3594            More
3595          </button>
3596        </li>
3597      </slot>
3598      <li
3599        part="placeholder"
3600        hidden
3601      ></li>
3602    </ul>
3603
3604    <div part="overflow">
3605      <ul part="overflow-list">
3606        <slot name="overflow"></slot>
3607      </ul>
3608    </div>
3609  </template>
3610
3611  
3612  
3613    
3614    
3615    
3616    <li
3617      role="presentation"
3618      class="menu-list__list-item"
3619      on:focus="/activate"
3620      on:blur="/deactivate"
3621      on:pointerenter="/activate"
3622      on:pointerleave="/deactivate"
3623    >
3624      <a
3625        href="/"
3626        data-skip-node-update="true"
3627        class="menu-list__link menu-list__link--active"ref="menuitem"
3628      >
3629        <span class="menu-list__link-title">Home</span>
3630      </a></li>
3631  
3632    
3633    
3634    
3635    <li
3636      role="presentation"
3637      class="menu-list__list-item"
3638      on:focus="/activate"
3639      on:blur="/deactivate"
3640      on:pointerenter="/activate"
3641      on:pointerleave="/deactivate"
3642    >
3643      <a
3644        href="/collections/all"
3645        data-skip-node-update="true"
3646        class="menu-list__link"aria-controls="submenu-2"
3647          aria-haspopup="true"
3648          aria-expanded="false"ref="menuitem"
3649      >
3650        <span class="menu-list__link-title">Product</span>
3651      </a><div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
3652          <div
3653            id="submenu-2"
3654            class="menu-list__submenu-inner"
3655            style="--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:
3656var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case:
3657uppercase;
3658
3659    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
3660    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
3661    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
3662  
3663--menu-child-font-family: var(--font-primary--family); --menu-child-font-style:
3664var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:
3665uppercase;
3666
3667    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
3668    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
3669    var(--opacity-subdued-text));
3670  
3671"
3672          >
3673            
3674            <div class="mega-menu section section--full-width-margin section--page-width">
3675  <div
3676    class="mega-menu__grid"
3677    data-menu-grid-id="MegaMenuList-2"
3678  >
3679    
3680<ul
3681  data-menu-list-id="MegaMenuList-2"
3682  class="mega-menu__list list-unstyled"
3683  style="--menu-image-border-radius: 0px;"
3684>
3685  
3686    <li class="mega-menu__column mega-menu__column--span-1">
3687    <div>
3688      
3689        <p class="mega-menu__menu-label mega-menu__menu-label--main">Main Products</p>
3690      
3691      <a
3692        href="/products/bloomin8-eink-canvas"
3693        class="mega-menu__link  mega-menu__link--with-image"
3694      >
3695        
3696
3697
3698
3699  
3700    <img src="//bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&amp;width=800" alt="" srcset="//bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&amp;width=352 352w, //bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&amp;width=800 800w" width="800" height="1000" loading="lazy" class="mega-menu__link-image mega-menu__link-image--main-product" sizes="
3701(min-width: 95rem) calc((90rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)
3702">
3703  
3704
3705
3706        
3707        <span
3708          class="mega-menu__link-title wrap-text"
3709        >E-Ink Canvas 13.3"</span>
3710      </a>
3711      
3712    </div>
3713
3714    
3715  
3716    
3717    <div>
3718      
3719      <a
3720        href="/products/bloomin8-eink-canvas-large-28-5"
3721        class="mega-menu__link  mega-menu__link--with-image"
3722      >
3723        
3724
3725
3726
3727  
3728    <img src="//bloomin8.com/cdn/shop/files/15.png?v=1768897614&amp;width=800" alt="" srcset="//bloomin8.com/cdn/shop/files/15.png?v=1768897614&amp;width=352 352w, //bloomin8.com/cdn/shop/files/15.png?v=1768897614&amp;width=800 800w" width="800" height="1000" loading="lazy" class="mega-menu__link-image mega-menu__link-image--main-product" sizes="
3729(min-width: 95rem) calc((90rem - 80px - 100px) * 1 / 6),(min-width: 990px) calc((100vw - 80px - 100px) * 1 / 6),calc((100vw - 80px - 60px) / 4)
3730">
3731  
3732
3733
3734        
3735        <span
3736          class="mega-menu__link-title wrap-text"
3737        >E-Ink Canvas 28.5"</span>
3738      </a>
3739      
3740    </div>
3741
3742    </li>
3743  
3744</ul>
3745
3746
3747
3748<style data-shopify>
3749  [data-menu-grid-id="MegaMenuList-2"] {
3750    
3751      --menu-columns-desktop: 6;
3752      --menu-columns-tablet: 4;
3753    
3754  }
3755
3756  [data-menu-list-id="MegaMenuList-2"] {
3757    
3758      --menu-columns-desktop: 6;
3759      --menu-columns-tablet: 4;
3760    
3761  }
3762</style>
3763
3764
3765<span
3766      class="mega-menu__content"
3767      style="--menu-content-columns-desktop: 0; --menu-content-columns-tablet: 0; --resource-card-corner-radius: 0px;"
3768    >
3769      
3770        <p class="mega-menu__menu-label mega-menu__menu-label--accessories">Accessories</p>
3771      
3772      <ul
3773        class="mega-menu__content-list mega-menu__content-list--products list-unstyled"
3774      >
3775        
3776      </ul>
3777    </span>
3778  
3779
3780
3781  <style data-shopify>
3782    .mega-menu__menu-label {
3783      margin: 0 0 0.75rem;
3784      font-size: 0.75rem;
3785      letter-spacing: 0.06em;
3786      line-height: 1.3;
3787      text-transform: uppercase;
3788      opacity: 0.7;
3789    }
3790
3791    .mega-menu__menu-label--accessories {
3792      margin-top: 0.125rem;
3793      margin-bottom: 0.75rem;
3794    }
3795
3796    .mega-menu__link--with-image {
3797      display: grid;
3798      grid-template-columns: 7rem 1fr;
3799      gap: 1rem;
3800      align-items: center;
3801    }
3802
3803    .mega-menu__link-image--main-product {
3804      width: 7rem;
3805      aspect-ratio: 1;
3806      object-fit: cover;
3807      border-radius: calc(var(--menu-image-border-radius) * 0.5);
3808    }
3809
3810    .mega-menu .mega-menu__content-list--products .resource-card {
3811      max-width: 10rem;
3812      margin-inline: auto;
3813    }
3814
3815    .mega-menu .mega-menu__content-list--products .resource-card__image,
3816    .mega-menu .mega-menu__content-list--products .resource-card__image-placeholder {
3817      width: 100%;
3818    }
3819
3820    .mega-menu .mega-menu__content-list--products .resource-card__content {
3821      font-size: 0.95rem;
3822      line-height: 1.25;
3823    }
3824
3825    .mega-menu .mega-menu__content-list--products .price {
3826      font-size: 1rem;
3827      margin-inline: auto;
3828    }
3829  </style>
3830
3831
3832  </div>
3833</div>
3834
3835          </div>
3836        </div></li>
3837  
3838    
3839    
3840    
3841    <li
3842      role="presentation"
3843      class="menu-list__list-item"
3844      on:focus="/activate"
3845      on:blur="/deactivate"
3846      on:pointerenter="/activate"
3847      on:pointerleave="/deactivate"
3848    >
3849      <a
3850        href="/pages/explore-photos"
3851        data-skip-node-update="true"
3852        class="menu-list__link"aria-controls="submenu-explore-fallback"
3853          aria-haspopup="true"
3854          aria-expanded="false"ref="menuitem"
3855      >
3856        <span class="menu-list__link-title">Explore</span>
3857      </a>
3858  <div class="menu-list__submenu color-scheme-matches-parent" ref="submenu[]">
3859    <div
3860      id="submenu-explore-fallback"
3861      class="menu-list__submenu-inner"
3862      style="--menu-parent-font-family: var(--font-primary--family); --menu-parent-font-style:
3863var(--font-primary--style); --menu-parent-font-weight: var(--font-primary--weight); --menu-parent-font-case:
3864uppercase;
3865
3866    --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height:
3867    var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) /
3868    var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground);
3869  
3870--menu-child-font-family: var(--font-primary--family); --menu-child-font-style:
3871var(--font-primary--style); --menu-child-font-weight: var(--font-primary--weight); --menu-child-font-case:
3872uppercase;
3873
3874    --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height);
3875    --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) /
3876    var(--opacity-subdued-text));
3877  
3878"
3879    >
3880      <div class="mega-menu section section--full-width-margin section--page-width">
3881        <div
3882          class="mega-menu__grid"
3883          style="display:grid;grid-template-columns:minmax(15rem,1.1fr) minmax(0,2fr);gap:2rem;align-items:start;"
3884        >
3885          <a
3886            href="/pages/explore-decor"
3887            class="mega-menu__explore-feature"
3888            style="display:flex;min-height:18rem;padding:1.5rem;border-radius:1.5rem;background:linear-gradient(180deg, rgba(28,24,20,.12) 0%, rgba(28,24,20,.62) 100%), url(//bloomin8.com/cdn/shop/t/16/assets/b8-explore-feature.jpg?v=40873479621828920181786105843) center/cover no-repeat;text-decoration:none;color:#fff;flex-direction:column;justify-content:flex-end;overflow:hidden;"
3889          >
3890            <span style="font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;opacity:.74;">Explore</span>
3891            <span style="margin-top:.5rem;font-size:1.5rem;line-height:1.15;font-weight:500;">Explore BLOOMIN8</span>
3892            <span style="margin-top:.5rem;max-width:100%;font-size:.95rem;line-height:1.45;opacity:.88;display:block;white-space:normal;overflow-wrap:anywhere;">Discover how BLOOMIN8 fits into your home decor.</span>
3893          </a>
3894          <div style="display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.75rem 1.25rem;align-content:start;">
3895            <a
3896              href="/pages/explore-decor"
3897              class="mega-menu__explore-link"
3898              style="display:flex;flex-direction:column;padding:1rem 1.125rem;border-radius:1rem;text-decoration:none;color:inherit;background:rgba(245,243,239,.55);transition:background .2s ease;"
3899            >
3900              <span style="font-size:1rem;line-height:1.35;font-weight:500;">Decor Your Space</span>
3901              <span style="margin-top:.25rem;font-size:.9rem;line-height:1.45;opacity:.68;">Room scenes &amp; inspiration</span>
3902            </a>
3903            <a
3904              href="/pages/explore-photos"
3905              class="mega-menu__explore-link"
3906              style="display:flex;flex-direction:column;padding:1rem 1.125rem;border-radius:1rem;text-decoration:none;color:inherit;background:rgba(245,243,239,.55);transition:background .2s ease;"
3907            >
3908              <span style="font-size:1rem;line-height:1.35;font-weight:500;">Photos &amp; Memories</span>
3909              <span style="margin-top:.25rem;font-size:.9rem;line-height:1.45;opacity:.68;">
3909Your stories on the wall</span>
3910            </a>
3911            <a
3912              href="/pages/explore-gift"
3913              class="mega-menu__explore-link"
3914              style="display:flex;flex-direction:column;padding:1rem 1.125rem;border-radius:1rem;text-decoration:none;color:inherit;background:rgba(245,243,239,.55);transition:background .2s ease;"
3915            >
3916              <span style="font-size:1rem;line-height:1.35;font-weight:500;">BLOOMIN8 as a Gift</span>
3917              <span style="margin-top:.25rem;font-size:.9rem;line-height:1.45;opacity:.68;">A gift that keeps changing</span>
3918            </a>
3919            <a
3920              href="/pages/explore-intelligence"
3921              class="mega-menu__explore-link"
3922              style="display:flex;flex-direction:column;padding:1rem 1.125rem;border-radius:1rem;text-decoration:none;color:inherit;background:rgba(245,243,239,.55);transition:background .2s ease;"
3923            >
3924              <span style="font-size:1rem;line-height:1.35;font-weight:500;">BLOOMIN8 Intelligence</span>
3925              <span style="margin-top:.25rem;font-size:.9rem;line-height:1.45;opacity:.68;">AI curation &amp; art playlists</span>
3926            </a>
3927            <a
3928              href="/pages/explore-widgets"
3929              class="mega-menu__explore-link"
3930              style="display:flex;flex-direction:column;padding:1rem 1.125rem;border-radius:1rem;text-decoration:none;color:inherit;background:rgba(245,243,239,.55);transition:background .2s ease;"
3931            >
3932              <span style="font-size:1rem;line-height:1.35;font-weight:500;">Widgets &amp; Scheduling</span>
3933              <span style="margin-top:.25rem;font-size:.9rem;line-height:1.45;opacity:.68;">Calendar, weather, daily rotations</span>
3934            </a>
3935            <a
3936              href="/pages/explore-display"
3937              class="mega-menu__explore-link"
3938              style="display:flex;flex-direction:column;padding:1rem 1.125rem;border-radius:1rem;text-decoration:none;color:inherit;background:rgba(245,243,239,.55);transition:background .2s ease;"
3939            >
3940              <span style="font-size:1rem;line-height:1.35;font-weight:500;">The Display Revolution</span>
3941              <span style="margin-top:.25rem;font-size:.9rem;line-height:1.45;opacity:.68;">Like real ink on real paper</span>
3942            </a>
3943          </div>
3944        </div>
3945      </div>
3946    </div>
3947  </div>
3948
3949</li>
3950  
3951    
3952    
3953    
3954    <li
3955      role="presentation"
3956      class="menu-list__list-item"
3957      on:focus="/activate"
3958      on:blur="/deactivate"
3959      on:pointerenter="/activate"
3960      on:pointerleave="/deactivate"
3961    >
3962      <a
3963        href="/pages/how-it-works"
3964        data-skip-node-update="true"
3965        class="menu-list__link"ref="menuitem"
3966      >
3967        <span class="menu-list__link-title">How it works</span>
3968      </a></li>
3969  
3970    
3971    
3972    
3973    <li
3974      role="presentation"
3975      class="menu-list__list-item"
3976      on:focus="/activate"
3977      on:blur="/deactivate"
3978      on:pointerenter="/activate"
3979      on:pointerleave="/deactivate"
3980    >
3981      <a
3982        href="/pages/faq"
3983        data-skip-node-update="true"
3984        class="menu-list__link"ref="menuitem"
3985      >
3986        <span class="menu-list__link-title">FAQ</span>
3987      </a></li>
3988  
3989    
3990    
3991    
3992    <li
3993      role="presentation"
3994      class="menu-list__list-item"
3995      on:focus="/activate"
3996      on:blur="/deactivate"
3997      on:pointerenter="/activate"
3998      on:pointerleave="/deactivate"
3999    >
4000      <a
4001        href="https://support.bloomin8.com/"
4002        data-skip-node-update="true"
4003        class="menu-list__link"ref="menuitem"
4004      >
4005        <span class="menu-list__link-title">Support</span>
4006      </a></li>
4007  
4008  
4009  
4010  <li
4011    class="menu-list__list-item"
4012    role="presentation"
4013    slot="more"
4014    on:focus="/activate"
4015    on:blur="/deactivate"
4016    on:pointerenter="/activate"
4017    on:pointerleave="/deactivate"
4018  >
4019    <button role="menuitem" class="button menu-list__link button-unstyled">
4020      <span class="menu-list__link-title">More</span>
4021    </button>
4022  </li>
4023
4024</overflow-list>
4025
4026  </div>
4027</nav>
4028
4029      </div>
4030
4031      
4031<script
4032        src="//bloomin8.com/cdn/shop/t/16/assets/header-menu.js?v=79711101891621171861786105842"
4033        type="module"
4034        fetchpriority="low"
4035      ></script>
4035
4036    </header-menu>
4037
4038
4039
4040
4041
4042
4043            
4044        
4045      
4046    </div><div
4047      class="header__column header__column--center"
4048      data-testid="header-top-center"
4049    >
4050      
4051        
4052          
4053              
4054
4055
4056
4057
4058<a
4059  
4060  href="/"
4061  class="size-style spacing-style header-logo"
4062  style="
4063    --size-style-width: ;--size-style-height: ;
4064    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
4065    --font-family: var(--font-body--family);
4066    --font-style: var(--font-body--style);
4067    --font-weight: 600;
4068  "
4069  
4070>
4071  
4072
4073  <span
4074    class="header-logo__image-container header-logo__image-container--original"
4075    data-testid="header-logo"
4076  >
4077    
4078  
4079  
4080  
4081
4082  
4083
4084  
4085
4086  
4087
4088  <img src="//bloomin8.com/cdn/shop/files/black_4c61cfe3-b387-405e-a453-567277be6612.png?height=36&amp;v=1765963165" alt="" width="36" height="36" class="header-logo__image" srcset="//bloomin8.com/cdn/shop/files/black_4c61cfe3-b387-405e-a453-567277be6612.png?height=36&amp;v=1765963165 1x, //bloomin8.com/cdn/shop/files/black_4c61cfe3-b387-405e-a453-567277be6612.png?height=72&amp;v=1765963165 2x, //bloomin8.com/cdn/shop/files/black_4c61cfe3-b387-405e-a453-567277be6612.png?height=108&amp;v=1765963165 3x" style="--header-logo-image-width: 36px;--header-logo-image-width-mobile: 28px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;">
4089
4090
4091  </span>
4092
4093  
4094    <span
4095      class="header-logo__image-container header-logo__image-container--inverse"
4096      data-testid="header-logo-inverse"
4097    >
4098      
4099  
4100  
4101  
4102
4103  
4104
4105  
4106
4107  
4108
4109  <img src="//bloomin8.com/cdn/shop/files/black_4c61cfe3-b387-405e-a453-567277be6612.png?height=36&amp;v=1765963165" alt="" width="36" height="36" class="header-logo__image" srcset="//bloomin8.com/cdn/shop/files/black_4c61cfe3-b387-405e-a453-567277be6612.png?height=36&amp;v=1765963165 1x, //bloomin8.com/cdn/shop/files/black_4c61cfe3-b387-405e-a453-567277be6612.png?height=72&amp;v=1765963165 2x, //bloomin8.com/cdn/shop/files/black_4c61cfe3-b387-405e-a453-567277be6612.png?height=108&amp;v=1765963165 3x" style="--header-logo-image-width: 36px;--header-logo-image-width-mobile: 28px; --header-logo-image-height: 36px; --header-logo-image-height-mobile: 28px;">
4110
4111
4112    </span>
4113  
4114</a>
4115
4116
4117
4118
4119
4120            
4121        
4122      
4123    </div><div
4124      class="header__column header__column--right"
4125      data-testid="header-top-right"
4126    >
4127      
4128        
4129          
4130              
4131
4132
4133  <dropdown-localization-component
4134    class="dropdown-localization mobile:hidden"
4135  >
4136    <button
4137      type="button"
4138      class="button dropdown-localization__button localization-selector link link--text"
4139      aria-expanded="false"
4140      aria-controls="dropdown-localization-results"
4141      ref="button"
4142      on:click="/toggleSelector"
4143      style="--menu-localization-font: var(--font-body--family);  --menu-localization-font-size: 0.875rem; "
4144    >
4145      
4146        
4147        <span
4148          class="currency-code"
4149          data-testid="localization-currency-code"
4150        >USD</span>
4151      
4152      <span
4153        class="visually-hidden"
4154        data-testid="localization-visually-hidden"
4155      >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">
4156  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4157</svg>
4158</span>
4159    </button>
4160
4161    <div
4162      class="localization-wrapper right-bound color-scheme-1"
4163      hidden
4164      ref="panel"
4165    >
4166      
4167<localization-form-component
4168  ref="localizationForm"
4169  data-label-results-count="[count] results"
4170  data-show-filter="true"
4171  style="--menu-localization-font: var(--font-body--family); --menu-localization-font-size: 0.875rem; --color-shadow: rgb(var(--color-foreground-rgb) / var(--opacity-10-25));"
4172>
4173  
4174<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" />
4175      
4176        <div class="country-filter">
4177          <div class="field">
4178            <div class="country-filter__search-icon field__button motion-reduce">
4179              <span class="svg-wrapper">
4180                <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>
4181
4182              </span>
4183            </div>
4184            <input
4185              class="country-filter__input"
4186              id="country-filter-input"
4187              type="search"
4188              name="country_filter"
4189              value=""
4190              placeholder="Search"
4191              role="combobox"
4192              aria-owns="country-results"
4193              aria-controls="country-results"
4194              aria-haspopup="listbox"
4195              aria-autocomplete="list"
4196              aria-label="Find country"
4197              autocorrect="off"
4198              autocomplete="off"
4199              autocapitalize="off"
4200              spellcheck="false"
4201              ref="search"
4202              on:keyup="/filterCountries"
4203            >
4204            <label
4205              class="field__label visually-hidden"
4206              for="country-filter-input"
4207            >Search</label>
4208            <button
4209              type="reset"
4210              class="button button-unstyled country-filter__reset-button field__button"
4211              aria-label="Reset"
4212              ref="resetButton"
4213              hidden
4214              on:click="/resetCountriesFilter"
4215            >
4216              <span class="svg-wrapper">
4217                <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>
4218
4219              </span>
4220            </button>
4221          </div>
4222        </div>
4223      
4224      <div class="country-selector-form__wrapper">
4225        <h2
4226          class="visually-hidden"
4227          id="dropdown-CountryLabel"
4228        >
4229          Country/Region
4230        </h2>
4231        
4232          <div
4233            id="sr-country-search-results-"
4234            class="visually-hidden"
4235            aria-live="polite"
4236            ref="liveRegion"
4237          ></div>
4238        
4239        <div
4240          class="localization-form__list country-selector__list country-selector__list--with-multiple-currencies"
4241          id="dropdown-country-results"
4242          ref="countryList"
4243        >
4244          
4245          <ul
4246            role="list"
4247            class="list-unstyled countries"
4248          >
4249            <span
4250              class="localization-form__list-item localization-form__list-item-disabled"
4251              id="no-results-message"
4252              ref="noResultsMessage"
4253              hidden
4254            >No results found</span>
4255              <li
4256                class="localization-form__list-item"
4257                
4258                data-value="AU"
4259                
4260                  data-aliases=""
4261                
4262                id="Australia"
4263                aria-label="Australia"
4264                role="option"
4265                tabindex="-1"
4266                ref="countryListItems[]"
4267                on:click="/selectCountry/AU"
4268              >
4269                <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">
4270<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"/>
4271</svg>
4272</span>
4273                <span class="country">Australia</span>
4274                <span
4275                  class="localization-form__currency motion-reduce"
4276                  
4277                >
4278                  AUD
4279                  $</span>
4280              </li>
4281              <li
4282                class="localization-form__list-item"
4283                
4284                data-value="AT"
4285                
4286                  data-aliases=""
4287                
4288                id="Austria"
4289                aria-label="Austria"
4290                role="option"
4291                tabindex="-1"
4292                ref="countryListItems[]"
4293                on:click="/selectCountry/AT"
4294              >
4295                <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">
4296<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"/>
4297</svg>
4298</span>
4299                <span class="country">Austria</span>
4300                <span
4301                  class="localization-form__currency motion-reduce"
4302                  
4303                >
4304                  EUR
4305                  €</span>
4306              </li>
4307              <li
4308                class="localization-form__list-item"
4309                
4310                data-value="BE"
4311                
4312                  data-aliases=""
4313                
4314                id="Belgium"
4315                aria-label="Belgium"
4316                role="option"
4317                tabindex="-1"
4318                ref="countryListItems[]"
4319                on:click="/selectCountry/BE"
4320              >
4321                <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">
4322<path d="M4.75439 10.7485L7.68601 14.5888C7.79288 14.7288 7.84632 14.7988 7.91174 14.8242C7.96907 14.8466 8.03262 14.8469 8.09022 14.8253C8.15596 14.8007 8.21026 14.7314 8.31886 14.5927L15.2475 5.74658" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
4323</svg>
4324</span>
4325                <span class="country">Belgium</span>
4326                <span
4327                  class="localization-form__currency motion-reduce"
4328                  
4329                >
4330                  EUR
4331                  €</span>
4332              </li>
4333              <li
4334                class="localization-form__list-item"
4335                
4336                data-value="BG"
4337                
4338                  data-aliases=""
4339                
4340                id="Bulgaria"
4341                aria-label="Bulgaria"
4342                role="option"
4343                tabindex="-1"
4344                ref="countryListItems[]"
4345                on:click="/selectCountry/BG"
4346              >
4347                <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">
4348<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"/>
4349</svg>
4350</span>
4351                <span class="country">Bulgaria</span>
4352                <span
4353                  class="localization-form__currency motion-reduce"
4354                  
4355                >
4356                  EUR
4357                  €</span>
4358              </li>
4359              <li
4360                class="localization-form__list-item"
4361                
4362                data-value="CA"
4363                
4364                  data-aliases=""
4365                
4366                id="Canada"
4367                aria-label="Canada"
4368                role="option"
4369                tabindex="-1"
4370                ref="countryListItems[]"
4371                on:click="/selectCountry/CA"
4372              >
4373                <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">
4374<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"/>
4375</svg>
4376</span>
4377                <span class="country">Canada</span>
4378                <span
4379                  class="localization-form__currency motion-reduce"
4380                  
4381                >
4382                  CAD
4383                  $</span>
4384              </li>
4385              <li
4386                class="localization-form__list-item"
4387                
4388                data-value="HR"
4389                
4390                  data-aliases=""
4391                
4392                id="Croatia"
4393                aria-label="Croatia"
4394                role="option"
4395                tabindex="-1"
4396                ref="countryListItems[]"
4397                on:click="/selectCountry/HR"
4398              >
4399                <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">
4400<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"/>
4401</svg>
4402</span>
4403                <span class="country">Croatia</span>
4404                <span
4405                  class="localization-form__currency motion-reduce"
4406                  
4407                >
4408                  EUR
4409                  €</span>
4410              </li>
4411              <li
4412                class="localization-form__list-item"
4413                
4414                data-value="CY"
4415                
4416                  data-aliases=""
4417                
4418                id="Cyprus"
4419                aria-label="Cyprus"
4420                role="option"
4421                tabindex="-1"
4422                ref="countryListItems[]"
4423                on:click="/selectCountry/CY"
4424              >
4425                <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">
4426<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"/>
4427</svg>
4428</span>
4429                <span class="country">Cyprus</span>
4430                <span
4431                  class="localization-form__currency motion-reduce"
4432                  
4433                >
4434                  EUR
4435                  €</span>
4436              </li>
4437              <li
4438                class="localization-form__list-item"
4439                
4440                data-value="CZ"
4441                
4442                  data-aliases=""
4443                
4444                id="Czechia"
4445                aria-label="Czechia"
4446                role="option"
4447                tabindex="-1"
4448                ref="countryListItems[]"
4449                on:click="/selectCountry/CZ"
4450              >
4451                <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">
4452<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"/>
4453</svg>
4454</span>
4455                <span class="country">Czechia</span>
4456                <span
4457                  class="localization-form__currency motion-reduce"
4458                  
4459                >
4460                  CZK
4461                  Kč</span>
4462              </li>
4463              <li
4464                class="localization-form__list-item"
4465                
4466                data-value="DK"
4467                
4468                  data-aliases=""
4469                
4470                id="Denmark"
4471                aria-label="Denmark"
4472                role="option"
4473                tabindex="-1"
4474                ref="countryListItems[]"
4475                on:click="/selectCountry/DK"
4476              >
4477                <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">
4478<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"/>
4479</svg>
4480</span>
4481                <span class="country">Denmark</span>
4482                <span
4483                  class="localization-form__currency motion-reduce"
4484                  
4485                >
4486                  DKK
4487                  kr.</span>
4488              </li>
4489              <li
4490                class="localization-form__list-item"
4491                
4492                data-value="EE"
4493                
4494                  data-aliases=""
4495                
4496                id="Estonia"
4497                aria-label="Estonia"
4498                role="option"
4499                tabindex="-1"
4500                ref="countryListItems[]"
4501                on:click="/selectCountry/EE"
4502              >
4503                <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">
4504<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"/>
4505</svg>
4506</span>
4507                <span class="country">Estonia</span>
4508                <span
4509                  class="localization-form__currency motion-reduce"
4510                  
4511                >
4512                  EUR
4513                  €</span>
4514              </li>
4515              <li
4516                class="localization-form__list-item"
4517                
4518                data-value="FI"
4519                
4520                  data-aliases=""
4521                
4522                id="Finland"
4523                aria-label="Finland"
4524                role="option"
4525                tabindex="-1"
4526                ref="countryListItems[]"
4527                on:click="/selectCountry/FI"
4528              >
4529                <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">
4530<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"/>
4531</svg>
4532</span>
4533                <span class="country">Finland</span>
4534                <span
4535                  class="localization-form__currency motion-reduce"
4536                  
4537                >
4538                  EUR
4539                  €</span>
4540              </li>
4541              <li
4542                class="localization-form__list-item"
4543                
4544                data-value="FR"
4545                
4546                  data-aliases=""
4547                
4548                id="France"
4549                aria-label="France"
4550                role="option"
4551                tabindex="-1"
4552                ref="countryListItems[]"
4553                on:click="/selectCountry/FR"
4554              >
4555                <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">
4556<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"/>
4557</svg>
4558</span>
4559                <span class="country">France</span>
4560                <span
4561                  class="localization-form__currency motion-reduce"
4562                  
4563                >
4564                  EUR
4565                  €</span>
4566              </li>
4567              <li
4568                class="localization-form__list-item"
4569                
4570                data-value="DE"
4571                
4572                  data-aliases=""
4573                
4574                id="Germany"
4575                aria-label="Germany"
4576                role="option"
4577                tabindex="-1"
4578                ref="countryListItems[]"
4579                on:click="/selectCountry/DE"
4580              >
4581                <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">
4582<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"/>
4583</svg>
4584</span>
4585                <span class="country">Germany</span>
4586                <span
4587                  class="localization-form__currency motion-reduce"
4588                  
4589                >
4590                  EUR
4591                  €</span>
4592              </li>
4593              <li
4594                class="localization-form__list-item"
4595                
4596                data-value="GR"
4597                
4598                  data-aliases=""
4599                
4600                id="Greece"
4601                aria-label="Greece"
4602                role="option"
4603                tabindex="-1"
4604                ref="countryListItems[]"
4605                on:click="/selectCountry/GR"
4606              >
4607                <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">
4608<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"/>
4609</svg>
4610</span>
4611                <span class="country">Greece</span>
4612                <span
4613                  class="localization-form__currency motion-reduce"
4614                  
4615                >
4616                  EUR
4617                  €</span>
4618              </li>
4619              <li
4620                class="localization-form__list-item"
4621                
4622                data-value="HK"
4623                
4624                  data-aliases=""
4625                
4626                id="Hong Kong SAR"
4627                aria-label="Hong Kong SAR"
4628                role="option"
4629                tabindex="-1"
4630                ref="countryListItems[]"
4631                on:click="/selectCountry/HK"
4632              >
4633                <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">
4634<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"/>
4635</svg>
4636</span>
4637                <span class="country">Hong Kong SAR</span>
4638                <span
4639                  class="localization-form__currency motion-reduce"
4640                  
4641                >
4642                  HKD
4643                  $</span>
4644              </li>
4645              <li
4646                class="localization-form__list-item"
4647                
4648                data-value="HU"
4649                
4650                  data-aliases=""
4651                
4652                id="Hungary"
4653                aria-label="Hungary"
4654                role="option"
4655                tabindex="-1"
4656                ref="countryListItems[]"
4657                on:click="/selectCountry/HU"
4658              >
4659                <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">
4660<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"/>
4661</svg>
4662</span>
4663                <span class="country">Hungary</span>
4664                <span
4665                  class="localization-form__currency motion-reduce"
4666                  
4667                >
4668                  HUF
4669                  Ft</span>
4670              </li>
4671              <li
4672                class="localization-form__list-item"
4673                
4674                data-value="IE"
4675                
4676                  data-aliases=""
4677                
4678                id="Ireland"
4679                aria-label="Ireland"
4680                role="option"
4681                tabindex="-1"
4682                ref="countryListItems[]"
4683                on:click="/selectCountry/IE"
4684              >
4685                <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">
4686<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"/>
4687</svg>
4688</span>
4689                <span class="country">Ireland</span>
4690                <span
4691                  class="localization-form__currency motion-reduce"
4692                  
4693                >
4694                  EUR
4695                  €</span>
4696              </li>
4697              <li
4698                class="localization-form__list-item"
4699                
4700                data-value="IT"
4701                
4702                  data-aliases=""
4703                
4704                id="Italy"
4705                aria-label="Italy"
4706                role="option"
4707                tabindex="-1"
4708                ref="countryListItems[]"
4709                on:click="/selectCountry/IT"
4710              >
4711                <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">
4712<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"/>
4713</svg>
4714</span>
4715                <span class="country">Italy</span>
4716                <span
4717                  class="localization-form__currency motion-reduce"
4718                  
4719                >
4720                  EUR
4721                  €</span>
4722              </li>
4723              <li
4724                class="localization-form__list-item"
4725                
4726                data-value="JP"
4727                
4728                  data-aliases=""
4729                
4730                id="Japan"
4731                aria-label="Japan"
4732                role="option"
4733                tabindex="-1"
4734                ref="countryListItems[]"
4735                on:click="/selectCountry/JP"
4736              >
4737                <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">
4738<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"/>
4739</svg>
4740</span>
4741                <span class="country">Japan</span>
4742                <span
4743                  class="localization-form__currency motion-reduce"
4744                  
4745                >
4746                  JPY
4747                  ¥</span>
4748              </li>
4749              <li
4750                class="localization-form__list-item"
4751                
4752                data-value="LV"
4753                
4754                  data-aliases=""
4755                
4756                id="Latvia"
4757                aria-label="Latvia"
4758                role="option"
4759                tabindex="-1"
4760                ref="countryListItems[]"
4761                on:click="/selectCountry/LV"
4762              >
4763                <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">
4764<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"/>
4765</svg>
4766</span>
4767                <span class="country">Latvia</span>
4768                <span
4769                  class="localization-form__currency motion-reduce"
4770                  
4771                >
4772                  EUR
4773                  €</span>
4774              </li>
4775              <li
4776                class="localization-form__list-item"
4777                
4778                data-value="LT"
4779                
4780                  data-aliases=""
4781                
4782                id="Lithuania"
4783                aria-label="Lithuania"
4784                role="option"
4785                tabindex="-1"
4786                ref="countryListItems[]"
4787                on:click="/selectCountry/LT"
4788              >
4789                <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">
4790<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"/>
4791</svg>
4792</span>
4793                <span class="country">Lithuania</span>
4794                <span
4795                  class="localization-form__currency motion-reduce"
4796                  
4797                >
4798                  EUR
4799                  €</span>
4800              </li>
4801              <li
4802                class="localization-form__list-item"
4803                
4804                data-value="LU"
4805                
4806                  data-aliases=""
4807                
4808                id="Luxembourg"
4809                aria-label="Luxembourg"
4810                role="option"
4811                tabindex="-1"
4812                ref="countryListItems[]"
4813                on:click="/selectCountry/LU"
4814              >
4815                <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">
4816<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"/>
4817</svg>
4818</span>
4819                <span class="country">Luxembourg</span>
4820                <span
4821                  class="localization-form__currency motion-reduce"
4822                  
4823                >
4824                  EUR
4825                  €</span>
4826              </li>
4827              <li
4828                class="localization-form__list-item"
4829                
4830                data-value="MY"
4831                
4832                  data-aliases=""
4833                
4834                id="Malaysia"
4835                aria-label="Malaysia"
4836                role="option"
4837                tabindex="-1"
4838                ref="countryListItems[]"
4839                on:click="/selectCountry/MY"
4840              >
4841                <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">
4842<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"/>
4843</svg>
4844</span>
4845                <span class="country">Malaysia</span>
4846                <span
4847                  class="localization-form__currency motion-reduce"
4848                  
4849                >
4850                  MYR
4851                  RM</span>
4852              </li>
4853              <li
4854                class="localization-form__list-item"
4855                
4856                data-value="MT"
4857                
4858                  data-aliases=""
4859                
4860                id="Malta"
4861                aria-label="Malta"
4862                role="option"
4863                tabindex="-1"
4864                ref="countryListItems[]"
4865                on:click="/selectCountry/MT"
4866              >
4867                <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">
4868<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"/>
4869</svg>
4870</span>
4871                <span class="country">Malta</span>
4872                <span
4873                  class="localization-form__currency motion-reduce"
4874                  
4875                >
4876                  EUR
4877                  €</span>
4878              </li>
4879              <li
4880                class="localization-form__list-item"
4881                
4882                data-value="MX"
4883                
4884                  data-aliases=""
4885                
4886                id="Mexico"
4887                aria-label="Mexico"
4888                role="option"
4889                tabindex="-1"
4890                ref="countryListItems[]"
4891                on:click="/selectCountry/MX"
4892              >
4893                <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">
4894<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"/>
4895</svg>
4896</span>
4897                <span class="country">Mexico</span>
4898                <span
4899                  class="localization-form__currency motion-reduce"
4900                  
4901                >
4902                  USD
4903                  $</span>
4904              </li>
4905              <li
4906                class="localization-form__list-item"
4907                
4908                data-value="NL"
4909                
4910                  data-aliases=""
4911                
4912                id="Netherlands"
4913                aria-label="Netherlands"
4914                role="option"
4915                tabindex="-1"
4916                ref="countryListItems[]"
4917                on:click="/selectCountry/NL"
4918              >
4919                <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">
4920<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"/>
4921</svg>
4922</span>
4923                <span class="country">Netherlands</span>
4924                <span
4925                  class="localization-form__currency motion-reduce"
4926                  
4927                >
4928                  EUR
4929                  €</span>
4930              </li>
4931              <li
4932                class="localization-form__list-item"
4933                
4934                data-value="NZ"
4935                
4936                  data-aliases=""
4937                
4938                id="New Zealand"
4939                aria-label="New Zealand"
4940                role="option"
4941                tabindex="-1"
4942                ref="countryListItems[]"
4943                on:click="/selectCountry/NZ"
4944              >
4945                <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">
4946<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"/>
4947</svg>
4948</span>
4949                <span class="country">New Zealand</span>
4950                <span
4951                  class="localization-form__currency motion-reduce"
4952                  
4953                >
4954                  NZD
4955                  $</span>
4956              </li>
4957              <li
4958                class="localization-form__list-item"
4959                
4960                data-value="NO"
4961                
4962                  data-aliases=""
4963                
4964                id="Norway"
4965                aria-label="Norway"
4966                role="option"
4967                tabindex="-1"
4968                ref="countryListItems[]"
4969                on:click="/selectCountry/NO"
4970              >
4971                <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">
4972<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"/>
4973</svg>
4974</span>
4975                <span class="country">Norway</span>
4976                <span
4977                  class="localization-form__currency motion-reduce"
4978                  
4979                >
4980                  USD
4981                  $</span>
4982              </li>
4983              <li
4984                class="localization-form__list-item"
4985                
4986                data-value="PL"
4987                
4988                  data-aliases=""
4989                
4990                id="Poland"
4991                aria-label="Poland"
4992                role="option"
4993                tabindex="-1"
4994                ref="countryListItems[]"
4995                on:click="/selectCountry/PL"
4996              >
4997                <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">
4998<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"/>
4999</svg>
5000</span>
5001                <span class="country">Poland</span>
5002                <span
5003                  class="localization-form__currency motion-reduce"
5004                  
5005                >
5006                  PLN
5007                  zł</span>
5008              </li>
5009              <li
5010                class="localization-form__list-item"
5011                
5012                data-value="PT"
5013                
5014                  data-aliases=""
5015                
5016                id="Portugal"
5017                aria-label="Portugal"
5018                role="option"
5019                tabindex="-1"
5020                ref="countryListItems[]"
5021                on:click="/selectCountry/PT"
5022              >
5023                <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">
5024<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"/>
5025</svg>
5026</span>
5027                <span class="country">Portugal</span>
5028                <span
5029                  class="localization-form__currency motion-reduce"
5030                  
5031                >
5032                  EUR
5033                  €</span>
5034              </li>
5035              <li
5036                class="localization-form__list-item"
5037                
5038                data-value="RO"
5039                
5040                  data-aliases=""
5041                
5042                id="Romania"
5043                aria-label="Romania"
5044                role="option"
5045                tabindex="-1"
5046                ref="countryListItems[]"
5047                on:click="/selectCountry/RO"
5048              >
5049                <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">
5050<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"/>
5051</svg>
5052</span>
5053                <span class="country">Romania</span>
5054                <span
5055                  class="localization-form__currency motion-reduce"
5056                  
5057                >
5058                  RON
5059                  Lei</span>
5060              </li>
5061              <li
5062                class="localization-form__list-item"
5063                
5064                data-value="SG"
5065                
5066                  data-aliases=""
5067                
5068                id="Singapore"
5069                aria-label="Singapore"
5070                role="option"
5071                tabindex="-1"
5072                ref="countryListItems[]"
5073                on:click="/selectCountry/SG"
5074              >
5075                <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">
5076<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"/>
5077</svg>
5078</span>
5079                <span class="country">Singapore</span>
5080                <span
5081                  class="localization-form__currency motion-reduce"
5082                  
5083                >
5084                  SGD
5085                  $</span>
5086              </li>
5087              <li
5088                class="localization-form__list-item"
5089                
5090                data-value="SK"
5091                
5092                  data-aliases=""
5093                
5094                id="Slovakia"
5095                aria-label="Slovakia"
5096                role="option"
5097                tabindex="-1"
5098                ref="countryListItems[]"
5099                on:click="/selectCountry/SK"
5100              >
5101                <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">
5102<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"/>
5103</svg>
5104</span>
5105                <span class="country">Slovakia</span>
5106                <span
5107                  class="localization-form__currency motion-reduce"
5108                  
5109                >
5110                  EUR
5111                  €</span>
5112              </li>
5113              <li
5114                class="localization-form__list-item"
5115                
5116                data-value="SI"
5117                
5118                  data-aliases=""
5119                
5120                id="Slovenia"
5121                aria-label="Slovenia"
5122                role="option"
5123                tabindex="-1"
5124                ref="countryListItems[]"
5125                on:click="/selectCountry/SI"
5126              >
5127                <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">
5128<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"/>
5129</svg>
5130</span>
5131                <span class="country">Slovenia</span>
5132                <span
5133                  class="localization-form__currency motion-reduce"
5134                  
5135                >
5136                  EUR
5137                  €</span>
5138              </li>
5139              <li
5140                class="localization-form__list-item"
5141                
5142                data-value="ES"
5143                
5144                  data-aliases=""
5145                
5146                id="Spain"
5147                aria-label="Spain"
5148                role="option"
5149                tabindex="-1"
5150                ref="countryListItems[]"
5151                on:click="/selectCountry/ES"
5152              >
5153                <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">
5154<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"/>
5155</svg>
5156</span>
5157                <span class="country">Spain</span>
5158                <span
5159                  class="localization-form__currency motion-reduce"
5160                  
5161                >
5162                  EUR
5163                  €</span>
5164              </li>
5165              <li
5166                class="localization-form__list-item"
5167                
5168                data-value="SE"
5169                
5170                  data-aliases=""
5171                
5172                id="Sweden"
5173                aria-label="Sweden"
5174                role="option"
5175                tabindex="-1"
5176                ref="countryListItems[]"
5177                on:click="/selectCountry/SE"
5178              >
5179                <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">
5180<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"/>
5181</svg>
5182</span>
5183                <span class="country">Sweden</span>
5184                <span
5185                  class="localization-form__currency motion-reduce"
5186                  
5187                >
5188                  SEK
5189                  kr</span>
5190              </li>
5191              <li
5192                class="localization-form__list-item"
5193                
5194                data-value="CH"
5195                
5196                  data-aliases=""
5197                
5198                id="Switzerland"
5199                aria-label="Switzerland"
5200                role="option"
5201                tabindex="-1"
5202                ref="countryListItems[]"
5203                on:click="/selectCountry/CH"
5204              >
5205                <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">
5206<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"/>
5207</svg>
5208</span>
5209                <span class="country">Switzerland</span>
5210                <span
5211                  class="localization-form__currency motion-reduce"
5212                  
5213                >
5214                  CHF
5215                  CHF</span>
5216              </li>
5217              <li
5218                class="localization-form__list-item"
5219                
5220                data-value="TW"
5221                
5222                  data-aliases=""
5223                
5224                id="Taiwan"
5225                aria-label="Taiwan"
5226                role="option"
5227                tabindex="-1"
5228                ref="countryListItems[]"
5229                on:click="/selectCountry/TW"
5230              >
5231                <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">
5232<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"/>
5233</svg>
5234</span>
5235                <span class="country">Taiwan</span>
5236                <span
5237                  class="localization-form__currency motion-reduce"
5238                  
5239                >
5240                  TWD
5241                  $</span>
5242              </li>
5243              <li
5244                class="localization-form__list-item"
5245                
5246                data-value="TH"
5247                
5248                  data-aliases=""
5249                
5250                id="Thailand"
5251                aria-label="Thailand"
5252                role="option"
5253                tabindex="-1"
5254                ref="countryListItems[]"
5255                on:click="/selectCountry/TH"
5256              >
5257                <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">
5258<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"/>
5259</svg>
5260</span>
5261                <span class="country">Thailand</span>
5262                <span
5263                  class="localization-form__currency motion-reduce"
5264                  
5265                >
5266                  THB
5267                  ฿</span>
5268              </li>
5269              <li
5270                class="localization-form__list-item"
5271                
5272                data-value="GB"
5273                
5274                  data-aliases="uk,gb,great britain"
5275                
5276                id="United Kingdom"
5277                aria-label="United Kingdom"
5278                role="option"
5279                tabindex="-1"
5280                ref="countryListItems[]"
5281                on:click="/selectCountry/GB"
5282              >
5283                <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">
5284<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"/>
5285</svg>
5286</span>
5287                <span class="country">United Kingdom</span>
5288                <span
5289                  class="localization-form__currency motion-reduce"
5290                  
5291                >
5292                  GBP
5293                  £</span>
5294              </li>
5295              <li
5296                class="localization-form__list-item"
5297                
5298                  aria-current="true"
5299                
5300                data-value="US"
5301                
5302                  data-aliases="us,usa,america,united states of america"
5303                
5304                id="United States"
5305                aria-label="United States"
5306                role="option"
5307                tabindex="-1"
5308                ref="countryListItems[]"
5309                on:click="/selectCountry/US"
5310              >
5311                <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">
5312<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"/>
5313</svg>
5314</span>
5315                <span class="country">United States</span>
5316                <span
5317                  class="localization-form__currency motion-reduce"
5318                  
5319                >
5320                  USD
5321                  $</span>
5322              </li></ul>
5323        </div>
5324        <div class="country-selector__overlay"></div>
5325        <input
5326          type="hidden"
5327          name="country_code"
5328          value="US"
5329          ref="countryInput"
5330        >
5331      </div>
5332    
5333
5334    
5335</form></localization-form-component>
5336
5337
5338
5339    </div>
5340  </dropdown-localization-component>
5341
5342
5343            
5344        
5345      
5346        
5347          
5348              
5349  <search-button class="search-action mobile:hidden">
5350    <button
5351      on:click="#search-modal/showDialog"
5352      class="button button-unstyled search-modal__button header-actions__action"
5353      aria-label="Search"
5354      aria-haspopup="dialog"
5355    >
5356      <span
5357        aria-hidden="true"
5358        class="svg-wrapper"
5359      >
5360        <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>
5361
5362      </span>
5363    </button>
5364  </search-button>
5365
5366
5367
5368
5369            
5370        
5371      
5372        
5373          
5374              
5374<script
5375  type="module"
5376  src="//bloomin8.com/cdn/shop/t/16/assets/cart-icon.js?v=166134955531180270021786105846"
5377  fetchpriority="low"
5378></script>
5378
5379
5380<header-actions>
5381  
5382    <anchored-popover-component
5383  data-close-on-resize="true"
5384  class="account-popover mobile:hidden"
5385>
5386  <button
5387  class="account-button header-actions__action"
5388  aria-label="Account"
5389  aria-haspopup="dialog"popovertarget="account-popover"
5390    popovertargetaction="toggle"ref="trigger"
5391  
5392><span
5393      class="account-button__icon"
5394      aria-hidden="true"
5395    ><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>
5396</span></button>
5397
5398
5399
5400  <div
5401    class="account-popover__panel details-content color-scheme-1"
5402    id="account-popover"
5403    popover="auto"
5404    ref="popover"
5405  >
5406    <div class="account-actions">
5407  <div class="account-actions__main-menu">
5408    <header class="account-actions__header">
5409      <h2
5410        id="account-drawer-heading"
5411        class="account-actions__title h5"
5412      >
5413        
5414          Account
5415        
5416      </h2>
5417      
5418    </header>
5419
5420    
5421      <div
5422        class="account-actions__sign-ins"
5423        data-skip-subtree-update="true"
5424      >
5425        
5425<script
5426          src="//bloomin8.com/cdn/shop/t/16/assets/account-login-actions.js?v=132624473766457443991786105843"
5427          type="module"
5428          fetchpriority="low"
5429        ></script>
5429
5430        <account-login-actions class="account-actions__shop-login">
5431          
5431<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 5431
5431
5432<script type="module">
5433  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js");
5434
5435  
5436</script>
5436
5437
5438<shop-login-button ux-mode="windoid" return-uri="https://bloomin8.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>
5439
5440        </account-login-actions>
5441
5442        <a
5443          href="/customer_authentication/login?return_to=%2F&locale=en&ui_hint=full&region_country=US"
5444          class="account-actions__link button"
5445        >
5446          <span class="account-actions__sign-in-text">
5447            Other sign in options
5448          </span>
5449          <span class="account-actions__fallback-text">
5450            Sign in
5451          </span>
5452        </a>
5453      </div>
5454    
5455
5456    <nav class="account-actions__nav">
5457      <ul class="account-actions__list">
5458        <li class="account-actions__list-item">
5459          <a
5460            href="/account"
5461            class="account-actions__link button-secondary"
5462          >
5463            <span
5464              class="account-actions__icon"
5465              aria-hidden="true"
5466            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
5467  <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"/>
5468  <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"/>
5469</svg>
5470</span>
5471            Orders
5472          </a>
5473        </li>
5474        <li class="account-actions__list-item">
5475          <a
5476            href="/account/addresses"
5477            class="account-actions__link button-secondary"
5478          >
5479            <span
5480              class="account-actions__icon"
5481              aria-hidden="true"
5482            ><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>
5483</span>
5484            Profile
5485          </a>
5486        </li>
5487      </ul>
5488    </nav>
5489  </div>
5490</div>
5491
5492
5493
5494  </div>
5495</anchored-popover-component>
5496
5497
5498
5499    
5499<script
5500  src="//bloomin8.com/cdn/shop/t/16/assets/dialog.js?v=122984339961420548111786105846"
5501  type="module"
5502></script>
5502
5503
5504<dialog-component
5505  class="account-drawer"
5506  
5507>
5508  <button
5509  class="account-button header-actions__action"
5510  aria-label="Account"
5511  aria-haspopup="dialog"ref="trigger"
5512  on:click="/showDialog"
5513><span
5514      class="account-button__icon"
5515      aria-hidden="true"
5516    ><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>
5517</span></button>
5518
5519
5520
5521  <dialog
5522    ref="dialog"
5523    class="color-scheme-1 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog"
5524    scroll-lock
5525    aria-labelledby="account-drawer-heading"
5526  >
5527    <button
5528      ref="closeButton"
5529      on:click="/closeDialog"
5530      class="button button-unstyled close-button account-drawer__close-button"
5531      aria-label="Close dialog"
5532      autofocus
5533    >
5534      <span
5535        class="svg-wrapper"
5536        aria-hidden="true"
5537      ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5538  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5539  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5540</svg>
5541</span>
5542    </button>
5543    <div class="account-actions">
5544  <div class="account-actions__main-menu">
5545    <header class="account-actions__header">
5546      <h2
5547        id="account-drawer-heading"
5548        class="account-actions__title h5"
5549      >
5550        
5551          Account
5552        
5553      </h2>
5554      
5555    </header>
5556
5557    
5558      <div
5559        class="account-actions__sign-ins"
5560        data-skip-subtree-update="true"
5561      >
5562        
5562<script
5563          src="//bloomin8.com/cdn/shop/t/16/assets/account-login-actions.js?v=132624473766457443991786105843"
5564          type="module"
5565          fetchpriority="low"
5566        ></script>
5566
5567        <account-login-actions class="account-actions__shop-login">
5568          
5568<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 5568
5568
5569<script type="module">
5570  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js");
5571
5572  
5573</script>
5573
5574
5575<shop-login-button ux-mode="windoid" return-uri="https://bloomin8.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button>
5576
5577        </account-login-actions>
5578
5579        <a
5580          href="/customer_authentication/login?return_to=%2F&locale=en&ui_hint=full&region_country=US"
5581          class="account-actions__link button"
5582        >
5583          <span class="account-actions__sign-in-text">
5584            Other sign in options
5585          </span>
5586          <span class="account-actions__fallback-text">
5587            Sign in
5588          </span>
5589        </a>
5590      </div>
5591    
5592
5593    <nav class="account-actions__nav">
5594      <ul class="account-actions__list">
5595        <li class="account-actions__list-item">
5596          <a
5597            href="/account"
5598            class="account-actions__link button-secondary"
5599          >
5600            <span
5601              class="account-actions__icon"
5602              aria-hidden="true"
5603            ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none">
5604  <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"/>
5605  <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"/>
5606</svg>
5607</span>
5608            Orders
5609          </a>
5610        </li>
5611        <li class="account-actions__list-item">
5612          <a
5613            href="/account/addresses"
5614            class="account-actions__link button-secondary"
5615          >
5616            <span
5617              class="account-actions__icon"
5618              aria-hidden="true"
5619            ><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>
5620</span>
5621            Profile
5622          </a>
5623        </li>
5624      </ul>
5625    </nav>
5626  </div>
5627</div>
5628
5629
5630
5631  </dialog>
5632</dialog-component>
5633
5634
5635
5636  
5637
5638  
5639    
5639<script
5640  src="//bloomin8.com/cdn/shop/t/16/assets/cart-drawer.js?v=92290163633888904321786105845"
5641  type="module"
5642  fetchpriority="low"
5643></script>
5643
5644
5645<cart-drawer-component
5646  class="cart-drawer"
5647  
5648  
5649    auto-open
5650  
5651>
5652  <button
5653    class="button header-actions__action button-unstyled"
5654    on:click="/open"
5655    aria-haspopup="dialog"
5656    aria-label="Cart"
5657    aria-describedby="cart-bubble-text"
5658    data-testid="cart-drawer-trigger"
5659  >
5660    <cart-icon
5661  class="
5662    header-actions__cart-icon
5663    
5664  "
5665  data-testid="cart-icon"
5666>
5667  <span
5668    class="svg-wrapper"
5669    aria-hidden="true"
5670  >
5671    <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>
5672
5673  </span>
5674
5675  <div
5676  ref="cartBubble"
5677  class="cart-bubble visually-hidden"
5678  
5679  
5680    data-maintain-ratio
5681  
5682>
5683  <span class="cart-bubble__background"></span>
5684  <span
5685    ref="cartBubbleText"
5686    id="cart-bubble-text"
5687    class="cart-bubble__text"
5688    
5689      role="status"
5690    
5691  >
5692    <span class="visually-hidden">Total items in cart: 0
5693    </span>
5694    <span
5695      class="cart-bubble__text-count hidden"
5696      ref="cartBubbleCount"
5697      aria-hidden="true"
5698      data-testid="cart-bubble"
5699    >
57000</span>
5701  </span>
5702</div>
5703
5704</cart-icon>
5705
5706
5707
5708  </button>
5709
5710  <dialog
5711    ref="dialog"
5712    class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty"
5713    aria-labelledby="cart-drawer-heading-empty"
5714    scroll-lock
5715  >
5716    <div class="cart-drawer__inner">
5717      <cart-items-component
5718        class="cart-items-component"
5719        data-section-id="sections--27581132964118__header_section"
5720      ><div class="cart-drawer__header">
5721            <button
5722              ref="closeButton"
5723              on:click="cart-drawer-component/close"
5724              class="button close-button cart-drawer__close-button button-unstyled"
5725              aria-label="Close dialog"
5726            >
5727              <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
5728  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5729  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
5730</svg>
5731</span>
5732            </button>
5733          </div>
5734
5735          <div
5736            class="cart-drawer__content motion-reduce"
5737            aria-label="Cart"
5738          >
5739            <h2
5740              class="cart-drawer__heading h3 cart-drawer__heading--empty"
5741              id="cart-drawer-heading-empty"
5742            >
5743              Your cart is empty
5744            </h2>
5745
5746            <div class="cart-drawer__items">
5747              
5748
5749<script
5750  src="//bloomin8.com/cdn/shop/t/16/assets/component-cart-items.js?v=47090504063697747641786105844"
5751  type="module"
5752  fetchpriority="low"
5753></script>
vendor: 1 bytes, line 5753
5753
5754<script
5755  src="//bloomin8.com/cdn/shop/t/16/assets/component-cart-quantity-selector.js?v=105130809908858639751786105844"
5756  type="module"
5757  fetchpriority="low"
5758></script>
vendor: 1 bytes, line 5758
5758
5759<script
5760  src="//bloomin8.com/cdn/shop/t/16/assets/volume-pricing-info.js?v=94479640769665442661786105844"
5761  type="module"
5762  fetchpriority="low"
5763></script>
5763
5764
5765<div
5766  
5767  class="cart-items__wrapper"
5768  
5769>
5770  
5771<p>
5772        Have an account? <a href="https://bloomin8.com/customer_authentication/redirect?locale=en&region_country=US">Log in</a> to check out faster.
5773      </p><a
5774      class="button cart-items__empty-button"
5775      href="/collections/all"
5776    >
5777      Continue shopping
5778    </a></div>
5779
5780
5781
5782            </div>
5783          </div></cart-items-component>
5784    </div>
5785  </dialog>
5786</cart-drawer-component>
5787
5788
5789
5790  
5791</header-actions>
5792
5793
5794
5795          
5796        
5797      
5798    </div>
5799        </div>
5800      </div>
5801    
5802  
5803    
5804
5805    
5806
5807    
5808    
5809  
5810
5811  
5812</header-component>
5813
5814<script
5815  src="//bloomin8.com/cdn/shop/t/16/assets/header.js?v=44054527098996434631786105842"
5816  type="module"
5817></script>
5817
5818
5819
5820
5821
5822  
5822<script type="module">
5823    import { hydrate } from '@theme/section-hydration';
5824    const url = new URL(window.location.href);
5825    url.searchParams.delete('page');
5826    hydrate('sections--27581132964118__header_section', url);
5827  </script>
5827
5828
5829
5830
5831</header>
5832<!-- END sections: header-group -->
5833    </div>
5834
5835    
5835<script>
5836      // Inline header height calculation to prevent layout shift
5837      // Note: Updates in calculateHeaderGroupHeight() and updateTransparentHeaderOffset()utilities.js should be kept in sync with this function
5838      (function setHeaderHeighCustomProperties() {
5839        /*
5840         * Header calculation functions for maintaining CSS variables
5841         * Mimic calculateHeaderGroupHeight() in utilities.js
5842         */
5843        const header = document.querySelector('header-component');
5844        const headerGroup = document.querySelector('#header-group');
5845        const hasHeaderSection = headerGroup?.querySelector('.header-section');
5846
5847        if (!header || !headerGroup) return;
5848
5849        const headerHeight = header.offsetHeight;
5850
5851        // Calculate the total height of the header group
5852        let headerGroupHeight = 0;
5853        const children = headerGroup.children;
5854        for (let i = 0; i < children.length; i++) {
5855          const element = children[i];
5856          if (element === header || !(element instanceof HTMLElement)) continue;
5857          headerGroupHeight += element.offsetHeight;
5858        }
5859
5860        // Check for transparent header special case
5861        if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) {
5862          headerGroupHeight += headerHeight;
5863        }
5864
5865        // Set CSS variables
5866        document.body.style.setProperty('--header-height', `${headerHeight}px`);
5867        document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`);
5868
5869        /**
5870         * Updates CSS custom properties for transparent header offset calculation
5871         * Mimic updateTransparentHeaderOffset() in utilities.js
5872         */
5873
5874        if (!hasHeaderSection || !header?.hasAttribute('transparent')) {
5875          document.body.style.setProperty('--transparent-header-offset-boolean', '0');
5876          return;
5877        }
5878
5879        const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section');
5880
5881        const shouldApplyOffset = !hasImmediateSection ? '1' : '0';
5882        document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset);
5883      })();
5884    </script>
5884
5885
5886    <main
5887      id="MainContent"
5888      class="content-for-layout"
5889      role="main"
5890      data-page-transition-enabled="true"
5891      data-product-transition="true"
5892      data-template="index"
5893    >
5894      
5895        <section id="shopify-section-template--27581133783318__hero_b8_005" class="shopify-section b8-hero-section"><style data-shopify>.b8-hero {
5896    display: block;
5897    position: relative;
5898    height: 200vh;
5899  }
5900
5901  .b8-hero__sticky {
5902    position: sticky;
5903    top: 0;
5904    width: 100%;
5905    height: 100vh;
5906    overflow: hidden;
5907    /* Promote to GPU layer to prevent mobile compositing artifacts */
5908    -webkit-backface-visibility: hidden;
5909    backface-visibility: hidden;
5910  }
5911
5912  .b8-hero__img {
5913    position: absolute;
5914    inset: 0;
5915    width: 100%;
5916    height: 100%;
5917    object-fit: cover;
5918    /* No CSS transition — JS rAF drives opacity directly; CSS transition
5919       layered on top causes stutter/flicker on mobile scroll-back */
5920    will-change: opacity;
5921    -webkit-backface-visibility: hidden;
5922    backface-visibility: hidden;
5923    transform: translateZ(0);
5924  }
5925
5926  .b8-hero__img--light { opacity: 1; z-index: 1; }
5927  .b8-hero__img--dark  { opacity: 0; z-index: 2; }
5928
5929  .b8-hero__overlay {
5930    position: absolute;
5931    inset: 0;
5932    z-index: 3;
5933    background: rgba(26, 26, 26, 0.3);
5934    /* background driven by JS rAF — no CSS transition needed */
5935    will-change: background;
5936    -webkit-backface-visibility: hidden;
5937    backface-visibility: hidden;
5938    transform: translateZ(0);
5939  }
5940
5941  .b8-hero__content {
5942    position: absolute;
5943    inset: 0;
5944    z-index: 4;
5945    display: flex;
5946    flex-direction: column;
5947    justify-content: center;
5948    align-items: flex-start;
5949    padding: 0 10vw;
5950    color: white;
5951    gap: 24px;
5952    /* Entrance animation */
5953    opacity: 0;
5954    transform: translateY(20px);
5955    animation: b8-hero-entrance 0.6s ease forwards;
5956    animation-delay: 0.1s;
5957  }
5958
5959  /* Day content: fade out in place when entering night mode */
5960  .b8-hero__headline,
5961  .b8-hero__tagline,
5962  .b8-hero__meta,
5963  .b8-hero__cta {
5964    transition: opacity 0.6s ease;
5965  }
5966
5967  .b8-hero[data-mode="night"] .b8-hero__headline,
5968  .b8-hero[data-mode="night"] .b8-hero__tagline,
5969  .b8-hero[data-mode="night"] .b8-hero__meta,
5970  .b8-hero[data-mode="night"] .b8-hero__cta {
5971    opacity: 0;
5972    pointer-events: none;
5973  }
5974
5975  /* Big centered night statement */
5976  .b8-hero__night-statement {
5977    position: absolute;
5978    inset: 0;
5979    z-index: 5;
5980    display: flex;
5981    justify-content: center;
5982    align-items: center;
5983    pointer-events: none;
5984    opacity: 0;
5985    transition: opacity 0.8s ease 0.3s;
5986  }
5987
5988  .b8-hero[data-mode="night"] .b8-hero__night-statement {
5989    opacity: 1;
5990  }
5991
5992  .b8-hero__night-statement-text {
5993    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
5994    font-size: clamp(24px, 4vw, 42px);
5995    font-weight: 400;
5996    line-height: 1.1;
5997    letter-spacing: -0.03em;
5998    color: rgba(253, 251, 247, 0.95);
5999    text-align: center;
6000    max-width: 800px;
6001    padding: 0 24px;
6002  }
6003
6004  .b8-hero__night-statement-sub {
6005    font-family: var(--font-accent--family), 'IBM Plex Mono', monospace;
6006    font-size: clamp(11px, 1.4vw, 14px);
6007    text-transform: uppercase;
6008    letter-spacing: 0.12em;
6009    color: rgba(255, 255, 255, 0.5);
6010    margin-top: 20px;
6011    text-align: center;
6012  }
6013
6014  @keyframes b8-hero-entrance {
6015    to {
6016      opacity: 1;
6017      transform: translateY(0);
6018    }
6019  }
6020
6021  .b8-hero__headline {
6022    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
6023    font-size: clamp(36px, 6vw, 64px);
6024    font-weight: 500;
6025    line-height: 1.05;
6026    letter-spacing: -0.02em;
6027    margin: 0;
6028    color: rgba(248, 246, 240, 0.95);
6029    transition: color 1000ms ease;
6030  }
6031
6032  .b8-hero__headline mark {
6033    background: none;
6034    color: inherit;
6035    position: relative;
6036  }
6037
6038  .b8-hero__headline mark::after {
6039    content: '';
6040    position: absolute;
6041    left: -2px;
6042    right: -2px;
6043    bottom: 2px;
6044    height: 8px;
6045    background: var(--b8-accent-yellow, #E6C785);
6046    opacity: 0.35;
6047    border-radius: 2px;
6048    z-index: -1;
6049  }
6050
6051  .b8-hero__tagline {
6052    font-family: var(--font-body--family), 'IBM Plex Sans', sans-serif;
6053    font-size: clamp(16px, 2vw, 22px);
6054    font-weight: 400;
6055    line-height: 1.5;
6056    margin: 0;
6057    max-width: 480px;
6058    position: relative;
6059    min-height: 2em;
6060  }
6061
6062  /* Day tagline (no crossfade needed — night hides all content) */
6063
6064  .b8-hero__meta {
6065    font-family: var(--font-accent--family), 'IBM Plex Mono', monospace;
6066    font-size: 9px;
6067    text-transform: uppercase;
6068    letter-spacing: 0.08em;
6069    margin: 0;
6070    color: rgba(255, 255, 255, 0.9);
6071    transition: color 1000ms ease;
6072    position: relative;
6073    min-height: 1.5em;
6074  }
6075
6076  /* Meta text — hidden in night mode via parent rule */
6077
6078  .b8-hero__cta {
6079    display: inline-flex;
6080    align-items: center;
6081    justify-content: center;
6082    padding: 14px 36px;
6083    border-radius: 999px;
6084    font-family: var(--font-accent--family), 'IBM Plex Mono', monospace;
6085    font-size: 13px;
6086    font-weight: 500;
6087    text-transform: uppercase;
6088    letter-spacing: 0.05em;
6089    text-decoration: none;
6090    border: 1px solid var(--b8-paper, #FDFBF7);
6091    background: var(--b8-paper, #FDFBF7);
6092    color: var(--b8-accent-black, #1A1A1A);
6093    transition: transform var(--b8-duration-medium, 190ms) var(--b8-ease-standard, ease),
6094                box-shadow var(--b8-duration-medium, 190ms) var(--b8-ease-standard, ease);
6095    margin-top: 4px;
6096    min-height: 48px;
6097  }
6098
6099  .b8-hero__cta:hover {
6100    transform: translateY(-2px);
6101    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.15);
6102  }
6103
6104  /* Mode indicator removed — night mode uses centered statement instead */
6105
6106  /* Mobile: bottom-center content */
6107  @media (max-width: 749px) {
6108    .b8-hero__content {
6109      justify-content: flex-end;
6110      align-items: center;
6111      text-align: center;
6112      padding: 0 24px 20vh;
6113    }
6114
6115    .b8-hero__headline {
6116      font-size: clamp(32px, 9vw, 48px);
6117    }
6118
6119    .b8-hero__tagline {
6120      max-width: 100%;
6121    }
6122
6123    .b8-hero__night-statement-text {
6124      font-size: clamp(20px, 6vw, 32px);
6125    }
6126  }
6127
6128  /* Video support */
6129  .b8-hero__video {
6130    position: absolute;
6131    inset: 0;
6132    width: 100%;
6133    height: 100%;
6134    object-fit: cover;
6135  }
6136
6137  .b8-hero__video--light { z-index: 1; }
6138  .b8-hero__video--dark  { z-index: 2; opacity: 0; /* opacity driven by JS rAF */ }
6139
6140  .b8-hero__video {
6141    will-change: opacity;
6142    -webkit-backface-visibility: hidden;
6143    backface-visibility: hidden;
6144    transform: translateZ(0);
6145  }
6146
6147  /* picture is a layout-transparent wrapper — let img take all styles */
6148  .b8-hero__sticky picture {
6149    display: contents;
6150  }
6151
6152  /* Reduced motion */
6153  @media (prefers-reduced-motion: reduce) {
6154    .b8-hero__content {
6155      opacity: 1;
6156      transform: none;
6157      animation: none;
6158    }
6159    .b8-hero__night-statement {
6160      transition: none;
6161    }
6162  }</style><b8-hero-scroll class="b8-hero" id="b8-hero-template--27581133783318__hero_b8_005" data-mode="day">
6163  <div class="b8-hero__sticky"><picture><source media="(max-width: 749px)" srcset="//bloomin8.com/cdn/shop/files/08d2fc72a51e6e1f818dddb74c683ef5.png?v=1783407469&width=750"><img
6164          class="b8-hero__img b8-hero__img--light"
6165          data-hero-light
6166          src="//bloomin8.com/cdn/shop/files/15b41384fca836ddc9a40988832f46c6.png?v=1783407473&width=1920"
6167          alt="BLOOMIN8 E-ink Canvas — daytime"
6168          loading="eager"
6169          fetchpriority="high"
6170          width="1920"
6171          height="1080"
6172        >
6173      </picture><picture><source media="(max-width: 749px)" srcset="//bloomin8.com/cdn/shop/files/08d2fc72a51e6e1f818dddb74c683ef5.png?v=1783407469&width=750"><img
6174          class="b8-hero__img b8-hero__img--dark"
6175          data-hero-dark
6176          src="//bloomin8.com/cdn/shop/files/15b41384fca836ddc9a40988832f46c6.png?v=1783407473&width=1920"
6177          alt="BLOOMIN8 E-ink Canvas — nighttime ambient glow"
6178          loading="eager"
6179          width="1920"
6180          height="1080"
6181        >
6182      </picture><div class="b8-hero__overlay" data-hero-overlay></div><div class="b8-hero__content" data-hero-content><h1 class="b8-hero__headline">BLOOMIN8<br />
6183E-ink Canvas</h1><p class="b8-hero__tagline">
6184        World's First Smart Colour E-ink Frame
6185      </p><a
6186          class="b8-hero__cta"
6187          href="/products/bloomin8-eink-canvas"
6188        >
6189          Order Now
6190        </a><p class="b8-hero__meta">
6191        Cable-free • Battery lasts years • Non-glowing
6192      </p>
6193    </div><div class="b8-hero__night-statement" data-hero-night-statement>
6194      <div>
6195        <div class="b8-hero__night-statement-text">Natural Like Paper</div><div class="b8-hero__night-statement-sub">No glow • No backlight • Just ink</div></div>
6196    </div>
6197  </div>
6198</b8-hero-scroll>
6199
6200<script>
6201  /* B8 Hero Scroll — inline to avoid extra asset request */
6202  (function() {
6203    if (customElements.get('b8-hero-scroll')) return;
6204
6205    class B8HeroScroll extends HTMLElement {
6206      constructor() {
6207        super();
6208        this._raf = null;
6209        this._threshold = 500;
6210        this._offset = 60;
6211        this._range = this._threshold - this._offset;
6212        this._onScroll = this._onScroll.bind(this);
6213      }
6214
6215      connectedCallback() {
6216        requestAnimationFrame(() => this._init());
6217      }
6218
6219      _init() {
6220        this._light = this.querySelector('[data-hero-light]');
6221        this._dark = this.querySelector('[data-hero-dark]');
6222        this._overlay = this.querySelector('[data-hero-overlay]');
6223
6224        if (!this._light && !this._dark) return;
6225
6226        if (window.matchMedia('(prefers-reduced-motion: reduce)').matches) {
6227          if (this._dark) this._dark.style.opacity = '1';
6228          if (this._light) this._light.style.opacity = '0';
6229          this.dataset.mode = 'night';
6230          return;
6231        }
6232
6233        window.addEventListener('scroll', this._onScroll, { passive: true });
6234        this._onScroll();
6235      }
6236
6237      disconnectedCallback() {
6238        window.removeEventListener('scroll', this._onScroll);
6239        if (this._raf) cancelAnimationFrame(this._raf);
6240      }
6241
6242      _onScroll() {
6243        if (this._raf) return;
6244        this._raf = requestAnimationFrame(() => {
6245          this._update();
6246          this._raf = null;
6247        });
6248      }
6249
6250      _update() {
6251        var y = window.scrollY;
6252        var p = Math.min(1, Math.max(0, (y - this._offset) / this._range));
6253
6254        if (this._light) this._light.style.opacity = String(1 - p);
6255        if (this._dark) this._dark.style.opacity = String(p);
6256
6257        /* Overlay: 0.3 → 0.75 — darker at night to emphasize no-glow */
6258        if (this._overlay) {
6259          this._overlay.style.background = 'rgba(26,26,26,' + (0.3 + p * 0.45) + ')';
6260        }
6261
6262        /* Toggle day/night mode with hysteresis to prevent rapid
6263           day↔night flicker when scrolling near the threshold */
6264        var isNight = this.dataset.mode === 'night';
6265        var mode = isNight
6266          ? (y > (this._threshold - 40) ? 'night' : 'day')
6267          : (y > (this._threshold + 40) ? 'night' : 'day');
6268        if (this.dataset.mode !== mode) {
6269          this.dataset.mode = mode;
6270        }
6271      }
6272    }
6273
6274    customElements.define('b8-hero-scroll', B8HeroScroll);
6275  })();
6276</script>
6276
6277
6278
6279</section><section id="shopify-section-template--27581133783318__ks10_home_promo" class="shopify-section b8-ks10-home-promo-section"><section class="b8-ks10-home-promo" aria-labelledby="B8Ks10HomePromoHeading-template--27581133783318__ks10_home_promo">
6280  <div class="b8-ks10-home-promo__inner">
6281    <header class="b8-ks10-home-promo__header">
6282      <p class="b8-ks10-home-promo__eyebrow">THE NEW 10″ CANVAS</p>
6283      <h2 id="B8Ks10HomePromoHeading-template--27581133783318__ks10_home_promo" class="b8-ks10-home-promo__heading">
6284        Colour E-Ink frames for everyday corners.
6285      </h2>
6286    </header>
6287
6288    <div class="b8-ks10-home-promo__details">
6289      <p class="b8-ks10-home-promo__description">Blossom Refresh · Non-glowing · Magnetic · Cord-Free · Family Sharing · Local-First</p>
6290
6291      <div class="b8-ks10-home-promo__media"><img
6292            class="b8-ks10-home-promo__image"
6293            src="//bloomin8.com/cdn/shop/files/b8-ks10-hero.webp?v=8886432472528508061"
6294            alt="BLOOMIN8 10-inch Colour E-Ink Canvas"
6295            width="1700"
6296            height="1000"
6297            loading="lazy"
6298          ><div class="b8-ks10-home-promo__offer"><a class="b8-ks10-home-promo__cta" href="https://www.kickstarter.com/projects/arpobot/bloomin8-e-ink-canvas-moments-in-blossom" target="_blank" rel="noopener">
6299            <span class="b8-ks10-home-promo__cta-copy">
6300              <span class="b8-ks10-home-promo__cta-kicker">Now live</span>
6301              <span class="b8-ks10-home-promo__cta-label">Back us on Kickstarter</span>
6302            </span>
6303            <span class="b8-ks10-home-promo__cta-arrow" aria-hidden="true">↗</span>
6304          </a>
6305        </div>
6306      </div>
6307    </div>
6308  </div>
6309</section>
6310
6311
6312
6313
6314</section><section id="shopify-section-template--27581133783318__kol_gallery_Brttg3" class="shopify-section b8-kol-gallery-section"><style data-shopify>.b8-kol-gallery {
6315    overflow: hidden;
6316    padding: 96px 0;
6317     background: transparent;
6318  }
6319
6320  .b8-kol-gallery__inner {
6321    max-width: 1200px;
6322    margin-inline: auto;
6323    padding-inline: 24px;
6324  }
6325
6326  .b8-kol-gallery__header {
6327    display: flex;
6328    align-items: end;
6329    justify-content: space-between;
6330    gap: 32px;
6331    margin-bottom: 42px;
6332  }
6333
6334  .b8-kol-gallery__copy {
6335    max-width: 640px;
6336  }
6337
6338  .b8-kol-gallery__subtitle {
6339    margin: 0 0 16px;
6340    font-family: var(--font-accent--family), 'IBM Plex Mono', monospace;
6341    font-size: 11px;
6342    letter-spacing: 0.18em;
6343    line-height: 1.4;
6344    text-transform: uppercase;
6345    color: var(--b8-ink-soft, #726D66);
6346  }
6347
6348  .b8-kol-gallery__title {
6349    max-width: 11em;
6350    margin: 0;
6351    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
6352    font-size: clamp(2.25rem, 5vw, 4.625rem);
6353    font-weight: 500;
6354    letter-spacing: -0.03em;
6355    line-height: 0.98;
6356    color: var(--b8-accent-black, #2C2A29);
6357  }
6358
6359  .b8-kol-gallery__desc {
6360    max-width: 600px;
6361    margin: 20px 0 0;
6362    font-size: 15px;
6363    line-height: 1.75;
6364    color: var(--b8-ink-soft, #726D66);
6365  }
6366
6367  .b8-kol-gallery__nav {
6368    display: flex;
6369    flex: 0 0 auto;
6370    gap: 10px;
6371  }
6372
6373  .b8-kol-gallery__nav-button {
6374    display: inline-flex;
6375    align-items: center;
6376    justify-content: center;
6377    width: 46px;
6378    height: 46px;
6379    padding: 0;
6380    border: 1px solid var(--b8-accent-black, #2C2A29);
6381    border-radius: 50%;
6382    background: transparent;
6383    color: var(--b8-accent-black, #2C2A29);
6384    cursor: pointer;
6385    transition: background var(--b8-duration-medium, 200ms) var(--b8-ease-standard, ease),
6386      color var(--b8-duration-medium, 200ms) var(--b8-ease-standard, ease),
6387      opacity var(--b8-duration-medium, 200ms) var(--b8-ease-standard, ease);
6388  }
6389
6390  .b8-kol-gallery__nav-button:hover,
6391  .b8-kol-gallery__nav-button:focus-visible {
6392    background: var(--b8-accent-black, #2C2A29);
6393    color: var(--b8-paper, #FDF9F3);
6394  }
6395
6396  .b8-kol-gallery__nav-button:disabled {
6397    opacity: 0.35;
6398    cursor: default;
6399  }
6400
6401  .b8-kol-gallery__nav-button:disabled:hover {
6402    background: transparent;
6403    color: var(--b8-accent-black, #2C2A29);
6404  }
6405
6406  .b8-kol-gallery__track-wrap {
6407    margin-inline: -24px;
6408    padding-inline: 24px;
6409  }
6410
6411  .b8-kol-gallery__track {
6412    display: flex;
6413    gap: 18px;
6414    overflow-x: auto;
6415    padding: 6px 0 30px;
6416    scroll-behavior: smooth;
6417    scroll-snap-type: x mandatory;
6418    scrollbar-width: none;
6419    -webkit-overflow-scrolling: touch;
6420  }
6421
6422  .b8-kol-gallery__track::-webkit-scrollbar {
6423    display: none;
6424  }
6425
6426  .b8-kol-gallery__card {
6427    position: relative;
6428    flex: 0 0 240px;
6429    overflow: hidden;
6430    border: 1px solid rgba(44, 42, 41, 0.12);
6431    border-radius: 6px;
6432    background: var(--b8-paper-elevated, #FFFFFF);
6433    color: inherit;
6434    scroll-snap-align: start;
6435  }
6436
6437  .b8-kol-gallery__media {
6438    position: relative;
6439    overflow: hidden;
6440    aspect-ratio: 9 / 16;
6441    background: linear-gradient(160deg, #E8DFC8, #D4C7A7);
6442  }
6443
6444  .b8-kol-gallery__video,
6445  .b8-kol-gallery__thumb-image,
6446  .b8-kol-gallery__placeholder {
6447    display: block;
6448    width: 100%;
6449    height: 100%;
6450  }
6451
6452  .b8-kol-gallery__video,
6453  .b8-kol-gallery__thumb-image {
6454    object-fit: cover;
6455  }
6456
6457  .b8-kol-gallery__placeholder {
6458    position: relative;
6459    border: 0;
6460    background:
6461      repeating-linear-gradient(135deg, transparent 0 14px, rgba(44, 42, 41, 0.08) 14px 15px),
6462      linear-gradient(160deg, #E8DFC8, #D4C7A7);
6463  }
6464
6465  .b8-kol-gallery__placeholder-content {
6466    position: absolute;
6467    inset: auto 18px 18px;
6468    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
6469    font-size: 16px;
6470    font-weight: 500;
6471    line-height: 1.25;
6472    color: var(--b8-accent-black, #2C2A29);
6473  }
6474
6475  .b8-kol-gallery__placeholder-label {
6476    display: block;
6477    margin-bottom: 8px;
6478    font-family: var(--font-accent--family), 'IBM Plex Mono', monospace;
6479    font-size: 10px;
6480    font-weight: 400;
6481    letter-spacing: 0.12em;
6482    line-height: 1.4;
6483    text-transform: uppercase;
6484    color: rgba(44, 42, 41, 0.58);
6485  }
6486
6487  .b8-kol-gallery__tag {
6488    position: absolute;
6489    top: 12px;
6490    left: 12px;
6491    z-index: 2;
6492    padding: 5px 9px;
6493    border-radius: 2px;
6494    background: rgba(253, 249, 243, 0.88);
6495    color: var(--b8-accent-black, #2C2A29);
6496    font-family: var(--font-accent--family), 'IBM Plex Mono', monospace;
6497    font-size: 10px;
6498    letter-spacing: 0.18em;
6499    line-height: 1.3;
6500    text-transform: uppercase;
6501  }
6502
6503  .b8-kol-gallery__play {
6504    position: absolute;
6505    top: 50%;
6506    left: 50%;
6507    z-index: 2;
6508    display: inline-flex;
6509    align-items: center;
6510    justify-content: center;
6511    width: 52px;
6512    height: 52px;
6513    padding: 0;
6514    border: 0;
6515    border-radius: 50%;
6516    background: rgba(27, 24, 19, 0.78);
6517    color: var(--b8-paper, #FDF9F3);
6518    cursor: pointer;
6519    transform: translate(-50%, -50%);
6520    backdrop-filter: blur(2px);
6521    transition: opacity var(--b8-duration-medium, 200ms) var(--b8-ease-standard, ease),
6522      transform var(--b8-duration-medium, 200ms) var(--b8-ease-standard, ease);
6523  }
6524
6525  .b8-kol-gallery__card.is-playing .b8-kol-gallery__play {
6526    opacity: 0;
6527    pointer-events: none;
6528    transform: translate(-50%, -50%) scale(0.92);
6529  }
6530
6531  .b8-kol-gallery__play:focus-visible {
6532    opacity: 1;
6533    pointer-events: auto;
6534  }
6535
6536  .b8-kol-gallery__mute {
6537    position: absolute;
6538    right: 12px;
6539    bottom: 12px;
6540    z-index: 3;
6541    display: inline-flex;
6542    align-items: center;
6543    justify-content: center;
6544    width: 38px;
6545    height: 38px;
6546    padding: 0;
6547    border: 0;
6548    border-radius: 50%;
6549    background: rgba(27, 24, 19, 0.68);
6550    color: var(--b8-paper, #FDF9F3);
6551    cursor: pointer;
6552    backdrop-filter: blur(2px);
6553    transition: background var(--b8-duration-medium, 200ms) var(--b8-ease-standard, ease),
6554      transform var(--b8-duration-medium, 200ms) var(--b8-ease-standard, ease);
6555  }
6556
6557  .b8-kol-gallery__mute:hover,
6558  .b8-kol-gallery__mute:focus-visible {
6559    background: rgba(27, 24, 19, 0.86);
6560    transform: scale(1.04);
6561  }
6562
6563  .b8-kol-gallery__mute-icon--sound {
6564    display: none;
6565  }
6566
6567  .b8-kol-gallery__mute[aria-pressed='false'] .b8-kol-gallery__mute-icon--sound {
6568    display: block;
6569  }
6570
6571  .b8-kol-gallery__mute[aria-pressed='false'] .b8-kol-gallery__mute-icon--muted {
6572    display: none;
6573  }
6574
6575  .b8-kol-gallery__meta {
6576    padding: 14px 16px;
6577    border-top: 1px solid rgba(44, 42, 41, 0.12);
6578    background: var(--b8-paper, #FDF9F3);
6579  }
6580
6581  .b8-kol-gallery__author {
6582    display: block;
6583    margin: 0;
6584    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
6585    font-size: 15px;
6586    font-weight: 500;
6587    line-height: 1.35;
6588    color: var(--b8-accent-black, #2C2A29);
6589  }
6590
6591  .b8-kol-gallery__card-desc {
6592    display: block;
6593    margin: 2px 0 0;
6594    font-size: 11px;
6595    line-height: 1.45;
6596    color: var(--b8-ink-soft, #726D66);
6597  }
6598
6599  .b8-kol-gallery__modal {
6600    position: fixed;
6601    inset: 0;
6602    z-index: 999;
6603    display: flex;
6604    align-items: center;
6605    justify-content: center;
6606    padding: 24px;
6607    background: rgba(0, 0, 0, 0.78);
6608    opacity: 0;
6609    visibility: hidden;
6610    transition: opacity 300ms ease, visibility 300ms ease;
6611  }
6612
6613  .b8-kol-gallery__modal.is-open {
6614    opacity: 1;
6615    visibility: visible;
6616  }
6617
6618  .b8-kol-gallery__modal-inner {
6619    width: min(90vw, 420px);
6620    aspect-ratio: 9 / 16;
6621    overflow: hidden;
6622    border-radius: 8px;
6623    background: #000;
6624    transform: scale(0.96);
6625    transition: transform 300ms var(--b8-ease-standard, ease);
6626  }
6627
6628  .b8-kol-gallery__modal.is-open .b8-kol-gallery__modal-inner {
6629    transform: scale(1);
6630  }
6631
6632  .b8-kol-gallery__modal iframe {
6633    display: block;
6634    width: 100%;
6635    height: 100%;
6636    border: 0;
6637  }
6638
6639  @media (max-width: 749px) {
6640    .b8-kol-gallery {
6641      padding: 72px 0;
6642    }
6643
6644    .b8-kol-gallery__header {
6645      align-items: flex-start;
6646      margin-bottom: 30px;
6647    }
6648
6649    .b8-kol-gallery__title {
6650      font-size: clamp(2rem, 13vw, 3.125rem);
6651    }
6652
6653    .b8-kol-gallery__desc {
6654      font-size: 14px;
6655    }
6656
6657    .b8-kol-gallery__nav {
6658      display: none;
6659    }
6660
6661    .b8-kol-gallery__card {
6662      flex-basis: 200px;
6663    }
6664  }</style>
6664<section id="template--27581133783318__kol_gallery_Brttg3" class="b8-kol-gallery" data-kol-gallery>
6665  <div class="b8-kol-gallery__inner">
6666    <div class="b8-kol-gallery__header">
6667      <div class="b8-kol-gallery__copy"><p class="b8-kol-gallery__subtitle">Real homes, real walls</p><h2 class="b8-kol-gallery__title">Made for the spaces you live in.</h2><div class="b8-kol-gallery__desc">See how BLOOMIN8 looks in everyday rooms, from quiet corners to carefully styled walls, adding a gentle sense of change to the home.</div></div><div class="b8-kol-gallery__nav" aria-label="KOL gallery navigation">
6668          <button class="b8-kol-gallery__nav-button" type="button" data-kol-prev aria-label="Previous video">
6669            <svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6670              <path d="M15 18L9 12L15 6" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
6671            </svg>
6672          </button>
6673          <button class="b8-kol-gallery__nav-button" type="button" data-kol-next aria-label="Next video">
6674            <svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6675              <path d="M9 6L15 12L9 18" stroke="currentColor" stroke-width="1.8" stroke-linecap="round" stroke-linejoin="round"/>
6676            </svg>
6677          </button>
6678        </div></div>
6679
6680    <div class="b8-kol-gallery__track-wrap">
6681      <div class="b8-kol-gallery__track" data-kol-track><article class="b8-kol-gallery__card" >
6682            <div class="b8-kol-gallery__media"><video playsinline="true" loop="loop" muted="muted" preload="metadata" class="b8-kol-gallery__video" data-kol-video="" poster="//bloomin8.com/cdn/shop/files/preview_images/mattih_thumbnail.png?v=1780551816"><source src="//bloomin8.com/cdn/shop/videos/c/vp/a7fa96940fb8443aa09bfde485b9d0a3/a7fa96940fb8443aa09bfde485b9d0a3.HD-1080p-2.5Mbps-85203333.mp4?v=0" type="video/mp4"><img src="//bloomin8.com/cdn/shop/files/preview_images/mattih_thumbnail.png?v=1780551816"></video>
6683                <button
6684                  class="b8-kol-gallery__mute"
6685                  type="button"
6686                  data-kol-mute
6687                  aria-label="Unmute video"
6688                  aria-pressed="true"
6689                >
6690                  <svg class="b8-kol-gallery__mute-icon b8-kol-gallery__mute-icon--sound" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6691                    <path d="M4 9V15H8L14 20V4L8 9H4Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6692                    <path d="M18 8.5C19.3 10 19.3 12 18 13.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6693                  </svg>
6694                  <svg class="b8-kol-gallery__mute-icon b8-kol-gallery__mute-icon--muted" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6695                    <path d="M4 9V15H8L14 20V4L8 9H4Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6696                    <path d="M18 9L22 13M22 9L18 13" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6697                  </svg>
6698                </button><button
6699                class="b8-kol-gallery__play"
6700                type="button"
6701                data-kol-play
6702                  aria-label="Play video">
6703                <svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 20 20" fill="none">
6704                  <path d="M7 4.5L15 10L7 15.5V4.5Z" fill="currentColor"/>
6705                </svg>
6706              </button>
6707            </div>
6708
6709            <div class="b8-kol-gallery__meta"><strong class="b8-kol-gallery__author">@mattih</strong></div>
6710          </article><article class="b8-kol-gallery__card" >
6711            <div class="b8-kol-gallery__media"><video playsinline="true" loop="loop" muted="muted" preload="metadata" class="b8-kol-gallery__video" data-kol-video="" poster="//bloomin8.com/cdn/shop/files/preview_images/Snipaste_2026-05-29_11-30-07.png?v=1780551858"><source src="//bloomin8.com/cdn/shop/videos/c/vp/a3cc6f35f38248bf914664143b442faa/a3cc6f35f38248bf914664143b442faa.HD-1080p-2.5Mbps-85203482.mp4?v=0" type="video/mp4"><img src="//bloomin8.com/cdn/shop/files/preview_images/Snipaste_2026-05-29_11-30-07.png?v=1780551858"></video>
6712                <button
6713                  class="b8-kol-gallery__mute"
6714                  type="button"
6715                  data-kol-mute
6716                  aria-label="Unmute video"
6717                  aria-pressed="true"
6718                >
6719                  <svg class="b8-kol-gallery__mute-icon b8-kol-gallery__mute-icon--sound" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6720                    <path d="M4 9V15H8L14 20V4L8 9H4Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6721                    <path d="M18 8.5C19.3 10 19.3 12 18 13.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6722                  </svg>
6723                  <svg class="b8-kol-gallery__mute-icon b8-kol-gallery__mute-icon--muted" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6724                    <path d="M4 9V15H8L14 20V4L8 9H4Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6725                    <path d="M18 9L22 13M22 9L18 13" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6726                  </svg>
6727                </button><button
6728                class="b8-kol-gallery__play"
6729                type="button"
6730                data-kol-play
6731                  aria-label="Play video">
6732                <svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 20 20" fill="none">
6733                  <path d="M7 4.5L15 10L7 15.5V4.5Z" fill="currentColor"/>
6734                </svg>
6735              </button>
6736            </div>
6737
6738            <div class="b8-kol-gallery__meta"><strong class="b8-kol-gallery__author">@unboxtherapy</strong></div>
6739          </article><article class="b8-kol-gallery__card" >
6740            <div class="b8-kol-gallery__media"><video playsinline="true" loop="loop" muted="muted" preload="metadata" class="b8-kol-gallery__video" data-kol-video="" poster="//bloomin8.com/cdn/shop/files/preview_images/Snipaste_2026-05-29_11-33-15.jpg?v=1780025663">
6740<source src="//bloomin8.com/cdn/shop/videos/c/vp/4202b286c67a40a1abe4ecd23cff982a/4202b286c67a40a1abe4ecd23cff982a.HD-1080p-2.5Mbps-85203763.mp4?v=0" type="video/mp4"><img src="//bloomin8.com/cdn/shop/files/preview_images/Snipaste_2026-05-29_11-33-15.jpg?v=1780025663"></video>
6741                <button
6742                  class="b8-kol-gallery__mute"
6743                  type="button"
6744                  data-kol-mute
6745                  aria-label="Unmute video"
6746                  aria-pressed="true"
6747                >
6748                  <svg class="b8-kol-gallery__mute-icon b8-kol-gallery__mute-icon--sound" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6749                    <path d="M4 9V15H8L14 20V4L8 9H4Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6750                    <path d="M18 8.5C19.3 10 19.3 12 18 13.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6751                  </svg>
6752                  <svg class="b8-kol-gallery__mute-icon b8-kol-gallery__mute-icon--muted" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6753                    <path d="M4 9V15H8L14 20V4L8 9H4Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6754                    <path d="M18 9L22 13M22 9L18 13" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6755                  </svg>
6756                </button><button
6757                class="b8-kol-gallery__play"
6758                type="button"
6759                data-kol-play
6760                  aria-label="Play video">
6761                <svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 20 20" fill="none">
6762                  <path d="M7 4.5L15 10L7 15.5V4.5Z" fill="currentColor"/>
6763                </svg>
6764              </button>
6765            </div>
6766
6767            <div class="b8-kol-gallery__meta"><strong class="b8-kol-gallery__author">@dadrianca</strong></div>
6768          </article><article class="b8-kol-gallery__card" >
6769            <div class="b8-kol-gallery__media"><video playsinline="true" loop="loop" muted="muted" preload="metadata" class="b8-kol-gallery__video" data-kol-video="" poster="//bloomin8.com/cdn/shop/files/preview_images/20260529-113537.jpg?v=1780391973"><source src="//bloomin8.com/cdn/shop/videos/c/vp/54125a1981c740f5a76710b3a9c34874/54125a1981c740f5a76710b3a9c34874.HD-1080p-2.5Mbps-85206767.mp4?v=0" type="video/mp4"><img src="//bloomin8.com/cdn/shop/files/preview_images/20260529-113537.jpg?v=1780391973"></video>
6770                <button
6771                  class="b8-kol-gallery__mute"
6772                  type="button"
6773                  data-kol-mute
6774                  aria-label="Unmute video"
6775                  aria-pressed="true"
6776                >
6777                  <svg class="b8-kol-gallery__mute-icon b8-kol-gallery__mute-icon--sound" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6778                    <path d="M4 9V15H8L14 20V4L8 9H4Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6779                    <path d="M18 8.5C19.3 10 19.3 12 18 13.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6780                  </svg>
6781                  <svg class="b8-kol-gallery__mute-icon b8-kol-gallery__mute-icon--muted" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6782                    <path d="M4 9V15H8L14 20V4L8 9H4Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6783                    <path d="M18 9L22 13M22 9L18 13" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6784                  </svg>
6785                </button><button
6786                class="b8-kol-gallery__play"
6787                type="button"
6788                data-kol-play
6789                  aria-label="Play video">
6790                <svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 20 20" fill="none">
6791                  <path d="M7 4.5L15 10L7 15.5V4.5Z" fill="currentColor"/>
6792                </svg>
6793              </button>
6794            </div>
6795
6796            <div class="b8-kol-gallery__meta"><strong class="b8-kol-gallery__author">@asherintech</strong></div>
6797          </article><article class="b8-kol-gallery__card" >
6798            <div class="b8-kol-gallery__media"><video playsinline="true" loop="loop" muted="muted" preload="metadata" class="b8-kol-gallery__video" data-kol-video="" poster="//bloomin8.com/cdn/shop/files/preview_images/20260529-113746.jpg?v=1780025889"><source src="//bloomin8.com/cdn/shop/videos/c/vp/0b7c84749a064d1292f1a63f6ff5b888/0b7c84749a064d1292f1a63f6ff5b888.HD-1080p-2.5Mbps-85204039.mp4?v=0" type="video/mp4"><img src="//bloomin8.com/cdn/shop/files/preview_images/20260529-113746.jpg?v=1780025889"></video>
6799                <button
6800                  class="b8-kol-gallery__mute"
6801                  type="button"
6802                  data-kol-mute
6803                  aria-label="Unmute video"
6804                  aria-pressed="true"
6805                >
6806                  <svg class="b8-kol-gallery__mute-icon b8-kol-gallery__mute-icon--sound" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6807                    <path d="M4 9V15H8L14 20V4L8 9H4Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6808                    <path d="M18 8.5C19.3 10 19.3 12 18 13.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6809                  </svg>
6810                  <svg class="b8-kol-gallery__mute-icon b8-kol-gallery__mute-icon--muted" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6811                    <path d="M4 9V15H8L14 20V4L8 9H4Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6812                    <path d="M18 9L22 13M22 9L18 13" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6813                  </svg>
6814                </button><button
6815                class="b8-kol-gallery__play"
6816                type="button"
6817                data-kol-play
6818                  aria-label="Play video">
6819                <svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 20 20" fill="none">
6820                  <path d="M7 4.5L15 10L7 15.5V4.5Z" fill="currentColor"/>
6821                </svg>
6822              </button>
6823            </div>
6824
6825            <div class="b8-kol-gallery__meta"><strong class="b8-kol-gallery__author">@borisgtech</strong></div>
6826          </article><article class="b8-kol-gallery__card" >
6827            <div class="b8-kol-gallery__media"><video playsinline="true" loop="loop" muted="muted" preload="metadata" class="b8-kol-gallery__video" data-kol-video="" poster="//bloomin8.com/cdn/shop/files/preview_images/20260529-113944.jpg?v=1780026008"><source src="//bloomin8.com/cdn/shop/videos/c/vp/b3c54a8ee44a438faab81bc4ae3c534b/b3c54a8ee44a438faab81bc4ae3c534b.HD-1080p-2.5Mbps-85204214.mp4?v=0" type="video/mp4"><img src="//bloomin8.com/cdn/shop/files/preview_images/20260529-113944.jpg?v=1780026008"></video>
6828                <button
6829                  class="b8-kol-gallery__mute"
6830                  type="button"
6831                  data-kol-mute
6832                  aria-label="Unmute video"
6833                  aria-pressed="true"
6834                >
6835                  <svg class="b8-kol-gallery__mute-icon b8-kol-gallery__mute-icon--sound" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6836                    <path d="M4 9V15H8L14 20V4L8 9H4Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6837                    <path d="M18 8.5C19.3 10 19.3 12 18 13.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6838                  </svg>
6839                  <svg class="b8-kol-gallery__mute-icon b8-kol-gallery__mute-icon--muted" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6840                    <path d="M4 9V15H8L14 20V4L8 9H4Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6841                    <path d="M18 9L22 13M22 9L18 13" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6842                  </svg>
6843                </button><button
6844                class="b8-kol-gallery__play"
6845                type="button"
6846                data-kol-play
6847                  aria-label="Play video">
6848                <svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 20 20" fill="none">
6849                  <path d="M7 4.5L15 10L7 15.5V4.5Z" fill="currentColor"/>
6850                </svg>
6851              </button>
6852            </div>
6853
6854            <div class="b8-kol-gallery__meta"><strong class="b8-kol-gallery__author">@iandreamosca</strong></div>
6855          </article><article class="b8-kol-gallery__card" >
6856            <div class="b8-kol-gallery__media"><video playsinline="true" loop="loop" muted="muted" preload="metadata" class="b8-kol-gallery__video" data-kol-video="" poster="//bloomin8.com/cdn/shop/files/preview_images/thedeveloperadam.webp?v=1780026146"><source src="//bloomin8.com/cdn/shop/videos/c/vp/96565eee5d7441b4a271d8fcf26b1d96/96565eee5d7441b4a271d8fcf26b1d96.HD-1080p-3.3Mbps-85205075.mp4?v=0" type="video/mp4"><img src="//bloomin8.com/cdn/shop/files/preview_images/thedeveloperadam.webp?v=1780026146"></video>
6857                <button
6858                  class="b8-kol-gallery__mute"
6859                  type="button"
6860                  data-kol-mute
6861                  aria-label="Unmute video"
6862                  aria-pressed="true"
6863                >
6864                  <svg class="b8-kol-gallery__mute-icon b8-kol-gallery__mute-icon--sound" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6865                    <path d="M4 9V15H8L14 20V4L8 9H4Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6866                    <path d="M18 8.5C19.3 10 19.3 12 18 13.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6867                  </svg>
6868                  <svg class="b8-kol-gallery__mute-icon b8-kol-gallery__mute-icon--muted" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6869                    <path d="M4 9V15H8L14 20V4L8 9H4Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6870                    <path d="M18 9L22 13M22 9L18 13" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6871                  </svg>
6872                </button><button
6873                class="b8-kol-gallery__play"
6874                type="button"
6875                data-kol-play
6876                  aria-label="Play video">
6877                <svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 20 20" fill="none">
6878                  <path d="M7 4.5L15 10L7 15.5V4.5Z" fill="currentColor"/>
6879                </svg>
6880              </button>
6881            </div>
6882
6883            <div class="b8-kol-gallery__meta"><strong class="b8-kol-gallery__author">@developeradam</strong></div>
6884          </article><article class="b8-kol-gallery__card" >
6885            <div class="b8-kol-gallery__media"><video playsinline="true" loop="loop" muted="muted" preload="metadata" class="b8-kol-gallery__video" data-kol-video="" poster="//bloomin8.com/cdn/shop/files/preview_images/maxresdefault.jpg?v=1780026235"><source src="//bloomin8.com/cdn/shop/videos/c/vp/9917df8e058d4196b4b14fac32449d28/9917df8e058d4196b4b14fac32449d28.HD-1080p-2.5Mbps-85206068.mp4?v=0" type="video/mp4"><img src="//bloomin8.com/cdn/shop/files/preview_images/maxresdefault.jpg?v=1780026235"></video>
6886                <button
6887                  class="b8-kol-gallery__mute"
6888                  type="button"
6889                  data-kol-mute
6890                  aria-label="Unmute video"
6891                  aria-pressed="true"
6892                >
6893                  <svg class="b8-kol-gallery__mute-icon b8-kol-gallery__mute-icon--sound" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6894                    <path d="M4 9V15H8L14 20V4L8 9H4Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6895                    <path d="M18 8.5C19.3 10 19.3 12 18 13.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6896                  </svg>
6897                  <svg class="b8-kol-gallery__mute-icon b8-kol-gallery__mute-icon--muted" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6898                    <path d="M4 9V15H8L14 20V4L8 9H4Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6899                    <path d="M18 9L22 13M22 9L18 13" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6900                  </svg>
6901                </button><button
6902                class="b8-kol-gallery__play"
6903                type="button"
6904                data-kol-play
6905                  aria-label="Play video">
6906                <svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 20 20" fill="none">
6907                  <path d="M7 4.5L15 10L7 15.5V4.5Z" fill="currentColor"/>
6908                </svg>
6909              </button>
6910            </div>
6911
6912            <div class="b8-kol-gallery__meta"><strong class="b8-kol-gallery__author">@matthewencina</strong></div>
6913          </article><article class="b8-kol-gallery__card" >
6914            <div class="b8-kol-gallery__media"><video playsinline="true" loop="loop" muted="muted" preload="metadata" class="b8-kol-gallery__video" data-kol-video="" poster="//bloomin8.com/cdn/shop/files/preview_images/c36b8b8e-ae14-4309-a7ab-8912ffc64eee.jpg?v=1780026400"><source src="//bloomin8.com/cdn/shop/videos/c/vp/23ad21318963460880037d1d265a5b8b/23ad21318963460880037d1d265a5b8b.HD-1080p-2.5Mbps-85205895.mp4?v=0" type="video/mp4"><img src="//bloomin8.com/cdn/shop/files/preview_images/c36b8b8e-ae14-4309-a7ab-8912ffc64eee.jpg?v=1780026400"></video>
6915                <button
6916                  class="b8-kol-gallery__mute"
6917                  type="button"
6918                  data-kol-mute
6919                  aria-label="Unmute video"
6920                  aria-pressed="true"
6921                >
6922                  <svg class="b8-kol-gallery__mute-icon b8-kol-gallery__mute-icon--sound" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6923                    <path d="M4 9V15H8L14 20V4L8 9H4Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6924                    <path d="M18 8.5C19.3 10 19.3 12 18 13.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6925                  </svg>
6926                  <svg class="b8-kol-gallery__mute-icon b8-kol-gallery__mute-icon--muted" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6927                    <path d="M4 9V15H8L14 20V4L8 9H4Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6928                    <path d="M18 9L22 13M22 9L18 13" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6929                  </svg>
6930                </button><button
6931                class="b8-kol-gallery__play"
6932                type="button"
6933                data-kol-play
6934                  aria-label="Play video">
6935                <svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 20 20" fill="none">
6936                  <path d="M7 4.5L15 10L7 15.5V4.5Z" fill="currentColor"/>
6937                </svg>
6938              </button>
6939            </div>
6940
6941            <div class="b8-kol-gallery__meta"><strong class="b8-kol-gallery__author">@imanelachis</strong></div>
6942          </article><article class="b8-kol-gallery__card" >
6943            <div class="b8-kol-gallery__media"><video playsinline="true" loop="loop" muted="muted" preload="metadata" class="b8-kol-gallery__video" data-kol-video="" poster="//bloomin8.com/cdn/shop/files/preview_images/99443262c82d494ebe94a59e579dfef5.thumbnail.0000000000.jpg?v=1780024443"><source src="//bloomin8.com/cdn/shop/videos/c/vp/99443262c82d494ebe94a59e579dfef5/99443262c82d494ebe94a59e579dfef5.HD-1080p-7.2Mbps-85205338.mp4?v=0" type="video/mp4"><img src="//bloomin8.com/cdn/shop/files/preview_images/99443262c82d494ebe94a59e579dfef5.thumbnail.0000000000.jpg?v=1780024443"></video>
6944                <button
6945                  class="b8-kol-gallery__mute"
6946                  type="b
6946utton"
6947                  data-kol-mute
6948                  aria-label="Unmute video"
6949                  aria-pressed="true"
6950                >
6951                  <svg class="b8-kol-gallery__mute-icon b8-kol-gallery__mute-icon--sound" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6952                    <path d="M4 9V15H8L14 20V4L8 9H4Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6953                    <path d="M18 8.5C19.3 10 19.3 12 18 13.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6954                  </svg>
6955                  <svg class="b8-kol-gallery__mute-icon b8-kol-gallery__mute-icon--muted" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6956                    <path d="M4 9V15H8L14 20V4L8 9H4Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6957                    <path d="M18 9L22 13M22 9L18 13" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6958                  </svg>
6959                </button><button
6960                class="b8-kol-gallery__play"
6961                type="button"
6962                data-kol-play
6963                  aria-label="Play video">
6964                <svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 20 20" fill="none">
6965                  <path d="M7 4.5L15 10L7 15.5V4.5Z" fill="currentColor"/>
6966                </svg>
6967              </button>
6968            </div>
6969
6970            <div class="b8-kol-gallery__meta"><strong class="b8-kol-gallery__author">@aestheticxinteriors</strong></div>
6971          </article><article class="b8-kol-gallery__card" >
6972            <div class="b8-kol-gallery__media"><video playsinline="true" loop="loop" muted="muted" preload="metadata" class="b8-kol-gallery__video" data-kol-video="" poster="//bloomin8.com/cdn/shop/files/preview_images/Snipaste_2026-05-29_11-50-40.png?v=1780026683"><source src="//bloomin8.com/cdn/shop/videos/c/vp/c4a4005473ba4142a91eba1c8270d256/c4a4005473ba4142a91eba1c8270d256.HD-1080p-7.2Mbps-85030604.mp4?v=0" type="video/mp4"><img src="//bloomin8.com/cdn/shop/files/preview_images/Snipaste_2026-05-29_11-50-40.png?v=1780026683"></video>
6973                <button
6974                  class="b8-kol-gallery__mute"
6975                  type="button"
6976                  data-kol-mute
6977                  aria-label="Unmute video"
6978                  aria-pressed="true"
6979                >
6980                  <svg class="b8-kol-gallery__mute-icon b8-kol-gallery__mute-icon--sound" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6981                    <path d="M4 9V15H8L14 20V4L8 9H4Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6982                    <path d="M18 8.5C19.3 10 19.3 12 18 13.5" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6983                  </svg>
6984                  <svg class="b8-kol-gallery__mute-icon b8-kol-gallery__mute-icon--muted" aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 24 24" fill="none">
6985                    <path d="M4 9V15H8L14 20V4L8 9H4Z" stroke="currentColor" stroke-width="1.8" stroke-linejoin="round"/>
6986                    <path d="M18 9L22 13M22 9L18 13" stroke="currentColor" stroke-width="1.8" stroke-linecap="round"/>
6987                  </svg>
6988                </button><button
6989                class="b8-kol-gallery__play"
6990                type="button"
6991                data-kol-play
6992                  aria-label="Play video">
6993                <svg aria-hidden="true" focusable="false" width="18" height="18" viewBox="0 0 20 20" fill="none">
6994                  <path d="M7 4.5L15 10L7 15.5V4.5Z" fill="currentColor"/>
6995                </svg>
6996              </button>
6997            </div>
6998
6999            <div class="b8-kol-gallery__meta"><strong class="b8-kol-gallery__author">@ericelma.stevanovic</strong></div>
7000          </article></div>
7001    </div>
7002  </div>
7003
7004  <div class="b8-kol-gallery__modal" data-kol-modal aria-hidden="true">
7005    <div class="b8-kol-gallery__modal-inner" data-kol-modal-inner>
7006      <iframe
7007        data-kol-modal-frame
7008        src=""
7009        title="KOL gallery video"
7010        allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
7011        allowfullscreen
7012      ></iframe>
7013    </div>
7014  </div>
7015</section>
7016
7017
7018
7019
7020</section><section id="shopify-section-template--27581133783318__what_our_users_say_tqdUiL" class="shopify-section b8-users-say-section"><style data-shopify>.b8-users-say {
7021    overflow: hidden;
7022    padding: 96px 0;
7023    background: var(--b8-paper, #FDFBF7);
7024  }
7025
7026  .b8-users-say__inner {
7027    max-width: 1448px;
7028    margin-inline: auto;
7029    padding-inline: 24px;
7030  }
7031
7032  .b8-users-say__header {
7033    display: flex;
7034    align-items: baseline;
7035    gap: 24px;
7036    margin-bottom: 40px;
7037  }
7038
7039  .b8-users-say__title {
7040    margin: 0;
7041    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
7042    font-size: clamp(2rem, 4.5vw, 3.5rem);
7043    font-weight: 500;
7044    letter-spacing: -0.03em;
7045    line-height: 1.05;
7046    color: var(--b8-accent-black, #33302E);
7047  }
7048
7049  .b8-users-say__trust {
7050    flex: 0 1 auto;
7051    margin: 0;
7052    font-size: 13px;
7053    line-height: 1.5;
7054    color: var(--b8-ink-soft, #66615E);
7055    text-align: right;
7056  }
7057
7058  .b8-users-say__carousel {
7059    margin-inline: -24px;
7060    padding-inline: 24px;
7061    overflow: hidden;
7062  }
7063
7064  .b8-users-say__swiper {
7065    --users-say-slides-per-view: 1.5;
7066    --users-say-gap: 16px;
7067    --users-say-slide-width: calc(
7068      (100% - var(--users-say-gap) * (var(--users-say-slides-per-view) - 1)) / var(--users-say-slides-per-view)
7069    );
7070    overflow: hidden;
7071  }
7072
7073  @media (min-width: 750px) {
7074    .b8-users-say__swiper {
7075      --users-say-slides-per-view: 5;
7076      --users-say-gap: 20px;
7077    }
7078  }
7079
7080  /* Match Swiper layout before JS init to prevent card size flash */
7081  .b8-users-say__swiper:not(.swiper-initialized) .swiper-wrapper {
7082    display: flex;
7083    gap: var(--users-say-gap);
7084    width: 100%;
7085    box-sizing: border-box;
7086  }
7087
7088  .b8-users-say__swiper:not(.swiper-initialized) .swiper-slide {
7089    flex: 0 0 var(--users-say-slide-width);
7090    flex-shrink: 0;
7091    width: var(--users-say-slide-width);
7092    max-width: var(--users-say-slide-width);
7093    min-width: 0;
7094    box-sizing: border-box;
7095  }
7096
7097  /* Override Swiper default `width: 100%` before init */
7098  .b8-users-say__swiper.swiper:not(.swiper-initialized) .swiper-wrapper > .swiper-slide {
7099    width: var(--users-say-slide-width);
7100  }
7101
7102  .b8-users-say__swiper .swiper-slide {
7103    height: auto;
7104  }
7105
7106  .b8-users-say__card {
7107    display: flex;
7108    flex-direction: column;
7109    height: 100%;
7110    overflow: hidden;
7111    border-radius: 12px;
7112    background: var(--b8-paper-elevated, #FFFFFF);
7113  }
7114
7115  .b8-users-say__media {
7116    position: relative;
7117    overflow: hidden;
7118    aspect-ratio: 4 / 5;
7119    background: linear-gradient(180deg, #F5F0E6 0%, #D9CEB4 100%);
7120  }
7121
7122  .b8-users-say__featured-image {
7123    display: block;
7124    width: 100%;
7125    height: 100%;
7126    object-fit: cover;
7127  }
7128
7129  .b8-users-say__media.is-empty {
7130    background:
7131      repeating-linear-gradient(135deg, transparent 0 12px, rgba(92, 70, 50, 0.06) 12px 13px),
7132      linear-gradient(180deg, #F5F0E6 0%, #D9CEB4 100%);
7133  }
7134
7135  .b8-users-say__body {
7136    flex: 1 1 auto;
7137    padding: 18px 18px 22px;
7138    background: var(--b8-paper-elevated, #FFFFFF);
7139  }
7140
7141  .b8-users-say__user {
7142    display: flex;
7143    align-items: center;
7144    gap: 10px;
7145    margin-bottom: 10px;
7146  }
7147
7148  .b8-users-say__avatar {
7149    flex: 0 0 36px;
7150    width: 36px;
7151    height: 36px;
7152    overflow: hidden;
7153    border-radius: 50%;
7154    background: var(--b8-surface-muted, #E5E1D8);
7155  }
7156
7157  .b8-users-say__avatar-image,
7158  .b8-users-say__avatar-placeholder {
7159    display: block;
7160    width: 100%;
7161    height: 100%;
7162    object-fit: cover;
7163  }
7164
7165  .b8-users-say__avatar-placeholder {
7166    background: linear-gradient(135deg, #F0C9B8, #E8DFC8);
7167  }
7168
7169  .b8-users-say__name {
7170    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
7171    font-size: 15px;
7172    font-weight: 600;
7173    line-height: 1.2;
7174    color: var(--b8-accent-black, #33302E);
7175  }
7176
7177  .b8-users-say__stars {
7178    display: flex;
7179    gap: 3px;
7180    margin-bottom: 10px;
7181  }
7182
7183  .b8-users-say__star {
7184    display: inline-flex;
7185    color: #E0D8CC;
7186  }
7187
7188  .b8-users-say__star.is-filled {
7189    color: #E6B84D;
7190  }
7191
7192  .b8-users-say__star svg {
7193    display: block;
7194    width: 14px;
7195    height: 14px;
7196  }
7197
7198  .b8-users-say__quote {
7199    margin: 0;
7200    font-size: 13px;
7201    line-height: 1.55;
7202    color: var(--b8-ink-soft, #66615E);
7203    display: -webkit-box;
7204    -webkit-box-orient: vertical;
7205    -webkit-line-clamp: 4;
7206    overflow: hidden;
7207  }
7208
7209  @media (max-width: 749px) {
7210    .b8-users-say {
7211      padding: 64px 0;
7212    }
7213
7214    .b8-users-say__header {
7215      flex-direction: column;
7216      align-items: flex-start;
7217      gap: 12px;
7218      margin-bottom: 28px;
7219    }
7220
7221    .b8-users-say__trust {
7222      text-align: left;
7223    }
7224
7225  }</style><section id="template--27581133783318__what_our_users_say_tqdUiL" class="b8-users-say">
7226  <div class="b8-users-say__inner">
7227    <header class="b8-users-say__header"><h2 class="b8-users-say__title">What Our Users Say</h2><p class="b8-users-say__trust">Trusted by 2,000+ backers worldwide</p></header><div class="b8-users-say__carousel">
7228        <div class="swiper b8-users-say__swiper" data-users-say-swiper>
7229          <div class="swiper-wrapper"><div class="swiper-slide" >
7230            <article class="b8-users-say__card">
7231              <div class="b8-users-say__media"><img src="//bloomin8.com/cdn/shop/files/alfredoistic.jpg?v=1780468662&amp;width=600" alt="alfredoistic" srcset="//bloomin8.com/cdn/shop/files/alfredoistic.jpg?v=1780468662&amp;width=200 200w, //bloomin8.com/cdn/shop/files/alfredoistic.jpg?v=1780468662&amp;width=300 300w, //bloomin8.com/cdn/shop/files/alfredoistic.jpg?v=1780468662&amp;width=400 400w, //bloomin8.com/cdn/shop/files/alfredoistic.jpg?v=1780468662&amp;width=600 600w" width="600" height="1038" loading="lazy" class="b8-users-say__featured-image" sizes="(max-width: 749px) 70vw, 20vw">
7232</div>
7233
7234              <div class="b8-users-say__body">
7235                <div class="b8-users-say__user">
7236                  <div class="b8-users-say__avatar"><img src="//bloomin8.com/cdn/shop/files/alfredoisticavatra.jpg?v=1780471361&amp;width=80" alt="alfredoistic" srcset="//bloomin8.com/cdn/shop/files/alfredoisticavatra.jpg?v=1780471361&amp;width=36 36w, //bloomin8.com/cdn/shop/files/alfredoisticavatra.jpg?v=1780471361&amp;width=72 72w, //bloomin8.com/cdn/shop/files/alfredoisticavatra.jpg?v=1780471361&amp;width=80 80w" width="80" height="80" loading="lazy" class="b8-users-say__avatar-image" sizes="36px">
7237</div><span class="b8-users-say__name">alfredoistic</span></div>
7238
7239                <div class="b8-users-say__stars" role="img" aria-label="5 out of 5 stars"><span class="b8-users-say__star is-filled">
7240                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7241                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7242                      </svg>
7243                    </span><span class="b8-users-say__star is-filled">
7244                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7245                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7246                      </svg>
7247                    </span><span class="b8-users-say__star is-filled">
7248                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7249                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7250                      </svg>
7251                    </span><span class="b8-users-say__star is-filled">
7252                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7253                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7254                      </svg>
7255                    </span><span class="b8-users-say__star is-filled">
7256                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7257                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7258                      </svg>
7259                    </span></div><p class="b8-users-say__quote">Absolutely thrilled with my new 
7260@bloomin8canvas
7261 Medium 13.3” E-Ink Canvas + Classic Gold Frame!</p></div>
7262            </article>
7263            </div><div class="swiper-slide" >
7264            <article class="b8-users-say__card">
7265              <div class="b8-users-say__media"><img src="//bloomin8.com/cdn/shop/files/Mahdi_Namdari_341e6e4e-983b-4e7f-8c3d-48f5901aba38.jpg?v=1780468667&amp;width=600" alt="Mahdi Namdari" srcset="//bloomin8.com/cdn/shop/files/Mahdi_Namdari_341e6e4e-983b-4e7f-8c3d-48f5901aba38.jpg?v=1780468667&amp;width=200 200w, //bloomin8.com/cdn/shop/files/Mahdi_Namdari_341e6e4e-983b-4e7f-8c3d-48f5901aba38.jpg?v=1780468667&amp;width=300 300w, //bloomin8.com/cdn/shop/files/Mahdi_Namdari_341e6e4e-983b-4e7f-8c3d-48f5901aba38.jpg?v=1780468667&amp;width=400 400w, //bloomin8.com/cdn/shop/files/Mahdi_Namdari_341e6e4e-983b-4e7f-8c3d-48f5901aba38.jpg?v=1780468667&amp;width=600 600w" width="600" height="750" loading="lazy" class="b8-users-say__featured-image" sizes="(max-width: 749px) 70vw, 20vw">
7266</div>
7267
7268              <div class="b8-users-say__body">
7269                <div class="b8-users-say__user">
7270                  <div class="b8-users-say__avatar"><img src="//bloomin8.com/cdn/shop/files/Mahdi.jpg?v=1780471362&amp;width=80" alt="Mahdi Namdari" srcset="//bloomin8.com/cdn/shop/files/Mahdi.jpg?v=1780471362&amp;width=36 36w, //bloomin8.com/cdn/shop/files/Mahdi.jpg?v=1780471362&amp;width=72 72w, //bloomin8.com/cdn/shop/files/Mahdi.jpg?v=1780471362&amp;width=80 80w" width="80" height="80" loading="lazy" class="b8-users-say__avatar-image" sizes="36px">
7271</div><span class="b8-users-say__name">Mahdi Namdari</span></div>
7272
7273                <div class="b8-users-say__stars" role="img" aria-label="5 out of 5 stars"><span class="b8-users-say__star is-filled">
7274                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7275                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7276                      </svg>
7277                    </span><span class="b8-users-say__star is-filled">
7278                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7279                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7280                      </svg>
7281                    </span><span class="b8-users-say__star is-filled">
7282                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7283                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7284                      </svg>
7285                    </span><span class="b8-users-say__star is-filled">
7286                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7287                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7288                      </svg>
7289                    </span><span class="b8-users-say__star is-filled">
7290                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7291                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7292                      </svg>
7293                    </span></div><p class="b8-users-say__quote">
7293I just wanted to say how much I love the Bloomin8 canvases I recently received.</p></div>
7294            </article>
7295            </div><div class="swiper-slide" >
7296            <article class="b8-users-say__card">
7297              <div class="b8-users-say__media"><img src="//bloomin8.com/cdn/shop/files/IMG_7685.webp?v=1780472198&amp;width=600" alt="Seastone Stu" srcset="//bloomin8.com/cdn/shop/files/IMG_7685.webp?v=1780472198&amp;width=200 200w, //bloomin8.com/cdn/shop/files/IMG_7685.webp?v=1780472198&amp;width=300 300w, //bloomin8.com/cdn/shop/files/IMG_7685.webp?v=1780472198&amp;width=400 400w, //bloomin8.com/cdn/shop/files/IMG_7685.webp?v=1780472198&amp;width=600 600w" width="600" height="599" loading="lazy" class="b8-users-say__featured-image" sizes="(max-width: 749px) 70vw, 20vw">
7298</div>
7299
7300              <div class="b8-users-say__body">
7301                <div class="b8-users-say__user">
7302                  <div class="b8-users-say__avatar"><img src="//bloomin8.com/cdn/shop/files/10001.webp?v=1780471361&amp;width=80" alt="Seastone Stu" srcset="//bloomin8.com/cdn/shop/files/10001.webp?v=1780471361&amp;width=36 36w, //bloomin8.com/cdn/shop/files/10001.webp?v=1780471361&amp;width=72 72w, //bloomin8.com/cdn/shop/files/10001.webp?v=1780471361&amp;width=80 80w" width="80" height="80" loading="lazy" class="b8-users-say__avatar-image" sizes="36px">
7303</div><span class="b8-users-say__name">Seastone Stu</span></div>
7304
7305                <div class="b8-users-say__stars" role="img" aria-label="5 out of 5 stars"><span class="b8-users-say__star is-filled">
7306                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7307                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7308                      </svg>
7309                    </span><span class="b8-users-say__star is-filled">
7310                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7311                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7312                      </svg>
7313                    </span><span class="b8-users-say__star is-filled">
7314                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7315                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7316                      </svg>
7317                    </span><span class="b8-users-say__star is-filled">
7318                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7319                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7320                      </svg>
7321                    </span><span class="b8-users-say__star is-filled">
7322                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7323                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7324                      </svg>
7325                    </span></div><p class="b8-users-say__quote">Finally found the perfect place to scan and display all my comic con prints!</p></div>
7326            </article>
7327            </div><div class="swiper-slide" >
7328            <article class="b8-users-say__card">
7329              <div class="b8-users-say__media"><img src="//bloomin8.com/cdn/shop/files/Pawel_Kolman_6f802b67-a687-4972-8379-0127562737e7.avif?v=1780398350&amp;width=600" alt="Pawel Kolman" srcset="//bloomin8.com/cdn/shop/files/Pawel_Kolman_6f802b67-a687-4972-8379-0127562737e7.avif?v=1780398350&amp;width=200 200w, //bloomin8.com/cdn/shop/files/Pawel_Kolman_6f802b67-a687-4972-8379-0127562737e7.avif?v=1780398350&amp;width=300 300w, //bloomin8.com/cdn/shop/files/Pawel_Kolman_6f802b67-a687-4972-8379-0127562737e7.avif?v=1780398350&amp;width=400 400w, //bloomin8.com/cdn/shop/files/Pawel_Kolman_6f802b67-a687-4972-8379-0127562737e7.avif?v=1780398350&amp;width=600 600w" width="600" height="601" loading="lazy" class="b8-users-say__featured-image" sizes="(max-width: 749px) 70vw, 20vw">
7330</div>
7331
7332              <div class="b8-users-say__body">
7333                <div class="b8-users-say__user">
7334                  <div class="b8-users-say__avatar"><img src="//bloomin8.com/cdn/shop/files/Pawel_Kolmanavata.avif?v=1780471363&amp;width=80" alt="Pawel Kolman" srcset="//bloomin8.com/cdn/shop/files/Pawel_Kolmanavata.avif?v=1780471363&amp;width=36 36w, //bloomin8.com/cdn/shop/files/Pawel_Kolmanavata.avif?v=1780471363&amp;width=72 72w, //bloomin8.com/cdn/shop/files/Pawel_Kolmanavata.avif?v=1780471363&amp;width=80 80w" width="80" height="132" loading="lazy" class="b8-users-say__avatar-image" sizes="36px">
7335</div><span class="b8-users-say__name">Pawel Kolman</span></div>
7336
7337                <div class="b8-users-say__stars" role="img" aria-label="5 out of 5 stars"><span class="b8-users-say__star is-filled">
7338                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7339                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7340                      </svg>
7341                    </span><span class="b8-users-say__star is-filled">
7342                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7343                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7344                      </svg>
7345                    </span><span class="b8-users-say__star is-filled">
7346                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7347                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7348                      </svg>
7349                    </span><span class="b8-users-say__star is-filled">
7350                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7351                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7352                      </svg>
7353                    </span><span class="b8-users-say__star is-filled">
7354                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7355                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7356                      </svg>
7357                    </span></div><p class="b8-users-say__quote">No more manual photo printing! BLOOMIN8 looks like a real frame but updates like magic.</p></div>
7358            </article>
7359            </div><div class="swiper-slide" >
7360            <article class="b8-users-say__card">
7361              <div class="b8-users-say__media"><img src="//bloomin8.com/cdn/shop/files/Cypher.webp?v=1780471282&amp;width=600" alt="Cypher" srcset="//bloomin8.com/cdn/shop/files/Cypher.webp?v=1780471282&amp;width=200 200w, //bloomin8.com/cdn/shop/files/Cypher.webp?v=1780471282&amp;width=300 300w, //bloomin8.com/cdn/shop/files/Cypher.webp?v=1780471282&amp;width=400 400w, //bloomin8.com/cdn/shop/files/Cypher.webp?v=1780471282&amp;width=600 600w" width="600" height="797" loading="lazy" class="b8-users-say__featured-image" sizes="(max-width: 749px) 70vw, 20vw">
7362</div>
7363
7364              <div class="b8-users-say__body">
7365                <div class="b8-users-say__user">
7366                  <div class="b8-users-say__avatar"><img src="//bloomin8.com/cdn/shop/files/Cypher.png?v=1780471363&amp;width=80" alt="Cypher" srcset="//bloomin8.com/cdn/shop/files/Cypher.png?v=1780471363&amp;width=36 36w, //bloomin8.com/cdn/shop/files/Cypher.png?v=1780471363&amp;width=72 72w, //bloomin8.com/cdn/shop/files/Cypher.png?v=1780471363&amp;width=80 80w" width="80" height="49" loading="lazy" class="b8-users-say__avatar-image" sizes="36px">
7367</div><span class="b8-users-say__name">Cypher</span></div>
7368
7369                <div class="b8-users-say__stars" role="img" aria-label="5 out of 5 stars"><span class="b8-users-say__star is-filled">
7370                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7371                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7372                      </svg>
7373                    </span><span class="b8-users-say__star is-filled">
7374                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7375                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7376                      </svg>
7377                    </span><span class="b8-users-say__star is-filled">
7378                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7379                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7380                      </svg>
7381                    </span><span class="b8-users-say__star is-filled">
7382                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7383                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7384                      </svg>
7385                    </span><span class="b8-users-say__star is-filled">
7386                      <svg aria-hidden="true" focusable="false" viewBox="0 0 20 20" fill="currentColor">
7387                        <path d="M10 1.5l2.47 5.01 5.53.8-4 3.9.94 5.5L10 14.35 5.06 16.7l.94-5.5-4-3.9 5.53-.8L10 1.5z"/>
7388                      </svg>
7389                    </span></div><p class="b8-users-say__quote">Awesome purchase. Honestly can’t imagine my daily routine without it now!</p></div>
7390            </article>
7391            </div></div>
7392        </div>
7393      </div></div>
7394</section>
7395
7396
7397
7398
7399</section><div id="shopify-section-template--27581133783318__press_marquee_3CXy9Q" class="shopify-section"><style data-shopify>.section-template--27581133783318__press_marquee_3CXy9Q-padding {
7400    padding-top: 40px;
7401    padding-bottom: 40px;
7402  }
7403
7404  /* 跑马灯基础容器 */
7405  .b8-press-marquee--template--27581133783318__press_marquee_3CXy9Q {
7406    overflow: hidden;
7407    user-select: none;
7408    display: flex;
7409    flex-direction: column;
7410    width: 100%;
7411  }
7412
7413  /* 轨道设计:确保内容不折行 */
7414  .b8-press-marquee__track--template--27581133783318__press_marquee_3CXy9Q {
7415    display: flex;
7416    overflow: hidden;
7417    width: 100%;
7418    position: relative;
7419  }
7420
7421  /* 滚动条:通过 flex-nowrap 保证内容线性排列 */
7422  .b8-press-marquee__items--template--27581133783318__press_marquee_3CXy9Q {
7423    display: flex;
7424    flex-shrink: 0;
7425    align-items: center;
7426    gap: 40px;
7427    padding-right: 40px; /* 间距补偿,防止衔接点重合 */
7428    justify-content: center;
7429    animation: b8-marquee-scroll-template--27581133783318__press_marquee_3CXy9Q 30s linear infinite;
7430  }
7431
7432  /* 悬停停止滚动(可选) */.b8-press-marquee__track--template--27581133783318__press_marquee_3CXy9Q:hover .b8-press-marquee__items--template--27581133783318__press_marquee_3CXy9Q {
7433    animation-play-state: paused;
7434  }.b8-logo-item {
7435    width: auto;
7436    object-fit: contain;
7437    filter: grayscale(100%);
7438    opacity: 0.6;
7439    transition: all 0.3s ease;
7440  }
7441
7442  .b8-logo-item:hover {
7443    filter: grayscale(0%);
7444    opacity: 1;
7445  }
7446
7447  /* 关键帧:从 0 位移到 -100%,配合双副本实现真正无缝 */
7448  @keyframes b8-marquee-scroll-template--27581133783318__press_marquee_3CXy9Q {
7449    from { transform: translateX(0); }
7450    to { transform: translateX(-100%); }
7451  }</style><div class="b8-press-marquee--template--27581133783318__press_marquee_3CXy9Q color-scheme-1 gradient section-template--27581133783318__press_marquee_3CXy9Q-padding"><p
7452      class="b8-eyebrow"
7453      style="text-align: center; margin-bottom: 30px; letter-spacing: 0.1em;"
7454    >
7455      AS SEEN ON
7456    </p><div class="b8-press-marquee__track--template--27581133783318__press_marquee_3CXy9Q"><div class="b8-press-marquee__items--template--27581133783318__press_marquee_3CXy9Q"><div class="b8-press-marquee__item" ><img src="//bloomin8.com/cdn/shop/t/16/assets/press-yankodesign.png?v=151904107702733906221786105845" 
7457                  alt="Media Logo" 
7458                  class="b8-logo-item" 
7459                  width=""
7460                  height=""
7461                  style="height: 28px;"
7462                  loading="lazy"></div><div class="b8-press-marquee__item" ><img src="//bloomin8.com/cdn/shop/t/16/assets/press-goodereader.webp?v=12835047744325067010178610
74625844" 
7463                  alt="Media Logo" 
7464                  class="b8-logo-item" 
7465                  width=""
7466                  height=""
7467                  style="height: 28px;"
7468                  loading="lazy"></div><div class="b8-press-marquee__item" ><img src="//bloomin8.com/cdn/shop/t/16/assets/press-techcrunch.svg?v=108886542537545478501786105844" 
7469                  alt="Media Logo" 
7470                  class="b8-logo-item" 
7471                  width=""
7472                  height=""
7473                  style="height: 28px;"
7474                  loading="lazy"></div><div class="b8-press-marquee__item" ><img src="//bloomin8.com/cdn/shop/t/16/assets/press-techradar.svg?v=17259001973289709391786105844" 
7475                  alt="Media Logo" 
7476                  class="b8-logo-item" 
7477                  width=""
7478                  height=""
7479                  style="height: 22px;"
7480                  loading="lazy"></div><div class="b8-press-marquee__item" ><img src="//bloomin8.com/cdn/shop/t/16/assets/press-creativebloq.svg?v=100461664041575299571786105843" 
7481                  alt="Media Logo" 
7482                  class="b8-logo-item" 
7483                  width=""
7484                  height=""
7485                  style="height: 28px;"
7486                  loading="lazy"></div><div class="b8-press-marquee__item" ><img src="//bloomin8.com/cdn/shop/t/16/assets/press-designmilk.svg?v=59829746674921237551786105843" 
7487                  alt="Media Logo" 
7488                  class="b8-logo-item" 
7489                  width=""
7490                  height=""
7491                  style="height: 28px;"
7492                  loading="lazy"></div><div class="b8-press-marquee__item" ><img src="//bloomin8.com/cdn/shop/t/16/assets/press-trustedreviews.png?v=35073721340147244351786105845" 
7493                  alt="Media Logo" 
7494                  class="b8-logo-item" 
7495                  width=""
7496                  height=""
7497                  style="height: 28px;"
7498                  loading="lazy"></div></div>
7499    <div class="b8-press-marquee__items--template--27581133783318__press_marquee_3CXy9Q"><div class="b8-press-marquee__item" ><img src="//bloomin8.com/cdn/shop/t/16/assets/press-yankodesign.png?v=151904107702733906221786105845" 
7500                  alt="Media Logo" 
7501                  class="b8-logo-item" 
7502                  width=""
7503                  height=""
7504                  style="height: 28px;"
7505                  loading="lazy"></div><div class="b8-press-marquee__item" ><img src="//bloomin8.com/cdn/shop/t/16/assets/press-goodereader.webp?v=128350477443250670101786105844" 
7506                  alt="Media Logo" 
7507                  class="b8-logo-item" 
7508                  width=""
7509                  height=""
7510                  style="height: 28px;"
7511                  loading="lazy"></div><div class="b8-press-marquee__item" ><img src="//bloomin8.com/cdn/shop/t/16/assets/press-techcrunch.svg?v=108886542537545478501786105844" 
7512                  alt="Media Logo" 
7513                  class="b8-logo-item" 
7514                  width=""
7515                  height=""
7516                  style="height: 28px;"
7517                  loading="lazy"></div><div class="b8-press-marquee__item" ><img src="//bloomin8.com/cdn/shop/t/16/assets/press-techradar.svg?v=17259001973289709391786105844" 
7518                  alt="Media Logo" 
7519                  class="b8-logo-item" 
7520                  width=""
7521                  height=""
7522                  style="height: 22px;"
7523                  loading="lazy"></div><div class="b8-press-marquee__item" ><img src="//bloomin8.com/cdn/shop/t/16/assets/press-creativebloq.svg?v=100461664041575299571786105843" 
7524                  alt="Media Logo" 
7525                  class="b8-logo-item" 
7526                  width=""
7527                  height=""
7528                  style="height: 28px;"
7529                  loading="lazy"></div><div class="b8-press-marquee__item" ><img src="//bloomin8.com/cdn/shop/t/16/assets/press-designmilk.svg?v=59829746674921237551786105843" 
7530                  alt="Media Logo" 
7531                  class="b8-logo-item" 
7532                  width=""
7533                  height=""
7534                  style="height: 28px;"
7535                  loading="lazy"></div><div class="b8-press-marquee__item" ><img src="//bloomin8.com/cdn/shop/t/16/assets/press-trustedreviews.png?v=35073721340147244351786105845" 
7536                  alt="Media Logo" 
7537                  class="b8-logo-item" 
7538                  width=""
7539                  height=""
7540                  style="height: 28px;"
7541                  loading="lazy"></div></div>
7542    <div class="b8-press-marquee__items--template--27581133783318__press_marquee_3CXy9Q"><div class="b8-press-marquee__item" ><img src="//bloomin8.com/cdn/shop/t/16/assets/press-yankodesign.png?v=151904107702733906221786105845" 
7543                  alt="Media Logo" 
7544                  class="b8-logo-item" aria-hidden="true" 
7545                  width=""
7546                  height=""
7547                  style="height: 28px;"
7548                  loading="lazy"></div><div class="b8-press-marquee__item" ><img src="//bloomin8.com/cdn/shop/t/16/assets/press-goodereader.webp?v=12835047744325067010178610
75485844" 
7549                  alt="Media Logo" 
7550                  class="b8-logo-item" aria-hidden="true" 
7551                  width=""
7552                  height=""
7553                  style="height: 28px;"
7554                  loading="lazy"></div><div class="b8-press-marquee__item" ><img src="//bloomin8.com/cdn/shop/t/16/assets/press-techcrunch.svg?v=108886542537545478501786105844" 
7555                  alt="Media Logo" 
7556                  class="b8-logo-item" aria-hidden="true" 
7557                  width=""
7558                  height=""
7559                  style="height: 28px;"
7560                  loading="lazy"></div><div class="b8-press-marquee__item" ><img src="//bloomin8.com/cdn/shop/t/16/assets/press-techradar.svg?v=17259001973289709391786105844" 
7561                  alt="Media Logo" 
7562                  class="b8-logo-item" aria-hidden="true" 
7563                  width=""
7564                  height=""
7565                  style="height: 22px;"
7566                  loading="lazy"></div><div class="b8-press-marquee__item" ><img src="//bloomin8.com/cdn/shop/t/16/assets/press-creativebloq.svg?v=100461664041575299571786105843" 
7567                  alt="Media Logo" 
7568                  class="b8-logo-item" aria-hidden="true" 
7569                  width=""
7570                  height=""
7571                  style="height: 28px;"
7572                  loading="lazy"></div><div class="b8-press-marquee__item" ><img src="//bloomin8.com/cdn/shop/t/16/assets/press-designmilk.svg?v=59829746674921237551786105843" 
7573                  alt="Media Logo" 
7574                  class="b8-logo-item" aria-hidden="true" 
7575                  width=""
7576                  height=""
7577                  style="height: 28px;"
7578                  loading="lazy"></div><div class="b8-press-marquee__item" ><img src="//bloomin8.com/cdn/shop/t/16/assets/press-trustedreviews.png?v=35073721340147244351786105845" 
7579                  alt="Media Logo" 
7580                  class="b8-logo-item" aria-hidden="true" 
7581                  width=""
7582                  height=""
7583                  style="height: 28px;"
7584                  loading="lazy"></div></div>
7585  </div>
7586</div>
7587
7588
7589</div><section id="shopify-section-template--27581133783318__kickstarter_b8_013" class="shopify-section b8-kickstarter-section"><style data-shopify>.b8-ks {
7590    background: var(--b8-paper, #FDF9F3);
7591    padding-block: 64px;
7592    overflow: hidden;
7593  }
7594
7595  .b8-ks__inner {
7596    max-width: 1200px;
7597    margin-inline: auto;
7598    padding-inline: 20px;
7599  }
7600
7601  @media (min-width: 750px) {
7602    .b8-ks__inner {
7603      padding-inline: 48px;
7604    }
7605  }
7606
7607  .b8-ks__eyebrow {
7608    font-family: var(--font-accent--family), 'IBM Plex Mono', monospace;
7609    font-size: 14px;
7610    text-transform: uppercase;
7611    letter-spacing: 0.1em;
7612    color: var(--b8-accent-red, #E85D4A);
7613    text-align: center;
7614    margin: 0 0 40px;
7615  }
7616
7617  .b8-ks__grid {
7618    display: grid;
7619    grid-template-columns: 1fr;
7620    gap: 32px;
7621    align-items: center;
7622  }
7623
7624  @media (min-width: 990px) {
7625    .b8-ks {
7626      padding-block: 64px 76px;
7627    }
7628
7629    .b8-ks__inner {
7630      max-width: 1160px;
7631    }
7632
7633    .b8-ks__eyebrow {
7634      margin-bottom: 34px;
7635    }
7636
7637    .b8-ks__grid {
7638      grid-template-columns: 390px minmax(420px, 560px);
7639      justify-content: center;
7640      gap: 56px;
7641      max-width: 1006px;
7642      margin-inline: auto;
7643      align-items: center;
7644    }
7645
7646    .b8-ks__left {
7647      align-items: flex-start;
7648      justify-content: center;
7649    }
7650  }
7651
7652  /* Left column: badge image + buttons */
7653  .b8-ks__left {
7654    display: flex;
7655    flex-direction: column;
7656    align-items: center;
7657    gap: 24px;
7658  }
7659
7660  .b8-ks__badge-img {
7661    width: 256px;
7662    height: auto;
7663    border-radius: 12px;
7664    box-shadow: var(--b8-shadow-subtle, 0 2px 8px rgba(0, 0, 0, 0.06));
7665  }
7666
7667  @media (min-width: 990px) {
7668    .b8-ks__badge-img {
7669      width: 390px;
7670      border-radius: 10px;
7671      box-shadow: 0 24px 48px -32px rgba(44, 42, 41, 0.38);
7672    }
7673  }
7674
7675  .b8-ks__buttons {
7676    display: flex;
7677    flex-direction: row;
7678    gap: 12px;
7679    width: 100%;
7680    max-width: 380px;
7681  }
7682
7683  .b8-ks__btn {
7684    flex: 1;
7685    display: inline-flex;
7686    align-items: center;
7687    justify-content: center;
7688    padding: 12px 24px;
7689    border-radius: 100px;
7690    font-family: var(--font-body--family), 'IBM Plex Sans', sans-serif;
7691    font-size: 14px;
7692    font-weight: 500;
7693    text-decoration: none;
7694    transition: transform 0.2s ease, box-shadow 0.2s ease;
7695    cursor: pointer;
7696    border: none;
7697  }
7698
7699  .b8-ks__btn:hover {
7700    transform: translateY(-1px);
7701    box-shadow: var(--b8-shadow-soft, 0 4px 16px rgba(0, 0, 0, 0.1));
7702  }
7703
7704  .b8-ks__btn--primary {
7705    background: var(--b8-accent-black, #2C2A29);
7706    color: var(--b8-paper, #FDF9F3);
7707  }
7708
7709  .b8-ks__btn--secondary {
7710    background: transparent;
7711    color: var(--b8-accent-black, #2C2A29);
7712    border: 1px solid rgba(44, 42, 41, 0.2);
7713  }
7714
7715  /* Mobile stats row (under image on mobile) */
7716  .b8-ks__stats-mobile {
7717    display: grid;
7718    grid-template-columns: repeat(3, 1fr);
7719    gap: 12px;
7720    width: 100%;
7721  }
7722
7723  @media (min-width: 990px) {
7724    .b8-ks__stats-mobile {
7725      display: none;
7726    }
7727  }
7728
7729  /* Desktop stats column (right side) */
7730  .b8-ks__stats-desktop {
7731    display: none;
7732    flex-direction: column;
7733    gap: 16px;
7734  }
7735
7736  @media (min-width: 990px) {
7737    .b8-ks__stats-desktop {
7738      display: flex;
7739      justify-content: center;
7740    }
7741  }
7742
7743  .b8-ks__stat {
7744    padding: 16px;
7745    border-radius: 8px;
7746    background: rgba(250, 247, 241, 0.6);
7747    border: 1px solid rgba(44, 42, 41, 0.08);
7748  }
7749
7750  .b8-ks__stat--mobile {
7751    text-align: center;
7752  }
7753
7754  .b8-ks__stat--desktop {
7755    text-align: left;
7756    padding: 24px;
7757  }
7758
7759  .b8-ks__stat-value {
7760    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
7761    font-weight: 500;
7762    letter-spacing: -0.02em;
7763    line-height: 1;
7764    color: var(--b8-accent-black, #2C2A29);
7765    margin: 0 0 4px;
7766  }
7767
7768  .b8-ks__stat-value--mobile {
7769    font-size: clamp(20px, 5vw, 32px);
7770  }
7771
7772  .b8-ks__stat-value--desktop {
7773    font-size: clamp(32px, 3.5vw, 44px);
7774    margin-bottom: 8px;
7775  }
7776
7777  .b8-ks__stat-label {
7778    font-family: var(--font-accent--family), 'IBM Plex Mono', monospace;
7779    text-transform: uppercase;
7780    letter-spacing: 0.05em;
7781    color: var(--b8-ink-subtle, #999);
7782  }
7783
7784  .b8-ks__stat-label--mobile {
7785    font-size: 8px;
7786    line-height: 1.2;
7787  }
7788
7789  .b8-ks__stat-label--desktop {
7790    font-size: 11px;
7791  }
7792
7793  /* Video modal */
7794  .b8-ks__modal {
7795    display: none;
7796    position: fixed;
7797    inset: 0;
7798    z-index: 999;
7799    align-items: center;
7800    justify-content: center;
7801    background: rgba(0, 0, 0, 0.75);
7802    padding: 24px;
7803  }
7804
7805  .b8-ks__modal.is-open {
7806    display: flex;
7807  }
7808
7809  .b8-ks__modal-inner {
7810    position: relative;
7811    width: 100%;
7812    max-width: 960px;
7813    aspect-ratio: 16 / 9;
7814    border-radius: 12px;
7815    overflow: hidden;
7816    background: #000;
7817  }
7818
7819  .b8-ks__modal-close {
7820    position: absolute;
7821    top: 12px;
7822    right: 12px;
7823    z-index: 10;
7824    width: 40px;
7825    height: 40px;
7826    display: flex;
7827    align-items: center;
7828    justify-content: center;
7829    border-radius: 50%;
7830    background: rgba(0, 0, 0, 0.5);
7831    color: #fff;
7832    border: none;
7833    cursor: pointer;
7834    font-size: 20px;
7835    line-height: 1;
7836    transition: background 0.2s;
7837  }
7838
7839  .b8-ks__modal-close:hover {
7840    background: rgba(0, 0, 0, 0.7);
7841  }
7842
7843  .b8-ks__modal iframe {
7844    position: absolute;
7845    inset: 0;
7846    width: 100%;
7847    height: 100%;
7848    border: none;
7849  }</style><div class="b8-ks" id="b8-ks-template--27581133783318__kickstarter_b8_013" data-reveal="fade-up" data-youtube-id="3dM-IhRRE9s">
7850  <div class="b8-ks__inner">
7851
7852    <p class="b8-ks__eyebrow">Best of Kickstarter Reward</p>
7853
7854    <div class="b8-ks__grid"><div class="b8-ks__left"><img
7855            class="b8-ks__badge-img"
7856            src="//bloomin8.com/cdn/shop/t/16/assets/b8-bestofks.jpg?v=13796531139632980981786105842"
7857            alt="Best of Kickstarter"
7858            loading="lazy"
7859            width="320"
7860            height="320"
7861          ><div class="b8-ks__buttons"><a
7862                href=""
7863                target="_blank"
7864                rel="noopener noreferrer"
7865                class="b8-ks__btn b8-ks__btn--primary"
7866              >
7867                Kickstarter
7868              </a><button type="button" class="b8-ks__btn b8-ks__btn--secondary" data-ks-video-open>
7869                Watch Video
7870              </button></div><div class="b8-ks__stats-mobile">
7871          <div class="b8-ks__stat b8-ks__stat--mobile">
7872            <div class="b8-ks__stat-value b8-ks__stat-value--mobile">$1.5M+</div>
7873            <div class="b8-ks__stat-label b8-ks__stat-label--mobile">Raised on Kickstarter</div>
7874          </div>
7875          <div class="b8-ks__stat b8-ks__stat--mobile">
7876            <div class="b8-ks__stat-value b8-ks__stat-value--mobile">2000+</div>
7877            <div class="b8-ks__stat-label b8-ks__stat-label--mobile">Backers</div>
7878          </div>
7879          <div class="b8-ks__stat b8-ks__stat--mobile">
7880            <div class="b8-ks__stat-value b8-ks__stat-value--mobile">7991%</div>
7881            <div class="b8-ks__stat-label b8-ks__stat-label--mobile">Goal Reached</div>
7882          </div>
7883        </div>
7884      </div><div class="b8-ks__stats-desktop">
7885        <div class="b8-ks__stat b8-ks__stat--desktop">
7886          <div class="b8-ks__stat-value b8-ks__stat-value--desktop">$1.5M+</div>
7887          <div class="b8-ks__stat-label b8-ks__stat-label--desktop">Raised on Kickstarter</div>
7888        </div>
7889        <div class="b8-ks__stat b8-ks__stat--desktop">
7890          <div class="b8-ks__stat-value b8-ks__stat-value--desktop">2000+</div>
7891          <div class="b8-ks__stat-label b8-ks__stat-label--desktop">Backers</div>
7892        </div>
7893        <div class="b8-ks__stat b8-ks__stat--desktop">
7894          <div class="b8-ks__stat-value b8-ks__stat-value--desktop">7991%</div>
7895          <div class="b8-ks__stat-label b8-ks__stat-label--desktop">Goal Reached</div>
7896        </div>
7897      </div>
7898
7899    </div>
7900  </div><div class="b8-ks__modal" data-ks-modal>
7901    <div class="b8-ks__modal-inner">
7902      <button type="button" class="b8-ks__modal-close" data-ks-video-close>&times;</button>
7903      <iframe data-ks-iframe src="" title="BLOOMIN8 Launch Video" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" allowfullscreen></iframe>
7904    </div>
7905  </div>
7906</div>
7907
7908<script>
7909  (function () {
7910    var section = document.getElementById('b8-ks-template--27581133783318__kickstarter_b8_013');
7911    if (!section) return;
7912
7913    var modal = section.querySelector('[data-ks-modal]');
7914    var iframe = section.querySelector('[data-ks-iframe]');
7915    var openBtn = section.querySelector('[data-ks-video-open]');
7916    var closeBtn = section.querySelector('[data-ks-video-close]');
7917    var youtubeId = section.getAttribute('data-youtube-id');
7918    var videoSrc = 'https://www.youtube-nocookie.com/embed/' + youtubeId + '?rel=0&autoplay=1&mute=1';
7919
7920    if (openBtn && modal && iframe) {
7921      openBtn.addEventListener('click', function () {
7922        iframe.src = videoSrc;
7923        modal.classList.add('is-open');
7924        document.body.style.overflow = 'hidden';
7925      });
7926
7927      function closeModal() {
7928        modal.classList.remove('is-open');
7929        iframe.src = '';
7930        document.body.style.overflow = '';
7931      }
7932
7933      closeBtn.addEventListener('click', closeModal);
7934      modal.addEventListener('click', function (e) {
7935        if (e.target === modal) closeModal();
7936      });
7937    }
7938  })();
7939</script>
7939
7940
7941
7942</section><section id="shopify-section-template--27581133783318__not_a_display_b8_008" class="shopify-section b8-not-a-display-section"><style data-shopify>/* ===== Part 1: "It's NOT a…" text rotation ===== */
7943  .b8-nad {
7944    --nad-glow: 0 0 20px rgba(253, 251, 247, 0.6), 0 0 40px rgba(253, 251, 247, 0.3);
7945  }
7946
7947  .b8-nad__not {
7948    background: var(--b8-accent-black, #2C2A29);
7949    color: var(--b8-paper, #FDF9F3);
7950    padding-block: 48px 64px;
7951    overflow: hidden;
7952  }
7953
7954  .b8-nad__not-inner {
7955    max-width: 1200px;
7956    margin-inline: auto;
7957    padding-inline: 24px;
7958    display: grid;
7959    grid-template-columns: 1fr;
7960    gap: 40px;
7961    align-items: center;
7962  }
7963
7964  @media (min-width: 750px) {
7965    .b8-nad__not-inner {
7966      grid-template-columns: 1fr 1fr;
7967      padding-inline: 48px;
7968      gap: 48px;
7969    }
7970  }
7971
7972  /* Left: "It's NOT …" */
7973  .b8-nad__left {
7974    text-align: left;
7975    space-y: 12px;
7976  }
7977
7978  .b8-nad__its-not {
7979    font-family: var(--font-body--family), 'IBM Plex Sans', sans-serif;
7980    font-size: clamp(24px, 4vw, 36px);
7981    line-height: 1.4;
7982    margin: 0 0 8px;
7983    opacity: 0.5;
7984    color: var(--b8-paper, #FDF9F3);
7985  }
7986
7987  .b8-nad__rotating-wrap {
7988    display: block;
7989    height: 1.5em;
7990    position: relative;
7991    overflow: visible;
7992  }
7993
7994  .b8-nad__rotating-word {
7995    position: absolute;
7996    left: 0;
7997    top: 0;
7998    display: inline-block;
7999    font-family: var(--font-body--family), 'IBM Plex Sans', sans-serif;
8000    font-size: clamp(24px, 4vw, 36px);
8001    font-weight: 300;
8002    font-style: italic;
8003    line-height: 1.5;
8004    white-space: nowrap;
8005    text-decoration: line-through;
8006    text-decoration-thickness: 2px;
8007    text-decoration-color: var(--b8-paper, #FDF9F3);
8008    color: var(--b8-paper, #FDF9F3);
8009    text-shadow: var(--nad-glow);
8010    opacity: 1;
8011    transition: opacity 0.3s ease-in-out;
8012  }
8013
8014  .b8-nad__rotating-word.is-fading {
8015    opacity: 0;
8016  }
8017
8018  /* Right: Reveal text with left border */
8019  .b8-nad__right {
8020    border-left: none;
8021    padding-left: 0;
8022    padding-block: 16px;
8023  }
8024
8025  @media (min-width: 750px) {
8026    .b8-nad__right {
8027      border-left: 1px solid rgba(255, 255, 255, 0.2);
8028      padding-left: 48px;
8029    }
8030  }
8031
8032  .b8-nad__reveal-text {
8033    font-family: var(--font-body--family), 'IBM Plex Sans', sans-serif;
8034    font-size: clamp(18px, 2.5vw, 24px);
8035    font-weight: 300;
8036    line-height: 1.6;
8037    color: var(--b8-stone, #B8B4AE);
8038    margin: 0 0 8px;
8039  }
8040
8041  .b8-nad__reveal-sub {
8042    font-family: var(--font-body--family), 'IBM Plex Sans', sans-serif;
8043    font-size: clamp(18px, 2.5vw, 24px);
8044    font-weight: 300;
8045    line-height: 1.6;
8046    color: var(--b8-stone, #B8B4AE);
8047    margin: 0 0 16px;
8048  }
8049
8050  .b8-nad__canvas-heading {
8051    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
8052    font-size: clamp(48px, 7vw, 80px);
8053    font-weight: 400;
8054    line-height: 1;
8055    letter-spacing: -0.02em;
8056    margin: 0;
8057    color: var(--b8-stone, #B8B4AE);
8058  }
8059
8060  /* ===== Part 2: E-ink evolution sticky scroll ===== */
8061  .b8-nad__evo {
8062    background: var(--b8-paper, #FDF9F3);
8063    position: relative;
8064    height: 150vh;
8065  }
8066
8067  .b8-nad__evo-sticky {
8068    position: sticky;
8069    top: 0;
8070    height: 100vh;
8071    max-width: 1200px;
8072    margin-inline: auto;
8073    padding-inline: 24px;
8074    display: grid;
8075    grid-template-columns: 1fr;
8076    gap: 32px;
8077    align-items: center;
8078    overflow: hidden;
8079  }
8080
8081  @media (min-width: 750px) {
8082    .b8-nad__evo-sticky {
8083      grid-template-columns: 1fr 1fr;
8084      padding-inline: 48px;
8085      gap: 48px;
8086    }
8087  }
8088
8089  /* Text column */
8090  .b8-nad__evo-text {
8091    order: 2;
8092    text-align: left;
8093  }
8094
8095  @media (min-width: 750px) {
8096    .b8-nad__evo-text {
8097      order: 1;
8098    }
8099  }
8100
8101  .b8-nad__evo-label {
8102    font-family: var(--font-accent--family), 'IBM Plex Mono', monospace;
8103    font-size: clamp(14px, 1.5vw, 16px);
8104    text-transform: uppercase;
8105    letter-spacing: 0.08em;
8106    color: var(--b8-ink-subtle, #999);
8107    margin: 0 0 16px;
8108    transition: opacity 0.5s ease;
8109  }
8110
8111  .b8-nad__evo-title {
8112    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
8113    font-size: clamp(40px, 6vw, 72px);
8114    font-weight: 400;
8115    letter-spacing: -0.02em;
8116    line-height: 1;
8117    margin: 0;
8118    color: var(--b8-accent-black, #2C2A29);
8119    transition: opacity 0.5s ease;
8120  }
8121
8122  .b8-nad__evo-label.is-fading,
8123  .b8-nad__evo-title.is-fading {
8124    opacity: 0;
8125  }
8126
8127  /* Image column */
8128  .b8-nad__evo-img-wrap {
8129    position: relative;
8130    width: 100%;
8131    max-width: 400px;
8132    margin-inline: auto;
8133    aspect-ratio: 1 / 1;
8134    order: 1;
8135  }
8136
8137  @media (min-width: 750px) {
8138    .b8-nad__evo-img-wrap {
8139      order: 2;
8140    }
8141  }
8142
8143  .b8-nad__evo-img {
8144    width: 100%;
8145    height: 100%;
8146    object-fit: contain;
8147    display: block;
8148    filter: grayscale(100%);
8149    transition: filter 700ms ease-out;
8150  }
8151
8152  .b8-nad__evo-img.is-color {
8153    filter: grayscale(0%);
8154  }
8155
8156  /* ===== Reduced motion ===== */
8157  @media (prefers-reduced-motion: reduce) {
8158    .b8-nad__rotating-word {
8159      transition: none;
8160    }
8161
8162    .b8-nad__evo-img {
8163      filter: grayscale(0%);
8164      transition: none;
8165    }
8166
8167    .b8-nad__evo-label,
8168    .b8-nad__evo-title {
8169      transition: none;
8170    }
8171  }</style><div class="b8-nad" id="b8-nad-template--27581133783318__not_a_display_b8_008" data-reveal="fade-up"><div class="b8-nad__not">
8172    <div class="b8-nad__not-inner"><div class="b8-nad__left">
8173        <p class="b8-nad__its-not">
8173It's NOT</p>
8174        <div class="b8-nad__rotating-wrap">
8175          <span class="b8-nad__rotating-word" data-nad-word>a TV.</span>
8176        </div>
8177      </div><div class="b8-nad__right">
8178        <p class="b8-nad__reveal-text">Finally, a screen that doesn't look like a screen.</p>
8179        <p class="b8-nad__reveal-sub">It is</p>
8180        <h3 class="b8-nad__canvas-heading">E-ink Canvas</h3>
8181      </div>
8182
8183    </div>
8184  </div><div class="b8-nad__evo" data-nad-evo>
8185    <div class="b8-nad__evo-sticky"><div class="b8-nad__evo-text">
8186        <p class="b8-nad__evo-label" data-nad-year>1996</p>
8187        <h2 class="b8-nad__evo-title" data-nad-label>B&W E-ink</h2>
8188      </div><div class="b8-nad__evo-img-wrap"><img
8189            class="b8-nad__evo-img"
8190            data-nad-img
8191            src="//bloomin8.com/cdn/shop/t/16/assets/b8-sunflower.jpg?v=120238832886477227871786105844"
8192            alt="E-ink colour evolution — sunflower"
8193            loading="lazy"
8194            width="900"
8195            height="900"
8196          ></div>
8197
8198    </div>
8199  </div>
8200
8201</div>
8202
8203<script>
8204  (function () {
8205    var section = document.getElementById('b8-nad-template--27581133783318__not_a_display_b8_008');
8206    if (!section) return;
8207
8208    /* ===== Part 1: Text rotation ===== */
8209    var wordEl = section.querySelector('[data-nad-word]');
8210    var words = ["a TV.","a Monitor.","a Tablet.","another Glowing Display."];
8211    var wordIndex = 0;
8212    var prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
8213
8214    function rotateWord() {
8215      if (!wordEl) return;
8216      wordEl.classList.add('is-fading');
8217      setTimeout(function () {
8218        wordIndex = (wordIndex + 1) % words.length;
8219        wordEl.textContent = words[wordIndex];
8220        wordEl.classList.remove('is-fading');
8221      }, 300);
8222    }
8223
8224    if (!prefersReducedMotion) {
8225      setInterval(rotateWord, 1000);
8226    }
8227
8228    /* ===== Part 2: Scroll-driven grayscale with text fade ===== */
8229    var evoContainer = section.querySelector('[data-nad-evo]');
8230    var evoImg = section.querySelector('[data-nad-img]');
8231    var yearLabel = section.querySelector('[data-nad-year]');
8232    var titleLabel = section.querySelector('[data-nad-label]');
8233    var ticking = false;
8234    var isObserving = false;
8235    var currentState = 0;
8236
8237    var einkStates = [
8238      { year: "1996", label: "B\u0026W E-ink" },
8239      { year: "2025", label: "Full Colour E-ink" }
8240    ];
8241
8242    function switchText(newState) {
8243      if (newState === currentState) return;
8244      currentState = newState;
8245
8246      /* Fade out */
8247      yearLabel.classList.add('is-fading');
8248      titleLabel.classList.add('is-fading');
8249
8250      setTimeout(function () {
8251        yearLabel.textContent = einkStates[newState].year;
8252        titleLabel.textContent = einkStates[newState].label;
8253        /* Fade in */
8254        yearLabel.classList.remove('is-fading');
8255        titleLabel.classList.remove('is-fading');
8256      }, 300);
8257    }
8258
8259    function onScroll() {
8260      if (ticking) return;
8261      ticking = true;
8262      requestAnimationFrame(function () {
8263        ticking = false;
8264        if (!evoContainer) return;
8265
8266        var rect = evoContainer.getBoundingClientRect();
8267        var containerHeight = evoContainer.offsetHeight;
8268        var scrolled = -rect.top;
8269        var progress = Math.max(0, Math.min(1, scrolled / (containerHeight - window.innerHeight)));
8270
8271        if (progress >= 0.5) {
8272          evoImg.classList.add('is-color');
8273          switchText(1);
8274        } else {
8275          evoImg.classList.remove('is-color');
8276          switchText(0);
8277        }
8278      });
8279    }
8280
8281    if (prefersReducedMotion) {
8282      if (evoImg) evoImg.classList.add('is-color');
8283      if (yearLabel) yearLabel.textContent = einkStates[1].year;
8284      if (titleLabel) titleLabel.textContent = einkStates[1].label;
8285    } else if (evoContainer) {
8286      var observer = new IntersectionObserver(function (entries) {
8287        entries.forEach(function (entry) {
8288          if (entry.isIntersecting) {
8289            if (!isObserving) {
8290              window.addEventListener('scroll', onScroll, { passive: true });
8291              isObserving = true;
8292              onScroll();
8293            }
8294          } else {
8295            if (isObserving) {
8296              window.removeEventListener('scroll', onScroll);
8297              isObserving = false;
8298            }
8299          }
8300        });
8301      }, { threshold: 0 });
8302
8303      observer.observe(evoContainer);
8304    }
8305  })();
8306</script>
8306
8307
8308
8309</section><section id="shopify-section-template--27581133783318__scenes_b8_010" class="shopify-section b8-home-scenes-section"><style data-shopify>.b8-scenes {
8310    padding-block: 48px 64px;
8311    display: flex;
8312    flex-direction: column;
8313  }
8314
8315  .b8-scenes__header {
8316    max-width: 1200px;
8317    margin-inline: auto;
8318    padding-inline: 20px;
8319    margin-bottom: 40px;
8320    text-align: center;
8321  }
8322
8323  @media (min-width: 750px) {
8324    .b8-scenes__header { padding-inline: 48px; }
8325  }
8326
8327  .b8-scenes__eyebrow {
8328    font-family: var(--font-accent--family), 'IBM Plex Mono', monospace;
8329    font-size: 12px;
8330    text-transform: uppercase;
8331    letter-spacing: 0.08em;
8332    color: var(--b8-accent-blue);
8333    margin: 0 0 8px;
8334  }
8335
8336  .b8-scenes__title {
8337    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
8338    font-size: clamp(28px, 4vw, 48px);
8339    font-weight: 500;
8340    letter-spacing: -0.02em;
8341    line-height: 1.1;
8342    margin: 0;
8343  }
8344
8345  /* ===== Scene tabs (pill row) ===== */
8346  .b8-scenes__tabs {
8347    display: flex;
8348    gap: 8px;
8349    max-width: min(1200px, 100vw);
8350    margin-inline: auto;
8351    padding-inline: 20px;
8352    margin-bottom: 32px;
8353    overflow-x: auto;
8354    -webkit-overflow-scrolling: touch;
8355    scrollbar-width: none;
8356    box-sizing: border-box;
8357  }
8358
8359  .b8-scenes__tabs::-webkit-scrollbar { display: none; }
8360
8361  @media (min-width: 750px) {
8362    .b8-scenes__tabs {
8363      padding-inline: 48px;
8364      justify-content: center;
8365      flex-wrap: wrap;
8366    }
8367  }
8368
8369  .b8-scenes__tab {
8370    flex-shrink: 0;
8371    border: 1.5px solid rgba(0, 0, 0, 0.12);
8372    background: transparent;
8373    color: var(--b8-accent-black, #2C2A29);
8374    font-family: var(--font-accent--family), 'IBM Plex Mono', monospace;
8375    font-size: 12px;
8376    font-weight: 500;
8377    text-transform: uppercase;
8378    letter-spacing: 0.04em;
8379    padding: 8px 18px;
8380    border-radius: 999px;
8381    cursor: pointer;
8382    white-space: nowrap;
8383    transition: background var(--b8-duration-medium, 300ms) var(--b8-ease-standard, ease),
8384                color var(--b8-duration-medium, 300ms) var(--b8-ease-standard, ease),
8385                border-color var(--b8-duration-medium, 300ms) var(--b8-ease-standard, ease);
8386  }
8387
8388  .b8-scenes__tab:hover {
8389    border-color: rgba(0, 0, 0, 0.3);
8390  }
8391
8392  .b8-scenes__tab.is-active {
8393    background: var(--b8-accent-black, #2C2A29);
8394    color: var(--b8-paper, #FDF9F3);
8395    border-color: var(--b8-accent-black, #2C2A29);
8396  }
8397
8398  /* ===== Content grid ===== */
8399  .b8-scenes__grid {
8400    max-width: 1400px;
8401    margin-inline: auto;
8402    padding-inline: 20px;
8403    display: grid;
8404    grid-template-columns: 1fr 1fr;
8405    gap: 32px 48px;
8406    align-items: center;
8407    flex: 1;
8408    min-height: 0;
8409  }
8410
8411  @media (min-width: 750px) {
8412    .b8-scenes__grid { padding-inline: 48px; }
8413  }
8414
8415  @media (max-width: 749px) {
8416    .b8-scenes__grid {
8417      grid-template-columns: 1fr;
8418      gap: 24px;
8419    }
8420  }
8421
8422  /* ===== Image card (left) ===== */
8423  .b8-scenes__image-card {
8424    position: relative;
8425    aspect-ratio: 3 / 4;
8426    width: 100%;
8427    max-width: 400px;
8428    margin-inline: auto;
8429    border-radius: 16px;
8430    overflow: hidden;
8431    background: var(--b8-paper-soft, #f5f3ef);
8432    cursor: pointer;
8433    box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
8434  }
8435
8436  @media (min-width: 750px) {
8437    .b8-scenes__image-card {
8438      cursor: default;
8439    }
8440  }
8441
8442  .b8-scenes__image {
8443    position: absolute;
8444    inset: 0;
8445    width: 100%;
8446    height: 100%;
8447    object-fit: cover;
8448    opacity: 0;
8449    transform: scale(1.02);
8450    transition: opacity 700ms ease, transform 700ms ease;
8451    pointer-events: none;
8452  }
8453
8454  .b8-scenes__image.is-active {
8455    opacity: 1;
8456    transform: scale(1);
8457  }
8458
8459  /* ===== Info panel (right) ===== */
8460  .b8-scenes__info {
8461    display: flex;
8462    flex-direction: column;
8463    gap: 20px;
8464    padding-top: 8px;
8465  }
8466
8467  .b8-scenes__time-badge {
8468    display: inline-flex;
8469    align-self: flex-start;
8470    align-items: center;
8471    gap: 6px;
8472    font-family: var(--font-accent--family), 'IBM Plex Mono', monospace;
8473    font-size: 11px;
8474    text-transform: uppercase;
8475    letter-spacing: 0.06em;
8476    color: var(--b8-ink-subtle, #999);
8477    background: rgba(0, 0, 0, 0.04);
8478    padding: 5px 12px;
8479    border-radius: 999px;
8480  }
8481
8482  .b8-scenes__time-badge svg {
8483    width: 14px;
8484    height: 14px;
8485    opacity: 0.6;
8486  }
8487
8488  .b8-scenes__scene-title {
8489    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
8490    font-size: clamp(22px, 3vw, 32px);
8491    font-weight: 500;
8492    letter-spacing: -0.02em;
8493    line-height: 1.15;
8494    margin: 0;
8495  }
8496
8497  .b8-scenes__scene-desc {
8498    font-family: var(--font-body--family), 'IBM Plex Sans', sans-serif;
8499    font-size: 14px;
8500    line-height: 1.65;
8501    color: var(--b8-ink-soft, #666);
8502    margin: 0;
8503  }
8504
8505  /* ===== Theme selector buttons ===== */
8506  .b8-scenes__themes {
8507    display: flex;
8508    gap: 8px;
8509    flex-wrap: wrap;
8510  }
8511
8512  .b8-scenes__theme-btn {
8513    border: 1.5px solid rgba(0, 0, 0, 0.12);
8514    background: transparent;
8515    color: var(--b8-accent-black, #2C2A29);
8516    font-family: var(--font-accent--family), 'IBM Plex Mono', monospace;
8517    font-size: 12px;
8518    font-weight: 500;
8519    padding: 7px 16px;
8520    border-radius: 999px;
8521    cursor: pointer;
8522    transition: background var(--b8-duration-medium, 300ms) var(--b8-ease-standard, ease),
8523                color var(--b8-duration-medium, 300ms) var(--b8-ease-standard, ease),
8524                border-color var(--b8-duration-medium, 300ms) var(--b8-ease-standard, ease);
8525  }
8526
8527  .b8-scenes__theme-btn:hover {
8528    border-color: rgba(0, 0, 0, 0.3);
8529  }
8530
8531  .b8-scenes__theme-btn.is-active {
8532    background: var(--b8-accent-black, #2C2A29);
8533    color: var(--b8-paper, #FDF9F3);
8534    border-color: var(--b8-accent-black, #2C2A29);
8535  }
8536
8537  /* ===== Fullscreen overlay ===== */
8538  .b8-scenes__fullscreen {
8539    display: none;
8540    position: fixed;
8541    inset: 0;
8542    z-index: 9999;
8543    background: rgba(0, 0, 0, 0.92);
8544    align-items: center;
8545    justify-content: center;
8546    cursor: pointer;
8547    padding: 24px;
8548  }
8549
8550  .b8-scenes__fullscreen.is-open {
8551    display: flex;
8552  }
8553
8554  .b8-scenes__fullscreen img {
8555    max-width: 100%;
8556    max-height: 100%;
8557    object-fit: contain;
8558    border-radius: 8px;
8559  }
8560
8561  /* ===== Desktop magnifier ===== */
8562  .b8-scenes__magnifier {
8563    display: none;
8564    position: absolute;
8565    width: 250px;
8566    height: 250px;
8567    border-radius: 50%;
8568    border: 2px solid #fff;
8569    overflow: hidden;
8570    pointer-events: none;
8571    z-index: 50;
8572    box-shadow: 0 4px 20px rgba(0, 0, 0, 0.3), inset 0 0 0 1px rgba(255, 255, 255, 0.2);
8573    background-repeat: no-repeat;
8574  }
8575
8576  @media (min-width: 1024px) {
8577    .b8-scenes__image-card {
8578      cursor: zoom-in;
8579    }
8580    .b8-scenes__magnifier.is-visible {
8581      display: block;
8582    }
8583  }
8584
8585  .b8-scenes__hint {
8586    position: absolute;
8587    bottom: 12px;
8588    left: 50%;
8589    transform: translateX(-50%);
8590    background: rgba(44, 42, 41, 0.7);
8591    color: var(--b8-paper, #FDF9F3);
8592    font-family: var(--font-accent--family), 'IBM Plex Mono', monospace;
8593    font-size: 11px;
8594    text-transform: uppercase;
8595    letter-spacing: 0.04em;
8596    padding: 6px 12px;
8597    border-radius: 999px;
8598    pointer-events: none;
8599    white-space: nowrap;
8600    z-index: 10;
8601    transition: opacity 200ms ease;
8602  }
8603
8604  .b8-scenes__hint--desktop {
8605    display: none;
8606  }
8607
8608  @media (min-width: 1024px) {
8609    .b8-scenes__hint--desktop { display: block; }
8610    .b8-scenes__hint--mobile { display: none; }
8611    .b8-scenes__hint--desktop.is-hidden { opacity: 0; }
8612  }
8613
8614  @media (max-width: 1023px) {
8615    .b8-scenes__hint--desktop { display: none; }
8616    .b8-scenes__hint--mobile { display: block; }
8617  }
8618
8619  /* ===== Reduced motion ===== */
8620  @media (prefers-reduced-motion: reduce) {
8621    .b8-scenes__image {
8622      transition: opacity 200ms ease;
8623      transform: none;
8624    }
8625
8626    .b8-scenes__image.is-active {
8627      transform: none;
8628    }
8629
8630    .b8-scenes__tab,
8631    .b8-scenes__theme-btn {
8632      transition: none;
8633    }
8634  }</style>
8634<script type="application/json" id="b8-scenes-data-template--27581133783318__scenes_b8_010">
8635  [{
8636        "name": "Living Room",
8637        "time": "All Day",
8638        "desc": "Art that changes with your mood. Rotate between gallery pieces, family snapshots, or a live weather canvas that updates throughout the day.",
8639        "themes": [
8640          {
8641            "name": "Art",
8642            "far": "//bloomin8.com/cdn/shop/files/b8-scene-far-living-art-far.webp?v=150691424129000736",
8643            "close": "//bloomin8.com/cdn/shop/files/b8-scene-close-living-art-close.webp?v=8778464627718292613"
8644          },
8645          {
8646            "name": "Family",
8647            "far": "//bloomin8.com/cdn/shop/files/b8-scene-far-living-family-far.webp?v=17879753578619016318",
8648            "close": "//bloomin8.com/cdn/shop/files/b8-scene-close-living-family-close.webp?v=5452325773969621101"
8649          },
8650          {
8651            "name": "Weather",
8652            "far": "//bloomin8.com/cdn/shop/files/b8-scene-far-living-weather-far.webp?v=15659717180659930369",
8653            "close": "//bloomin8.com/cdn/shop/files/b8-scene-close-living-weather-close.webp?v=18020180116377694963"
8654          }
8655        ]
8656      },{
8657        "name": "Bedroom",
8658        "time": "Morning \u0026 Night",
8659        "desc": "Wake up to bedtime stories for the kids, scroll through cherished memories, or start the day with a personal affirmation.",
8660        "themes": [
8661          {
8662            "name": "Stories",
8663            "far": "//bloomin8.com/cdn/shop/files/b8-scene-far-bed-stories-far.webp?v=7751988316256737976",
8664            "close": "//bloomin8.com/cdn/shop/files/b8-scene-close-bed-stories-close.webp?v=11674069158226797296"
8665          },
8666          {
8667            "name": "Memories",
8668            "far": "//bloomin8.com/cdn/shop/files/b8-scene-far-bed-memory-far.webp?v=15285440454476154120",
8669            "close": "//bloomin8.com/cdn/shop/files/b8-scene-close-bed-memory-close.webp?v=17337961580811978470"
8670          },
8671          {
8672            "name": "Affirmations",
8673            "far": "//bloomin8.com/cdn/shop/files/b8-scene-far-bed-affirmation-far.webp?v=14748165059136527321",
8674            "close": "//bloomin8.com/cdn/shop/files/b8-scene-close-bed-affirmation-close.webp?v=12884717499824436104"
8675          }
8676        ]
8677      },{
8678        "name": "Kids' Room",
8679        "time": "Play \u0026 Learn",
8680        "desc": "A canvas that grows with them. Flash cards, interactive stories, or their own artwork displayed proudly on the wall.",
8681        "themes": [
8682          {
8683            "name": "Learn",
8684            "far": "//bloomin8.com/cdn/shop/files/b8-scene-far-kids-learn-far.webp?v=14062798830728409531",
8685            "close": "//bloomin8.com/cdn/shop/files/b8-scene-close-kids-learn-close.webp?v=1765309698763696157"
8686          },
8687          {
8688            "name": "Story",
8689            "far": "//bloomin8.com/cdn/shop/files/b8-scene-far-kids-story-far.webp?v=16758367524546493785",
8690            "close": "//bloomin8.com/cdn/shop/files/b8-scene-close-kids-story-close.webp?v=18027028698369712042"
8691          },
8692          {
8693            "name": "Create",
8694            "far": "//bloomin8.com/cdn/shop/files/b8-scene-far-kids-create-far.webp?v=10865839150020440519",
8695            "close": "//bloomin8.com/cdn/shop/files/b8-scene-close-kids-create-close.webp?v=10794658765868383675"
8696          }
8697        ]
8698      },{
8699        "name": "Hallway",
8700        "time": "Welcome",
8701        "desc": "First impressions, refreshed. Greet guests by name, rotate seasonal decor, or curate a gallery wall that's never the same twice.",
8702        "themes": [
8703          {
8704            "name": "Greet",
8705            "far": "//bloomin8.com/cdn/shop/files/b8-scene-far-hallway-greet-far.webp?v=790936347123316438",
8706            "close": "//bloomin8.com/cdn/shop/files/b8-scene-close-hallway-greet-close.webp?v=8477529887093495534"
8707          },
8708          {
8709            "name": "Seasonal",
8710            "far": "//bloomin8.com/cdn/shop/files/b8-scene-far-hallway-seasonal-far.webp?v=18075996906274131012",
8711            "close": "//bloomin8.com/cdn/shop/files/b8-scene-close-hallway-seasonal-close.webp?v=7122172897182598288"
8712          },
8713          {
8714            "name": "Gallery",
8715            "far": "//bloomin8.com/cdn/shop/files/b8-scene-far-hallway-gallery-far.webp?v=10477620489770042878",
8716            "close": "//bloomin8.com/cdn/shop/files/b8-scene-close-hallway-gallery-close.webp?v=10908081491332174627"
8717          }
8718        ]
8719      },{
8720        "name": "Office",
8721        "time": "Work Hours",
8722        "desc": "Stay inspired between meetings. Display motivational quotes, a live dashboard, or calming focus visuals to power through the day.",
8723        "themes": [
8724          {
8725            "name": "Inspire",
8726            "far": "//bloomin8.com/cdn/shop/files/b8-scene-far-office-inspire-far.webp?v=16807845132828449406",
8727            "close": "//bloomin8.com/cdn/shop/files/b8-scene-close-office-inspire-close.webp?v=942126173328
87276581440"
8728          },
8729          {
8730            "name": "Dashboard",
8731            "far": "//bloomin8.com/cdn/shop/files/b8-scene-far-office-dashboard-far.webp?v=7882002651609564416",
8732            "close": "//bloomin8.com/cdn/shop/files/b8-scene-close-office-dashboard-close.webp?v=6682875616688724044"
8733          },
8734          {
8735            "name": "Focus",
8736            "far": "//bloomin8.com/cdn/shop/files/b8-scene-far-office-focus-far.webp?v=12711557269329442106",
8737            "close": "//bloomin8.com/cdn/shop/files/b8-scene-close-office-focus-close.webp?v=6728354868783504074"
8738          }
8739        ]
8740      },{
8741        "name": "Celebration",
8742        "time": "Special Days",
8743        "desc": "Mark every milestone. Count down to the big day, stream live event photos, or set the mood with festive art.",
8744        "themes": [
8745          {
8746            "name": "Countdown",
8747            "far": "//bloomin8.com/cdn/shop/files/b8-scene-far-celebration-countdown-far.webp?v=13304183177891481495",
8748            "close": "//bloomin8.com/cdn/shop/files/b8-scene-close-celebration-countdown-close.webp?v=10802270233555280010"
8749          },
8750          {
8751            "name": "Live",
8752            "far": "//bloomin8.com/cdn/shop/files/b8-scene-far-celebration-live-far.webp?v=6771512278128034879",
8753            "close": "//bloomin8.com/cdn/shop/files/b8-scene-close-celebration-live-close.webp?v=11521881759970892421"
8754          },
8755          {
8756            "name": "Festive",
8757            "far": "//bloomin8.com/cdn/shop/files/b8-scene-far-celebration-festival-far.webp?v=4950052136965215869",
8758            "close": "//bloomin8.com/cdn/shop/files/b8-scene-close-celebration-festival-close.webp?v=5799709544614531592"
8759          }
8760        ]
8761      }]
8762</script>
8762
8763
8764<div class="b8-scenes" id="b8-scenes-template--27581133783318__scenes_b8_010" data-reveal="fade-up"><div class="b8-scenes__header">
8765    <p class="b8-scenes__eyebrow">SHOT IN REAL LIFE</p>
8766    <h2 class="b8-scenes__title">One Canvas, Every Room</h2>
8767  </div><div class="b8-scenes__tabs" data-scenes-tabs><button class="b8-scenes__tab is-active" type="button" data-scenes-tab="0" >
8768          Living Room
8769        </button><button class="b8-scenes__tab" type="button" data-scenes-tab="1" >
8770          Bedroom
8771        </button><button class="b8-scenes__tab" type="button" data-scenes-tab="2" >
8772          Kids' Room
8773        </button><button class="b8-scenes__tab" type="button" data-scenes-tab="3" >
8774          Hallway
8775        </button><button class="b8-scenes__tab" type="button" data-scenes-tab="4" >
8776          Office
8777        </button><button class="b8-scenes__tab" type="button" data-scenes-tab="5" >
8778          Celebration
8779        </button></div><div class="b8-scenes__grid"><div class="b8-scenes__image-card" data-scenes-card><img class="b8-scenes__image is-active" data-scene="0" data-theme="0"
8780               src="//bloomin8.com/cdn/shop/files/b8-scene-far-living-art-far.webp?v=150691424129000736"
8781               alt="Living Room — Art"
8782               loading="lazy" width="600" height="800"><img class="b8-scenes__image" data-scene="0" data-theme="1"
8783               src="//bloomin8.com/cdn/shop/files/b8-scene-far-living-family-far.webp?v=17879753578619016318"
8784               alt="Living Room — Family"
8785               loading="lazy" width="600" height="800"><img class="b8-scenes__image" data-scene="0" data-theme="2"
8786               src="//bloomin8.com/cdn/shop/files/b8-scene-far-living-weather-far.webp?v=15659717180659930369"
8787               alt="Living Room — Weather"
8788               loading="lazy" width="600" height="800"><img class="b8-scenes__image" data-scene="1" data-theme="0"
8789               src="//bloomin8.com/cdn/shop/files/b8-scene-far-bed-stories-far.webp?v=7751988316256737976"
8790               alt="Bedroom — Stories"
8791               loading="lazy" width="600" height="800"><img class="b8-scenes__image" data-scene="1" data-theme="1"
8792               src="//bloomin8.com/cdn/shop/files/b8-scene-far-bed-memory-far.webp?v=15285440454476154120"
8793               alt="Bedroom — Memories"
8794               loading="lazy" width="600" height="800"><img class="b8-scenes__image" data-scene="1" data-theme="2"
8795               src="//bloomin8.com/cdn/shop/files/b8-scene-far-bed-affirmation-far.webp?v=14748165059136527321"
8796               alt="Bedroom — Affirmations"
8797               loading="lazy" width="600" height="800"><img class="b8-scenes__image" data-scene="2" data-theme="0"
8798               src="//bloomin8.com/cdn/shop/files/b8-scene-far-kids-learn-far.webp?v=14062798830728409531"
8799               alt="Kids' Room — Learn"
8800               loading="lazy" width="600" height="800"><img class="b8-scenes__image" data-scene="2" data-theme="1"
8801               src="//bloomin8.com/cdn/shop/files/b8-scene-far-kids-story-far.webp?v=16758367524546493785"
8802               alt="Kids' Room — Story"
8803               loading="lazy" width="600" height="800"><img class="b8-scenes__image" data-scene="2" data-theme="2"
8804               src="//bloomin8.com/cdn/shop/files/b8-scene-far-kids-create-far.webp?v=10865839150020440519"
8805               alt="Kids' Room — Create"
8806               loading="lazy" width="600" height="800"><img class="b8-scenes__image" data-scene="3" data-theme="0"
8807               src="//bloomin8.com/cdn/shop/files/b8-scene-far-hallway-greet-far.webp?v=790936347123316438"
8808               alt="Hallway — Greet"
8809               loading="lazy" width="600" height="800"><img class="b8-scenes__image" data-scene="3" data-theme="1"
8810               src="//bloomin8.com/cdn/shop/files/b8-scene-far-hallway-seasonal-far.webp?v=18075996906274131012"
8811               alt="Hallway — Seasonal"
8812               loading="lazy" width="600" height="800"><img class="b8-scenes__image" data-scene="3" data-theme="2"
8813               src="//bloomin8.com/cdn/shop/files/b8-scene-far-hallway-gallery-far.webp?v=10477620489770042878"
8814               alt="Hallway — Gallery"
8815               loading="lazy" width="600" height="800">
8815<img class="b8-scenes__image" data-scene="4" data-theme="0"
8816               src="//bloomin8.com/cdn/shop/files/b8-scene-far-office-inspire-far.webp?v=16807845132828449406"
8817               alt="Office — Inspire"
8818               loading="lazy" width="600" height="800"><img class="b8-scenes__image" data-scene="4" data-theme="1"
8819               src="//bloomin8.com/cdn/shop/files/b8-scene-far-office-dashboard-far.webp?v=7882002651609564416"
8820               alt="Office — Dashboard"
8821               loading="lazy" width="600" height="800"><img class="b8-scenes__image" data-scene="4" data-theme="2"
8822               src="//bloomin8.com/cdn/shop/files/b8-scene-far-office-focus-far.webp?v=12711557269329442106"
8823               alt="Office — Focus"
8824               loading="lazy" width="600" height="800"><img class="b8-scenes__image" data-scene="5" data-theme="0"
8825               src="//bloomin8.com/cdn/shop/files/b8-scene-far-celebration-countdown-far.webp?v=13304183177891481495"
8826               alt="Celebration — Countdown"
8827               loading="lazy" width="600" height="800"><img class="b8-scenes__image" data-scene="5" data-theme="1"
8828               src="//bloomin8.com/cdn/shop/files/b8-scene-far-celebration-live-far.webp?v=6771512278128034879"
8829               alt="Celebration — Live"
8830               loading="lazy" width="600" height="800"><img class="b8-scenes__image" data-scene="5" data-theme="2"
8831               src="//bloomin8.com/cdn/shop/files/b8-scene-far-celebration-festival-far.webp?v=4950052136965215869"
8832               alt="Celebration — Festive"
8833               loading="lazy" width="600" height="800"><div class="b8-scenes__magnifier" data-scenes-magnifier></div><div class="b8-scenes__hint b8-scenes__hint--desktop" data-scenes-hint-desktop>Hover to zoom</div>
8834      <div class="b8-scenes__hint b8-scenes__hint--mobile">Tap to zoom</div>
8835    </div><div class="b8-scenes__info" data-scenes-info>
8836      <div class="b8-scenes__time-badge" data-scenes-badge>
8837        <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><polyline points="12 6 12 12 16 14"/></svg>
8838        <span data-scenes-badge-text>All Day</span>
8839      </div>
8840      <h3 class="b8-scenes__scene-title" data-scenes-title>Living Room</h3>
8841      <p class="b8-scenes__scene-desc" data-scenes-desc>Art that changes with your mood. Rotate between gallery pieces, family snapshots, or a live weather canvas that updates throughout the day.</p>
8842
8843      <div class="b8-scenes__themes" data-scenes-themes>
8844        <button class="b8-scenes__theme-btn is-active" type="button" data-scenes-theme="0">Art</button>
8845        <button class="b8-scenes__theme-btn" type="button" data-scenes-theme="1">Family</button>
8846        <button class="b8-scenes__theme-btn" type="button" data-scenes-theme="2">Weather</button>
8847      </div>
8848    </div>
8849
8850  </div><div class="b8-scenes__fullscreen" data-scenes-fullscreen>
8851    <img src="" alt="Scene fullscreen view">
8852  </div>
8853
8854</div>
8855
8856<script>
8857  (function () {
8858    var root = document.getElementById('b8-scenes-template--27581133783318__scenes_b8_010');
8859    if (!root) return;
8860
8861    var prefersReducedMotion = window.matchMedia('(prefers-reduced-motion: reduce)').matches;
8862
8863    /* ===== Scene data from Liquid-generated JSON ===== */
8864    var dataEl = document.getElementById('b8-scenes-data-template--27581133783318__scenes_b8_010');
8865    var scenes = [];
8866    try {
8867      scenes = JSON.parse(dataEl.textContent);
8868    } catch (e) {
8869      console.error('b8-scenes: failed to parse scene data', e);
8870    }
8871
8872    /* ===== DOM refs ===== */
8873    var sceneTabs = root.querySelectorAll('[data-scenes-tab]');
8874    var images = root.querySelectorAll('.b8-scenes__image');
8875    var titleEl = root.querySelector('[data-scenes-title]');
8876    var descEl = root.querySelector('[data-scenes-desc]');
8877    var badgeTextEl = root.querySelector('[data-scenes-badge-text]');
8878    var themesContainer = root.querySelector('[data-scenes-themes]');
8879    var imageCard = root.querySelector('[data-scenes-card]');
8880    var fullscreen = root.querySelector('[data-scenes-fullscreen]');
8881    var fullscreenImg = fullscreen ? fullscreen.querySelector('img') : null;
8882    var magnifier = root.querySelector('[data-scenes-magnifier]');
8883    var hintDesktop = root.querySelector('[data-scenes-hint-desktop]');
8884
8885    var currentScene = 0;
8886    var currentTheme = 0;
8887    var autoTimer = null;
8888    var pauseTimer = null;
8889    var isInView = false;
8890    var AUTOPLAY_INTERVAL = 2000;
8891    var PAUSE_DURATION = 5000;
8892
8893    /* ===== Magnifier constants ===== */
8894    var MAGNIFIER_SIZE = 250;
8895    var MAGNIFIER_ZOOM = 4;
8896    var FRAME_BOUNDS = { left: 0.37, right: 0.63, top: 0.30, bottom: 0.70 };
8897    var showMagnifier = false;
8898
8899    /* ===== Show image ===== */
8900    function showImage(sceneIdx, themeIdx) {
8901      images.forEach(function (img) {
8902        var matchScene = parseInt(img.getAttribute('data-scene'), 10) === sceneIdx;
8903        var matchTheme = parseInt(img.getAttribute('data-theme'), 10) === themeIdx;
8904        img.classList.toggle('is-active', matchScene && matchTheme);
8905      });
8906    }
8907
8908    /* ===== Update info panel ===== */
8909    function updateInfo(sceneIdx, themeIdx) {
8910      var scene = scenes[sceneIdx];
8911      titleEl.textContent = scene.name;
8912      descEl.textContent = scene.desc;
8913      badgeTextEl.textContent = scene.time;
8914
8915      /* Rebuild theme buttons */
8916      themesContainer.innerHTML = '';
8917      scene.themes.forEach(function (theme, i) {
8918        var btn = document.createElement('button');
8919        btn.className = 'b8-scenes__theme-btn' + (i === themeIdx ? ' is-active' : '');
8920        btn.type = 'button';
8921        btn.setAttribute('data-scenes-theme', i);
8922        btn.textContent = theme.name;
8923        btn.addEventListener('click', function () {
8924          onUserInteract();
8925          selectTheme(i);
8926        });
8927        themesContainer.appendChild(btn);
8928      });
8929    }
8930
8931    /* ===== Update scene tabs active state ===== */
8932    function updateTabs(sceneIdx) {
8933      sceneTabs.forEach(function (tab) {
8934        tab.classList.toggle('is-active', parseInt(tab.getAttribute('data-scenes-tab'), 10) === sceneIdx);
8935      });
8936    }
8937
8938    /* ===== Select scene ===== */
8939    function selectScene(idx) {
8940      currentScene = idx;
8941      currentTheme = 0;
8942      updateTabs(idx);
8943      updateInfo(idx, 0);
8944      showImage(idx, 0);
8945    }
8946
8947    /* ===== Select theme within current scene ===== */
8948    function selectTheme(idx) {
8949      currentTheme = idx;
8950      showImage(currentScene, idx);
8951      /* Update theme button states */
8952      var btns = themesContainer.querySelectorAll('[data-scenes-theme]');
8953      btns.forEach(function (btn) {
8954        btn.classList.toggle('is-active', parseInt(btn.getAttribute('data-scenes-theme'), 10) === idx);
8955      });
8956    }
8957
8958    /* ===== Tab click handlers ===== */
8959    sceneTabs.forEach(function (tab) {
8960      tab.addEventListener('click', function () {
8961        onUserInteract();
8962        selectScene(parseInt(this.getAttribute('data-scenes-tab'), 10));
8963      });
8964    });
8965
8966    /* ===== Auto-rotation ===== */
8967    function autoAdvance() {
8968      currentTheme++;
8969      if (currentTheme >= scenes[currentScene].themes.length) {
8970        currentTheme = 0;
8971        currentScene = (currentScene + 1) % scenes.length;
8972        updateTabs(currentScene);
8973        updateInfo(currentScene, currentTheme);
8974      } else {
8975        /* Just update theme buttons */
8976        var btns = themesContainer.querySelectorAll('[data-scenes-theme]');
8977        btns.forEach(function (btn) {
8978          btn.classList.toggle('is-active', parseInt(btn.getAttribute('data-scenes-theme'), 10) === currentTheme);
8979        });
8980      }
8981      showImage(currentScene, currentTheme);
8982    }
8983
8984    function startAuto() {
8985      stopAuto();
8986      if (prefersReducedMotion || !isInView) return;
8987      autoTimer = setInterval(autoAdvance, AUTOPLAY_INTERVAL);
8988    }
8989
8990    function stopAuto() {
8991      if (autoTimer) {
8992        clearInterval(autoTimer);
8993        autoTimer = null;
8994      }
8995    }
8996
8997    function onUserInteract() {
8998      stopAuto();
8999      if (pauseTimer) clearTimeout(pauseTimer);
9000      pauseTimer = setTimeout(function () {
9001        startAuto();
9002      }, PAUSE_DURATION);
9003    }
9004
9005    /* ===== IntersectionObserver for auto-rotation ===== */
9006    var observer = new IntersectionObserver(function (entries) {
9007      entries.forEach(function (entry) {
9008        isInView = entry.isIntersecting;
9009        if (isInView) {
9010          startAuto();
9011        } else {
9012          stopAuto();
9013        }
9014      });
9015    }, { threshold: 0.2 });
9016
9017    observer.observe(root);
9018
9019    /* ===== Get close-up image URL for current scene/theme ===== */
9020    function getCloseUrl() {
9021      var scene = scenes[currentScene];
9022      if (!scene || !scene.themes || !scene.themes[currentTheme]) return '';
9023      return scene.themes[currentTheme].close || '';
9024    }
9025
9026    /* ===== Desktop magnifier ===== */
9027    if (imageCard && magnifier) {
9028      imageCard.addEventListener('mousemove', function (e) {
9029        if (window.innerWidth < 1024) return;
9030
9031        var rect = imageCard.getBoundingClientRect();
9032        var relX = (e.clientX - rect.left) / rect.width;
9033        var relY = (e.clientY - rect.top) / rect.height;
9034
9035        var isInFrame = relX >= FRAME_BOUNDS.left && relX <= FRAME_BOUNDS.right &&
9036                        relY >= FRAME_BOUNDS.top && relY <= FRAME_BOUNDS.bottom;
9037
9038        if (isInFrame) {
9039          var frameRelX = (relX - FRAME_BOUNDS.left) / (FRAME_BOUNDS.right - FRAME_BOUNDS.left);
9040          var frameRelY = (relY - FRAME_BOUNDS.top) / (FRAME_BOUNDS.bottom - FRAME_BOUNDS.top);
9041          var closeUrl = getCloseUrl();
9042
9043          magnifier.style.left = (e.clientX - rect.left - MAGNIFIER_SIZE / 2) + 'px';
9044          magnifier.style.top = (e.clientY - rect.top - MAGNIFIER_SIZE / 2) + 'px';
9045          magnifier.style.backgroundImage = 'url(' + closeUrl + ')';
9046          magnifier.style.backgroundSize = (MAGNIFIER_SIZE * MAGNIFIER_ZOOM) + 'px auto';
9047          magnifier.style.backgroundPosition = (frameRelX * 100) + '% ' + (frameRelY * 100) + '%';
9048          magnifier.classList.add('is-visible');
9049          if (hintDesktop) hintDesktop.classList.add('is-hidden');
9050          showMagnifier = true;
9051        } else {
9052          magnifier.classList.remove('is-visible');
9053          if (hintDesktop) hintDesktop.classList.remove('is-hidden');
9054          showMagnifier = false;
9055        }
9056      });
9057
9058      imageCard.addEventListener('mouseleave', function () {
9059        magnifier.classList.remove('is-visible');
9060        if (hintDesktop) hintDesktop.classList.remove('is-hidden');
9061        showMagnifier = false;
9062      });
9063    }
9064
9065    /* ===== Click-to-fullscreen (all viewports) ===== */
9066    if (imageCard && fullscreen && fullscreenImg) {
9067      imageCard.addEventListener('click', function () {
9068        var closeUrl = getCloseUrl();
9069        var activeImg = imageCard.querySelector('.b8-scenes__image.is-active');
9070        /* Use close-up image if available, fall back to far image */
9071        fullscreenImg.src = closeUrl || (activeImg ? activeImg.src : '');
9072        fullscreenImg.alt = activeImg ? activeImg.alt : '';
9073        fullscreen.classList.add('is-open');
9074        document.body.style.overflow = 'hidden';
9075      });
9076
9077      fullscreen.addEventListener('click', function () {
9078        fullscreen.classList.remove('is-open');
9079        document.body.style.overflow = '';
9080      });
9081    }
9082
9083    /* ===== Init ===== */
9084    selectScene(0);
9085  })();
9086</script>
9086
9087
9088
9089</section><div id="shopify-section-template--27581133783318__benefits_b8_001" class="shopify-section">
9090
9091<div class="section-background color-scheme-4"></div>
9092<div
9093  class="section section--full-width spacing-style color-scheme-4"
9094  style="--padding-block-start: 0px; --padding-block-end:0px; 
9095--padding-inline-start:0px; --padding-inline-end:0px; 
9096"
9097>
9098  <div class="b8-benefits" data-reveal="fade-up" data-reveal-once>
9099  <div class="b8-benefits__inner">
9100    <p class="b8-benefits__eyebrow b8-eyebrow" style="color: var(--b8-accent-yellow, #E6C785);">Best of E-ink</p>
9101    <h2 class="b8-benefits__heading">Place it anywhere,<br>and it&rsquo;s Paper-like</h2>
9102    <div class="b8-benefits__grid">
9103      <div class="b8-benefits__media">
9104        <img src="//bloomin8.com/cdn/shop/t/16/assets/b8-cordless-setup.jpg?v=171282368397801721791786105842" alt="BLOOMIN8 E-ink Canvas cordless setup" loading="lazy" width="800" height="500">
9105      </div>
9106      <div class="b8-benefits__stats">
9107        <div class="b8-benefits__stat">
9108          <span class="b8-benefits__stat-prefix">Up to</span>
9109          <span class="b8-benefits__stat-value">3 years</span>
9110          <span class="b8-benefits__stat-label">single charge</span>
9111          <span class="b8-benefits__stat-note">Theoretical calculation based on one refresh per day</span>
9112        </div>
9113        <div class="b8-benefits__stat">
9114          <span class="b8-benefits__stat-prefix">Completely</span>
9115          <span class="b8-benefits__stat-value">Cable-free</span>
9116          <span class="b8-benefits__stat-label">No outlet needed</span>
9117        </div>
9118      </div>
9119    </div>
9120    <p class="b8-benefits__description">BLOOMIN8 uses the latest Spectra 6 e-ink, delivering the best color performance among all e-ink technologies. Capable of producing 65,000 colors through a six-particle ink system (black, white, red, yellow, blue, green), this visual richness comes through a thoughtful refresh process (approx. 20s)&mdash;updates happen with intention rather than urgency, perfectly suited for ambient content that lives in your space. Like all e-ink displays, it remains non-glowing, paper-like, and exceptionally energy efficient.</p>
9121  </div>
9122</div>
9123</div>
9124
9125
9126</div><section id="shopify-section-template--27581133783318__home_app_b8_009" class="shopify-section b8-home-app-section"><style data-shopify>.b8-app {
9127    padding-block: 64px;
9128  }
9129
9130  .b8-app__header {
9131    max-width: 1200px;
9132    margin-inline: auto;
9133    padding-inline: 20px;
9134    margin-bottom: 48px;
9135    text-align: center;
9136  }
9137
9138  @media (min-width: 750px) {
9139    .b8-app__header { padding-inline: 48px; }
9140  }
9141
9142  .b8-app__title {
9143    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
9144    font-size: clamp(28px, 4vw, 48px);
9145    font-weight: 500;
9146    letter-spacing: -0.02em;
9147    line-height: 1.1;
9148    margin: 8px 0 0;
9149  }
9150
9151  .b8-app__desc {
9152    font-size: 14px;
9153    line-height: 1.65;
9154    color: var(--b8-ink-soft);
9155    max-width: 520px;
9156    margin: 12px auto 0;
9157  }
9158
9159  /* Grid layout */
9160  .b8-app__grid {
9161    max-width: 1200px;
9162    margin-inline: auto;
9163    padding-inline: 20px;
9164    display: grid;
9165    grid-template-columns: 1fr 1fr;
9166    gap: 40px;
9167    align-items: start;
9168  }
9169
9170  @media (min-width: 750px) {
9171    .b8-app__grid { padding-inline: 48px; }
9172  }
9173
9174  @media (max-width: 749px) {
9175    .b8-app__grid {
9176      grid-template-columns: 1fr;
9177      gap: 32px;
9178    }
9179  }
9180
9181  /* --- Tab list (desktop left, mobile bottom) --- */
9182  .b8-app__tabs {
9183    display: flex;
9184    flex-direction: column;
9185    gap: 0;
9186  }
9187
9188  @media (max-width: 749px) {
9189    .b8-app__tabs { order: 2; }
9190    .b8-app__visual-area { order: 1; }
9191  }
9192
9193  .b8-app__tab {
9194    border: 0;
9195    background: none;
9196    text-align: left;
9197    padding: 20px 16px;
9198    border-bottom: 1px solid rgba(0, 0, 0, 0.06);
9199    cursor: pointer;
9200    opacity: 0.3;
9201    transition: opacity var(--b8-duration-medium) var(--b8-ease-standard),
9202                background var(--b8-duration-medium) var(--b8-ease-standard);
9203    display: flex;
9204    align-items: flex-start;
9205    gap: 14px;
9206    width: 100%;
9207    position: relative;
9208  }
9209
9210  .b8-app__tab:first-child {
9211    border-top: 1px solid rgba(0, 0, 0, 0.06);
9212  }
9213
9214  .b8-app__tab:hover {
9215    opacity: 0.4;
9216  }
9217
9218  .b8-app__tab.is-active {
9219    opacity: 1;
9220  }
9221
9222  .b8-app__tab-icon {
9223    flex-shrink: 0;
9224    width: 24px;
9225    height: 24px;
9226    color: var(--b8-ink-subtle);
9227    transition: color var(--b8-duration-medium) var(--b8-ease-standard);
9228    margin-top: 2px;
9229  }
9230
9231  .b8-app__tab.is-active .b8-app__tab-icon {
9232    color: var(--b8-accent-blue);
9233  }
9234
9235  .b8-app__tab-body {
9236    flex: 1;
9237    min-width: 0;
9238  }
9239
9240  .b8-app__tab-header {
9241    display: flex;
9242    align-items: center;
9243    justify-content: space-between;
9244  }
9245
9246  .b8-app__tab-name {
9247    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
9248    font-size: 16px;
9249    font-weight: 500;
9250    line-height: 1.3;
9251    color: var(--b8-accent-black);
9252  }
9253
9254  .b8-app__tab-arrow {
9255    width: 16px;
9256    height: 16px;
9257    color: var(--b8-accent-blue);
9258    opacity: 0;
9259    transform: translateX(-4px);
9260    transition: opacity var(--b8-duration-medium) var(--b8-ease-standard),
9261                transform var(--b8-duration-medium) var(--b8-ease-standard);
9262    flex-shrink: 0;
9263  }
9264
9265  .b8-app__tab.is-active .b8-app__tab-arrow {
9266    opacity: 1;
9267    transform: translateX(0);
9268  }
9269
9270  .b8-app__tab-items {
9271    display: none;
9272    flex-direction: column;
9273    gap: 8px;
9274    margin-top: 12px;
9275  }
9276
9277  .b8-app__tab.is-active .b8-app__tab-items {
9278    display: flex;
9279  }
9280
9281  .b8-app__tab-item {
9282    display: flex;
9283    flex-direction: column;
9284    gap: 1px;
9285  }
9286
9287  .b8-app__tab-item-label {
9288    font-family: var(--font-body--family), 'IBM Plex Sans', sans-serif;
9289    font-size: 13px;
9290    font-weight: 500;
9291    color: var(--b8-accent-black);
9292    line-height: 1.4;
9293  }
9294
9295  .b8-app__tab-item-sub {
9296    font-family: var(--font-body--family), 'IBM Plex Sans', sans-serif;
9297    font-size: 12px;
9298    color: var(--b8-ink-subtle);
9299    line-height: 1.4;
9300  }
9301
9302  /* --- Visual area --- */
9303  .b8-app__visual-area {
9304    position: relative;
9305    min-height: 400px;
9306    display: flex;
9307    align-items: center;
9308    justify-content: center;
9309    background: var(--b8-paper-soft);
9310    border-radius: 16px;
9311    overflow: hidden;
9312    border: 1px solid rgba(0, 0, 0, 0.06);
9313  }
9314
9315  @media (max-width: 749px) {
9316    .b8-app__visual-area {
9317      min-height: 340px;
9318    }
9319  }
9320
9321  .b8-app__visual-panel {
9322    position: absolute;
9323    inset: 0;
9324    display: flex;
9325    align-items: center;
9326    justify-content: center;
9327    opacity: 0;
9328    transform: translateY(20px);
9329    transition: opacity 0.5s var(--b8-ease-standard),
9330                transform 0.5s var(--b8-ease-standard);
9331    pointer-events: none;
9332  }
9333
9334  .b8-app__visual-panel.is-active {
9335    opacity: 1;
9336    transform: translateY(0);
9337    pointer-events: auto;
9338  }
9339
9340  @media (prefers-reduced-motion: reduce) {
9341    .b8-app__visual-panel {
9342      transition: opacity 0.2s ease;
9343      transform: none;
9344    }
9345  }
9346
9347  /* --- Visual: Upload (Tab 1) --- */
9348  .b8-app__upload-phones {
9349    position: relative;
9350    width: 200px;
9351    height: 100%;
9352  }
9353
9354  @media (max-width: 749px) {
9355    .b8-app__upload-phones {
9356      width: 160px;
9357      height: 340px;
9358    }
9359  }
9360
9361  .b8-app__phone-img {
9362    position: absolute;
9363    inset: 0;
9364    width: 100%;
9365    height: 100%;
9366    object-fit: contain;
9367    border-radius: 24px;
9368    box-shadow: var(--b8-shadow-soft);
9369  }
9370
9371  .b8-app__phone-img--a {
9372    animation: b8-phone-alt 6s ease-in-out infinite;
9373  }
9374
9375  .b8-app__phone-img--b {
9376    animation: b8-phone-alt 6s ease-in-out infinite;
9377    animation-delay: -3s;
9378  }
9379
9380  @keyframes b8-phone-alt {
9381    0%, 42% { opacity: 1; }
9382    50%, 92% { opacity: 0; }
9383    100% { opacity: 1; }
9384  }
9385
9386  @media (prefers-reduced-motion: reduce) {
9387    .b8-app__phone-img--a { animation: none; opacity: 1; }
9388    .b8-app__phone-img--b { animation: none; opacity: 0; }
9389  }
9390
9391  /* --- Visual: Living Album (Tab 2) --- */
9392  .b8-app__schedule {
9393    display: flex;
9394    flex-direction: column;
9395    gap: 12px;
9396    width: 100%;
9397    max-width: 320px;
9398    padding: 24px;
9399  }
9400
9401  .b8-app__schedule-block {
9402    display: flex;
9403    align-items: center;
9404    gap: 12px;
9405    background: #fff;
9406    border: 1px solid rgba(0, 0, 0, 0.08);
9407    border-radius: 12px;
9408    padding: 12px 16px;
9409    opacity: 0;
9410    transform: translateY(16px);
9411    transition: opacity 0.4s var(--b8-ease-standard),
9412                transform 0.4s var(--b8-ease-standard);
9413  }
9414
9415  .b8-app__visual-panel.is-active .b8-app__schedule-block {
9416    opacity: 1;
9417    transform: translateY(0);
9418  }
9419
9420  .b8-app__visual-panel.is-active .b8-app__schedule-block:nth-child(1) { transition-delay: 0s; }
9421  .b8-app__visual-panel.is-active .b8-app__schedule-block:nth-child(2) { transition-delay: 0.2s; }
9422  .b8-app__visual-panel.is-active .b8-app__schedule-block:nth-child(3) { transition-delay: 0.4s; }
9423
9424  @media (prefers-reduced-motion: reduce) {
9425    .b8-app__schedule-block {
9426      opacity: 1;
9427      transform: none;
9428      transition: none;
9429    }
9430  }
9431
9432  .b8-app__schedule-time {
9433    font-family: var(--font-accent--family), 'IBM Plex Mono', monospace;
9434    font-size: 12px;
9435    font-weight: 500;
9436    color: var(--b8-accent-blue);
9437    white-space: nowrap;
9438    min-width: 64px;
9439  }
9440
9441  .b8-app__schedule-thumb {
9442    width: 36px;
9443    height: 36px;
9444    border-radius: 6px;
9445    flex-shrink: 0;
9446  }
9447
9448  .b8-app__schedule-label {
9449    font-size: 13px;
9450    color: var(--b8-accent-black);
9451    line-height: 1.4;
9452  }
9453
9454  .b8-app__schedule-auto {
9455    text-align: center;
9456    font-family: var(--font-accent--family), 'IBM Plex Mono', monospace;
9457    font-size: 11px;
9458    color: var(--b8-ink-subtle);
9459    margin-top: 4px;
9460    opacity: 0;
9461    transition: opacity 0.4s var(--b8-ease-standard);
9462    transition-delay: 0.6s;
9463  }
9464
9465  .b8-app__visual-panel.is-active .b8-app__schedule-auto {
9466    opacity: 1;
9467  }
9468
9469  @media (prefers-reduced-motion: reduce) {
9470    .b8-app__schedule-auto {
9471      opacity: 1;
9472      transition: none;
9473    }
9474  }
9475
9476  /* --- Visual: Share (Tab 3) --- */
9477  .b8-app__share {
9478    width: min(100%, 520px);
9479    padding: 8px;
9480    border: 1px solid rgba(51, 48, 46, 0.1);
9481    border-radius: 16px;
9482    background: rgba(255, 255, 255, 0.72);
9483    box-shadow: var(--b8-shadow-soft);
9484  }
9485
9486  .b8-app__share-image {
9487    display: block;
9488    width: 100%;
9489    aspect-ratio: 17 / 10;
9490    border-radius: 10px;
9491    object-fit: contain;
9492  }
9493
9494  /* --- App Store badges --- */
9495  .b8-app__badges {
9496    display: flex;
9497    gap: 12px;
9498    justify-content: center;
9499    margin-top: 20px;
9500  }
9501
9502  .b8-app__badge-link {
9503    display: inline-block;
9504    transition: opacity var(--b8-duration-medium) var(--b8-ease-standard);
9505  }
9506
9507  .b8-app__badge-link:hover {
9508    opacity: 0.8;
9509  }
9510
9511  .b8-app__badge-img {
9512    height: 40px;
9513    width: auto;
9514  }</style><div class="b8-app" data-reveal="fade-up" data-reveal-once id="b8-app-template--27581133783318__home_app_b8_009"><div class="b8-app__header">
9515    <p class="b8-eyebrow" style="color: var(--b8-accent-blue);">THE APP</p>
9516    <h2 class="b8-app__title">From phone to wall.</h2>
9517    <p class="b8-app__desc">Upload your own photos, choose from 10,000+ free artworks, or generate unique pieces with AI. Schedule changes, create playlists, and share access with the whole family.</p></div>
9518
9519  <div class="b8-app__grid"><div class="b8-app__visual-area" data-app-visual><div class="b8-app__visual-panel is-active" data-app-panel="0">
9520        <div class="b8-app__upload-phones">
9521          <img
9522            class="b8-app__phone-img b8-app__phone-img--a"
9523            src="//bloomin8.com/cdn/shop/t/16/assets/b8-appsendtoframe.jpg?v=2474926785472352976178610
95235845"
9524            alt="Bloomin8 app send to frame screen"
9525            loading="lazy"
9526            width="400"
9527            height="844"
9528          >
9529          <img
9530            class="b8-app__phone-img b8-app__phone-img--b"
9531            src="//bloomin8.com/cdn/shop/t/16/assets/b8-appupload.jpg?v=96014955562597308641786105845"
9532            alt="Bloomin8 app upload screen"
9533            loading="lazy"
9534            width="400"
9535            height="844"
9536          >
9537        </div>
9538      </div><div class="b8-app__visual-panel" data-app-panel="1">
9539        <div class="b8-app__schedule">
9540          <div class="b8-app__schedule-block">
9541            <span class="b8-app__schedule-time">8:00 AM</span>
9542            <span class="b8-app__schedule-thumb" style="background: linear-gradient(135deg, var(--b8-accent-red), var(--b8-accent-yellow));"></span>
9543            <span class="b8-app__schedule-label">Morning motivation</span>
9544          </div>
9545          <div class="b8-app__schedule-block">
9546            <span class="b8-app__schedule-time">2:00 PM</span>
9547            <span class="b8-app__schedule-thumb" style="background: linear-gradient(135deg, var(--b8-accent-blue), var(--b8-accent-yellow));"></span>
9548            <span class="b8-app__schedule-label">Family photo slideshow</span>
9549          </div>
9550          <div class="b8-app__schedule-block">
9551            <span class="b8-app__schedule-time">7:00 PM</span>
9552            <span class="b8-app__schedule-thumb" style="background: linear-gradient(135deg, var(--b8-accent-black), var(--b8-accent-blue));"></span>
9553            <span class="b8-app__schedule-label">Evening gallery rotation</span>
9554          </div>
9555          <p class="b8-app__schedule-auto">Or let it auto-rotate every 6 hours</p>
9556        </div>
9557      </div><div class="b8-app__visual-panel" data-app-panel="2">
9558        <div class="b8-app__share">
9559          <img
9560            class="b8-app__share-image"
9561            src="//bloomin8.com/cdn/shop/files/b8-app-remote-sharing.png?v=6224304397162980314"
9562            alt="Send a photo remotely from family in London to a BLOOMIN8 canvas in California"
9563            loading="lazy"
9564            width="1020"
9565            height="600"
9566          >
9567        </div>
9568      </div>
9569    </div><div class="b8-app__tabs" data-app-tabs><button class="b8-app__tab is-active" type="button" data-app-tab="0">
9570        <span class="b8-app__tab-icon">
9571          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
9572            <path d="M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4"/>
9573            <polyline points="17 8 12 3 7 8"/>
9574            <line x1="12" y1="3" x2="12" y2="15"/>
9575          </svg>
9576        </span>
9577        <span class="b8-app__tab-body">
9578          <span class="b8-app__tab-header">
9579            <span class="b8-app__tab-name">Upload and more</span>
9580            <svg class="b8-app__tab-arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
9581              <line x1="3" y1="8" x2="13" y2="8"/>
9582              <polyline points="9 4 13 8 9 12"/>
9583            </svg>
9584          </span>
9585          <span class="b8-app__tab-items">
9586            <span class="b8-app__tab-item">
9587              <span class="b8-app__tab-item-label">Upload own images</span>
9588              <span class="b8-app__tab-item-sub">From your camera roll</span>
9589            </span>
9590            <span class="b8-app__tab-item">
9591              <span class="b8-app__tab-item-label">Our Gallery</span>
9592              <span class="b8-app__tab-item-sub">10,000+ free artworks</span>
9593            </span>
9594            <span class="b8-app__tab-item">
9595              <span class="b8-app__tab-item-label">AI Generation</span>
9596              <span class="b8-app__tab-item-sub">Create unique art</span>
9597            </span>
9598          </span>
9599        </span>
9600      </button><button class="b8-app__tab" type="button" data-app-tab="1">
9601        <span class="b8-app__tab-icon">
9602          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
9603            <circle cx="12" cy="12" r="10"/>
9604            <polyline points="12 6 12 12 16 14"/>
9605          </svg>
9606        </span>
9607        <span class="b8-app__tab-body">
9608          <span class="b8-app__tab-header">
9609            <span class="b8-app__tab-name">Living Album</span>
9610            <svg class="b8-app__tab-arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
9611              <line x1="3" y1="8" x2="13" y2="8"/>
9612              <polyline points="9 4 13 8 9 12"/>
9613            </svg>
9614          </span>
9615          <span class="b8-app__tab-items">
9616            <span class="b8-app__tab-item">
9617              <span class="b8-app__tab-item-label">Schedule</span>
9618              <span class="b8-app__tab-item-sub">Pre-schedule for surprises</span>
9619            </span>
9620            <span class="b8-app__tab-item">
9621              <span class="b8-app__tab-item-label">Playlist</span>
9622              <span class="b8-app__tab-item-sub">Auto slideshow in intervals</span>
9623            </span>
9624            <span class="b8-app__tab-item">
9625              <span class="b8-app__tab-item-label">iCloud & Google Photo</span>
9626              <span class="b8-app__tab-item-sub">Direct access to your albums</span>
9627            </span>
9628          </span>
9629        </span>
9630      </button><button class="b8-app__tab" type="button" data-app-tab="2">
9631        <span class="b8-app__tab-icon">
9632          <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
9633            <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2"/>
9634            <circle cx="9" cy="7" r="4"/>
9635            <path d="M23 21v-2a4 4 0 0 0-3-3.87"/>
9636            <path d="M16 3.13a4 4 0 0 1 0 7.75"/>
9637          </svg>
9638        </span>
9639        <span class="b8-app__tab-body">
9640          <span class="b8-app__tab-header">
9641            <span class="b8-app__tab-name">Share Multiple Canvas</span>
9642            <svg class="b8-app__tab-arrow" viewBox="0 0 16 16" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round">
9643              <line x1="3" y1="8" x2="13" y2="8"/>
9644              <polyline points="9 4 13 8 9 12"/>
9645            </svg>
9646          </span>
9647          <span class="b8-app__tab-items">
9648            <span class="b8-app__tab-item">
9649              <span class="b8-app__tab-item-label">One Phone → Many Frames</span>
9650              <span class="b8-app__tab-item-sub">Control all your canvases</span>
9651            </span>
9652            <span class="b8-app__tab-item">
9653              <span class="b8-app__tab-item-label">One Frame → Many Users</span>
9654              <span class="b8-app__tab-item-sub">Family shared memories</span>
9655            </span>
9656          </span>
9657        </span>
9658      </button>
9659    </div>
9660  </div>
9661</div>
9662
9663<script>
9664  (function() {
9665    var section = document.getElementById('b8-app-template--27581133783318__home_app_b8_009');
9666    if (!section) return;
9667
9668    var tabs = section.querySelectorAll('[data-app-tab]');
9669    var panels = section.querySelectorAll('[data-app-panel]');
9670
9671    function switchTab(index) {
9672      tabs.forEach(function(tab) {
9673        tab.classList.toggle('is-active', tab.getAttribute('data-app-tab') === String(index));
9674      });
9675      panels.forEach(function(panel) {
9676        var isTarget = panel.getAttribute('data-app-panel') === String(index);
9677        if (isTarget) {
9678          /* Reset child transition states before showing */
9679          panel.classList.remove('is-active');
9680          /* Force reflow so transitions re-trigger */
9681          void panel.offsetWidth;
9682          panel.classList.add('is-active');
9683        } else {
9684          panel.classList.remove('is-active');
9685        }
9686      });
9687    }
9688
9689    tabs.forEach(function(tab) {
9690      tab.addEventListener('click', function() {
9691        switchTab(this.getAttribute('data-app-tab'));
9692      });
9693    });
9694  })();
9695</script>
9695
9696
9697
9698</section><div id="shopify-section-template--27581133783318__privacy_b8_002" class="shopify-section">
9699
9700<div class="section-background color-scheme-1"></div>
9701<div
9702  class="section section--page-width spacing-style color-scheme-1"
9703  style="--padding-block-start: 40px; --padding-block-end:40px; 
9704--padding-inline-start:0px; --padding-inline-end:0px; 
9705"
9706>
9707  <style>@media(max-width:749px){.b8-privacy-wrap{padding-block:24px !important;}.b8-privacy-wrap h2{font-size:clamp(22px,5vw,32px);margin-bottom:20px !important;}.b8-privacy-wrap .b8-accordion{padding:14px 0 !important;}.b8-privacy-wrap .b8-accordion summary{font-size:16px !important;}.b8-privacy-wrap .b8-accordion p{font-size:14px !important;padding-top:8px !important;}}</style>
9708<div class="b8-section b8-privacy-wrap" data-reveal="fade-up" data-reveal-once>
9709  <div class="b8-container" style="max-width: 800px;">
9710    <p class="b8-eyebrow" style="margin-bottom: 12px;">FOR DEVELOPERS</p>
9711    <h2 style="margin-bottom: 28px;">Local Solution for Peace of Mind</h2>
9712    <div style="display: flex; flex-direction: column; gap: 0;">
9713      <details class="b8-accordion" style="border-top: 1px solid rgba(0,0,0,0.1); padding: 20px 0;">
9714        <summary style="cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-family: var(--font-heading--family); font-size: 18px; font-weight: 500; list-style: none;">
9715          Local Desktop App
9716          <svg width="20" height="20" viewBox="0 0 20 20" fill="none" style="transition: transform 0.2s;"><path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
9717        </summary>
9718        <p style="padding-top: 12px; color: var(--b8-ink-soft); line-height: 1.6;">Cloud-free desktop application for complete privacy and control over your images. Upload, manage, and schedule content directly from your computer without any internet dependency.</p>
9719      </details>
9720      <details class="b8-accordion" style="border-top: 1px solid rgba(0,0,0,0.1); padding: 20px 0;">
9721        <summary style="cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-family: var(--font-heading--family); font-size: 18px; font-weight: 500; list-style: none;">
9722          Home Assistant Integration
9723          <svg width="20" height="20" viewBox="0 0 20 20" fill="none" style="transition: transform 0.2s;"><path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
9724        </summary>
9725        <p style="padding-top: 12px; color: var(--b8-ink-soft); line-height: 1.6;">Seamless integration with Home Assistant for smart home automation and control. Trigger scene changes based on time, presence, or any Home Assistant automation.</p>
9726      </details>
9727      <details class="b8-accordion" style="border-top: 1px solid rgba(0,0,0,0.1); border-bottom: 1px solid rgba(0,0,0,0.1); padding: 20px 0;">
9728        <summary style="cursor: pointer; display: flex; justify-content: space-between; align-items: center; font-family: var(--font-heading--family); font-size: 18px; font-weight: 500; list-style: none;">
9729          RESTful APIs
9730          <svg width="20" height="20" viewBox="0 0 20 20" fill="none" style="transition: transform 0.2s;"><path d="M5 7.5L10 12.5L15 7.5" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/></svg>
9731        </summary>
9732        <p style="padding-top: 12px; color: var(--b8-ink-soft); line-height: 1.6;">Open APIs for developers to build custom integrations and workflows. Full control over content management, scheduling, and device configuration programmatically.</p>
9733      </details>
9734    </div>
9735  </div>
9736</div>
9737</div>
9738
9739
9740</div><section id="shopify-section-template--27581133783318__custom_frame_b8_007" class="shopify-section b8-custom-frame-section"><style data-shopify>.b8-frame {
9741    padding-block: 64px;
9742  }
9743
9744  .b8-frame__header {
9745    max-width: 1200px;
9746    margin-inline: auto;
9747    padding-inline: 20px;
9748    margin-bottom: 40px;
9749  }
9750
9751  @media (min-width: 750px) {
9752    .b8-frame__header { padding-inline: 48px; }
9753  }
9754
9755  .b8-frame__title {
9756    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
9757    font-size: clamp(28px, 4vw, 48px);
9758    font-weight: 500;
9759    letter-spacing: -0.02em;
9760    line-height: 1.1;
9761    margin: 8px 0 0;
9762  }
9763
9764  .b8-frame__desc {
9765    font-size: 14px;
9766    line-height: 1.65;
9767    color: var(--b8-ink-soft);
9768    max-width: 560px;
9769    margin: 12px 0 0;
9770  }
9771
9772  .b8-frame__grid {
9773    max-width: 1200px;
9774    margin-inline: auto;
9775    padding-inline: 20px;
9776    display: grid;
9777    grid-template-columns: 1fr 1fr;
9778    gap: 32px;
9779    align-items: start;
9780  }
9781
9782  @media (min-width: 750px) {
9783    .b8-frame__grid { padding-inline: 48px; }
9784  }
9785
9786  @media (max-width: 749px) {
9787    .b8-frame__grid {
9788      grid-template-columns: 1fr;
9789      gap: 24px;
9790    }
9791  }
9792
9793  /* Left: Video + IKEA section */
9794  .b8-frame__media {
9795    display: flex;
9796    flex-direction: column;
9797    gap: 24px;
9798  }
9799
9800  .b8-frame__video-wrap {
9801    border-radius: 12px;
9802    overflow: hidden;
9803    background: #1a1a1a;
9804  }
9805
9806  .b8-frame__video {
9807    width: 100%;
9808    aspect-ratio: 4 / 3;
9809    object-fit: cover;
9810    display: block;
9811  }
9812
9813  /* IKEA section */
9814  .b8-frame__ikea {
9815    background: var(--b8-paper-soft);
9816    border: 1px solid rgba(0, 0, 0, 0.06);
9817    border-radius: 12px;
9818    padding: 20px;
9819  }
9820
9821  .b8-frame__ikea-title {
9822    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
9823    font-size: 16px;
9824    font-weight: 500;
9825    margin: 0 0 8px;
9826  }
9827
9828  .b8-frame__ikea-series {
9829    display: flex;
9830    flex-wrap: wrap;
9831    gap: 6px;
9832    margin-top: 10px;
9833  }
9834
9835  .b8-frame__ikea-btn {
9836    display: inline-flex;
9837    align-items: center;
9838    gap: 6px;
9839    margin-top: 12px;
9840    font-size: 12px;
9841    color: var(--b8-accent-blue);
9842    text-decoration: none;
9843    cursor: pointer;
9844    border: 0;
9845    background: 0;
9846    padding: 0;
9847    font-family: inherit;
9848  }
9849
9850  .b8-frame__ikea-btn:hover {
9851    text-decoration: underline;
9852  }
9853
9854  /* Right: Product card */
9855  .b8-frame__card {
9856    background: #fff;
9857    border: 1px solid rgba(0, 0, 0, 0.08);
9858    border-radius: 16px;
9859    overflow: hidden;
9860    box-shadow: var(--b8-shadow-subtle);
9861  }
9862
9863  /* Frame preview area */
9864  .b8-frame__preview {
9865    position: relative;
9866    aspect-ratio: 4 / 3;
9867    background: var(--b8-paper-soft);
9868    overflow: hidden;
9869  }
9870
9871  .b8-frame__preview-img {
9872    position: absolute;
9873    inset: 0;
9874    width: 100%;
9875    height: 100%;
9876    object-fit: contain;
9877    opacity: 0;
9878    transition: opacity 200ms ease;
9879  }
9880
9881  .b8-frame__preview-img.is-active {
9882    opacity: 1;
9883  }
9884
9885  /* Card body */
9886  .b8-frame__card-body {
9887    padding: 20px;
9888    display: flex;
9889    flex-direction: column;
9890    gap: 12px;
9891  }
9892
9893  .b8-frame__card-name {
9894    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
9895    font-size: 18px;
9896    font-weight: 500;
9897    margin: 0;
9898  }
9899
9900  .b8-frame__card-desc {
9901    font-size: 13px;
9902    line-height: 1.5;
9903    color: var(--b8-ink-soft);
9904    margin: 0;
9905  }
9906
9907  /* Frame selector pills */
9908  .b8-frame__selector {
9909    display: flex;
9910    gap: 8px;
9911    flex-wrap: wrap;
9912  }
9913
9914  .b8-frame__pill {
9915    display: inline-flex;
9916    align-items: center;
9917    padding: 6px 14px;
9918    border-radius: 999px;
9919    border: 1px solid rgba(0, 0, 0, 0.18);
9920    background: rgba(250, 247, 241, 0.7);
9921    font-family: var(--font-accent--family), 'IBM Plex Mono', monospace;
9922    font-size: 11px;
9923    font-weight: 400;
9924    text-transform: uppercase;
9925    letter-spacing: 0.04em;
9926    cursor: pointer;
9927    transition: all var(--b8-duration-medium) var(--b8-ease-standard);
9928  }
9929
9930  .b8-frame__pill:hover {
9931    border-color: rgba(0, 0, 0, 0.4);
9932  }
9933
9934  .b8-frame__pill.is-active {
9935    background: var(--b8-accent-black);
9936    color: var(--b8-paper);
9937    border-color: var(--b8-accent-black);
9938  }
9939
9940  /* Price + CTA */
9941  .b8-frame__price-row {
9942    display: flex;
9943    align-items: baseline;
9944    gap: 8px;
9945  }
9946
9947  .b8-frame__price {
9948    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
9949    font-size: 22px;
9950    font-weight: 500;
9951  }
9952
9953  .b8-frame__note {
9954    display: inline-block;
9955    background: var(--b8-accent-yellow);
9956    color: var(--b8-accent-black);
9957    font-size: 11px;
9958    font-weight: 500;
9959    padding: 2px 8px;
9960    border-radius: 4px;
9961    margin: 0;
9962  }
9963
9964  .b8-frame__shipping {
9965    font-size: 12px;
9966    color: var(--b8-ink-subtle);
9967    margin: 0;
9968    display: flex;
9969    align-items: center;
9970    gap: 4px;
9971  }
9972
9973  .b8-frame__actions {
9974    display: flex;
9975    gap: 8px;
9976    margin-top: 4px;
9977  }
9978
9979  .b8-frame__btn {
9980    flex: 1;
9981    display: inline-flex;
9982    align-items: center;
9983    justify-content: center;
9984    padding: 12px 20px;
9985    border-radius: 999px;
9986    font-family: var(--font-accent--family), 'IBM Plex Mono', monospace;
9987    font-size: 12px;
9988    font-weight: 500;
9989    text-transform: uppercase;
9990    letter-spacing: 0.04em;
9991    cursor: pointer;
9992    transition: all var(--b8-duration-medium) var(--b8-ease-standard);
9993    text-decoration: none;
9994    text-align: center;
9995  }
9996
9997  .b8-frame__btn--primary {
9998    background: var(--b8-accent-black);
9999    color: var(--b8-paper);
10000    border: 1.5px solid var(--b8-accent-black);
10001  }
10002
10003  .b8-frame__btn--primary:hover {
10004    background: #1a1917;
10005    transform: translateY(-1px);
10006  }
10007
10008  .b8-frame__btn--secondary {
10009    background: transparent;
10010    color: var(--b8-accent-black);
10011    border: 1.5px solid rgba(0, 0, 0, 0.2);
10012  }
10013
10014  .b8-frame__btn--secondary:hover {
10015    border-color: rgba(0, 0, 0, 0.5);
10016    transform: translateY(-1px);
10017  }
10018
10019  /* IKEA modal */
10020  .b8-frame__modal {
10021    position: fixed;
10022    inset: 0;
10023    z-index: 999;
10024    display: flex;
10025    align-items: center;
10026    justify-content: center;
10027    background: rgba(0, 0, 0, 0.8);
10028    opacity: 0;
10029    visibility: hidden;
10030    transition: opacity 300ms ease, visibility 300ms ease;
10031    cursor: pointer;
10032  }
10033
10034  .b8-frame__modal.is-open {
10035    opacity: 1;
10036    visibility: visible;
10037  }
10038
10039  .b8-frame__modal-inner {
10040    width: 90vw;
10041    max-width: 800px;
10042    aspect-ratio: 16 / 9;
10043    border-radius: 12px;
10044    overflow: hidden;
10045  }
10046
10047  .b8-frame__modal iframe {
10048    width: 100%;
10049    height: 100%;
10050    border: 0;
10051  }</style><div class="b8-frame" data-reveal="fade-up" data-reveal-once>
10052  <div class="b8-frame__header">
10053    <p class="b8-eyebrow" style="color: var(--b8-accent-blue);">Modular Design</p>
10054    <h2 class="b8-frame__title">Make it truly yours</h2><p class="b8-frame__desc">Thanks to our modular design, you have three ways to customize your Canvas: choose from our curated collection of custom frames, drop it into popular IKEA frames for quick DIY styling, or take it to your local frame shop for premium finishes.</p></div>
10055
10056  <div class="b8-frame__grid"><div class="b8-frame__media">
10057      <div class="b8-frame__video-wrap">
10058        <video
10059          class="b8-frame__video"
10060          autoplay muted loop playsinline
10061          preload="metadata"
10062        >
10063          <source src="https://cdn.shopify.com/videos/c/vp/624a00da5d2140809907db12fe2cd242/624a00da5d2140809907db12fe2cd242.HD-1080p-2.5Mbps-91021265.mp4" type="video/mp4">
10064        </video>
10065      </div>
10066
10067      <div class="b8-frame__ikea">
10068        <p class="b8-frame__ikea-title">IKEA Frame Compatible</p>
10069        <p style="font-size: 13px; color: var(--b8-ink-soft); margin: 0; line-height: 1.5;">
10070          Drop your BLOOMIN8 Canvas into these popular IKEA frame series for quick DIY styling.
10071        </p>
10072        <div class="b8-frame__ikea-series"><span class="b8-tag">RÖDALM</span><span class="b8-tag">EDSBRUK</span><span class="b8-tag">KNOPPÄNG</span><span class="b8-tag">SILVERHÖJDEN</span></div>
10073        <button
10074          class="b8-frame__ikea-btn"
10075          type="button"
10076          onclick="var m=document.getElementById('b8-ikea-modal-template--27581133783318__custom_frame_b8_007'); m.querySelector('iframe').src='https://www.youtube-nocookie.com/embed/sLpBBwPpvIw?autoplay=1'; m.classList.add('is-open');"
10077        >
10078          <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M5 3L11 7L5 11V3Z" fill="currentColor"/></svg>
10079          Watch installation guide
10080        </button>
10081      </div>
10082    </div><div class="b8-frame__card" id="b8-frame-card-template--27581133783318__custom_frame_b8_007">
10083      <div class="b8-frame__preview"><img
10084              class="b8-frame__preview-img is-active"
10085              src="//bloomin8.com/cdn/shop/files/b8-frame-wood1.png?v=15104426539434688783"
10086              alt="Slim Modern Walnut Frame - Accessory"
10087              loading="lazy"
10088              width="800"
10089              height="600"
10090              data-frame-index="0"
10091            ><img
10092              class="b8-frame__preview-img"
10093              src="//bloomin8.com/cdn/shop/files/b8-frame-vintage1.png?v=3343775534878524417"
10094              alt="Classic Gold Frame"
10095              loading="lazy"
10096              width="800"
10097              height="600"
10098              data-frame-index="1"
10099            ><img
10100              class="b8-frame__preview-img"
10101              src="//bloomin8.com/cdn/shop/files/b8-frame-wood2.png?v=5425792586067059845"
10102              alt="Modern Walnut Frame"
10103              loading="lazy"
10104              width="800"
10105              height="600"
10106              data-frame-index="2"
10107            ></div>
10108
10109      <div class="b8-frame__card-body">
10110        <h3 class="b8-frame__card-name" data-frame-name>Slim Modern Walnut Frame - Accessory
10111</h3>
10112        <p class="b8-frame__card-desc" data-frame-desc>Clean modern lines with warm walnut finish
10113</p><div class="b8-frame__selector" data-frame-selector><button
10114                class="b8-frame__pill is-active"
10115                type="button"
10116                data-frame-idx="0"
10117                data-frame-block-name="Slim Modern Walnut Frame - Accessory"
10118                data-frame-block-desc="Clean modern lines with warm walnut finish"
10119                data-frame-block-price="$149"
10120                data-frame-block-url="/products/133-slim-modern-walnut-frame"
10121                
10122              >
10123                Walnut
10124              </button><button
10125                class="b8-frame__pill"
10126                type="button"
10127                data-frame-idx="1"
10128                data-frame-block-name="Classic Gold Frame"
10129                data-frame-block-desc="Timeless gold finish for a vintage aesthetic"
10130                data-frame-block-price="$149"
10131                data-frame-block-url="/products/133-classic-gold-frame"
10132                
10133              >
10134                Gold
10135              </button><button
10136                class="b8-frame__pill"
10137                type="button"
10138                data-frame-idx="2"
10139                data-frame-block-name="Modern Walnut Frame"
10140                data-frame-block-desc="Bold walnut frame for a contemporary look"
10141                data-frame-block-price="$149"
10142                data-frame-block-url="/products/133-modern-walnut-frame"
10143                
10144              >
10145                Dark Walnut
10146              </button></div>
10147
10148        <div class="b8-frame__price-row">
10149          <span class="b8-frame__price" data-frame-price>$149
10150</span>
10151        </div><p class="b8-frame__note">Save $99 with 13.3" Canvas</p><p class="b8-frame__shipping">
10152          <svg width="14" height="14" viewBox="0 0 14 14" fill="none"><path d="M1 3.5h8v6H1z" stroke="currentColor" stroke-width="1.2"/><path d="M9 5.5h2.5l1.5 2v2H9V5.5z" stroke="currentColor" stroke-width="1.2"/><circle cx="3.5" cy="10" r="1" stroke="currentColor" stroke-width="1.2"/><circle cx="10.5" cy="10" r="1" stroke="currentColor" stroke-width="1.2"/></svg>
10153          Free Shipping
10154        </p>
10155
10156        <div class="b8-frame__actions">
10157          <a class="b8-frame__btn b8-frame__btn--secondary" href="#" data-frame-detail-link>View Detail</a>
10158          <a class="b8-frame__btn b8-frame__btn--primary" href="#" data-frame-detail-link>Shop Now</a>
10159        </div>
10160      </div>
10161    </div>
10162  </div>
10163</div><div
10164  class="b8-frame__modal"
10165  id="b8-ikea-modal-template--27581133783318__custom_frame_b8_007"
10166  onclick="this.classList.remove('is-open'); this.querySelector('iframe').src='';"
10167>
10168  <div class="b8-frame__modal-inner" onclick="event.stopPropagation();">
10169    <iframe
10170      src=""
10171      allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture"
10172      allowfullscreen
10173    ></iframe>
10174  </div>
10175</div>
10176
10177<script>
10178  // Frame selector interaction
10179  (function() {
10180    var card = document.getElementById('b8-frame-card-template--27581133783318__custom_frame_b8_007');
10181    if (!card) return;
10182
10183    var pills = card.querySelectorAll('[data-frame-idx]');
10184    var images = card.querySelectorAll('[data-frame-index]');
10185    var nameEl = card.querySelector('[data-frame-name]');
10186    var descEl = card.querySelector('[data-frame-desc]');
10187    var priceEl = card.querySelector('[data-frame-price]');
10188    var detailLinks = card.querySelectorAll('[data-frame-detail-link]');
10189
10190    pills.forEach(function(pill) {
10191      pill.addEventListener('click', function() {
10192        var idx = this.getAttribute('data-frame-idx');
10193
10194        // Update pills
10195        pills.forEach(function(p) { p.classList.remove('is-active'); });
10196        this.classList.add('is-active');
10197
10198        // Update images
10199        images.forEach(function(img) {
10200          img.classList.toggle('is-active', img.getAttribute('data-frame-index') === idx);
10201        });
10202
10203        // Update text
10204        if (nameEl) nameEl.textContent = this.getAttribute('data-frame-block-name');
10205        if (descEl) descEl.textContent = this.getAttribute('data-frame-block-desc');
10206        if (priceEl) priceEl.textContent = this.getAttribute('data-frame-block-price');
10207
10208        // Update links
10209        var url = this.getAttribute('data-frame-block-url');
10210        detailLinks.forEach(function(link) {
10211          if (url) link.href = url;
10212        });
10213      });
10214    });
10215
10216    // Set initial detail link
10217    var firstPill = card.querySelector('[data-frame-idx="0"]');
10218    if (firstPill) {
10219      var initUrl = firstPill.getAttribute('data-frame-block-url');
10220      if (initUrl) {
10221        detailLinks.forEach(function(link) { link.href = initUrl; });
10222      }
10223    }
10224  })();
10225</script>
10225
10226
10227
10228</section><div id="shopify-section-template--27581133783318__product_list_UwRqN4" class="shopify-section ui-test-product-list">
10229
10230
10231
10232<div class="section-background color-scheme-1"></div>
10233<div
10234  data-testid="product-list"
10235  class="
10236    section
10237    section--page-width
10238    color-scheme-1
10239    section-resource-list
10240    spacing-style
10241    gap-style
10242  "
10243  style="
10244    --padding-block-start: max(20px, calc(var(--spacing-scale) * 84px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 100px));
10245    --gap: max(24px, calc(var(--gap-scale, 1.0) * 28px));
10246  "
10247>
10248  <div class="section-resource-list__header">
10249<div
10250  class="
10251    group-block
10252    group-block--height-fit
10253    group-block--width-fill
10254    border-style
10255    spacing-style
10256    size-style
10257    
10258    
10259  "
10260  style="
10261    --border-width: 1px; --border-style: none; --border-color:
10262rgb(var(--color-border-rgb) / 1.0); --border-radius:
102630px; 
10264
10265    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
10266    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
10267    
10268  "
10269  
10270  data-testid="group-block"
10271><div class="group-block__media-wrapper">
10272    
10273
10274    
10275  </div>
10276
10277  <div
10278    class="
10279      group-block-content
10280      
10281      layout-panel-flex
10282      layout-panel-flex--column
10283       mobile-column
10284    "
10285    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
10286
10287--gap: 12px;
10288
10289--horizontal-alignment: flex-start; --vertical-alignment: center;
10290--vertical-alignment-mobile: center;
10291"
10292  ></div>
10293</div>
10294
10295
10296
10297</div>
10298
10299  
10300
10301  
10302
10303  
10304
10305<div
10306  class="
10307    resource-list
10308    
10309    
10310    resource-list--grid
10311  "
10312  style="--resource-list-column-gap-desktop: 26px;--resource-list-row-gap-desktop: 36px;--resource-list-columns: repeat(4, 1fr);--resource-list-columns-mobile: repeat(2, 1fr);--column-count-mobile: 2;"
10313  
10314    data-testid="resource-list-grid"
10315  
10316>
10317  
10318      
10319    
10320      
10321        
10322          <div
10323            class="resource-list__item"
10324          >
10325            
10326              
10327
10328
10329
10330
10331
10332<style data-shopify>
10333  
10334</style>
10335
10336
10337<product-card-link
10338    data-product-id="10149353816342"
10339    data-featured-media-url="//bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&width=500"
10340    data-product-transition="true"
10341    
10342  ><product-card
10343  class="product-card"
10344  data-product-id="10149353816342"
10345  id="product-card-AaFJkTW43VTg4RkhYT__static-product-card"
10346  data-product-transition="true"
10347  
10348  
10349>
10350  <a
10351    id="a26d3c6df43f2f8d35d463a40ca16245"
10352    
10353      href="/products/bloomin8-eink-canvas?variant=50423582032150"
10354    
10355    class="product-card__link"
10356    ref="productCardLink"
10357  >
10358    <span class="visually-hidden">
10359      BLOOMIN8 Eink Canvas - Medium 13.3" 1st Gen
10360    </span>
10361  </a>
10362  <div
10363    class="
10364      product-card__content
10365      layout-panel-flex
10366      layout-panel-flex--column
10367      product-grid__card
10368      spacing-style
10369      border-style
10370      gap-style
10371      
10372    "
10373    style="
10374      --border-width: 1px; --border-style: none; --border-color:
10375rgb(var(--color-border-rgb) / 1.0); --border-radius:
103760px; 
10377
10378      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
10379
10380
10381
10382--horizontal-alignment: ; --vertical-alignment: ;
10383--vertical-alignment-mobile: ;
10384
10385      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
10386      --product-card-gap: 8px;
10387      --quick-add-display: flex;
10388      --quick-add-mobile-display: none;
10389      --quick-add-mobile-opacity: 0;
10390      
10391      
10392      
10393      
10394    "
10395  >
10396    
10397  
10398
10399
10400
10401
10402
10403<div
10404  ref="cardGallery"
10405  class="card-gallery card-gallery-AVmhUVis0T1U2MldVY__product_card_gallery_4y78ah spacing-style border-style"
10406  style="
10407    --border-width: 1px; --border-style: none; --border-color:
10408rgb(var(--color-border-rgb) / 1.0); --border-radius:
104090px; 
10410
10411    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
10412    --gallery-aspect-ratio: 4 / 5;
10413  "
10414  data-product-id="10149353816342"
10415  
10416    on:pointerenter="/previewImage"
10417    on:pointerleave="/resetImage"
10418  
10419  
10420    data-view-transition-to-main-product
10421  
10422  data-image-ratio="portrait"
10423  
10424>
10425    <a
10426      class="contents"
10427      ref="cardGalleryLink"
10428      href="/products/bloomin8-eink-canvas?variant=50423582032150"
10429      aria-label="BLOOMIN8 Eink Canvas - Medium 13.3" 1st Gen"
10430    >
10431      <slideshow-component
10432  
10433    ref="slideshow"
10434  
10435  
10436  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6, --slide-7, --slide-8, --slide-9;--slide-min-height: auto;--slide-min-height-desktop: auto;"
10437  
10438  initial-slide="0"
10439  
10440  
10441    infinite
10442  
10443
10444  data-generic-media-size="9"
10445>
10446  
10447  <slideshow-container ref="slideshowContainer">
10448    
10449      <slideshow-arrows
10450  position="center"
10451  
10452><button
10453  class="
10454    slideshow-control slideshow-control--previous
10455    
10456    
10457    slideshow-control--style-arrow
10458    button button-unstyled button-unstyled--transparent
10459     flip-x
10460  "
10461  
10462  aria-label="Previous slide"
10463  
10464  on:click="/previous"
10465  ref="previous"
10466>
10467  <span class="svg-wrapper icon-arrow"><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)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
10468</span>
10469</button>
10470<button
10471  class="
10472    slideshow-control slideshow-control--next
10473    
10474    
10475    slideshow-control--style-arrow
10476    button button-unstyled button-unstyled--transparent
10477    
10478  "
10479  
10480  aria-label="Next slide"
10481  
10482  on:click="/next"
10483  ref="next"
10484>
10485  <span class="svg-wrapper icon-arrow"><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)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
10486</span>
10487</button>
10488</slideshow-arrows>
10489
10490    
10491    
10492    <slideshow-slides
10493      tabindex="-1"
10494      ref="scroller"
10495      
10496    >
10497      <slideshow-slide
10498  ref="slides[]"
10499  aria-hidden="false"
10500  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
10501  
10502    class="product-media-container media-fit product-media-container--image"
10503  
10504  
10505  
10506  
10507    slide-id="43944143192342"
10508  
10509  
10510  
10511  
10512>
10513  
10514
10515<div
10516  class="product-media"
10517  style="--ratio: 0.8"
10518  data-media-id="43944143192342"
10519>
10520  
10521  <img src="//bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&amp;width=3840" alt="BLOOMIN8 Eink Canvas - Medium 13.3&quot; 1st Gen" srcset="//bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&amp;width=240 240w, //bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&amp;width=352 352w, //bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&amp;width=832 832w, //bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&amp;width=1200 1200w, //bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&amp;width=1600 1600w, //bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&amp;width=1920 1920w, //bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&amp;width=2560 2560w, //bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
10522
10523  
10524</div>
10525
10526
10527
10528</slideshow-slide>
10529<slideshow-slide
10530  ref="slides[]"
10531  aria-hidden="true"
10532  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
10533  
10534    class="product-media-container media-fit product-media-container--image"
10535  
10536  
10537  
10538  
10539    slide-id="43943309508886"
10540  
10541  
10542  
10543  
10544>
10545  
10546
10547<div
10548  class="product-media"
10549  style="--ratio: 0.75"
10550  data-media-id="43943309508886"
10551>
10552  
10553  <img src="//bloomin8.com/cdn/shop/files/2061768470686_.pic_hd.jpg?v=1768897664&amp;width=3840" alt="BLOOMIN8 Eink Canvas - Medium 13.3&quot; 1st Gen" srcset="//bloomin8.com/cdn/shop/files/2061768470686_.pic_hd.jpg?v=1768897664&amp;width=240 240w, //bloomin8.com/cdn/shop/files/2061768470686_.pic_hd.jpg?v=1768897664&amp;width=352 352w, //bloomin8.com/cdn/shop/files/2061768470686_.pic_hd.jpg?v=1768897664&amp;width=832 832w, //bloomin8.com/cdn/shop/files/2061768470686_.pic_hd.jpg?v=1768897664&amp;width=1200 1200w, //bloomin8.com/cdn/shop/files/2061768470686_.pic_hd.jpg?v=1768897664&amp;width=1600 1600w, //bloomin8.com/cdn/shop/files/2061768470686_.pic_hd.jpg?v=1768897664&amp;width=1920 1920w, //bloomin8.com/cdn/shop/files/2061768470686_.pic_hd.jpg?v=1768897664&amp;width=2560 2560w, //bloomin8.com/cdn/shop/files/2061768470686_.pic_hd.jpg?v=1768897664&amp;width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//bloomin8.com/cdn/shop/files/2061768470686_.pic_hd.jpg?v=1768897664&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
10554
10555  
10556</div>
10557
10558
10559
10560</slideshow-slide>
10561<slideshow-slide
10562  ref="slides[]"
10563  aria-hidden="true"
10564  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
10565  
10566    class="product-media-container media-fit product-media-container--image"
10567  
10568  
10569  
10570  
10571    slide-id="43943310557462"
10572  
10573  
10574  
10575  
10576>
10577  
10578
10579<div
10580  class="product-media"
10581  style="--ratio: 0.75"
10582  data-media-id="43943310557462"
10583>
10584  
10585  <img src="//bloomin8.com/cdn/shop/files/2071768470699_.pic_hd.jpg?v=1768897664&amp;width=3840" alt="BLOOMIN8 Eink Canvas - Medium 13.3&quot; 1st Gen" srcset="//bloomin8.com/cdn/shop/files/2071768470699_.pic_hd.jpg?v=1768897664&amp;width=240 240w, //bloomin8.com/cdn/shop/files/2071768470699_.pic_hd.jpg?v=1768897664&amp;width=352 352w, //bloomin8.com/cdn/shop/files/2071768470699_.pic_hd.jpg?v=1768897664&amp;width=832 832w, //bloomin8.com/cdn/shop/files/2071768470699_.pic_hd.jpg?v=1768897664&amp;width=1200 1200w, //bloomin8.com/cdn/shop/files/2071768470699_.pic_hd.jpg?v=1768897664&amp;width=1600 1600w, //bloomin8.com/cdn/shop/files/2071768470699_.pic_hd.jpg?v=1768897664&amp;width=1920 1920w, //bloomin8.com/cdn/shop/files/2071768470699_.pic_hd.jpg?v=1768897664&amp;width=2560 2560w, //bloomin8.com/cdn/shop/files/2071768470699_.pic_hd.jpg?v=1768897664&amp;width=3840 3840w" width="3840" height="5120" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//bloomin8.com/cdn/shop/files/2071768470699_.pic_hd.jpg?v=1768897664&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
10586
10587  
10588</div>
10589
10590
10591
10592</slideshow-slide>
10593<slideshow-slide
10594  ref="slides[]"
10595  aria-hidden="true"
10596  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
10597  
10598    class="product-media-container media-fit product-media-container--image"
10599  
10600  
10601  
10602  
10603    slide-id="42905032065302"
10604  
10605  
10606  
10607  
10608>
10609  
10610
10611<div
10612  class="product-media"
10613  style="--ratio: 1.0"
10614  data-media-id="42905032065302"
10615>
10616  
10617  <img src="//bloomin8.com/cdn/shop/files/11_ac1e3693-6d7e-4289-979f-545ea325b78a.png?v=1768897664&amp;width=3840" alt="BLOOMIN8 Eink Canvas - Medium 13.3&quot; 1st Gen" srcset="//bloomin8.com/cdn/shop/files/11_ac1e3693-6d7e-4289-979f-545ea325b78a.png?v=1768897664&amp;width=240 240w, //bloomin8.com/cdn/shop/files/11_ac1e3693-6d7e-4289-979f-545ea325b78a.png?v=1768897664&amp;width=352 352w, //bloomin8.com/cdn/shop/files/11_ac1e3693-6d7e-4289-979f-545ea325b78a.png?v=1768897664&amp;width=832 832w, //bloomin8.com/cdn/shop/files/11_ac1e3693-6d7e-4289-979f-545ea325b78a.png?v=1768897664&amp;width=1200 1200w, //bloomin8.com/cdn/shop/files/11_ac1e3693-6d7e-4289-979f-545ea325b78a.png?v=1768897664&amp;width=1600 1600w, //bloomin8.com/cdn/shop/files/11_ac1e3693-6d7e-4289-979f-545ea325b78a.png?v=1768897664&amp;width=1920 1920w, //bloomin8.com/cdn/shop/files/11_ac1e3693-6d7e-4289-979f-545ea325b78a.png?v=1768897664&amp;width=2560 2560w, //bloomin8.com/cdn/shop/files/11_ac1e3693-6d7e-4289-979f-545ea325b78a.png?v=1768897664&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//bloomin8.com/cdn/shop/files/11_ac1e3693-6d7e-4289-979f-545ea325b78a.png?v=1768897664&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
10618
10619  
10620</div>
10621
10622
10623
10624</slideshow-slide>
10625<slideshow-slide
10626  ref="slides[]"
10627  aria-hidden="true"
10628  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
10629  
10630    class="product-media-container media-fit product-media-container--image"
10631  
10632  
10633  
10634  
10635    slide-id="43943383859478"
10636  
10637  
10638  
10639  
10640>
10641  
10642
10643<div
10644  class="product-media"
10645  style="--ratio: 1.1108247422680413"
10646  data-media-id="43943383859478"
10647>
10648  
10649  <img src="//bloomin8.com/cdn/shop/files/IMG_5309.jpg?v=1768897664&amp;width=3840" alt="BLOOMIN8 Eink Canvas - Medium 13.3&quot; 1st Gen" srcset="//bloomin8.com/cdn/shop/files/IMG_5309.jpg?v=1768897664&amp;width=240 240w, //bloomin8.com/cdn/shop/files/IMG_5309.jpg?v=1768897664&amp;width=352 352w, //bloomin8.com/cdn/shop/files/IMG_5309.jpg?v=1768897664&amp;width=832 832w, //bloomin8.com/cdn/shop/files/IMG_5309.jpg?v=1768897664&amp;width=1200 1200w, //bloomin8.com/cdn/shop/files/IMG_5309.jpg?v=1768897664&amp;width=1600 1600w, //bloomin8.com/cdn/shop/files/IMG_5309.jpg?v=1768897664&amp;width=1920 1920w, //bloomin8.com/cdn/shop/files/IMG_5309.jpg?v=1768897664&amp;width=2560 2560w, //bloomin8.com/cdn/shop/files/IMG_5309.jpg?v=1768897664&amp;width=3840 3840w" width="3840" height="3457" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//bloomin8.com/cdn/shop/files/IMG_5309.jpg?v=1768897664&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
10650
10651  
10652</div>
10653
10654
10655
10656</slideshow-slide>
10657
10658    </slideshow-slides>
10659  </slideshow-container>
10660  
10661</slideshow-component>
10662
10663
10664
10665    </a>
10666  
10667  
10668    <div
10669  class="product-badges product-badges--top-left"
10670  style="
10671    --badge-border-radius: 40px;
10672    --badge-font-family: var(--font-body--family);
10672 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
10673  "
10674></div>
10675
10676
10677
10678    
10679      
10680
10681<quick-add-component
10682  class="quick-add color-scheme-1 "
10683  ref="quickAdd"
10684  data-product-title="BLOOMIN8 Eink Canvas - Medium 13.3" 1st Gen"
10685  data-quick-add-button="add"
10686  data-product-options-count="1"
10687>
10688  <product-form-component
10689    data-section-id="template--27581133783318__product_list_UwRqN4"
10690    data-product-id="10149353816342"
10691    on:submit="/handleSubmit"
10692    class="quick-add__product-form-component"
10693  >
10694    <div
10695      class="visually-hidden"
10696      aria-live="assertive"
10697      role="status"
10698      aria-atomic="true"
10699      ref="liveRegion"
10700    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10149353816342-AVmhUVis0T1U2MldVY__product_card_gallery_4y78ah" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
10701        type="hidden"
10702        name="id"
10703        ref="variantId"
10704        value="50423582032150"
10705        
10706      >
10707      <input
10708        type="hidden"
10709        name="quantity"
10710        value="1"
10711      >
10712      
10713      <add-to-cart-component
10714  ref="addToCartButtonContainer"
10715  data-product-variant-media="//bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&width=100"
10716  data-add-to-cart-animation="true"
10717>
10718  <button
10719    id=""
10720    type="submit"
10721    name="add"
10722    ref="addToCartButton"
10723    on:click="/handleClick"
10724    class="button button quick-add__button quick-add__button--add add-to-cart-button"
10725    
10726    
10727  >
10728    <span
10729      class="add-to-cart-text"
10730    >
10731      
10732        <span
10733          aria-hidden="true"
10734          class="svg-wrapper add-to-cart-icon"
10735        ><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
10736</span>
10737      
10738      <span class="add-to-cart-text__content is-visually-hidden-mobile">
10739        <span>
10740          <span>Add</span>
10741        </span>
10742      </span>
10743    </span>
10744    
10745    <span class="add-to-cart__added">
10746      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
10747  <g class="check">
10748    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
10749    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
10750  </g>
10751  <g class="burst">
10752    <g style="--index: 0;">
10753      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10754    </g>
10755    <g style="--index: 1;">
10756      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10757    </g>
10758    <g style="--index: 2;">
10759      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10760    </g>
10761    <g style="--index: 3;">
10762      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10763    </g>
10764    <g style="--index: 4;">
10765      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10766    </g>
10767    <g style="--index: 5;">
10768      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10769    </g>
10770    <g style="--index: 6;">
10771      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10772    </g>
10773    <g style="--index: 7;">
10774      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
10775    </g>
10776  </g>
10777</svg>
10778</span>
10779    </span>
10780  </button>
10781</add-to-cart-component>
10782
10783
10784
10785
10786      <button
10787        class="button quick-add__button quick-add__button--choose add-to-cart-button"
10788        
10789        type="button"
10790        name="add"
10791        on:click="quick-add-component/handleClick"
10792      >
10793        <span
10794          class="add-to-cart-text quick-add__button-content"
10795        >
10796          
10797          <span
10798            aria-hidden="true"
10799            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
10800          ><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
10801</span>
10802          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
10803            <span>
10804              
10805              <span>
10806                Choose
10807              </span>
10808            </span>
10809          </span>
10810        </span>
10811      </button><input type="hidden" name="product-id" value="10149353816342" /><input type="hidden" name="section-id" value="template--27581133783318__product_list_UwRqN4" /></form></product-form-component>
10812</quick-add-component>
10813
10814
10815
10816    
10817  
10818
10819</div>
10820
10821
10822
10823
10824
10825<div class="product-grid-view-zoom-out--details">
10826  
10827    <h3 class="h4">BLOOMIN8 Eink Canvas - Medium 13.3" 1st Gen</h3>
10828  
10829</div>
10830
10831
10832
10833
10834
10835
10836<div
10837  class="
10838    group-block
10839    group-block--height-fit
10840    group-block--width-fill
10841    border-style
10842    spacing-style
10843    size-style
10844    
10845    
10846  "
10847  style="
10848    --border-width: 1px; --border-style: none; --border-color:
10849rgb(var(--color-border-rgb) / 1.0); --border-radius:
108500px; 
10851
10852    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
10853    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
10854    
10855  "
10856  
10857  data-testid="group-block"
10858><div class="group-block__media-wrapper">
10859    
10860
10861    
10862  </div>
10863
10864  <div
10865    class="
10866      group-block-content
10867      
10868      layout-panel-flex
10869      layout-panel-flex--row
10870       mobile-column
10871    "
10872    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
10873
10874--gap: 12px;
10875
10876--horizontal-alignment: space-between; --vertical-alignment: flex-start;
10877--vertical-alignment-mobile: flex-start;
10878"
10879  >
10880  
10881
10882
10883
10884<div
10885  class="
10886    group-block
10887    group-block--height-fit
10888    group-block--width-fill
10889    border-style
10890    spacing-style
10891    size-style
10892    
10893    
10894  "
10895  style="
10896    --border-width: 1px; --border-style: none; --border-color:
10897rgb(var(--color-border-rgb) / 1.0); --border-radius:
108980px; 
10899
10900    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
10901    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
10902    
10903  "
10904  
10905  data-testid="group-block"
10906><div class="group-block__media-wrapper">
10907    
10908
10909    
10910  </div>
10911
10912  <div
10913    class="
10914      group-block-content
10915      
10916      layout-panel-flex
10917      layout-panel-flex--column
10918       mobile-column
10919    "
10920    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
10921
10922--gap: 0px;
10923
10924--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
10925--vertical-alignment-mobile: flex-start;
10926"
10927  >
10928  
10929
10930
10931  
10932  <a
10933    class="contents user-select-text"
10934    ref="productTitleLink"
10935    href="/products/bloomin8-eink-canvas?variant=50423582032150"
10936  >
10937    
10938
10939
10940
10941
10942
10943
10944  <div class=" spacing-style text-block text-block--AUWFPcnpNelQ5cy8vY__product_title_iRxawi h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
10945    <p>BLOOMIN8 Eink Canvas - Medium 13.3" 1st Gen</p>
10946  </div>
10947
10948
10949
10950
10951  </a>
10952
10953
10954
10955
10956
10957<product-price
10958  class="text-block text-block--align-left text-left h5 spacing-style"
10959  data-block-id="AcURINC92VURsWUlIe__price_4XkbjB"
10960  data-product-id="10149353816342"
10961  style="
10962    
10963--color: var(--color-foreground);
10964    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
10965    --width: 100%;
10966  "
10967  
10968>
10969  <div ref="priceContainer">
10970  
10971    
10972    
10973
10974    
10975      <span class="price">$499.00</span>
10976    
10977
10978    
10979  
10980</div>
10981
10982  
10983</product-price>
10984
10985
10986
10987
10988
10989
10990
10991</div>
10992</div>
10993
10994
10995
10996
10997
10998
10999
11000
11001
11002<div
11003  class="
11004    group-block
11005    group-block--height-fit
11006    group-block--width-fill
11007    border-style
11008    spacing-style
11009    size-style
11010    
11011    
11012  "
11013  style="
11014    --border-width: 1px; --border-style: none; --border-color:
11015rgb(var(--color-border-rgb) / 1.0); --border-radius:
110160px; 
11017
11018    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11019    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
11020    
11021  "
11022  
11023  data-testid="group-block"
11024><div class="group-block__media-wrapper">
11025    
11026
11027    
11028  </div>
11029
11030  <div
11031    class="
11032      group-block-content
11033      
11034      layout-panel-flex
11035      layout-panel-flex--column
11036       mobile-column
11037    "
11038    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
11039
11040--gap: 0px;
11041
11042--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
11043--vertical-alignment-mobile: flex-start;
11044"
11045  >
11046  
11047
11048
11049
11050
11051
11052
11053
11054
11055</div>
11056</div>
11057
11058
11059
11060
11061
11062
11063</div>
11064</div>
11065
11066
11067
11068
11069
11070
11071
11072  </div>
11073</product-card></product-card-link>
11074
11075
11076
11077
11078            
11079          </div>
11080
11081          
11082            <!--@list/split-->
11083          
11084        
11085          <div
11086            class="resource-list__item"
11087          >
11088            
11089              
11090
11091
11092
11093
11094
11095<style data-shopify>
11096  
11097</style>
11098
11099
11100<product-card-link
11101    data-product-id="10166799106326"
11102    data-featured-media-url="//bloomin8.com/cdn/shop/files/15.png?v=1768897614&width=500"
11103    data-product-transition="true"
11104    
11105  ><product-card
11106  class="product-card"
11107  data-product-id="10166799106326"
11108  id="product-card-AaFJkTW43VTg4RkhYT__static-product-card-1"
11109  data-product-transition="true"
11110  
11111  
11112>
11113  <a
11114    id="f2a2341a3f7ce9bfc3dfa5806490fcfb"
11115    
11116      href="/products/bloomin8-eink-canvas-large-28-5?variant=50445535117590"
11117    
11118    class="product-card__link"
11119    ref="productCardLink"
11120  >
11121    <span class="visually-hidden">
11122      BLOOMIN8 Eink Canvas - Large 28.5"
11123    </span>
11124  </a>
11125  <div
11126    class="
11127      product-card__content
11128      layout-panel-flex
11129      layout-panel-flex--column
11130      product-grid__card
11131      spacing-style
11132      border-style
11133      gap-style
11134      
11135    "
11136    style="
11137      --border-width: 1px; --border-style: none; --border-color:
11138rgb(var(--color-border-rgb) / 1.0); --border-radius:
111390px; 
11140
11141      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
11142
11143
11144
11145--horizontal-alignment: ; --vertical-alignment: ;
11146--vertical-alignment-mobile: ;
11147
11148      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11149      --product-card-gap: 8px;
11150      --quick-add-display: flex;
11151      --quick-add-mobile-display: none;
11152      --quick-add-mobile-opacity: 0;
11153      
11154      
11155      
11156      
11157    "
11158  >
11159    
11160  
11161
11162
11163
11164
11165
11166<div
11167  ref="cardGallery"
11168  class="card-gallery card-gallery-AVmhUVis0T1U2MldVY__product_card_gallery_4y78ah-1 spacing-style border-style"
11169  style="
11170    --border-width: 1px; --border-style: none; --border-color:
11171rgb(var(--color-border-rgb) / 1.0); --border-radius:
111720px; 
11173
11174    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11175    --gallery-aspect-ratio: 4 / 5;
11176  "
11177  data-product-id="10166799106326"
11178  
11179    on:pointerenter="/previewImage"
11180    on:pointerleave="/resetImage"
11181  
11182  
11183    data-view-transition-to-main-product
11184  
11185  data-image-ratio="portrait"
11186  
11187>
11188    <a
11189      class="contents"
11190      ref="cardGalleryLink"
11191      href="/products/bloomin8-eink-canvas-large-28-5?variant=50445535117590"
11192      aria-label="BLOOMIN8 Eink Canvas - Large 28.5""
11193    >
11194      <slideshow-component
11195  
11196    ref="slideshow"
11197  
11198  
11199  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;"
11200  
11201  initial-slide="0"
11202  
11203  
11204    infinite
11205  
11206
11207  data-generic-media-size="6"
11208>
11209  
11210  <slideshow-container ref="slideshowContainer">
11211    
11212      <slideshow-arrows
11213  position="center"
11214  
11215><button
11216  class="
11217    slideshow-control slideshow-control--previous
11218    
11219    
11220    slideshow-control--style-arrow
11221    button button-unstyled button-unstyled--transparent
11222     flip-x
11223  "
11224  
11225  aria-label="Previous slide"
11226  
11227  on:click="/previous"
11228  ref="previous"
11229>
11230  <span class="svg-wrapper icon-arrow"><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)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
11231</span>
11232</button>
11233<button
11234  class="
11235    slideshow-control slideshow-control--next
11236    
11237    
11238    slideshow-control--style-arrow
11239    button button-unstyled button-unstyled--transparent
11240    
11241  "
11242  
11243  aria-label="Next slide"
11244  
11245  on:click="/next"
11246  ref="next"
11247>
11248  <span class="svg-wrapper icon-arrow"><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)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
11249</span>
11250</button>
11251</slideshow-arrows>
11252
11253    
11254    
11255    <slideshow-slides
11256      tabindex="-1"
11257      ref="scroller"
11258      
11259    >
11260      <slideshow-slide
11261  ref="slides[]"
11262  aria-hidden="false"
11263  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
11264  
11265    class="product-media-container media-fit product-media-container--image"
11266  
11267  
11268  
11269  
11270    slide-id="43944114487574"
11271  
11272  
11273  
11274  
11275>
11276  
11277
11278<div
11279  class="product-media"
11280  style="--ratio: 0.8"
11281  data-media-id="43944114487574"
11282>
11283  
11284  <img src="//bloomin8.com/cdn/shop/files/15.png?v=1768897614&amp;width=3840" alt="BLOOMIN8 Eink Canvas - Large 28.5&quot;" srcset="//bloomin8.com/cdn/shop/files/15.png?v=1768897614&amp;width=240 240w, //bloomin8.com/cdn/shop/files/15.png?v=1768897614&amp;width=352 352w, //bloomin8.com/cdn/shop/files/15.png?v=1768897614&amp;width=832 832w, //bloomin8.com/cdn/shop/files/15.png?v=1768897614&amp;width=1200 1200w, //bloomin8.com/cdn/shop/files/15.png?v=1768897614&amp;width=1600 1600w, //bloomin8.com/cdn/shop/files/15.png?v=1768897614&amp;width=1920 1920w, //bloomin8.com/cdn/shop/files/15.png?v=1768897614&amp;width=2560 2560w, //bloomin8.com/cdn/shop/files/15.png?v=1768897614&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//bloomin8.com/cdn/shop/files/15.png?v=1768897614&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11285
11286  
11287</div>
11288
11289
11290
11291</slideshow-slide>
11292<slideshow-slide
11293  ref="slides[]"
11294  aria-hidden="true"
11295  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
11296  
11297    class="product-media-container media-fit product-media-container--image"
11298  
11299  
11300  
11301  
11302    slide-id="46225889853718"
11303  
11304  
11305  
11306  
11307>
11308  
11309
11310<div
11311  class="product-media"
11312  style="--ratio: 1.0"
11313  data-media-id="46225889853718"
11314>
11315  
11316  <img src="//bloomin8.com/cdn/shop/files/1_0bd9b2ce-38d5-4f36-a10d-b09cd66ce88c.png?v=1788948294&amp;width=3840" alt="BLOOMIN8 Eink Canvas - Large 28.5&quot;" srcset="//bloomin8.com/cdn/shop/files/1_0bd9b2ce-38d5-4f36-a10d-b09cd66ce88c.png?v=1788948294&amp;width=240 240w, //bloomin8.com/cdn/shop/files/1_0bd9b2ce-38d5-4f36-a10d-b09cd66ce88c.png?v=1788948294&amp;width=352 352w, //bloomin8.com/cdn/shop/files/1_0bd9b2ce-38d5-4f36-a10d-b09cd66ce88c.png?v=1788948294&amp;width=832 832w, //bloomin8.com/cdn/shop/files/1_0bd9b2ce-38d5-4f36-a10d-b09cd66ce88c.png?v=1788948294&amp;width=1200 1200w, //bloomin8.com/cdn/shop/files/1_0bd9b2ce-38d5-4f36-a10d-b09cd66ce88c.png?v=1788948294&amp;width=1600 1600w, //bloomin8.com/cdn/shop/files/1_0bd9b2ce-38d5-4f36-a10d-b09cd66ce88c.png?v=1788948294&amp;width=1920 1920w, //bloomin8.com/cdn/shop/files/1_0bd9b2ce-38d5-4f36-a10d-b09cd66ce88c.png?v=1788948294&amp;width=2560 2560w, //bloomin8.com/cdn/shop/files/1_0bd9b2ce-38d5-4f36-a10d-b09cd66ce88c.png?v=1788948294&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//bloomin8.com/cdn/shop/files/1_0bd9b2ce-38d5-4f36-a10d-b09cd66ce88c.png?v=1788948294&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11317
11318  
11319</div>
11320
11321
11322
11323</slideshow-slide>
11324<slideshow-slide
11325  ref="slides[]"
11326  aria-hidden="true"
11327  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
11328  
11329    class="product-media-container media-fit product-media-container--image"
11330  
11331  
11332  
11333  
11334    slide-id="46226029183254"
11335  
11336  
11337  
11338  
11339>
11340  
11341
11342<div
11343  class="product-media"
11344  style="--ratio: 1.0"
11345  data-media-id="46226029183254"
11346>
11347  
11348  <img src="//bloomin8.com/cdn/shop/files/3_88d8172b-a70b-41fa-9e1a-2e2fb48e3a16.png?v=1788949864&amp;width=3840" alt="BLOOMIN8 Eink Canvas - Large 28.5&quot;" srcset="//bloomin8.com/cdn/shop/files/3_88d8172b-a70b-41fa-9e1a-2e2fb48e3a16.png?v=1788949864&amp;width=240 240w, //bloomin8.com/cdn/shop/files/3_88d8172b-a70b-41fa-9e1a-2e2fb48e3a16.png?v=1788949864&amp;width=352 352w, //bloomin8.com/cdn/shop/files/3_88d8172b-a70b-41fa-9e1a-2e2fb48e3a16.png?v=1788949864&amp;width=832 832w, //bloomin8.com/cdn/shop/files/3_88d8172b-a70b-41fa-9e1a-2e2fb48e3a16.png?v=1788949864&amp;width=1200 1200w, //bloomin8.com/cdn/shop/files/3_88d8172b-a70b-41fa-9e1a-2e2fb48e3a16.png?v=1788949864&amp;width=1600 1600w, //bloomin8.com/cdn/shop/files/3_88d8172b-a70b-41fa-9e1a-2e2fb48e3a16.png?v=1788949864&amp;width=1920 1920w, //bloomin8.com/cdn/shop/files/3_88d8172b-a70b-41fa-9e1a-2e2fb48e3a16.png?v=1788949864&amp;width=2560 2560w, //bloomin8.com/cdn/shop/files/3_88d8172b-a70b-41fa-9e1a-2e2fb48e3a16.png?v=1788949864&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//bloomin8.com/cdn/shop/files/3_88d8172b-a70b-41fa-9e1a-2e2fb48e3a16.png?v=1788949864&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11349
11350  
11351</div>
11352
11353
11354
11355</slideshow-slide>
11356<slideshow-slide
11357  ref="slides[]"
11358  aria-hidden="true"
11359  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
11360  
11361    class="product-media-container media-fit product-media-container--image"
11362  
11363  
11364  
11365  
11366    slide-id="46225990123798"
11367  
11368  
11369  
11370  
11371>
11372  
11373
11374<div
11375  class="product-media"
11376  style="--ratio: 1.0"
11377  data-media-id="46225990123798"
11378>
11379  
11380  <img src="//bloomin8.com/cdn/shop/files/2_ef1d1da3-7c3d-4c06-9c9e-0305fe0463ec.png?v=1788949520&amp;width=3840" alt="BLOOMIN8 Eink Canvas - Large 28.5&quot;" srcset="//bloomin8.com/cdn/shop/files/2_ef1d1da3-7c3d-4c06-9c9e-0305fe0463ec.png?v=1788949520&amp;width=240 240w, //bloomin8.com/cdn/shop/files/2_ef1d1da3-7c3d-4c06-9c9e-0305fe0463ec.png?v=1788949520&amp;width=352 352w, //bloomin8.com/cdn/shop/files/2_ef1d1da3-7c3d-4c06-9c9e-0305fe0463ec.png?v=1788949520&amp;width=832 832w, //bloomin8.com/cdn/shop/files/2_ef1d1da3-7c3d-4c06-9c9e-0305fe0463ec.png?v=1788949520&amp;width=1200 1200w, //bloomin8.com/cdn/shop/files/2_ef1d1da3-7c3d-4c06-9c9e-0305fe0463ec.png?v=1788949520&amp;width=1600 1600w, //bloomin8.com/cdn/shop/files/2_ef1d1da3-7c3d-4c06-9c9e-0305fe0463ec.png?v=1788949520&amp;width=1920 1920w, //bloomin8.com/cdn/shop/files/2_ef1d1da3-7c3d-4c06-9c9e-0305fe0463ec.png?v=1788949520&amp;width=2560 2560w, //bloomin8.com/cdn/shop/files/2_ef1d1da3-7c3d-4c06-9c9e-0305fe0463ec.png?v=1788949520&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//bloomin8.com/cdn/shop/files/2_ef1d1da3-7c3d-4c06-9c9e-0305fe0463ec.png?v=1788949520&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11381
11382  
11383</div>
11384
11385
11386
11387</slideshow-slide>
11388<slideshow-slide
11389  ref="slides[]"
11390  aria-hidden="true"
11391  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
11392  
11393    class="product-media-container media-fit product-media-container--image"
11394  
11395  
11396  
11397  
11398    slide-id="45764987650326"
11399  
11400  
11401  
11402  
11403>
11404  
11405
11406<div
11407  class="product-media"
11408  style="--ratio: 1.0"
11409  data-media-id="45764987650326"
11410>
11411  
11412  <img src="//bloomin8.com/cdn/shop/files/1_e48bd2aa-23f3-46d6-af9c-f6a19f39329e.png?v=1785208447&amp;width=3840" alt="BLOOMIN8 Eink Canvas - Large 28.5&quot;" srcset="//bloomin8.com/cdn/shop/files/1_e48bd2aa-23f3-46d6-af9c-f6a19f39329e.png?v=1785208447&amp;width=240 240w, //bloomin8.com/cdn/shop/files/1_e48bd2aa-23f3-46d6-af9c-f6a19f39329e.png?v=1785208447&amp;width=352 352w, //bloomin8.com/cdn/shop/files/1_e48bd2aa-23f3-46d6-af9c-f6a19f39329e.png?v=1785208447&amp;width=832 832w, //bloomin8.com/cdn/shop/files/1_e48bd2aa-23f3-46d6-af9c-f6a19f39329e.png?v=1785208447&amp;width=1200 1200w, //bloomin8.com/cdn/shop/files/1_e48bd2aa-23f3-46d6-af9c-f6a19f39329e.png?v=1785208447&amp;width=1600 1600w, //bloomin8.com/cdn/shop/files/1_e48bd2aa-23f3-46d6-af9c-f6a19f39329e.png?v=1785208447&amp;width=1920 1920w, //bloomin8.com/cdn/shop/files/1_e48bd2aa-23f3-46d6-af9c-f6a19f39329e.png?v=1785208447&amp;width=2560 2560w, //bloomin8.com/cdn/shop/files/1_e48bd2aa-23f3-46d6-af9c-f6a19f39329e.png?v=1785208447&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//bloomin8.com/cdn/shop/files/1_e48bd2aa-23f3-46d6-af9c-f6a19f39329e.png?v=1785208447&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
11413
11414  
11415</div>
11416
11417
11418
11419</slideshow-slide>
11420
11421    </slideshow-slides>
11422  </slideshow-container>
11423  
11424</slideshow-component>
11425
11426
11427
11428    </a>
11429  
11430  
11431    <div
11432  class="product-badges product-badges--top-left"
11433  style="
11434    --badge-border-radius: 40px;
11435    --badge-font-family: var(--font-body--family);
11435 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
11436  "
11437></div>
11438
11439
11440
11441    
11442      
11443
11444<quick-add-component
11445  class="quick-add color-scheme-1 "
11446  ref="quickAdd"
11447  data-product-title="BLOOMIN8 Eink Canvas - Large 28.5""
11448  data-quick-add-button="add"
11449  data-product-options-count="1"
11450>
11451  <product-form-component
11452    data-section-id="template--27581133783318__product_list_UwRqN4"
11453    data-product-id="10166799106326"
11454    on:submit="/handleSubmit"
11455    class="quick-add__product-form-component"
11456  >
11457    <div
11458      class="visually-hidden"
11459      aria-live="assertive"
11460      role="status"
11461      aria-atomic="true"
11462      ref="liveRegion"
11463    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10166799106326-AVmhUVis0T1U2MldVY__product_card_gallery_4y78ah-1" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
11464        type="hidden"
11465        name="id"
11466        ref="variantId"
11467        value="50445535117590"
11468        
11469      >
11470      <input
11471        type="hidden"
11472        name="quantity"
11473        value="1"
11474      >
11475      
11476      <add-to-cart-component
11477  ref="addToCartButtonContainer"
11478  data-product-variant-media="//bloomin8.com/cdn/shop/files/15.png?v=1768897614&width=100"
11479  data-add-to-cart-animation="true"
11480>
11481  <button
11482    id=""
11483    type="submit"
11484    name="add"
11485    ref="addToCartButton"
11486    on:click="/handleClick"
11487    class="button button quick-add__button quick-add__button--add add-to-cart-button"
11488    
11489    
11490  >
11491    <span
11492      class="add-to-cart-text"
11493    >
11494      
11495        <span
11496          aria-hidden="true"
11497          class="svg-wrapper add-to-cart-icon"
11498        ><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
11499</span>
11500      
11501      <span class="add-to-cart-text__content is-visually-hidden-mobile">
11502        <span>
11503          <span>Add</span>
11504        </span>
11505      </span>
11506    </span>
11507    
11508    <span class="add-to-cart__added">
11509      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
11510  <g class="check">
11511    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11512    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
11513  </g>
11514  <g class="burst">
11515    <g style="--index: 0;">
11516      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11517    </g>
11518    <g style="--index: 1;">
11519      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11520    </g>
11521    <g style="--index: 2;">
11522      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11523    </g>
11524    <g style="--index: 3;">
11525      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11526    </g>
11527    <g style="--index: 4;">
11528      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11529    </g>
11530    <g style="--index: 5;">
11531      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11532    </g>
11533    <g style="--index: 6;">
11534      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11535    </g>
11536    <g style="--index: 7;">
11537      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
11538    </g>
11539  </g>
11540</svg>
11541</span>
11542    </span>
11543  </button>
11544</add-to-cart-component>
11545
11546
11547
11548
11549      <button
11550        class="button quick-add__button quick-add__button--choose add-to-cart-button"
11551        
11552        type="button"
11553        name="add"
11554        on:click="quick-add-component/handleClick"
11555      >
11556        <span
11557          class="add-to-cart-text quick-add__button-content"
11558        >
11559          
11560          <span
11561            aria-hidden="true"
11562            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
11563          ><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
11564</span>
11565          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
11566            <span>
11567              
11568              <span>
11569                Choose
11570              </span>
11571            </span>
11572          </span>
11573        </span>
11574      </button><input type="hidden" name="product-id" value="10166799106326" /><input type="hidden" name="section-id" value="template--27581133783318__product_list_UwRqN4" /></form></product-form-component>
11575</quick-add-component>
11576
11577
11578
11579    
11580  
11581
11582</div>
11583
11584
11585
11586
11587
11588<div class="product-grid-view-zoom-out--details">
11589  
11590    <h3 class="h4">BLOOMIN8 Eink Canvas - Large 28.5"</h3>
11591  
11592</div>
11593
11594
11595
11596
11597
11598
11599<div
11600  class="
11601    group-block
11602    group-block--height-fit
11603    group-block--width-fill
11604    border-style
11605    spacing-style
11606    size-style
11607    
11608    
11609  "
11610  style="
11611    --border-width: 1px; --border-style: none; --border-color:
11612rgb(var(--color-border-rgb) / 1.0); --border-radius:
116130px; 
11614
11615    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11616    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
11617    
11618  "
11619  
11620  data-testid="group-block"
11621><div class="group-block__media-wrapper">
11622    
11623
11624    
11625  </div>
11626
11627  <div
11628    class="
11629      group-block-content
11630      
11631      layout-panel-flex
11632      layout-panel-flex--row
11633       mobile-column
11634    "
11635    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
11636
11637--gap: 12px;
11638
11639--horizontal-alignment: space-between; --vertical-alignment: flex-start;
11640--vertical-alignment-mobile: flex-start;
11641"
11642  >
11643  
11644
11645
11646
11647<div
11648  class="
11649    group-block
11650    group-block--height-fit
11651    group-block--width-fill
11652    border-style
11653    spacing-style
11654    size-style
11655    
11656    
11657  "
11658  style="
11659    --border-width: 1px; --border-style: none; --border-color:
11660rgb(var(--color-border-rgb) / 1.0); --border-radius:
116610px; 
11662
11663    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11664    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
11665    
11666  "
11667  
11668  data-testid="group-block"
11669><div class="group-block__media-wrapper">
11670    
11671
11672    
11673  </div>
11674
11675  <div
11676    class="
11677      group-block-content
11678      
11679      layout-panel-flex
11680      layout-panel-flex--column
11681       mobile-column
11682    "
11683    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
11684
11685--gap: 0px;
11686
11687--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
11688--vertical-alignment-mobile: flex-start;
11689"
11690  >
11691  
11692
11693
11694  
11695  <a
11696    class="contents user-select-text"
11697    ref="productTitleLink"
11698    href="/products/bloomin8-eink-canvas-large-28-5?variant=50445535117590"
11699  >
11700    
11701
11702
11703
11704
11705
11706
11707  <div class=" spacing-style text-block text-block--AUWFPcnpNelQ5cy8vY__product_title_iRxawi-1 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
11708    <p>BLOOMIN8 Eink Canvas - Large 28.5"</p>
11709  </div>
11710
11711
11712
11713
11714  </a>
11715
11716
11717
11718
11719
11720<product-price
11721  class="text-block text-block--align-left text-left h5 spacing-style"
11722  data-block-id="AcURINC92VURsWUlIe__price_4XkbjB-1"
11723  data-product-id="10166799106326"
11724  style="
11725    
11726--color: var(--color-foreground);
11727    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11728    --width: 100%;
11729  "
11730  
11731>
11732  <div ref="priceContainer">
11733  
11734    
11735    
11736
11737    
11738      <span class="price">$2,399.00</span>
11739    
11740
11741    
11742  
11743</div>
11744
11745  
11746</product-price>
11747
11748
11749
11750
11751
11752
11753
11754</div>
11755</div>
11756
11757
11758
11759
11760
11761
11762
11763
11764
11765<div
11766  class="
11767    group-block
11768    group-block--height-fit
11769    group-block--width-fill
11770    border-style
11771    spacing-style
11772    size-style
11773    
11774    
11775  "
11776  style="
11777    --border-width: 1px; --border-style: none; --border-color:
11778rgb(var(--color-border-rgb) / 1.0); --border-radius:
117790px; 
11780
11781    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11782    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
11783    
11784  "
11785  
11786  data-testid="group-block"
11787><div class="group-block__media-wrapper">
11788    
11789
11790    
11791  </div>
11792
11793  <div
11794    class="
11795      group-block-content
11796      
11797      layout-panel-flex
11798      layout-panel-flex--column
11799       mobile-column
11800    "
11801    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
11802
11803--gap: 0px;
11804
11805--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
11806--vertical-alignment-mobile: flex-start;
11807"
11808  >
11809  
11810
11811
11812
11813
11814
11815
11816
11817
11818</div>
11819</div>
11820
11821
11822
11823
11824
11825
11826</div>
11827</div>
11828
11829
11830
11831
11832
11833
11834
11835  </div>
11836</product-card></product-card-link>
11837
11838
11839
11840
11841            
11842          </div>
11843
11844          
11845            <!--@list/split-->
11846          
11847        
11848          <div
11849            class="resource-list__item"
11850          >
11851            
11852              
11853
11854
11855
11856
11857
11858<style data-shopify>
11859  
11860</style>
11861
11862
11863<product-card-link
11864    data-product-id="10312357773590"
11865    data-featured-media-url="//bloomin8.com/cdn/shop/files/43_565bd7a5-e927-473d-8709-44436133d06d.png?v=1764328505&width=500"
11866    data-product-transition="true"
11867    
11868  ><product-card
11869  class="product-card"
11870  data-product-id="10312357773590"
11871  id="product-card-AaFJkTW43VTg4RkhYT__static-product-card-2"
11872  data-product-transition="true"
11873  
11874  
11875>
11876  <a
11877    id="100975d429ece07dc78b5e21515d75cd"
11878    
11879      href="/products/13-3-slim-modern-walnut-frame?variant=50779151991062"
11880    
11881    class="product-card__link"
11882    ref="productCardLink"
11883  >
11884    <span class="visually-hidden">
11885      13.3”  Slim Modern Walnut Frame - [Accessory]
11886    </span>
11887  </a>
11888  <div
11889    class="
11890      product-card__content
11891      layout-panel-flex
11892      layout-panel-flex--column
11893      product-grid__card
11894      spacing-style
11895      border-style
11896      gap-style
11897      
11898    "
11899    style="
11900      --border-width: 1px; --border-style: none; --border-color:
11901rgb(var(--color-border-rgb) / 1.0); --border-radius:
119020px; 
11903
11904      --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
11905
11906
11907
11908--horizontal-alignment: ; --vertical-alignment: ;
11909--vertical-alignment-mobile: ;
11910
11911      --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11912      --product-card-gap: 8px;
11913      --quick-add-display: none;
11914      --quick-add-mobile-display: none;
11915      --quick-add-mobile-opacity: 0;
11916      
11917      
11918      
11919      
11920    "
11921  >
11922    
11923  
11924
11925
11926
11927
11928
11929<div
11930  ref="cardGallery"
11931  class="card-gallery card-gallery-AVmhUVis0T1U2MldVY__product_card_gallery_4y78ah-2 spacing-style border-style card-gallery--badge-top-left"
11932  style="
11933    --border-width: 1px; --border-style: none; --border-color:
11934rgb(var(--color-border-rgb) / 1.0); --border-radius:
119350px; 
11936
11937    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
11938    --gallery-aspect-ratio: 4 / 5;
11939  "
11940  data-product-id="10312357773590"
11941  
11942    on:pointerenter="/previewImage"
11943    on:pointerleave="/resetImage"
11944  
11945  
11946    data-view-transition-to-main-product
11947  
11948  data-image-ratio="portrait"
11949  
11950>
11951    <a
11952      class="contents"
11953      ref="cardGalleryLink"
11954      href="/products/13-3-slim-modern-walnut-frame?variant=50779151991062"
11955      aria-label="13.3”  Slim Modern Walnut Frame - [Accessory]"
11956    >
11957      <slideshow-component
11958  
11959    ref="slideshow"
11960  
11961  
11962  style="--slideshow-timeline: --slide-1, --slide-2, --slide-3, --slide-4, --slide-5, --slide-6;--slide-min-height: auto;--slide-min-height-desktop: auto;"
11963  
11964  initial-slide="0"
11965  
11966  
11967    infinite
11968  
11969
11970  data-generic-media-size="6"
11971>
11972  
11973  <slideshow-container ref="slideshowContainer">
11974    
11975      <slideshow-arrows
11976  position="center"
11977  
11978><button
11979  class="
11980    slideshow-control slideshow-control--previous
11981    
11982    
11983    slideshow-control--style-arrow
11984    button button-unstyled button-unstyled--transparent
11985     flip-x
11986  "
11987  
11988  aria-label="Previous slide"
11989  
11990  on:click="/previous"
11991  ref="previous"
11992>
11993  <span class="svg-wrapper icon-arrow"><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)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
11994</span>
11995</button>
11996<button
11997  class="
11998    slideshow-control slideshow-control--next
11999    
12000    
12001    slideshow-control--style-arrow
12002    button button-unstyled button-unstyled--transparent
12003    
12004  "
12005  
12006  aria-label="Next slide"
12007  
12008  on:click="/next"
12009  ref="next"
12010>
12011  <span class="svg-wrapper icon-arrow"><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)" vector-effect="non-scaling-stroke" d="M4.25 10h11.5m0 0-4-4m4 4-4 4"/></svg>
12012</span>
12013</button>
12014</slideshow-arrows>
12015
12016    
12017    
12018    <slideshow-slides
12019      tabindex="-1"
12020      ref="scroller"
12021      
12022    >
12023      <slideshow-slide
12024  ref="slides[]"
12025  aria-hidden="false"
12026  style="--slideshow-timeline: --slide-0; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
12027  
12028    class="product-media-container media-fit product-media-container--image"
12029  
12030  
12031  
12032  
12033    slide-id="43181332758806"
12034  
12035  
12036  
12037  
12038>
12039  
12040
12041<div
12042  class="product-media"
12043  style="--ratio: 1.0"
12044  data-media-id="43181332758806"
12045>
12046  
12047  <img src="//bloomin8.com/cdn/shop/files/43_565bd7a5-e927-473d-8709-44436133d06d.png?v=1764328505&amp;width=3840" alt="13.3”  Slim Modern Walnut Frame - [Accessory]" srcset="//bloomin8.com/cdn/shop/files/43_565bd7a5-e927-473d-8709-44436133d06d.png?v=1764328505&amp;width=240 240w, //bloomin8.com/cdn/shop/files/43_565bd7a5-e927-473d-8709-44436133d06d.png?v=1764328505&amp;width=352 352w, //bloomin8.com/cdn/shop/files/43_565bd7a5-e927-473d-8709-44436133d06d.png?v=1764328505&amp;width=832 832w, //bloomin8.com/cdn/shop/files/43_565bd7a5-e927-473d-8709-44436133d06d.png?v=1764328505&amp;width=1200 1200w, //bloomin8.com/cdn/shop/files/43_565bd7a5-e927-473d-8709-44436133d06d.png?v=1764328505&amp;width=1600 1600w, //bloomin8.com/cdn/shop/files/43_565bd7a5-e927-473d-8709-44436133d06d.png?v=1764328505&amp;width=1920 1920w, //bloomin8.com/cdn/shop/files/43_565bd7a5-e927-473d-8709-44436133d06d.png?v=1764328505&amp;width=2560 2560w, //bloomin8.com/cdn/shop/files/43_565bd7a5-e927-473d-8709-44436133d06d.png?v=1764328505&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//bloomin8.com/cdn/shop/files/43_565bd7a5-e927-473d-8709-44436133d06d.png?v=1764328505&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
12048
12049  
12050</div>
12051
12052
12053
12054</slideshow-slide>
12055<slideshow-slide
12056  ref="slides[]"
12057  aria-hidden="true"
12058  style="--slideshow-timeline: --slide-1; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
12059  
12060    class="product-media-container media-fit product-media-container--image"
12061  
12062  
12063  
12064  
12065    slide-id="43181332496662"
12066  
12067  
12068  
12069  
12070>
12071  
12072
12073<div
12074  class="product-media"
12075  style="--ratio: 1.0"
12076  data-media-id="43181332496662"
12077>
12078  
12079  <img src="//bloomin8.com/cdn/shop/files/49.png?v=1764328505&amp;width=3840" alt="13.3”  Slim Modern Walnut Frame - [Accessory]" srcset="//bloomin8.com/cdn/shop/files/49.png?v=1764328505&amp;width=240 240w, //bloomin8.com/cdn/shop/files/49.png?v=1764328505&amp;width=352 352w, //bloomin8.com/cdn/shop/files/49.png?v=1764328505&amp;width=832 832w, //bloomin8.com/cdn/shop/files/49.png?v=1764328505&amp;width=1200 1200w, //bloomin8.com/cdn/shop/files/49.png?v=1764328505&amp;width=1600 1600w, //bloomin8.com/cdn/shop/files/49.png?v=1764328505&amp;width=1920 1920w, //bloomin8.com/cdn/shop/files/49.png?v=1764328505&amp;width=2560 2560w, //bloomin8.com/cdn/shop/files/49.png?v=1764328505&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//bloomin8.com/cdn/shop/files/49.png?v=1764328505&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
12080
12081  
12082</div>
12083
12084
12085
12086</slideshow-slide>
12087<slideshow-slide
12088  ref="slides[]"
12089  aria-hidden="true"
12090  style="--slideshow-timeline: --slide-2; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
12091  
12092    class="product-media-container media-fit product-media-container--image"
12093  
12094  
12095  
12096  
12097    slide-id="43181332529430"
12098  
12099  
12100  
12101  
12102>
12103  
12104
12105<div
12106  class="product-media"
12107  style="--ratio: 1.0"
12108  data-media-id="43181332529430"
12109>
12110  
12111  <img src="//bloomin8.com/cdn/shop/files/50.png?v=1768898074&amp;width=3840" alt="13.3”  Slim Modern Walnut Frame - [Accessory]" srcset="//bloomin8.com/cdn/shop/files/50.png?v=1768898074&amp;width=240 240w, //bloomin8.com/cdn/shop/files/50.png?v=1768898074&amp;width=352 352w, //bloomin8.com/cdn/shop/files/50.png?v=1768898074&amp;width=832 832w, //bloomin8.com/cdn/shop/files/50.png?v=1768898074&amp;width=1200 1200w, //bloomin8.com/cdn/shop/files/50.png?v=1768898074&amp;width=1600 1600w, //bloomin8.com/cdn/shop/files/50.png?v=1768898074&amp;width=1920 1920w, //bloomin8.com/cdn/shop/files/50.png?v=1768898074&amp;width=2560 2560w, //bloomin8.com/cdn/shop/files/50.png?v=1768898074&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//bloomin8.com/cdn/shop/files/50.png?v=1768898074&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
12112
12113  
12114</div>
12115
12116
12117
12118</slideshow-slide>
12119<slideshow-slide
12120  ref="slides[]"
12121  aria-hidden="true"
12122  style="--slideshow-timeline: --slide-3; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
12123  
12124    class="product-media-container media-fit product-media-container--image"
12125  
12126  
12127  
12128  
12129    slide-id="43181332562198"
12130  
12131  
12132  
12133  
12134>
12135  
12136
12137<div
12138  class="product-media"
12139  style="--ratio: 1.0"
12140  data-media-id="43181332562198"
12141>
12142  
12143  <img src="//bloomin8.com/cdn/shop/files/51.png?v=1764328505&amp;width=3840" alt="13.3”  Slim Modern Walnut Frame - [Accessory]" srcset="//bloomin8.com/cdn/shop/files/51.png?v=1764328505&amp;width=240 240w, //bloomin8.com/cdn/shop/files/51.png?v=1764328505&amp;width=352 352w, //bloomin8.com/cdn/shop/files/51.png?v=1764328505&amp;width=832 832w, //bloomin8.com/cdn/shop/files/51.png?v=1764328505&amp;width=1200 1200w, //bloomin8.com/cdn/shop/files/51.png?v=1764328505&amp;width=1600 1600w, //bloomin8.com/cdn/shop/files/51.png?v=1764328505&amp;width=1920 1920w, //bloomin8.com/cdn/shop/files/51.png?v=1764328505&amp;width=2560 2560w, //bloomin8.com/cdn/shop/files/51.png?v=1764328505&amp;width=3840 3840w" width="3840" height="3840" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//bloomin8.com/cdn/shop/files/51.png?v=1764328505&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
12144
12145  
12146</div>
12147
12148
12149
12150</slideshow-slide>
12151<slideshow-slide
12152  ref="slides[]"
12153  aria-hidden="true"
12154  style="--slideshow-timeline: --slide-4; --product-media-fit: cover; --grid-template-rows: 50dvh 1fr; --grid-template-rows-desktop: 70dvh 1fr;"
12155  
12156    class="product-media-container media-fit product-media-container--image"
12157  
12158  
12159  
12160  
12161    slide-id="43181332988182"
12162  
12163  
12164  
12165  
12166>
12167  
12168
12169<div
12170  class="product-media"
12171  style="--ratio: 0.8"
12172  data-media-id="43181332988182"
12173>
12174  
12175  <img src="//bloomin8.com/cdn/shop/files/meta_45_b20d2c4e-4b12-4ef6-8fad-a010ba220893.png?v=1764328485&amp;width=3840" alt="13.3”  Slim Modern Walnut Frame - [Accessory]" srcset="//bloomin8.com/cdn/shop/files/meta_45_b20d2c4e-4b12-4ef6-8fad-a010ba220893.png?v=1764328485&amp;width=240 240w, //bloomin8.com/cdn/shop/files/meta_45_b20d2c4e-4b12-4ef6-8fad-a010ba220893.png?v=1764328485&amp;width=352 352w, //bloomin8.com/cdn/shop/files/meta_45_b20d2c4e-4b12-4ef6-8fad-a010ba220893.png?v=1764328485&amp;width=832 832w, //bloomin8.com/cdn/shop/files/meta_45_b20d2c4e-4b12-4ef6-8fad-a010ba220893.png?v=1764328485&amp;width=1200 1200w, //bloomin8.com/cdn/shop/files/meta_45_b20d2c4e-4b12-4ef6-8fad-a010ba220893.png?v=1764328485&amp;width=1600 1600w, //bloomin8.com/cdn/shop/files/meta_45_b20d2c4e-4b12-4ef6-8fad-a010ba220893.png?v=1764328485&amp;width=1920 1920w, //bloomin8.com/cdn/shop/files/meta_45_b20d2c4e-4b12-4ef6-8fad-a010ba220893.png?v=1764328485&amp;width=2560 2560w, //bloomin8.com/cdn/shop/files/meta_45_b20d2c4e-4b12-4ef6-8fad-a010ba220893.png?v=1764328485&amp;width=3840 3840w" width="3840" height="4800" loading="lazy" sizes="auto, (min-width: 750px) 25.0vw, 100vw" class="product-media__image" transitionToProduct="true" data_max_resolution="//bloomin8.com/cdn/shop/files/meta_45_b20d2c4e-4b12-4ef6-8fad-a010ba220893.png?v=1764328485&amp;width=3840" fetchpriority="auto" style="--focal-point: 50.0% 50.0%;">
12176
12177  
12178</div>
12179
12180
12181
12182</slideshow-slide>
12183
12184    </slideshow-slides>
12185  </slideshow-container>
12186  
12187</slideshow-component>
12188
12189
12190
12191    </a>
12192  
12193  
12194    <div
12195  class="product-badges product-badges--top-left"
12196  style="
12197    --badge-border-radius: 40px;
12198    --badge-font-family: var(--font-body--family);
12198 --badge-font-weight: var(--font-body--weight); --badge-text-transform: uppercase;
12199  "
12200><div
12201      class="
12202        product-badges__badge product-badges__badge--rectangle
12203         color-scheme-5
12204      "
12205    >Sold out
12206</div></div>
12207
12208
12209
12210    
12211      
12212
12213<quick-add-component
12214  class="quick-add color-scheme-1 "
12215  ref="quickAdd"
12216  data-product-title="13.3”  Slim Modern Walnut Frame - [Accessory]"
12217  data-quick-add-button="add"
12218  data-product-options-count="1"
12219>
12220  <product-form-component
12221    data-section-id="template--27581133783318__product_list_UwRqN4"
12222    data-product-id="10312357773590"
12223    on:submit="/handleSubmit"
12224    class="quick-add__product-form-component"
12225  >
12226    <div
12227      class="visually-hidden"
12228      aria-live="assertive"
12229      role="status"
12230      aria-atomic="true"
12231      ref="liveRegion"
12232    ></div><form method="post" action="/cart/add" id="QuickAdd-ProductForm-10312357773590-AVmhUVis0T1U2MldVY__product_card_gallery_4y78ah-2" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" novalidate="novalidate" data-type="add-to-cart-form"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /><input
12233        type="hidden"
12234        name="id"
12235        ref="variantId"
12236        value="50779151991062"
12237        
12238          disabled
12239        
12240      >
12241      <input
12242        type="hidden"
12243        name="quantity"
12244        value="1"
12245      >
12246      
12247      <add-to-cart-component
12248  ref="addToCartButtonContainer"
12249  data-product-variant-media="//bloomin8.com/cdn/shop/files/43_565bd7a5-e927-473d-8709-44436133d06d.png?v=1764328505&width=100"
12250  data-add-to-cart-animation="true"
12251>
12252  <button
12253    id=""
12254    type="submit"
12255    name="add"
12256    ref="addToCartButton"
12257    on:click="/handleClick"
12258    class="button button quick-add__button quick-add__button--add add-to-cart-button"
12259    
12260    
12261      disabled
12262    
12263  >
12264    <span
12265      class="add-to-cart-text"
12266    >
12267      
12268      <span class="add-to-cart-text__content is-visually-hidden-mobile">
12269        <span>
12270          <span>Add</span>
12271        </span>
12272      </span>
12273    </span>
12274    
12275    <span class="add-to-cart__added">
12276      <span class="svg-wrapper add-to-cart__added-icon"><svg aria-hidden="true" class="checkmark-burst" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
12277  <g class="check">
12278    <circle class="ring" cx="12" cy="12" r="10" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12279    <path class="tick" d="M9 12.75L11.25 15L15 9.75" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
12280  </g>
12281  <g class="burst">
12282    <g style="--index: 0;">
12283      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12284    </g>
12285    <g style="--index: 1;">
12286      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12287    </g>
12288    <g style="--index: 2;">
12289      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12290    </g>
12291    <g style="--index: 3;">
12292      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12293    </g>
12294    <g style="--index: 4;">
12295      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12296    </g>
12297    <g style="--index: 5;">
12298      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12299    </g>
12300    <g style="--index: 6;">
12301      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12302    </g>
12303    <g style="--index: 7;">
12304      <line class="line" stroke-linecap="round" pathLength="1" x1="12" y1="8.5" x2="12" y2="15.5" stroke="currentColor"/>
12305    </g>
12306  </g>
12307</svg>
12308</span>
12309    </span>
12310  </button>
12311</add-to-cart-component>
12312
12313
12314
12315
12316      <button
12317        class="button quick-add__button quick-add__button--choose add-to-cart-button"
12318        
12319        type="button"
12320        name="add"
12321        on:click="quick-add-component/handleClick"
12322      >
12323        <span
12324          class="add-to-cart-text quick-add__button-content"
12325        >
12326          
12327          <span
12328            aria-hidden="true"
12329            class="svg-wrapper add-to-cart-icon quick-add__button-icon"
12330          ><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="M16.608 9.421V6.906H3.392v8.016c0 .567.224 1.112.624 1.513.4.402.941.627 1.506.627H8.63M8.818 3h2.333c.618 0 1.212.247 1.649.686a2.35 2.35 0 0 1 .683 1.658v1.562H6.486V5.344c0-.622.246-1.218.683-1.658A2.33 2.33 0 0 1 8.82 3"/><path stroke="currentColor" stroke-linecap="round" stroke-width="var(--icon-stroke-width)" d="M14.608 12.563v5m2.5-2.5h-5"/></svg>
12331</span>
12332          <span class="add-to-cart-text__content is-visually-hidden-mobile quick-add__button-text">
12333            <span>
12334              
12335              <span>
12336                Choose
12337              </span>
12338            </span>
12339          </span>
12340        </span>
12341      </button><input type="hidden" name="product-id" value="10312357773590" /><input type="hidden" name="section-id" value="template--27581133783318__product_list_UwRqN4" /></form></product-form-component>
12342</quick-add-component>
12343
12344
12345
12346    
12347  
12348
12349</div>
12350
12351
12352
12353
12354
12355<div class="product-grid-view-zoom-out--details">
12356  
12357    <h3 class="h4">13.3”  Slim Modern Walnut Frame - [Accessory]</h3>
12358  
12359</div>
12360
12361
12362
12363
12364
12365
12366<div
12367  class="
12368    group-block
12369    group-block--height-fit
12370    group-block--width-fill
12371    border-style
12372    spacing-style
12373    size-style
12374    
12375    
12376  "
12377  style="
12378    --border-width: 1px; --border-style: none; --border-color:
12379rgb(var(--color-border-rgb) / 1.0); --border-radius:
123800px; 
12381
12382    --padding-block-start: 2px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
12383    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
12384    
12385  "
12386  
12387  data-testid="group-block"
12388><div class="group-block__media-wrapper">
12389    
12390
12391    
12392  </div>
12393
12394  <div
12395    class="
12396      group-block-content
12397      
12398      layout-panel-flex
12399      layout-panel-flex--row
12400       mobile-column
12401    "
12402    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
12403
12404--gap: 12px;
12405
12406--horizontal-alignment: space-between; --vertical-alignment: flex-start;
12407--vertical-alignment-mobile: flex-start;
12408"
12409  >
12410  
12411
12412
12413
12414<div
12415  class="
12416    group-block
12417    group-block--height-fit
12418    group-block--width-fill
12419    border-style
12420    spacing-style
12421    size-style
12422    
12423    
12424  "
12425  style="
12426    --border-width: 1px; --border-style: none; --border-color:
12427rgb(var(--color-border-rgb) / 1.0); --border-radius:
124280px; 
12429
12430    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
12431    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
12432    
12433  "
12434  
12435  data-testid="group-block"
12436><div class="group-block__media-wrapper">
12437    
12438
12439    
12440  </div>
12441
12442  <div
12443    class="
12444      group-block-content
12445      
12446      layout-panel-flex
12447      layout-panel-flex--column
12448       mobile-column
12449    "
12450    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
12451
12452--gap: 0px;
12453
12454--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
12455--vertical-alignment-mobile: flex-start;
12456"
12457  >
12458  
12459
12460
12461  
12462  <a
12463    class="contents user-select-text"
12464    ref="productTitleLink"
12465    href="/products/13-3-slim-modern-walnut-frame?variant=50779151991062"
12466  >
12467    
12468
12469
12470
12471
12472
12473
12474  <div class=" spacing-style text-block text-block--AUWFPcnpNelQ5cy8vY__product_title_iRxawi-2 h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
12475    <p>13.3”  Slim Modern Walnut Frame - [Accessory]</p>
12476  </div>
12477
12478
12479
12480
12481  </a>
12482
12483
12484
12485
12486
12487<product-price
12488  class="text-block text-block--align-left text-left h5 spacing-style"
12489  data-block-id="AcURINC92VURsWUlIe__price_4XkbjB-2"
12490  data-product-id="10312357773590"
12491  style="
12492    
12493--color: var(--color-foreground);
12494    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
12495    --width: 100%;
12496  "
12497  
12498>
12499  <div ref="priceContainer">
12500  
12501    
12502    
12503
12504    
12505      <span class="price">$149.00</span>
12506    
12507
12508    
12509  
12510</div>
12511
12512  
12513</product-price>
12514
12515
12516
12517
12518
12519
12520
12521</div>
12522</div>
12523
12524
12525
12526
12527
12528
12529
12530
12531
12532<div
12533  class="
12534    group-block
12535    group-block--height-fit
12536    group-block--width-fill
12537    border-style
12538    spacing-style
12539    size-style
12540    
12541    
12542  "
12543  style="
12544    --border-width: 1px; --border-style: none; --border-color:
12545rgb(var(--color-border-rgb) / 1.0); --border-radius:
125460px; 
12547
12548    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
12549    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
12550    
12551  "
12552  
12553  data-testid="group-block"
12554><div class="group-block__media-wrapper">
12555    
12556
12557    
12558  </div>
12559
12560  <div
12561    class="
12562      group-block-content
12563      
12564      layout-panel-flex
12565      layout-panel-flex--column
12566       mobile-column
12567    "
12568    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
12569
12570--gap: 0px;
12571
12572--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
12573--vertical-alignment-mobile: flex-start;
12574"
12575  >
12576  
12577
12578
12579
12580
12581
12582
12583
12584
12585</div>
12586</div>
12587
12588
12589
12590
12591
12592
12593</div>
12594</div>
12595
12596
12597
12598
12599
12600
12601
12602  </div>
12603</product-card></product-card-link>
12604
12605
12606
12607
12608            
12609          </div>
12610
12611          
12612        
12613      
12614    
12615  
12616
12617    
12618</div>
12619
12620
12621
12622
12623
12624  <div
12625    class="section-resource-list__content"
12626    style="--horizontal-alignment: flex-start;"
12627  ></div>
12628</div>
12629
12630
12631</div><section id="shopify-section-template--27581133783318__user_image_nxn4EQ" class="shopify-section b8-user-image-section"><style data-shopify>#shopify-section-template--27581133783318__user_image_nxn4EQ .b8-user-image {
12632    padding-top: 96px;
12633    padding-bottom: 96px;
12634    background: #fdfbf7;
12635    overflow: hidden;
12636  }
12637
12638  @media (max-width: 749px) {
12639    #shopify-section-template--27581133783318__user_image_nxn4EQ .b8-user-image {
12640      padding-top: 64px;
12641      padding-bottom: 64px;
12642    }
12643  }
12644
12645  .b8-user-image__inner {
12646    max-width: 1448px;
12647    margin-inline: auto;
12648    padding-inline: 24px;
12649  }
12650
12651  .b8-user-image__header {
12652    margin-bottom: 40px;
12653    display: flex;
12654    align-items: baseline;
12655    gap: 24px;
12656  }
12657
12658  .b8-user-image__title {
12659
12660    font-family: var(--font-heading--family), 'Space Grotesk', sans-serif;
12661    font-size: clamp(2rem, 4.5vw, 3.5rem);
12662    font-weight: 500;
12663    letter-spacing: -0.03em;
12664    line-height: 1.05;
12665    color: var(--b8-accent-black, #33302E);
12666  }
12667
12668  .b8-user-image__subtitle {
12669    margin: 0;
12670    font-size: 14px;
12671    line-height: 1.6;
12672    color: var(--b8-ink-soft, #66615E);
12673  }
12674
12675  .b8-user-image__grid {
12676    column-count: 4;
12677    column-gap: var(--b8-user-image-gap, 16px);
12678  }
12679
12680  .b8-user-image__card {
12681    position: relative;
12682    display: block;
12683    width: 100%;
12684    margin-bottom: var(--b8-user-image-gap, 16px);
12685    border-radius: 12px;
12686    overflow: hidden;
12687    break-inside: avoid;
12688    -webkit-column-break-inside: avoid;
12689    background: var(--b8-user-image-placeholder, #D9CEB4);
12690    text-decoration: none;
12691    color: inherit;
12692  }
12693
12694  .b8-user-image__card--large {
12695    aspect-ratio: 163 / 244;
12696  }
12697
12698  .b8-user-image__card--small {
12699    aspect-ratio: 41 / 30;
12700  }
12701
12702  .b8-user-image__image,
12703  .b8-user-image__placeholder {
12704    position: absolute;
12705    inset: 0;
12706    width: 100%;
12707    height: 100%;
12708    object-fit: cover;
12709  }
12710
12711  .b8-user-image__handle {
12712    position: absolute;
12713    left: 10px;
12714    bottom: 10px;
12715    z-index: 2;
12716    max-width: calc(100% - 20px);
12717    padding: 5px 10px;
12718    border-radius: 6px;
12719    background: rgba(44, 42, 41, 0.72);
12720    color: #fff;
12721    font-family: var(--font-accent--family), 'IBM Plex Mono', monospace;
12722    font-size: 11px;
12723    line-height: 1.3;
12724    letter-spacing: 0.02em;
12725    white-space: nowrap;
12726    overflow: hidden;
12727    text-overflow: ellipsis;
12728  }
12729
12730  @media (max-width: 749px) {
12731    .b8-user-image__header {
12732      flex-direction: column;
12733      align-items: flex-start;
12734      gap: 12px;
12735      margin-bottom: 28px;
12736    }
12737    .b8-user-image__grid {
12738      column-count: 2;
12739      column-gap: 8px;
12740    }
12741
12742    .b8-user-image__card {
12743      margin-bottom: 8px;
12744      border-radius: 10px;
12745    }
12746
12747    .b8-user-image__card--large {
12748      aspect-ratio: 82 / 105;
12749    }
12750
12751    .b8-user-image__card--small {
12752      aspect-ratio: 183 / 133;
12753    }
12754  }</style><section
12755  id="template--27581133783318__user_image_nxn4EQ"
12756  class="b8-user-image"
12757  style="--b8-user-image-gap: 16px;"
12758>
12759  <div class="b8-user-image__inner">
12760    <header class="b8-user-image__header"><h2 class="b8-user-image__title">Shared by Our Community</h2><p class="b8-user-image__subtitle">Tag @bloomin8 to be featured.</p></header><div
12761        class="b8-user-image__grid"
12762        id="b8-user-image-grid-template--27581133783318__user_image_nxn4EQ"
12763      ><article
12764              class="b8-user-image__card b8-user-image__card--small"
12765              data-desktop-order="1"
12766              data-mobile-order="1"
12767              style="--b8-user-image-placeholder: #D9CEB4;"
12768              
12769            ><img src="//bloomin8.com/cdn/shop/files/Mahdi_Namdari.jpg?v=1780398353&amp;
12769width=800" alt="@Mahdi Namdari" srcset="//bloomin8.com/cdn/shop/files/Mahdi_Namdari.jpg?v=1780398353&amp;width=200 200w, //bloomin8.com/cdn/shop/files/Mahdi_Namdari.jpg?v=1780398353&amp;width=320 320w, //bloomin8.com/cdn/shop/files/Mahdi_Namdari.jpg?v=1780398353&amp;width=480 480w, //bloomin8.com/cdn/shop/files/Mahdi_Namdari.jpg?v=1780398353&amp;width=640 640w, //bloomin8.com/cdn/shop/files/Mahdi_Namdari.jpg?v=1780398353&amp;width=800 800w" width="800" height="1000" loading="lazy" class="b8-user-image__image" sizes="(max-width: 749px) 48vw, 22vw">
12770<span class="b8-user-image__handle">@Mahdi Namdari</span></article><article
12771              class="b8-user-image__card b8-user-image__card--large"
12772              data-desktop-order="2"
12773              data-mobile-order="2"
12774              style="--b8-user-image-placeholder: #B8C4CE;"
12775              
12776            ><img src="//bloomin8.com/cdn/shop/files/celma.stevanovic.jpg?v=1780398649&amp;width=800" alt="@celma.stevanovic" srcset="//bloomin8.com/cdn/shop/files/celma.stevanovic.jpg?v=1780398649&amp;width=200 200w, //bloomin8.com/cdn/shop/files/celma.stevanovic.jpg?v=1780398649&amp;width=320 320w, //bloomin8.com/cdn/shop/files/celma.stevanovic.jpg?v=1780398649&amp;width=480 480w, //bloomin8.com/cdn/shop/files/celma.stevanovic.jpg?v=1780398649&amp;width=640 640w, //bloomin8.com/cdn/shop/files/celma.stevanovic.jpg?v=1780398649&amp;width=800 800w" width="800" height="1067" loading="lazy" class="b8-user-image__image" sizes="(max-width: 749px) 48vw, 22vw">
12777<span class="b8-user-image__handle">@celma.stevanovic</span></article><article
12778              class="b8-user-image__card b8-user-image__card--small"
12779              data-desktop-order="3"
12780              data-mobile-order="3"
12781              style="--b8-user-image-placeholder: #B5C4B0;"
12782              
12783            ><img src="//bloomin8.com/cdn/shop/files/Pawel_Kolman_6f802b67-a687-4972-8379-0127562737e7.avif?v=1780398350&amp;width=800" alt="@Paweł Kolman" srcset="//bloomin8.com/cdn/shop/files/Pawel_Kolman_6f802b67-a687-4972-8379-0127562737e7.avif?v=1780398350&amp;width=200 200w, //bloomin8.com/cdn/shop/files/Pawel_Kolman_6f802b67-a687-4972-8379-0127562737e7.avif?v=1780398350&amp;width=320 320w, //bloomin8.com/cdn/shop/files/Pawel_Kolman_6f802b67-a687-4972-8379-0127562737e7.avif?v=1780398350&amp;width=480 480w, //bloomin8.com/cdn/shop/files/Pawel_Kolman_6f802b67-a687-4972-8379-0127562737e7.avif?v=1780398350&amp;width=640 640w, //bloomin8.com/cdn/shop/files/Pawel_Kolman_6f802b67-a687-4972-8379-0127562737e7.avif?v=1780398350&amp;width=800 800w" width="800" height="801" loading="lazy" class="b8-user-image__image" sizes="(max-width: 749px) 48vw, 22vw">
12784<span class="b8-user-image__handle">@Paweł Kolman</span></article><article
12785              class="b8-user-image__card b8-user-image__card--large"
12786              data-desktop-order="4"
12787              data-mobile-order="4"
12788              style="--b8-user-image-placeholder: #C9B8A8;"
12789              
12790            ><img src="//bloomin8.com/cdn/shop/files/baek_nana.jpg?v=1780398355&amp;width=800" alt="@baek_nana" srcset="//bloomin8.com/cdn/shop/files/baek_nana.jpg?v=1780398355&amp;width=200 200w, //bloomin8.com/cdn/shop/files/baek_nana.jpg?v=1780398355&amp;width=320 320w, //bloomin8.com/cdn/shop/files/baek_nana.jpg?v=1780398355&amp;width=480 480w, //bloomin8.com/cdn/shop/files/baek_nana.jpg?v=1780398355&amp;width=640 640w, //bloomin8.com/cdn/shop/files/baek_nana.jpg?v=1780398355&amp;width=800 800w" width="800" height="1067" loading="lazy" class="b8-user-image__image" sizes="(max-width: 749px) 48vw, 22vw">
12791<span class="b8-user-image__handle">@baek_nana</span></article><article
12792              class="b8-user-image__card b8-user-image__card--small"
12793              data-desktop-order="5"
12794              data-mobile-order="5"
12795              style="--b8-user-image-placeholder: #A8B5C4;"
12796              
12797            ><img src="//bloomin8.com/cdn/shop/files/julialopezugc_627d5fe8-49ae-4666-a880-14795adcdce8.jpg?v=1780398356&amp;width=800" alt="@julialopezugc" srcset="//bloomin8.com/cdn/shop/files/julialopezugc_627d5fe8-49ae-4666-a880-14795adcdce8.jpg?v=1780398356&amp;width=200 200w, //bloomin8.com/cdn/shop/files/julialopezugc_627d5fe8-49ae-4666-a880-14795adcdce8.jpg?v=1780398356&amp;width=320 320w, //bloomin8.com/cdn/shop/files/julialopezugc_627d5fe8-49ae-4666-a880-14795adcdce8.jpg?v=1780398356&amp;width=480 480w, //bloomin8.com/cdn/shop/files/julialopezugc_627d5fe8-49ae-4666-a880-14795adcdce8.jpg?v=1780398356&amp;width=640 640w, //bloomin8.com/cdn/shop/files/julialopezugc_627d5fe8-49ae-4666-a880-14795adcdce8.jpg?v=1780398356&amp;width=800 800w" width="800" height="1067" loading="lazy" class="b8-user-image__image" sizes="(max-width: 749px) 48vw, 22vw">
12798<span class="b8-user-image__handle">@julialopezugc</span></article><article
12799              class="b8-user-image__card b8-user-image__card--large"
12800              data-desktop-order="6"
12801              data-mobile-order="7"
12802              style="--b8-user-image-placeholder: #D9CEB4;"
12803              
12804            >
12804<img src="//bloomin8.com/cdn/shop/files/korea.america.family.jpg?v=1780398973&amp;width=800" alt="@korea.america.family" srcset="//bloomin8.com/cdn/shop/files/korea.america.family.jpg?v=1780398973&amp;width=200 200w, //bloomin8.com/cdn/shop/files/korea.america.family.jpg?v=1780398973&amp;width=320 320w, //bloomin8.com/cdn/shop/files/korea.america.family.jpg?v=1780398973&amp;width=480 480w, //bloomin8.com/cdn/shop/files/korea.america.family.jpg?v=1780398973&amp;width=640 640w, //bloomin8.com/cdn/shop/files/korea.america.family.jpg?v=1780398973&amp;width=800 800w" width="800" height="1067" loading="lazy" class="b8-user-image__image" sizes="(max-width: 749px) 48vw, 22vw">
12805<span class="b8-user-image__handle">@korea.america.family</span></article><article
12806              class="b8-user-image__card b8-user-image__card--small"
12807              data-desktop-order="7"
12808              data-mobile-order="8"
12809              style="--b8-user-image-placeholder: #B8C4CE;"
12810              
12811            ><img src="//bloomin8.com/cdn/shop/files/Seastone_Stu.webp?v=1780471274&amp;width=800" alt="@Seastone Stu" srcset="//bloomin8.com/cdn/shop/files/Seastone_Stu.webp?v=1780471274&amp;width=200 200w, //bloomin8.com/cdn/shop/files/Seastone_Stu.webp?v=1780471274&amp;width=320 320w, //bloomin8.com/cdn/shop/files/Seastone_Stu.webp?v=1780471274&amp;width=480 480w, //bloomin8.com/cdn/shop/files/Seastone_Stu.webp?v=1780471274&amp;width=640 640w, //bloomin8.com/cdn/shop/files/Seastone_Stu.webp?v=1780471274&amp;width=800 800w" width="800" height="600" loading="lazy" class="b8-user-image__image" sizes="(max-width: 749px) 48vw, 22vw">
12812<span class="b8-user-image__handle">@Seastone Stu</span></article><article
12813              class="b8-user-image__card b8-user-image__card--large"
12814              data-desktop-order="8"
12815              data-mobile-order="6"
12816              style="--b8-user-image-placeholder: #B5C4B0;"
12817              
12818            ><img src="//bloomin8.com/cdn/shop/files/20260604-170417.jpg?v=1780564108&amp;width=800" alt="@audi.hsu" srcset="//bloomin8.com/cdn/shop/files/20260604-170417.jpg?v=1780564108&amp;width=200 200w, //bloomin8.com/cdn/shop/files/20260604-170417.jpg?v=1780564108&amp;width=320 320w, //bloomin8.com/cdn/shop/files/20260604-170417.jpg?v=1780564108&amp;width=480 480w, //bloomin8.com/cdn/shop/files/20260604-170417.jpg?v=1780564108&amp;width=640 640w, //bloomin8.com/cdn/shop/files/20260604-170417.jpg?v=1780564108&amp;width=800 800w" width="800" height="1067" loading="lazy" class="b8-user-image__image" sizes="(max-width: 749px) 48vw, 22vw">
12819<span class="b8-user-image__handle">@audi.hsu</span></article></div></div>
12820</section>
12821
12822
12823
12824
12825</section>
12826      
12827    </main>
12828
12829    
12830      <!-- BEGIN sections: footer-group -->
12831<footer id="shopify-section-sections--27581132931350__footer" class="shopify-section shopify-section-group-footer-group section-wrapper">
12832
12833<div class="section-background color-scheme-4"></div>
12834<div
12835  class="section section--page-width color-scheme-4"
12836>
12837  
12838  <div
12839    class="
12840      footer-content
12841      spacing-style
12842      
12843      
12844    "
12845    style="
12846      --padding-block-start: max(20px, calc(var(--spacing-scale) * 64px));--padding-block-end: 0px;
12847      --footer-gap: 0px;
12848      --grid-columns: 1;
12849      --last-row-count: 1;
12850      --tablet-last-row-count: 1;
12851    "
12852  >
12853    
12854
12855
12856<div
12857  class="
12858    group-block
12859    group-block--height-fit
12860    group-block--width-fill
12861    border-style
12862    spacing-style
12863    size-style
12864    
12865    
12866  "
12867  style="
12868    --border-width: 1px; --border-style: none; --border-color:
12869rgb(var(--color-border-rgb) / 1.0); --border-radius:
128700px; 
12871
12872    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
12873    --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
12874    
12875  "
12876  
12877  data-testid="group-block"
12878><div class="group-block__media-wrapper">
12879    
12880
12881    
12882  </div>
12883
12884  <div
12885    class="
12886      group-block-content
12887      
12888      layout-panel-flex
12889      layout-panel-flex--row
12890       mobile-column
12891    "
12892    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
12893
12894--gap: 12px;
12895
12896--horizontal-alignment: space-between;
12896 --vertical-alignment: flex-start;
12897--vertical-alignment-mobile: flex-start;
12898"
12899  >
12900  
12901
12902
12903<div
12904  class="
12905    group-block
12906    group-block--height-fit
12907    group-block--width-custom
12908    border-style
12909    spacing-style
12910    size-style
12911    
12912    
12913  "
12914  style="
12915    --border-width: 1px; --border-style: none; --border-color:
12916rgb(var(--color-border-rgb) / 1.0); --border-radius:
129170px; 
12918
12919    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
12920    --size-style-width:50%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
12921    
12922  "
12923  
12924  data-testid="group-block"
12925><div class="group-block__media-wrapper">
12926    
12927
12928    
12929  </div>
12930
12931  <div
12932    class="
12933      group-block-content
12934      
12935      layout-panel-flex
12936      layout-panel-flex--row
12937       mobile-column
12938    "
12939    style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
12940
12941--gap: 12px;
12942
12943--horizontal-alignment: flex-start; --vertical-alignment: flex-start;
12944--vertical-alignment-mobile: flex-start;
12945"
12946  >
12947  
12948
12949
12950
12951
12952  <accordion-custom
12953    class="
12954      menu
12955      
12956      
12957    "
12958    data-disable-on-desktop="true"
12959    open-by-default-on-desktop
12960    
12961      data-disable-on-mobile="true"
12962      open-by-default-on-mobile
12963    
12964  >
12965    <details
12966      class="
12967        menu__details
12968        spacing-style
12969        
12970      "
12971      data-testid="menu-details"
12972      style="
12973        --spacing--size: 12px;
12974        --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
12975      "
12976      
12977        open
12978      
12979      
12980    >
12981      <summary class="menu__heading menu__heading--empty h4">
12982        <span class="menu__heading__default"></span>
12983        <span class="menu__heading__accordion">
12984          Footer menu
12985          <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
12986  <path d="M11 5.5L7 9.5L3 5.5" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
12987</svg>
12988</span>
12989          <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
12990  <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
12991  <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/>
12992</svg>
12993</span>
12994        </span>
12995      </summary>
12996
12997      <div class="details-content">
12998        
12999          <ul class="list-unstyled">
13000            
13001              <li class="menu__item h4">
13002                <a href="/pages/about">
13003                  About
13004                </a>
13005              </li>
13006            
13007              <li class="menu__item h4">
13008                <a href="https://support.bloomin8.com/">
13009                  Support
13010                </a>
13011              </li>
13012            
13013              <li class="menu__item h4">
13014                <a href="https://support.bloomin8.com/hc/en-us/sections/14578513917071-Service-Policy">
13015                  Legal
13016                </a>
13017              </li>
13018            
13019          </ul>
13020        
13021      </div>
13022    </details>
13023  </accordion-custom>
13024
13025
13026
13027
13028
13029
13030</div>
13031</div>
13032
13033
13034
13035
13036
13037
13038
13039
13040<div
13041  class="
13042    group-block
13043    group-block--height-fit
13044    group-block--width-custom
13045    border-style
13046    spacing-style
13047    size-style
13048    
13049    
13050  "
13051  style="
13052    --border-width: 1px; --border-style: none; --border-color:
13053rgb(var(--color-border-rgb) / 1.0); --border-radius:
130540px; 
13055
13056    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13057    --size-style-width:30%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
13058    
13059  "
13060  
13061  data-testid="group-block"
13062><div class="group-block__media-wrapper">
13063    
13064
13065    
13066  </div>
13067
13068  <div
13069    class="
13070      group-block-content
13071      
13072      layout-panel-flex
13073      layout-panel-flex--column
13074       mobile-column
13075    "
13076    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
13077
13078--gap: 12px;
13079
13080--horizontal-alignment: flex-start; --vertical-alignment: center;
13081--vertical-alignment-mobile: center;
13082"
13083  >
13084  
13085
13086
13087
13088
13089
13090
13091
13092
13093  <div class=" spacing-style text-block text-block--Ad0trVUQ4VWZkSGR3R__text_jXqmE4 h4      "  style="    --padding-block-start: 12px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
13094    <h3>Stay Connected</h3>
13095  </div>
13096
13097
13098
13099
13100
13101
13102
13103
13104
13105
13106<email-signup-block
13107  class="email-signup-block size-style spacing-style"
13108  style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;"
13109  
13110>
13111  
13112<form method="post" action="/contact#EmailSignupForm-AblFOTytrM2Z6MUw0N__email_signup_XgpLx7" id="EmailSignupForm-AblFOTytrM2Z6MUw0N__email_signup_XgpLx7" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" />
13113    <div
13114      class="email-signup__input-group "
13115      style="--border-width: 1px; --border-radius: 100px;"
13116    >
13117      <label
13118        for="EmailInput-AblFOTytrM2Z6MUw0N__email_signup_XgpLx7"
13119        class="visually-hidden"
13120      >
13121        Email
13122      </label>
13123      <input
13124        id="EmailInput-AblFOTytrM2Z6MUw0N__email_signup_XgpLx7"
13125        class="email-signup__input email-signup__input--underline paragraph "
13126        type="email"
13127        name="contact[email]"
13128        autocorrect="off"
13129        autocapitalize="off"
13130        autocomplete="email"
13131        placeholder="Email address"
13132        required
13133        
13134      >
13135      <button
13136        class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--AblFOTytrM2Z6MUw0N__email_signup_XgpLx7 "
13137        
13138          aria-label="Sign up"
13139        
13140      >
13141        
13142          <svg
13143            viewBox="0 0 20 20"
13144            xmlns="http://www.w3.org/2000/svg"
13145            focusable="false"
13146            aria-hidden="true"
13147            class="email-signup__button-icon"
13148          >
13149            
13150<path
13151      clip-rule="evenodd"
13152      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"
13153      fill="currentColor"
13154      fill-rule="evenodd"
13155    />
13156          </svg>
13157        
13158      </button>
13159    </div></form>
13160
13161  
13161<script
13162    src="//bloomin8.com/cdn/shop/t/16/assets/email-signup.js?v=120572703817964633491786105843"
13163    defer
13164  ></script>
13164
13165</email-signup-block>
13166
13167
13168
13169
13170
13171</div>
13172</div>
13173
13174
13175
13176
13177
13178
13179
13180
13181<div
13182  class="
13183    group-block
13184    group-block--height-fit
13185    group-block--width-custom
13186    border-style
13187    spacing-style
13188    size-style
13189    
13190    
13191  "
13192  style="
13193    --border-width: 1px; --border-style: none; --border-color:
13194rgb(var(--color-border-rgb) / 1.0); --border-radius:
131950px; 
13196
13197    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13198    --size-style-width:20%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
13199    
13200  "
13201  
13202  data-testid="group-block"
13203><div class="group-block__media-wrapper">
13204    
13205
13206    
13207  </div>
13208
13209  <div
13210    class="
13211      group-block-content
13212      
13213      layout-panel-flex
13214      layout-panel-flex--column
13215       mobile-column
13216    "
13217    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
13218
13219--gap: 8px;
13220
13221--horizontal-alignment: flex-start; --vertical-alignment: center;
13222--vertical-alignment-mobile: center;
13223"
13224  >
13225  
13226
13227
13228
13229
13230
13231
13232
13233
13234  <div class=" spacing-style text-block text-block--ALzRpQi9vMmNCdHJ4O__text_b8_app_heading h4      "  style="    --padding-block-start: 12px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
13235    <h4>Download Our App</h4>
13236  </div>
13237
13238
13239
13240
13241
13242
13243
13244
13245
13246
13247
13248
13249
13250
13251
13252  <rte-formatter class=" spacing-style text-block text-block--AL2M2Z0oxTWpmQUFkO__text_b8_app_badges paragraph     rte   "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
13253    <p><a href="https://apple.co/4fkTluT" target="_blank">App Store</a></p><p><a href="https://bit.ly/4hDRQtd" target="_blank">Google Play</a></p>
13254  </rte-formatter>
13255
13256
13257
13258
13259
13260
13261
13262</div>
13263</div>
13264
13265
13266
13267
13268
13269
13270
13271
13272<div
13273  class="
13274    group-block
13275    group-block--height-fit
13276    group-block--width-custom
13277    border-style
13278    spacing-style
13279    size-style
13280    
13281    
13282  "
13283  style="
13284    --border-width: 1px; --border-style: none; --border-color:
13285rgb(var(--color-border-rgb) / 1.0); --border-radius:
132860px; 
13287
13288    --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;
13289    --size-style-width:20%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem;
13290    
13291  "
13292  
13293  data-testid="group-block"
13294><div class="group-block__media-wrapper">
13295    
13296
13297    
13298  </div>
13299
13300  <div
13301    class="
13302      group-block-content
13303      
13304      layout-panel-flex
13305      layout-panel-flex--column
13306       mobile-column
13307    "
13308    style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap;
13309
13310--gap: 12px;
13311
13312--horizontal-alignment: flex-start; --vertical-alignment: center;
13313--vertical-alignment-mobile: center;
13314"
13315  >
13316  
13317
13318
13319
13320
13321
13322
13323
13324
13325  <div class=" spacing-style text-block text-block--AZVdWUkRQSHdSelZ2b__text_b8_phone_heading h4      "  style="    --padding-block-start: 12px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
13326    <h4>Call for Support</h4>
13327  </div>
13328
13329
13330
13331
13332
13333
13334
13335
13336
13337
13338
13339
13340
13341
13342
13343  <div class=" spacing-style text-block text-block--AUk9HeFpycFNpRis2e__text_b8_phone_info h5      "  style="    --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px;     --color: var(--color-foreground);    --width: fit-content;    --max-width: var(--max-width--body-normal);          ">
13344    <p><a href="tel:+18339863700">+1 833-986-3700</a></p><p>9am–5pm PT, Mon–Fri</p>
13345  </div>
13346
13347
13348
13349
13350
13351
13352
13353</div>
13354</div>
13355
13356
13357
13358
13359
13360
13361</div>
13362</div>
13363
13364
13365
13366
13367
13368
13369  </div>
13370</div>
13371
13372
13373
13374
13375</footer><div id="shopify-section-sections--27581132931350__utilities" class="shopify-section shopify-section-group-footer-group footer-utilities">
13376
13377<div class="section-background color-scheme-4"></div>
13378<div
13379  class="section section--page-width color-scheme-4"
13380  
13381>
13382  <div
13383    class="utilities utilities--blocks-3 spacing-style"
13384    style="--padding-block-start: 12px;--padding-block-end: 16px; --border-width: 1px; --gap: 24px;"
13385    data-testid="footer-utilities"
13386  >
13387    
13388
13389<div
13390  class="
13391    footer-utilities__group-copyright
13392    custom-typography
13393    footer-utilities__text
13394    custom-font-size
13395  "
13396  style="
13397--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-);"
13398  
13399>
13400  <span class="footer-utilities__text">
13401    &copy; 2026
13402    <a href="/" title="">BLOOMIN8</a></span>
13403</div>
13404
13405
13406
13407
13408  <anchored-popover-component
13409    class="footer-utilities__policy-list footer-utilities__text"
13410    data-hover-triggered="true"
13411  >
13412    <button
13413      class="policy-list-trigger button-unstyled"
13414      popovertarget="terms-policies-popover"
13415      popovertargetaction="toggle"
13416      ref="trigger"
13417      style="
13418--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-);"
13419      
13420    >
13421      Terms and Policies
13422    </button>
13423    <div
13424      class="terms-policies-popover color-scheme-1"
13425      id="terms-policies-popover"
13426      popover="auto"
13427      ref="popover"
13428    >
13429      <ul
13430        class="
13431          policy_list list-unstyled
13432          custom-typography
13433          custom-font-size
13434        "
13435      ><li>
13436              <a
13437                href="/policies/privacy-policy"
13438                class="footer-utilities__text"
13439              >Privacy policy</a>
13440            </li><li>
13441              <a
13442                href="/policies/refund-policy"
13443                class="footer-utilities__text"
13444              >Refund policy</a>
13445            </li><li>
13446              <a
13447                href="/policies/shipping-policy"
13448                class="footer-utilities__text"
13449              >Shipping policy</a>
13450            </li><li>
13451              <a
13452                href="/policies/contact-information"
13453                class="footer-utilities__text"
13454              >Contact information</a>
13455            </li><li>
13456              <a
13457                href="/policies/terms-of-service"
13458                class="footer-utilities__text"
13459              >Terms of service</a>
13460            </li></ul>
13461    </div>
13462  </anchored-popover-component>
13463
13464
13465
13466
13467
13468
13469
13470<div
13471  class="social-icons__wrapper footer-utilities__icons"
13472  
13473>
13474  
13475
13476  
13477    
13478
13479    
13480    
13481  
13482    
13483
13484    
13485    
13486      
13487        <div
13488          class="social-icons__icon-wrapper"
13489        >
13490          <a
13491            href="https://www.instagram.com/bloomin8canvas/"
13492            target="_blank"
13493            rel="noopener noreferrer"
13494            aria-label="Instagram"
13495            
13496          >
13497            <span class="social-icons__icon-label">Instagram</span>
13498            
13499              <svg
13500                class="social-icons__icon icon-default"
13501                aria-hidden="true"
13502                focusable="false"
13503                xmlns="http://www.w3.org/2000/svg"
13504                viewBox="0 0 20 20"
13505              >
13506<path
13507      fill-rule="evenodd"
13508      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"
13509      clip-rule="evenodd"
13510    /></svg>
13511            
13512          </a>
13513        </div>
13514      
13515    
13516  
13517    
13518
13519    
13520    
13521      
13522        <div
13523          class="social-icons__icon-wrapper"
13524        >
13525          <a
13526            href="https://www.youtube.com/@BLOOMIN8"
13527            target="_blank"
13528            rel="noopener noreferrer"
13529            aria-label="Youtube"
13530            
13531          >
13532            <span class="social-icons__icon-label">Youtube</span>
13533            
13534              <svg
13535                class="social-icons__icon icon-default"
13536                aria-hidden="true"
13537                focusable="false"
13538                xmlns="http://www.w3.org/2000/svg"
13539                viewBox="0 0 20 20"
13540              >
13541<path d="M18.16 5.87c.34 1.309.34 4.08.34 4.08s0 2.771-.34 4.08a2.125 2.125 0 0 1-1.53 1.53c-1.309.34-6.63.34-6.63.34s-5.321 0-6.63-.34a2.125 2.125 0 0 1-1.53-1.53c-.34-1.309-.34-4.08-.34-4.08s0-2.771.34-4.08a2.173 2.173 0 0 1 1.53-1.53C4.679 4 10 4 10 4s5.321 0 6.63.34a2.173 2.173 0 0 1 1.53 1.53ZM8.3 12.5l4.42-2.55L8.3 7.4v5.1Z" /></svg>
13542            
13543          </a>
13544        </div>
13545      
13546    
13547  
13548    
13549
13550    
13551    
13552  
13553    
13554
13555    
13556    
13557  
13558    
13559
13560    
13561    
13562  
13563    
13564
13565    
13566    
13567  
13568    
13569
13570    
13571    
13572  
13573    
13574
13575    
13576    
13577  
13578    
13579
13580    
13581    
13582  
13583    
13584
13585    
13586    
13587  
13588    
13589
13590    
13591    
13592  
13593    
13594
13595    
13596    
13597  
13598</div>
13599
13600
13601
13602
13603
13604  </div>
13605</div>
13606
13607
13608
13609
13610</div>
13611<!-- END sections: footer-group -->
13612    
13613
13614    
13614<script src="//bloomin8.com/cdn/shop/t/16/assets/scroll-reveal.js?v=61612701110036394611786105845" defer></script>
13614
13615
13616    
13616<script
13617  src="//bloomin8.com/cdn/shop/t/16/assets/dialog.js?v=122984339961420548111786105846"
13618  type="module"
13619></script>
13619
13620
13621<dialog-component
13622  id="search-modal"
13623  class="search-modal"
13624  
13625>
13626  <dialog
13627    ref="dialog"
13628    on:click="/closeDialogOnClickOutside"
13629    on:keydown="/closeDialogOnEscapePress"
13630    class="search-modal__content dialog-modal"
13631    scroll-lock
13632    aria-labelledby="search-modal-heading"
13633  >
13634    <h2
13635      id="search-modal-heading"
13636      class="visually-hidden"
13637    >
13638      Search
13639    </h2>
13640    
13640<script
13641  src="//bloomin8.com/cdn/shop/t/16/assets/predictive-search.js?v=53445493388242646041786105843"
13642  type="module"
13643  fetchpriority="low"
13644></script>
13644
13645
13646<predictive-search-component
13647  class="predictive-search color-scheme-1"
13648  style="--product-corner-radius: 8px; --card-corner-radius: 8px;"
13649  data-section-id="predictive-search"
13650  data-testid="search-component--modal"
13651  role="search"
13652  aria-label="Search"
13653>
13654  <form
13655    action="/search"
13656    method="get"
13657    role="search"
13658    class="predictive-search-form"
13659    ref="form"
13660    on:keydown="/onSearchKeyDown"
13661  >
13662    <div
13663      class="predictive-search-form__header"
13664    >
13665      <div class="predictive-search-form__header-inner">
13666        <label
13667          for="cmdk-input"
13668          class="visually-hidden"
13669        >Search</label>
13670        <input
13671          class="search-input"
13672          id="cmdk-input"
13673          type="search"
13674          name="q"
13675          role="combobox"
13676          aria-expanded="false"
13677          aria-owns="predictive-search-results"
13678          aria-controls="predictive-search-results"
13679          aria-haspopup="listbox"
13680          aria-autocomplete="list"
13681          autocomplete="off"
13682          placeholder="Search"
13683          ref="searchInput"
13684          on:input="/search"
13685          on:keydown="/onSearchKeyDown"
13686        >
13687        <input
13688          name="options[prefix]"
13689          type="hidden"
13690          value="last"
13691        >
13692        <span class="svg-wrapper predictive-search__icon">
13693          <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>
13694
13695        </span>
13696        <button
13697          type="button"
13698          class="button-unstyled predictive-search__reset-button"
13699          ref="resetButton"
13700          hidden
13701          on:click="/resetSearch"
13702        >
13703          Clear
13704        </button>
13705      </div>
13706      <button
13707        type="button"
13708        class="button predictive-search__close-modal-button"
13709        aria-label="Close dialog"
13710        on:click="dialog-component/closeDialog"
13711        ref="closeModalButton"
13712      >
13713        <span class="svg-wrapper">
13714          <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
13715  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13716  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13717</svg>
13718
13719        </span>
13720      </button>
13721    </div>
13722
13723    <div class="predictive-search-form__content-wrapper">
13724      <div
13725        class="predictive-search-form__content"
13726        tabindex="-1"
13727        ref="predictiveSearchResults"
13728        on:click="/handleModalClick"
13729      >
13730        
13731
13732<div
13733  id="predictive-search-results"
13734  class="predictive-search-dropdown"
13735  role="listbox"
13736  aria-expanded="true"
13737  style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);"
13738>
13739  
13740</div>
13741
13742      </div>
13743
13744      <div class="predictive-search-form__footer">
13745        <button
13746          class="button button-primary predictive-search__search-button"
13747          ref="viewAllButton"
13748        >
13749          View all
13750        </button>
13751      </div>
13752    </div>
13753  </form>
13754</predictive-search-component>
13755
13756
13757
13758  </dialog>
13759</dialog-component>
13760
13761
13762
13763
13764    
13765      <quick-add-dialog id="quick-add-dialog">
13766  <dialog
13767    class="quick-add-modal dialog-modal color-scheme-1"
13768    ref="dialog"
13769    scroll-lock
13770  >
13771    <button
13772      ref="closeButton"
13773      on:click="/closeDialog"
13774      class="button button-unstyled close-button quick-add-modal__close"
13775      aria-label="Close dialog"
13776    ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
13777  <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13778  <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/>
13779</svg>
13780</button>
13781    <div
13782      id="quick-add-modal-content"
13783      class="quick-add-modal__content"
13784    ></div>
13785  </dialog>
13786</quick-add-dialog>
13787
13788
13789
13790    
13791
13792    
13793<div
13794  id="b8-welcome-popup"
13795  class="b8-welcome-popup"
13796  data-b8-popup
13797  data-b8-popup-scope="auto"
13798  hidden
13799  role="dialog"
13800  aria-modal="true"
13801  aria-labelledby="b8-welcome-popup-heading"
13802>
13803  <div class="b8-welcome-popup__backdrop" data-b8-popup-backdrop></div>
13804  <div class="b8-welcome-popup__dialog" role="document">
13805    <button
13806      type="button"
13807      class="b8-welcome-popup__close"
13808      aria-label="Close"
13809      data-b8-popup-close
13810    >
13811      <svg viewBox="0 0 24 24" width="18" height="18" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
13812        <line x1="18" y1="6" x2="6" y2="18"/>
13813        <line x1="6" y1="6" x2="18" y2="18"/>
13814      </svg>
13815    </button>
13816
13817    <div class="b8-welcome-popup__media" aria-hidden="true"><img src="//bloomin8.com/cdn/shop/files/b8-ks10-hero.webp?v=1787642152&amp;width=960" alt="" srcset="//bloomin8.com/cdn/shop/files/b8-ks10-hero.webp?v=1787642152&amp;width=280 280w, //bloomin8.com/cdn/shop/files/b8-ks10-hero.webp?v=1787642152&amp;width=360 360w, //bloomin8.com/cdn/shop/files/b8-ks10-hero.webp?v=1787642152&amp;width=480 480w, //bloomin8.com/cdn/shop/files/b8-ks10-hero.webp?v=1787642152&amp;width=640 640w, //bloomin8.com/cdn/shop/files/b8-ks10-hero.webp?v=1787642152&amp;width=960 960w" width="960" height="540" loading="lazy" sizes="(max-width: 749px) min(100vw, 420px), 480px">
13818</div>
13819
13820    <div class="b8-welcome-popup__content">
13821      <h2 id="b8-welcome-popup-heading" class="b8-welcome-popup__h1">
13822        We’re live on Kickstarter.
13823      </h2>
13824      <p class="b8-welcome-popup__h2">
13825        Discover the new BLOOMIN8 10″ Colour E-Ink Canvas. View available rewards and back us on Kickstarter.
13826      </p>
13827
13828      <a class="b8-welcome-popup__submit" href="https://www.kickstarter.com/projects/arpobot/bloomin8-e-ink-canvas-moments-in-blossom" target="_blank" rel="noopener">Back us on Kickstarter</a>
13829    </div>
13830  </div>
13831</div><button
13832  type="button"
13833  id="b8-welcome-popup-bubble"
13834  class="b8-welcome-popup-bubble"
13835  data-b8-popup-open
13836  aria-label="Sign up"
13837  hidden
13838>
13839  <svg viewBox="0 0 24 24" width="22" height="22" fill="none" stroke="currentColor" stroke-width="1.6" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">
13840    <path d="M4 4h16c1.1 0 2 .9 2 2v12c0 1.1-.9 2-2 2H4c-1.1 0-2-.9-2-2V6c0-1.1.9-2 2-2z"/>
13841    <polyline points="22,6 12,13 2,6"/>
13842  </svg>
13843</button>
13844
13845<style>
13846  .b8-welcome-popup {
13847    position: fixed;
13848    inset: 0;
13849    z-index: 9000;
13850    display: flex;
13851    align-items: center;
13852    justify-content: center;
13853    padding: 24px;
13854    opacity: 0;
13855    pointer-events: none;
13856    transition: opacity .32s ease;
13857  }
13858  .b8-welcome-popup[data-open="true"] {
13859    opacity: 1;
13860    pointer-events: auto;
13861  }
13862  .b8-welcome-popup__backdrop {
13863    position: absolute;
13864    inset: 0;
13865    background: rgba(18, 18, 20, .42);
13866    backdrop-filter: blur(2px);
13867  }
13868  .b8-welcome-popup__dialog {
13869    position: relative;
13870    display: grid;
13871    grid-template-columns: 1fr 1fr;
13872    width: min(980px, 100%);
13873    max-height: calc(100vh - 48px);
13874    background: #fff;
13875    border-radius: 4px;
13876    overflow: hidden;
13877    box-shadow: 0 30px 80px rgba(0, 0, 0, .25);
13878    transform: translateY(12px) scale(.98);
13879    transition: transform .38s cubic-bezier(.2,.8,.2,1);
13880  }
13881  .b8-welcome-popup[data-open="true"] .b8-welcome-popup__dialog {
13882    transform: translateY(0) scale(1);
13883  }
13884  .b8-welcome-popup__dialog--no-media {
13885    grid-template-columns: 1fr;
13886    width: min(520px, 100%);
13887  }
13888  .b8-welcome-popup__dialog--no-media .b8-welcome-popup__media {
13889    display: none;
13890  }
13891  .b8-welcome-popup__close {
13892    position: absolute;
13893    top: 14px;
13894    right: 14px;
13895    width: 34px;
13896    height: 34px;
13897    border: 0;
13898    border-radius: 50%;
13899    background: rgba(255,255,255,.9);
13900    color: #111;
13901    cursor: pointer;
13902    display: inline-flex;
13903    align-items: center;
13904    justify-content: center;
13905    z-index: 2;
13906    transition: background .2s ease;
13907  }
13908  .b8-welcome-popup__close:hover { background: #fff; }
13909  .b8-welcome-popup__media {
13910    position: relative;
13911    overflow: hidden;
13912    aspect-ratio: 1;
13913    background: #f5f2ed;
13914  }
13915  .b8-welcome-popup__media img {
13916    width: 100%;
13917    height: 100%;
13918    object-fit: contain;
13919    display: block;
13920  }
13921  .b8-welcome-popup__content {
13922    padding: 56px 48px;
13923    display: flex;
13924    flex-direction: column;
13925    justify-content: center;
13926    gap: 16px;
13927  }
13928  .b8-welcome-popup__h1 {
13929    font-family: var(--font-heading--family, serif);
13930    font-weight: 500;
13931    font-size: clamp(26px, 2.6vw, 40px);
13932    line-height: 1.1;
13933    letter-spacing: -0.01em;
13934    margin: 0;
13935    color: #111;
13936    /* keep to ~2 lines visually */
13937    display: -webkit-box;
13938    -webkit-box-orient: vertical;
13939    -webkit-line-clamp: 3;
13940    overflow: hidden;
13941  }
13942  .b8-welcome-popup__h2 {
13943    font-family: var(--font-paragraph--family, sans-serif);
13944    font-size: 15px;
13945    line-height: 1.55;
13946    color: #4a4a4a;
13947    margin: 0 0 8px;
13948  }
13949  .b8-welcome-popup__form {
13950    display: flex;
13951    flex-direction: column;
13952    gap: 12px;
13953    margin: 0;
13954  }
13955  .b8-welcome-popup__field {
13956    position: relative;
13957  }
13958  .b8-welcome-popup__input {
13959    width: 100%;
13960    padding: 14px 44px 14px 2px;
13961    border: 0;
13962    border-bottom: 1px solid #111;
13963    background: transparent;
13964    font-family: var(--font-paragraph--family, sans-serif);
13965    font-size: 15px;
13966    color: #111;
13967    border-radius: 0;
13968    outline: none;
13969  }
13970  .b8-welcome-popup__input::placeholder { color: #9a9a9a; }
13971  .b8-welcome-popup__field-icon {
13972    position: absolute;
13973    right: 4px;
13974    top: 50%;
13975    transform: translateY(-50%);
13976    color: #111;
13977    pointer-events: none;
13978  }
13979  .b8-welcome-popup__submit {
13980    text-decoration: none;
13981    margin-top: 8px;
13982    display: inline-flex;
13983    align-items: center;
13984    justify-content: space-between;
13985    gap: 12px;
13986    padding: 16px 22px;
13987    background: #05ce78;
13988    color: #10231a;
13989    border: 0;
13990    border-radius: 0;
13991    font-family: var(--font-accent--family, monospace);
13992    font-weight: 600;
13993    font-size: 13px;
13994    letter-spacing: .16em;
13995    text-transform: uppercase;
13996    cursor: pointer;
13997    transition: background .2s ease, transform .2s ease;
13998  }
13999  .b8-welcome-popup__submit:hover { background: #00b968; }
14000  .b8-welcome-popup__submit:focus-visible {
14001    outline: 2px solid #10231a;
14002    outline-offset: 3px;
14003  }
14004  .b8-welcome-popup__submit:disabled { opacity: .6; cursor: default; }
14005  .b8-welcome-popup__msg { margin: 6px 0 0; font-size: 13px; }
14006  .b8-welcome-popup__msg--error { color: #b3261e; }
14007  .b8-welcome-popup__msg--success { color: #1b5e20; }
14008
14009  @media (max-width: 749px) {
14010    .b8-welcome-popup { padding: 0; align-items: flex-end; }
14011    .b8-welcome-popup__dialog {
14012      grid-template-columns: 1fr;
14013      width: 100%;
14014      max-height: 92vh;
14015      border-radius: 16px 16px 0 0;
14016      overflow-y: auto;
14017    }
14018    .b8-welcome-popup__media {
14019      width: min(100%, 420px);
14020      margin-inline: auto;
14021      flex: 0 0 auto;
14022    }
14023    .b8-welcome-popup__content { padding: 28px 24px 26px; }
14024  }
14025
14026  /* Collapsed bubble */
14027  .b8-welcome-popup-bubble {
14028    position: fixed;
14029    bottom: 20px;
14030    right: 20px;
14031    width: 52px;
14032    height: 52px;
14033    border-radius: 50%;
14034    border: 0;
14035    background: #111;
14036    color: #fff;
14037    display: inline-flex;
14038    align-items: center;
14039    justify-content: center;
14040    cursor: pointer;
14041    z-index: 8800;
14042    box-shadow: 0 10px 30px rgba(0,0,0,.25);
14043    transform: scale(0);
14044    opacity: 0;
14045    transition: transform .3s cubic-bezier(.2,.8,.2,1), opacity .3s ease, background .2s ease;
14046  }
14047  .b8-welcome-popup-bubble[data-visible="true"] {
14048    transform: scale(1);
14049    opacity: 1;
14050  }
14051  .b8-welcome-popup-bubble:hover { background: #000; }
14052
14053  @media screen and (max-width: 749px) {
14054    body:has(sticky-add-to-cart[data-variant-available='true'] .sticky-add-to-cart__bar[data-stuck='true']) .b8-welcome-popup-bubble {
14055      bottom: calc(var(--height-buy-buttons) + var(--padding-sm) * 2 + 20px);
14056    }
14057  }
14058</style>
14059
14060<script>
14061  (function () {
14062    var KEY = 'b8_welcome_popup_state_v2';
14063    var SESSION_KEY = 'b8_welcome_popup_session_seen_v2';
14064    var DISMISS_TTL = 7 * 24 * 60 * 60 * 1000;
14065
14066    var popup = document.getElementById('b8-welcome-popup');
14067    var bubble = document.getElementById('b8-welcome-popup-bubble');
14068    if (!popup || !bubble) return;
14069
14070    var scope = popup.getAttribute('data-b8-popup-scope') || 'other';
14071
14072    function read() { try { return JSON.parse(localStorage.getItem(KEY)) || {}; } catch (e) { return {}; } }
14073    function write(patch) {
14074      var s = Object.assign(read(), patch);
14075      try { localStorage.setItem(KEY, JSON.stringify(s)); } catch (e) {}
14076    }
14077
14078    // Fan out a popup analytics event to every standard channel.
14079    // Channels: GTM/GA4 dataLayer, Microsoft Clarity, Meta Pixel, and a
14080    // generic `b8:<name>` CustomEvent that Typhoon or any listener can pick up.
14081    // Each call is guarded so a missing SDK never breaks the popup.
14082    function emit(name, extra) {
14083      var payload = Object.assign({
14084        event: name,
14085        popup_id: 'b8-welcome-popup',
14086        campaign_id: 'ks10-live',
14087        offer: 'kickstarter-rewards',
14088        page_template: scope,
14089        page_path: location.pathname,
14090        timestamp: Date.now()
14091      }, extra || {});
14092      try {
14093        window.dataLayer = window.dataLayer || [];
14094        window.dataLayer.push(payload);
14095      } catch (e) {}
14096      try { if (typeof window.clarity === 'function') window.clarity('event', name); } catch (e) {}
14097      try { if (typeof window.fbq === 'function') window.fbq('trackCustom', name, payload); } catch (e) {}
14098      try { window.dispatchEvent(new CustomEvent('b8:' + name, { detail: payload })); } catch (e) {}
14099      try { Shopify.analytics.publish('b8:' + name, payload) } catch (e) {}
14100    }
14101
14102    function setBubble(visible) {
14103      bubble.hidden = !visible;
14104      if (visible) void bubble.offsetWidth;
14105      bubble.setAttribute('data-visible', visible ? 'true' : 'false');
14106    }
14107
14108    function openPopup() {
14109      popup.hidden = false;
14110      void popup.offsetWidth;
14111      popup.setAttribute('data-open', 'true');
14112      setBubble(false);
14113      document.body.style.overflow = 'hidden';
14114    }
14115
14116    function hidePopup() {
14117      popup.setAttribute('data-open', 'false');
14118      document.body.style.overflow = '';
14119      setTimeout(function () { popup.hidden = true; }, 340);
14120    }
14121
14122    function collapseToBubble() {
14123      emit('close-popup');
14124      hidePopup();
14125      setBubble(true);
14126      // Anchor dismissedAt to the first dismissal so the 7-day window
14127      // doesn't slide every time the user reopens and closes the bubble.
14128      var patch = { collapsed: true };
14129      if (!read().dismissedAt) patch.dismissedAt = Date.now();
14130      write(patch);
14131    }
14132
14133    popup.querySelector('[data-b8-popup-close]').addEventListener('click', collapseToBubble);
14134    popup.querySelector('[data-b8-popup-backdrop]').addEventListener('click', collapseToBubble);
14135    bubble.addEventListener('click', function () {
14136      emit('click-popup-icon');
14137      openPopup();
14138    });
14139    document.addEventListener('keydown', function (e) {
14140      if (e.key === 'Escape' && popup.getAttribute('data-open') === 'true') collapseToBubble();
14141    });
14142
14143    popup.querySelector('.b8-welcome-popup__submit').addEventListener('click', function () {
14144      emit('click-kickstarter');
14145    });
14146
14147    var state = read();
14148    if (state.signedUp) return setBubble(true);
14149    if (state.collapsed && state.dismissedAt && Date.now() - state.dismissedAt > DISMISS_TTL) {
14150      write({ collapsed: false, dismissedAt: null });
14151      state = read();
14152    }
14153    if (state.collapsed) return setBubble(true);
14154    if (scope !== 'auto') return setBubble(true);
14155
14156    var seen = false;
14157    try { seen = sessionStorage.getItem(SESSION_KEY) === '1'; } catch (e) {}
14158    if (seen) return setBubble(true);
14159
14160    var fired = false;
14161    function trigger(reason) {
14162      if (fired) return;
14163      fired = true;
14164      try { sessionStorage.setItem(SESSION_KEY, '1'); } catch (e) {}
14165      window.removeEventListener('scroll', onScroll);
14166      clearTimeout(dwell);
14167      emit('auto-popup', { trigger_reason: reason });
14168      openPopup();
14169    }
14170    function onScroll() {
14171      var d = document.documentElement;
14172      var scrollable = Math.max((d.scrollHeight || 0) - (window.innerHeight || 0), 1);
14173      if ((window.pageYOffset || 0) / scrollable >= 0.55) trigger('scroll');
14174    }
14175    var dwell = setTimeout(function () { trigger('dwell'); }, 45000);
14176    window.addEventListener('scroll', onScroll, { passive: true });
14177  })();
14178</script>
14178
14179  
14179<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
14179
14180</body>
14181</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.