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'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 & 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'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 & 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'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 & 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&width=800" alt="" srcset="//bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&width=352 352w, //bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&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"</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&width=800" alt="" srcset="//bloomin8.com/cdn/shop/files/15.png?v=1768897614&width=352 352w, //bloomin8.com/cdn/shop/files/15.png?v=1768897614&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"</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&width=800" alt="" srcset="//bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&width=352 352w, //bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&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&width=800" alt="" srcset="//bloomin8.com/cdn/shop/files/15.png?v=1768897614&width=352 352w, //bloomin8.com/cdn/shop/files/15.png?v=1768897614&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 & 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 & 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 & 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 & 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&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&v=1765963165 1x, //bloomin8.com/cdn/shop/files/black_4c61cfe3-b387-405e-a453-567277be6612.png?height=72&v=1765963165 2x, //bloomin8.com/cdn/shop/files/black_4c61cfe3-b387-405e-a453-567277be6612.png?height=108&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&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&v=1765963165 1x, //bloomin8.com/cdn/shop/files/black_4c61cfe3-b387-405e-a453-567277be6612.png?height=72&v=1765963165 2x, //bloomin8.com/cdn/shop/files/black_4c61cfe3-b387-405e-a453-567277be6612.png?height=108&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®ion_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®ion_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®ion_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&width=600" alt="alfredoistic" srcset="//bloomin8.com/cdn/shop/files/alfredoistic.jpg?v=1780468662&width=200 200w, //bloomin8.com/cdn/shop/files/alfredoistic.jpg?v=1780468662&width=300 300w, //bloomin8.com/cdn/shop/files/alfredoistic.jpg?v=1780468662&width=400 400w, //bloomin8.com/cdn/shop/files/alfredoistic.jpg?v=1780468662&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&width=80" alt="alfredoistic" srcset="//bloomin8.com/cdn/shop/files/alfredoisticavatra.jpg?v=1780471361&width=36 36w, //bloomin8.com/cdn/shop/files/alfredoisticavatra.jpg?v=1780471361&width=72 72w, //bloomin8.com/cdn/shop/files/alfredoisticavatra.jpg?v=1780471361&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&width=600" alt="Mahdi Namdari" srcset="//bloomin8.com/cdn/shop/files/Mahdi_Namdari_341e6e4e-983b-4e7f-8c3d-48f5901aba38.jpg?v=1780468667&width=200 200w, //bloomin8.com/cdn/shop/files/Mahdi_Namdari_341e6e4e-983b-4e7f-8c3d-48f5901aba38.jpg?v=1780468667&width=300 300w, //bloomin8.com/cdn/shop/files/Mahdi_Namdari_341e6e4e-983b-4e7f-8c3d-48f5901aba38.jpg?v=1780468667&width=400 400w, //bloomin8.com/cdn/shop/files/Mahdi_Namdari_341e6e4e-983b-4e7f-8c3d-48f5901aba38.jpg?v=1780468667&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&width=80" alt="Mahdi Namdari" srcset="//bloomin8.com/cdn/shop/files/Mahdi.jpg?v=1780471362&width=36 36w, //bloomin8.com/cdn/shop/files/Mahdi.jpg?v=1780471362&width=72 72w, //bloomin8.com/cdn/shop/files/Mahdi.jpg?v=1780471362&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&width=600" alt="Seastone Stu" srcset="//bloomin8.com/cdn/shop/files/IMG_7685.webp?v=1780472198&width=200 200w, //bloomin8.com/cdn/shop/files/IMG_7685.webp?v=1780472198&width=300 300w, //bloomin8.com/cdn/shop/files/IMG_7685.webp?v=1780472198&width=400 400w, //bloomin8.com/cdn/shop/files/IMG_7685.webp?v=1780472198&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&width=80" alt="Seastone Stu" srcset="//bloomin8.com/cdn/shop/files/10001.webp?v=1780471361&width=36 36w, //bloomin8.com/cdn/shop/files/10001.webp?v=1780471361&width=72 72w, //bloomin8.com/cdn/shop/files/10001.webp?v=1780471361&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&width=600" alt="Pawel Kolman" srcset="//bloomin8.com/cdn/shop/files/Pawel_Kolman_6f802b67-a687-4972-8379-0127562737e7.avif?v=1780398350&width=200 200w, //bloomin8.com/cdn/shop/files/Pawel_Kolman_6f802b67-a687-4972-8379-0127562737e7.avif?v=1780398350&width=300 300w, //bloomin8.com/cdn/shop/files/Pawel_Kolman_6f802b67-a687-4972-8379-0127562737e7.avif?v=1780398350&width=400 400w, //bloomin8.com/cdn/shop/files/Pawel_Kolman_6f802b67-a687-4972-8379-0127562737e7.avif?v=1780398350&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&width=80" alt="Pawel Kolman" srcset="//bloomin8.com/cdn/shop/files/Pawel_Kolmanavata.avif?v=1780471363&width=36 36w, //bloomin8.com/cdn/shop/files/Pawel_Kolmanavata.avif?v=1780471363&width=72 72w, //bloomin8.com/cdn/shop/files/Pawel_Kolmanavata.avif?v=1780471363&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&width=600" alt="Cypher" srcset="//bloomin8.com/cdn/shop/files/Cypher.webp?v=1780471282&width=200 200w, //bloomin8.com/cdn/shop/files/Cypher.webp?v=1780471282&width=300 300w, //bloomin8.com/cdn/shop/files/Cypher.webp?v=1780471282&width=400 400w, //bloomin8.com/cdn/shop/files/Cypher.webp?v=1780471282&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&width=80" alt="Cypher" srcset="//bloomin8.com/cdn/shop/files/Cypher.png?v=1780471363&width=36 36w, //bloomin8.com/cdn/shop/files/Cypher.png?v=1780471363&width=72 72w, //bloomin8.com/cdn/shop/files/Cypher.png?v=1780471363&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>×</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’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)—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&width=3840" alt="BLOOMIN8 Eink Canvas - Medium 13.3" 1st Gen" srcset="//bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&width=240 240w, //bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&width=352 352w, //bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&width=832 832w, //bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&width=1200 1200w, //bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&width=1600 1600w, //bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&width=1920 1920w, //bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&width=2560 2560w, //bloomin8.com/cdn/shop/files/16_fcf0f28d-c57f-4f7d-b180-5be0a49b2678.png?v=1768897664&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&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&width=3840" alt="BLOOMIN8 Eink Canvas - Medium 13.3" 1st Gen" srcset="//bloomin8.com/cdn/shop/files/2061768470686_.pic_hd.jpg?v=1768897664&width=240 240w, //bloomin8.com/cdn/shop/files/2061768470686_.pic_hd.jpg?v=1768897664&width=352 352w, //bloomin8.com/cdn/shop/files/2061768470686_.pic_hd.jpg?v=1768897664&width=832 832w, //bloomin8.com/cdn/shop/files/2061768470686_.pic_hd.jpg?v=1768897664&width=1200 1200w, //bloomin8.com/cdn/shop/files/2061768470686_.pic_hd.jpg?v=1768897664&width=1600 1600w, //bloomin8.com/cdn/shop/files/2061768470686_.pic_hd.jpg?v=1768897664&width=1920 1920w, //bloomin8.com/cdn/shop/files/2061768470686_.pic_hd.jpg?v=1768897664&width=2560 2560w, //bloomin8.com/cdn/shop/files/2061768470686_.pic_hd.jpg?v=1768897664&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&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&width=3840" alt="BLOOMIN8 Eink Canvas - Medium 13.3" 1st Gen" srcset="//bloomin8.com/cdn/shop/files/2071768470699_.pic_hd.jpg?v=1768897664&width=240 240w, //bloomin8.com/cdn/shop/files/2071768470699_.pic_hd.jpg?v=1768897664&width=352 352w, //bloomin8.com/cdn/shop/files/2071768470699_.pic_hd.jpg?v=1768897664&width=832 832w, //bloomin8.com/cdn/shop/files/2071768470699_.pic_hd.jpg?v=1768897664&width=1200 1200w, //bloomin8.com/cdn/shop/files/2071768470699_.pic_hd.jpg?v=1768897664&width=1600 1600w, //bloomin8.com/cdn/shop/files/2071768470699_.pic_hd.jpg?v=1768897664&width=1920 1920w, //bloomin8.com/cdn/shop/files/2071768470699_.pic_hd.jpg?v=1768897664&width=2560 2560w, //bloomin8.com/cdn/shop/files/2071768470699_.pic_hd.jpg?v=1768897664&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&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&width=3840" alt="BLOOMIN8 Eink Canvas - Medium 13.3" 1st Gen" srcset="//bloomin8.com/cdn/shop/files/11_ac1e3693-6d7e-4289-979f-545ea325b78a.png?v=1768897664&width=240 240w, //bloomin8.com/cdn/shop/files/11_ac1e3693-6d7e-4289-979f-545ea325b78a.png?v=1768897664&width=352 352w, //bloomin8.com/cdn/shop/files/11_ac1e3693-6d7e-4289-979f-545ea325b78a.png?v=1768897664&width=832 832w, //bloomin8.com/cdn/shop/files/11_ac1e3693-6d7e-4289-979f-545ea325b78a.png?v=1768897664&width=1200 1200w, //bloomin8.com/cdn/shop/files/11_ac1e3693-6d7e-4289-979f-545ea325b78a.png?v=1768897664&width=1600 1600w, //bloomin8.com/cdn/shop/files/11_ac1e3693-6d7e-4289-979f-545ea325b78a.png?v=1768897664&width=1920 1920w, //bloomin8.com/cdn/shop/files/11_ac1e3693-6d7e-4289-979f-545ea325b78a.png?v=1768897664&width=2560 2560w, //bloomin8.com/cdn/shop/files/11_ac1e3693-6d7e-4289-979f-545ea325b78a.png?v=1768897664&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&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&width=3840" alt="BLOOMIN8 Eink Canvas - Medium 13.3" 1st Gen" srcset="//bloomin8.com/cdn/shop/files/IMG_5309.jpg?v=1768897664&width=240 240w, //bloomin8.com/cdn/shop/files/IMG_5309.jpg?v=1768897664&width=352 352w, //bloomin8.com/cdn/shop/files/IMG_5309.jpg?v=1768897664&width=832 832w, //bloomin8.com/cdn/shop/files/IMG_5309.jpg?v=1768897664&width=1200 1200w, //bloomin8.com/cdn/shop/files/IMG_5309.jpg?v=1768897664&width=1600 1600w, //bloomin8.com/cdn/shop/files/IMG_5309.jpg?v=1768897664&width=1920 1920w, //bloomin8.com/cdn/shop/files/IMG_5309.jpg?v=1768897664&width=2560 2560w, //bloomin8.com/cdn/shop/files/IMG_5309.jpg?v=1768897664&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&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&width=3840" alt="BLOOMIN8 Eink Canvas - Large 28.5"" srcset="//bloomin8.com/cdn/shop/files/15.png?v=1768897614&width=240 240w, //bloomin8.com/cdn/shop/files/15.png?v=1768897614&width=352 352w, //bloomin8.com/cdn/shop/files/15.png?v=1768897614&width=832 832w, //bloomin8.com/cdn/shop/files/15.png?v=1768897614&width=1200 1200w, //bloomin8.com/cdn/shop/files/15.png?v=1768897614&width=1600 1600w, //bloomin8.com/cdn/shop/files/15.png?v=1768897614&width=1920 1920w, //bloomin8.com/cdn/shop/files/15.png?v=1768897614&width=2560 2560w, //bloomin8.com/cdn/shop/files/15.png?v=1768897614&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&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&width=3840" alt="BLOOMIN8 Eink Canvas - Large 28.5"" srcset="//bloomin8.com/cdn/shop/files/1_0bd9b2ce-38d5-4f36-a10d-b09cd66ce88c.png?v=1788948294&width=240 240w, //bloomin8.com/cdn/shop/files/1_0bd9b2ce-38d5-4f36-a10d-b09cd66ce88c.png?v=1788948294&width=352 352w, //bloomin8.com/cdn/shop/files/1_0bd9b2ce-38d5-4f36-a10d-b09cd66ce88c.png?v=1788948294&width=832 832w, //bloomin8.com/cdn/shop/files/1_0bd9b2ce-38d5-4f36-a10d-b09cd66ce88c.png?v=1788948294&width=1200 1200w, //bloomin8.com/cdn/shop/files/1_0bd9b2ce-38d5-4f36-a10d-b09cd66ce88c.png?v=1788948294&width=1600 1600w, //bloomin8.com/cdn/shop/files/1_0bd9b2ce-38d5-4f36-a10d-b09cd66ce88c.png?v=1788948294&width=1920 1920w, //bloomin8.com/cdn/shop/files/1_0bd9b2ce-38d5-4f36-a10d-b09cd66ce88c.png?v=1788948294&width=2560 2560w, //bloomin8.com/cdn/shop/files/1_0bd9b2ce-38d5-4f36-a10d-b09cd66ce88c.png?v=1788948294&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&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&width=3840" alt="BLOOMIN8 Eink Canvas - Large 28.5"" srcset="//bloomin8.com/cdn/shop/files/3_88d8172b-a70b-41fa-9e1a-2e2fb48e3a16.png?v=1788949864&width=240 240w, //bloomin8.com/cdn/shop/files/3_88d8172b-a70b-41fa-9e1a-2e2fb48e3a16.png?v=1788949864&width=352 352w, //bloomin8.com/cdn/shop/files/3_88d8172b-a70b-41fa-9e1a-2e2fb48e3a16.png?v=1788949864&width=832 832w, //bloomin8.com/cdn/shop/files/3_88d8172b-a70b-41fa-9e1a-2e2fb48e3a16.png?v=1788949864&width=1200 1200w, //bloomin8.com/cdn/shop/files/3_88d8172b-a70b-41fa-9e1a-2e2fb48e3a16.png?v=1788949864&width=1600 1600w, //bloomin8.com/cdn/shop/files/3_88d8172b-a70b-41fa-9e1a-2e2fb48e3a16.png?v=1788949864&width=1920 1920w, //bloomin8.com/cdn/shop/files/3_88d8172b-a70b-41fa-9e1a-2e2fb48e3a16.png?v=1788949864&width=2560 2560w, //bloomin8.com/cdn/shop/files/3_88d8172b-a70b-41fa-9e1a-2e2fb48e3a16.png?v=1788949864&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&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&width=3840" alt="BLOOMIN8 Eink Canvas - Large 28.5"" srcset="//bloomin8.com/cdn/shop/files/2_ef1d1da3-7c3d-4c06-9c9e-0305fe0463ec.png?v=1788949520&width=240 240w, //bloomin8.com/cdn/shop/files/2_ef1d1da3-7c3d-4c06-9c9e-0305fe0463ec.png?v=1788949520&width=352 352w, //bloomin8.com/cdn/shop/files/2_ef1d1da3-7c3d-4c06-9c9e-0305fe0463ec.png?v=1788949520&width=832 832w, //bloomin8.com/cdn/shop/files/2_ef1d1da3-7c3d-4c06-9c9e-0305fe0463ec.png?v=1788949520&width=1200 1200w, //bloomin8.com/cdn/shop/files/2_ef1d1da3-7c3d-4c06-9c9e-0305fe0463ec.png?v=1788949520&width=1600 1600w, //bloomin8.com/cdn/shop/files/2_ef1d1da3-7c3d-4c06-9c9e-0305fe0463ec.png?v=1788949520&width=1920 1920w, //bloomin8.com/cdn/shop/files/2_ef1d1da3-7c3d-4c06-9c9e-0305fe0463ec.png?v=1788949520&width=2560 2560w, //bloomin8.com/cdn/shop/files/2_ef1d1da3-7c3d-4c06-9c9e-0305fe0463ec.png?v=1788949520&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&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&width=3840" alt="BLOOMIN8 Eink Canvas - Large 28.5"" srcset="//bloomin8.com/cdn/shop/files/1_e48bd2aa-23f3-46d6-af9c-f6a19f39329e.png?v=1785208447&width=240 240w, //bloomin8.com/cdn/shop/files/1_e48bd2aa-23f3-46d6-af9c-f6a19f39329e.png?v=1785208447&width=352 352w, //bloomin8.com/cdn/shop/files/1_e48bd2aa-23f3-46d6-af9c-f6a19f39329e.png?v=1785208447&width=832 832w, //bloomin8.com/cdn/shop/files/1_e48bd2aa-23f3-46d6-af9c-f6a19f39329e.png?v=1785208447&width=1200 1200w, //bloomin8.com/cdn/shop/files/1_e48bd2aa-23f3-46d6-af9c-f6a19f39329e.png?v=1785208447&width=1600 1600w, //bloomin8.com/cdn/shop/files/1_e48bd2aa-23f3-46d6-af9c-f6a19f39329e.png?v=1785208447&width=1920 1920w, //bloomin8.com/cdn/shop/files/1_e48bd2aa-23f3-46d6-af9c-f6a19f39329e.png?v=1785208447&width=2560 2560w, //bloomin8.com/cdn/shop/files/1_e48bd2aa-23f3-46d6-af9c-f6a19f39329e.png?v=1785208447&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&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&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&width=240 240w, //bloomin8.com/cdn/shop/files/43_565bd7a5-e927-473d-8709-44436133d06d.png?v=1764328505&width=352 352w, //bloomin8.com/cdn/shop/files/43_565bd7a5-e927-473d-8709-44436133d06d.png?v=1764328505&width=832 832w, //bloomin8.com/cdn/shop/files/43_565bd7a5-e927-473d-8709-44436133d06d.png?v=1764328505&width=1200 1200w, //bloomin8.com/cdn/shop/files/43_565bd7a5-e927-473d-8709-44436133d06d.png?v=1764328505&width=1600 1600w, //bloomin8.com/cdn/shop/files/43_565bd7a5-e927-473d-8709-44436133d06d.png?v=1764328505&width=1920 1920w, //bloomin8.com/cdn/shop/files/43_565bd7a5-e927-473d-8709-44436133d06d.png?v=1764328505&width=2560 2560w, //bloomin8.com/cdn/shop/files/43_565bd7a5-e927-473d-8709-44436133d06d.png?v=1764328505&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&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&width=3840" alt="13.3â Slim Modern Walnut Frame - [Accessory]" srcset="//bloomin8.com/cdn/shop/files/49.png?v=1764328505&width=240 240w, //bloomin8.com/cdn/shop/files/49.png?v=1764328505&width=352 352w, //bloomin8.com/cdn/shop/files/49.png?v=1764328505&width=832 832w, //bloomin8.com/cdn/shop/files/49.png?v=1764328505&width=1200 1200w, //bloomin8.com/cdn/shop/files/49.png?v=1764328505&width=1600 1600w, //bloomin8.com/cdn/shop/files/49.png?v=1764328505&width=1920 1920w, //bloomin8.com/cdn/shop/files/49.png?v=1764328505&width=2560 2560w, //bloomin8.com/cdn/shop/files/49.png?v=1764328505&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&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&width=3840" alt="13.3â Slim Modern Walnut Frame - [Accessory]" srcset="//bloomin8.com/cdn/shop/files/50.png?v=1768898074&width=240 240w, //bloomin8.com/cdn/shop/files/50.png?v=1768898074&width=352 352w, //bloomin8.com/cdn/shop/files/50.png?v=1768898074&width=832 832w, //bloomin8.com/cdn/shop/files/50.png?v=1768898074&width=1200 1200w, //bloomin8.com/cdn/shop/files/50.png?v=1768898074&width=1600 1600w, //bloomin8.com/cdn/shop/files/50.png?v=1768898074&width=1920 1920w, //bloomin8.com/cdn/shop/files/50.png?v=1768898074&width=2560 2560w, //bloomin8.com/cdn/shop/files/50.png?v=1768898074&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&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&width=3840" alt="13.3â Slim Modern Walnut Frame - [Accessory]" srcset="//bloomin8.com/cdn/shop/files/51.png?v=1764328505&width=240 240w, //bloomin8.com/cdn/shop/files/51.png?v=1764328505&width=352 352w, //bloomin8.com/cdn/shop/files/51.png?v=1764328505&width=832 832w, //bloomin8.com/cdn/shop/files/51.png?v=1764328505&width=1200 1200w, //bloomin8.com/cdn/shop/files/51.png?v=1764328505&width=1600 1600w, //bloomin8.com/cdn/shop/files/51.png?v=1764328505&width=1920 1920w, //bloomin8.com/cdn/shop/files/51.png?v=1764328505&width=2560 2560w, //bloomin8.com/cdn/shop/files/51.png?v=1764328505&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&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&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&width=240 240w, //bloomin8.com/cdn/shop/files/meta_45_b20d2c4e-4b12-4ef6-8fad-a010ba220893.png?v=1764328485&width=352 352w, //bloomin8.com/cdn/shop/files/meta_45_b20d2c4e-4b12-4ef6-8fad-a010ba220893.png?v=1764328485&width=832 832w, //bloomin8.com/cdn/shop/files/meta_45_b20d2c4e-4b12-4ef6-8fad-a010ba220893.png?v=1764328485&width=1200 1200w, //bloomin8.com/cdn/shop/files/meta_45_b20d2c4e-4b12-4ef6-8fad-a010ba220893.png?v=1764328485&width=1600 1600w, //bloomin8.com/cdn/shop/files/meta_45_b20d2c4e-4b12-4ef6-8fad-a010ba220893.png?v=1764328485&width=1920 1920w, //bloomin8.com/cdn/shop/files/meta_45_b20d2c4e-4b12-4ef6-8fad-a010ba220893.png?v=1764328485&width=2560 2560w, //bloomin8.com/cdn/shop/files/meta_45_b20d2c4e-4b12-4ef6-8fad-a010ba220893.png?v=1764328485&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&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&
12769width=800" alt="@Mahdi Namdari" srcset="//bloomin8.com/cdn/shop/files/Mahdi_Namdari.jpg?v=1780398353&width=200 200w, //bloomin8.com/cdn/shop/files/Mahdi_Namdari.jpg?v=1780398353&width=320 320w, //bloomin8.com/cdn/shop/files/Mahdi_Namdari.jpg?v=1780398353&width=480 480w, //bloomin8.com/cdn/shop/files/Mahdi_Namdari.jpg?v=1780398353&width=640 640w, //bloomin8.com/cdn/shop/files/Mahdi_Namdari.jpg?v=1780398353&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&width=800" alt="@celma.stevanovic" srcset="//bloomin8.com/cdn/shop/files/celma.stevanovic.jpg?v=1780398649&width=200 200w, //bloomin8.com/cdn/shop/files/celma.stevanovic.jpg?v=1780398649&width=320 320w, //bloomin8.com/cdn/shop/files/celma.stevanovic.jpg?v=1780398649&width=480 480w, //bloomin8.com/cdn/shop/files/celma.stevanovic.jpg?v=1780398649&width=640 640w, //bloomin8.com/cdn/shop/files/celma.stevanovic.jpg?v=1780398649&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&width=800" alt="@PaweÅ Kolman" srcset="//bloomin8.com/cdn/shop/files/Pawel_Kolman_6f802b67-a687-4972-8379-0127562737e7.avif?v=1780398350&width=200 200w, //bloomin8.com/cdn/shop/files/Pawel_Kolman_6f802b67-a687-4972-8379-0127562737e7.avif?v=1780398350&width=320 320w, //bloomin8.com/cdn/shop/files/Pawel_Kolman_6f802b67-a687-4972-8379-0127562737e7.avif?v=1780398350&width=480 480w, //bloomin8.com/cdn/shop/files/Pawel_Kolman_6f802b67-a687-4972-8379-0127562737e7.avif?v=1780398350&width=640 640w, //bloomin8.com/cdn/shop/files/Pawel_Kolman_6f802b67-a687-4972-8379-0127562737e7.avif?v=1780398350&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&width=800" alt="@baek_nana" srcset="//bloomin8.com/cdn/shop/files/baek_nana.jpg?v=1780398355&width=200 200w, //bloomin8.com/cdn/shop/files/baek_nana.jpg?v=1780398355&width=320 320w, //bloomin8.com/cdn/shop/files/baek_nana.jpg?v=1780398355&width=480 480w, //bloomin8.com/cdn/shop/files/baek_nana.jpg?v=1780398355&width=640 640w, //bloomin8.com/cdn/shop/files/baek_nana.jpg?v=1780398355&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&width=800" alt="@julialopezugc" srcset="//bloomin8.com/cdn/shop/files/julialopezugc_627d5fe8-49ae-4666-a880-14795adcdce8.jpg?v=1780398356&width=200 200w, //bloomin8.com/cdn/shop/files/julialopezugc_627d5fe8-49ae-4666-a880-14795adcdce8.jpg?v=1780398356&width=320 320w, //bloomin8.com/cdn/shop/files/julialopezugc_627d5fe8-49ae-4666-a880-14795adcdce8.jpg?v=1780398356&width=480 480w, //bloomin8.com/cdn/shop/files/julialopezugc_627d5fe8-49ae-4666-a880-14795adcdce8.jpg?v=1780398356&width=640 640w, //bloomin8.com/cdn/shop/files/julialopezugc_627d5fe8-49ae-4666-a880-14795adcdce8.jpg?v=1780398356&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&width=800" alt="@korea.america.family" srcset="//bloomin8.com/cdn/shop/files/korea.america.family.jpg?v=1780398973&width=200 200w, //bloomin8.com/cdn/shop/files/korea.america.family.jpg?v=1780398973&width=320 320w, //bloomin8.com/cdn/shop/files/korea.america.family.jpg?v=1780398973&width=480 480w, //bloomin8.com/cdn/shop/files/korea.america.family.jpg?v=1780398973&width=640 640w, //bloomin8.com/cdn/shop/files/korea.america.family.jpg?v=1780398973&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&width=800" alt="@Seastone Stu" srcset="//bloomin8.com/cdn/shop/files/Seastone_Stu.webp?v=1780471274&width=200 200w, //bloomin8.com/cdn/shop/files/Seastone_Stu.webp?v=1780471274&width=320 320w, //bloomin8.com/cdn/shop/files/Seastone_Stu.webp?v=1780471274&width=480 480w, //bloomin8.com/cdn/shop/files/Seastone_Stu.webp?v=1780471274&width=640 640w, //bloomin8.com/cdn/shop/files/Seastone_Stu.webp?v=1780471274&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&width=800" alt="@audi.hsu" srcset="//bloomin8.com/cdn/shop/files/20260604-170417.jpg?v=1780564108&width=200 200w, //bloomin8.com/cdn/shop/files/20260604-170417.jpg?v=1780564108&width=320 320w, //bloomin8.com/cdn/shop/files/20260604-170417.jpg?v=1780564108&width=480 480w, //bloomin8.com/cdn/shop/files/20260604-170417.jpg?v=1780564108&width=640 640w, //bloomin8.com/cdn/shop/files/20260604-170417.jpg?v=1780564108&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 © 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&width=960" alt="" srcset="//bloomin8.com/cdn/shop/files/b8-ks10-hero.webp?v=1787642152&width=280 280w, //bloomin8.com/cdn/shop/files/b8-ks10-hero.webp?v=1787642152&width=360 360w, //bloomin8.com/cdn/shop/files/b8-ks10-hero.webp?v=1787642152&width=480 480w, //bloomin8.com/cdn/shop/files/b8-ks10-hero.webp?v=1787642152&width=640 640w, //bloomin8.com/cdn/shop/files/b8-ks10-hero.webp?v=1787642152&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.