White Mug – TYDAL DEMO

<!doctype html> <html class="no-js" lang="en"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width,initial-scale=1"> <meta name="theme-color" content=""> <link rel="canonical" href="https://test-shop-2-52.myshopify.com/products/white-mug"> <link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin> <link rel="preconnect" href="https://cdn.shopify.com" crossorigin> <link rel="preconnect" href="https://fonts.shopify.com" crossorigin> <link rel="preconnect" href="https://monorail-edge.shopifysvc.com"><link rel="preconnect" href="https://fonts.shopifycdn.com" crossorigin><title> White Mug – TYDAL DEMO</title> <meta name="description" content="Elevate your drinkware collection with our classic white ceramic mug. Perfectly sized for your favorite beverages, this mug features a sleek, minimalist design that complements any kitchen or office. Durable and dishwasher safe, it's ideal for both hot and cold drinks. Enjoy your coffee, tea, or hot chocolate in style "> <meta property="og:site_name" content="TYDAL DEMO"> <meta property="og:url" content="https://test-shop-2-52.myshopify.com/products/white-mug"> <meta property="og:title" content="White Mug"> <meta property="og:type" content="product"> <meta property="og:description" content="Elevate your drinkware collection with our classic white ceramic mug. Perfectly sized for your favorite beverages, this mug features a sleek, minimalist design that complements any kitchen or office. Durable and dishwasher safe, it's ideal for both hot and cold drinks. Enjoy your coffee, tea, or hot chocolate in style "><meta property="og:image" content="http://test-shop-2-52.myshopify.com/cdn/shop/files/WhiteMug.jpg?v=1718765508"> <meta property="og:image:secure_url" content="https://test-shop-2-52.myshopify.com/cdn/shop/files/WhiteMug.jpg?v=1718765508"> <meta property="og:image:width" content="1103"> <meta property="og:image:height" content="949"><meta property="og:price:amount" content="50.00"> <meta property="og:price:currency" content="USD"><meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="White Mug"> <meta name="twitter:description" content="Elevate your drinkware collection with our classic white ceramic mug. Perfectly sized for your favorite beverages, this mug features a sleek, minimalist design that complements any kitchen or office. Durable and dishwasher safe, it's ideal for both hot and cold drinks. Enjoy your coffee, tea, or hot chocolate in style "> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script><meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/9863216/digital_wallets/dialog"> <link rel="alternate" type="application/json+oembed" href="https://test-shop-2-52.myshopify.com/products/white-mug.oembed"> <script async="async" src="/checkouts/internal/preloads.js?locale=en-US"></script> <script id="shopify-features" type="application/json">{"accessToken":"0441392b2bf9767923965d9ac459fde6","betas":["rich-media-storefront-analytics"],"domain":"test-shop-2-52.myshopify.com","predictiveSearch":true,"shopId":9863216,"smart_payment_buttons_url":"https:\/\/test-shop-2-52.myshopify.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/spb.en.js","dynamic_checkout_cart_url":"https:\/\/test-shop-2-52.myshopify.com\/cdn\/shopifycloud\/payment-sheet\/assets\/latest\/dynamic-checkout-cart.en.js","locale":"en"}</script> <script>var Shopify = Shopify || {}; Shopify.shop = "test-shop-2-52.myshopify.com"; Shopify.locale = "en"; Shopify.currency = {"active":"USD","rate":"1.0"}; Shopify.country = "US"; Shopify.theme = {"name":"theme-export-e3pre-myshopify-com-shapes-18jun","id":125799137374,"schema_name":"Shapes","schema_version":"2.2.5","theme_store_id":null,"role":"main"}; Shopify.theme.handle = "null"; Shopify.theme.style = {"id":null,"handle":null}; Shopify.cdnHost = "test-shop-2-52.myshopify.com/cdn"; Shopify.routes = Shopify.routes || {}; Shopify.routes.root = "/";</script> <script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script> <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> <script id="shop-js-analytics" type="application/json">{"pageType":"product"}</script> <script>(function() { function asyncLoad() { var urls = ["https:\/\/cdn.shopify.com\/s\/files\/1\/0986\/3216\/t\/45\/assets\/rev_9863216.js?v=1718750424\u0026shop=test-shop-2-52.myshopify.com"]; for (var i = 0; i < urls.length; i++) { var s = document.createElement('script'); s.type = 'text/javascript'; s.async = true; s.src = urls[i]; var x = document.getElementsByTagName('script')[0]; x.parentNode.insertBefore(s, x); } }; if(window.attachEvent) { window.attachEvent('onload', asyncLoad); } else { window.addEventListener('load', asyncLoad, false); } })();</script> <script id="__st">var __st={"a":9863216,"offset":-28800,"reqid":"3ff36342-098c-4459-9931-90204175c6d4-1732684602","pageurl":"test-shop-2-52.myshopify.com\/products\/white-mug?_bt=BAh7BkkiC19yYWlscwY6BkVUewhJIglkYXRhBjsAVEkiIXRlc3Qtc2hvcC0yLTUyLm15c2hvcGlmeS5jb20GOwBGSSIIZXhwBjsAVEkiHTIwMjQtMTEtMjNUMTE6MzM6NTAuNjE4WgY7AFRJIghwdXIGOwBUSSIecGVybWFuZW50X3Bhc3N3b3JkX2J5cGFzcwY7AEY%3D--db5e9226fcb674da8883fe0b68839d4e74e7393a","u":"e29e2b1f6b63","p":"product","rtyp":"product","rid":7136558055518};</script> <script>window.ShopifyPaypalV4VisibilityTracking = true;</script> <script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(',');function s(t,e,n=!1){try{const o=window.sessionStorage;for(const[n,c]of Object.entries(JSON.parse(o.getItem(e))))t.elements[n]&&(t.elements[n].value=c);n&&o.removeItem(e)}catch{}}const a='form_key',i=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response','password'],u=()=>{try{return window.sessionStorage}catch{return}},m=t=>t.elements[a],f='form_type',d='cptcha';function p(t){t.dataset[d]=!0}const l=window,h=l.document,_='Shopify',y='ce_forms',E='captcha';let v=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe','https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js',T={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=l[_][y],c=o.bindForm;if(c)return c(t,g,e,T).then(n);o.q.push([[t,g,e,T],n]),v||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:'https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.4.0.iife.js'})),v=!0)});var g,T;l[_]=l[_]||{},l[_][y]=l[_][y]||{},l[_][y].q=[],l[_][E]=l[_][E]||{},l[_][E].protect=function(t,e){n(t,void 0,e),p(t)},Object.freeze(l[_][E]),function(t,e,n,l,h,_){const[y,E,v,g]=function(t,e,n){const s=e?o:[],a=t?c:[],i=[...s,...a],u=[...o],m=r(i),f=r(s),d=n&&r(i.filter((([t,e])=>n.includes(e)))),p=r(u),l=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];return[l(m),l(f),l(d),l(p)]}(l,h,_),T=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},S=t=>y().includes(t);t.addEventListener('submit',(t=>{const e=T(t);if(!e)return;const n=S(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=m(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!u())return;!function(t){const e=u();if(!e)return;const n=m(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){m(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:a})),t.elements[a].value=e}(t,e),function(t,e){const n=u();if(!n)return;const o=[...t.querySelectorAll('input[type="password"]')].map((({name:t})=>t)),c=[...i,...o],r={};for(const[s,a]of new FormData(t).entries())c.includes(s)||(r[s]=a);n.setItem(e,JSON.stringify(r))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const w=(t,e)=>{t&&!t.dataset[d]&&(n(t,e.some((e=>e===t))),p(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=T(t);S(e)&&w(e,E())}));const A=e.get('form_key'),b=e.get(f),I=A&&b;t.addEventListener('DOMContentLoaded',(()=>{const t=E();if(I)for(const e of t)e.elements[f].value===b&&s(e,A);[...new Set([...v(),...y().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>w(e,t)))}))}(h,new URLSearchParams(l.location.search),n,!0,!0,['guest_login'])})()}();</script> <script integrity="sha256-EGCDRYTvIEOXsReXgqGwkAR+5Dl8tickSrieA/ZcQwc=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//test-shop-2-52.myshopify.com/cdn/shopifycloud/shopify/assets/storefront/load_feature-1060834584ef204397b1179782a1b090047ee4397cb627244ab89e03f65c4307.js" crossorigin="anonymous"></script> <script integrity="sha256-HAs5a9TQVLlKuuHrahvWuke+s1UlxXohfHeoYv8G2D8=" data-source-attribution="shopify.dynamic-checkout" defer="defer" src="//test-shop-2-52.myshopify.com/cdn/shopifycloud/shopify/assets/storefront/features-1c0b396bd4d054b94abae1eb6a1bd6ba47beb35525c57a217c77a862ff06d83f.js" crossorigin="anonymous"></script> <script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script> <script> window.THEMENAME = 'Shapes'; window.THEMEVERSION = '1.0.1'; document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); window.theme = { strings: { itemCountOne: "{{ count }} item", itemCountOther: "{{ count }} items", loading: "Loading", addToCart: "Add to Cart", preOrder: "Pre-order", soldOut: "Sold Out", unavailable: "Unavailable", regularPrice: "Regular price", salePrice: "Sale price", sale: "On Sale", unitPrice: "Unit price", unitPriceSeparator: "per", cartEmpty: "Your cart is currently empty.", cartCookies: "Enable cookies to use the shopping cart", update: "Update Cart", quantity: "Quantity", discountedTotal: "Discounted total", regularTotal: "Regular total", priceColumn: "See Price column for discount details.", addedToCart: "Added to Cart!", cartError: "There was an error while updating your cart. Please try again.", cartAddError: "All {{ title }} are in your cart." }, routes: { root_url: "\/", cart_url: "\/cart", cart_add_url: "\/cart\/add", cart_change_url: "\/cart\/change", cart_update_url: "\/cart\/update", cart_clear_url: "\/cart\/clear", predictive_search_url: '/search/suggest' }, moneyFormat: "${{amount}}", moneyWithCurrencyFormat: "${{amount}} USD", cartItemCount: 0, settings: { cart_type: "modal", open_modal_on_add_to_cart: true, parallax_intensity: 50 }, info: { name: 'Shapes', } }; </script> <script>document.documentElement.className = document.documentElement.className.replace('no-js', 'js');</script> <script> function debounce(fn, wait) { let t; return (...args) => { clearTimeout(t); t = setTimeout(() => fn.apply(this, args), wait); }; } </script> <script src="//test-shop-2-52.myshopify.com/cdn/shop/t/48/assets/utils.js?v=7831558957854122511718769254" defer></script> <script src="//test-shop-2-52.myshopify.com/cdn/shop/t/48/assets/global.bundle.min.js?v=26573387620342007991718769254" type="module"></script> <script src="//test-shop-2-52.myshopify.com/cdn/shop/t/48/assets/cart-count.js?v=51561485870383068741718769254" type="module"></script> <script src="//test-shop-2-52.myshopify.com/cdn/shop/t/48/assets/cart-items.js?v=18494231088895156391718769254" type="module"></script> <script src="//test-shop-2-52.myshopify.com/cdn/shop/t/48/assets/cart-footer.js?v=107578074203092953621718769254" type="module"></script> <script src="//test-shop-2-52.myshopify.com/cdn/shop/t/48/assets/cart-note.js?v=175945663109345311611718769254" type="module"></script> <script src="//test-shop-2-52.myshopify.com/cdn/shop/t/48/assets/alpine-extensions.js?v=130255111265633159301718769254" defer></script> <link rel="stylesheet" href="//test-shop-2-52.myshopify.com/cdn/shop/t/48/assets/base.bundle.css?v=174958963511629838051718769254"> <style> :root { --max-site-width: 1350px; } </style> <style data-shopify> @font-face { font-family: "Neue Haas Unica"; font-weight: 500; font-style: normal; font-display: swap; src: url("//test-shop-2-52.myshopify.com/cdn/fonts/neue_haas_unica/neuehaasunica_n5.d9f4fe95fdcd78d99c8a928758e5778d79f720cb.woff2?h1=dGVzdC1zaG9wLTItNTIuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=dbfd03317fd1d736e767cedb97a33069c517ec795c2df7c0b1465e45c9ebb5d9") format("woff2"), url("//test-shop-2-52.myshopify.com/cdn/fonts/neue_haas_unica/neuehaasunica_n5.dc7d2304d020ea6109d03d21cbe9c56f4cba527c.woff?h1=dGVzdC1zaG9wLTItNTIuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=95f8915c2959e1a8c6fc9bebf2ce8218dc69fe397527fa800f194a07c21645fb") format("woff"); } @font-face { font-family: "Neue Haas Unica"; font-weight: 800; font-style: normal; font-display: swap; src: url("//test-shop-2-52.myshopify.com/cdn/fonts/neue_haas_unica/neuehaasunica_n8.eb1b3a39984756af983b9ee9b6ab428513b446bb.woff2?h1=dGVzdC1zaG9wLTItNTIuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c415493652a496da7c1dadb81246f624aaa88900254360ebea63cddeeff2f7bf") format("woff2"), url("//test-shop-2-52.myshopify.com/cdn/fonts/neue_haas_unica/neuehaasunica_n8.7f56fa216abcc69cbcef829e4de24e7bdb23ce57.woff?h1=dGVzdC1zaG9wLTItNTIuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=cf793fbc625bcf6991f61f5767dc6415ed517e7bd8af9270e2a413aa4f674be0") format("woff"); } @font-face { font-family: "Neue Haas Unica"; font-weight: 700; font-style: normal; font-display: swap; src: url("//test-shop-2-52.myshopify.com/cdn/fonts/neue_haas_unica/neuehaasunica_n7.c08eeb9b390d030db92ffcd29c2e8921f8ed8719.woff2?h1=dGVzdC1zaG9wLTItNTIuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=352548a95b119b970ac5e716a3f6229ae6a90b211dac1164ca69c4eb1781312e") format("woff2"), url("//test-shop-2-52.myshopify.com/cdn/fonts/neue_haas_unica/neuehaasunica_n7.7b38abda67516a590164d0927f901f4dbaff8922.woff?h1=dGVzdC1zaG9wLTItNTIuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=3d74d1c9000886e44c26f35c4c0d9ab5b186ff91338032d9436804d2e2f1f8aa") format("woff"); } @font-face { font-family: "Neue Haas Unica"; font-weight: 500; font-style: italic; font-display: swap; src: url("//test-shop-2-52.myshopify.com/cdn/fonts/neue_haas_unica/neuehaasunica_i5.f1f57a1d0b7a4b4c212501a5271953819f141e61.woff2?h1=dGVzdC1zaG9wLTItNTIuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=727c78a1e1976e6c60d169736f33f5ab9662f4e4f8b590a427e6e0de537545a2") format("woff2"), url("//test-shop-2-52.myshopify.com/cdn/fonts/neue_haas_unica/neuehaasunica_i5.344b6ea82def663a8c37971c5798c154708afdd0.woff?h1=dGVzdC1zaG9wLTItNTIuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=57d5e6ba2d9fd0d3dae0e184cf26193498e8f1bdddc1fd3e8055da24a0664105") format("woff"); } @font-face { font-family: "Neue Haas Unica"; font-weight: 700; font-style: italic; font-display: swap; src: url("//test-shop-2-52.myshopify.com/cdn/fonts/neue_haas_unica/neuehaasunica_i7.d6041e4917ef13cfe13474b43d5de7baabe76bac.woff2?h1=dGVzdC1zaG9wLTItNTIuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c12f2dbb70d03534e18380860f1bb55cccc24fd0fdc61bd402b92d91f27f86de") format("woff2"), url("//test-shop-2-52.myshopify.com/cdn/fonts/neue_haas_unica/neuehaasunica_i7.e58c965cfb051cd7dd4a8ab9d9ae00ded82ed47f.woff?h1=dGVzdC1zaG9wLTItNTIuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=4d237b11285379c97be17a06639addfd3b5d2ca0cb6ff9837e8230cae2a0124e") format("woff"); } @font-face { font-family: "Neue Haas Unica"; font-weight: 700; font-style: normal; font-display: swap; src: url("//test-shop-2-52.myshopify.com/cdn/fonts/neue_haas_unica/neuehaasunica_n7.c08eeb9b390d030db92ffcd29c2e8921f8ed8719.woff2?h1=dGVzdC1zaG9wLTItNTIuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=352548a95b119b970ac5e716a3f6229ae6a90b211dac1164ca69c4eb1781312e") format("woff2"), url("//test-shop-2-52.myshopify.com/cdn/fonts/neue_haas_unica/neuehaasunica_n7.7b38abda67516a590164d0927f901f4dbaff8922.woff?h1=dGVzdC1zaG9wLTItNTIuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=3d74d1c9000886e44c26f35c4c0d9ab5b186ff91338032d9436804d2e2f1f8aa") format("woff"); } :root { --heading-font-stack: "Neue Haas Unica", sans-serif; --heading-font-weight: 800; --heading-font-style: normal; --heading-letterspacing: 0.0; --heading-capitalize: uppercase; --main-font-stack: "Neue Haas Unica", sans-serif; --main-font-weight: 500; --main-font-style: normal; --accent-font-stack: , ; --accent-font-weight: ; --accent-font-style: ; } </style> <style> :root { --payment-button-height: 48px; --section-x-padding: 1.25rem; --grid-gap: 1.25rem; --icon-thickness: 1.5; --header-height: 60px; --global-scrolling-items-speed-multiplier: 1; --transparent: transparent; --color-primary-text: 14, 23, 50; --color-primary-background: 253, 116, 87; --color-primary-accent-1: 255, 79, 97; --color-primary-accent-2: 246, 255, 84; --color-primary-card: 255, 255, 255; --color-primary-gradient: linear-gradient(180deg, rgba(221, 255, 119, 1) 10%, rgba(253, 116, 87, 1) 54%, rgba(239, 73, 90, 1) 92%);--color-primary-text-overlay: 253, 116, 87; --color-primary-card-text-overlay: 255, 255, 255; --color-primary-accent-1-overlay: 14, 23, 50; --color-primary-accent-2-overlay: 14, 23, 50; --color-secondary-text: 253, 121, 91; --color-secondary-background: 17, 26, 55; --color-secondary-accent-1: 255, 79, 97; --color-secondary-accent-2: 255, 255, 255; --color-secondary-card: 17, 26, 55; --color-secondary-gradient: ;--color-secondary-text-overlay: 17, 26, 55; --color-secondary-card-text-overlay: 17, 26, 55; --color-secondary-accent-1-overlay: 17, 26, 55; --color-secondary-accent-2-overlay: 17, 26, 55; --color-tertiary-text: 14, 23, 50; --color-tertiary-background: 246, 255, 84; --color-tertiary-accent-1: 255, 79, 97; --color-tertiary-accent-2: 255, 255, 255; --color-tertiary-card: 255, 255, 255; --color-tertiary-gradient: linear-gradient(54deg, rgba(114, 255, 249, 1) 13%, rgba(246, 255, 84, 1) 85%);--color-tertiary-text-overlay: 246, 255, 84; --color-tertiary-card-text-overlay: 255, 255, 255; --color-tertiary-accent-1-overlay: 14, 23, 50; --color-tertiary-accent-2-overlay: 14, 23, 50; --color-quaternary-text: 14, 23, 50; --color-quaternary-background: 255, 79, 97; --color-quaternary-accent-1: 253, 121, 91; --color-quaternary-accent-2: 246, 255, 84; --color-quaternary-card: 255, 255, 255; --color-quaternary-gradient: linear-gradient(127deg, rgba(254, 217, 81, 1) 11%, rgba(255, 70, 199, 1) 81%);--color-quaternary-text-overlay: 255, 79, 97; --color-quaternary-card-text-overlay: 255, 255, 255; --color-quaternary-accent-1-overlay: 14, 23, 50; --color-quaternary-accent-2-overlay: 14, 23, 50; --color-border: 0, 0, 0; --section-border-thickness: 0px; --drop-down-offset: 2px; --shape-divider-offset: 2px; --button-border-radius: 0.5rem; --textarea-border-radius: 0.5rem; --button-border-width: 2px; --input-border-width: 2px; --button-shadow-border-width: var(--button-border-width); --button-text-transform: none; --button-drop-shadow-size: 6px; --button-drop-shadow-top-size: 6px; --button-drop-shadow-left-size: 0px; --button-hover-top-size: 6px; --button-hover-left-size: var(--button-drop-shadow-left-size); --button-shadow-display: block; --sticker-border-radius: 0; --sticker-border-width: 2px; --sticker-shadow-border-width: 0; --sticker-text-transform: uppercase; --sticker-drop-shadow-top-size: 0px; --sticker-drop-shadow-left-size: 0px; --card-border-radius: 0.375rem; --card-drop-shadow-size: 12px; --card-drop-shadow-top-size: 12px; --card-drop-shadow-left-size: 0; --card-border-width: 2px; --card-shadow-border-width: var(--card-border-width); --media-border-radius: 0.375rem; --media-drop-shadow-size: 12px; --media-drop-shadow-top-size: 12px; --media-drop-shadow-left-size: 0; --media-drop-shadow-size-half: 6.0px; --media-drop-shadow-top-size-half: 6.0px; --media-drop-shadow-left-size-half: 0; --media-border-width: 2px; --media-shadow-border-width: var(--media-border-width); --heading-shadow-spread: 6px; --heading-stroke-thickness: 2px; --product-tiles-text-transform: none; --select-svg: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12' stroke='currentColor' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E%0A"); --hover-effect-enlarge-shape: 1; --hover-effect-lift-shape: 0; --hover-effect-rotate-shape: 0deg; } [data-color-scheme="primary"] { --color-scheme-text: var(--color-primary-text); --color-scheme-background: var(--color-primary-background); --color-scheme-accent-1: var(--color-primary-accent-1); --color-scheme-accent-2: var(--color-primary-accent-2); --color-scheme-card: var(--color-primary-card); --color-scheme-gradient: var(--color-primary-gradient); --color-scheme-text-overlay: var(--color-primary-text-overlay); --color-scheme-card-text-overlay: var(--color-primary-card-text-overlay); --color-scheme-accent-1-overlay: var(--color-primary-accent-1-overlay); --color-scheme-accent-2-overlay: var(--color-primary-accent-2-overlay); --color-scheme-secondary-background: var(--color-primary-background); --select-svg: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12' stroke='%230e1732' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E%0A"); } [data-color-scheme="secondary"] { --color-scheme-text: var(--color-secondary-text); --color-scheme-background: var(--color-secondary-background); --color-scheme-gradient: var(--color-secondary-gradient); --color-scheme-accent-1: var(--color-secondary-accent-1); --color-scheme-accent-2: var(--color-secondary-accent-2); --color-scheme-card: var(--color-secondary-card); --color-scheme-text-overlay: var(--color-secondary-text-overlay); --color-scheme-card-text-overlay: var(--color-secondary-card-text-overlay); --color-scheme-accent-1-overlay: var(--color-secondary-accent-1-overlay); --color-scheme-accent-2-overlay: var(--color-secondary-accent-2-overlay); --color-scheme-secondary-background: var(--color-secondary-background); --select-svg: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12' stroke='%23fd795b' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E%0A"); } [data-color-scheme="tertiary"] { --color-scheme-text: var(--color-tertiary-text); --color-scheme-background: var(--color-tertiary-background); --color-scheme-accent-1: var(--color-tertiary-accent-1); --color-scheme-accent-2: var(--color-tertiary-accent-2); --color-scheme-card: var(--color-tertiary-card); --color-scheme-gradient: var(--color-tertiary-gradient); --color-scheme-text-overlay: var(--color-tertiary-text-overlay); --color-scheme-card-text-overlay: var(--color-tertiary-card-text-overlay); --color-scheme-accent-1-overlay: var(--color-tertiary-accent-1-overlay); --color-scheme-accent-2-overlay: var(--color-tertiary-accent-2-overlay); --color-scheme-secondary-background: var(--color-tertiary-background); --select-svg: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12' stroke='%230e1732' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E%0A"); } [data-color-scheme="quaternary"] { --color-scheme-text: var(--color-quaternary-text); --color-scheme-background: var(--color-quaternary-background); --color-scheme-accent-1: var(--color-quaternary-accent-1); --color-scheme-accent-2: var(--color-quaternary-accent-2); --color-scheme-card: var(--color-quaternary-card); --color-scheme-gradient: var(--color-quaternary-gradient); --color-scheme-text-overlay: var(--color-quaternary-text-overlay); --color-scheme-card-text-overlay: var(--color-quaternary-card-text-overlay); --color-scheme-accent-1-overlay: var(--color-quaternary-accent-1-overlay); --color-scheme-accent-2-overlay: var(--color-quaternary-accent-2-overlay); --color-scheme-secondary-background: var(--color-quaternary-background); --select-svg: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12' stroke='%230e1732' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E%0A"); } [data-color-scheme="white"] { --color-scheme-text: 255,255,255; --color-scheme-accent: 255,255,255; --color-scheme-background: 0,0,0; --color-scheme-card: 0,0,0; --color-scheme-text-overlay: 0,0,0; --color-scheme-accent-1-overlay: 0,0,0; --color-border: 255,255,255; } [data-color-scheme="black"] { --color-scheme-text: 0,0,0; --color-scheme-accent: 0,0,0; --color-scheme-background: 255,255,255; --color-scheme-card: 255,255,255; --color-scheme-text-overlay: 255,255,255; --color-scheme-accent-1-overlay: 255,255,255; --color-border: 0,0,0; } [data-color-scheme="primary"] .card { --color-scheme-secondary-background: var(--color-primary-card); } [data-color-scheme="secondary"] .card { --color-scheme-secondary-background: var(--color-secondary-card); } [data-color-scheme="tertiary"] .card { --color-scheme-secondary-background: var(--color-tertiary-card); } [data-color-scheme="quaternary"] .card { --color-scheme-secondary-background: var(--color-quaternary-card); } [data-color-scheme] { --color-heading-shadow: var(--color-scheme-accent-1); --color-heading-stroke: var(--color-scheme-text); --color-button-background: var(--color-scheme-text); --color-button-text: var(--color-scheme-text-overlay); --color-button-border: var(--color-scheme-text); --color-button-shadow: var(--color-scheme-gradient); --color-card-border: var(--color-scheme-text); --color-card-shadow: var(--color-scheme-gradient); --color-sticker-border: var(--color-scheme-text); --color-sticker-shadow: var(--color-scheme-text); --color-media-border: var(--color-scheme-text); --color-media-shadow: var(--color-scheme-gradient); --color-media-shadow-fill: rgb(var(--color-scheme-gradient)); --color-sticker-shadow: var(--color-scheme-text); --color-sticker-shadow-fill: rgb(var(--color-scheme-text));--heading-color: var(--color-scheme-accent-2); --heading-text-shadow:0.01em 0.01em 0 rgb(var(--color-heading-shadow)),0.02em 0.02em 0 rgb(var(--color-heading-shadow)),0.03em 0.03em 0 rgb(var(--color-heading-shadow)),0.04em 0.04em 0 rgb(var(--color-heading-shadow)),0.05em 0.05em 0 rgb(var(--color-heading-shadow)),0.06em 0.06em 0 rgb(var(--color-heading-shadow)),0.07em 0.07em 0 rgb(var(--color-heading-shadow)),0.08em 0.08em 0 rgb(var(--color-heading-shadow)),0.09em 0.09em 0 rgb(var(--color-heading-shadow)),0.1em 0.1em 0 rgb(var(--color-heading-shadow)),0.11em 0.11em 0 rgb(var(--color-heading-shadow)),0.12em 0.12em 0 rgb(var(--color-heading-shadow)),0.13em 0.13em 0 rgb(var(--color-heading-shadow));} [data-color-scheme] .card { --color-scheme-text-overlay: var(--color-scheme-card-text-overlay); } [data-color-scheme] .card { --color-button-text: var(--color-scheme-card-text-overlay); } /* Typography and spacing sizes */:root { --base-font-size: 112.5%; --base-line-height: 1.2; --line-height-heading: 1.1; --font-size-ratio-xs: 0.7491535; --font-size-ratio-sm: 0.8908985; --font-size-ratio-base: 1; --font-size-ratio-lg: 1.33484; --font-size-ratio-xl: 1.498307; --font-size-ratio-2xl: 1.681793; --font-size-ratio-3xl: 2; --font-size-ratio-4xl: 2.66968; --font-size-ratio-5xl: 2.996614; --font-size-ratio-6xl: 3.563594; --font-size-ratio-7xl: 4; --font-size-ratio-8xl: 4.519842; --font-size-ratio-9xl: 4.996614; --font-size-xs: calc(var(--font-size-ratio-xs) * 1rem); --font-size-sm: calc(var(--font-size-ratio-sm) * 1rem); --font-size-base: calc(var(--font-size-ratio-base) * 1rem); --font-size-lg: calc(var(--font-size-ratio-lg) * 1rem); --font-size-xl: calc(var(--font-size-ratio-xl) * 1rem); --font-size-2xl: calc(var(--font-size-ratio-2xl) * 1rem); --font-size-3xl: calc(var(--font-size-ratio-3xl) * 1rem); --font-size-4xl: calc(var(--font-size-ratio-4xl) * 1rem); --font-size-5xl: calc(var(--font-size-ratio-5xl) * 1rem); --font-size-6xl: calc(var(--font-size-ratio-6xl) * 1rem); --font-size-7xl: calc(var(--font-size-ratio-7xl) * 1rem); --font-size-8xl: calc(var(--font-size-ratio-8xl) * 1rem); --font-size-9xl: calc(var(--font-size-ratio-9xl) * 1rem); --standard-heading-size: var(--font-size-3xl); --feature-heading-size: var(--font-size-4xl); --secondary-heading-size: var(--font-size-lg); --section-vertical-spacing: 2rem; } @media (min-width: 990px) { :root { --standard-heading-size: var(--font-size-5xl); --feature-heading-size: var(--font-size-8xl); --secondary-heading-size: var(--font-size-lg); --section-vertical-spacing: 4rem; --section-x-padding: 2.5rem; --grid-gap: 2.5rem; } } .heading-effects { color: rgb(var(--heading-color)); text-shadow: var(--heading-text-shadow); -webkit-text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke)); text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke)); } .heading-standard { font-size: var(--standard-heading-size); color: rgb(var(--heading-color)); text-shadow: var(--heading-text-shadow); -webkit-text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke)); text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke)); } .heading-feature { font-size: var(--feature-heading-size); color: rgb(var(--heading-color)); text-shadow: var(--heading-text-shadow); -webkit-text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke)); text-stroke: var(--heading-stroke-thickness) rgb(var(--color-heading-stroke)); } .heading-secondary { font-size: var(--secondary-heading-size); } /* Cards */ .card-container::after {} /* Media */ .media-style-container::after, .media-shape-drop-shadow {} /* Custom cursor */</style> <style id="generated-critical-css"> .max-w-site{max-width:var(--max-site-width)} </style> <style id="manual-critical-css"> [x-cloak] { display: none; } [data-parallax-container] { will-change: opacity; opacity: 0; transition: opacity 0.2s cubic-bezier(0.215, 0.61, 0.355, 1); } .no-js [data-parallax-container], [data-parallax-container].animated { opacity: 1; } @media (prefers-reduced-motion) { [data-parallax-container] { opacity: 1; } } </style> <link rel="preload" as="font" href="//test-shop-2-52.myshopify.com/cdn/fonts/neue_haas_unica/neuehaasunica_n8.eb1b3a39984756af983b9ee9b6ab428513b446bb.woff2?h1=dGVzdC1zaG9wLTItNTIuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=c415493652a496da7c1dadb81246f624aaa88900254360ebea63cddeeff2f7bf" type="font/woff2" crossorigin> <link rel="preload" as="font" href="//test-shop-2-52.myshopify.com/cdn/fonts/neue_haas_unica/neuehaasunica_n5.d9f4fe95fdcd78d99c8a928758e5778d79f720cb.woff2?h1=dGVzdC1zaG9wLTItNTIuYWNjb3VudC5teXNob3BpZnkuY29t&hmac=dbfd03317fd1d736e767cedb97a33069c517ec795c2df7c0b1465e45c9ebb5d9" type="font/woff2" crossorigin> <script> window.onYouTubeIframeAPIReady = () => { document.body.dispatchEvent(new CustomEvent('youtubeiframeapiready')); }; </script> <script src="https://cdn.shopify.com/extensions/55fefd76-35ff-4656-98b5-29ebc814b57d/tydal-reviews-21/assets/rev-app-embed.js" type="text/javascript" defer="defer" data-app-id="6518751"></script> <link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch"> <script>(function(){if ("sendBeacon" in navigator && "performance" in window) {var session_token = document.cookie.match(/_shopify_s=([^;]*)/);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: 9863216,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token: session_token && session_token.length === 2 ? session_token[1] : "",page_type: "product"};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> <script id="web-pixels-manager-setup">(function d(d,e,r,a,n){var o,i,t,s,l=(i=(o={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:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-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:?[ /-](12[89]|1[3-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(12[7-9]|1[3-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(12[89]|1[3-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,t=o.legacy,s=navigator.userAgent,i.test(s)?"modern":(t.test(s),"legacy"));window.Shopify=window.Shopify||{};var c=window.Shopify;c.analytics=c.analytics||{};var u=c.analytics;u.replayQueue=[],u.publish=function(d,e,r){return u.replayQueue.push([d,e,r]),!0};try{self.performance.mark("wpm:start")}catch(d){}var h=[r,"/wpm","/b",n,l.substring(0,1),".js"].join("");!function(d){var e=d.src,r=d.async,a=void 0===r||r,n=d.onload,o=d.onerror,i=document.createElement("script"),t=document.head,s=document.body;i.async=a,i.src=e,n&&i.addEventListener("load",n),o&&i.addEventListener("error",o),t?t.appendChild(i):s?s.appendChild(i):console.error("Did not find a head or body element to append the script")}({src:h,async:!0,onload:function(){var r=window.webPixelsManager.init(d);e(r);var a=window.Shopify.analytics;a.replayQueue.forEach((function(d){var e=d[0],a=d[1],n=d[2];r.publishCustomEvent(e,a,n)})),a.replayQueue=[],a.publish=r.publishCustomEvent,a.visitor=r.visitor},onerror:function(){var e=d.storefrontBaseUrl.replace(/\/$/,""),r="".concat(e,"/.well-known/shopify/monorail/unstable/produce_batch"),n=JSON.stringify({metadata:{event_sent_at_ms:(new Date).getTime()},events:[{schema_id:"web_pixels_manager_load/3.1",payload:{version:a||"latest",bundle_target:l,page_url:self.location.href,status:"failed",surface:d.surface,error_msg:"".concat(h," has failed to load")},metadata:{event_created_at_ms:(new Date).getTime()}}]});try{if(self.navigator.sendBeacon.bind(self.navigator)(r,n))return!0}catch(d){}var o=new XMLHttpRequest;try{return o.open("POST",r,!0),o.setRequestHeader("Content-Type","text/plain"),o.send(n),!0}catch(d){console&&console.warn&&console.warn("[Web Pixels Manager] Got an unhandled error while logging a load error.")}return!1}})})({shopId: 9863216,storefrontBaseUrl: "https://test-shop-2-52.myshopify.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",surface: "storefront-renderer",enabledBetaFlags: [],webPixelsConfigList: [{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0220","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"TYDAL DEMO","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"test-shop-2-52.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/test-shop-2-52.myshopify.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[{"price":{"amount":50.0,"currencyCode":"USD"},"product":{"title":"White Mug","vendor":"Test Shop 2","id":"7136558055518","untranslatedTitle":"White Mug","url":"\/products\/white-mug","type":""},"id":"40967675641950","image":{"src":"\/\/test-shop-2-52.myshopify.com\/cdn\/shop\/files\/WhiteMug.jpg?v=1718765508"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"}],"purchasingCompany":null},},function pageEvents(webPixelsManagerAPI) {webPixelsManagerAPI.publish("page_viewed", {});webPixelsManagerAPI.publish("product_viewed", {"productVariant":{"price":{"amount":50.0,"currencyCode":"USD"},"product":{"title":"White Mug","vendor":"Test Shop 2","id":"7136558055518","untranslatedTitle":"White Mug","url":"\/products\/white-mug","type":""},"id":"40967675641950","image":{"src":"\/\/test-shop-2-52.myshopify.com\/cdn\/shop\/files\/WhiteMug.jpg?v=1718765508"},"sku":"","title":"Default Title","untranslatedTitle":"Default Title"}});},"https://test-shop-2-52.myshopify.com/cdn","1518c2ba4d2b3301a1e3cb6576947ef22edf7bb6","3c762e5aw5b983e43pc2dc4883m545d5a27",);</script> <script>window.ShopifyAnalytics = window.ShopifyAnalytics || {}; window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; window.ShopifyAnalytics.meta.currency = 'USD'; var meta = {"product":{"id":7136558055518,"gid":"gid:\/\/shopify\/Product\/7136558055518","vendor":"Test Shop 2","type":"","variants":[{"id":40967675641950,"price":5000,"name":"White Mug","public_title":null,"sku":""}]},"page":{"pageType":"product","resourceType":"product","resourceId":7136558055518}}; for (var attr in meta) { window.ShopifyAnalytics.meta[attr] = meta[attr]; }</script> <script>window.ShopifyAnalytics.merchantGoogleAnalytics = function() { }; </script> <script class="analytics">(function () { var customDocumentWrite = function(content) { var jquery = null; if (window.jQuery) { jquery = window.jQuery; } else if (window.Checkout && window.Checkout.$) { jquery = window.Checkout.$; } if (jquery) { jquery('body').append(content); } }; var hasLoggedConversion = function(token) { if (token) { return document.cookie.indexOf('loggedConversion=' + token) !== -1; } return false; } var setCookieIfConversion = function(token) { if (token) { var twoMonthsFromNow = new Date(Date.now()); twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; } } var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; if (trekkie.integrations) { return; } trekkie.methods = [ 'identify', 'page', 'ready', 'track', 'trackForm', 'trackLink' ]; trekkie.factory = function(method) { return function() { var args = Array.prototype.slice.call(arguments); args.unshift(method); trekkie.push(args); return trekkie; }; }; for (var i = 0; i < trekkie.methods.length; i++) { var key = trekkie.methods[i]; trekkie[key] = trekkie.factory(key); } trekkie.load = function(config) { trekkie.config = config || {}; trekkie.config.initialDocumentCookie = document.cookie; var first = document.getElementsByTagName('script')[0]; var script = document.createElement('script'); script.type = 'text/javascript'; script.onerror = function(e) { var scriptFallback = document.createElement('script'); scriptFallback.type = 'text/javascript'; scriptFallback.onerror = function(error) { var Monorail = { produce: function produce(monorailDomain, schemaId, payload) { var currentMs = new Date().getTime(); var event = { schema_id: schemaId, payload: payload, metadata: { event_created_at_ms: currentMs, event_sent_at_ms: currentMs } }; return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); }, sendRequest: function sendRequest(endpointUrl, payload) { // Try the sendBeacon API if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { var blobData = new window.Blob([payload], { type: 'text/plain' }); if (window.navigator.sendBeacon(endpointUrl, blobData)) { return true; } // sendBeacon was not successful } // XHR beacon var xhr = new XMLHttpRequest(); try { xhr.open('POST', endpointUrl); xhr.setRequestHeader('Content-Type', 'text/plain'); xhr.send(payload); } catch (e) { console.log(e); } return false; }, isIos12: function isIos12() { return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; } }; Monorail.produce('monorail-edge.shopifysvc.com', 'trekkie_storefront_load_errors/1.1', {shop_id: 9863216, theme_id: 125799137374, app_name: "storefront", context_url: window.location.href, source_url: "//test-shop-2-52.myshopify.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js"}); }; scriptFallback.async = true; scriptFallback.src = '//test-shop-2-52.myshopify.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(scriptFallback, first); }; script.async = true; script.src = '//test-shop-2-52.myshopify.com/cdn/s/trekkie.storefront.20de3b35f21c3bd6ff73e3f1547eb7d54e6e94e4.min.js'; first.parentNode.insertBefore(script, first); }; trekkie.load( {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":9863216,"isMerchantRequest":null,"themeId":125799137374,"themeCityHash":"1093655523639402934","contentLanguage":"en","currency":"USD"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain"},"Session Attribution":{},"S2S":{"facebookCapiEnabled":false,"source":"trekkie-storefront-renderer","apiClientId":580111}} ); var loaded = false; trekkie.ready(function() { if (loaded) return; loaded = true; window.ShopifyAnalytics.lib = window.trekkie; var originalDocumentWrite = document.write; document.write = customDocumentWrite; try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; document.write = originalDocumentWrite; window.ShopifyAnalytics.lib.page(null,{"pageType":"product","resourceType":"product","resourceId":7136558055518}); var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) var token = match? match[1]: undefined; if (!hasLoggedConversion(token)) { setCookieIfConversion(token); window.ShopifyAnalytics.lib.track("Viewed Product",{"currency":"USD","variantId":40967675641950,"productId":7136558055518,"productGid":"gid:\/\/shopify\/Product\/7136558055518","name":"White Mug","price":"50.00","sku":"","brand":"Test Shop 2","variant":null,"category":"","nonInteraction":true}); window.ShopifyAnalytics.lib.track("monorail:\/\/trekkie_storefront_viewed_product\/1.1",{"currency":"USD","variantId":40967675641950,"productId":7136558055518,"productGid":"gid:\/\/shopify\/Product\/7136558055518","name":"White Mug","price":"50.00","sku":"","brand":"Test Shop 2","variant":null,"category":"","nonInteraction":true,"referer":"https:\/\/test-shop-2-52.myshopify.com\/products\/white-mug?_bt=BAh7BkkiC19yYWlscwY6BkVUewhJIglkYXRhBjsAVEkiIXRlc3Qtc2hvcC0yLTUyLm15c2hvcGlmeS5jb20GOwBGSSIIZXhwBjsAVEkiHTIwMjQtMTEtMjNUMTE6MzM6NTAuNjE4WgY7AFRJIghwdXIGOwBUSSIecGVybWFuZW50X3Bhc3N3b3JkX2J5cGFzcwY7AEY%3D--db5e9226fcb674da8883fe0b68839d4e74e7393a"}); } }); var eventsListenerScript = document.createElement('script'); eventsListenerScript.async = true; eventsListenerScript.src = "//test-shop-2-52.myshopify.com/cdn/shopifycloud/shopify/assets/shop_events_listener-61fa9e0a912c675e178777d2b27f6cbd482f8912a6b0aa31fa3515985a8cd626.js"; document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); })();</script> <script class="boomerang"> (function () { window.BOOMR = window.BOOMR || {}; window.BOOMR.themeName = "Shapes"; window.BOOMR.themeVersion = "2.2.5"; window.BOOMR.shopId = 9863216; window.BOOMR.themeId = 125799137374; })();</script> <script defer src="https://test-shop-2-52.myshopify.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-1.0.2.min.js" data-application="storefront-renderer" data-shop-id="9863216" data-render-region="gcp-asia-southeast1" data-page-type="product" data-theme-instance-id="125799137374" data-monorail-region="shop_domain" data-resource-timing-sampling-rate="10" ></script> </head> <body data-color-scheme="primary"> <svg width="0" height="0" viewBox="0 0 200 200"> <defs> <clipPath id="clip-on-sale" clipPathUnits="objectBoundingBox"> <path clip-rule="evenodd" transform="scale(0.005,0.005)" d="M174.123 50H25.877C25.877 61.8227 16.5877 71.4778 5 71.4778V128.522C16.4919 128.522 25.877 138.079 25.877 150H174.123C174.123 138.177 183.412 128.522 195 128.522V71.4778C183.412 71.4778 174.123 61.8227 174.123 50Z" fill="black"/> </clipPath> <path id="outline-on-sale" vector-effect="non-scaling-stroke" d="M174.123 50H25.877C25.877 61.8227 16.5877 71.4778 5 71.4778V128.522C16.4919 128.522 25.877 138.079 25.877 150H174.123C174.123 138.177 183.412 128.522 195 128.522V71.4778C183.412 71.4778 174.123 61.8227 174.123 50Z" /> </defs> </svg> <svg width="0" height="0" viewBox="0 0 200 200"> <defs> <clipPath id="clip-sold-out" clipPathUnits="objectBoundingBox"> <path clip-rule="evenodd" transform="scale(0.005,0.005)" d="M195 60H5L26.0793 100L5 140H195L173.921 100L195 60Z" fill="black"/> </clipPath> <path id="outline-sold-out" vector-effect="non-scaling-stroke" d="M195 60H5L26.0793 100L5 140H195L173.921 100L195 60Z" /> </defs> </svg> <svg width="0" height="0" viewBox="0 0 200 200"> <defs> <clipPath id="clip-metafield-badge" clipPathUnits="objectBoundingBox"> <path clip-rule="evenodd" transform="scale(0.005,0.005)" d="M100 5L195 100L100 195L5 100L100 5Z" fill="black"/> </clipPath> <path id="outline-metafield-badge" vector-effect="non-scaling-stroke" d="M100 5L195 100L100 195L5 100L100 5Z" /> </defs> </svg> <a class="skip-link" href="#MainContent">Skip to content</a> <div id="shopify-section-sections--15302587547742__announcement-bar" class="shopify-section shopify-section-group-header-group"></div><div id="shopify-section-sections--15302587547742__header" class="shopify-section shopify-section-group-header-group section-site-header relative z-40"> <script src="//test-shop-2-52.myshopify.com/cdn/shop/t/48/assets/header.js?v=36849506637616900911718769254" type="module"></script> <header class=" site-header w-full text-scheme-text absolute top-0 left-0 right-0 z-20 border-b-section bg-transparent border-transparent transition-[background-color,border-color] ease-in-out duration-200 " role="banner" data-section-type="header" data-section-id="sections--15302587547742__header" x-data="ThemeSection_header(0)" x-init="mounted()" data-color-scheme="text-white" :class="{ 'header-is-active' : menuIsActive }" > <div id="headerBorderWrap" class="headerBorderWrap"> <div id="headerContainer" class="z-10"> <div class="py-2 lg:py-0 px-section overflow-hidden"> <div class="flex justify-between items-center"> <div class="flex flex-grow w-1/3 justify-start items-stretch"> <div class="flex items-center z-10"><button class="font-main normal-case js-enabled inline-block -m-1 p-1 lg:hidden" type="button" x-bind:aria-expanded="$store.modals.leftDrawer.contents === 'nav'" @click="$store.modals.open('nav')" data-menu-drawer-toggle> <span class="">Menu</span></button> <noscript> <div class="no-js-focus-wrapper"> <button class="inline-block -m-1 p-1 lg:hidden" type="button" data-menu-drawer-toggle> <span class="">Menu</span></button> <div class="hidden no-js-focus-container absolute left-0 bottom-0 w-11/12 md:w-7/12 lg:w-5/12 py-section-vertical-spacing px-section transform translate-y-[calc(100%-var(--section-border-thickness))] z-100 max-h-three-quarters-screen-height overflow-hidden overflow-y-auto bg-scheme-accent-1 text-scheme-accent-1-overlay"><div class="sidebar-nav " > <div class="relative flex items-center justify-between pb-5"> <h2 class="sr-only" class="" tabindex="-1"> Main Menu </h2> </div> <ul class="mt-5"> <li class="text-lg lg:text-xl" style="--first-delay-tap: 0;"> <a class="block font-heading py-2.5" href="/"> Home </a> </li> <li class="text-lg lg:text-xl" style="--first-delay-tap: 1;"> <a class="block font-heading py-2.5" href="https://apps.shopify.com/rivo-reviews"> Install TYDAL </a> </li> </ul> <div class="mt-5 space-y-5"> <ul class="space-y-1.5"> <li> <a href="/account/login" id="customer_login_link">Log in</a> </li> <li> <a href="/account/register" id="customer_register_link">Create account</a> </li> </ul> </div> </div> </div> </div> </noscript> <div x-data> <div> <template data-should-teleport="#left-drawer-slot"> <div :data-modal-label="$store.modals.leftDrawer.contents === 'nav' ? 'Main Menu' : false" x-show="$store.modals.leftDrawer.contents === 'nav'" class="sidebar-nav py-5 px-section " > <div class="relative flex items-center justify-between pb-5"> <h2 class="sr-only" class="" tabindex="-1"> Main Menu </h2> <button @click.prevent="$store.modals.close('nav')" class="block top-0"> <span class="sr-only">Close (esc)</span> <span class="inline-block w-5 h-5"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M46 2L2 46" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M46 46L2 2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg></span> </button> </div> <ul class="mt-5"> <li class="text-lg lg:text-xl" style="--first-delay-tap: 0;"> <a class="block font-heading py-2.5" href="/"> Home </a> </li> <li class="text-lg lg:text-xl" style="--first-delay-tap: 1;"> <a class="block font-heading py-2.5" href="https://apps.shopify.com/rivo-reviews"> Install TYDAL </a> </li> </ul> <div class="mt-5 space-y-5"> <ul class="space-y-1.5"> <li> <a href="/account/login" id="customer_login_link">Log in</a> </li> <li> <a href="/account/register" id="customer_register_link">Create account</a> </li> </ul> </div> </div> </template> </div> </div></div> <div class="hidden lg:block"> <nav role="navigation"> <ul x-ref="navigation" class="flex flex-wrap -mx-2.5 justify-start items-center text-base "> <li class="inline-block no-js-focus-wrapper h-full"> <a href="/" class="font-main px-2.5 py-5 flex items-center transition normal-case"> Home </a> </li> <li class="inline-block no-js-focus-wrapper h-full"> <a href="https://apps.shopify.com/rivo-reviews" class="font-main px-2.5 py-5 flex items-center transition normal-case"> Install TYDAL </a> </li> </ul> </nav> </div> </div> <div class="flex justify-center text-center flex-grow lg:flex-grow-0 lg:w-auto "> <div class="h1 font-heading font-heading text-xl lg:text-3xl py-2.5"> <a href="/" class="block max-w-[12rem] sm:max-w-md lg:max-w-2xl xl:max-w-none break-words mx-auto">TYDAL DEMO</a> </div> </div> <div class="flex flex-grow w-1/3 items-center justify-end"> <div class="hidden lg:block h-full"> <a class="font-main px-2.5 py-5 flex items-center transition normal-case" href="/account/login"> <span class="">Log in</span></a> </div> <div class="flex items-center justify-end -mr-2.5 h-full"> <button class="js-enabled whitespace-nowrap font-main px-2.5 py-5 flex items-center transition normal-case" type="button" id="CartButton" @click.prevent="$store.modals.open('cart')" > Cart (<span x-text="$store.cart_count.count">0</span>) <span class="visually-hidden">items</span> </button> <noscript> <a class="whitespace-nowrap font-main px-2.5 py-5 flex items-center transition normal-case" href="/cart" > Cart (<span x-text="$store.cart_count.count">0</span>) <span class="visually-hidden">items</span> </a> </noscript> </div> </div> </div> </div> </div> </div> </header> <noscript> <style> .no-js-focus-wrapper:focus-within > .no-js-focus-container { display: block !important; } </style> </noscript> <script> document .getElementById('shopify-section-sections--15302587547742__header') .classList.add('has-no-height'); </script> <style> #MainContent .shopify-section:first-child > section:not(.full-bleed-section) { padding-top: 3rem; } @media (min-width: 990px) { #MainContent .shopify-section:first-child > section:not(.full-bleed-section) { padding-top: 3rem; } } </style><script src="//test-shop-2-52.myshopify.com/cdn/shop/t/48/assets/modules-predictive-search.bundle.min.js?v=100006850133386087801718769254" type="module"></script> <script type="application/ld+json"> { "@context": "http://schema.org", "@type": "Organization", "name": "TYDAL DEMO", "sameAs": [ null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null, null ], "url": "https:\/\/test-shop-2-52.myshopify.com" } </script> </div> <script> const calculateHeaderHeights = () => { const headerGroupHeights = []; document .querySelectorAll( '.shopify-section-group-header-group:not(.has-no-height)' ) .forEach((headerGroupSectionEl) => { headerGroupHeights.push( headerGroupSectionEl.getBoundingClientRect().height ); }); document.documentElement.style.setProperty( '--header-group-height', `${headerGroupHeights.reduce((subtotal, a) => subtotal + a, 0)}px` ); }; calculateHeaderHeights(); const debouncedCalculateHeaderHeights = debounce(calculateHeaderHeights, 300); window.addEventListener('resize', debouncedCalculateHeaderHeights); </script> <style> #MainContent > .shopify-section.banner-section:first-child .banner-section-content--pt.pt-screen-height { padding-top: calc(100vh - var(--header-group-height)); } #MainContent > .shopify-section.banner-section:first-child .banner-section-content--h.h-screen { height: calc(100vh - var(--header-group-height)); } @media (min-width: 990px) { #MainContent > .shopify-section.banner-section:first-child .banner-section-content--h.lg\:h-screen { height: calc(100vh - var(--header-group-height)); } #MainContent > .shopify-section.banner-section:first-child .banner-section-content--h.lg\:h-auto { height: auto; } #MainContent > .shopify-section.banner-section:first-child .banner-section-content--h.lg\:h-full { height: 100%; } } </style> <main id="MainContent" class="overflow-hidden"> <div id="shopify-section-template--15302587416670__main" class="shopify-section"> <script src="//test-shop-2-52.myshopify.com/cdn/shop/t/48/assets/vendor-product.bundle.min.js?v=15873297638032180311718769254" type="module"></script> <script src="//test-shop-2-52.myshopify.com/cdn/shop/t/48/assets/product.js?v=73460841227284501661718769254" type="module"></script> <style> :root { --max-possible-width: min(var(--max-site-width), 100vw); --column-width: calc((var(--max-possible-width) - (var(--section-x-padding) * 2) - var(--grid-gap)*11) / 12); --media-width: calc((var(--column-width) * 6) + (var(--grid-gap) * 5)); --media-column-width: calc((var(--media-width) - (calc(var(--grid-gap)/2)*11)) / 12); --feature-media-width: calc((var(--media-width) - (var(--media-column-width)*2) - (calc(var(--grid-gap)/2)*2))); --largest-media-aspect-ratio: 1.1622760800842993; --thumbnails-height: calc(var(--feature-media-width) / var(--largest-media-aspect-ratio)); } </style> <section class="text-scheme-text bg-scheme-background relative overflow-hidden " data-color-scheme="primary" x-data=" ThemeSection_Product({ product: {"id":7136558055518,"title":"White Mug","handle":"white-mug","description":"\u003cdiv\u003e\u003cspan\u003eElevate your drinkware collection with our classic white ceramic mug. Perfectly sized for your favorite beverages, this mug features a sleek, minimalist design that complements any kitchen or office. Durable and dishwasher safe, it's ideal for both hot and cold drinks. Enjoy your coffee, tea, or hot chocolate in style with this timeless ceramic mug.\u003c\/span\u003e\u003c\/div\u003e\n\u003c!----\u003e","published_at":"2024-06-18T16:15:00-07:00","created_at":"2024-06-18T16:15:02-07:00","vendor":"Test Shop 2","type":"","tags":[],"price":5000,"price_min":5000,"price_max":5000,"available":true,"price_varies":false,"compare_at_price":null,"compare_at_price_min":0,"compare_at_price_max":0,"compare_at_price_varies":false,"variants":[{"id":40967675641950,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"White Mug","public_title":null,"options":["Default Title"],"price":5000,"weight":0,"compare_at_price":null,"inventory_quantity":0,"inventory_management":null,"inventory_policy":"deny","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}],"images":["\/\/test-shop-2-52.myshopify.com\/cdn\/shop\/files\/WhiteMug.jpg?v=1718765508"],"featured_image":"\/\/test-shop-2-52.myshopify.com\/cdn\/shop\/files\/WhiteMug.jpg?v=1718765508","options":["Title"],"media":[{"alt":null,"id":23183073378398,"position":1,"preview_image":{"aspect_ratio":1.162,"height":949,"width":1103,"src":"\/\/test-shop-2-52.myshopify.com\/cdn\/shop\/files\/WhiteMug.jpg?v=1718765508"},"aspect_ratio":1.162,"height":949,"media_type":"image","src":"\/\/test-shop-2-52.myshopify.com\/cdn\/shop\/files\/WhiteMug.jpg?v=1718765508","width":1103}],"requires_selling_plan":false,"selling_plan_groups":[],"content":"\u003cdiv\u003e\u003cspan\u003eElevate your drinkware collection with our classic white ceramic mug. Perfectly sized for your favorite beverages, this mug features a sleek, minimalist design that complements any kitchen or office. Durable and dishwasher safe, it's ideal for both hot and cold drinks. Enjoy your coffee, tea, or hot chocolate in style with this timeless ceramic mug.\u003c\/span\u003e\u003c\/div\u003e\n\u003c!----\u003e"}, variant: {"id":40967675641950,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"White Mug","public_title":null,"options":["Default Title"],"price":5000,"weight":0,"compare_at_price":null,"inventory_quantity":0,"inventory_management":null,"inventory_policy":"deny","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}, featuredMediaID: 23183073378398, template: "product", thumbnailsPosition: "under", showThumbnailsOnMobile: false })" data-product-section > <div class="section-content py-section-vertical-spacing lg:px-section max-w-site mx-auto relative z-10"> <h2 class="text-center font-heading heading-standard heading-style break-words full_shadow"></h2> <div class=""> <div class="grid grid-cols-1 lg:grid-cols-12 gap-10"> <div class="product-media col-span-full lg:col-span-6"> <div class="px-section lg:px-0"> <div > <div ><div class="pb-media-shadow" data-product-single-media-wrapper="23183073378398"> <div class="media-FeatureMedia-template--15302587416670__main-23183073378398 media-style-container default"> <div class=" media-content"> <img src="//test-shop-2-52.myshopify.com/cdn/shop/files/WhiteMug.jpg?v=1718765508&width=2000" alt="White Mug" srcset="//test-shop-2-52.myshopify.com/cdn/shop/files/WhiteMug.jpg?v=1718765508&width=352 352w, //test-shop-2-52.myshopify.com/cdn/shop/files/WhiteMug.jpg?v=1718765508&width=832 832w, //test-shop-2-52.myshopify.com/cdn/shop/files/WhiteMug.jpg?v=1718765508&width=1200 1200w, //test-shop-2-52.myshopify.com/cdn/shop/files/WhiteMug.jpg?v=1718765508&width=1920 1920w, //test-shop-2-52.myshopify.com/cdn/shop/files/WhiteMug.jpg?v=1718765508&width=2000 2000w" width="2000" height="1721" loading="lazy" class="media-style bg-scheme-card" sizes="(min-width: 990px) 50vw, 100vw" onerror="this.style.color="currentColor"" onload="this.style.color="currentColor""> </div><div class="media-drop-shadow-container"> <div class="media-drop-shadow-border w-full h-full"></div> </div></div><style> .media-FeatureMedia-template--15302587416670__main-23183073378398 { transform: rotate(deg); } </style> </div> </div> </div> </div> </div> <div class="product-content col-span-full lg:col-span-6 px-section lg:px-0 "> <div class="product-block-container w-full max-w-full xl:grid xl:grid-cols-12"> <div class="xl:col-span-10 xl:col-start-2 relative"> <div class="product-block product-block-title break-words" > <h1 class="font-heading heading-feature text-left"> White Mug </h1></div> <div class="product-block product-block-price text-lg text-left" :class="{ 'invisible': !current_variant }" > <span class="sr-only">Regular price</span> <span class="text-scheme-text text-base lg:text-lg" x-html="formatMoney(current_price)" :class=" { 'invisible': !current_variant }" data-product-price > </span> <template x-if="current_variant && current_variant.unit_price"> <div class="text-sm text-scheme-text mt-2" data-unit-price-wrapper> <span class="sr-only">Unit price</span> <span x-html="formatMoney(current_variant.unit_price)"></span> <span x-cloak aria-hidden="true"> / </span> <span class="sr-only">per</span> <span x-html=" current_variant.unit_price_measurement.reference_value != 1 ? current_variant.unit_price_measurement.reference_value : '' " ></span><span x-html="current_variant.unit_price_measurement.reference_unit"></span> </div> </template><div class="product__tax caption mt-1.5 text-sm">Tax included. </div></div> <div id="shopify-block-tydal_reviews_star_rating_Qc9dYk" class="shopify-block shopify-app-block" data-block-handle="star-rating"><div class="tydal-reviews-star-rating" data-product-id="7136558055518" data-rating="4.79" data-count="170"> <div class="tydal-reviews-rating-count"></div> </div> </div> <div class="product-block product-block-quantity-selector" x-data="ThemeComponent_Quantity()" > <div class="lg:flex lg:items-center lg:justify-start"> <label class="block font-secondary text-scheme-text text-sm lg:w-1/4 xl:w-1/5 lg:shrink-0 pr-2.5" for="Quantity-template--15302587416670__main">Quantity</label> <div class="mt-2.5 lg:mt-0 lg:flex-1"> <div class="flex flex-nowrap justify-start items-center"> <button class="push-btn" aria-label="−" @click.prevent.stop="decreaseQuantity" > <div class="push-btn-surface push-btn-surface--secondary align-bottom p-2"> <div class="w-4 h-4 m-auto"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M46 24H2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg></div> </div> </button> <input type="number" class="input--no-border block appearance-none text-center border-0 bg-transparent text-base max-w-[3rem] p-2 text-scheme-text" form="product-form-template--15302587416670__main" id="Quantity-template--15302587416670__main" name="quantity" x-model="quantity" x-ref="quantityInput" > <button class="push-btn" aria-label="+" @click.prevent.stop="increaseQuantity" > <div class="push-btn-surface push-btn-surface--secondary align-bottom p-2"> <div class="w-4 h-4 m-auto"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path vector-effect="non-scaling-stroke" d="M24 2V46" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path vector-effect="non-scaling-stroke" d="M46 24H2" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> </div> </button> </div> </div> </div> </div> <script src="//test-shop-2-52.myshopify.com/cdn/shop/t/48/assets/modules-quantity.bundle.min.js?v=12416649059819113581718769254" type="module"></script> <div class="product-block product-block-buy-buttons" > <form method="post" action="/cart/add" id="product-form-template--15302587416670__main" accept-charset="UTF-8" class="shopify-product-form" enctype="multipart/form-data" data-product-form="" data-product-handle="white-mug" data-enable-history-state="true" x-ref="productForm"><input type="hidden" name="form_type" value="product" /><input type="hidden" name="utf8" value="✓" /> <div class="mb-2.5"> </div> <div class="hidden"> <label class="" for="fallback-selector-template--15302587416670__main" >Variant</label > <select x-ref="singleVariantSelector" name="id" id="fallback-selector-template--15302587416670__main" class="font-secondary text-sm" > <option selected="selected" x-bind:selected="currentVariantId === 40967675641950" value="40967675641950" > Default Title </option> </select> </div> <div class="mb-5 font-secondary bg-scheme-accent-1 text-scheme-accent-1-overlay px-3 py-2 rounded-button text-sm empty:hidden" x-text="cartAddErrorMessage" ></div> <div class="" > <div class="w-full"> <button class=" mb-1 add-to-cart-btn push-btn theme-button theme-button w-full " type="submit" :class="{ 'cursor-not-allowed': !currentVariantAvailable }" :disabled="!currentVariantAvailable" :aria-label="addToCartText" > <span class="push-btn-surface w-full"> <span x-text="addToCartText">Add to Cart</span></span> </button> </div> </div><input type="hidden" name="product-id" value="7136558055518" /><input type="hidden" name="section-id" value="template--15302587416670__main" /></form> <link rel="stylesheet" href="//test-shop-2-52.myshopify.com/cdn/shop/t/48/assets/payment-terms.css?v=106106266026123387911718769254"> </div> <div class="product-block product-block-description w-full max-w-full" > <div class="rte text-theme-basic text-left"> <div><span>Elevate your drinkware collection with our classic white ceramic mug. Perfectly sized for your favorite beverages, this mug features a sleek, minimalist design that complements any kitchen or office. Durable and dishwasher safe, it's ideal for both hot and cold drinks. Enjoy your coffee, tea, or hot chocolate in style with this timeless ceramic mug.</span></div>  </div> </div> </div> </div> </div> </div> </div> </div></section> <script type="application/json" id="ModelJson-template--15302587416670__main"> [] </script> <script> window.ProductModel = { loadShopifyXR() { Shopify.loadFeatures([ { name: 'shopify-xr', version: '1.0', onLoad: this.setupShopifyXR.bind(this), }, ]); }, setupShopifyXR(errors) { if (errors) return; if (!window.ShopifyXR) { document.addEventListener('shopify_xr_initialized', () => this.setupShopifyXR() ); return; } document.querySelectorAll('[id^="ModelJson-"]').forEach((modelJSON) => { window.ShopifyXR.addModels(JSON.parse(modelJSON.textContent)); modelJSON.remove(); }); window.ShopifyXR.setupXRElements(); }, }; window.addEventListener('DOMContentLoaded', () => { if (Shopify.designMode) { document.querySelectorAll("[data-shopify-xr-hidden]").forEach(element => element.classList.add('hidden')); } if (window.ProductModel) window.ProductModel.loadShopifyXR(); }); </script> <script type="application/ld+json"> { "@context": "http://schema.org/", "@type": "Product", "name": "White Mug", "url": "https:\/\/test-shop-2-52.myshopify.com\/products\/white-mug","image": [ "https:\/\/test-shop-2-52.myshopify.com\/cdn\/shop\/files\/WhiteMug.jpg?v=1718765508\u0026width=1103" ],"description": "Elevate your drinkware collection with our classic white ceramic mug. Perfectly sized for your favorite beverages, this mug features a sleek, minimalist design that complements any kitchen or office. Durable and dishwasher safe, it's ideal for both hot and cold drinks. Enjoy your coffee, tea, or hot chocolate in style with this timeless ceramic mug.\n","brand": { "@type": "Thing", "name": "Test Shop 2" }, "offers": [{ "@type" : "Offer","availability" : "http://schema.org/InStock", "price" : 50.0, "priceCurrency" : "USD", "url" : "https:\/\/test-shop-2-52.myshopify.com\/products\/white-mug?variant=40967675641950" } ] } </script> <style> #shopify-section-template--15302587416670__main .tydal-reviews-star-rating {padding-top: 10px;} </style></div><div id="shopify-section-template--15302587416670__custom_liquid_M79wUn" class="shopify-section"> <section class="text-scheme-text bg-scheme-background relative overflow-hidden " data-color-scheme="primary" > <div class="section-content px-section max-w-site mx-auto py-section-vertical-spacing "> <h2 class="text-center font-heading heading-standard heading-style break-words full_shadow">HEAR FROM OUR HAPPY CUSTOMERS</h2> <div class="mt-10"> <div class="card-container"> <div class="card p-5 lg:p-10 section-content mx-auto relative z-10 text_alignment" id="custom-tydal-reviews-panel"> </div> <div class="card-border"></div> </div> </div> </div></section> </div><div id="shopify-section-template--15302587416670__text_marquee_ztqqKG" class="shopify-section"><section class="text-scheme-text bg-scheme-background " data-color-scheme="primary"> <div id="marquee-template--15302587416670__text_marquee_ztqqKG" class="marquee overflow-hidden py-2.5"><scrolling-items-container class="block"> <scrolling-items style=" --base-scrolling-items-speed: 15s; --local-scrolling-items-speed-multiplier: 1; --scrolling-items-speed: calc( var(--base-scrolling-items-speed) * var(--global-scrolling-items-speed-multiplier) * var(--local-scrolling-items-speed-multiplier) ); --scrolling-items-direction: ; " class="block w-max whitespace-nowrap motion-safe:animate-[scrolling-items_var(--scrolling-items-speed)_linear_infinite_var(--scrolling-items-direction)] motion-safe:hover:[animation-play-state:paused] font-heading heading-secondary motion-reduce:block motion-reduce:-translate-x-1/4 motion-reduce:whitespace-normal motion-reduce:px-section-horizontal-spacing motion-reduce:text-center" > <scrolling-items-surface class="flex flex-nowrap items-center"> <scrolling-items-content class="grow-0 shrink-0"><div class="flex items-center grow-0 shrink-0 font-heading heading-secondary"><span class="text-xl lg:text-3xl ">TYDAL</span><span class="flex-shrink-0 px-2 text-current"> <svg class="w-4 h-4 rotate-anim" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M100.5 3L114.058 58.7724L157.809 21.6208L135.996 74.7109L193.228 70.3708L144.375 100.5L193.228 130.629L135.996 126.289L157.809 179.379L114.058 142.228L100.5 198L86.9419 142.228L43.1909 179.379L65.0044 126.289L7.77197 130.629L56.625 100.5L7.77197 70.3708L65.0044 74.7109L43.1909 21.6208L86.9419 58.7724L100.5 3Z" fill="currentColor"/></svg> </span></div></scrolling-items-content> <noscript> <div class="flex flex-nowrap items-center"> <div class="motion-reduce:hidden grow-0 shrink-0"><div class="flex items-center grow-0 shrink-0 font-heading heading-secondary"><span class="text-xl lg:text-3xl ">TYDAL</span><span class="flex-shrink-0 px-2 text-current"> <svg class="w-4 h-4 rotate-anim" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M100.5 3L114.058 58.7724L157.809 21.6208L135.996 74.7109L193.228 70.3708L144.375 100.5L193.228 130.629L135.996 126.289L157.809 179.379L114.058 142.228L100.5 198L86.9419 142.228L43.1909 179.379L65.0044 126.289L7.77197 130.629L56.625 100.5L7.77197 70.3708L65.0044 74.7109L43.1909 21.6208L86.9419 58.7724L100.5 3Z" fill="currentColor"/></svg> </span></div></div> <div class="motion-reduce:hidden grow-0 shrink-0"><div class="flex items-center grow-0 shrink-0 font-heading heading-secondary"><span class="text-xl lg:text-3xl ">TYDAL</span><span class="flex-shrink-0 px-2 text-current"> <svg class="w-4 h-4 rotate-anim" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M100.5 3L114.058 58.7724L157.809 21.6208L135.996 74.7109L193.228 70.3708L144.375 100.5L193.228 130.629L135.996 126.289L157.809 179.379L114.058 142.228L100.5 198L86.9419 142.228L43.1909 179.379L65.0044 126.289L7.77197 130.629L56.625 100.5L7.77197 70.3708L65.0044 74.7109L43.1909 21.6208L86.9419 58.7724L100.5 3Z" fill="currentColor"/></svg> </span></div></div> <div class="motion-reduce:hidden grow-0 shrink-0"><div class="flex items-center grow-0 shrink-0 font-heading heading-secondary"><span class="text-xl lg:text-3xl ">TYDAL</span><span class="flex-shrink-0 px-2 text-current"> <svg class="w-4 h-4 rotate-anim" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M100.5 3L114.058 58.7724L157.809 21.6208L135.996 74.7109L193.228 70.3708L144.375 100.5L193.228 130.629L135.996 126.289L157.809 179.379L114.058 142.228L100.5 198L86.9419 142.228L43.1909 179.379L65.0044 126.289L7.77197 130.629L56.625 100.5L7.77197 70.3708L65.0044 74.7109L43.1909 21.6208L86.9419 58.7724L100.5 3Z" fill="currentColor"/></svg> </span></div></div> <div class="motion-reduce:hidden grow-0 shrink-0"><div class="flex items-center grow-0 shrink-0 font-heading heading-secondary"><span class="text-xl lg:text-3xl ">TYDAL</span><span class="flex-shrink-0 px-2 text-current"> <svg class="w-4 h-4 rotate-anim" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M100.5 3L114.058 58.7724L157.809 21.6208L135.996 74.7109L193.228 70.3708L144.375 100.5L193.228 130.629L135.996 126.289L157.809 179.379L114.058 142.228L100.5 198L86.9419 142.228L43.1909 179.379L65.0044 126.289L7.77197 130.629L56.625 100.5L7.77197 70.3708L65.0044 74.7109L43.1909 21.6208L86.9419 58.7724L100.5 3Z" fill="currentColor"/></svg> </span></div></div> <div class="motion-reduce:hidden grow-0 shrink-0"><div class="flex items-center grow-0 shrink-0 font-heading heading-secondary"><span class="text-xl lg:text-3xl ">TYDAL</span><span class="flex-shrink-0 px-2 text-current"> <svg class="w-4 h-4 rotate-anim" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M100.5 3L114.058 58.7724L157.809 21.6208L135.996 74.7109L193.228 70.3708L144.375 100.5L193.228 130.629L135.996 126.289L157.809 179.379L114.058 142.228L100.5 198L86.9419 142.228L43.1909 179.379L65.0044 126.289L7.77197 130.629L56.625 100.5L7.77197 70.3708L65.0044 74.7109L43.1909 21.6208L86.9419 58.7724L100.5 3Z" fill="currentColor"/></svg> </span></div></div> <div class="motion-reduce:hidden grow-0 shrink-0"><div class="flex items-center grow-0 shrink-0 font-heading heading-secondary"><span class="text-xl lg:text-3xl ">TYDAL</span><span class="flex-shrink-0 px-2 text-current"> <svg class="w-4 h-4 rotate-anim" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M100.5 3L114.058 58.7724L157.809 21.6208L135.996 74.7109L193.228 70.3708L144.375 100.5L193.228 130.629L135.996 126.289L157.809 179.379L114.058 142.228L100.5 198L86.9419 142.228L43.1909 179.379L65.0044 126.289L7.77197 130.629L56.625 100.5L7.77197 70.3708L65.0044 74.7109L43.1909 21.6208L86.9419 58.7724L100.5 3Z" fill="currentColor"/></svg> </span></div></div> <div class="motion-reduce:hidden grow-0 shrink-0"><div class="flex items-center grow-0 shrink-0 font-heading heading-secondary"><span class="text-xl lg:text-3xl ">TYDAL</span><span class="flex-shrink-0 px-2 text-current"> <svg class="w-4 h-4 rotate-anim" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M100.5 3L114.058 58.7724L157.809 21.6208L135.996 74.7109L193.228 70.3708L144.375 100.5L193.228 130.629L135.996 126.289L157.809 179.379L114.058 142.228L100.5 198L86.9419 142.228L43.1909 179.379L65.0044 126.289L7.77197 130.629L56.625 100.5L7.77197 70.3708L65.0044 74.7109L43.1909 21.6208L86.9419 58.7724L100.5 3Z" fill="currentColor"/></svg> </span></div></div> <div class="motion-reduce:hidden grow-0 shrink-0"><div class="flex items-center grow-0 shrink-0 font-heading heading-secondary"><span class="text-xl lg:text-3xl ">TYDAL</span><span class="flex-shrink-0 px-2 text-current"> <svg class="w-4 h-4 rotate-anim" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M100.5 3L114.058 58.7724L157.809 21.6208L135.996 74.7109L193.228 70.3708L144.375 100.5L193.228 130.629L135.996 126.289L157.809 179.379L114.058 142.228L100.5 198L86.9419 142.228L43.1909 179.379L65.0044 126.289L7.77197 130.629L56.625 100.5L7.77197 70.3708L65.0044 74.7109L43.1909 21.6208L86.9419 58.7724L100.5 3Z" fill="currentColor"/></svg> </span></div></div> <div class="motion-reduce:hidden grow-0 shrink-0"><div class="flex items-center grow-0 shrink-0 font-heading heading-secondary"><span class="text-xl lg:text-3xl ">TYDAL</span><span class="flex-shrink-0 px-2 text-current"> <svg class="w-4 h-4 rotate-anim" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M100.5 3L114.058 58.7724L157.809 21.6208L135.996 74.7109L193.228 70.3708L144.375 100.5L193.228 130.629L135.996 126.289L157.809 179.379L114.058 142.228L100.5 198L86.9419 142.228L43.1909 179.379L65.0044 126.289L7.77197 130.629L56.625 100.5L7.77197 70.3708L65.0044 74.7109L43.1909 21.6208L86.9419 58.7724L100.5 3Z" fill="currentColor"/></svg> </span></div></div> <div class="motion-reduce:hidden grow-0 shrink-0"><div class="flex items-center grow-0 shrink-0 font-heading heading-secondary"><span class="text-xl lg:text-3xl ">TYDAL</span><span class="flex-shrink-0 px-2 text-current"> <svg class="w-4 h-4 rotate-anim" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M100.5 3L114.058 58.7724L157.809 21.6208L135.996 74.7109L193.228 70.3708L144.375 100.5L193.228 130.629L135.996 126.289L157.809 179.379L114.058 142.228L100.5 198L86.9419 142.228L43.1909 179.379L65.0044 126.289L7.77197 130.629L56.625 100.5L7.77197 70.3708L65.0044 74.7109L43.1909 21.6208L86.9419 58.7724L100.5 3Z" fill="currentColor"/></svg> </span></div></div> <div class="motion-reduce:hidden grow-0 shrink-0"><div class="flex items-center grow-0 shrink-0 font-heading heading-secondary"><span class="text-xl lg:text-3xl ">TYDAL</span><span class="flex-shrink-0 px-2 text-current"> <svg class="w-4 h-4 rotate-anim" viewBox="0 0 200 200" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M100.5 3L114.058 58.7724L157.809 21.6208L135.996 74.7109L193.228 70.3708L144.375 100.5L193.228 130.629L135.996 126.289L157.809 179.379L114.058 142.228L100.5 198L86.9419 142.228L43.1909 179.379L65.0044 126.289L7.77197 130.629L56.625 100.5L7.77197 70.3708L65.0044 74.7109L43.1909 21.6208L86.9419 58.7724L100.5 3Z" fill="currentColor"/></svg> </span></div></div> </div> </noscript> </scrolling-items-surface> </scrolling-items> </scrolling-items-container> </div> <style> @media (prefers-reduced-motion: no-preference) { #marquee-template--15302587416670__text_marquee_ztqqKG .rotate-anim { animation-iteration-count: infinite; animation-timing-function: linear; animation-name: rotate; animation-duration: 3s; } } </style> <script src="//test-shop-2-52.myshopify.com/cdn/shop/t/48/assets/scrolling-items.js?v=21475352383114223391718769254" type="module"></script> </section> <link href="//test-shop-2-52.myshopify.com/cdn/shop/t/48/assets/section-marquee.css?v=169794291626673154531718769254" rel="stylesheet" type="text/css" media="all" /> </div><div id="shopify-section-template--15302587416670__product-recommendations" class="shopify-section"> <div class="product-recommendations" x-data x-html="$fetchedSection( '/recommendations/products?section_id=template--15302587416670__product-recommendations&limit=3&product_id=7136558055518', '.product-recommendations' )" ></div> </div> </main> <div id="shopify-section-sections--15302587514974__footer" class="shopify-section shopify-section-group-footer-group section-footer mt-auto"> <footer class="relative text-scheme-text bg-scheme-background py-section-vertical-spacing px-section bg-scheme-gradient" data-color-scheme="primary" data-section-id="sections--15302587514974__footer" data-section-type="footer"> <div class="section-content relative z-10 max-w-site mx-auto"> <div class="grid grid-cols-1 lg:grid-cols-12 gap-10 lg:gap-theme py-section-vertical-spacing"><div class="lg:col-span-4 space-y-5"><div class="rte "> <p>Use this text to share information about your brand with your customers. Describe a product, share announcements, or welcome customers to your store.</p> </div><ul class="flex flex-wrap -mx-2 -mt-2 justify-start lg:justify-start"> </ul> </div><div class="lg:col-span-4 space-y-5"><div class="flex justify-start gap-10 lg:justify-center"> <div class="grow w-full"> <ul class="list-none space-y-2.5"> <li> <a href="/" class="hover:text-scheme-accent-1 break-words"> Home </a> </li> <li> <a href="https://apps.shopify.com/rivo-reviews" class="hover:text-scheme-accent-1 break-words"> Install TYDAL </a> </li> </ul> </div> <div class="grow w-full"> <ul class="list-none space-y-2.5"> <li> <a href="/search" class="hover:text-scheme-accent-1"> Search </a> </li> <li> <a href="/pages/about-us" class="hover:text-scheme-accent-1"> About Us </a> </li> </ul> </div></div></div><div class="lg:col-span-4 space-y-5"><div><h2 class="font-heading heading-secondary mb-5">Sign up to our newsletter</h2><form method="post" action="/contact#FooterNewsletter" id="FooterNewsletter" accept-charset="UTF-8" class="contact-form"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="✓" /> <div class="lg:flex items-center justify-center"> <input type="hidden" name="contact[tags]" value="newsletter"> <label for="NewsletterForm-sections--15302587514974__footer" class="sr-only"> Email Address </label> <div class=" w-full lg:mr-2 flex-grow"> <input id="NewsletterForm-sections--15302587514974__footer" type="email" name="contact[email]" class="input--background input-group-field w-full placeholder:text-scheme-text text-scheme-text border-scheme-text" value="" autocorrect="off" autocapitalize="off" autocomplete="email" placeholder="email@example.com" required > </div> <button type="submit" class="push-btn push-btn--pop w-full lg:w-auto mt-2.5 lg:mt-0" name="commit" id="Subscribe-sections--15302587514974__footer"> <span class="push-btn-surface w-full">Subscribe</span> </button> </div> </form> </div></div></div> <div class="text-scheme-text md:flex justify-between section-content-top-margin"> <div class="lg:w-1/3"> <p class="text-sm">© 2024, <a href="/" title="">TYDAL DEMO</a>. <span class="ml-2 inline-block"><a target="_blank" rel="nofollow" href="https://www.shopify.com?utm_campaign=poweredby&utm_medium=shopify&utm_source=onlinestore">Powered by Shopify</a></span></p> </div> <div class="mt-10 lg:mt-0 lg:w-1/3"> <h2 class="visually-hidden">Accepted Payments</h2> <ul class="payment-icons -mx-2 lg:text-center"> <li class="inline-block mx-2 w-8"> <svg class="icon payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-visa"><title id="pi-visa">Visa</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M28.3 10.1H28c-.4 1-.7 1.5-1 3h1.9c-.3-1.5-.3-2.2-.6-3zm2.9 5.9h-1.7c-.1 0-.1 0-.2-.1l-.2-.9-.1-.2h-2.4c-.1 0-.2 0-.2.2l-.3.9c0 .1-.1.1-.1.1h-2.1l.2-.5L27 8.7c0-.5.3-.7.8-.7h1.5c.1 0 .2 0 .2.2l1.4 6.5c.1.4.2.7.2 1.1.1.1.1.1.1.2zm-13.4-.3l.4-1.8c.1 0 .2.1.2.1.7.3 1.4.5 2.1.4.2 0 .5-.1.7-.2.5-.2.5-.7.1-1.1-.2-.2-.5-.3-.8-.5-.4-.2-.8-.4-1.1-.7-1.2-1-.8-2.4-.1-3.1.6-.4.9-.8 1.7-.8 1.2 0 2.5 0 3.1.2h.1c-.1.6-.2 1.1-.4 1.7-.5-.2-1-.4-1.5-.4-.3 0-.6 0-.9.1-.2 0-.3.1-.4.2-.2.2-.2.5 0 .7l.5.4c.4.2.8.4 1.1.6.5.3 1 .8 1.1 1.4.2.9-.1 1.7-.9 2.3-.5.4-.7.6-1.4.6-1.4 0-2.5.1-3.4-.2-.1.2-.1.2-.2.1zm-3.5.3c.1-.7.1-.7.2-1 .5-2.2 1-4.5 1.4-6.7.1-.2.1-.3.3-.3H18c-.2 1.2-.4 2.1-.7 3.2-.3 1.5-.6 3-1 4.5 0 .2-.1.2-.3.2M5 8.2c0-.1.2-.2.3-.2h3.4c.5 0 .9.3 1 .8l.9 4.4c0 .1 0 .1.1.2 0-.1.1-.1.1-.1l2.1-5.1c-.1-.1 0-.2.1-.2h2.1c0 .1 0 .1-.1.2l-3.1 7.3c-.1.2-.1.3-.2.4-.1.1-.3 0-.5 0H9.7c-.1 0-.2 0-.2-.2L7.9 9.5c-.2-.2-.5-.5-.9-.6-.6-.3-1.7-.5-1.9-.5L5 8.2z" fill="#142688"/></svg> </li> <li class="inline-block mx-2 w-8"> <svg class="icon payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-master"><title id="pi-master">Mastercard</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><circle fill="#EB001B" cx="15" cy="12" r="7"/><circle fill="#F79E1B" cx="23" cy="12" r="7"/><path fill="#FF5F00" d="M22 12c0-2.4-1.2-4.5-3-5.7-1.8 1.3-3 3.4-3 5.7s1.2 4.5 3 5.7c1.8-1.2 3-3.3 3-5.7z"/></svg> </li> <li class="inline-block mx-2 w-8"> <svg class="icon payment-icon" xmlns="http://www.w3.org/2000/svg" role="img" aria-labelledby="pi-american_express" viewBox="0 0 38 24" width="38" height="24"><title id="pi-american_express">American Express</title><path fill="#000" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3Z" opacity=".07"/><path fill="#006FCF" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32Z"/><path fill="#FFF" d="M22.012 19.936v-8.421L37 11.528v2.326l-1.732 1.852L37 17.573v2.375h-2.766l-1.47-1.622-1.46 1.628-9.292-.02Z"/><path fill="#006FCF" d="M23.013 19.012v-6.57h5.572v1.513h-3.768v1.028h3.678v1.488h-3.678v1.01h3.768v1.531h-5.572Z"/><path fill="#006FCF" d="m28.557 19.012 3.083-3.289-3.083-3.282h2.386l1.884 2.083 1.89-2.082H37v.051l-3.017 3.23L37 18.92v.093h-2.307l-1.917-2.103-1.898 2.104h-2.321Z"/><path fill="#FFF" d="M22.71 4.04h3.614l1.269 2.881V4.04h4.46l.77 2.159.771-2.159H37v8.421H19l3.71-8.421Z"/><path fill="#006FCF" d="m23.395 4.955-2.916 6.566h2l.55-1.315h2.98l.55 1.315h2.05l-2.904-6.566h-2.31Zm.25 3.777.875-2.09.873 2.09h-1.748Z"/><path fill="#006FCF" d="M28.581 11.52V4.953l2.811.01L32.84 9l1.456-4.046H37v6.565l-1.74.016v-4.51l-1.644 4.494h-1.59L30.35 7.01v4.51h-1.768Z"/></svg> </li> <li class="inline-block mx-2 w-8"> <svg class="icon payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" width="38" height="24" role="img" aria-labelledby="pi-paypal"><title id="pi-paypal">PayPal</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path fill="#003087" d="M23.9 8.3c.2-1 0-1.7-.6-2.3-.6-.7-1.7-1-3.1-1h-4.1c-.3 0-.5.2-.6.5L14 15.6c0 .2.1.4.3.4H17l.4-3.4 1.8-2.2 4.7-2.1z"/><path fill="#3086C8" d="M23.9 8.3l-.2.2c-.5 2.8-2.2 3.8-4.6 3.8H18c-.3 0-.5.2-.6.5l-.6 3.9-.2 1c0 .2.1.4.3.4H19c.3 0 .5-.2.5-.4v-.1l.4-2.4v-.1c0-.2.3-.4.5-.4h.3c2.1 0 3.7-.8 4.1-3.2.2-1 .1-1.8-.4-2.4-.1-.5-.3-.7-.5-.8z"/><path fill="#012169" d="M23.3 8.1c-.1-.1-.2-.1-.3-.1-.1 0-.2 0-.3-.1-.3-.1-.7-.1-1.1-.1h-3c-.1 0-.2 0-.2.1-.2.1-.3.2-.3.4l-.7 4.4v.1c0-.3.3-.5.6-.5h1.3c2.5 0 4.1-1 4.6-3.8v-.2c-.1-.1-.3-.2-.5-.2h-.1z"/></svg> </li> <li class="inline-block mx-2 w-8"> <svg class="icon payment-icon" viewBox="0 0 38 24" xmlns="http://www.w3.org/2000/svg" role="img" width="38" height="24" aria-labelledby="pi-diners_club"><title id="pi-diners_club">Diners Club</title><path opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path fill="#fff" d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32"/><path d="M12 12v3.7c0 .3-.2.3-.5.2-1.9-.8-3-3.3-2.3-5.4.4-1.1 1.2-2 2.3-2.4.4-.2.5-.1.5.2V12zm2 0V8.3c0-.3 0-.3.3-.2 2.1.8 3.2 3.3 2.4 5.4-.4 1.1-1.2 2-2.3 2.4-.4.2-.4.1-.4-.2V12zm7.2-7H13c3.8 0 6.8 3.1 6.8 7s-3 7-6.8 7h8.2c3.8 0 6.8-3.1 6.8-7s-3-7-6.8-7z" fill="#3086C8"/></svg> </li> <li class="inline-block mx-2 w-8"> <svg class="icon payment-icon" viewBox="0 0 38 24" width="38" height="24" role="img" aria-labelledby="pi-discover" fill="none" xmlns="http://www.w3.org/2000/svg"><title id="pi-discover">Discover</title><path fill="#000" opacity=".07" d="M35 0H3C1.3 0 0 1.3 0 3v18c0 1.7 1.4 3 3 3h32c1.7 0 3-1.3 3-3V3c0-1.7-1.4-3-3-3z"/><path d="M35 1c1.1 0 2 .9 2 2v18c0 1.1-.9 2-2 2H3c-1.1 0-2-.9-2-2V3c0-1.1.9-2 2-2h32z" fill="#fff"/><path d="M3.57 7.16H2v5.5h1.57c.83 0 1.43-.2 1.96-.63.63-.52 1-1.3 1-2.11-.01-1.63-1.22-2.76-2.96-2.76zm1.26 4.14c-.34.3-.77.44-1.47.44h-.29V8.1h.29c.69 0 1.11.12 1.47.44.37.33.59.84.59 1.37 0 .53-.22 1.06-.59 1.39zm2.19-4.14h1.07v5.5H7.02v-5.5zm3.69 2.11c-.64-.24-.83-.4-.83-.69 0-.35.34-.61.8-.61.32 0 .59.13.86.45l.56-.73c-.46-.4-1.01-.61-1.62-.61-.97 0-1.72.68-1.72 1.58 0 .76.35 1.15 1.35 1.51.42.15.63.25.74.31.21.14.32.34.32.57 0 .45-.35.78-.83.78-.51 0-.92-.26-1.17-.73l-.69.67c.49.73 1.09 1.05 1.9 1.05 1.11 0 1.9-.74 1.9-1.81.02-.89-.35-1.29-1.57-1.74zm1.92.65c0 1.62 1.27 2.87 2.9 2.87.46 0 .86-.09 1.34-.32v-1.26c-.43.43-.81.6-1.29.6-1.08 0-1.85-.78-1.85-1.9 0-1.06.79-1.89 1.8-1.89.51 0 .9.18 1.34.62V7.38c-.47-.24-.86-.34-1.32-.34-1.61 0-2.92 1.28-2.92 2.88zm12.76.94l-1.47-3.7h-1.17l2.33 5.64h.58l2.37-5.64h-1.16l-1.48 3.7zm3.13 1.8h3.04v-.93h-1.97v-1.48h1.9v-.93h-1.9V8.1h1.97v-.94h-3.04v5.5zm7.29-3.87c0-1.03-.71-1.62-1.95-1.62h-1.59v5.5h1.07v-2.21h.14l1.48 2.21h1.32l-1.73-2.32c.81-.17 1.26-.72 1.26-1.56zm-2.16.91h-.31V8.03h.33c.67 0 1.03.28 1.03.82 0 .55-.36.85-1.05.85z" fill="#231F20"/><path d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint0_linear)"/><path opacity=".65" d="M20.16 12.86a2.931 2.931 0 100-5.862 2.931 2.931 0 000 5.862z" fill="url(#pi-paint1_linear)"/><path d="M36.57 7.506c0-.1-.07-.15-.18-.15h-.16v.48h.12v-.19l.14.19h.14l-.16-.2c.06-.01.1-.06.1-.13zm-.2.07h-.02v-.13h.02c.06 0 .09.02.09.06 0 .05-.03.07-.09.07z" fill="#231F20"/><path d="M36.41 7.176c-.23 0-.42.19-.42.42 0 .23.19.42.42.42.23 0 .42-.19.42-.42 0-.23-.19-.42-.42-.42zm0 .77c-.18 0-.34-.15-.34-.35 0-.19.15-.35.34-.35.18 0 .33.16.33.35 0 .19-.15.35-.33.35z" fill="#231F20"/><path d="M37 12.984S27.09 19.873 8.976 23h26.023a2 2 0 002-1.984l.024-3.02L37 12.985z" fill="#F48120"/><defs><linearGradient id="pi-paint0_linear" x1="21.657" y1="12.275" x2="19.632" y2="9.104" gradientUnits="userSpaceOnUse"><stop stop-color="#F89F20"/><stop offset=".25" stop-color="#F79A20"/><stop offset=".533" stop-color="#F68D20"/><stop offset=".62" stop-color="#F58720"/><stop offset=".723" stop-color="#F48120"/><stop offset="1" stop-color="#F37521"/></linearGradient><linearGradient id="pi-paint1_linear" x1="21.338" y1="12.232" x2="18.378" y2="6.446" gradientUnits="userSpaceOnUse"><stop stop-color="#F58720"/><stop offset=".359" stop-color="#E16F27"/><stop offset=".703" stop-color="#D4602C"/><stop offset=".982" stop-color="#D05B2E"/></linearGradient></defs></svg> </li> </ul> </div> <div class="mt-10 lg:mt-0 flex flex-wrap items-center justify-between lg:justify-end lg:w-1/3 mb-4 lg:mb-0"><form method="post" action="/localization" id="localization_form" accept-charset="UTF-8" class="shopify-localization-form" enctype="multipart/form-data" data-disclosure-form=""><input type="hidden" name="form_type" value="localization" /><input type="hidden" name="utf8" value="✓" /><input type="hidden" name="_method" value="put" /><input type="hidden" name="return_to" value="/products/white-mug?_bt=BAh7BkkiC19yYWlscwY6BkVUewhJIglkYXRhBjsAVEkiIXRlc3Qtc2hvcC0yLTUyLm15c2hvcGlmeS5jb20GOwBGSSIIZXhwBjsAVEkiHTIwMjQtMTEtMjNUMTE6MzM6NTAuNjE4WgY7AFRJIghwdXIGOwBUSSIecGVybWFuZW50X3Bhc3N3b3JkX2J5cGFzcwY7AEY%3D--db5e9226fcb674da8883fe0b68839d4e74e7393a" /><div class="inline-block "> <h2 class="visually-hidden" id="country-heading"> Country/region </h2> <div class="relative" data-disclosure-country> <button type="button" class="disclosure-btn text-sm border-b-text border-scheme-text py-1 flex items-center" aria-expanded="false" aria-controls="country-list" aria-describedby="country-heading" data-disclosure-toggle> <span>United States (USD $)</span> <span class="chevron-down inline-block ml-2 w-3 fill-current"> <svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> <span class="chevron-up inline-block ml-2 w-3 fill-current transform rotate-180"> <svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M2 12L23.2826 36.0527C23.3724 36.1542 23.4826 36.2354 23.6062 36.291C23.7297 36.3467 23.8636 36.3755 23.999 36.3755C24.1345 36.3755 24.2684 36.3467 24.3919 36.291C24.5154 36.2354 24.6257 36.1542 24.7155 36.0527L46 12" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </span> </button> <ul id="country-list" class="disclosure-list absolute bg-scheme-card top-0 left-0 lg:left-auto lg:right-0 transform transition-opacity py-2" data-disclosure-list inert> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="AF" data-disclosure-option> <span class="border-transparent border-b-text">Afghanistan (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="AX" data-disclosure-option> <span class="border-transparent border-b-text">Åland Islands (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="AL" data-disclosure-option> <span class="border-transparent border-b-text">Albania (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="DZ" data-disclosure-option> <span class="border-transparent border-b-text">Algeria (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="AD" data-disclosure-option> <span class="border-transparent border-b-text">Andorra (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="AO" data-disclosure-option> <span class="border-transparent border-b-text">Angola (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="AI" data-disclosure-option> <span class="border-transparent border-b-text">Anguilla (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="AG" data-disclosure-option> <span class="border-transparent border-b-text">Antigua & Barbuda (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="AR" data-disclosure-option> <span class="border-transparent border-b-text">Argentina (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="AM" data-disclosure-option> <span class="border-transparent border-b-text">Armenia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="AW" data-disclosure-option> <span class="border-transparent border-b-text">Aruba (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="AC" data-disclosure-option> <span class="border-transparent border-b-text">Ascension Island (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="AU" data-disclosure-option> <span class="border-transparent border-b-text">Australia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="AT" data-disclosure-option> <span class="border-transparent border-b-text">Austria (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="AZ" data-disclosure-option> <span class="border-transparent border-b-text">Azerbaijan (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="BS" data-disclosure-option> <span class="border-transparent border-b-text">Bahamas (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="BH" data-disclosure-option> <span class="border-transparent border-b-text">Bahrain (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="BD" data-disclosure-option> <span class="border-transparent border-b-text">Bangladesh (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="BB" data-disclosure-option> <span class="border-transparent border-b-text">Barbados (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="BY" data-disclosure-option> <span class="border-transparent border-b-text">Belarus (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="BE" data-disclosure-option> <span class="border-transparent border-b-text">Belgium (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="BZ" data-disclosure-option> <span class="border-transparent border-b-text">Belize (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="BJ" data-disclosure-option> <span class="border-transparent border-b-text">Benin (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="BM" data-disclosure-option> <span class="border-transparent border-b-text">Bermuda (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="BT" data-disclosure-option> <span class="border-transparent border-b-text">Bhutan (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="BO" data-disclosure-option> <span class="border-transparent border-b-text">Bolivia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="BA" data-disclosure-option> <span class="border-transparent border-b-text">Bosnia & Herzegovina (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="BW" data-disclosure-option> <span class="border-transparent border-b-text">Botswana (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="BR" data-disclosure-option> <span class="border-transparent border-b-text">Brazil (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="IO" data-disclosure-option> <span class="border-transparent border-b-text">British Indian Ocean Territory (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="VG" data-disclosure-option> <span class="border-transparent border-b-text">British Virgin Islands (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="BN" data-disclosure-option> <span class="border-transparent border-b-text">Brunei (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="BG" data-disclosure-option> <span class="border-transparent border-b-text">Bulgaria (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="BF" data-disclosure-option> <span class="border-transparent border-b-text">Burkina Faso (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="BI" data-disclosure-option> <span class="border-transparent border-b-text">Burundi (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="KH" data-disclosure-option> <span class="border-transparent border-b-text">Cambodia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="CM" data-disclosure-option> <span class="border-transparent border-b-text">Cameroon (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="CA" data-disclosure-option> <span class="border-transparent border-b-text">Canada (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="CV" data-disclosure-option> <span class="border-transparent border-b-text">Cape Verde (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="BQ" data-disclosure-option> <span class="border-transparent border-b-text">Caribbean Netherlands (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="KY" data-disclosure-option> <span class="border-transparent border-b-text">Cayman Islands (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="CF" data-disclosure-option> <span class="border-transparent border-b-text">Central African Republic (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="TD" data-disclosure-option> <span class="border-transparent border-b-text">Chad (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="CL" data-disclosure-option> <span class="border-transparent border-b-text">Chile (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="CN" data-disclosure-option> <span class="border-transparent border-b-text">China (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="CX" data-disclosure-option> <span class="border-transparent border-b-text">Christmas Island (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="CC" data-disclosure-option> <span class="border-transparent border-b-text">Cocos (Keeling) Islands (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="CO" data-disclosure-option> <span class="border-transparent border-b-text">Colombia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="KM" data-disclosure-option> <span class="border-transparent border-b-text">Comoros (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="CG" data-disclosure-option> <span class="border-transparent border-b-text">Congo - Brazzaville (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="CD" data-disclosure-option> <span class="border-transparent border-b-text">Congo - Kinshasa (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="CK" data-disclosure-option> <span class="border-transparent border-b-text">Cook Islands (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="CR" data-disclosure-option> <span class="border-transparent border-b-text">Costa Rica (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="CI" data-disclosure-option> <span class="border-transparent border-b-text">Côte d’Ivoire (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="HR" data-disclosure-option> <span class="border-transparent border-b-text">Croatia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="CW" data-disclosure-option> <span class="border-transparent border-b-text">Curaçao (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="CY" data-disclosure-option> <span class="border-transparent border-b-text">Cyprus (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="CZ" data-disclosure-option> <span class="border-transparent border-b-text">Czechia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="DK" data-disclosure-option> <span class="border-transparent border-b-text">Denmark (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="DJ" data-disclosure-option> <span class="border-transparent border-b-text">Djibouti (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="DM" data-disclosure-option> <span class="border-transparent border-b-text">Dominica (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="DO" data-disclosure-option> <span class="border-transparent border-b-text">Dominican Republic (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="EC" data-disclosure-option> <span class="border-transparent border-b-text">Ecuador (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="EG" data-disclosure-option> <span class="border-transparent border-b-text">Egypt (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="SV" data-disclosure-option> <span class="border-transparent border-b-text">El Salvador (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="GQ" data-disclosure-option> <span class="border-transparent border-b-text">Equatorial Guinea (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="ER" data-disclosure-option> <span class="border-transparent border-b-text">Eritrea (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="EE" data-disclosure-option> <span class="border-transparent border-b-text">Estonia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="SZ" data-disclosure-option> <span class="border-transparent border-b-text">Eswatini (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="ET" data-disclosure-option> <span class="border-transparent border-b-text">Ethiopia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="FK" data-disclosure-option> <span class="border-transparent border-b-text">Falkland Islands (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="FO" data-disclosure-option> <span class="border-transparent border-b-text">Faroe Islands (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="FJ" data-disclosure-option> <span class="border-transparent border-b-text">Fiji (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="FI" data-disclosure-option> <span class="border-transparent border-b-text">Finland (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="FR" data-disclosure-option> <span class="border-transparent border-b-text">France (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="GF" data-disclosure-option> <span class="border-transparent border-b-text">French Guiana (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="PF" data-disclosure-option> <span class="border-transparent border-b-text">French Polynesia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="TF" data-disclosure-option> <span class="border-transparent border-b-text">French Southern Territories (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="GA" data-disclosure-option> <span class="border-transparent border-b-text">Gabon (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="GM" data-disclosure-option> <span class="border-transparent border-b-text">Gambia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="GE" data-disclosure-option> <span class="border-transparent border-b-text">Georgia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="DE" data-disclosure-option> <span class="border-transparent border-b-text">Germany (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="GH" data-disclosure-option> <span class="border-transparent border-b-text">Ghana (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="GI" data-disclosure-option> <span class="border-transparent border-b-text">Gibraltar (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="GR" data-disclosure-option> <span class="border-transparent border-b-text">Greece (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="GL" data-disclosure-option> <span class="border-transparent border-b-text">Greenland (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="GD" data-disclosure-option> <span class="border-transparent border-b-text">Grenada (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="GP" data-disclosure-option> <span class="border-transparent border-b-text">Guadeloupe (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="GT" data-disclosure-option> <span class="border-transparent border-b-text">Guatemala (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="GG" data-disclosure-option> <span class="border-transparent border-b-text">Guernsey (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="GN" data-disclosure-option> <span class="border-transparent border-b-text">Guinea (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="GW" data-disclosure-option> <span class="border-transparent border-b-text">Guinea-Bissau (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="GY" data-disclosure-option> <span class="border-transparent border-b-text">Guyana (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="HT" data-disclosure-option> <span class="border-transparent border-b-text">Haiti (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="HN" data-disclosure-option> <span class="border-transparent border-b-text">Honduras (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="HK" data-disclosure-option> <span class="border-transparent border-b-text">Hong Kong SAR (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="HU" data-disclosure-option> <span class="border-transparent border-b-text">Hungary (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="IS" data-disclosure-option> <span class="border-transparent border-b-text">Iceland (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="IN" data-disclosure-option> <span class="border-transparent border-b-text">India (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="ID" data-disclosure-option> <span class="border-transparent border-b-text">Indonesia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="IQ" data-disclosure-option> <span class="border-transparent border-b-text">Iraq (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="IE" data-disclosure-option> <span class="border-transparent border-b-text">Ireland (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="IM" data-disclosure-option> <span class="border-transparent border-b-text">Isle of Man (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="IL" data-disclosure-option> <span class="border-transparent border-b-text">Israel (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="IT" data-disclosure-option> <span class="border-transparent border-b-text">Italy (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="JM" data-disclosure-option> <span class="border-transparent border-b-text">Jamaica (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="JP" data-disclosure-option> <span class="border-transparent border-b-text">Japan (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="JE" data-disclosure-option> <span class="border-transparent border-b-text">Jersey (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="JO" data-disclosure-option> <span class="border-transparent border-b-text">Jordan (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="KZ" data-disclosure-option> <span class="border-transparent border-b-text">Kazakhstan (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="KE" data-disclosure-option> <span class="border-transparent border-b-text">Kenya (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="KI" data-disclosure-option> <span class="border-transparent border-b-text">Kiribati (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="XK" data-disclosure-option> <span class="border-transparent border-b-text">Kosovo (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="KW" data-disclosure-option> <span class="border-transparent border-b-text">Kuwait (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="KG" data-disclosure-option> <span class="border-transparent border-b-text">Kyrgyzstan (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="LA" data-disclosure-option> <span class="border-transparent border-b-text">Laos (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="LV" data-disclosure-option> <span class="border-transparent border-b-text">Latvia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="LB" data-disclosure-option> <span class="border-transparent border-b-text">Lebanon (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="LS" data-disclosure-option> <span class="border-transparent border-b-text">Lesotho (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="LR" data-disclosure-option> <span class="border-transparent border-b-text">Liberia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="LY" data-disclosure-option> <span class="border-transparent border-b-text">Libya (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="LI" data-disclosure-option> <span class="border-transparent border-b-text">Liechtenstein (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="LT" data-disclosure-option> <span class="border-transparent border-b-text">Lithuania (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="LU" data-disclosure-option> <span class="border-transparent border-b-text">Luxembourg (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="MO" data-disclosure-option> <span class="border-transparent border-b-text">Macao SAR (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="MG" data-disclosure-option> <span class="border-transparent border-b-text">Madagascar (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="MW" data-disclosure-option> <span class="border-transparent border-b-text">Malawi (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="MY" data-disclosure-option> <span class="border-transparent border-b-text">Malaysia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="MV" data-disclosure-option> <span class="border-transparent border-b-text">Maldives (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="ML" data-disclosure-option> <span class="border-transparent border-b-text">Mali (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="MT" data-disclosure-option> <span class="border-transparent border-b-text">Malta (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="MQ" data-disclosure-option> <span class="border-transparent border-b-text">Martinique (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="MR" data-disclosure-option> <span class="border-transparent border-b-text">Mauritania (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="MU" data-disclosure-option> <span class="border-transparent border-b-text">Mauritius (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="YT" data-disclosure-option> <span class="border-transparent border-b-text">Mayotte (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="MX" data-disclosure-option> <span class="border-transparent border-b-text">Mexico (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="MD" data-disclosure-option> <span class="border-transparent border-b-text">Moldova (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="MC" data-disclosure-option> <span class="border-transparent border-b-text">Monaco (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="MN" data-disclosure-option> <span class="border-transparent border-b-text">Mongolia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="ME" data-disclosure-option> <span class="border-transparent border-b-text">Montenegro (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="MS" data-disclosure-option> <span class="border-transparent border-b-text">Montserrat (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="MA" data-disclosure-option> <span class="border-transparent border-b-text">Morocco (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="MZ" data-disclosure-option> <span class="border-transparent border-b-text">Mozambique (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="MM" data-disclosure-option> <span class="border-transparent border-b-text">Myanmar (Burma) (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="NA" data-disclosure-option> <span class="border-transparent border-b-text">Namibia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="NR" data-disclosure-option> <span class="border-transparent border-b-text">Nauru (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="NP" data-disclosure-option> <span class="border-transparent border-b-text">Nepal (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="NL" data-disclosure-option> <span class="border-transparent border-b-text">Netherlands (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="NC" data-disclosure-option> <span class="border-transparent border-b-text">New Caledonia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="NZ" data-disclosure-option> <span class="border-transparent border-b-text">New Zealand (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="NI" data-disclosure-option> <span class="border-transparent border-b-text">Nicaragua (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="NE" data-disclosure-option> <span class="border-transparent border-b-text">Niger (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="NG" data-disclosure-option> <span class="border-transparent border-b-text">Nigeria (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="NU" data-disclosure-option> <span class="border-transparent border-b-text">Niue (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="NF" data-disclosure-option> <span class="border-transparent border-b-text">Norfolk Island (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="MK" data-disclosure-option> <span class="border-transparent border-b-text">North Macedonia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="NO" data-disclosure-option> <span class="border-transparent border-b-text">Norway (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="OM" data-disclosure-option> <span class="border-transparent border-b-text">Oman (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="PK" data-disclosure-option> <span class="border-transparent border-b-text">Pakistan (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="PS" data-disclosure-option> <span class="border-transparent border-b-text">Palestinian Territories (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="PA" data-disclosure-option> <span class="border-transparent border-b-text">Panama (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="PG" data-disclosure-option> <span class="border-transparent border-b-text">Papua New Guinea (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="PY" data-disclosure-option> <span class="border-transparent border-b-text">Paraguay (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="PE" data-disclosure-option> <span class="border-transparent border-b-text">Peru (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="PH" data-disclosure-option> <span class="border-transparent border-b-text">Philippines (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="PN" data-disclosure-option> <span class="border-transparent border-b-text">Pitcairn Islands (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="PL" data-disclosure-option> <span class="border-transparent border-b-text">Poland (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="PT" data-disclosure-option> <span class="border-transparent border-b-text">Portugal (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="QA" data-disclosure-option> <span class="border-transparent border-b-text">Qatar (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="RE" data-disclosure-option> <span class="border-transparent border-b-text">Réunion (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="RO" data-disclosure-option> <span class="border-transparent border-b-text">Romania (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="RU" data-disclosure-option> <span class="border-transparent border-b-text">Russia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="RW" data-disclosure-option> <span class="border-transparent border-b-text">Rwanda (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="WS" data-disclosure-option> <span class="border-transparent border-b-text">Samoa (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="SM" data-disclosure-option> <span class="border-transparent border-b-text">San Marino (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="ST" data-disclosure-option> <span class="border-transparent border-b-text">São Tomé & Príncipe (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="SA" data-disclosure-option> <span class="border-transparent border-b-text">Saudi Arabia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="SN" data-disclosure-option> <span class="border-transparent border-b-text">Senegal (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="RS" data-disclosure-option> <span class="border-transparent border-b-text">Serbia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="SC" data-disclosure-option> <span class="border-transparent border-b-text">Seychelles (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="SL" data-disclosure-option> <span class="border-transparent border-b-text">Sierra Leone (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="SG" data-disclosure-option> <span class="border-transparent border-b-text">Singapore (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="SX" data-disclosure-option> <span class="border-transparent border-b-text">Sint Maarten (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="SK" data-disclosure-option> <span class="border-transparent border-b-text">Slovakia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="SI" data-disclosure-option> <span class="border-transparent border-b-text">Slovenia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="SB" data-disclosure-option> <span class="border-transparent border-b-text">Solomon Islands (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="SO" data-disclosure-option> <span class="border-transparent border-b-text">Somalia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="ZA" data-disclosure-option> <span class="border-transparent border-b-text">South Africa (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="GS" data-disclosure-option> <span class="border-transparent border-b-text">South Georgia & South Sandwich Islands (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="KR" data-disclosure-option> <span class="border-transparent border-b-text">South Korea (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="SS" data-disclosure-option> <span class="border-transparent border-b-text">South Sudan (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="ES" data-disclosure-option> <span class="border-transparent border-b-text">Spain (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="LK" data-disclosure-option> <span class="border-transparent border-b-text">Sri Lanka (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="BL" data-disclosure-option> <span class="border-transparent border-b-text">St. Barthélemy (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="SH" data-disclosure-option> <span class="border-transparent border-b-text">St. Helena (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="KN" data-disclosure-option> <span class="border-transparent border-b-text">St. Kitts & Nevis (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="LC" data-disclosure-option> <span class="border-transparent border-b-text">St. Lucia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="MF" data-disclosure-option> <span class="border-transparent border-b-text">St. Martin (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="PM" data-disclosure-option> <span class="border-transparent border-b-text">St. Pierre & Miquelon (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="VC" data-disclosure-option> <span class="border-transparent border-b-text">St. Vincent & Grenadines (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="SD" data-disclosure-option> <span class="border-transparent border-b-text">Sudan (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="SR" data-disclosure-option> <span class="border-transparent border-b-text">Suriname (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="SJ" data-disclosure-option> <span class="border-transparent border-b-text">Svalbard & Jan Mayen (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="SE" data-disclosure-option> <span class="border-transparent border-b-text">Sweden (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="CH" data-disclosure-option> <span class="border-transparent border-b-text">Switzerland (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="TW" data-disclosure-option> <span class="border-transparent border-b-text">Taiwan (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="TJ" data-disclosure-option> <span class="border-transparent border-b-text">Tajikistan (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="TZ" data-disclosure-option> <span class="border-transparent border-b-text">Tanzania (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="TH" data-disclosure-option> <span class="border-transparent border-b-text">Thailand (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="TL" data-disclosure-option> <span class="border-transparent border-b-text">Timor-Leste (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="TG" data-disclosure-option> <span class="border-transparent border-b-text">Togo (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="TK" data-disclosure-option> <span class="border-transparent border-b-text">Tokelau (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="TO" data-disclosure-option> <span class="border-transparent border-b-text">Tonga (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="TT" data-disclosure-option> <span class="border-transparent border-b-text">Trinidad & Tobago (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="TA" data-disclosure-option> <span class="border-transparent border-b-text">Tristan da Cunha (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="TN" data-disclosure-option> <span class="border-transparent border-b-text">Tunisia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="TR" data-disclosure-option> <span class="border-transparent border-b-text">Türkiye (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="TM" data-disclosure-option> <span class="border-transparent border-b-text">Turkmenistan (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="TC" data-disclosure-option> <span class="border-transparent border-b-text">Turks & Caicos Islands (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="TV" data-disclosure-option> <span class="border-transparent border-b-text">Tuvalu (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="UM" data-disclosure-option> <span class="border-transparent border-b-text">U.S. Outlying Islands (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="UG" data-disclosure-option> <span class="border-transparent border-b-text">Uganda (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="UA" data-disclosure-option> <span class="border-transparent border-b-text">Ukraine (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="AE" data-disclosure-option> <span class="border-transparent border-b-text">United Arab Emirates (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="GB" data-disclosure-option> <span class="border-transparent border-b-text">United Kingdom (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" aria-current="true" data-value="US" data-disclosure-option> <span class="border-scheme-text border-b-text">United States (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="UY" data-disclosure-option> <span class="border-transparent border-b-text">Uruguay (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="UZ" data-disclosure-option> <span class="border-transparent border-b-text">Uzbekistan (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="VU" data-disclosure-option> <span class="border-transparent border-b-text">Vanuatu (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="VA" data-disclosure-option> <span class="border-transparent border-b-text">Vatican City (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="VE" data-disclosure-option> <span class="border-transparent border-b-text">Venezuela (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="VN" data-disclosure-option> <span class="border-transparent border-b-text">Vietnam (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="WF" data-disclosure-option> <span class="border-transparent border-b-text">Wallis & Futuna (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="EH" data-disclosure-option> <span class="border-transparent border-b-text">Western Sahara (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="YE" data-disclosure-option> <span class="border-transparent border-b-text">Yemen (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="ZM" data-disclosure-option> <span class="border-transparent border-b-text">Zambia (USD $)</span> </a> </li> <li class="text-sm w-40"> <a class="block p-2" href="#" data-value="ZW" data-disclosure-option> <span class="border-transparent border-b-text">Zimbabwe (USD $)</span> </a> </li></ul> <input type="hidden" name="country_code" id="CountrySelector" value="US" data-disclosure-input/> </div> </div></form></div></div> </div> </footer> <script src="//test-shop-2-52.myshopify.com/cdn/shop/t/48/assets/sections-footer.bundle.min.js?v=165345289835534809381718769254" type="module"></script> </div>  <div id="shopify-section-sections--15302587580510__call-to-action" class="shopify-section shopify-section-group-overlay-group"> <link href="//test-shop-2-52.myshopify.com/cdn/shop/t/48/assets/block-sticker.css?v=14965695652094104001718769254" rel="stylesheet" type="text/css" media="all" /> <style data-shopify> #sticker-sections--15302587580510__call-to-action { right: 0; bottom: 0; } #sticker-sections--15302587580510__call-to-action .sticker-rotate-container { transform: rotate(0deg); } #sticker-sections--15302587580510__call-to-action img, #sticker-sections--15302587580510__call-to-action svg { width: 150px; } #sticker-text-sections--15302587580510__call-to-action { padding: calc(2rem * 150 / 300); } #sticker-text-sections--15302587580510__call-to-action, #sticker-sections--15302587580510__call-to-action .sticker-default { --adjusted-sticker-font-size: calc( * 1.5); font-size: calc(var(--adjusted-sticker-font-size) * / 300); line-height: 1; } </style> </div><div id="shopify-section-sections--15302587580510__age-check" class="shopify-section shopify-section-group-overlay-group"> </div> <div id="screenreader-announce" class="sr-only" aria-live="polite" role="status"></div> <ul hidden> <li id="a11y-refresh-page-message">Choosing a selection results in a full page refresh.</li> <li id="a11y-selection-message">Press the space key then arrow keys to make a selection.</li> </ul> <aside x-data> <template x-teleport="body"> <div x-show="$store.modals.leftDrawer.open" @keydown.escape.prevent.stop="$store.modals.close('leftDrawer')" @click="$store.modals.close('leftDrawer')" class="fixed inset-0 z-50" data-color-scheme="primary" id="modals-leftDrawer" @left-drawer-is-open.window="setTimeout(() => { $focus.first() }, 120)" > <div x-show="$store.modals.leftDrawer.open" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 bg-scheme-text/75" ></div> <div x-show="$store.modals.leftDrawer.open" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="-translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="translate-x-0" x-transition:leave-end="-translate-x-full" class="h-full w-full drawer-transition-host" > <div @click.stop x-trap.noscroll.inert="$store.modals.leftDrawer.open" class="relative w-11/12 md:w-7/12 lg:w-5/12 h-full bg-scheme-background text-scheme-text mr-auto overflow-y-auto border-r-section border-border" id="left-drawer-slot" role="dialog" aria-modal="true" :aria-label="getModalLabel('leftDrawer', $el)" tabindex="-1" >  </div> </div> </div> </template> </aside> <aside x-data> <template x-teleport="body"> <div x-show="$store.modals.rightDrawer.open" @keydown.escape.prevent.stop="$store.modals.close('rightDrawer')" @click="$store.modals.close('rightDrawer')" class="fixed inset-0 z-50" data-color-scheme="primary" id="modals-rightDrawer" @right-drawer-is-open.window="setTimeout(() => { $focus.first() }, 120)" > <div x-show="$store.modals.rightDrawer.open" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 bg-scheme-text/75" ></div> <div x-show="$store.modals.rightDrawer.open" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="translate-x-full" x-transition:enter-end="translate-x-0" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="translate-x-0" x-transition:leave-end="translate-x-full" class="h-full w-full" > <div @click.stop x-trap.noscroll.inert="$store.modals.rightDrawer.open" class="relative w-11/12 md:w-7/12 lg:w-5/12 h-full bg-scheme-background ml-auto overflow-hidden border-l-section border-border" id="right-drawer-slot" role="dialog" aria-modal="true" :aria-label="getModalLabel('rightDrawer', $el)" tabindex="-1" >  </div> </div> </div> </template> </aside> <aside x-data> <template x-teleport="body"> <div x-show="$store.modals.modal.open" @keydown.escape.prevent.stop="$store.modals.close('modal')" class="fixed inset-0 z-40" id="modals-modal" @modal-is-open.window="setTimeout(() => { $focus.first() }, 120)" > <div id="modal-slot"></div> </div> </template> </aside> <script src="//test-shop-2-52.myshopify.com/cdn/shop/t/48/assets/modals.js?v=160051358362553771071718769254" type="module"></script> <div x-data="ThemeModule_ModalCart({openOnAddToCart: true})" x-cloak> <div> <template x-teleport="#right-drawer-slot"> <div x-show="$store.modals.rightDrawer.contents === 'cart'" class="max-h-full flex flex-col h-screen overflow-hidden" :data-modal-label="$store.modals.rightDrawer.contents === 'cart'? 'Your cart' : false"> <div class="relative flex items-center justify-between pt-5 pb-2.5 px-section"> <h2 class="font-heading text-base lg:text-xl" class="" tabindex="-1"> Your cart <span class="sr-only"> - <span x-text="$store.cart_count.countWithText()"></span> </span> </h2> <button @click.prevent="$store.modals.close('cart')" class="block top-0"> <span class="sr-only">Close (esc)</span> <span class="inline-block w-5 h-5"><svg class="theme-icon" viewBox="0 0 48 48" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M46 2L2 46" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M46 46L2 2" stroke="black" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg></span> </button> </div> <div class="flex-auto flex flex-col overflow-hidden"> <div x-data="ThemeModule_CartItems" data-cart-items class="flex-auto flex flex-col overflow-hidden overflow-y-auto px-section" > <div class="py-5 text-center"> <p>Your cart is currently empty.</p> </div> </div> <p class="sr-only" id="cart-live-region-text" aria-live="polite" role="status" aria-hidden="true">TODO: $0.00 USD</p> <div class="pt-5 pb-safe-bottom relative px-section"> <div class="-translate-y-full h-16 w-full bg-gradient-to-t from-scheme-background to-transparent absolute top-0 left-0 right-0 pointer-events-none"></div> <div x-data="ThemeModule_CartFooter" data-cart-footer > </div> </div> </div> </div> </template> </div> </div> <script src="//test-shop-2-52.myshopify.com/cdn/shop/t/48/assets/modal-cart.js?v=136095141966072940001718769254" type="module"></script> <div id="shopify-block-1710008633607995074" class="shopify-block shopify-app-block" data-block-handle="app-embed"><script type="text/javascript" id="rev-app-embed-init"> window.Tydal = window.Tydal || {}; window.Tydal.embedded_version_enabled = true; window.Tydal.common = window.Tydal.common || {}; window.Tydal.common.shop = { permanent_domain: 'test-shop-2-52.myshopify.com', currency: "USD", money_format: "${{amount}}", id: 9863216 }; window.Tydal.common.template = 'product'; window.Tydal.common.cart = {}; window.Tydal.global_config = {"asset_urls":{"loy":{},"rev":{"init_js":"https:\/\/reviews.rivo.io\/assets\/storefront\/ba_rev_init-1c423b5c8195bd58dd21b3b6829cdf9fcd998c7d862cdf2aa0feeae609135497.js","display_js":"https:\/\/reviews.rivo.io\/assets\/storefront\/ba_rev_display-ce7d26453bafa64afaa7a7ff51a351a5936fffab696d205049bf1a8f805918e4.js","modal_js":"https:\/\/reviews.rivo.io\/assets\/storefront\/ba_rev_modal-60bc649662af4ac540140b74ca51d4ed57f615fc06392aa9aff1970791f3e450.js","widget_css":"https:\/\/reviews.rivo.io\/assets\/frontend\/ba_rev_widget.css","modal_css":"https:\/\/reviews.rivo.io\/assets\/frontend\/ba_rev_modal.css"},"pu":{},"widgets":{},"forms":{},"global":{"helper_js":"https:\/\/reviews.rivo.io\/assets\/storefront\/ba_ty_tracking-2e53b53d821f62396b724dd3dc4d8c8e1756be16453c87ea459dad62a5a22558.js"}},"proxy_paths":{"rev":"\/apps\/ba-rev","app_metrics":"\/apps\/ba-rev\/app_metrics"},"aat":["rev"],"pv":false,"sts":false,"bam":false,"batc":false,"base_money_format":"${{amount}}","online_store_version":1,"shop":{"id":9863216,"name":"TYDAL DEMO","domain":"test-shop-2-52.myshopify.com"}}; window.Tydal.global_config.asset_urls = { ...window.Tydal.global_config.asset_urls, rev: { init_js: 'https://cdn.shopify.com/extensions/55fefd76-35ff-4656-98b5-29ebc814b57d/tydal-reviews-21/assets/ba_rev_init.js', display_js: 'https://cdn.shopify.com/extensions/55fefd76-35ff-4656-98b5-29ebc814b57d/tydal-reviews-21/assets/ba_rev_display.js', modal_js: 'https://cdn.shopify.com/extensions/55fefd76-35ff-4656-98b5-29ebc814b57d/tydal-reviews-21/assets/ba_rev_modal.js', widget_css: 'https://cdn.shopify.com/extensions/55fefd76-35ff-4656-98b5-29ebc814b57d/tydal-reviews-21/assets/ba_rev_widget.css', modal_css: 'https://cdn.shopify.com/extensions/55fefd76-35ff-4656-98b5-29ebc814b57d/tydal-reviews-21/assets/ba_rev_modal.css' }, global: { helper_js: 'https://cdn.shopify.com/extensions/55fefd76-35ff-4656-98b5-29ebc814b57d/tydal-reviews-21/assets/ba_ty_tracking.js' } }; if (window.Tydal.common.template == 'product'){ window.Tydal.common.product = { id: 7136558055518, price: 5000, handle: "white-mug", tags: [], available: true, title: "White Mug", variants: [{"id":40967675641950,"title":"Default Title","option1":"Default Title","option2":null,"option3":null,"sku":"","requires_shipping":true,"taxable":true,"featured_image":null,"available":true,"name":"White Mug","public_title":null,"options":["Default Title"],"price":5000,"weight":0,"compare_at_price":null,"inventory_quantity":0,"inventory_management":null,"inventory_policy":"deny","barcode":"","requires_selling_plan":false,"selling_plan_allocations":[],"quantity_rule":{"min":1,"max":null,"increment":1}}] }; window.Tydal.common.product.review_data = {"stars":4.79,"reviews_count":170,"review_breakdown":{"1":1,"2":0,"3":1,"4":29,"5":139},"reviews":[{"id":2266242,"stars":4,"title":"Excellent!","body":"new","rated_at":"2024-11-26T14:59:27.567Z","author":"fsdfs@gmail.com","image_urls":[],"cloudflare_stream_urls":[],"featured":false,"source":"widget","state":"published","reply":null,"reply_is_public":null,"product_id":7136558055518,"product_title":"White Mug","product_handle":"white-mug","verified":false,"upvotes_count":0,"downvotes_count":0,"is_recommended":true},{"id":2265029,"stars":5,"title":"yay","body":"yay","rated_at":"2024-11-26T13:41:28.044Z","author":"Tracy D","image_urls":[],"cloudflare_stream_urls":[],"featured":false,"source":"widget","state":"published","reply":null,"reply_is_public":null,"product_id":7136558055518,"product_title":"White Mug","product_handle":"white-mug","verified":false,"upvotes_count":0,"downvotes_count":0,"is_recommended":true},{"id":2263590,"stars":5,"title":"dfgfg","body":"vdfdfg","rated_at":"2024-11-26T11:21:27.265Z","author":"fsdfs@gmail.com a","image_urls":[],"cloudflare_stream_urls":[],"featured":false,"source":"widget","state":"published","reply":null,"reply_is_public":null,"product_id":7136558055518,"product_title":"White Mug","product_handle":"white-mug","verified":false,"upvotes_count":1,"downvotes_count":0,"is_recommended":true},{"id":2261508,"stars":5,"title":"Amazing White Mug.","body":"It's a white mug; it's amazing.","rated_at":"2024-11-25T20:24:05.339Z","author":"White M","image_urls":[],"cloudflare_stream_urls":[],"featured":false,"source":"widget","state":"published","reply":null,"reply_is_public":null,"product_id":7136558055518,"product_title":"White Mug","product_handle":"white-mug","verified":false,"upvotes_count":1,"downvotes_count":0,"is_recommended":true},{"id":2254276,"stars":5,"title":"dossed","body":"seeds","rated_at":"2024-11-24T11:16:44.828Z","author":"dfssd","image_urls":[],"cloudflare_stream_urls":[],"featured":false,"source":"widget","state":"published","reply":null,"reply_is_public":null,"product_id":7136558055518,"product_title":"White Mug","product_handle":"white-mug","verified":false,"upvotes_count":0,"downvotes_count":0,"is_recommended":true},{"id":2203396,"stars":5,"title":"putas perras\r\nfuckyou","body":"putas perras\r\nfuckyou","rated_at":"2024-11-24T01:30:00.604Z","author":"putas f","image_urls":["https:\/\/d1327z4fntq4ap.cloudfront.net\/k8mdbuvx8bd8p5y55q4swvmiz9l7"],"cloudflare_stream_urls":[],"featured":false,"source":"widget","state":"published","reply":null,"reply_is_public":null,"product_id":7136558055518,"product_title":"White Mug","product_handle":"white-mug","verified":false,"upvotes_count":2,"downvotes_count":2,"is_recommended":true},{"id":2127473,"stars":5,"title":"perfect","body":"perfect","rated_at":"2024-11-21T04:30:20.373Z","author":"ney a","image_urls":["https:\/\/d1327z4fntq4ap.cloudfront.net\/q7id9fucgbjotz8ccsbwbn2wmsk4"],"cloudflare_stream_urls":[],"featured":false,"source":"widget","state":"published","reply":null,"reply_is_public":null,"product_id":7136558055518,"product_title":"White Mug","product_handle":"white-mug","verified":false,"upvotes_count":4,"downvotes_count":2,"is_recommended":true},{"id":2125365,"stars":5,"title":"kj","body":"kj","rated_at":"2024-11-20T21:21:24.949Z","author":"mmmm","image_urls":["https:\/\/d1327z4fntq4ap.cloudfront.net\/6b94gcq427ncj49gjr4shmaoghj1"],"cloudflare_stream_urls":[],"featured":false,"source":"widget","state":"published","reply":null,"reply_is_public":null,"product_id":7136558055518,"product_title":"White Mug","product_handle":"white-mug","verified":false,"upvotes_count":0,"downvotes_count":0,"is_recommended":true},{"id":2119671,"stars":5,"title":"teste","body":"test","rated_at":"2024-11-20T16:11:27.250Z","author":"test","image_urls":[],"cloudflare_stream_urls":[],"featured":false,"source":"widget","state":"published","reply":null,"reply_is_public":null,"product_id":7136558055518,"product_title":"White Mug","product_handle":"white-mug","verified":false,"upvotes_count":0,"downvotes_count":0,"is_recommended":true},{"id":2099998,"stars":5,"title":"Good","body":"Nice","rated_at":"2024-11-19T07:10:13.364Z","author":"Hamza Y","image_urls":[],"cloudflare_stream_urls":[],"featured":false,"source":"widget","state":"published","reply":null,"reply_is_public":null,"product_id":7136558055518,"product_title":"White Mug","product_handle":"white-mug","verified":false,"upvotes_count":0,"downvotes_count":0,"is_recommended":true}]}; } window.Tydal.rev_config = {"api_endpoint":"\/apps\/ba-rev\/rev\/ratings","widget_enabled":true,"review_discount_email_enabled":false,"translations":{"back":"Back","done":"Done","next":"Next","skip":"Skip","email":"Email Address *","review":"Review","reviews":"Reviews","continue":"Continue","about_you":"Complete your review","last_name":"Last name","thank_you":"Thanks for your review!","first_name":"First name *","reviewed_on":"Reviewed on","show_it_off":"Upload a photo or video","choose_photo":"Click to add photo","choose_video":"Click to add video","modal_header":"How would you rate this product?","review_title":"Add a title for your review","shop_replied":"{{shop_name}} replied:","tell_us_more":"Share your experience","use_discount":"Here's your discount code for {{discount_amount}} off your next order","invalid_email":"Please enter a valid email address","star1_caption":"Hate it","star2_caption":"","star3_caption":"It's ok","star4_caption":"","star5_caption":"Love it!","vote_question":"Was this review helpful?","no_reviews_yet":"No reviews yet","privacy_policy":"Privacy Policy","required_field":"Required","write_a_review":"Write a review","first_person_to":"Be the first person to","get_percent_off":"Get {{discount_amount}} off your next order!","terms_of_service":"Terms of Service","show_more_reviews":"See more reviews","verified_customer":"Verified Customer","verified_review_on":"Verified review of {{product_title}}","is_recommended_text":"I recommended this product","not_recommended_text":"I do not recommend this product","review_was_submitted":"Your review was submitted.","share_your_experience":"How was your overall experience?","discount_sent_by_email":"We also sent it by email.","error_submitting_review":"Error submitting review, please try again later.","email_already_registered":"Email already left a review","by_submitting_i_acknowledge":"By completing, I acknowledge the","review_will_publicly_posted":"and that my review will be posted publicly online","we_love_to_see_it_in_action":"We'd love to showcase it on our website!","review_summary_based_on_reviews":"Based on {{reviews_count}} reviews"},"widget_css":{"theme_link_color":"#999999","theme_star_color":"#f1c645","theme_title_color":"#0e1732","theme_footer_color":"#999999","theme_subtext_color":"#888888","theme_button_bg_color":"#ffffff","theme_star_text_color":"#0e1732","theme_input_text_color":"#0e1732","theme_button_text_color":"#0e1732","theme_launcher_bg_color":"#0e1732","theme_button_hover_color":"#000000","theme_global_icons_color":"#0e1732","theme_input_border_color":"#c1c1c1","theme_reviews_body_color":"#000000","theme_button_border_color":"#0e1732","theme_launcher_text_color":"#ffffff","theme_reviews_title_color":"#0e1732","theme_global_primary_color":"#000000","theme_launcher_border_color":"#0e1732","theme_global_button_bg_color":"#000000","theme_global_secondary_color":"#2E8B57","theme_first_review_text_color":"#000000","theme_launcher_hover_bg_color":"#111111","theme_global_button_text_color":"#FFFFFF","theme_global_button_corner_type":"regular","theme_launcher_hover_text_color":"#ffffff"},"custom_css":"#panel-nav #write-review{padding: 10px 20px; border-radius: 7px;}\n.star-bar-fill{background: #F1C645;}\n","widget_settings":{"display_per_page":10,"display_date_type":"relative","display_list_type":"list","display_summary_type":"breakdown","display_video_enabled":false,"display_star_fill_type":"full","display_voting_enabled":true,"display_panel_custom_css":"#panel-nav #write-review{padding: 10px 20px; border-radius: 7px;}\n.star-bar-fill{background: #F1C645;}\n","display_rating_text_type":"words","display_panel_custom_class":"","display_storefront_enabled":true,"display_review_date_enabled":true,"display_star_rating_enabled":true,"display_panel_custom_selector":"#custom-tydal-reviews-panel","display_verified_badge_enabled":true,"display_recommendations_enabled":false,"display_product_stars_custom_selector":"","display_write_a_review_storefront_enabled":true},"removed_tydal_branding":false,"discount_info":{"discount_type":"percentage","discount_amount":15}}; </script>  </div></body> </html>

CINXE.COM

White Mug – TYDAL DEMO