1<!doctype html> 2<html 3 class="no-js" 4 lang="en" 5> 6 <head> 7 8 9 10 11 12 13 14 15 16 17<link 18 rel="icon" 19 type="image/png" 20 href="//takesonnet.com/cdn/shop/files/SonnetLogoonBlue.png?crop=center&height=32&v=1724951310&width=32" 21 ><meta name="viewport" content="width=device-width,initial-scale=1"> 22 23
23<script> 24 (() => { 25 try { 26 var e = navigator, 27 t = e.userAgent, 28 r = 0, 29 a = (e, t, r) => e.setAttribute(t, r), 30 o = (e, t) => e.removeAttribute(t), 31 d = 'tagName', 32 n = 'forEach', 33 l = 'indexOf'; 34 ((e.platform[l]('x86_64') > -1 && 0 > t[l]('CrOS')) || t[l]('power') > -1 || t[l]('rix') > -1) && 35 new MutationObserver((e) => { 36 e[n](({ addedNodes: e }) => { 37 e[n]((e) => { 38 1 === e.nodeType && 39 ('IFRAME' === e[d] && (a(e, 'loading', 'lazy'), a(e, 'data-src', e.src), o(e, 'src')), 40 'IMG' === e[d] && r++ > 20 && a(e, 'loading', 'lazy'), 41 'SCRIPT' === e[d] && (a(e, 'data-src', e.src), o(e, 'src'), (e.type = 'text/lazyload'))); 42 }); 43 }); 44 }).observe(document.documentElement, { childList: !0, subtree: !0 }); 45 var c = (e) => document.querySelector(e), 46 s = () => Date.now(), 47 i = s(), 48 u = () => { 49 if (!(s() - i > 500)) { 50 if (!c('body>meta')) return setTimeout(u, 5); 51 var e = c('head'); 52 document.querySelectorAll("meta,link:not([rel='stylesheet']),title")[n]((t) => e.append(t)); 53 } 54 }; 55 u(); 56 } catch (m) {} 57 })(); 58 </script>
58<script> 59var w3elem = window.innerWidth < 768 ? 'touchstart' : 'click', w3Call = 0,w3LazyloadByPx = 200, w3LazyloadJs = 1, w3ExcludedJs = 0; 60var w3pageshow="";!function(){let e=[];var t=EventTarget.prototype.addEventListener;e.click=[],e.touchstart=[],window.w3Html=[],window.w3Html.eventEcr=[],window.w3Html.class="",window.w3Html["css-preloaded"]=0,window.w3Html["data-css"]=0,window.w3Html["data-css-loaded"]=0;let i=document.querySelector("html"),s=new WeakMap;function r(t){!function e(t,i=0){return!!hasClickHandler(t)||i<3&&!["HTML","BODY"].includes(t.parentNode.tagName)&&e(t.parentNode,++i)}(t.target)&&("A"!=t.target.tagName||0==t.target.href.indexOf("#")||0==t.target.href.indexOf("javascript"))&&(t.preventDefault(),console.log("click",t.target),e.click.push(t.target))}window.hasClickHandler=e=>!!s.get(e)?.click?.size,"onpageshow"in window&&(window.onpageshow=function(e){w3pageshow=e}),EventTarget.prototype.addEventListener=function(e,i,r){if(["w3-DOMContentLoaded","w3-load"].includes(e))return t.call(this,e,i,"object"==typeof r?{...r,once:!0}:{once:!0});if(["click","touchstart"].includes(e)){let a=s.get(this);return a||(a={},s.set(this,a)),(a[e]||=new Set).add(i),t.call(this,e,i,r)}return"scroll"===e?t.call(this,e,i,"object"==typeof r?{...r,passive:!0}:!0===r?{passive:!0,capture:!0}:{passive:!0}):t.call(this,e,i,r)},i.addEventListener("click",r),window.addEventListener("w3-load",function t(){return -1!=window.w3Html.class.indexOf("jsload")?(i.removeEventListener("click",r),setTimeout(function(){(function t(i,s){if(s>3)return;let r=e[i];for(let a=0;a<r.length;a++){let n=r[a];if(!window.w3Html.eventEcr.includes(n)&&void 0!==n.click)return window.w3Html.eventEcr.push(n),n.click();if(!window.w3Html.eventEcr.includes(n)&&void 0===n.click&&!["HTML","BODY"].includes(n.parentNode.tagName))return e[i]=[],e[i].push(n.parentNode),t(i,s+1)}})("click",0)},200)):setTimeout(function(){t()},50)},{passive:!0})}();class w3LoadScripts{constructor(e){this.triggerEvents=e,this.eventOptions={passive:!0},this.userEventListener=this.triggerListener.bind(this),this.lazyTrigger,this.styleLoadFired,this.lazyScriptsLoadFired=0,this.scriptsLoadFired=0,this.excluded_js=w3ExcludedJs,this.w3LazyloadJs=w3LazyloadJs,this.w3_fonts="undefined"!=typeof w3GoogleFont?w3GoogleFont:[],this.w3Styles=[],this.w3Scripts={normal:[],async:[],defer:[],lazy:[]},this.allJQueries=[],this.validScriptAttributes=new Set(["src","type","async","defer","crossorigin","integrity","nomodule","referrerpolicy","nonce","id","onload","onerror"]),this.htmlElement=document.getElementsByTagName("html")[0]}userEventsAdd(e){let t=this.triggerEvents;for(let i=0;i<t.length;i++)window.addEventListener(t[i],e.userEventListener,e.eventOptions)}userEventsRemove(e){let t=this.triggerEvents;for(let i=0;i<t.length;i++)window.removeEventListener(t[i],e.userEventListener,e.eventOptions)}async triggerListener(e){this.userEventsRemove(this),setTimeout(()=>this.callEvents(),10,10)}callEvents(){this.lazyScriptsLoadFired=1,this.addHtmlClass("w3_user"),"loading"===document.readyState?this.scriptsLoadFire||document.addEventListener("DOMContentLoaded",this.loadResources.bind(this)):this.scriptsLoadFire||this.loadResources()}async loadStyleResources(){this.styleLoadFired||(this.styleLoadFired=!0,this.registerStyles(),window.w3Html["data-css"]=this.w3Styles.length,this.preloadScripts(this.w3Styles),this.loadStylesPreloaded(),this.loadFonts(this.w3_fonts))}async loadStylesPreloaded(){setTimeout(async()=>{1==window.w3Html["css-preloaded"]?(await this.loadStyles(this.w3Styles),await this.repaintFrame()):this.loadStylesPreloaded()},10)}async loadResources(){this.loadStyleResources(),this.scriptsLoadFired||(this.scriptsLoadFired=!0,this.exeDocumentWrite(),this.registerScripts(),this.addHtmlClass("w3_start"),"function"==typeof w3EventsOnStartJs&&w3EventsOnStartJs(),await this.preloadScripts(this.w3Scripts.normal),await this.preloadScripts(this.w3Scripts.defer),await this.preloadScripts(this.w3Scripts.async),await this.loadScripts(this.w3Scripts.normal),await this.loadScripts(this.w3Scripts.defer),await this.loadScripts(this.w3Scripts.async),await this.executeDomcontentloaded(),await this.executeWindowLoad(),window.dispatchEvent(new Event("w3-scripts-loaded")),this.addHtmlClass("w3_js"),"function"==typeof w3EventsOnEndJs&&w3EventsOnEndJs(),this.lazyTrigger=setInterval(this.w3TriggerLazyScript,500,this))}async w3TriggerLazyScript(e){e.lazyScriptsLoadFired&&(await e.loadScripts(e.w3Scripts.lazy),e.addHtmlClass("jsload"),clearInterval(e.lazyTrigger))}addHtmlClass(e){this.htmlElement.classList.add(e),window.w3Html.class+=" "+e}registerScripts(){let e=document.querySelectorAll("script[type=lazyJs]"),t=document.querySelectorAll("script[type=lazyExJs]");for(let i=0;i<e.length;i++){let s=e[i];s.hasAttribute("src")?s.hasAttribute("async")&&!1!==s.async?this.w3Scripts.async.push(s):s.hasAttribute("defer")&&!1!==s.defer||"module"===s.getAttribute("data-w3-type")?this.w3Scripts.defer.push(s):this.w3Scripts.normal.push(s):this.w3Scripts.normal.push(s)}for(let r=0;r<t.length;r++)this.w3Scripts.lazy.push(t[r])}registerStyles(){let e=document.querySelectorAll("link[data-href]");for(let t=0;t<e.length;t++)this.w3Styles.push(e[t])}async executeScript(e){return new Promise(t=>{let i=document.createElement("script"),s=e.attributes;for(let r=0;r<s.length;r++){let a=s[r],n=a.nodeName;"type"!==n&&"data-cfasync"!=n&&("data-w3-type"===n&&(n="type"),(-1!=n.indexOf("data-")||-1==n.indexOf("data-")&&this.validScriptAttributes.has(n))&&i.setAttribute(n,a.nodeValue))}if(e.hasAttribute("src")){i.removeAttribute("defer"),i.setAttribute("async","async");let o=i.getAttribute("type");"text/javascript"!=o&&"application/javascript"!=o&&"module"!=o&&i.setAttribute("type","text/javascript"),e.hasAttribute("nomodule")&&i.removeAttribute("type"),i.onload=()=>{i.loaded=!0,e.onload&&"function"==typeof e.onload&&e.onload(),t()},i.onerror=()=>{i.loaded=!0,t()}}else i.text=e.text,t();if(null!==e.parentNode)try{e.parentNode.replaceChild(i,e),e.hasAttribute("nomodule")&&t()}catch(l){console.error("error",l),t()}else document.head.appendChild(i)})}async executeStyles(e){e.href=e.dataset.href,e.removeAttribute("data-href"),e.rel="stylesheet"}async loadScripts(e){let t=e.shift();return t?(await this.repaintFrame(),await this.executeScript(t),this.loadScripts(e)):Promise.resolve()}async loadStyles(e){let t=e.shift();return t?(this.executeStyles(t),this.loadStyles(e)):"loaded"}async loadFonts(e){let t=document.createDocumentFragment();for(let i=0;i<e.length;i++){let s=e[i],r=document.createElement("link");r.href=s,r.rel="stylesheet",t.appendChild(r)}document.head.appendChild(t)}preloadScripts(e){let t=document.createDocumentFragment(),i=0,s=this;for(let r=0;r<e.length;r++){let a=e[r],n=a.getAttribute("src"),o=a.getAttribute("data-href"),l=a.getAttribute("data-w3-type");if(n){let d=document.createElement("link");d.href=n,d.rel="module"==l?"modulepreload":"preload",d.as="script",t.appendChild(d)}else if(o){let c=document.createElement("link");c.href=o,c.rel="preload",c.as="style",a.hasAttribute("crossorigin")&&(c.crossOrigin=a.getAttribute("crossorigin")),a.hasAttribute("integrity")&&(c.integrity=a.getAttribute("integrity")),i++,e.length==i&&(c.dataset.last=1),t.appendChild(c),c.onload=function(){fetch(this.href,{mode:"no-cors"}).then(e=>e.blob()).then(()=>s.updateCssLoader()).catch(()=>s.updateCssLoader())},c.onerror=function(){s.updateCssLoader()}}}document.head.appendChild(t)}updateCssLoader(){window.w3Html["data-css-loaded"]=window.w3Html["data-css-loaded"]+1,window.w3Html["data-css"]==window.w3Html["data-css-loaded"]&&(window.w3Html["css-preloaded"]=1)}holdEventListeners(){let e={};function t(t,i){let s=Object.getOwnPropertyDescriptor(t,"addEventListener");(void 0==s||s.writable)&&(!function(t){function i(i){return e[t].eventsToRewrite.indexOf(i)>=0?"w3-"+i:i}e[t]||(e[t]={originalFunctions:{add:t.addEventListener,remove:t.removeEventListener},eventsToRewrite:[]},t.addEventListener=function(){arguments[0]=i(arguments[0]),e[t].originalFunctions.add.apply(t,arguments)},t.removeEventListener=function(){arguments[0]=i(arguments[0]),e[t].originalFunctions.remove.apply(t,arguments)})}(t),e[t].eventsToRewrite.push(i))}function i(e,t){let i=e[t];Object.defineProperty(e,t,{get:()=>i||function(){},set(s){e["w3"+t]=i=s}})}t(document,"DOMContentLoaded"),t(window,"DOMContentLoaded"),t(window,"load"),t(window,"pageshow"),t(document,"readystatechange"),i(document,"onreadystatechange"),i(window,"onload"),i(window,"onpageshow")}bindFunc(e,t,i){if(-1==window.w3Html.class.indexOf("w3_js")){setTimeout(()=>this.bindFunc(e,t,i),50,50);return}e.bind(t)(i)}holdJquery(e){let t=window.jQuery;Object.defineProperty(window,"jQuery",{get:()=>t,set(i){if(i&&i.fn&&!e.allJQueries.includes(i)){i.fn.ready=i.fn.init.prototype.ready=function(t){if(void 0!==t)return e.scriptsLoadFired?e.domReadyFired?e.bindFunc(t,document,i):document.addEventListener("w3-DOMContentLoaded",()=>e.bindFunc(t,document,i)):document.addEventListener("DOMContentLoaded",()=>t.bind(document)(i)),i(document)};let s=i.fn.on;i.fn.on=i.fn.init.prototype.on=function(){if("ready"==arguments[0]||"w3-DOMContentLoad"==arguments[0]){if
60(this[0]!==document)return s.apply(this,arguments),this;if("string"!=typeof arguments[1])return e.bindFunc(arguments[1],document,i)}if(this[0]===window){function t(e){return e.split(" ").map(e=>"load"===e||0===e.indexOf("load")?"w3-jquery-load":e).join(" ")}"string"==typeof arguments[0]||arguments[0]instanceof String?arguments[0]=t(arguments[0]):"object"==typeof arguments[0]&&Object.keys(arguments[0]).forEach(e=>{Object.assign(arguments[0],{[t(e)]:arguments[0][e]})[e]})}return s.apply(this,arguments),this},e.allJQueries.push(i)}t=i}})}async executeDomcontentloaded(e){e||(this.domReadyFired=!0,document.w3readyState=document.readyState),await this.repaintFrame(),document.dispatchEvent(new Event("w3-DOMContentLoaded")),await this.repaintFrame(),window.dispatchEvent(new Event("w3-DOMContentLoaded")),await this.repaintFrame(),document.dispatchEvent(new Event("w3-readystatechange")),await this.repaintFrame(),document.w3onreadystatechange&&document.w3onreadystatechange()}async executeWindowLoad(e=0){if(!e&&-1==window.w3Html.class.indexOf("w3_js"))return setTimeout(()=>this.executeWindowLoad(),10);!0==this.domReadyFired&&(document.w3readyState=document.readyState),await this.repaintFrame(),setTimeout(()=>window.dispatchEvent(new Event("w3-load")),100),await this.repaintFrame(),window.w3onload&&window.w3onload(),await this.repaintFrame();for(let t=0;t<this.allJQueries.length;t++)this.allJQueries[t](window).trigger("w3-jquery-load");window.dispatchEvent(new Event("w3-pageshow")),await this.repaintFrame(),window.w3onpageshow&&window.w3onpageshow(w3pageshow)}exeDocumentWrite(){let e=new Map,t=new Map,i=null,s=function(i){if(!i||!t.has(i))return;let s=t.get(i);if(0===s.length)return;let r=s.join("");t.set(i,[]);let a=document.createRange(),n=i.parentElement,o=e.get(i);void 0===o&&(o=i.nextSibling,e.set(i,o));let l=document.createDocumentFragment();a.setStart(l,0),l.appendChild(a.createContextualFragment(r)),n.insertBefore(l,o)},r=function(e,r=!1){r&&(e+="\\n");let a=document.currentScript;a||console.error("unable to document.write this: "+e),t.has(a)||t.set(a,[]),t.get(a).push(e),i&&clearTimeout(i),i=setTimeout(()=>{s(a),i=null},0)};document.write=function(e){r(e,!1)},document.writeln=function(e){r(e,!0)}}async repaintFrame(){return new Promise(e=>requestAnimationFrame(e))}async execBeforeW3Load(){await this.executeDomcontentloaded(1),await this.executeWindowLoad(1)}static execute(){let e=new w3LoadScripts(["keydown","mousemove","touchmove","touchstart","touchend","wheel"]);if(window.addEventListener("DOMContentLoaded",()=>{e.execBeforeW3Load()}),e.holdJquery(e),e.holdEventListeners(),document.w3readyState="loading",e.userEventsAdd(e),window.location.href.indexOf("w3=1")>-1||window.location.href.indexOf("w3%3D1")>-1)return window.addEventListener("load",()=>{setTimeout(()=>{let t=new Image;t.src=w3BlankImgUrl,document.body.appendChild(t),e.triggerListener()},1e3)});let t=void 0!==window.w3TriggerUrls&&Array.isArray(window.w3TriggerUrls)?window.w3TriggerUrls:[],i=window.location.href,s=t.some(e=>i.indexOf(e)>-1);if(s||!e.w3LazyloadJs||window.scrollY>50||"complete"==document.readyState||"interactive"==document.readyState)return setTimeout(()=>e.triggerListener(),100,100);let r=setInterval(function e(t){if(null!=document.body){let i=document.body.getBoundingClientRect();i.top<-30&&setTimeout(()=>t.triggerListener(),100,100),clearInterval(r)}},500,e)}}w3LoadScripts.execute(); 61</script>
vendor: 2 bytes, line 61
61
62<script> 63class CustomContentProcessor{constructor(){this.deferredScripts=[]}countSubstring(e,t){let r=RegExp(t,"g"),s=e.match(r);return s?s.length:0}parseHTML(e){e.trim().startsWith("<")||(e="<div>"+e+"</div>");let t=new DOMParser,r=t.parseFromString(e,"text/html");if(0===r.body.childNodes.length){let s=document.createElement("div");s.innerHTML=e;let a=[];return Array.from(s.childNodes).forEach((e,t)=>{if("SCRIPT"===e.tagName)a.push(e);else if(e.nodeType===Node.ELEMENT_NODE){let r=e.querySelectorAll("script");r.forEach((e,t)=>{a.push(e)}),a.push(e)}else a.push(e)}),a}let o=[];return[...r.head.childNodes,...r.body.childNodes].forEach((e,t)=>{if("SCRIPT"===e.tagName)o.push(e);else if(e.nodeType===Node.ELEMENT_NODE){let r=e.querySelectorAll("script");r.forEach((e,t)=>{o.push(e)}),o.push(e)}else o.push(e)}),o}executeScripts(e,t){let r=[],s=[];e.forEach(e=>{e.nodeType===Node.ELEMENT_NODE&&"SCRIPT"===e.tagName?s.push(e):r.push(e)}),r.forEach(e=>{if(e.nodeType===Node.ELEMENT_NODE){let r=document.createElement(e.tagName.toLowerCase());Array.from(e.attributes).forEach(e=>{try{!e.name||e.name.includes('"')||e.name.includes("'")||e.name.includes(" ")||r.setAttribute(e.name,e.value)}catch(t){}}),r.innerHTML=e.innerHTML,t.appendChild(r)}else(e.nodeType===Node.TEXT_NODE||e.nodeType===Node.COMMENT_NODE)&&t.appendChild(e.cloneNode(!1))}),s.forEach(e=>{let r=document.createElement("script");if(Array.from(e.attributes).forEach(e=>{try{!e.name||e.name.includes('"')||e.name.includes("'")||e.name.includes(" ")||r.setAttribute(e.name,e.value)}catch(t){}}),e.src)r.src=e.src;else{let s=e.textContent||e.innerHTML;"function"==typeof customizeScriptContent&&(s=customizeScriptContent(s)),r.textContent=s}try{r.defer?this.deferredScripts.push({container:t,script:r}):t.appendChild(r)}catch(a){}})}processTextarea(e,t){let r=document.getElementById(e);if(r){let s="";if(s="TEMPLATE"===r.tagName?r.innerHTML:"TEXTAREA"===r.tagName?r.value:r.innerHTML){let a=this.parseHTML(s);this.executeScripts(a,t)}r.remove()}}processCustomHeader(){console.log("Custom Header started"),this.processTextarea("custom-header",document.head||document.getElementsByTagName("head")[0]),console.log("Custom Header end")}processContentHeader(){console.log("Content Header started"),this.processTextarea("custom-content-header",document.head||document.getElementsByTagName("head")[0]),console.log("Content Header end")}processDeferredScripts(){console.log("deferred scripts",this.deferredScripts),this.deferredScripts.forEach(({container:e,script:t})=>{try{e.appendChild(t)}catch(r){}}),this.deferredScripts=[]}processCustomFooter(){console.log("Custom Footer started"),this.processTextarea("custom-footer",document.body||document.getElementsByTagName("body")[0]),console.log("Custom Footer end"),this.processDeferredScripts()}} 64</script>
vendor: 2 bytes, line 64
64
65<script> 66 const customProcessor = new CustomContentProcessor(); 67</script>
67 68 69 70 <template id="custom-content-header" style="display:none;"> 71
71<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
71<meta name="google-site-verification" content="BbdhxEMQKvkJHiH2iuZmfscEmCwr-ppeDxpgLV37nVY"> 72<meta name="facebook-domain-verification" content="675fsgsioa6lgd8ix5lyiorsemwubp"> 73<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/36857544840/digital_wallets/dialog"> 74<meta id="in-context-paypal-metadata" data-shop-id="36857544840" data-venmo-supported="false" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 75<link rel="ucp" href="/.well-known/ucp" version="2026-08-25"><link rel="alternate" type="application/atom+xml" title="Feed" href="/blogs/sleep.atom" />
76<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=53772424"></script>
76 77<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
78<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=53772424&shop_id=36857544840" crossorigin="anonymous"></script>
vendor: 1 bytes, line 78
78
79<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":36857544840,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/36857544840","merchantName":"Sonnet","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","discover","amex","elo","jcb"],"total":{"type":"pending","label":"Sonnet","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 79
79
80<script id="shopify-features" type="application/json">{"accessToken":"be82b904a6ef7cdde21ee59a57fb216e","betas":["rich-media-storefront-analytics"],"domain":"takesonnet.com","predictiveSearch":true,"shopId":36857544840,"locale":"en"}</script>
vendor: 1 bytes, line 80
80
81<script>var Shopify = Shopify || {}; 82Shopify.shop = "getproper.myshopify.com"; 83Shopify.locale = "en"; 84Shopify.currency = {"active":"USD","rate":"1.0"}; 85Shopify.country = "US"; 86Shopify.theme = {"name":"--- SG-Sonnet Formula Explorer\u003c\u003eOptimizatio...","id":150130327688,"schema_name":"Horizon","schema_version":"3.2.0","theme_store_id":null,"role":"main"}; 87Shopify.theme.handle = "null"; 88Shopify.theme.style = {"id":null,"handle":null}; 89Shopify.cdnHost = "takesonnet.com/cdn"; 90Shopify.routes = Shopify.routes || {}; 91Shopify.routes.root = "/"; 92Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 93Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 94Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 95Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 95
95
96<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 96
96
97<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 97
97
98<script> 99 window.ShopifyPay = window.ShopifyPay || {}; 100 window.ShopifyPay.apiHost = "shop.app\/pay"; 101 window.ShopifyPay.redirectState = null; 102</script>
vendor: 1 bytes, line 102
102
103<script> 104 window.Shopify = window.Shopify || {}; 105 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 106 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 107 window.Shopify.SignInWithShop.eligible = true; 108</script>
vendor: 1 bytes, line 108
108
109<script id="shop-js-analytics" type="application/json">{"pageType":"blog"}</script>
vendor: 1 bytes, line 109
109
110<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 110
110
111<script type="module"> 112 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 113 114 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 115 116</script>
vendor: 1 bytes, line 116
116
117<script> 118 window.Shopify = window.Shopify || {}; 119 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 120 window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]}; 121</script>
vendor: 1 bytes, line 121
121
122<script>(function() { 123 var isLoaded = false; 124 function asyncLoad() { 125 if (isLoaded) return; 126 isLoaded = true; 127 var urls = ["https:\/\/static.klaviyo.com\/onsite\/js\/klaviyo.js?company_id=S6Dv7G\u0026shop=getproper.myshopify.com","https:\/\/static.klaviyo.com\/onsite\/js\/klaviyo.js?company_id=S6Dv7G\u0026shop=getproper.myshopify.com","https:\/\/kp-27ma.klck.dev\/boa.js?v=93\u0026version=v2\u0026platform=shopify\u0026domain_id=2076\u0026account_id=1007\u0026b_type_cart=30813e592ac5d74b\u0026b_type_visit=3a18e60d464bdbcd\u0026b_type_checkout=dfbf51e3903986e7\u0026shop=getproper.myshopify.com"]; 128 for (var i = 0; i < urls.length; i++) { 129 var s = document.createElement('script'); 130 s.type = 'text/javascript'; 131 s.async = true; 132 s.src = urls[i]; 133 var x = document.getElementsByTagName('script')[0]; 134 x.parentNode.insertBefore(s, x); 135 } 136 }; 137 if(window.attachEvent) { 138 window.attachEvent('onload', asyncLoad); 139 } else { 140 window.addEventListener('load', asyncLoad, false); 141 } 142})();</script>
vendor: 1 bytes, line 142
142
143<script id="__st">var __st={"a":36857544840,"offset":-14400,"reqid":"f0189aad-5579-480d-952a-2605283adefd-1791599209","pageurl":"takesonnet.com\/blogs\/sleep","s":"blogs-85568880776","u":"a995e3d03ccd","p":"blog","rtyp":"blog","rid":85568880776};</script>
vendor: 1 bytes, line 143
143
144<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 144
144
145<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!1)}();</script>
vendor: 1 bytes, line 145
145
146<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//takesonnet.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 146
146
147<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//takesonnet.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
147<script crossorigin="anonymous" defer="defer" src="//takesonnet.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-f0e26bdf.js?v=20250812"></script>
vendor: 1 bytes, line 147
147
148<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 148
148
149<script> 150 window.Shopify = window.Shopify || {}; 151 window.Shopify.MCP = window.Shopify.MCP || {}; 152 window.Shopify.MCP.enabled = true; 153 window.Shopify.MCP.shop = "getproper.myshopify.com"; 154 window.Shopify.MCP.mcpEndpoint = "https:\/\/takesonnet.com\/api\/mcp"; 155 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\nSet policy_types to also get the store's written policies (full text and URL).\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."},"policy_types":{"type":"array","items":{"type":"string","enum":["refund","shipping","privacy","terms_of_service","terms_of_sale","subscription","legal_notice","contact"]},"description":"Policy kinds to fetch, chosen from the user's question â e.g. [\"refund\"] for returns\/exchanges\/damaged items, [\"contact\"] for phone\/hours\/address. Include every kind the question touches. Omit it to get only FAQ answers."}},"required":["query"]}}]; 156</script>
vendor: 1 bytes, line 156
156
157<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/takesonnet.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-f427de6a.js","sha256-ypGF+5vIq4Psw4WG7nsVtdd\/TCfsJWnrNuACdqLCElY=");})(); 158</script>
vendor: 1 bytes, line 158
158
159<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://takesonnet.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 160</script>
vendor: 1 bytes, line 160
160
161<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 162 function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent); 163</script>
vendor: 1 bytes, line 163
163
164<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}})); 165</script>
165 166<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://takesonnet.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 167<style id="shopify-accelerated-checkout-cart"> 168 #shopify-buyer-consent { 169 margin-top: 1em; 170 display: inline-block; 171 width: 100%; 172} 173 174#shopify-buyer-consent.hidden { 175 display: none; 176} 177 178#shopify-subscription-policy-button { 179 background: none; 180 border: none; 181 padding: 0; 182 text-decoration: underline; 183 font-size: inherit; 184 cursor: pointer; 185} 186 187#shopify-subscription-policy-button::before { 188 box-shadow: none; 189} 190 191 </style> 192<link rel="stylesheet" media="screen" href="//takesonnet.com/cdn/shop/t/58/compiled_assets/styles.css?v=23181124871874149941788019390">
193<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
193 194 </template> 195 196
196<script> 197 customProcessor.processContentHeader(); 198 customProcessor.processDeferredScripts(); 199 </script>
199 200 <link 201 rel="expect" 202 href="#MainContent" 203 blocking="render" 204 id="view-transition-render-blocker" 205 ><meta charset="utf-8"> 206<meta 207 http-equiv="X-UA-Compatible" 208 content="IE=edge" 209> 210<meta 211 name="viewport" 212 content="width=device-width,initial-scale=1" 213> 214<meta 215 name="view-transition" 216 content="same-origin" 217> 218<meta 219 name="theme-color" 220 content="" 221> 222 223<meta 224 property="og:site_name" 225 content="Sonnet" 226> 227<meta 228 property="og:url" 229 content="https://takesonnet.com/blogs/sleep" 230> 231<meta 232 property="og:title" 233 content="Sleep Blog" 234> 235<meta 236 property="og:type" 237 content="website" 238> 239<meta 240 property="og:description" 241 content="Evidence-backed supplements for holistic, long-term sleep health, starting tonight." 242><meta 243 property="og:image" 244 content="http://takesonnet.com/cdn/shop/files/Asset_6_4x_a619ce68-b193-4bb5-b3d3-ea620d61497a.png?v=1732651859" 245 > 246 <meta 247 property="og:image:secure_url" 248 content="https://takesonnet.com/cdn/shop/files/Asset_6_4x_a619ce68-b193-4bb5-b3d3-ea620d61497a.png?v=1732651859" 249 > 250 <meta 251 property="og:image:width" 252 content="1400" 253 > 254 <meta 255 property="og:image:height" 256 content="700" 257 ><meta 258 name="twitter:card" 259 content="summary_large_image" 260> 261<meta 262 name="twitter:title" 263 content="Sleep Blog" 264> 265<meta 266 name="twitter:description" 267 content="Evidence-backed supplements for holistic, long-term sleep health, starting tonight." 268> 269 270<title> 271 Sleep Blog 272 – Sonnet</title> 273 274<link 275 rel="canonical" 276 href="https://takesonnet.com/blogs/sleep" 277> 278 279 280 281 282 <link rel="stylesheet" href="//takesonnet.com/cdn/shop/t/58/assets/overflow-list.css?v=101911674359793798601782976135"> 283 <noscript> 284 <link rel="stylesheet" href="//takesonnet.com/cdn/shop/t/58/assets/overflow-list.css?v=101911674359793798601782976135"> 285 </noscript> 286 <link rel="stylesheet" href="//takesonnet.com/cdn/shop/t/58/assets/base.css?v=163594181978187341901782998615"> 287 <noscript> 288 <link rel="stylesheet" href="//takesonnet.com/cdn/shop/t/58/assets/base.css?v=163594181978187341901782998615"> 289 </noscript> 290 291 292<link 293 rel="preload" 294 as="font" 295 href="//takesonnet.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2" 296 type="font/woff2" 297 crossorigin 298 fetchpriority="low" 299 ><link 300 rel="preload" 301 as="font" 302 href="//takesonnet.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2" 303 type="font/woff2" 304 crossorigin 305 fetchpriority="low" 306 ><link 307 rel="preload" 308 as="font" 309 href="//takesonnet.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2" 310 type="font/woff2" 311 crossorigin 312 fetchpriority="low" 313 ><link 314 rel="preload" 315 as="font" 316 href="//takesonnet.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2" 317 type="font/woff2" 318 crossorigin 319 fetchpriority="low" 320 > 321 322 <link rel="preconnect" href="https://fonts.googleapis.com"> 323 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 324 <link 325 rel="preload" 326 as="style" 327 href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" 328 onload="this.rel='stylesheet'" 329 > 330 <noscript 331 ><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&display=swap" 332 ></noscript> 333 334 335 <link rel="preconnect" href="https://static.klaviyo.com" crossorigin> 336 <link rel="preconnect" href="https://staticw2.yotpo.com" crossorigin> 337 <link rel="preconnect" href="https://p.yotpo.com" crossorigin>
337<script async crossorigin fetchpriority="high" src="/cdn/shopifycloud/importmap-polyfill/es-modules-shim.2.4.0.js"></script>
vendor: 1 bytes, line 337
337
338<script type="importmap"> 339 { 340 "imports": { 341 "@theme/overflow-list": "//takesonnet.com/cdn/shop/t/58/assets/overflow-list.js?v=118229646772888945001782976135", 342 "@theme/product-title": "//takesonnet.com/cdn/shop/t/58/assets/product-title-truncation.js?v=81744426891537421781782976135", 343 "@theme/component": "//takesonnet.com/cdn/shop/t/58/assets/component.js?v=184240237101443119871782976135", 344 "@theme/dialog": "//takesonnet.com/cdn/shop/t/58/assets/dialog.js?v=122984339961420548111782976135", 345 "@theme/events": "//takesonnet.com/cdn/shop/t/58/assets/events.js?v=147926035229139604561782976135", 346 "@theme/focus": "//takesonnet.com/cdn/shop/t/58/assets/focus.js?v=60436577539430446401782976135", 347 "@theme/morph": "//takesonnet.com/cdn/shop/t/58/assets/morph.js?v=92630016404903954311782976135", 348 "@theme/paginated-list": "//takesonnet.com/cdn/shop/t/58/assets/paginated-list.js?v=95298315036233333871782976135", 349 "@theme/performance": "//takesonnet.com/cdn/shop/t/58/assets/performance.js?v=171015751390534793081782976135", 350 "@theme/product-form": "//takesonnet.com/cdn/shop/t/58/assets/product-form.js?v=101553355218818713941782976135", 351 "@theme/recently-viewed-products": "//takesonnet.com/cdn/shop/t/58/assets/recently-viewed-products.js?v=94729125001750262651782976135", 352 "@theme/scrolling": "//takesonnet.com/cdn/shop/t/58/assets/scrolling.js?v=10957690925586738441782976135", 353 "@theme/section-renderer": "//takesonnet.com/cdn/shop/t/58/assets/section-renderer.js?v=117273408521114569061782976135", 354 "@theme/section-hydration": "//takesonnet.com/cdn/shop/t/58/assets/section-hydration.js?v=177651605160027701221782976135", 355 "@theme/utilities": "//takesonnet.com/cdn/shop/t/58/assets/utilities.js?v=74239430246599389161782976135", 356 "@theme/variant-picker": "//takesonnet.com/cdn/shop/t/58/assets/variant-picker.js?v=149675540490105388771782976135", 357 "@theme/media-gallery": "//takesonnet.com/cdn/shop/t/58/assets/media-gallery.js?v=111441960308641931071782976135", 358 "@theme/quick-add": "//takesonnet.com/cdn/shop/t/58/assets/quick-add.js?v=153456645952932131621782976135", 359 "@theme/paginated-list-aspect-ratio": "//takesonnet.com/cdn/shop/t/58/assets/paginated-list-aspect-ratio.js?v=25254270272143792451782976135", 360 "@theme/popover-polyfill": "//takesonnet.com/cdn/shop/t/58/assets/popover-polyfill.js?v=119029313658895111201782976135", 361 "@theme/component-quantity-selector": "//takesonnet.com/cdn/shop/t/58/assets/component-quantity-selector.js?v=67906657287482036641782976135", 362 "@theme/comparison-slider": "//takesonnet.com/cdn/shop/t/58/assets/comparison-slider.js?v=106705562947035711941782976135", 363 "@theme/sticky-add-to-cart": "//takesonnet.com/cdn/shop/t/58/assets/sticky-add-to-cart.js?v=154911430820401916441782976135", 364 "@theme/fly-to-cart": "//takesonnet.com/cdn/shop/t/58/assets/fly-to-cart.js?v=155804937177242853651782976135" 365 } 366 } 367</script>
367 368 369 370 371
371<script 372 src="//takesonnet.com/cdn/shop/t/58/assets/view-transitions.js?v=84877080446900032951782976135" 373 async 374 blocking="render" 375 fetchpriority="low" 376 type="lazyJs" 377 ></script>
377 378 379 380 381<link 382 rel="modulepreload" 383 href="//takesonnet.com/cdn/shop/t/58/assets/utilities.js?v=74239430246599389161782976135" 384 fetchpriority="low" 385 type="lazyJs" 386> 387<link 388 rel="modulepreload" 389 href="//takesonnet.com/cdn/shop/t/58/assets/component.js?v=184240237101443119871782976135" 390 fetchpriority="low" 391 type="lazyJs" 392> 393<link 394 rel="modulepreload" 395 href="//takesonnet.com/cdn/shop/t/58/assets/section-renderer.js?v=117273408521114569061782976135" 396 fetchpriority="low" 397 type="lazyJs" 398> 399<link 400 rel="modulepreload" 401 href="//takesonnet.com/cdn/shop/t/58/assets/section-hydration.js?v=177651605160027701221782976135" 402 fetchpriority="low" 403 type="lazyJs" 404> 405<link 406 rel="modulepreload" 407 href="//takesonnet.com/cdn/shop/t/58/assets/morph.js?v=92630016404903954311782976135" 408 fetchpriority="low" 409 type="lazyJs" 410> 411 412 413 414<link 415 rel="modulepreload" 416 href="//takesonnet.com/cdn/shop/t/58/assets/focus.js?v=60436577539430446401782976135" 417 fetchpriority="low" 418 type="lazyJs" 419> 420<link 421 rel="modulepreload" 422 href="//takesonnet.com/cdn/shop/t/58/assets/recently-viewed-products.js?v=94729125001750262651782976135" 423 fetchpriority="low" 424 type="lazyJs" 425> 426<link 427 rel="modulepreload" 428 href="//takesonnet.com/cdn/shop/t/58/assets/scrolling.js?v=10957690925586738441782976135" 429 fetchpriority="low" 430 type="lazyJs" 431> 432<link 433 rel="modulepreload" 434 href="//takesonnet.com/cdn/shop/t/58/assets/events.js?v=147926035229139604561782976135" 435 fetchpriority="low" 436 type="lazyJs" 437>
438<script 439 src="//takesonnet.com/cdn/shop/t/58/assets/popover-polyfill.js?v=119029313658895111201782976135" 440 type="module" 441 fetchpriority="low" 442></script>
vendor: 1 bytes, line 442
442
443<script 444 src="//takesonnet.com/cdn/shop/t/58/assets/overflow-list.js?v=118229646772888945001782976135" 445 type="module" 446 fetchpriority="low" 447></script>
vendor: 1 bytes, line 447
447
448<script 449 src="//takesonnet.com/cdn/shop/t/58/assets/quick-add.js?v=153456645952932131621782976135" 450 type="module" 451 fetchpriority="low" 452></script>
452 453 454
454<script 455 src="//takesonnet.com/cdn/shop/t/58/assets/cart-discount.js?v=107077853990124422021782976135" 456 type="module" 457 fetchpriority="low" 458 ></script>
458 459 460
461<script 462 src="//takesonnet.com/cdn/shop/t/58/assets/dialog.js?v=122984339961420548111782976135" 463 type="module" 464 fetchpriority="low" 465></script>
vendor: 1 bytes, line 465
465
466<script 467 src="//takesonnet.com/cdn/shop/t/58/assets/variant-picker.js?v=149675540490105388771782976135" 468 type="module" 469 fetchpriority="low" 470></script>
vendor: 1 bytes, line 470
470
471<script 472 src="//takesonnet.com/cdn/shop/t/58/assets/product-card.js?v=84479636789602760481782976135" 473 type="module" 474 fetchpriority="low" 475 defer 476></script>
vendor: 1 bytes, line 476
476
477<script 478 src="//takesonnet.com/cdn/shop/t/58/assets/product-form.js?v=101553355218818713941782976135" 479 type="module" 480 fetchpriority="low" 481 defer 482></script>
vendor: 1 bytes, line 482
482
483<script 484 src="//takesonnet.com/cdn/shop/t/58/assets/fly-to-cart.js?v=155804937177242853651782976135" 485 type="module" 486 fetchpriority="low" 487 defer 488></script>
vendor: 1 bytes, line 488
488
489<script 490 src="//takesonnet.com/cdn/shop/t/58/assets/accordion-custom.js?v=99000499017714805851782976135" 491 type="module" 492 fetchpriority="low" 493 defer 494></script>
vendor: 1 bytes, line 494
494
495<script 496 src="//takesonnet.com/cdn/shop/t/58/assets/disclosure-custom.js?v=168050880623268140331782976135" 497 type="module" 498 fetchpriority="low" 499 defer 500></script>
vendor: 1 bytes, line 500
500
501<script 502 src="//takesonnet.com/cdn/shop/t/58/assets/media.js?v=37825095869491791421782976135" 503 type="module" 504 fetchpriority="low" 505 defer 506></script>
vendor: 1 bytes, line 506
506
507<script 508 src="//takesonnet.com/cdn/shop/t/58/assets/product-price.js?v=117989390664188536191782976135" 509 type="module" 510 fetchpriority="low" 511 defer 512></script>
vendor: 1 bytes, line 512
512
513<script 514 src="//takesonnet.com/cdn/shop/t/58/assets/product-sku.js?v=121804655373531320511782976135" 515 type="module" 516 fetchpriority="low" 517 defer 518></script>
vendor: 1 bytes, line 518
518
519<script 520 src="//takesonnet.com/cdn/shop/t/58/assets/product-title-truncation.js?v=81744426891537421781782976135" 521 type="module" 522 fetchpriority="low" 523 defer 524></script>
vendor: 1 bytes, line 524
524
525<script 526 src="//takesonnet.com/cdn/shop/t/58/assets/product-inventory.js?v=16343734458933704981782976135" 527 type="module" 528 fetchpriority="low" 529 defer 530></script>
vendor: 1 bytes, line 530
530
531<script 532 src="//takesonnet.com/cdn/shop/t/58/assets/show-more.js?v=94563802205717136101782976135" 533 type="module" 534 fetchpriority="low" 535 defer 536></script>
vendor: 1 bytes, line 536
536
537<script 538 src="//takesonnet.com/cdn/shop/t/58/assets/slideshow.js?v=154015486816472108841782976135" 539 fetchpriority="low" 540 type="module" 541 defer 542></script>
vendor: 1 bytes, line 542
542
543<script 544 src="//takesonnet.com/cdn/shop/t/58/assets/layered-slideshow.js?v=30135417790894624731782976135" 545 type="module" 546 fetchpriority="low" 547 defer 548></script>
vendor: 1 bytes, line 548
548
549<script 550 src="//takesonnet.com/cdn/shop/t/58/assets/anchored-popover.js?v=95953304814728754461782976135" 551 type="module" 552 fetchpriority="low" 553 defer 554></script>
vendor: 1 bytes, line 554
554
555<script 556 src="//takesonnet.com/cdn/shop/t/58/assets/floating-panel.js?v=128677600744947036551782976135" 557 type="module" 558 fetchpriority="low" 559 defer 560></script>
vendor: 1 bytes, line 560
560
561<script 562 src="//takesonnet.com/cdn/shop/t/58/assets/video-background.js?v=25237992823806706551782976135" 563 type="module" 564 fetchpriority="low" 565 defer 566></script>
vendor: 1 bytes, line 566
566
567<script 568 src="//takesonnet.com/cdn/shop/t/58/assets/component-quantity-selector.js?v=67906657287482036641782976135" 569 type="module" 570 fetchpriority="low" 571 defer 572></script>
vendor: 1 bytes, line 572
572
573<script 574 src="//takesonnet.com/cdn/shop/t/58/assets/media-gallery.js?v=111441960308641931071782976135" 575 type="module" 576 fetchpriority="low" 577 defer 578></script>
vendor: 1 bytes, line 578
578
579<script 580 src="//takesonnet.com/cdn/shop/t/58/assets/rte-formatter.js?v=101420294193111439321782976135" 581 type="module" 582 fetchpriority="low" 583 defer 584></script>
vendor: 1 bytes, line 584
584
585<script 586 src="//takesonnet.com/cdn/shop/t/58/assets/volume-pricing.js?v=15442793518842484731782976135" 587 type="module" 588 fetchpriority="low" 589 defer 590></script>
vendor: 1 bytes, line 590
590
591<script 592 src="//takesonnet.com/cdn/shop/t/58/assets/price-per-item.js?v=144512917617120124431782976135" 593 type="module" 594 fetchpriority="low" 595 defer 596></script>
vendor: 1 bytes, line 596
596
597<script 598 src="//takesonnet.com/cdn/shop/t/58/assets/volume-pricing-info.js?v=94479640769665442661782976135" 599 type="module" 600 fetchpriority="low" 601 defer 602></script>
602 603 604 605 606 607 608 609
609<script 610 src="//takesonnet.com/cdn/shop/t/58/assets/product-card-link.js?v=97122579314620396511782976135" 611 type="module" 612 fetchpriority="low" 613 defer 614 ></script>
614 615 616
617<script 618 src="//takesonnet.com/cdn/shop/t/58/assets/auto-close-details.js?v=58350291535404441581782976135" 619 defer="defer" 620></script>
620 621
622<script> 623 const Theme = { 624 translations: { 625 placeholder_image: `Placeholder image`, 626 added: `Added`, 627 recipient_form_fields_visible: `Recipient form fields are now visible`, 628 recipient_form_fields_hidden: `Recipient form fields are now hidden`, 629 recipient_form_error: `There was an error with the form submission`, 630 items_added_to_cart_one: `1 item added to cart`, 631 items_added_to_cart_other: `{{ count }} items added to cart`, 632 }, 633 routes: { 634 cart_add_url: '/cart/add.js', 635 cart_change_url: '/cart/change', 636 cart_update_url: '/cart/update', 637 cart_url: '/cart', 638 predictive_search_url: '/search/suggest', 639 search_url: '/search', 640 }, 641 template: { 642 name: 'blog', 643 }, 644 }; 645</script>
645 646<style data-shopify> 647@font-face { 648 font-family: Inter; 649 font-weight: 400; 650 font-style: normal; 651 font-display: swap; 652 src: url("//takesonnet.com/cdn/fonts/inter/inter_n4.b2a3f24c19b4de56e8871f609e73ca7f6d2e2bb9.woff2") format("woff2"), 653 url("//takesonnet.com/cdn/fonts/inter/inter_n4.af8052d517e0c9ffac7b814872cecc27ae1fa132.woff") format("woff"); 654} 655@font-face { 656 font-family: Inter; 657 font-weight: 700; 658 font-style: normal; 659 font-display: swap; 660 src: url("//takesonnet.com/cdn/fonts/inter/inter_n7.02711e6b374660cfc7915d1afc1c204e633421e4.woff2") format("woff2"), 661 url("//takesonnet.com/cdn/fonts/inter/inter_n7.6dab87426f6b8813070abd79972ceaf2f8d3b012.woff") format("woff"); 662} 663@font-face { 664 font-family: Inter; 665 font-weight: 400; 666 font-style: italic; 667 font-display: swap; 668 src: url("//takesonnet.com/cdn/fonts/inter/inter_i4.feae1981dda792ab80d117249d9c7e0f1017e5b3.woff2") format("woff2"), 669 url("//takesonnet.com/cdn/fonts/inter/inter_i4.62773b7113d5e5f02c71486623cf828884c85c6e.woff") format("woff"); 670} 671@font-face { 672 font-family: Inter; 673 font-weight: 700; 674 font-style: italic; 675 font-display: swap; 676 src: url("//takesonnet.com/cdn/fonts/inter/inter_i7.b377bcd4cc0f160622a22d638ae7e2cd9b86ea4c.woff2") format("woff2"), 677 url("//takesonnet.com/cdn/fonts/inter/inter_i7.7c69a6a34e3bb44fcf6f975857e13b9a9b25beb4.woff") format("woff"); 678} 679@font-face { 680 font-family: Inter; 681 font-weight: 500; 682 font-style: normal; 683 font-display: swap; 684 src: url("//takesonnet.com/cdn/fonts/inter/inter_n5.d7101d5e168594dd06f56f290dd759fba5431d97.woff2") format("woff2"), 685 url("//takesonnet.com/cdn/fonts/inter/inter_n5.5332a76bbd27da00474c136abb1ca3cbbf259068.woff") format("woff"); 686} 687@font-face { 688 font-family: Inter; 689 font-weight: 500; 690 font-style: italic; 691 font-display: swap; 692 src: url("//takesonnet.com/cdn/fonts/inter/inter_i5.4474f48e6ab2b1e01aa2b6d942dd27fa24f2d99f.woff2") format("woff2"), 693 url("//takesonnet.com/cdn/fonts/inter/inter_i5.493dbd6ee8e49f4ad722ebb68d92f201af2c2f56.woff") format("woff"); 694} 695 696 697 :root { 698 /* Page Layout */ 699 --sidebar-width: 25rem; 700 --narrow-content-width: 36rem; 701 --normal-content-width: 42rem; 702 --wide-content-width: 46rem; 703 --narrow-page-width: 90rem; 704 --normal-page-width: 120rem; 705 --wide-page-width: 150rem; 706 707 /* Section Heights */ 708 --section-height-small: 15rem; 709 --section-height-medium: 25rem; 710 --section-height-large: 35rem; 711 712 @media screen and (min-width: 40em) { 713 --section-height-small: 40svh; 714 --section-height-medium: 55svh; 715 --section-height-large: 70svh; 716 } 717 718 @media screen and (min-width: 60em) { 719 --section-height-small: 50svh; 720 --section-height-medium: 65svh; 721 --section-height-large: 80svh; 722 } 723 724 /* Letter spacing */ 725 --letter-spacing-sm: 0.06em; 726 --letter-spacing-md: 0.13em; 727 728 /* Font families */ 729 --font-body--family: Inter, sans-serif; 730 --font-body--style: normal; 731 --font-body--weight: 400; 732 --font-subheading--family: Inter, sans-serif; 733 --font-subheading--style: normal; 734 --font-subheading--weight: 500; 735 --font-heading--family: Inter, sans-serif; 736 --font-heading--style: normal; 737 --font-heading--weight: 700; 738 --font-accent--family: Inter, sans-serif; 739 --font-accent--style: normal; 740 --font-accent--weight: 700; 741 742 /* Margin sizes */ 743 --font-h1--spacing: 0.25em; 744 --font-h2--spacing: 0.25em; 745 --font-h3--spacing: 0.25em; 746 --font-h4--spacing: 0.25em; 747 --font-h5--spacing: 0.25em; 748 --font-h6--spacing: 0.25em; 749 --font-paragraph--spacing: 0.5em; 750 751 /* Heading colors */ 752 --font-h1--color: var(--color-foreground-heading); 753 --font-h2--color: var(--color-foreground-heading); 754 --font-h3--color: var(--color-foreground-heading); 755 --font-h4--color: var(--color-foreground-heading); 756 --font-h5--color: var(--color-foreground-heading); 757 --font-h6--color: var(--color-foreground-heading); 758 759 /** Z-Index / Layering */ 760 --layer-section-background: -2; 761 --layer-lowest: -1; 762 --layer-base: 0; 763 --layer-flat: 1; 764 --layer-raised: 2; 765 --layer-heightened: 4; 766 --layer-sticky: 8; 767 --layer-window-overlay: 10; 768 --layer-header-menu: 12; 769 --layer-overlay: 16; 770 --layer-menu-drawer: 18; 771 --layer-temporary: 20; 772 773 /* Max-width / Measure */ 774 --max-width--body-normal: 32.5em; 775 --max-width--body-narrow: 22.75em; 776 777 --max-width--heading-normal: 32.5em; 778 --max-width--heading-narrow: 19.5em; 779 780 --max-width--display-normal: 13em; 781 --max-width--display-narrow: 9.75em; 782 --max-width--display-tight: 3.25em; 783 784 /* Letter-spacing / Tracking */ 785 --letter-spacing--display-tight: -0.03em; 786 --letter-spacing--display-normal: 0em; 787 --letter-spacing--display-loose: 0.03em; 788 789 --letter-spacing--heading-tight: -0.03em; 790 --letter-spacing--heading-normal: 0em; 791 --letter-spacing--heading-loose: 0.03em; 792 793 --letter-spacing--body-tight: -0.03em; 794 --letter-spacing--body-normal: 0em; 795 --letter-spacing--body-loose: 0.03em; 796 797 /* Line height / Leading */ 798 --line-height: 1; 799 800 --line-height--display-tight: 1; 801 --line-height--display-normal: 1.1; 802 --line-height--display-loose: 1.2; 803 804 --line-height--heading-tight: 1.15; 805 --line-height--heading-normal: 1.25; 806 --line-height--heading-loose: 1.35; 807 808 --line-height--body-tight: 1.2; 809 --line-height--body-normal: 1.4; 810 --line-height--body-loose: 1.6; 811 812 /* Typography presets */ 813 --font-size--paragraph: 1.0rem;--font-size--h1: clamp(2.75rem, 5.6vw, 3.5rem);--font-size--h2: 2.5rem;--font-size--h3: 2.0rem;--font-size--h4: 1.5rem;--font-size--h5: 1.125rem;--font-size--h6: 1.0rem;--font-paragraph--weight: 400;--font-paragraph--letter-spacing: var(--letter-spacing--body-normal);--font-paragraph--size: var(--font-size--paragraph);--font-paragraph--family: var(--font-body--family);--font-paragraph--style: var(--font-body--style);--font-paragraph--case: ;--font-paragraph--line-height: var(--line-height--body-loose);--font-h1--weight: var(--font-heading--weight);--font-h1--letter-spacing: var(--letter-spacing--heading-normal);--font-h1--size: var(--font-size--h1);--font-h1--family: var(--font-heading--family);--font-h1--style: var(--font-heading--style);--font-h1--case: none;--font-h1--line-height: var(--line-height--display-tight);--font-h2--weight: var(--font-heading--weight);--font-h2--letter-spacing: var(--letter-spacing--heading-normal);--font-h2--size: var(--font-size--h2);--font-h2--family: var(--font-heading--family);--font-h2--style: var(--font-heading--style);--font-h2--case: none;--font-h2--line-height: var(--line-height--display-tight);--font-h3--weight: var(--font-heading--weight);--font-h3--letter-spacing: var(--letter-spacing--heading-normal);--font-h3--size: var(--font-size--h3);--font-h3--family: var(--font-heading--family);--font-h3--style: var(--font-heading--style);--font-h3--case: none;--font-h3--line-height: var(--line-height--display-normal);--font-h4--weight: var(--font-heading--weight);--font-h4--letter-spacing: var(--letter-spacing--heading-normal);--font-h4--size: var(--font-size--h4);--font-h4--family: var(--font-heading--family);--font-h4--style: var(--font-heading--style);--font-h4--case: none;--font-h4--line-height: var(--line-height--display-tight);--font-h5--weight: var(--font-subheading--weight);--font-h5--letter-spacing: var(--letter-spacing--heading-normal);--font-h5--size: var(--font-size--h5);--font-h5--family: var(--font-subheading--family);--font-h5--style: var(--font-subheading--style);--font-h5--case: none;--font-h5--line-height: var(--line-height--display-loose);--font-h6--weight: var(--font-subheading--weight);--font-h6--letter-spacing: var(--letter-spacing--heading-normal);--font-h6--size: var(--font-size--h6);--font-h6--family: var(--font-subheading--family);--font-h6--style: var(--font-subheading--style);--font-h6--case: none;--font-h6--line-height: var(--line-height--display-loose); 814 815 /* Hardcoded font sizes */ 816 --font-size--2xs: 0.625rem; 817 --font-size--xs: 0.8125rem; 818 --font-size--sm: 0.875rem; 819 --font-size--md: 1rem; 820 --font-size--lg: 1.125rem; 821 --font-size--xl: 1.25rem; 822 --font-size--2xl: 1.5rem; 823 --font-size--3xl: 2rem; 824 --font-size--4xl: 2.5rem; 825 --font-size--5xl: 3rem; 826 --font-size--6xl: 3.5rem; 827 828 /* Menu font sizes */ 829 --menu-font-sm--size: 0.875rem; 830 --menu-font-sm--line-height: calc(1.1 + 0.5 * min(16 / 14)); 831 --menu-font-md--size: 1rem; 832 --menu-font-md--line-height: calc(1.1 + 0.5 * min(16 / 16)); 833 --menu-font-lg--size: 1.125rem; 834 --menu-font-lg--line-height: calc(1.1 + 0.5 * min(16 / 18)); 835 --menu-font-xl--size: 1.25rem; 836 --menu-font-xl--line-height: calc(1.1 + 0.5 * min(16 / 20)); 837 --menu-font-2xl--size: 1.75rem; 838 --menu-font-2xl--line-height: calc(1.1 + 0.5 * min(16 / 28)); 839 840 /* Colors */ 841 --color-error: #8B0000; 842 --color-success: #006400; 843 --color-white: #FFFFFF; 844 --color-white-rgb: 255 255 255; 845 --color-black: #000000; 846 --color-instock: #3ED660; 847 --color-lowstock: #EE9441; 848 --color-outofstock: #C8C8C8; 849 850 /* Opacity */ 851 --opacity-5: 0.05; 852 --opacity-8: 0.08; 853 --opacity-10: 0.1; 854 --opacity-15: 0.15; 855 --opacity-20: 0.2;
856 --opacity-25: 0.25; 857 --opacity-30: 0.3; 858 --opacity-40: 0.4; 859 --opacity-50: 0.5; 860 --opacity-60: 0.6; 861 --opacity-70: 0.7; 862 --opacity-80: 0.8; 863 --opacity-85: 0.85; 864 --opacity-90: 0.9; 865 --opacity-subdued-text: var(--opacity-70); 866 867 --shadow-button: 0 2px 3px rgb(0 0 0 / 20%); 868 --gradient-image-overlay: linear-gradient(to top, rgb(0 0 0 / 0.5), transparent); 869 870 /* Spacing */ 871 --margin-3xs: 0.125rem; 872 --margin-2xs: 0.3rem; 873 --margin-xs: 0.5rem; 874 --margin-sm: 0.7rem; 875 --margin-md: 0.8rem; 876 --margin-lg: 1rem; 877 --margin-xl: 1.25rem; 878 --margin-2xl: 1.5rem; 879 --margin-3xl: 1.75rem; 880 --margin-4xl: 2rem; 881 --margin-5xl: 3rem; 882 --margin-6xl: 5rem; 883 884 --scroll-margin: 50px; 885 886 --padding-3xs: 0.125rem; 887 --padding-2xs: 0.25rem; 888 --padding-xs: 0.5rem; 889 --padding-sm: 0.7rem; 890 --padding-md: 0.8rem; 891 --padding-lg: 1rem; 892 --padding-xl: 1.25rem; 893 --padding-2xl: 1.5rem; 894 --padding-3xl: 1.75rem; 895 --padding-4xl: 2rem; 896 --padding-5xl: 3rem; 897 --padding-6xl: 4rem; 898 899 --gap-3xs: 0.125rem; 900 --gap-2xs: 0.3rem; 901 --gap-xs: 0.5rem; 902 --gap-sm: 0.7rem; 903 --gap-md: 0.9rem; 904 --gap-lg: 1rem; 905 --gap-xl: 1.25rem; 906 --gap-2xl: 2rem; 907 --gap-3xl: 3rem; 908 909 --spacing-scale-sm: 0.6; 910 --spacing-scale-md: 0.7; 911 --spacing-scale-default: 1.0; 912 913 /* Checkout buttons gap */ 914 --checkout-button-gap: 10px; 915 916 /* Borders */ 917 --style-border-width: 1px; 918 --style-border-radius-xs: 0.2rem; 919 --style-border-radius-sm: 0.6rem; 920 --style-border-radius-md: 0.8rem; 921 --style-border-radius-50: 50%; 922 --style-border-radius-lg: 1rem; 923 --style-border-radius-pills: 40px; 924 --style-border-radius-inputs: 4px; 925 --style-border-radius-buttons-primary: 4px; 926 --style-border-radius-buttons-secondary: 4px; 927 --style-border-width-primary: 0px; 928 --style-border-width-secondary: 1px; 929 --style-border-width-inputs: 1px; 930 --style-border-radius-popover: 8px; 931 --style-border-popover: 1px none rgb(var(--color-border-rgb) / 50%); 932 --style-border-drawer: 1px none rgb(var(--color-border-rgb) / 50%); 933 --style-border-swatch-opacity: 10%; 934 --style-border-swatch-width: 1px; 935 --style-border-swatch-style: solid; 936 937 /* Animation */ 938 --ease-out-cubic: cubic-bezier(0.33, 1, 0.68, 1); 939 --ease-out-quad: cubic-bezier(0.32, 0.72, 0, 1); 940 --animation-speed-fast: 0.0625s; 941 --animation-speed: 0.125s; 942 --animation-speed-slow: 0.2s; 943 --animation-speed-medium: 0.15s; 944 --animation-easing: ease-in-out; 945 --animation-slideshow-easing: cubic-bezier(0.4, 0, 0.2, 1); 946 --drawer-animation-speed: 0.2s; 947 --animation-values-slow: var(--animation-speed-slow) var(--animation-easing); 948 --animation-values: var(--animation-speed) var(--animation-easing); 949 --animation-values-fast: var(--animation-speed-fast) var(--animation-easing); 950 --animation-values-allow-discrete: var(--animation-speed) var(--animation-easing) allow-discrete; 951 --animation-timing-hover: cubic-bezier(0.25, 0.46, 0.45, 0.94); 952 --animation-timing-active: cubic-bezier(0.5, 0, 0.75, 0); 953 --animation-timing-bounce: cubic-bezier(0.34, 1.56, 0.64, 1); 954 --animation-timing-default: cubic-bezier(0, 0, 0.2, 1); 955 --animation-timing-fade-in: cubic-bezier(0.16, 1, 0.3, 1); 956 --animation-timing-fade-out: cubic-bezier(0.4, 0, 0.2, 1); 957 958 /* View transitions */ 959 /* View transition old */ 960 --view-transition-old-main-content: var(--animation-speed) var(--animation-easing) both fadeOut; 961 962 /* View transition new */ 963 --view-transition-new-main-content: var(--animation-speed) var(--animation-easing) both fadeIn, var(--animation-speed) var(--animation-easing) both slideInTopViewTransition; 964 965 /* Focus */ 966 --focus-outline-width: 0.09375rem; 967 --focus-outline-offset: 0.2em; 968 969 /* Badges */ 970 --badge-blob-padding-block: 1px; 971 --badge-blob-padding-inline: 12px 8px; 972 --badge-rectangle-padding-block: 1px; 973 --badge-rectangle-padding-inline: 6px; 974 @media screen and (min-width: 750px) { 975 --badge-blob-padding-block: 4px; 976 --badge-blob-padding-inline: 16px 12px; 977 --badge-rectangle-padding-block: 4px; 978 --badge-rectangle-padding-inline: 10px; 979 } 980 981 /* Icons */ 982 --icon-size-2xs: 0.6rem; 983 --icon-size-xs: 0.85rem; 984 --icon-size-sm: 1.25rem; 985 --icon-size-md: 1.375rem; 986 --icon-size-lg: 1.5rem; 987 --icon-stroke-width: 1.5px; 988 989 /* Input */ 990 --input-email-min-width: 200px; 991 --input-search-max-width: 650px; 992 --input-padding-y: 0.8rem; 993 --input-padding-x: 0.8rem; 994 --input-padding: var(--input-padding-y) var(--input-padding-x); 995 --input-box-shadow-width: var(--style-border-width-inputs); 996 --input-box-shadow: 0 0 0 var(--input-box-shadow-width) var(--color-input-border); 997 --input-box-shadow-focus: 0 0 0 calc(var(--input-box-shadow-width) + 0.5px) var(--color-input-border); 998 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 999 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 1000 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50));
1001 --input-textarea-min-height: 55px; 1002 1003 /* Button size */ 1004 --button-size-sm: 30px; 1005 --button-size-md: 36px; 1006 --button-size: var(--minimum-touch-target); 1007 --button-padding-inline: 24px; 1008 --button-padding-block: 16px; 1009 1010 /* Button font-family */ 1011 --button-font-family-primary: var(--font-body--family); 1012 --button-font-family-secondary: var(--font-body--family); 1013 1014 /* Button text case */ 1015 --button-text-case: ; 1016 --button-text-case-primary: default; 1017 --button-text-case-secondary: default; 1018 1019 /* Borders */ 1020 --border-color: rgb(var(--color-border-rgb) / var(--opacity-50)); 1021 --border-width-sm: 1px; 1022 --border-width-md: 2px; 1023 --border-width-lg: 5px; 1024 --border-radius-sm: 0.25rem; 1025 1026 /* Drawers */ 1027 --drawer-inline-padding: 25px; 1028 --drawer-menu-inline-padding: 2.5rem; 1029 --drawer-header-block-padding: 20px; 1030 --drawer-content-block-padding: 10px; 1031 --drawer-header-desktop-top: 0rem; 1032 --drawer-padding: calc(var(--padding-sm) + 7px); 1033 --drawer-height: 100dvh; 1034 --drawer-width: 95vw; 1035 --drawer-max-width: 500px; 1036 1037 /* Variant Picker Swatches */ 1038 --variant-picker-swatch-width-unitless: 34; 1039 --variant-picker-swatch-height-unitless: 34; 1040 --variant-picker-swatch-width: 34px; 1041 --variant-picker-swatch-height: 34px; 1042 --variant-picker-swatch-radius: 32px; 1043 --variant-picker-border-width: 1px; 1044 --variant-picker-border-style: solid; 1045 --variant-picker-border-opacity: 10%; 1046 1047 /* Variant Picker Buttons */ 1048 --variant-picker-button-radius: 8px; 1049 --variant-picker-button-border-width: 1px; 1050 1051 /* Slideshow */ 1052 --slideshow-controls-size: 3.5rem; 1053 --slideshow-controls-icon: 2rem; 1054 --peek-next-slide-size: 3rem; 1055 1056 /* Utilities */ 1057 --backdrop-opacity: 0.15; 1058 --backdrop-color-rgb: var(--color-shadow-rgb); 1059 --minimum-touch-target: 44px; 1060 --disabled-opacity: 0.5; 1061 --skeleton-opacity: 0.025; 1062 1063 /* Shapes */ 1064 --shape--circle: circle(50% at center); 1065 --shape--sunburst: polygon(100% 50%,94.62% 55.87%,98.3% 62.94%,91.57% 67.22%,93.3% 75%,85.7% 77.39%,85.36% 85.36%,77.39% 85.7%,75% 93.3%,67.22% 91.57%,62.94% 98.3%,55.87% 94.62%,50% 100%,44.13% 94.62%,37.06% 98.3%,32.78% 91.57%,25% 93.3%,22.61% 85.7%,14.64% 85.36%,14.3% 77.39%,6.7% 75%,8.43% 67.22%,1.7% 62.94%,5.38% 55.87%,0% 50%,5.38% 44.13%,1.7% 37.06%,8.43% 32.78%,6.7% 25%,14.3% 22.61%,14.64% 14.64%,22.61% 14.3%,25% 6.7%,32.78% 8.43%,37.06% 1.7%,44.13% 5.38%,50% 0%,55.87% 5.38%,62.94% 1.7%,67.22% 8.43%,75% 6.7%,77.39% 14.3%,85.36% 14.64%,85.7% 22.61%,93.3% 25%,91.57% 32.78%,98.3% 37.06%,94.62% 44.13%); 1066 --shape--diamond: polygon(50% 0%, 100% 50%, 50% 100%, 0% 50%); 1067 --shape--blob: polygon(85.349% 11.712%, 87.382% 13.587%, 89.228% 15.647%, 90.886% 17.862%, 92.359% 20.204%, 93.657% 22.647%, 94.795% 25.169%, 95.786% 27.752%, 96.645% 30.382%, 97.387% 33.048%, 98.025% 35.740%, 98.564% 38.454%, 99.007% 41.186%, 99.358% 43.931%, 99.622% 46.685%, 99.808% 49.446%, 99.926% 52.210%, 99.986% 54.977%, 99.999% 57.744%, 99.975% 60.511%, 99.923% 63.278%, 99.821% 66.043%, 99.671% 68.806%, 99.453% 71.565%, 99.145% 74.314%, 98.724% 77.049%, 98.164% 79.759%, 97.433% 82.427%, 96.495% 85.030%, 95.311% 87.529%, 93.841% 89.872%, 92.062% 91.988%, 89.972% 93.796%, 87.635% 95.273%, 85.135% 96.456%, 82.532% 97.393%, 79.864% 98.127%, 77.156% 98.695%, 74.424% 99.129%, 71.676% 99.452%, 68.918% 99.685%, 66.156% 99.844%, 63.390% 99.942%, 60.624% 99.990%, 57.856% 99.999%, 55.089% 99.978%, 52.323% 99.929%, 49.557% 99.847%, 46.792% 99.723%, 44.031% 99.549%, 41.273% 99.317%, 38.522% 99.017%, 35.781% 98.639%, 33.054% 98.170%, 30.347% 97.599%, 27.667% 96.911%, 25.024% 96.091%, 22.432% 95.123%, 19.907% 93.994%, 17.466% 92.690%, 15.126% 91.216%, 12.902% 89.569%, 10.808% 87.761%, 8.854% 85.803%, 7.053% 83.703%, 5.418% 81.471%, 3.962% 79.119%, 2.702% 76.656%, 1.656% 74.095%, 0.846% 71.450%, 0.294% 68.740%, 0.024% 65.987%, 0.050% 63.221%, 0.343% 60.471%, 0.858% 57.752%, 1.548% 55.073%, 2.370% 52.431%, 3.283% 49.819%, 4.253% 47.227%, 5.249% 44.646%, 6.244% 42.063%, 7.211% 39.471%, 8.124% 36.858%, 8.958% 34.220%, 9.711% 31.558%, 10.409% 28.880%, 11.083% 26.196%, 11.760% 23.513%, 12.474% 20.839%, 13.259% 18.186%, 14.156% 15.569%, 15.214% 13.012%, 16.485% 10.556%, 18.028% 8.261%, 19.883
1067% 6.211%, 22.041% 4.484%, 24.440% 3.110%, 26.998% 2.057%, 29.651% 1.275%, 32.360% 0.714%, 35.101% 0.337%, 37.859% 0.110%, 40.624% 0.009%, 43.391% 0.016%, 46.156% 0.113%, 48.918% 0.289%, 51.674% 0.533%, 54.425% 0.837%, 57.166% 1.215%, 59.898% 1.654%, 62.618% 2.163%, 65.322% 2.750%, 68.006% 3.424%, 70.662% 4.197%, 73.284% 5.081%, 75.860% 6.091%, 78.376% 7.242%, 80.813% 8.551%, 83.148% 10.036%, 85.349% 11.712%); 1068 1069 /* Buy buttons */ 1070 --height-buy-buttons: calc(var(--padding-lg) * 2 + var(--icon-size-sm)); 1071 1072 /* Card image width and height variables */ 1073 --card-width-small: 10rem; 1074 1075 --height-small: 10rem; 1076 --height-medium: 11.5rem; 1077 --height-large: 13rem; 1078 --height-full: 100vh; 1079 1080 @media screen and (min-width: 750px) { 1081 --height-small: 17.5rem; 1082 --height-medium: 21.25rem; 1083 --height-large: 25rem; 1084 } 1085 1086 /* Modal */ 1087 --modal-max-height: 65dvh; 1088 1089 /* Card styles for search */ 1090 --card-bg-hover: rgb(var(--color-foreground-rgb) / var(--opacity-5)); 1091 --card-border-hover: rgb(var(--color-foreground-rgb) / var(--opacity-30)); 1092 --card-border-focus: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1093 1094 /* Cart */ 1095 --cart-primary-font-family: var(--font-body--family); 1096 --cart-primary-font-style: var(--font-body--style); 1097 --cart-primary-font-weight: var(--font-body--weight); 1098 --cart-secondary-font-family: var(--font-secondary--family); 1099 --cart-secondary-font-style: var(--font-secondary--style); 1100 --cart-secondary-font-weight: var(--font-secondary--weight); 1101 } 1102</style> 1103<style data-shopify> 1104 1105 1106 :root, 1107 1108 1109 1110 .color-scheme-1 { 1111 --color-background: rgb(255 255 255 / 1.0); 1112 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1113 --color-background-rgb: 255 255 255; 1114 --opacity-5-15: 0.05; 1115 --opacity-10-25: 0.1; 1116 --opacity-35-55: 0.35; 1117 --opacity-40-60: 0.4; 1118 --opacity-30-60: 0.3; 1119 --color-foreground: rgb(34 29 53 / 1.0); 1120 --color-foreground-rgb: 34 29 53; 1121 --color-foreground-heading: rgb(27 27 27 / 1.0); 1122 --color-foreground-heading-rgb: 27 27 27; 1123 --color-primary: rgb(27 27 27 / 1.0); 1124 --color-primary-rgb: 27 27 27; 1125 --color-primary-hover: rgb(34 29 53 / 1.0); 1126 --color-primary-hover-rgb: 34 29 53; 1127 --color-border: rgb(238 238 238 / 1.0); 1128 --color-border-rgb: 238 238 238; 1129 --color-shadow: rgb(0 0 0 / 1.0); 1130 --color-shadow-rgb: 0 0 0; 1131 --color-primary-button-text: rgb(255 255 255 / 1.0); 1132 --color-primary-button-background: rgb(0 0 0 / 1.0); 1133 --color-primary-button-border: rgb(0 0 0 / 1.0); 1134 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1135 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1136 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1137 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1138 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1139 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1140 --color-secondary-button-hover-text: rgb(51 51 51 / 1.0); 1141 --color-secondary-button-hover-background: rgb(250 250 250 / 1.0); 1142 --color-secondary-button-hover-border: rgb(51 51 51 / 1.0); 1143 --color-input-background: rgb(255 255 255 / 0.78); 1144 --color-input-text: rgb(51 51 51 / 1.0); 1145 --color-input-text-rgb: 51 51 51; 1146 --color-input-border: rgb(223 223 223 / 1.0); 1147 --color-input-hover-background: rgb(0 0 0 / 0.01); 1148 --color-variant-background: rgb(255 255 255 / 1.0); 1149 --color-variant-border: rgb(0 0 0 / 0.13); 1150 --color-variant-text: rgb(0 0 0 / 1.0); 1151 --color-variant-text-rgb: 0 0 0; 1152 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1153 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1154 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1155 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1156 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1157 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1158 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1159 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1160 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1161 1162 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1163 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1164 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1165 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1166 --font-h1--color: var(--color-foreground-heading); 1167 --font-h2--color: var(--color-foreground-heading); 1168 --font-h3--color: var(--color-foreground-heading); 1169 --font-h4--color: var(--color-foreground-heading); 1170 --font-h5--color: var(--color-foreground-heading); 1171 --font-h6--color: var(--color-foreground-heading); 1172 1173 /* Shadows */ 1174 1175 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1176 1177 1178 --shadow-blur: 20px; 1179 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1180 1181 } 1182 1183 1184 1185 1186 .color-scheme-2 {
1187 --color-background: rgb(245 245 245 / 1.0); 1188 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1189 --color-background-rgb: 245 245 245; 1190 --opacity-5-15: 0.05; 1191 --opacity-10-25: 0.1; 1192 --opacity-35-55: 0.35; 1193 --opacity-40-60: 0.4; 1194 --opacity-30-60: 0.3; 1195 --color-foreground: rgb(0 0 0 / 0.81); 1196 --color-foreground-rgb: 0 0 0; 1197 --color-foreground-heading: rgb(0 0 0 / 1.0); 1198 --color-foreground-heading-rgb: 0 0 0; 1199 --color-primary: rgb(0 0 0 / 0.81); 1200 --color-primary-rgb: 0 0 0; 1201 --color-primary-hover: rgb(255 255 255 / 1.0); 1202 --color-primary-hover-rgb: 255 255 255; 1203 --color-border: rgb(223 223 223 / 1.0); 1204 --color-border-rgb: 223 223 223; 1205 --color-shadow: rgb(0 0 0 / 1.0); 1206 --color-shadow-rgb: 0 0 0; 1207 --color-primary-button-text: rgb(255 255 255 / 1.0); 1208 --color-primary-button-background: rgb(0 0 0 / 1.0); 1209 --color-primary-button-border: rgb(0 0 0 / 1.0); 1210 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1211 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1212 --color-primary-button-hover-border: rgb(51 51 51 / 1.0); 1213 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1214 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1215 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1216 --color-secondary-button-hover-text: rgb(0 0 0 / 1.0); 1217 --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); 1218 --color-secondary-button-hover-border: rgb(51 51 51 / 0.73); 1219 --color-input-background: rgb(0 0 0 / 0.0); 1220 --color-input-text: rgb(0 0 0 / 0.53); 1221 --color-input-text-rgb: 0 0 0; 1222 --color-input-border: rgb(0 0 0 / 0.13); 1223 --color-input-hover-background: rgb(255 255 255 / 0.36); 1224 --color-variant-background: rgb(255 255 255 / 1.0); 1225 --color-variant-border: rgb(230 230 230 / 1.0); 1226 --color-variant-text: rgb(0 0 0 / 1.0); 1227 --color-variant-text-rgb: 0 0 0; 1228 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1229 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1230 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1231 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1232 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1233 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1234 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1235 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1236 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1237 1238 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1239 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1240 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1241 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1242 --font-h1--color: var(--color-foreground-heading); 1243 --font-h2--color: var(--color-foreground-heading); 1244 --font-h3--color: var(--color-foreground-heading); 1245 --font-h4--color: var(--color-foreground-heading); 1246 --font-h5--color: var(--color-foreground-heading); 1247 --font-h6--color: var(--color-foreground-heading); 1248 1249 /* Shadows */ 1250 1251 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1252 1253 1254 --shadow-blur: 20px; 1255 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1256 1257 } 1258 1259 1260 1261 1262 .color-scheme-3 { 1263 --color-background: rgb(238 241 234 / 1.0); 1264 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1265 --color-background-rgb: 238 241 234; 1266 --opacity-5-15: 0.05; 1267 --opacity-10-25: 0.1; 1268 --opacity-35-55: 0.35; 1269 --opacity-40-60: 0.4; 1270 --opacity-30-60: 0.3; 1271 --color-foreground: rgb(0 0 0 / 0.81); 1272 --color-foreground-rgb: 0 0 0; 1273 --color-foreground-heading: rgb(0 0 0 / 1.0); 1274 --color-foreground-heading-rgb: 0 0 0; 1275 --color-primary: rgb(0 0 0 / 0.81); 1276 --color-primary-rgb: 0 0 0; 1277 --color-primary-hover: rgb(0 0 0 / 1.0); 1278 --color-primary-hover-rgb: 0 0 0; 1279 --color-border: rgb(0 0 0 / 0.81); 1280 --color-border-rgb: 0 0 0; 1281 --color-shadow: rgb(0 0 0 / 1.0); 1282 --color-shadow-rgb: 0 0 0; 1283 --color-primary-button-text: rgb(255 255 255 / 1.0); 1284 --color-primary-button-background: rgb(0 0 0 / 1.0); 1285 --color-primary-button-border: rgb(0 0 0 / 1.0); 1286 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1287 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1288 --color-primary-button-hover-border: rgb(51 51 51 / 1.0); 1289 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1290 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1291 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1292 --color-secondary-button-hover-text: rgb(0 0 0 / 0.81); 1293 --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); 1294 --color-secondary-button-hover-border: rgb(0 0 0 / 0.81); 1295 --color-input-background: rgb(0 0 0 / 0.0); 1296 --color-input-text: rgb(0 0 0 / 0.81); 1297 --color-input-text-rgb: 0 0 0; 1298 --color-input-border: rgb(0 0 0 / 0.81); 1299 --color-input-hover-background: rgb(255 255 255 / 0.36); 1300 --color-variant-background: rgb(255 255 255 / 1.0); 1301 --color-variant-border: rgb(230 230 230 / 1.0); 1302 --color-variant-text: rgb(0 0 0 / 1.0); 1303 --color-variant-text-rgb: 0 0 0; 1304 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1305 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1306 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1307 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1308 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1309 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1310 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1311 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1312 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1313 1314 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1315 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1316 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1317 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1318 --font-h1--color: var(--color-foreground-heading); 1319 --font-h2--color: var(--color-foreground-heading); 1320 --font-h3--color: var(--color-foreground-heading); 1321 --font-h4--color: var(--color-foreground-heading); 1322 --font-h5--color: var(--color-foreground-heading); 1323 --font-h6--color: var(--color-foreground-heading); 1324 1325 /* Shadows */ 1326 1327 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1328 1329 1330 --shadow-blur: 20px; 1331 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1332 1333 } 1334 1335 1336 1337 1338 .color-scheme-4 { 1339 --color-background: rgb(34 29 53 / 1.0); 1340 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1341 --color-background-rgb: 34 29 53; 1342 --opacity-5-15: 0.15; 1343 --opacity-10-25: 0.25; 1344 --opacity-35-55: 0.55; 1345 --opacity-40-60: 0.6; 1346 --opacity-30-60: 0.6; 1347 --color-foreground: rgb(255 255 255 / 1.0); 1348 --color-foreground-rgb: 255 255 255; 1349 --color-foreground-heading: rgb(255 255 255 / 1.0); 1350 --color-foreground-heading-rgb: 255 255 255; 1351 --color-primary: rgb(255 255 255 / 1.0); 1352 --color-primary-rgb: 255 255 255; 1353 --color-primary-hover: rgb(255 255 255 / 1.0); 1354 --color-primary-hover-rgb: 255 255 255; 1355 --color-border: rgb(255 255 255 / 1.0); 1356 --color-border-rgb: 255 255 255; 1357 --color-shadow: rgb(255 255 255 / 1.0); 1358 --color-shadow-rgb: 255 255 255; 1359 --color-primary-button-text: rgb(255 255 255 / 1.0); 1360 --color-primary-button-background: rgb(0 0 0 / 1.0); 1361 --color-primary-button-border: rgb(29 54 134 / 1.0); 1362 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1363 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1364 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1365 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1366 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1367 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1368 --color-secondary-button-hover-text: rgb(0 0 0 / 0.81); 1369 --color-secondary-button-hover-background: rgb(255 255 255 / 0.36); 1370 --color-secondary-button-hover-border: rgb(0 0 0 / 0.81); 1371 --color-input-background: rgb(0 0 0 / 0.0); 1372 --color-input-text: rgb(0 0 0 / 0.81); 1373 --color-input-text-rgb: 0 0 0; 1374 --color-input-border: rgb(0 0 0 / 0.81); 1375 --color-input-hover-background: rgb(255 255 255 / 0.36); 1376 --color-variant-background: rgb(255 255 255 / 1.0); 1377 --color-variant-border: rgb(230 230 230 / 1.0); 1378 --color-variant-text: rgb(0 0 0 / 1.0); 1379 --color-variant-text-rgb: 0 0 0; 1380 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1381 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1382 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1383 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1384 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1385 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1386 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1387 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1388 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1389 1390 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1391 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1392 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1393 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1394 --font-h1--color: var(--color-foreground-heading); 1395 --font-h2--color: var(--color-foreground-heading); 1396 --font-h3--color: var(--color-foreground-heading); 1397 --font-h4--color: var(--color-foreground-heading); 1398 --font-h5--color: var(--color-foreground-heading); 1399 --font-h6--color: var(--color-foreground-heading); 1400 1401 /* Shadows */ 1402 1403 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1404 1405 1406 --shadow-blur: 20px; 1407 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1408 1409 } 1410 1411 1412 1413 1414 .color-scheme-5 { 1415 --color-background: rgb(52 94 158 / 1.0); 1416 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1417 --color-background-rgb: 52 94 158; 1418 --opacity-5-15: 0.05; 1419 --opacity-10-25: 0.1; 1420 --opacity-35-55: 0.35; 1421 --opacity-40-60: 0.4; 1422 --opacity-30-60: 0.3; 1423 --color-foreground: rgb(255 255 255 / 1.0); 1424 --color-foreground-rgb: 255 255 255; 1425 --color-foreground-heading: rgb(255 255 255 / 1.0); 1426 --color-foreground-heading-rgb: 255 255 255; 1427 --color-primary: rgb(255 255 255 / 1.0); 1428 --color-primary-rgb: 255 255 255; 1429 --color-primary-hover: rgb(255 255 255 / 0.69); 1430 --color-primary-hover-rgb: 255 255 255; 1431 --color-border: rgb(255 255 255 / 0.69); 1432 --color-border-rgb: 255 255 255; 1433 --color-shadow: rgb(0 0 0 / 1.0); 1434 --color-shadow-rgb: 0 0 0; 1435 --color-primary-button-text: rgb(0 0 0 / 1.0); 1436 --color-primary-button-background: rgb(255 255 255 / 1.0); 1437 --color-primary-button-border: rgb(255 255 255 / 1.0); 1438 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1439 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 1440 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1441 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1442 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1443 --color-secondary-button-border: rgb(255 255 255 / 0.69); 1444 --color-secondary-button-hover-text: rgb(255 255 255 / 0.93); 1445 --color-secondary-button-hover-background: rgb(255 255 255 / 0.04); 1446 --color-secondary-button-hover-border: rgb(255 255 255 / 0.69); 1447 --color-input-background: rgb(51 51 51 / 1.0); 1448 --color-input-text: rgb(255 255 255 / 0.93); 1449 --color-input-text-rgb: 255 255 255; 1450 --color-input-border: rgb(255 255 255 / 0.69); 1451 --color-input-hover-background: rgb(255 255 255 / 0.04); 1452 --color-variant-background: rgb(255 255 255 / 1.0); 1453 --color-variant-border: rgb(230 230 230 / 1.0); 1454 --color-variant-text: rgb(0 0 0 / 1.0); 1455 --color-variant-text-rgb: 0 0 0; 1456 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1457 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1458 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1459 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1460 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1461 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1462 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1463 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1464 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1465 1466 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1467 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1468 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1469 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1470 --font-h1--color: var(--color-foreground-heading); 1471 --font-h2--color: var(--color-foreground-heading); 1472 --font-h3--color: var(--color-foreground-heading); 1473 --font-h4--color: var(--color-foreground-heading); 1474 --font-h5--color: var(--color-foreground-heading); 1475 --font-h6--color: var(--color-foreground-heading); 1476 1477 /* Shadows */ 1478 1479 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1480 1481 1482 --shadow-blur: 20px; 1483 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1484 1485 } 1486 1487 1488 1489 1490 .color-scheme-6 { 1491 --color-background: rgb(0 0 0 / 0.0); 1492 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1493 --color-background-rgb: 0 0 0; 1494 --opacity-5-15: 0.15; 1495 --opacity-10-25: 0.25; 1496 --opacity-35-55: 0.55; 1497 --opacity-40-60: 0.6; 1498 --opacity-30-60: 0.6; 1499 --color-foreground: rgb(255 255 255 / 1.0); 1500 --color-foreground-rgb: 255 255 255; 1501 --color-foreground-heading: rgb(255 255 255 / 1.0); 1502 --color-foreground-heading-rgb: 255 255 255; 1503 --color-primary: rgb(255 255 255 / 1.0); 1504 --color-primary-rgb: 255 255 255; 1505 --color-primary-hover: rgb(255 255 255 / 0.69); 1506 --color-primary-hover-rgb: 255 255 255; 1507 --color-border: rgb(230 230 230 / 1.0); 1508 --color-border-rgb: 230 230 230; 1509 --color-shadow: rgb(0 0 0 / 1.0); 1510 --color-shadow-rgb: 0 0 0; 1511 --color-primary-button-text: rgb(0 0 0 / 1.0); 1512 --color-primary-button-background: rgb(255 255 255 / 1.0); 1513 --color-primary-button-border: rgb(255 255 255 / 1.0); 1514 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1515 --color-primary-button-hover-background: rgb(0 0 0 / 1.0); 1516 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1517
1517 --color-secondary-button-text: rgb(255 255 255 / 1.0); 1518 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1519 --color-secondary-button-border: rgb(255 255 255 / 1.0); 1520 --color-secondary-button-hover-text: rgb(255 255 255 / 1.0); 1521 --color-secondary-button-hover-background: rgb(255 255 255 / 0.08); 1522 --color-secondary-button-hover-border: rgb(255 255 255 / 1.0); 1523 --color-input-background: rgb(255 255 255 / 1.0); 1524 --color-input-text: rgb(0 0 0 / 0.53); 1525 --color-input-text-rgb: 0 0 0; 1526 --color-input-border: rgb(0 0 0 / 0.13); 1527 --color-input-hover-background: rgb(250 250 250 / 1.0); 1528 --color-variant-background: rgb(255 255 255 / 1.0); 1529 --color-variant-border: rgb(230 230 230 / 1.0); 1530 --color-variant-text: rgb(0 0 0 / 1.0); 1531 --color-variant-text-rgb: 0 0 0; 1532 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1533 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1534 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1535 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1536 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1537 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1538 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1539 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1540 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1541 1542 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1543 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1544 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1545 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1546 --font-h1--color: var(--color-foreground-heading); 1547 --font-h2--color: var(--color-foreground-heading); 1548 --font-h3--color: var(--color-foreground-heading); 1549 --font-h4--color: var(--color-foreground-heading); 1550 --font-h5--color: var(--color-foreground-heading); 1551 --font-h6--color: var(--color-foreground-heading); 1552 1553 /* Shadows */ 1554 1555 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1556 1557 1558 --shadow-blur: 20px; 1559 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1560 1561 } 1562 1563 1564 1565 1566 .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 { 1567 --color-background: rgb(0 0 0 / 0.0); 1568 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1569 --color-background-rgb: 0 0 0; 1570 --opacity-5-15: 0.15; 1571 --opacity-10-25: 0.25; 1572 --opacity-35-55: 0.55; 1573 --opacity-40-60: 0.6; 1574 --opacity-30-60: 0.6; 1575 --color-foreground: rgb(27 27 27 / 1.0); 1576 --color-foreground-rgb: 27 27 27; 1577 --color-foreground-heading: rgb(27 27 27 / 1.0); 1578 --color-foreground-heading-rgb: 27 27 27; 1579 --color-primary: rgb(27 27 27 / 1.0); 1580 --color-primary-rgb: 27 27 27; 1581 --color-primary-hover: rgb(0 0 0 / 0.53); 1582 --color-primary-hover-rgb: 0 0 0; 1583 --color-border: rgb(230 230 230 / 1.0); 1584 --color-border-rgb: 230 230 230; 1585 --color-shadow: rgb(0 0 0 / 1.0); 1586 --color-shadow-rgb: 0 0 0; 1587 --color-primary-button-text: rgb(255 255 255 / 1.0); 1588 --color-primary-button-background: rgb(27 27 27 / 1.0); 1589 --color-primary-button-border: rgb(27 27 27 / 1.0); 1590 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1591 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1592 --color-primary-button-hover-border: rgb(51 51 51 / 1.0); 1593 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1594 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1595 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1596 --color-secondary-button-hover-text: rgb(51 51 51 / 1.0); 1597 --color-secondary-button-hover-background: rgb(250 250 250 / 1.0); 1598 --color-secondary-button-hover-border: rgb(51 51 51 / 1.0); 1599 --color-input-background: rgb(255 255 255 / 1.0); 1600 --color-input-text: rgb(0 0 0 / 0.53); 1601 --color-input-text-rgb: 0 0 0; 1602 --color-input-border: rgb(0 0 0 / 0.13); 1603 --color-input-hover-background: rgb(250 250 250 / 1.0); 1604 --color-variant-background: rgb(255 255 255 / 1.0); 1605 --color-variant-border: rgb(230 230 230 / 1.0); 1606 --color-variant-text: rgb(0 0 0 / 1.0); 1607 --color-variant-text-rgb: 0 0 0; 1608 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1609 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1610 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1611 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1612 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1613 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1614 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1615 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1616 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1617 1618 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1619 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1620 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1621 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1622 --font-h1--color: var(--color-foreground-heading); 1623 --font-h2--color: var(--color-foreground-heading); 1624 --font-h3--color: var(--color-foreground-heading); 1625 --font-h4--color: var(--color-foreground-heading); 1626 --font-h5--color: var(--color-foreground-heading); 1627 --font-h6--color: var(--color-foreground-heading); 1628 1629 /* Shadows */ 1630 1631 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1632 1633 1634 --shadow-blur: 20px; 1635 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1636 1637 } 1638 1639 1640 1641 1642 .color-scheme-f02d2ace-6fba-4393-801e-b4376b03cdb1 { 1643 --color-background: rgb(231 158 109 / 1.0); 1644 /* RGB values only to apply different opacities - Relative color values are not supported in iOS < 16.4 */ 1645 --color-background-rgb: 231 158 109; 1646 --opacity-5-15: 0.05; 1647 --opacity-10-25: 0.1; 1648 --opacity-35-55: 0.35; 1649 --opacity-40-60: 0.4; 1650 --opacity-30-60: 0.3; 1651 --color-foreground: rgb(255 255 255 / 1.0); 1652 --color-foreground-rgb: 255 255 255; 1653 --color-foreground-heading: rgb(255 255 255 / 1.0); 1654 --color-foreground-heading-rgb: 255 255 255; 1655 --color-primary: rgb(255 255 255 / 1.0); 1656 --color-primary-rgb: 255 255 255; 1657 --color-primary-hover: rgb(255 255 255 / 1.0); 1658 --color-primary-hover-rgb: 255 255 255; 1659 --color-border: rgb(238 238 238 / 1.0); 1660 --color-border-rgb: 238 238 238; 1661 --color-shadow: rgb(0 0 0 / 1.0); 1662 --color-shadow-rgb: 0 0 0; 1663 --color-primary-button-text: rgb(255 255 255 / 1.0); 1664 --color-primary-button-background: rgb(0 0 0 / 1.0); 1665 --color-primary-button-border: rgb(0 0 0 / 1.0); 1666 --color-primary-button-hover-text: rgb(255 255 255 / 1.0); 1667 --color-primary-button-hover-background: rgb(51 51 51 / 1.0); 1668 --color-primary-button-hover-border: rgb(0 0 0 / 1.0); 1669 --color-secondary-button-text: rgb(0 0 0 / 1.0); 1670 --color-secondary-button-background: rgb(0 0 0 / 0.0); 1671 --color-secondary-button-border: rgb(0 0 0 / 1.0); 1672 --color-secondary-button-hover-text: rgb(51 51 51 / 1.0); 1673 --color-secondary-button-hover-background: rgb(250 250 250 / 1.0); 1674 --color-secondary-button-hover-border: rgb(51 51 51 / 1.0); 1675 --color-input-background: rgb(255 255 255 / 0.78); 1676 --color-input-text: rgb(51 51 51 / 1.0); 1677 --color-input-text-rgb: 51 51 51; 1678 --color-input-border: rgb(223 223 223 / 1.0); 1679 --color-input-hover-background: rgb(0 0 0 / 0.01); 1680 --color-variant-background: rgb(255 255 255 / 1.0); 1681 --color-variant-border: rgb(0 0 0 / 0.13); 1682 --color-variant-text: rgb(0 0 0 / 1.0); 1683 --color-variant-text-rgb: 0 0 0; 1684 --color-variant-hover-background: rgb(245 245 245 / 1.0); 1685 --color-variant-hover-text: rgb(0 0 0 / 1.0); 1686 --color-variant-hover-border: rgb(230 230 230 / 1.0); 1687 --color-selected-variant-background: rgb(0 0 0 / 1.0); 1688 --color-selected-variant-border: rgb(0 0 0 / 1.0); 1689 --color-selected-variant-text: rgb(255 255 255 / 1.0); 1690 --color-selected-variant-hover-background: rgb(26 26 26 / 1.0); 1691 --color-selected-variant-hover-text: rgb(255 255 255 / 1.0); 1692 --color-selected-variant-hover-border: rgb(26 26 26 / 1.0); 1693 1694 --input-disabled-background-color: rgb(var(--color-foreground-rgb) / var(--opacity-10)); 1695 --input-disabled-border-color: rgb(var(--color-foreground-rgb) / var(--opacity-5-15)); 1696 --input-disabled-text-color: rgb(var(--color-foreground-rgb) / var(--opacity-50)); 1697 --color-foreground-muted: rgb(var(--color-foreground-rgb) / var(--opacity-60)); 1698 --font-h1--color: var(--color-foreground-heading); 1699 --font-h2--color: var(--color-foreground-heading); 1700 --font-h3--color: var(--color-foreground-heading); 1701 --font-h4--color: var(--color-foreground-heading); 1702 --font-h5--color: var(--color-foreground-heading); 1703 --font-h6--color: var(--color-foreground-heading); 1704 1705 /* Shadows */ 1706 1707 --shadow-drawer: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1708 1709 1710 --shadow-blur: 20px; 1711 --shadow-popover: 0px 4px 20px rgb(var(--color-shadow-rgb) / var(--opacity-15)); 1712 1713 } 1714 1715 1716 body, .color-scheme-1, .color-scheme-2, .color-scheme-3, .color-scheme-4, .color-scheme-5, .color-scheme-6, .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7, .color-scheme-f02d2ace-6fba-4393-801e-b4376b03cdb1 { 1717 color: var(--color-foreground); 1718 background-color: var(--color-background); 1719 } 1720</style> 1721 1722
1722<script type="lazyJs" src="//takesonnet.com/cdn/shop/t/58/assets/jquery.min.js?v=152464124373937720231782976135"></script>
1722 1723 <link href="//takesonnet.com/cdn/shop/t/58/assets/slick-theme.css?v=60653276270842344241782976135" rel="stylesheet" type="text/css" media="all" /> 1724 <noscript><link rel="stylesheet" href="//takesonnet.com/cdn/shop/t/58/assets/slick-theme.css?v=60653276270842344241782976135"></noscript> 1725 <link href="//takesonnet.com/cdn/shop/t/58/assets/slick.css?v=105848270326492094871782976135" rel="stylesheet" type="text/css" media="all" /> 1726 <noscript><link rel="stylesheet" href="//takesonnet.com/cdn/shop/t/58/assets/slick.css?v=105848270326492094871782976135"></noscript> 1727
1727<script type="lazyJs" src="//takesonnet.com/cdn/shop/t/58/assets/slick.min.js?v=119177116428520753221782976135" defer></script>
1727 1728 1729 1730 1731 1732 <template id="custom-header" style="display:none;"> 1733 </template> 1734 1735 1736
1736<script type="lazyJs"> 1737 customProcessor.processCustomHeader(); 1738 </script>
1738 1739 1740 <!-- BEGIN app block: shopify://apps/yotpo-product-reviews/blocks/settings/eb7dfd7d-db44-4334-bc49-c893b51b36cf --> 1741 1742 1743
1743<script type="text/javascript" src="https://cdn-widgetsrepository.yotpo.com/v1/loader/J32rrsHmhMdpewoFcYrvjBn81BAwtmxGu7VOsNIE?languageCode=en" async></script>
1743 1744 1745 1746 1747 1748<!-- END app block --><!-- BEGIN app block: shopify://apps/impact-com/blocks/consent_mode/adac1a7f-d17f-4936-8a12-45628cdd8add -->
1748<script id="consent_script" defer> 1749 window.Shopify.loadFeatures( 1750 [ 1751 { 1752 name: 'consent-tracking-api', 1753 version: '0.1', 1754 }, 1755 ], 1756 error => { 1757 if (error) { 1758 // Rescue error 1759 } 1760 1761 document.addEventListener("visitorConsentCollected", (event) => { 1762 // Do nothing 1763 }); 1764 }, 1765 ); 1766</script>
1766 1767 1768<!-- END app block --><!-- BEGIN app block: shopify://apps/impact-com/blocks/utt/adac1a7f-d17f-4936-8a12-45628cdd8add --> 1769
1770<script id="advocate_jwt_script" defer> 1771 (function() { 1772 if (window.advocateScriptInitialized) { 1773 console.log("Advocate script already loaded, skipping..."); 1774 return; 1775 } 1776 1777 window.advocateScriptInitialized = true; 1778 1779 async function fetchJWT(shopUrl, customerId) { 1780 try { 1781 const response = await fetch(`https://saasler-impact.herokuapp.com/api/v1/advocate_widget_jwt?customer_id=${customerId}&shop_url=${shopUrl}`); 1782 1783 const data = await response.json(); 1784 1785 window.impactToken = data.jwt; 1786 } catch (error) { 1787 console.error("Error fetching data: ", error); 1788 } 1789 } 1790 1791 const shopUrl = Shopify.shop; 1792 const customerId = __st.cid; 1793 1794 fetchJWT(shopUrl, customerId).then(() => { 1795 const uttUrl = "https://utt.impactcdn.com/A7273892-9ea2-40a9-b553-24b9f170ff091.js"; 1796 1797 (function(a,b,c,d,e,f,g){e['ire_o']=c;e[c]=e[c]||function(){(e[c].a=e[c].a||[]).push(arguments)};f=d.createElement(b);g=d.getElementsByTagName(b)[0];f.async=1;f.src=a;g.parentNode.insertBefore(f,g);})(`${uttUrl}`,'script','ire',document,window); ire('identify'); 1798 }); 1799 })(); 1800</script>
1800 1801 1802<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 1803 1804 1805 1806 1807 1808 1809 1810 1811 1812 1813 1814 1815
1815<script async src="https://static.klaviyo.com/onsite/js/S6Dv7G/klaviyo.js?company_id=S6Dv7G"></script>
1815 1816
1816<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
1816 1817 1818 1819 1820 1821 1822 1823
1823<script> 1824 window.klaviyoReviewsProductDesignMode = false 1825 </script>
1825 1826 1827 1828 1829 1830 1831 1832 1833 1834 1835<!-- END app block --><link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
1836<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 36857544840,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "blog"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 1836
1836
1837<script> 1838 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 1839</script>
vendor: 1 bytes, line 1839
1839
1840<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
1840).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 36857544840,storefrontBaseUrl: "https://takesonnet.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://takesonnet.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab"],webPixelsConfigList: [{"id":"2028339336","configuration":"{\"storeId\":\"a3547c2b-b436-4741-aba4-ebdf3b91c3c3\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"2066bff610c5c92c0538059190a8d779","type":"APP","apiClientId":274629623809,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_email","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
1840,{"id":"1999274120","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"9bce1c0cdfc09538057898e4ff134fa2","type":"APP","apiClientId":30400643073,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1934557320","configuration":"{\"campaignID\":\"52495\",\"externalExecutionURL\":\"https:\/\/engine.saasler.com\/api\/v1\/webhook_executions\/c78ed1873d8352baf1751b8252b88600\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"4d2ae310e7f99f154f33560b5c81cfa9","type":"APP","apiClientId":3546795,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1913618568","configuration":"{\"shopDomain\":\"getproper.myshopify.com\",\"accountId\":\"1007\",\"basisPixelVisit\":\"3a18e60d464bdbcd\",\"basisPixelCart\":\"30813e592ac5d74b\",\"basisPixelCheckout\":\"dfbf51e3903986e7\",\"analyticsApiURL\":\"https:\\\/\\\/kp-9dfa-api.klickly.com\\\/wp\",\"checkoutApiURL\":\"https:\\\/\\\/kp-9dfa-api.klickly.com\\\/cs\",\"cartApiURL\":\"https:\\\/\\\/kp-9dfa-api.klickly.com\\\/cc\",\"ardDataApiURL\":\"https:\\\/\\\/kp-9dfa-api.klickly.com\\\/ard\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"efdf7a548489ec4e8275e6f4b26ccd39","type":"APP","apiClientId":1821457,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1845330056","configuration":"{\"accountID\":\"1220658\",\"workspaceId\":\"7a344f7e-8907-4c30-b146-f2703ac48714\",\"projectId\":\"3fb573d1-1d94-4efc-b00b-0be76bf404a6\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"f90ac1e17165627856441738d0e6db9d","type":"APP","apiClientId":5461967,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":[],"dataSharingControls":["share_all_events"]},"dataSharingState":"unrestricted"},{"id":"1725464712","configuration":"{\"yotpoStoreId\":\"J32rrsHmhMdpewoFcYrvjBn81BAwtmxGu7VOsNIE\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c5c2579aac465eb24ca7bc0501a6000d","type":"APP","apiClientId":70132,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"1246724232","configuration":"{\"accountID\":\"S6Dv7G\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"486867080","configuration":"{\"myshopifyDomain\":\"getproper.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"23b97d18e2aa74363140dc29c9284e87","type":"APP","apiClientId":2775569,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_phone","read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"415826056","configuration":"{\"tagID\":\"2612701628828\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"387317896","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-J6D4STSRQ6\\\",\\\"AW-16731862197\\\",\\\"GT-TBBK5HJN\\\"],\\\"target_country\\\":\\\"US\\\",\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":[\\\"G-J6D4STSRQ6\\\",\\\"AW-16731862197\\\/xJdACKHpu4gaELXpr6o-\\\",\\\"G-RSPV1HP2YC\\\",\\\"MC-0CRB952LZ8\\\"]},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":[\\\"G-J6D4STSRQ6\\\",\\\"AW-16731862197\\\/fSqyCKfpu4gaELXpr6o-\\\",\\\"G-RSPV1HP2YC\\\",\\\"MC-0CRB952LZ8\\\"]},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-J6D4STSRQ6\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-J6D4STSRQ6\\\",\\\"AW-16731862197\\\/IwntCJ7pu4gaELXpr6o-\\\",\\\"MC-0CRB952LZ8\\\",\\\"G-RSPV1HP2YC\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-J6D4STSRQ6\\\",\\\"AW-16731862197\\\/GUICCJjpu4gaELXpr6o-\\\",\\\"MC-0CRB952LZ8\\\",\\\"G-RSPV1HP2YC\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-J6D4STSRQ6\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-J6D4STSRQ6\\\",\\\"AW-16731862197\\\/I7bQCJvpu4gaELXpr6o-\\\",\\\"MC-0CRB952LZ8\\\",\\\"G-RSPV1HP2YC\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-J6D4STSRQ6\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":[\\\"G-J6D4STSRQ6\\\",\\\"AW-16731862197\\\/fX1SCKrpu4gaELXpr6o-\\\",\\\"G-RSPV1HP2YC\\\",\\\"MC-0CRB952LZ8\\\"]},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":[\\\"G-J6D4STSRQ6\\\",\\\"AW-16731862197\\\/BLrdCKTpu4gaELXpr6o-\\\",\\\"G-RSPV1HP2YC\\\",\\\"MC-0CRB952LZ8\\\"]},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-J6D4STSRQ6\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"335118472","configuration":"{\"pixelCode\":\"C6S11L1LLTKV16PFJSS0\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
1840,{"id":"100597896","configuration":"{\"pixel_id\":\"2831312750313036\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"bd2f978c17a94bbb8a74d43de2165dc5","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"116523144","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Purchase Manual Code"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Sonnet","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"getproper.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/takesonnet.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"4939248533640","handle":"core-sleep","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"3927
18405656937608","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4939254005896","handle":"sleep-calm","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"39275658182792","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]},{"id":"4939253219464","handle":"sleep-restore","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"39275659559048","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://takesonnet.com/cdn","7ec887c8w14f9f074p854094e1m1370c602",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"150130327688","themePublished":"true","eventMetadataId":"2ce998bc-d20f-49cb-a2fb-f59cd150049e","pageType":"blog","resourceId":"85568880776","shopId":"36857544840","storefrontBaseUrl":"https:\/\/takesonnet.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\"]","isMerchantRequest":"false","hashVersion":"7ec887c8w14f9f074p854094e1m1370c602","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
1840<script> 1841 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 1842 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 1843 window.ShopifyAnalytics.meta.currency = 'USD'; 1844 var meta = {"page":{"pageType":"blog","resourceType":"blog","resourceId":85568880776,"requestId":"f0189aad-5579-480d-952a-2605283adefd-1791599209"}}; 1845 for (var attr in meta) { 1846 window.ShopifyAnalytics.meta[attr] = meta[attr]; 1847 } 1848</script>
vendor: 1 bytes, line 1848
1848
1849<script class="analytics"> 1850 (function () { 1851 var customDocumentWrite = function(content) { 1852 var jquery = null; 1853 1854 if (window.jQuery) { 1855 jquery = window.jQuery; 1856 } else if (window.Checkout && window.Checkout.$) { 1857 jquery = window.Checkout.$; 1858 } 1859 1860 if (jquery) { 1861 jquery('body').append(content); 1862 } 1863 }; 1864 1865 var hasLoggedConversion = function(token) { 1866 if (token) { 1867 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 1868 } 1869 return false; 1870 } 1871 1872 var setCookieIfConversion = function(token) { 1873 if (token) { 1874 var twoMonthsFromNow = new Date(Date.now()); 1875 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 1876 1877 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 1878 } 1879 } 1880 1881 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 1882 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 1883 if (trekkie.integrations) { 1884 return; 1885 } 1886 trekkie.methods = [ 1887 'identify', 1888 'page', 1889 'ready', 1890 'track', 1891 'trackForm', 1892 'trackLink' 1893 ]; 1894 trekkie.factory = function(method) { 1895 return function() { 1896 var args = Array.prototype.slice.call(arguments); 1897 args.unshift(method); 1898 trekkie.push(args); 1899 if (method == 'track' || method == 'page') { 1900 var pageUrl; 1901 try { 1902 pageUrl = window.location.href; 1903 } catch (e) {} 1904 var pageReferrer; 1905 try { 1906 pageReferrer = document.referrer; 1907 } catch (e) {} 1908 try { 1909 if (window.__TREKKIE_SHIM_QUEUE == null) { 1910 window.__TREKKIE_SHIM_QUEUE = []; 1911 } 1912 window.__TREKKIE_SHIM_QUEUE.push({ 1913 from: 'trekkie-stub', 1914 method: method, 1915 args: args.slice(1), 1916 pageContext: { 1917 url: pageUrl, 1918 referrer: pageReferrer 1919 } 1920 }); 1921 } catch (e) { 1922 // no-op 1923 } 1924 } 1925 return trekkie; 1926 }; 1927 }; 1928 for (var i = 0; i < trekkie.methods.length; i++) { 1929 var key = trekkie.methods[i]; 1930 trekkie[key] = trekkie.factory(key); 1931 } 1932 trekkie.load = function(config) { 1933 trekkie.config = config || {}; 1934 trekkie.config.initialDocumentCookie = document.cookie; 1935 var first = document.getElementsByTagName('script')[0]; 1936var script = document.createElement('script'); 1937script.type = 'text/javascript'; 1938script.onerror = function(e) { 1939 var scriptFallback = document.createElement('script'); 1940 scriptFallback.type = 'text/javascript'; 1941 scriptFallback.onerror = function(error) { 1942 var Monorail = { 1943 produce: function produce(monorailDomain, schemaId, payload) { 1944 var currentMs = new Date().getTime(); 1945 var event = { 1946 schema_id: schemaId, 1947 payload: payload, 1948 metadata: { 1949 event_created_at_ms: currentMs, 1950 event_sent_at_ms: currentMs 1951 } 1952 }; 1953 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1954 }, 1955 sendRequest: function sendRequest(endpointUrl, payload) { 1956 // Try the sendBeacon API 1957 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1958 var blobData = new window.Blob([payload], { 1959 type: 'text/plain' 1960 }); 1961 1962 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1963 return true; 1964 } // sendBeacon was not successful 1965 1966 } // XHR beacon 1967 1968 var xhr = new XMLHttpRequest(); 1969 1970 try { 1971 xhr.open('POST', endpointUrl); 1972 xhr.setRequestHeader('Content-Type', 'text/plain'); 1973 xhr.send(payload); 1974 } catch (e) { 1975 console.log(e); 1976 } 1977 1978 return false; 1979 }, 1980 isIos12: function isIos12() { 1981 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1982 } 1983 }; 1984 Monorail.produce('monorail-edge.shopifysvc.com', 1985 'trekkie_storefront_load_errors/1.1', 1986 {shop_id: 36857544840, 1987 theme_id: 150130327688, 1988 app_name: "storefront", 1989 context_url: window.location.href, 1990 source_url: "//takesonnet.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js"}); 1991 1992 }; 1993 scriptFallback.async = true; 1994 scriptFallback.src = '//takesonnet.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 1995 first.parentNode.insertBefore(scriptFallback, first); 1996}; 1997script.async = true; 1998script.src = '//takesonnet.com/cdn/s/trekkie.storefront.51e69540e15035ae012ec8cc42e8f9cd792233a0.min.js'; 1999first.parentNode.insertBefore(script, first); 2000 2001 }; 2002 trekkie.load( 2003 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":36857544840,"isMerchantRequest":null,"themeId":150130327688,"themeCityHash":"11539195928341457106","contentLanguage":"en","currency":"USD","eventMetadataId":"2ce998bc-d20f-49cb-a2fb-f59cd150049e"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 2004 ); 2005 2006 var loaded = false;
2007 trekkie.ready(function() { 2008 if (loaded) return; 2009 loaded = true; 2010 2011 window.ShopifyAnalytics.lib = window.trekkie; 2012 2013 var originalDocumentWrite = document.write; 2014 document.write = customDocumentWrite; 2015 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 2016 document.write = originalDocumentWrite; 2017 2018 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 2019 var token = match? match[1]: undefined; 2020 if (!hasLoggedConversion(token)) { 2021 setCookieIfConversion(token); 2022 2023 } 2024 }); 2025 2026 window.ShopifyAnalytics.lib.page(null,{"pageType":"blog","resourceType":"blog","resourceId":85568880776,"requestId":"f0189aad-5579-480d-952a-2605283adefd-1791599209","shopifyEmitted":true}); 2027 2028 var eventsListenerScript = document.createElement('script'); 2029 eventsListenerScript.async = true; 2030 eventsListenerScript.src = "//takesonnet.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 2031 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 2032})();</script>
2032 2033
2033<script> 2034 if (!window.ga || (window.ga && typeof window.ga !== 'function')) { 2035 window.ga = function ga() { 2036 (window.ga.q = window.ga.q || []).push(arguments); 2037 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 2038 window.Shopify.analytics.publish("ga_stub_called", {}, {sendTo: "google_osp_migration"}); 2039 } 2040 console.error("Shopify's Google Analytics stub called with:", Array.from(arguments), "\nSee https://help.shopify.com/manual/promoting-marketing/pixels/pixel-migration#google for more information."); 2041 }; 2042 if (window.Shopify && window.Shopify.analytics && typeof window.Shopify.analytics.publish === 'function') { 2043 window.Shopify.analytics.publish("ga_stub_initialized", {}, {sendTo: "google_osp_migration"}); 2044 } 2045 } 2046</script>
vendor: 1 bytes, line 2046
2046
2047<script 2048 defer 2049 src="https://takesonnet.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.10.1.min.js" 2050 data-application="storefront-renderer" 2051 data-shop-id="36857544840" 2052 data-render-region="gcp-us-central1" 2053 data-page-type="blog" 2054 data-theme-instance-id="150130327688" 2055 data-theme-name="Horizon" 2056 data-theme-version="3.2.0" 2057 data-monorail-region="shop_domain" 2058 data-resource-timing-sampling-rate="10" 2059 data-shs="true" 2060 data-shs-beacon="true" 2061 data-shs-export-with-fetch="true" 2062 data-shs-logs-sample-rate="1" 2063 data-shs-beacon-endpoint="https://takesonnet.com/api/collect" 2064></script>
2064 2065<meta name="shopify-y" content="3e00d6d2-1e95-4e34-8b24-960e59e49d68" data-expiration="1823156809000"><meta name="shopify-s" content="135bfcaa-da63-4b3c-af57-8ccd0b899e8f" data-expiration="1791601009000"> 2066</head> 2067 2068 <body class="page-width-narrow card-hover-effect-none"> 2069 2070 <div id="header-group"> 2071 <!-- BEGIN sections: header-group --> 2072<div id="shopify-section-sections--20571858043016__header_announcements_9jGBFp" class="shopify-section shopify-section-group-header-group"> 2073
2073<script 2074 src="//takesonnet.com/cdn/shop/t/58/assets/announcement-bar.js?v=34024675399582161451782976135" 2075 type="module" 2076 fetchpriority="low" 2077 ></script>
2077 2078 2079 2080<div class="section-background color-scheme-5"></div> 2081<aside 2082 class="announcement-bar spacing-style section section--page-width color-scheme-5" 2083 style="--padding-block-start: 15px; --padding-block-end:15px; 2084--padding-inline-start:0px; --padding-inline-end:0px; 2085; --border-bottom-width: 0px;" 2086> 2087 2088 2089 <announcement-bar-component 2090 class="announcement-bar__slider" 2091 2092 autoplay="5" aria-live="polite" 2093 2094 > 2095 <div class="announcement-bar__slides"> 2096 2097<slideshow-slide 2098 ref="slides[]" 2099 class=" 2100 announcement-bar__slide 2101 text-block 2102 text-block--ARXVaRE1vVUc5T2EzQ__announcement_JRd4mh 2103 text-block--align-center 2104 text-block--full-width 2105 custom-typography 2106 custom-font-size 2107 2108 " 2109 style=" 2110 2111--color: ;--font-size: 0.75rem; --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal); 2112 --width: 100%; 2113 --text-align: center; 2114 " 2115 2116 aria-hidden="false" 2117 > 2118 <p class="announcement-bar__text"> 2119 ð´ 90K+ Customers Sleeping Better 2120 </p> 2121 2122 2123 </slideshow-slide> 2124 2125 2126 2127<slideshow-slide 2128 ref="slides[]" 2129 class=" 2130 announcement-bar__slide 2131 text-block 2132 text-block--AQytnNmhlZUIyUFpWd__announcement_LaRh83 2133 text-block--align-center 2134 text-block--full-width 2135 custom-typography 2136 custom-font-size 2137 2138 " 2139 style=" 2140 2141--color: ;--font-size: 0.75rem; --font-weight: var(--font-subheading--weight);--font-family: var(--font-subheading--family); --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-normal); 2142 --width: 100%; 2143 --text-align: center; 2144 " 2145 2146 aria-hidden="true" 2147 > 2148 <p class="announcement-bar__text"> 2149 ð¦ Free Shipping + 30-Day Guarantee 2150 </p> 2151 2152 2153 </slideshow-slide> 2154 2155 2156 2157 </div> 2158 </announcement-bar-component> 2159</aside> 2160 2161 2162 2163<style> #shopify-section-sections--20571858043016__header_announcements_9jGBFp .announcement-bar__text a strong {text-decoration: underline; font-weight: 600;} #shopify-section-sections--20571858043016__header_announcements_9jGBFp .announcement-bar__text a {outline: none;} </style></div><header id="shopify-section-sections--20571858043016__header_section" class="shopify-section shopify-section-group-header-group header-section"> 2164 2165 2166
2167<script type="application/ld+json"> 2168 { 2169 "@context": "http://schema.org", 2170 "@type": "Organization", 2171 "name": "Sonnet", 2172 2173 "logo": "https:\/\/takesonnet.com\/cdn\/shop\/files\/Logo.png?v=1766264014\u0026width=500", 2174 2175 "url": "https:\/\/takesonnet.com" 2176 } 2177</script>
2177 2178 2179<header-component 2180 id="header-component" 2181 class="header" 2182 2183 2184 sticky="always" 2185 2186 data-skip-node-update 2187 data-scroll-direction="none" 2188> 2189 2190 2191 2192 2193 2194 2195 <div 2196 class="header__row header__row--top color-scheme-1 section section--full-width-margin section--page-width" 2197 ref="headerRowTop"style="--border-bottom-width: 0px; --border-bottom-width-mobile: 0px;"> 2198 <div class="header__columns spacing-style"> 2199 <div 2200 class="header__column header__column--left" 2201 data-testid="header-top-left" 2202 > 2203 2204 2205 2206 2207 2208 2209 2210 2211 2212 2213 2214 2215 2216 2217<a 2218 2219 href="/" 2220 class="size-style spacing-style header-logo" 2221 style=" 2222 --size-style-width: ;--size-style-height: ; 2223 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 2224 --font-family: var(--font-body--family); 2225 --font-style: var(--font-body--style); 2226 --font-weight: 600; 2227 " 2228 2229> 2230 2231 2232 <span 2233 class="header-logo__image-container header-logo__image-container--original" 2234 data-testid="header-logo" 2235 > 2236 2237 2238 2239 2240 2241 2242 2243 2244 2245 2246 2247 <img src="//takesonnet.com/cdn/shop/files/Logo.png?height=40&v=1766264014" alt="" width="147" height="40" class="header-logo__image" srcset="//takesonnet.com/cdn/shop/files/Logo.png?height=40&v=1766264014 1x, //takesonnet.com/cdn/shop/files/Logo.png?height=80&v=1766264014 2x, //takesonnet.com/cdn/shop/files/Logo.png?height=120&v=1766264014 3x" style="object-position:50.0% 49.121%;--header-logo-image-width: 148px;--header-logo-image-width-mobile: 133px; --header-logo-image-height: 40px; --header-logo-image-height-mobile: 36px;"> 2248 2249 2250 </span> 2251 2252 2253</a> 2254 2255 2256 2257 2258 2259 2260 2261 2262 </div><div 2263 class="header__column header__column--center" 2264 data-testid="header-top-center" 2265 > 2266 2267 2268 2269 2270 2271 2272 2273 <header-menu 2274 ref="headerMenu" 2275 class="header-menu mobile:hidden" 2276 data-animation-delay="200" 2277 2278 style="--submenu-animation-speed: 200ms;" 2279 > 2280 <div class="header-menu__inner"> 2281 2282 2283 2284<nav header-menu> 2285 <div 2286 class="menu-list" 2287 style="--menu-top-level-font-family: var(--font-body--family); 2288--menu-top-level-font-size-desktop: 1rem; --menu-top-level-font-style: var(--font-body--style); --menu-top-level-font-weight: 500; --menu-top-level-font-case:none; 2289 2290 --menu-top-level-font-size: var(--menu-font-sm--size); --menu-top-level-font-line-height: 2291 var(--menu-font-sm--line-height); 2292 2293--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 2294" 2295 > 2296 2297 <overflow-list 2298 2299 ref="overflowMenu" 2300 2301 2302 class="overflow-menu color-scheme-matches-parent" 2303 2304 2305 minimum-items="2" 2306 2307 2308 data-testid="header-menu-overflow-list" 2309 2310 2311 data-skip-node-update 2312 2313> 2314 <template shadowrootmode="open"> 2315 <link href="//takesonnet.com/cdn/shop/t/58/assets/overflow-list.css?v=101911674359793798601782976135" rel="stylesheet" type="text/css" media="all" /> 2316 2317 <ul part="list"> 2318 <slot></slot> 2319 <slot 2320 name="more" 2321 part="more" 2322 hidden 2323 2324 > 2325 <li 2326 part="more" 2327 > 2328 <button 2329 class="button" 2330 type="button" 2331 tabindex="0" 2332 > 2333 More 2334 </button> 2335 </li> 2336 </slot> 2337 <li 2338 part="placeholder" 2339 hidden 2340 ></li> 2341 </ul> 2342 2343 <div part="overflow"> 2344 <ul part="overflow-list"> 2345 <slot name="overflow"></slot> 2346 </ul> 2347 </div> 2348 </template> 2349 2350 2351 2352 <li 2353 role="presentation" 2354 class="menu-list__list-item" 2355 on:focus="/activate" 2356 on:blur="/deactivate" 2357 on:pointerenter="/activate" 2358 on:pointerleave="/deactivate" 2359 > 2360 <a 2361 href="/products/core-sleep" 2362 data-skip-node-update="true" 2363 class="menu-list__link"ref="menuitem" 2364 > 2365 <span class="menu-list__link-title">Core Sleep</span> 2366 </a></li> 2367 2368 <li 2369 role="presentation" 2370 class="menu-list__list-item" 2371 on:focus="/activate" 2372 on:blur="/deactivate"
2373 on:pointerenter="/activate" 2374 on:pointerleave="/deactivate" 2375 > 2376 <a 2377 href="/products/sleep-calm" 2378 data-skip-node-update="true" 2379 class="menu-list__link"ref="menuitem" 2380 > 2381 <span class="menu-list__link-title">Sleep + Calm</span> 2382 </a></li> 2383 2384 <li 2385 role="presentation" 2386 class="menu-list__list-item" 2387 on:focus="/activate" 2388 on:blur="/deactivate" 2389 on:pointerenter="/activate" 2390 on:pointerleave="/deactivate" 2391 > 2392 <a 2393 href="/products/sleep-restore" 2394 data-skip-node-update="true" 2395 class="menu-list__link"ref="menuitem" 2396 > 2397 <span class="menu-list__link-title">Sleep + Restore</span> 2398 </a></li> 2399 2400 <li 2401 role="presentation" 2402 class="menu-list__list-item" 2403 on:focus="/activate" 2404 on:blur="/deactivate" 2405 on:pointerenter="/activate" 2406 on:pointerleave="/deactivate" 2407 > 2408 <a 2409 href="/pages/faqs" 2410 data-skip-node-update="true" 2411 class="menu-list__link"ref="menuitem" 2412 > 2413 <span class="menu-list__link-title">FAQs</span> 2414 </a></li> 2415 2416 <li 2417 role="presentation" 2418 class="menu-list__list-item" 2419 on:focus="/activate" 2420 on:blur="/deactivate" 2421 on:pointerenter="/activate" 2422 on:pointerleave="/deactivate" 2423 > 2424 <a 2425 href="/pages/research" 2426 data-skip-node-update="true" 2427 class="menu-list__link"ref="menuitem" 2428 > 2429 <span class="menu-list__link-title">Research</span> 2430 </a></li> 2431 2432 <li 2433 class="menu-list__list-item" 2434 role="presentation" 2435 slot="more" 2436 on:focus="/activate" 2437 on:blur="/deactivate" 2438 on:pointerenter="/activate" 2439 on:pointerleave="/deactivate" 2440 > 2441 <button role="menuitem" class="button menu-list__link button-unstyled"> 2442 <span class="menu-list__link-title">More</span> 2443 </button> 2444 </li> 2445 2446</overflow-list> 2447 2448 </div> 2449</nav> 2450 2451 </div> 2452 2453
2453<script 2454 src="//takesonnet.com/cdn/shop/t/58/assets/header-menu.js?v=79711101891621171861782976135" 2455 type="module" 2456 fetchpriority="low" 2457 ></script>
2457 2458 </header-menu> 2459 2460 2461 2462 2463 2464 2465 2466 2467 2468 </div><div 2469 class="header__column header__column--right" 2470 data-testid="header-top-right" 2471 > 2472 2473 2474 2475 2476 2477 2478 2479 2480 2481 2482 2483 2484 2485 2486 2487 2488 2489 2490
2490<script 2491 type="module" 2492 src="//takesonnet.com/cdn/shop/t/58/assets/cart-icon.js?v=166134955531180270021782976135" 2493 fetchpriority="low" 2494></script>
2494 2495 2496<header-actions> 2497 <anchored-popover-component 2498 data-close-on-resize="true" 2499 class="account-popover mobile:hidden" 2500> 2501 <button 2502 class="account-button header-actions__action" 2503 aria-label="Account" 2504 aria-haspopup="dialog"popovertarget="account-popover" 2505 popovertargetaction="toggle"ref="trigger" 2506 2507><span 2508 class="account-button__icon" 2509 aria-hidden="true" 2510 > 2511 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 2512 <path d="M12 11.1C13.8225 11.1 15.3 9.62254 15.3 7.8C15.3 5.97746 13.8225 4.5 12 4.5C10.1774 4.5 8.69995 5.97746 8.69995 7.8C8.69995 9.62254 10.1774 11.1 12 11.1Z" stroke="currentColor" stroke-width="1.5"/> 2513 <path d="M6.20645 17.5092L5.68205 18.4524C5.62254 18.5598 5.59209 18.6808 5.59369 18.8036C5.59529 18.9264 5.6289 19.0466 5.69119 19.1524C5.75348 19.2582 5.8423 19.3459 5.94887 19.4069C6.05544 19.4678 6.17608 19.4999 6.29885 19.5H17.7013C17.824 19.4999 17.9447 19.4678 18.0512 19.4069C18.1578 19.3459 18.2466 19.2582 18.3089 19.1524C18.3712 19.0466 18.4048 18.9264 18.4064 18.8036C18.408 18.6808 18.3776 18.5598 18.3181 18.4524L17.7937 17.5092C17.2197 16.476 16.3798 15.6151 15.3611 15.0157C14.3424 14.4163 13.182 14.1002 12.0001 14.1002C10.8181 14.1002 9.65766 14.4163 8.63898 15.0157C7.6203 15.6151 6.78044 16.476 6.20645 17.5092Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2514 </svg> 2515 </span></button> 2516 2517 2518 2519 <div 2520 class="account-popover__panel details-content color-scheme-1" 2521 id="account-popover" 2522 popover="auto" 2523 ref="popover" 2524 > 2525 <div class="account-actions"> 2526 <div class="account-actions__main-menu"> 2527 <header class="account-actions__header"> 2528 <h2 2529 id="account-drawer-heading" 2530 class="account-actions__title h5" 2531 > 2532 2533 Account 2534 2535 </h2> 2536 2537 </header> 2538 2539 2540 <div 2541 class="account-actions__sign-ins" 2542 data-skip-subtree-update="true" 2543 > 2544
2544<script 2545 src="//takesonnet.com/cdn/shop/t/58/assets/account-login-actions.js?v=132624473766457443991782976135" 2546 type="module" 2547 fetchpriority="low" 2548 ></script>
2548 2549 <account-login-actions class="account-actions__shop-login"> 2550
2550<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
vendor: 1 bytes, line 2550
2550
2551<script type="module"> 2552 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"); 2553 2554 2555</script>
2555 2556 2557<shop-login-button ux-mode="windoid" return-uri="https://takesonnet.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button> 2558 2559 </account-login-actions> 2560 2561 <a 2562 href="/customer_authentication/login?return_to=%2Fblogs%2Fsleep&locale=en&ui_hint=full®ion_country=US" 2563 class="account-actions__link button" 2564 > 2565 <span class="account-actions__sign-in-text"> 2566 Other sign in options 2567 </span> 2568 <span class="account-actions__fallback-text"> 2569 Sign in 2570 </span> 2571 </a> 2572 </div> 2573 2574 2575 <div 2576 class="account-actions__sign-ins" 2577 > 2578 <a 2579 href="/a/account/subscriptions" 2580 class="account-actions__link button-secondary" 2581 > 2582 Manage my subscription 2583 </a> 2584 </div> 2585 2586 <nav class="account-actions__nav"> 2587 <ul class="account-actions__list"> 2588 <li class="account-actions__list-item"> 2589 <a 2590 href="/account" 2591 class="account-actions__link button-secondary" 2592 > 2593 <span 2594 class="account-actions__icon" 2595 aria-hidden="true" 2596 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"> 2597 <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/> 2598 <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/> 2599</svg> 2600</span> 2601 Orders 2602 </a> 2603 </li> 2604 <li class="account-actions__list-item"> 2605 <a 2606 href="/account/addresses" 2607 class="account-actions__link button-secondary" 2608 > 2609 <span 2610 class="account-actions__icon" 2611 aria-hidden="true" 2612 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg> 2613</span> 2614 Profile 2615 </a> 2616 </li> 2617 </ul> 2618 </nav> 2619 </div> 2620</div> 2621 2622 2623 2624 </div> 2625</anchored-popover-component> 2626 2627 2628 2629
2629<script 2630 src="//takesonnet.com/cdn/shop/t/58/assets/dialog.js?v=122984339961420548111782976135" 2631 type="module" 2632></script>
2632 2633 2634<dialog-component 2635 class="account-drawer" 2636 2637> 2638 <button 2639 class="account-button header-actions__action" 2640 aria-label="Account" 2641 aria-haspopup="dialog"ref="trigger" 2642 on:click="/showDialog" 2643><span 2644 class="account-button__icon" 2645 aria-hidden="true" 2646 > 2647 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 2648 <path d="M12 11.1C13.8225 11.1 15.3 9.62254 15.3 7.8C15.3 5.97746 13.8225 4.5 12 4.5C10.1774 4.5 8.69995 5.97746 8.69995 7.8C8.69995 9.62254 10.1774 11.1 12 11.1Z" stroke="currentColor" stroke-width="1.5"/> 2649 <path d="M6.20645 17.5092L5.68205 18.4524C5.62254 18.5598 5.59209 18.6808 5.59369 18.8036C5.59529 18.9264 5.6289 19.0466 5.69119 19.1524C5.75348 19.2582 5.8423 19.3459 5.94887 19.4069C6.05544 19.4678 6.17608 19.4999 6.29885 19.5H17.7013C17.824 19.4999 17.9447 19.4678 18.0512 19.4069C18.1578 19.3459 18.2466 19.2582 18.3089 19.1524C18.3712 19.0466 18.4048 18.9264 18.4064 18.8036C18.408 18.6808 18.3776 18.5598 18.3181 18.4524L17.7937 17.5092C17.2197 16.476 16.3798 15.6151 15.3611 15.0157C14.3424 14.4163 13.182 14.1002 12.0001 14.1002C10.8181 14.1002 9.65766 14.4163 8.63898 15.0157C7.6203 15.6151 6.78044 16.476 6.20645 17.5092Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2650 </svg> 2651 </span></button> 2652 2653 2654 2655 <dialog 2656 ref="dialog" 2657 class="color-scheme-1 dialog-modal dialog-drawer dialog-bottom-sheet account-drawer__dialog" 2658 scroll-lock 2659 aria-labelledby="account-drawer-heading" 2660 > 2661 <button 2662 ref="closeButton" 2663 on:click="/closeDialog" 2664 class="button button-unstyled close-button account-drawer__close-button" 2665 aria-label="Close dialog" 2666 autofocus 2667 > 2668 <span 2669 class="svg-wrapper" 2670 aria-hidden="true" 2671 ><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2672 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2673 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2674</svg> 2675</span> 2676 </button> 2677 <div class="account-actions"> 2678 <div class="account-actions__main-menu"> 2679 <header class="account-actions__header"> 2680 <h2 2681 id="account-drawer-heading" 2682 class="account-actions__title h5" 2683 > 2684 2685 Account 2686 2687 </h2> 2688 2689 </header> 2690 2691 2692 <div 2693 class="account-actions__sign-ins" 2694 data-skip-subtree-update="true" 2695 > 2696
2696<script 2697 src="//takesonnet.com/cdn/shop/t/58/assets/account-login-actions.js?v=132624473766457443991782976135" 2698 type="module" 2699 fetchpriority="low" 2700 ></script>
2700 2701 <account-login-actions class="account-actions__shop-login"> 2702
2702<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"></script>
vendor: 1 bytes, line 2702
2702
2703<script type="module"> 2704 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.shop-login-button.en.esm.js"); 2705 2706 2707</script>
2707 2708 2709<shop-login-button ux-mode="windoid" return-uri="https://takesonnet.com/account/redirect" proxy="true" proxy-core-idp="true" redirect-type="iframe" response-type="code"></shop-login-button> 2710 2711 </account-login-actions> 2712 2713 <a 2714 href="/customer_authentication/login?return_to=%2Fblogs%2Fsleep&locale=en&ui_hint=full®ion_country=US" 2715 class="account-actions__link button" 2716 > 2717 <span class="account-actions__sign-in-text"> 2718 Other sign in options 2719 </span> 2720 <span class="account-actions__fallback-text"> 2721 Sign in 2722 </span> 2723 </a> 2724 </div> 2725 2726 2727 <div 2728 class="account-actions__sign-ins" 2729 > 2730 <a 2731 href="/a/account/subscriptions" 2732 class="account-actions__link button-secondary" 2733 > 2734 Manage my subscription 2735 </a> 2736 </div> 2737 2738 <nav class="account-actions__nav"> 2739 <ul class="account-actions__list"> 2740 <li class="account-actions__list-item"> 2741 <a 2742 href="/account" 2743 class="account-actions__link button-secondary" 2744 > 2745 <span 2746 class="account-actions__icon" 2747 aria-hidden="true" 2748 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"> 2749 <path stroke-linecap="round" stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 7.705c0-.482.154-.95.44-1.338L5.06 4.08c.303-.41.783-.652 1.293-.652h7.42c.525 0 1.018.257 1.319.69l1.577 2.266c.262.377.403.826.403 1.285v8.294c0 .888-.72 1.608-1.608 1.608H4.536c-.888 0-1.607-.72-1.607-1.608V7.705Z"/> 2750 <path stroke="currentColor" stroke-width="var(--icon-stroke-width)" d="M2.929 6.965h14.143M10 3.428v3.535M6.143 14.035v-2.571c0-.178.143-.321.321-.321h3.857c.178 0 .322.143.322.321v2.571a.321.321 0 0 1-.322.322H6.464a.321.321 0 0 1-.321-.322Z"/> 2751</svg> 2752</span> 2753 Orders 2754 </a> 2755 </li> 2756 <li class="account-actions__list-item"> 2757 <a 2758 href="/account/addresses" 2759 class="account-actions__link button-secondary" 2760 > 2761 <span 2762 class="account-actions__icon" 2763 aria-hidden="true" 2764 ><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg> 2765</span> 2766 Profile 2767 </a> 2768 </li> 2769 </ul> 2770 </nav> 2771 </div> 2772</div> 2773 2774 2775 2776 </dialog> 2777</dialog-component> 2778 2779 2780 2781 2782 2783 2784
2784<script 2785 src="//takesonnet.com/cdn/shop/t/58/assets/cart-drawer.js?v=92290163633888904321782976135" 2786 type="module" 2787 fetchpriority="low" 2788></script>
2788 2789 2790<cart-drawer-component 2791 class="cart-drawer" 2792 2793 2794 auto-open 2795 2796> 2797 <button 2798 class="button header-actions__action button-unstyled" 2799 on:click="/open" 2800 aria-haspopup="dialog" 2801 aria-label="Cart" 2802 aria-describedby="cart-bubble-text" 2803 data-testid="cart-drawer-trigger" 2804 > 2805 <cart-icon 2806 class=" 2807 header-actions__cart-icon 2808 2809 " 2810 data-testid="cart-icon" 2811> 2812 <span 2813 class="svg-wrapper" 2814 aria-hidden="true" 2815 > 2816 <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 2817 <path d="M10.5816 3.5628H13.3812C14.1228 3.5628 14.8344 3.8592 15.36 4.386C15.8855 4.9148 16.1801 5.63014 16.1796 6.3756V8.25H7.78323V6.3756C7.78323 5.6292 8.07843 4.914 8.60283 4.386C8.86246 4.12524 9.17101 3.9183 9.51078 3.77704C9.85055 3.63578 10.2149 3.56297 10.5828 3.5628M4.07043 8.25H19.9296V17.8692C19.9296 18.5496 19.6608 19.2036 19.1808 19.6848C18.7008 20.1672 18.0516 20.4372 17.3736 20.4372H6.62643C6.29054 20.4367 5.95804 20.37 5.64795 20.2409C5.33786 20.1118 5.05625 19.9228 4.81923 19.6848C4.34004 19.202 4.07092 18.5494 4.07043 17.8692V8.25Z" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> 2818 </svg> 2819 </span> 2820 2821 <div 2822 ref="cartBubble" 2823 class="cart-bubble visually-hidden" 2824 2825 2826 data-maintain-ratio 2827 2828> 2829 <span class="cart-bubble__background"></span> 2830 <span 2831 ref="cartBubbleText" 2832 id="cart-bubble-text" 2833 class="cart-bubble__text" 2834 2835 role="status" 2836 2837 > 2838 <span class="visually-hidden">Total items in cart: 0 2839 </span> 2840 <span 2841 class="cart-bubble__text-count hidden" 2842 ref="cartBubbleCount" 2843 aria-hidden="true" 2844 data-testid="cart-bubble" 2845 > 28460</span> 2847 </span> 2848</div> 2849 2850</cart-icon> 2851 2852 2853 2854 </button> 2855 2856 <dialog 2857 ref="dialog" 2858 class="cart-drawer__dialog dialog-modal dialog-drawer color-scheme-1 cart-drawer--empty" 2859 aria-labelledby="cart-drawer-heading-empty" 2860 scroll-lock 2861 > 2862 <div class="cart-drawer__inner"> 2863 <cart-items-component 2864 class="cart-items-component" 2865 data-section-id="sections--20571858043016__header_section" 2866 ><div class="cart-drawer__header"> 2867 <button 2868 ref="closeButton" 2869 on:click="cart-drawer-component/close" 2870 class="button close-button cart-drawer__close-button button-unstyled" 2871 aria-label="Close dialog" 2872 > 2873 <span class="svg-wrapper"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 2874 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2875 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 2876</svg> 2877</span> 2878 </button> 2879 </div> 2880 2881 <div 2882 class="cart-drawer__content motion-reduce" 2883 aria-label="Cart" 2884 > 2885 <h2 2886 class="cart-drawer__heading h3 cart-drawer__heading--empty" 2887 id="cart-drawer-heading-empty" 2888 > 2889 Your cart is empty 2890 </h2> 2891 2892 <div class="cart-drawer__items"> 2893 2894
2895<script 2896 src="//takesonnet.com/cdn/shop/t/58/assets/component-cart-items.js?v=47090504063697747641782976135" 2897 type="module" 2898 fetchpriority="low" 2899></script>
vendor: 1 bytes, line 2899
2899
2900<script 2901 src="//takesonnet.com/cdn/shop/t/58/assets/component-cart-quantity-selector.js?v=105130809908858639751782976135" 2902 type="module" 2903 fetchpriority="low" 2904></script>
vendor: 1 bytes, line 2904
2904
2905<script 2906 src="//takesonnet.com/cdn/shop/t/58/assets/volume-pricing-info.js?v=94479640769665442661782976135" 2907 type="module" 2908 fetchpriority="low" 2909></script>
2909 2910 2911<div 2912 2913 class="cart-items__wrapper" 2914 2915> 2916 2917<p> 2918 Have an account? <a href="https://takesonnet.com/customer_authentication/redirect?locale=en®ion_country=US">Log in</a> to check out faster. 2919 </p><a 2920 class="button cart-items__empty-button" 2921 href="/collections/all" 2922 > 2923 Continue shopping 2924 </a></div> 2925 2926 2927 2928 </div> 2929 </div></cart-items-component> 2930 </div> 2931 </dialog> 2932</cart-drawer-component> 2933 2934 2935 2936 2937 2938 2939 2940 2941 <div 2942 class="header__drawer desktop:hidden" 2943 ref="headerDrawerContainer" 2944 2945 > 2946 2947
2948<script 2949 src="//takesonnet.com/cdn/shop/t/58/assets/header-drawer.js?v=160607022407653843031782976135" 2950 type="module" 2951 fetchpriority="low" 2952></script>
2952 2953 2954<header-drawer 2955 class="header-drawer header__drawer--mobile" 2956 style="--menu-image-border-radius: 0px; --resource-card-corner-radius: 0px;" 2957> 2958 <details 2959 id="Details-menu-drawer-container" 2960 data-skip-node-update="true" 2961 class="menu-drawer-container" 2962 ref="details" 2963 scroll-lock 2964 > 2965 <summary 2966 class="header__icon header__icon--menu header__icon--summary" 2967 aria-label="Menu" 2968 on:click="/toggle" 2969 > 2970 <span class="svg-wrapper header-drawer-icon header-drawer-icon--open"><svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 2971<path d="M0 20.0002H24M0 12H20.235M0 3.99975H24" stroke="black"/> 2972</svg> 2973</span> 2974 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close test"> 2975 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 6.78743L14.536 0.250286C14.7029 0.0834284 14.9234 0 15.1429 0C15.6046 0 16 0.370285 16 0.856C16 1.07657 15.9166 1.296 15.7497 1.464L9.21257 8L15.7486 14.536C15.9166 14.704 16 14.9234 16 15.1429C16 15.6309 15.6011 16 15.1429 16C14.9234 16 14.7029 15.9166 14.536 15.7497L8 9.21371L1.464 15.7497C1.29714 15.9166 1.07657 16 0.857143 16C0.398857 16 0 15.6309 0 15.1429C0 14.9234 0.0834283 14.704 0.251428 14.536L6.78743 8L0.250286 1.464C0.0834284 1.296 0 1.07657 0 0.856C0 0.370285 0.395429 0 0.857143 0C1.07657 0 1.29714 0.0834284 1.464 0.250286L8 6.78743Z" fill="currentColor"/></svg> 2976 </span> 2977 </summary> 2978 <div 2979 data-header-drawer 2980 class=" 2981 menu-drawer 2982 motion-reduce 2983 color-scheme-1 2984 " 2985 > 2986 <button 2987 class="button button-unstyled close-button menu-drawer__close-button" 2988 type="button" 2989 aria-label="Close" 2990 on:click="/close" 2991 > 2992 <span class="svg-wrapper header-drawer-icon header-drawer-icon--close"> 2993 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path fill-rule="evenodd" clip-rule="evenodd" d="M8 6.78743L14.536 0.250286C14.7029 0.0834284 14.9234 0 15.1429 0C15.6046 0 16 0.370285 16 0.856C16 1.07657 15.9166 1.296 15.7497 1.464L9.21257 8L15.7486 14.536C15.9166 14.704 16 14.9234 16 15.1429C16 15.6309 15.6011 16 15.1429 16C14.9234 16 14.7029 15.9166 14.536 15.7497L8 9.21371L1.464 15.7497C1.29714 15.9166 1.07657 16 0.857143 16C0.398857 16 0 15.6309 0 15.1429C0 14.9234 0.0834283 14.704 0.251428 14.536L6.78743 8L0.250286 1.464C0.0834284 1.296 0 1.07657 0 0.856C0 0.370285 0.395429 0 0.857143 0C1.07657 0 1.29714 0.0834284 1.464 0.250286L8 6.78743Z" fill="currentColor"/></svg> 2994 </span> 2995 </button> 2996 <nav 2997 class="menu-drawer__navigation" 2998 style="--menu-top-level-font-family: var(--font-heading--family); 2999--menu-top-level-font-size-desktop: 1rem; --menu-top-level-font-style: var(--font-heading--style); --menu-top-level-font-weight: 500; --menu-top-level-font-case:none; 3000 3001 --menu-top-level-font-size: var(--menu-font-2xl--size); --menu-top-level-font-line-height: 3002 var(--menu-font-2xl--line-height); 3003 3004--menu-top-level-font-color: var(--color-foreground); --menu-top-level-font-color-rgb: var(--color-foreground-rgb); 3005 3006--menu-parent-font-family: var(--font-heading--family); --menu-parent-font-style: 3007var(--font-heading--style); --menu-parent-font-weight: var(--font-heading--weight); --menu-parent-font-case: 3008none; 3009 3010 --menu-parent-font-size: var(--menu-font-sm--size); --menu-parent-font-line-height: 3011 var(--menu-font-sm--line-height); --menu-parent-font-color: rgb(var(--color-foreground-rgb) / 3012 var(--opacity-subdued-text)); --menu-parent-active-font-color: var(--color-foreground); 3013 3014--menu-child-font-family: var(--font-heading--family); --menu-child-font-style: 3015var(--font-heading--style); --menu-child-font-weight: var(--font-heading--weight); --menu-child-font-case: 3016none; 3017 3018 --menu-child-font-size: var(--menu-font-md--size); --menu-child-font-line-height: var(--menu-font-md--line-height); 3019 --menu-child-font-color: var(--color-foreground); --menu-child-active-font-color: rgb(var(--color-foreground-rgb) / 3020 var(--opacity-subdued-text)); 3021 3022 3023 " 3024 > 3025 <ul 3026 class="menu-drawer__menu has-submenu" 3027 role="list" 3028 > 3029 3030 3031 3032 3033 <li 3034 style="--menu-drawer-animation-index: 1;" 3035 class="menu-drawer__list-item--flat" 3036 > 3037 3038<a 3039 id="HeaderDrawer-core-sleep" 3040 href="/products/core-sleep" 3041 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset menu-drawer__menu-item--with-image" 3042 3043 > 3044 3045 3046 3047 3048 3049 <img src="//takesonnet.com/cdn/shop/files/sonnet-core-sleep-bottle-capsules.jpg?v=1771275996&width=800" alt="Sonnet Core Sleep Sleep Supplement Bottle" srcset="//takesonnet.com/cdn/shop/files/sonnet-core-sleep-bottle-capsules.jpg?v=1771275996&width=352 352w, //takesonnet.com/cdn/shop/files/sonnet-core-sleep-bottle-capsules.jpg?v=1771275996&width=800 800w" width="800" height="533" loading="lazy" class="menu-drawer__link-image menu-drawer__link-image--main" sizes="120px"> 3050 3051 3052 3053
3054 <span class="menu-drawer__menu-item-text wrap-text">Core Sleep ></span> 3055 3056 </a> 3057 3058 </li> 3059 3060 <li 3061 style="--menu-drawer-animation-index: 2;" 3062 class="menu-drawer__list-item--flat" 3063 > 3064 3065<a 3066 id="HeaderDrawer-sleep-calm" 3067 href="/products/sleep-calm" 3068 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset menu-drawer__menu-item--with-image" 3069 3070 > 3071 3072 3073 3074 3075 3076 <img src="//takesonnet.com/cdn/shop/files/sonnet-sleep-calm-bottle-capsules.jpg?v=1771893737&width=800" alt="Sleep + Calm" srcset="//takesonnet.com/cdn/shop/files/sonnet-sleep-calm-bottle-capsules.jpg?v=1771893737&width=352 352w, //takesonnet.com/cdn/shop/files/sonnet-sleep-calm-bottle-capsules.jpg?v=1771893737&width=800 800w" width="800" height="533" loading="lazy" class="menu-drawer__link-image menu-drawer__link-image--main" sizes="120px"> 3077 3078 3079 3080 3081 <span class="menu-drawer__menu-item-text wrap-text">Sleep + Calm ></span> 3082 3083 </a> 3084 3085 </li> 3086 3087 <li 3088 style="--menu-drawer-animation-index: 3;" 3089 class="menu-drawer__list-item--flat" 3090 > 3091 3092<a 3093 id="HeaderDrawer-sleep-restore" 3094 href="/products/sleep-restore" 3095 class="menu-drawer__menu-item menu-drawer__menu-item--mainlist menu-drawer__animated-element focus-inset menu-drawer__menu-item--with-image" 3096 3097 > 3098 3099 3100 3101 3102 3103 <img src="//takesonnet.com/cdn/shop/files/sonnet-sleep-restore-bottle-capsules.jpg?v=1771896713&width=800" alt="Sleep + Restore" srcset="//takesonnet.com/cdn/shop/files/sonnet-sleep-restore-bottle-capsules.jpg?v=1771896713&width=352 352w, //takesonnet.com/cdn/shop/files/sonnet-sleep-restore-bottle-capsules.jpg?v=1771896713&width=800 800w" width="800" height="533" loading="lazy" class="menu-drawer__link-image menu-drawer__link-image--main" sizes="120px"> 3104 3105 3106 3107 3108 <span class="menu-drawer__menu-item-text wrap-text">Sleep + Restore ></span> 3109 3110 </a> 3111 3112 </li> 3113 </ul> 3114 </nav> 3115 3116 3117 <div class="menu-drawer__secondary-links menu-drawer__animated-element" style="--menu-drawer-animation-index: 4;"> 3118 <nav aria-label="Translation missing: en.accessibility.secondary_menu"> 3119 <ul class="menu-drawer__secondary-list list-unstyled" role="list"><li> 3120 <a href="/pages/faqs" class="menu-drawer__secondary-link focus-inset" > 3121 FAQs 3122 </a> 3123 </li><li> 3124 <a href="/pages/research" class="menu-drawer__secondary-link focus-inset" > 3125 Research 3126 </a> 3127 </li></ul> 3128 </nav> 3129 </div> 3130 3131 3132 3133 3134 <div class="menu-drawer__usps menu-drawer__animated-element"> 3135 3136 <a href="#" class="menu-drawer__usp focus-inset"> 3137 <span class="menu-drawer__usp-icon" aria-hidden="true"> 3138 3139 <svg 3140 class="menu-drawer__usp-icon-svg icon-default" 3141 aria-hidden="true" 3142 focusable="false" 3143 xmlns="http://www.w3.org/2000/svg" 3144 width="24" 3145 height="24" 3146 viewBox="0 0 20 20" 3147 3148 > 3149<path d="M0 3.75156C0 3.47454 0.224196 3.24997 0.500755 3.24997H10.647C10.9235 3.24997 11.1477 3.47454 11.1477 3.75156V5.07505V5.63362V6.10938V13.6616C10.9427 14.0067 10.8813 14.1101 10.5516 14.6648L7.22339 14.6646V13.6614H10.1462V4.25316H1.00151V13.6614H2.6842V14.6646H0.500755C0.224196 14.6646 0 14.44 0 14.163V3.75156Z" /> 3150 <path d="M18.9985 8.08376L11.1477 6.10938V5.07505L19.6212 7.20603C19.8439 7.26203 20 7.46255 20 7.69253V14.1631C20 14.4401 19.7758 14.6647 19.4992 14.6647H17.3071V13.6615H18.9985V8.08376ZM11.1477 13.6616L13.3442 13.6615L13.3443 14.6647L10.5516 14.6648L11.1477 13.6616Z" /> 3151 <path d="M7.71269 14.1854C7.71269 15.6018 6.56643 16.75 5.15245 16.75C3.73847 16.75 2.59221 15.6018 2.59221 14.1854C2.59221 12.7691 3.73847 11.6209 5.15245 11.6209C6.56643 11.6209 7.71269 12.7691 7.71269 14.1854ZM5.15245 15.7468C6.01331 15.7468 6.71118 15.0478 6.71118 14.1854C6.71118 13.3231 6.01331 12.6241 5.15245 12.6241C4.29159 12.6241 3.59372 13.3231 3.59372 14.1854C3.59372 15.0478 4.29159 15.7468 5.15245 15.7468Z" /> 3152 <path d="M17.5196 14.1854C17.5196 15.6018 16.3733 16.75 14.9593 16.75C13.5454 16.75 12.3991 15.6018 12.3991 14.1854C12.3991 12.7691 13.5454 11.6209 14.9593 11.6209C16.3733 11.6209 17.5196 12.7691 17.5196 14.1854ZM14.9593 15.7468C15.8202 15.7468 16.5181 15.0478 16.5181 14.1854C16.5181 13.3231 15.8202 12.6241 14.9593 12.6241C14.0985 12.6241 13.4006 13.3231 13.4006 14.1854C13.4006 15.0478 14.0985 15.7468 14.9593 15.7468Z" /></svg> 3153 3154 </span>
3155 <span class="menu-drawer__usp-text">Free Shipping $50+</span> 3156 </a> 3157 3158 3159 <a href="#" class="menu-drawer__usp focus-inset"> 3160 <span class="menu-drawer__usp-icon" aria-hidden="true"> 3161 3162 <svg 3163 class="menu-drawer__usp-icon-svg icon-default" 3164 aria-hidden="true" 3165 focusable="false" 3166 xmlns="http://www.w3.org/2000/svg" 3167 width="24" 3168 height="24" 3169 viewBox="0 0 20 20" 3170 3171 > 3172<path d="M11.571 1.05882C11.571 0.750194 11.8198 0.5 12.1266 0.5H13.4572C17.0692 0.5 20 3.45304 20 7.08924C20 10.7255 17.0692 13.6785 13.4572 13.6785L1.89992 13.7105L1.30855 13.1197L1.89992 12.5484L13.4572 12.5608C16.4541 12.5608 18.8889 10.1096 18.8889 7.08924C18.8889 4.06891 16.4541 1.61765 13.4572 1.61765H12.1266C11.8198 1.61765 11.571 1.36745 11.571 1.05882Z" /> 3173 <path d="M6.00311 7.00677C6.22317 6.7917 6.57489 6.79679 6.78871 7.01815C7.00252 7.2395 6.99746 7.59329 6.7774 7.80836L6.00311 7.00677ZM1.30855 13.1197L6.73968 18.5463C6.9565 18.7647 6.95627 19.1185 6.73917 19.3366C6.52207 19.5547 6.17031 19.5544 5.9535 19.3361L0.162462 13.5034C0.0572388 13.3974 -0.00128425 13.2533 2.13868e-05 13.1036C0.00132703 12.9538 0.0623521 12.8108 0.169407 12.7067C0.3269 12.5535 1.78474 11.1291 3.20439 9.74186L6.00311 7.00677L6.7774 7.80836L3.97862 10.5435C2.95441 11.5444 1.8705 12.5709 1.30855 13.1197Z" /></svg> 3174 3175 </span> 3176 <span class="menu-drawer__usp-text">30 Day Free Returns</span> 3177 </a> 3178 3179 </div> 3180 3181 3182 3183 <div 3184 class="menu-drawer__utility-links menu-drawer__animated-element" 3185 style="--menu-drawer-animation-index: 3;display: none!important;" 3186 > 3187 3188 <a 3189 href="/a/account/subscriptions" 3190 class="menu-drawer__account menu-drawer__animated-element" 3191 style="--menu-drawer-animation-index: 4;" 3192 > 3193 3194 <span class="svg-wrapper"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="10" cy="6.5" r="2.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m5.172 14.591-.437.786a.588.588 0 0 0 .514.873h9.502a.588.588 0 0 0 .514-.873l-.437-.786a5.523 5.523 0 0 0-9.656 0"/></svg> 3195</span> 3196 3197 <span> 3198 3199 Login 3200 3201 </span> 3202 </a> 3203 3204 3205 </div> 3206 3207 3208 </div> 3209 <div 3210 class="menu-drawer__backdrop" 3211 on:click="header-drawer/close" 3212 ></div> 3213 </details> 3214</header-drawer> 3215 3216 3217 3218 </div> 3219 3220 3221 3222 3223 3224 3225 3226</header-actions> 3227 3228 3229 3230 3231 3232 3233 </div> 3234 </div> 3235 </div> 3236 3237 3238 3239 3240 3241 3242 3243 3244 3245 3246 3247</header-component> 3248
3249<script 3250 src="//takesonnet.com/cdn/shop/t/58/assets/header.js?v=44054527098996434631782976135" 3251 type="module" 3252 fetchpriority="low" 3253 defer 3254></script>
3254 3255 3256 3257 3258 3259
3259<script type="module"> 3260 import { hydrate } from '@theme/section-hydration'; 3261 const url = new URL(window.location.href); 3262 url.searchParams.delete('page'); 3263 hydrate('sections--20571858043016__header_section', url); 3264 </script>
3264 3265 3266 3267 3268</header> 3269<!-- END sections: header-group --> 3270 </div> 3271 3272
3272<script> 3273 document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 3274 // Inline header height calculation to prevent layout shift 3275 // Note: Updates in calculateHeaderGroupHeight() and updateTransparentHeaderOffset()utilities.js should be kept in sync with this function 3276 (function setHeaderHeighCustomProperties() { 3277 /* 3278 * Header calculation functions for maintaining CSS variables 3279 * Mimic calculateHeaderGroupHeight() in utilities.js 3280 */ 3281 const header = document.querySelector('header-component'); 3282 const headerGroup = document.querySelector('#header-group'); 3283 const hasHeaderSection = headerGroup?.querySelector('.header-section'); 3284 3285 if (!header || !headerGroup) return; 3286 3287 const headerHeight = header.offsetHeight; 3288 3289 // Calculate the total height of the header group 3290 let headerGroupHeight = 0; 3291 const children = headerGroup.children; 3292 for (let i = 0; i < children.length; i++) { 3293 const element = children[i]; 3294 if (element === header || !(element instanceof HTMLElement)) continue; 3295 headerGroupHeight += element.offsetHeight; 3296 } 3297 3298 // Check for transparent header special case 3299 if (header.hasAttribute('transparent') && header.parentElement?.nextElementSibling) { 3300 headerGroupHeight += headerHeight; 3301 } 3302 3303 // Set CSS variables 3304 document.body.style.setProperty('--header-height', `${headerHeight}px`); 3305 document.body.style.setProperty('--header-group-height', `${headerGroupHeight}px`); 3306 3307 /** 3308 * Updates CSS custom properties for transparent header offset calculation 3309 * Mimic updateTransparentHeaderOffset() in utilities.js 3310 */ 3311 3312 if (!hasHeaderSection || !header?.hasAttribute('transparent')) { 3313 document.body.style.setProperty('--transparent-header-offset-boolean', '0'); 3314 return; 3315 } 3316 3317 const hasImmediateSection = hasHeaderSection.nextElementSibling?.classList.contains('shopify-section'); 3318 3319 const shouldApplyOffset = !hasImmediateSection ? '1' : '0'; 3320 document.body.style.setProperty('--transparent-header-offset-boolean', shouldApplyOffset); 3321 })(); 3322 </script>
3322 3323 3324 <main 3325 id="MainContent" 3326 class="content-for-layout" 3327 role="main" 3328 data-page-transition-enabled="true" 3329 data-product-transition="true" 3330 data-template="blog" 3331 > 3332 <div id="shopify-section-template--20571863941256__section_mwy6DM" class="shopify-section section-wrapper"> 3333 3334 3335 3336<div class="section-background color-scheme-6"></div> 3337<div 3338 class="section section--page-width color-scheme-6" 3339 data-testid="ui-test-section" 3340 3341 3342 3343 3344 style=" 3345 3346 3347 3348 " 3349> 3350 <div class="custom-section-background"> 3351 <div 3352 class="background-image-container" 3353> 3354 3355 3356<img src="//takesonnet.com/cdn/shop/files/sonnet-sleep-supplements-bottles_68f77fc5-8c75-4655-8c73-7a0942ad717b.jpg?v=1771275733&width=3840" alt="" srcset="//takesonnet.com/cdn/shop/files/sonnet-sleep-supplements-bottles_68f77fc5-8c75-4655-8c73-7a0942ad717b.jpg?v=1771275733&width=832 832w, //takesonnet.com/cdn/shop/files/sonnet-sleep-supplements-bottles_68f77fc5-8c75-4655-8c73-7a0942ad717b.jpg?v=1771275733&width=1200 1200w, //takesonnet.com/cdn/shop/files/sonnet-sleep-supplements-bottles_68f77fc5-8c75-4655-8c73-7a0942ad717b.jpg?v=1771275733&width=1600 1600w, //takesonnet.com/cdn/shop/files/sonnet-sleep-supplements-bottles_68f77fc5-8c75-4655-8c73-7a0942ad717b.jpg?v=1771275733&width=1920 1920w, //takesonnet.com/cdn/shop/files/sonnet-sleep-supplements-bottles_68f77fc5-8c75-4655-8c73-7a0942ad717b.jpg?v=1771275733&width=2560 2560w, //takesonnet.com/cdn/shop/files/sonnet-sleep-supplements-bottles_68f77fc5-8c75-4655-8c73-7a0942ad717b.jpg?v=1771275733&width=3840 3840w" width="3840" height="2559" loading="eager" sizes="100vw" fetchpriority="high" class="background-image background-image--desktop" style="object-position:48.926% 39.909%;"> 3357<img src="//takesonnet.com/cdn/shop/files/sonnet-sleep-supplements-bottles.jpg?v=1771176337&width=1000" alt="" srcset="//takesonnet.com/cdn/shop/files/sonnet-sleep-supplements-bottles.jpg?v=1771176337&width=375 375w, //takesonnet.com/cdn/shop/files/sonnet-sleep-supplements-bottles.jpg?v=1771176337&width=750 750w, //takesonnet.com/cdn/shop/files/sonnet-sleep-supplements-bottles.jpg?v=1771176337&width=1000 1000w" width="1000" height="667" loading="eager" sizes="100vw" fetchpriority="high" class="background-image background-image--mobile" style="object-position:48.926% 39.909%;"> 3358</div> 3359 3360 3361 </div> 3362 3363 <div 3364 class="border-style custom-section-content" 3365 style="--border-width: 1px; --border-style: none; --border-color: 3366rgb(var(--color-border-rgb) / 1.0); --border-radius: 33670px; 3368" 3369 > 3370 3371 3372 <div 3373 class=" 3374 spacing-style 3375 layout-panel-flex 3376 layout-panel-flex--column 3377 section-content-wrapper 3378 mobile-column 3379 " 3380 style=" 3381 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 3382 3383--gap: 12px; 3384 3385--horizontal-alignment: flex-start; --vertical-alignment: center; 3386--vertical-alignment-mobile: center; 3387 3388 --padding-block-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 32px)); 3389 " 3390 data-testid="section-content" 3391 > 3392 3393 3394 3395 3396<div 3397 class=" 3398 group-block 3399 group-block--height-fit 3400 group-block--width-fill 3401 border-style 3402 spacing-style 3403 size-style 3404 3405 3406 " 3407 style=" 3408 --border-width: 1px; --border-style: none; --border-color: 3409rgb(var(--color-border-rgb) / 1.0); --border-radius: 34100px; 3411 3412 --padding-block-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 32px));--padding-inline-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-inline-end: max(20px, calc(var(--spacing-scale) * 32px)); 3413 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 3414 3415 " 3416 3417 data-testid="group-block" 3418><div class="group-block__media-wrapper"> 3419 3420 3421 3422 </div> 3423 3424 <div 3425 class=" 3426 group-block-content 3427 3428 layout-panel-flex 3429 layout-panel-flex--column 3430 mobile-column 3431 " 3432 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 3433 3434--gap: 12px; 3435 3436--horizontal-alignment: center; --vertical-alignment: center; 3437--vertical-alignment-mobile: center; 3438" 3439 > 3440 3441</div> 3442</div> 3443 3444 3445 3446 3447 3448 3449 3450 </div> 3451 </div> 3452</div> 3453 3454 3455 3456 3457 3458<style> @media (max-width: 749px) {#shopify-section-template--20571863941256__section_mwy6DM h1 {font-size: 32px; line-height: 38px; }} </style></div><div id="shopify-section-template--20571863941256__blog_tags_LMLCFc" class="shopify-section blog-tags-wrapper"> 3459 3460<div class="section-background color-scheme-5"></div> 3461<div 3462 class="section section--page-width color-scheme-5" 3463 data-testid="ui-test-section" 3464 3465 3466 3467 3468 style=" 3469 3470 --section-min-height: var(--section-height-); 3471 3472 3473 3474 --section-preview-height: 600px; 3475 3476 " 3477> 3478 <div class="custom-section-background"> 3479 3480 3481 </div> 3482 3483 <div 3484 class="border-style custom-section-content" 3485 style="--border-width: px; --border-style: ; --border-color: 3486rgb(var(--color-border-rgb) / 0.0); --border-radius: 3487px; 3488" 3489 > 3490 3491 3492 <div 3493 class=" 3494 spacing-style 3495 layout-panel-flex 3496 layout-panel-flex-- 3497 section-content-wrapper 3498 3499 " 3500 style=" 3501 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 3502 3503 3504 3505--horizontal-alignment: ; --vertical-alignment: ; 3506--vertical-alignment-mobile: ; 3507 3508 --padding-block-start: 16px;--padding-block-end: 16px; 3509 " 3510 data-testid="section-content" 3511 > 3512 3513 <div class="section-scroll-links"> 3514 <div class="section-scroll-links__container"> 3515 3516 <a 3517 href="/blogs/sleep" 3518 class="section-scroll-links__link" 3519 > 3520 All 3521 </a> 3522 3523 3524 3525 <a 3526 href="/blogs/sleep/tagged/core-sleep" 3527 class="section-scroll-links__link" 3528 > 3529 Core Sleep 3530 </a> 3531 3532 <a 3533 href="/blogs/sleep/tagged/medications" 3534 class="section-scroll-links__link" 3535 > 3536 Medications 3537 </a> 3538 3539 <a 3540 href="/blogs/sleep/tagged/sleep" 3541 class="section-scroll-links__link" 3542 > 3543 Sleep 3544 </a> 3545 3546 <a 3547 href="/blogs/sleep/tagged/sleep-calm" 3548 class="section-scroll-links__link" 3549 > 3550 Sleep + Calm 3551 </a> 3552 3553 <a 3554 href="/blogs/sleep/tagged/sleep-restore" 3555 class="section-scroll-links__link" 3556 > 3557 Sleep + Restore 3558 </a> 3559 3560 <a 3561 href="/blogs/sleep/tagged/sleep-science" 3562 class="section-scroll-links__link" 3563 > 3564 Sleep Science 3565 </a> 3566 3567 <a 3568 href="/blogs/sleep/tagged/sleep-stages" 3569 class="section-scroll-links__link" 3570 > 3571 Sleep Stages 3572 </a> 3573 3574 3575 </div> 3576 </div> 3577 3578 </div> 3579 </div> 3580</div> 3581 3582 3583 3584 3585<style data-shopify> 3586 .section-scroll-links { 3587 width: 100%; 3588 } 3589 3590 .section-scroll-links__container { 3591 display: flex; 3592 gap: 0px; 3593 align-items: center; 3594 justify-content: center; 3595 flex-wrap: wrap; 3596 } 3597 3598 .section-scroll-links__link { 3599 display: inline-block; 3600 padding: 8px 20px; 3601 text-decoration: none; 3602 color: var(--color-foreground); 3603 font-family: Poppins, sans-serif; 3604 font-weight: 500; 3605 font-style: normal; 3606 font-size: 16px; 3607 line-height: 24px; 3608 letter-spacing: 0%; 3609 transition: opacity 0.2s ease; 3610 white-space: nowrap; 3611 } 3612 3613 .section-scroll-links__link:hover { 3614 opacity: 0.7; 3615 } 3616 3617 @media screen and (max-width: 749px) { 3618 .section-scroll-links__container { 3619 flex-wrap: nowrap; 3620 overflow-x: auto; 3621 overflow-y: hidden; 3622 justify-content: flex-start; 3623 -webkit-overflow-scrolling: touch; 3624 scrollbar-width: none; 3625 -ms-overflow-style: none; 3626 } 3627 3628 .section-scroll-links__container::-webkit-scrollbar {
3629 display: none; 3630 } 3631 3632 .section-scroll-links__link { 3633 flex-shrink: 0; 3634 } 3635 } 3636</style> 3637 3638 3639 3640</div><div id="shopify-section-template--20571863941256__main" class="shopify-section"> 3641
3642<script 3643 src="//takesonnet.com/cdn/shop/t/58/assets/blog-posts-list.js?v=130728446720286597591782976135" 3644 type="module" 3645 fetchpriority="low" 3646></script>
3646 3647 3648<blog-posts-list section-id="template--20571863941256__main"> 3649 <div class="section-background color-scheme-1"></div> 3650 <div 3651 class=" 3652 section 3653 color-scheme-1 3654 blog-posts 3655 spacing-style 3656 size-style 3657 " 3658 style="--padding-block-start: max(20px, calc(var(--spacing-scale) * 32px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 48px));" 3659 > 3660 3661<span ref="viewMorePrevious"></span> 3662 <div 3663 ref="grid" 3664 class="blog-posts-container" 3665 data-last-page="1" 3666 > 3667 3668 <div 3669 class="blog-post-item" 3670 ref="cards[]" 3671 data-page="1" 3672 > 3673 <div id="shopify-block-AcTRLbU1LMlhwSm96b__static-blog-post-card" class="shopify-block"> 3674 3675 3676 3677 3678 3679 3680<div 3681 class="blog-post-card" 3682 style="--text-align: left" 3683><div class="blog-post-card__image-container"> 3684 <a href="/blogs/sleep/why-sleep-gets-harder-when-you-get-older"> 3685 <div id="shopify-block-ATzl1bEx5V21lZzgyY__image" class="shopify-block"> 3686<img 3687 srcset=" 3688 //takesonnet.com/cdn/shop/articles/older_sleeping.png?v=1733350775&width=350 350w, 3689 //takesonnet.com/cdn/shop/articles/older_sleeping.png?v=1733350775&width=750 750w, 3690 3691 3692 //takesonnet.com/cdn/shop/articles/older_sleeping.png?v=1733350775 1060w 3693 " 3694 src="//takesonnet.com/cdn/shop/articles/older_sleeping.png?v=1733350775&width=1100" 3695 loading="eager" 3696 fetchpriority="high" 3697 width="1060" 3698 height="706" 3699 alt="Why Sleep Gets Harder When You Get Older" 3700 class=" 3701 border-style 3702 blog-post-card__image 3703 blog-post-card__image--large 3704 " 3705 style="--border-width: 1px; --border-style: none; --border-color: 3706rgb(var(--color-border-rgb) / 1.0); --border-radius: 37074px; overflow: hidden; 3708" 3709> 3710 3711 3712 3713 3714</div> 3715 3716 </a> 3717 </div><div class="blog-post-card__content"> 3718 <a href="/blogs/sleep/why-sleep-gets-harder-when-you-get-older"> 3719 3720 3721 3722 3723 3724 3725 3726 3727 <div class=" spacing-style text-block text-block--AcjlTNmd0TnVQNHZrR__heading h4 text-block--align-left " style=" --padding-block-start: 0px; --padding-block-end:10px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; "> 3728 Why Sleep Gets Harder When You Get Older 3729 </div> 3730 3731 3732 3733 3734 3735 3736 3737 3738 3739</a> 3740 3741 3742 <div id="shopify-block-ASCt3dkxTeG5EK3g0N__blog-post-details" class="shopify-block"> 3743 3744 3745 3746 3747<div 3748 class=" 3749 blog-post-details 3750 spacing-style 3751 justify-left 3752 3753 " 3754 style="--padding-block-start: 0px;--padding-block-end: 0px;" 3755 ><span><time datetime="2024-12-04T22:19:34Z">December 4, 2024</time></span></div> 3756 3757 3758 3759 3760 3761</div> 3762 3763 3764 3765 3766 <div id="shopify-block-Aam5QRExLNnArTEY3R__content" class="shopify-block"> 3767 3768 3769 3770 3771 3772 3773 3774 3775 3776 <rte-formatter 3777 class="blog-post-card__content-text spacing-style text-block text-block--Aam5QRExLNnArTEY3R__content rte 3778 rte 3779 " 3780 3781 style=" 3782 --padding-block-start: 16px; --padding-block-end:0px; 3783--padding-inline-start:0px; --padding-inline-end:0px; 3784 3785 3786 3787 3788 --color: var(--color-foreground); 3789 3790 " 3791 3792 3793>Good sleep becomes harder to come by as we age. We battle against a natural reduction in melatonin production and other hormonal changes, and sometimes the solutions we choose to 3794 3795 <a href="/blogs/sleep/why-sleep-gets-harder-when-you-get-older" class="blog-post-card__read-more"> 3796 <span>Read more</span> 3797 <svg width="26" height="18" viewBox="0 0 26 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 3798 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.3666 1.45421C15.4231 1.317 15.5127 1.19588 15.6274 1.10166C15.742 1.00744 15.8782 0.943024 16.0238 0.91416C16.1693 0.885297 16.3198 0.892876 16.4617 0.936224C16.6036 0.979572 16.7326 1.05734 16.8372 1.16261L24.0372 8.36261C24.121 8.44621 24.1875 8.54553 24.2329 8.65487C24.2783 8.76421 24.3016 8.88143 24.3016 8.99981C24.3016 9.11819 24.2783 9.23541 24.2329 9.34475C24.1875 9.45409 24.121 9.55341 24.0372 9.63701L16.8372 16.837C16.6682 17.006 16.439 17.1009 16.2 17.1009C15.961 17.1009 15.7318 17.006 15.5628 16.837C15.3938 16.668 15.2989 16.4388 15.2989 16.1998C15.2989 15.9608 15.3938 15.7316 15.5628 15.5626L21.2274 9.89981H1.80002C1.56133 9.89981 1.33241 9.80499 1.16363 9.63621C0.994846 9.46743 0.900024 9.23851 0.900024 8.99981C0.900024 8.76112 0.994846 8.5322 1.16363 8.36342C1.33241 8.19463 1.56133 8.09981 1.80002 8.09981H21.2274L15.5628 2.43701C15.4364 2.3111 15.3502 2.15044 15.3153 1.97545C15.2803 1.80045 15.2982 1.61902 15.3666 1.45421Z" fill="currentColor"/> 3799 </svg> 3800 </a> 3801 3802 </rte-formatter> 3803 3804 3805 3806 3807 3808</div> 3809 3810 3811 </div> 3812</div> 3813 3814 3815 3816 3817</div> 3818 3819 </div> 3820 3821 <div 3822 class="blog-post-item" 3823 ref="cards[]" 3824 data-page="1" 3825 > 3826 <div id="shopify-block-AcTRLbU1LMlhwSm96b__static-blog-post-card-1" class="shopify-block"> 3827 3828 3829 3830 3831 3832 3833<div 3834 class="blog-post-card" 3835 style="--text-align: left" 3836><div class="blog-post-card__image-container"> 3837 <a href="/blogs/sleep/sleep-tourism-on-a-budget"> 3838 <div id="shopify-block-ATzl1bEx5V21lZzgyY__image-1" class="shopify-block"> 3839<img 3840 srcset=" 3841 //takesonnet.com/cdn/shop/articles/Water_entrance.jpg?v=1732901939&width=350 350w, 3842 //takesonnet.com/cdn/shop/articles/Water_entrance.jpg?v=1732901939&width=750 750w, 3843 //takesonnet.com/cdn/shop/articles/Water_entrance.jpg?v=1732901939&width=1100 1100w, 3844 3845 //takesonnet.com/cdn/shop/articles/Water_entrance.jpg?v=1732901939 1200w 3846 " 3847 src="//takesonnet.com/cdn/shop/articles/Water_entrance.jpg?v=1732901939&width=1100" 3848 loading="eager" 3849 fetchpriority="high" 3850 width="1200" 3851 height="900" 3852 alt="Sleep Tourism on a Budget" 3853 class=" 3854 border-style 3855 blog-post-card__image 3856 blog-post-card__image--large 3857 " 3858 style="--border-width: 1px; --border-style: none; --border-color: 3859rgb(var(--color-border-rgb) / 1.0); --border-radius: 38604px; overflow: hidden; 3861" 3862> 3863 3864 3865 3866 3867</div> 3868 3869 </a> 3870 </div><div class="blog-post-card__content"> 3871 <a href="/blogs/sleep/sleep-tourism-on-a-budget"> 3872 3873 3874 3875 3876 3877 3878 3879 3880 <div class=" spacing-style text-block text-block--AcjlTNmd0TnVQNHZrR__heading-1 h4 text-block--align-left " style=" --padding-block-start: 0px; --padding-block-end:10px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; "> 3881 Sleep Tourism on a Budget 3882 </div> 3883 3884 3885 3886 3887 3888 3889 3890 3891 3892</a> 3893 3894 3895 <div id="shopify-block-ASCt3dkxTeG5EK3g0N__blog-post-details-1" class="shopify-block"> 3896 3897 3898 3899 3900<div 3901 class=" 3902 blog-post-details 3903 spacing-style 3904 justify-left 3905 3906 " 3907 style="--padding-block-start: 0px;--padding-block-end: 0px;" 3908 ><span><time datetime="2024-11-29T17:38:59Z">November 29, 2024</time></span></div> 3909 3910 3911 3912 3913 3914</div> 3915 3916 3917 3918 3919 <div id="shopify-block-Aam5QRExLNnArTEY3R__content-1" class="shopify-block"> 3920 3921 3922 3923 3924 3925 3926 3927 3928 3929 <rte-formatter 3930 class="blog-post-card__content-text spacing-style text-block text-block--Aam5QRExLNnArTEY3R__content-1 rte 3931 rte 3932 " 3933 3934 style=" 3935 --padding-block-start: 16px; --padding-block-end:0px; 3936--padding-inline-start:0px; --padding-inline-end:0px; 3937 3938 3939 3940 3941 --color: var(--color-foreground); 3942 3943 " 3944 3945 3946>Sleep tourism--travelling to remote sleep-centric vacations--is all the rage. But we believe restful sleep shouldn't be some special treat, but be the norm. All while not breaking the bank. 3947 3948 <a href="/blogs/sleep/sleep-tourism-on-a-budget" class="blog-post-card__read-more">
3949 <span>Read more</span> 3950 <svg width="26" height="18" viewBox="0 0 26 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 3951 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.3666 1.45421C15.4231 1.317 15.5127 1.19588 15.6274 1.10166C15.742 1.00744 15.8782 0.943024 16.0238 0.91416C16.1693 0.885297 16.3198 0.892876 16.4617 0.936224C16.6036 0.979572 16.7326 1.05734 16.8372 1.16261L24.0372 8.36261C24.121 8.44621 24.1875 8.54553 24.2329 8.65487C24.2783 8.76421 24.3016 8.88143 24.3016 8.99981C24.3016 9.11819 24.2783 9.23541 24.2329 9.34475C24.1875 9.45409 24.121 9.55341 24.0372 9.63701L16.8372 16.837C16.6682 17.006 16.439 17.1009 16.2 17.1009C15.961 17.1009 15.7318 17.006 15.5628 16.837C15.3938 16.668 15.2989 16.4388 15.2989 16.1998C15.2989 15.9608 15.3938 15.7316 15.5628 15.5626L21.2274 9.89981H1.80002C1.56133 9.89981 1.33241 9.80499 1.16363 9.63621C0.994846 9.46743 0.900024 9.23851 0.900024 8.99981C0.900024 8.76112 0.994846 8.5322 1.16363 8.36342C1.33241 8.19463 1.56133 8.09981 1.80002 8.09981H21.2274L15.5628 2.43701C15.4364 2.3111 15.3502 2.15044 15.3153 1.97545C15.2803 1.80045 15.2982 1.61902 15.3666 1.45421Z" fill="currentColor"/> 3952 </svg> 3953 </a> 3954 3955 </rte-formatter> 3956 3957 3958 3959 3960 3961</div> 3962 3963 3964 </div> 3965</div> 3966 3967 3968 3969 3970</div> 3971 3972 </div> 3973 3974 <div 3975 class="blog-post-item" 3976 ref="cards[]" 3977 data-page="1" 3978 > 3979 <div id="shopify-block-AcTRLbU1LMlhwSm96b__static-blog-post-card-2" class="shopify-block"> 3980 3981 3982 3983 3984 3985 3986<div 3987 class="blog-post-card" 3988 style="--text-align: left" 3989><div class="blog-post-card__image-container"> 3990 <a href="/blogs/sleep/ten-myths-about-sleep"> 3991 <div id="shopify-block-ATzl1bEx5V21lZzgyY__image-2" class="shopify-block"> 3992<img 3993 srcset=" 3994 //takesonnet.com/cdn/shop/articles/IMG_1504.jpg?v=1732762595&width=350 350w, 3995 //takesonnet.com/cdn/shop/articles/IMG_1504.jpg?v=1732762595&width=750 750w, 3996 //takesonnet.com/cdn/shop/articles/IMG_1504.jpg?v=1732762595&width=1100 1100w, 3997 //takesonnet.com/cdn/shop/articles/IMG_1504.jpg?v=1732762595&width=1500 1500w, 3998 //takesonnet.com/cdn/shop/articles/IMG_1504.jpg?v=1732762595 2909w 3999 " 4000 src="//takesonnet.com/cdn/shop/articles/IMG_1504.jpg?v=1732762595&width=1100" 4001 loading="eager" 4002 fetchpriority="high" 4003 width="2909" 4004 height="2078" 4005 alt="Top 10 Myths About Sleep" 4006 class=" 4007 border-style 4008 blog-post-card__image 4009 blog-post-card__image--large 4010 " 4011 style="--border-width: 1px; --border-style: none; --border-color: 4012rgb(var(--color-border-rgb) / 1.0); --border-radius: 40134px; overflow: hidden; 4014" 4015> 4016 4017 4018 4019 4020</div> 4021 4022 </a> 4023 </div><div class="blog-post-card__content"> 4024 <a href="/blogs/sleep/ten-myths-about-sleep"> 4025 4026 4027 4028 4029 4030 4031 4032 4033 <div class=" spacing-style text-block text-block--AcjlTNmd0TnVQNHZrR__heading-2 h4 text-block--align-left " style=" --padding-block-start: 0px; --padding-block-end:10px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; "> 4034 Top 10 Myths About Sleep 4035 </div> 4036 4037 4038 4039 4040 4041 4042 4043 4044 4045</a> 4046 4047 4048 <div id="shopify-block-ASCt3dkxTeG5EK3g0N__blog-post-details-2" class="shopify-block"> 4049 4050 4051 4052 4053<div 4054 class=" 4055 blog-post-details 4056 spacing-style 4057 justify-left 4058 4059 " 4060 style="--padding-block-start: 0px;--padding-block-end: 0px;" 4061 ><span><time datetime="2024-11-28T02:56:43Z">November 27, 2024</time></span></div> 4062 4063 4064 4065 4066 4067</div> 4068 4069 4070 4071 4072 <div id="shopify-block-Aam5QRExLNnArTEY3R__content-2" class="shopify-block"> 4073 4074 4075 4076 4077 4078 4079 4080 4081 4082 <rte-formatter 4083 class="blog-post-card__content-text spacing-style text-block text-block--Aam5QRExLNnArTEY3R__content-2 rte 4084 rte 4085 " 4086 4087 style=" 4088 --padding-block-start: 16px; --padding-block-end:0px; 4089--padding-inline-start:0px; --padding-inline-end:0px; 4090 4091 4092 4093 4094 --color: var(--color-foreground); 4095 4096 " 4097 4098 4099>There are many myths about sleep. Here we dispel ten of the most popular. 4100 4101 <a href="/blogs/sleep/ten-myths-about-sleep" class="blog-post-card__read-more">
4102 <span>Read more</span> 4103 <svg width="26" height="18" viewBox="0 0 26 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 4104 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.3666 1.45421C15.4231 1.317 15.5127 1.19588 15.6274 1.10166C15.742 1.00744 15.8782 0.943024 16.0238 0.91416C16.1693 0.885297 16.3198 0.892876 16.4617 0.936224C16.6036 0.979572 16.7326 1.05734 16.8372 1.16261L24.0372 8.36261C24.121 8.44621 24.1875 8.54553 24.2329 8.65487C24.2783 8.76421 24.3016 8.88143 24.3016 8.99981C24.3016 9.11819 24.2783 9.23541 24.2329 9.34475C24.1875 9.45409 24.121 9.55341 24.0372 9.63701L16.8372 16.837C16.6682 17.006 16.439 17.1009 16.2 17.1009C15.961 17.1009 15.7318 17.006 15.5628 16.837C15.3938 16.668 15.2989 16.4388 15.2989 16.1998C15.2989 15.9608 15.3938 15.7316 15.5628 15.5626L21.2274 9.89981H1.80002C1.56133 9.89981 1.33241 9.80499 1.16363 9.63621C0.994846 9.46743 0.900024 9.23851 0.900024 8.99981C0.900024 8.76112 0.994846 8.5322 1.16363 8.36342C1.33241 8.19463 1.56133 8.09981 1.80002 8.09981H21.2274L15.5628 2.43701C15.4364 2.3111 15.3502 2.15044 15.3153 1.97545C15.2803 1.80045 15.2982 1.61902 15.3666 1.45421Z" fill="currentColor"/> 4105 </svg> 4106 </a> 4107 4108 </rte-formatter> 4109 4110 4111 4112 4113 4114</div> 4115 4116 4117 </div> 4118</div> 4119 4120 4121 4122 4123</div> 4124 4125 </div> 4126 4127 <div 4128 class="blog-post-item" 4129 ref="cards[]" 4130 data-page="1" 4131 > 4132 <div id="shopify-block-AcTRLbU1LMlhwSm96b__static-blog-post-card-3" class="shopify-block"> 4133 4134 4135 4136 4137 4138 4139<div 4140 class="blog-post-card" 4141 style="--text-align: left" 4142><div class="blog-post-card__image-container"> 4143 <a href="/blogs/sleep/paleo-sleep"> 4144 <div id="shopify-block-ATzl1bEx5V21lZzgyY__image-3" class="shopify-block"> 4145<img 4146 srcset=" 4147 //takesonnet.com/cdn/shop/articles/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdXB3azU4ODYwMzc1LXdpa2ltZWRpYS1pbWFnZS1rb3dyZnhldC5qcGc.jpg?v=1732563461&width=350 350w, 4148 //takesonnet.com/cdn/shop/articles/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdXB3azU4ODYwMzc1LXdpa2ltZWRpYS1pbWFnZS1rb3dyZnhldC5qcGc.jpg?v=1732563461&width=750 750w, 4149 4150 4151 //takesonnet.com/cdn/shop/articles/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdXB3azU4ODYwMzc1LXdpa2ltZWRpYS1pbWFnZS1rb3dyZnhldC5qcGc.jpg?v=1732563461 1000w 4152 " 4153 src="//takesonnet.com/cdn/shop/articles/czNmcy1wcml2YXRlL3Jhd3BpeGVsX2ltYWdlcy93ZWJzaXRlX2NvbnRlbnQvbHIvdXB3azU4ODYwMzc1LXdpa2ltZWRpYS1pbWFnZS1rb3dyZnhldC5qcGc.jpg?v=1732563461&width=1100" 4154 loading="eager" 4155 fetchpriority="high" 4156 width="1000" 4157 height="667" 4158 alt="Paleo Sleep - Beating Modern Day's Circadian Challenges" 4159 class=" 4160 border-style 4161 blog-post-card__image 4162 blog-post-card__image--large 4163 " 4164 style="--border-width: 1px; --border-style: none; --border-color: 4165rgb(var(--color-border-rgb) / 1.0); --border-radius: 41664px; overflow: hidden; 4167" 4168> 4169 4170 4171 4172 4173</div> 4174 4175 </a> 4176 </div><div class="blog-post-card__content"> 4177 <a href="/blogs/sleep/paleo-sleep"> 4178 4179 4180 4181 4182 4183 4184 4185 4186 <div class=" spacing-style text-block text-block--AcjlTNmd0TnVQNHZrR__heading-3 h4 text-block--align-left " style=" --padding-block-start: 0px; --padding-block-end:10px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; "> 4187 Paleo Sleep - Beating Modern Day's Circadian Challenges 4188 </div> 4189 4190 4191 4192 4193 4194 4195 4196 4197 4198</a> 4199 4200 4201 <div id="shopify-block-ASCt3dkxTeG5EK3g0N__blog-post-details-3" class="shopify-block"> 4202 4203 4204 4205 4206<div 4207 class=" 4208 blog-post-details 4209 spacing-style 4210 justify-left 4211 4212 " 4213 style="--padding-block-start: 0px;--padding-block-end: 0px;" 4214 ><span><time datetime="2024-11-25T19:37:40Z">November 25, 2024</time></span></div> 4215 4216 4217 4218 4219 4220</div> 4221 4222 4223 4224 4225 <div id="shopify-block-Aam5QRExLNnArTEY3R__content-3" class="shopify-block"> 4226 4227 4228 4229 4230 4231 4232 4233 4234 4235 <rte-formatter 4236 class="blog-post-card__content-text spacing-style text-block text-block--Aam5QRExLNnArTEY3R__content-3 rte 4237 rte 4238 " 4239 4240 style=" 4241 --padding-block-start: 16px; --padding-block-end:0px; 4242--padding-inline-start:0px; --padding-inline-end:0px; 4243 4244 4245 4246 4247 --color: var(--color-foreground); 4248 4249 " 4250 4251 4252>The paleo diet is about returning to how we used to eat as a species. What about paleo sleep? Modern times have stacked the deck against us, but there are 4253 4254 <a href="/blogs/sleep/paleo-sleep" class="blog-post-card__read-more">
4255 <span>Read more</span> 4256 <svg width="26" height="18" viewBox="0 0 26 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 4257 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.3666 1.45421C15.4231 1.317 15.5127 1.19588 15.6274 1.10166C15.742 1.00744 15.8782 0.943024 16.0238 0.91416C16.1693 0.885297 16.3198 0.892876 16.4617 0.936224C16.6036 0.979572 16.7326 1.05734 16.8372 1.16261L24.0372 8.36261C24.121 8.44621 24.1875 8.54553 24.2329 8.65487C24.2783 8.76421 24.3016 8.88143 24.3016 8.99981C24.3016 9.11819 24.2783 9.23541 24.2329 9.34475C24.1875 9.45409 24.121 9.55341 24.0372 9.63701L16.8372 16.837C16.6682 17.006 16.439 17.1009 16.2 17.1009C15.961 17.1009 15.7318 17.006 15.5628 16.837C15.3938 16.668 15.2989 16.4388 15.2989 16.1998C15.2989 15.9608 15.3938 15.7316 15.5628 15.5626L21.2274 9.89981H1.80002C1.56133 9.89981 1.33241 9.80499 1.16363 9.63621C0.994846 9.46743 0.900024 9.23851 0.900024 8.99981C0.900024 8.76112 0.994846 8.5322 1.16363 8.36342C1.33241 8.19463 1.56133 8.09981 1.80002 8.09981H21.2274L15.5628 2.43701C15.4364 2.3111 15.3502 2.15044 15.3153 1.97545C15.2803 1.80045 15.2982 1.61902 15.3666 1.45421Z" fill="currentColor"/> 4258 </svg> 4259 </a> 4260 4261 </rte-formatter> 4262 4263 4264 4265 4266 4267</div> 4268 4269 4270 </div> 4271</div> 4272 4273 4274 4275 4276</div> 4277 4278 </div> 4279 4280 <div 4281 class="blog-post-item" 4282 ref="cards[]" 4283 data-page="1" 4284 > 4285 <div id="shopify-block-AcTRLbU1LMlhwSm96b__static-blog-post-card-4" class="shopify-block"> 4286 4287 4288 4289 4290 4291 4292<div 4293 class="blog-post-card" 4294 style="--text-align: left" 4295><div class="blog-post-card__image-container"> 4296 <a href="/blogs/sleep/managing-your-sleep-cycle-around-the-winter-clock-change"> 4297 <div id="shopify-block-ATzl1bEx5V21lZzgyY__image-4" class="shopify-block"> 4298<img 4299 srcset=" 4300 //takesonnet.com/cdn/shop/articles/SleepBottleSheets.png?v=1730492197&width=350 350w, 4301 //takesonnet.com/cdn/shop/articles/SleepBottleSheets.png?v=1730492197&width=750 750w, 4302 //takesonnet.com/cdn/shop/articles/SleepBottleSheets.png?v=1730492197&width=1100 1100w, 4303 4304 //takesonnet.com/cdn/shop/articles/SleepBottleSheets.png?v=1730492197 1366w 4305 " 4306 src="//takesonnet.com/cdn/shop/articles/SleepBottleSheets.png?v=1730492197&width=1100" 4307 loading="eager" 4308 fetchpriority="high" 4309 width="1366" 4310 height="768" 4311 alt="Managing your Sleep Cycle around the Winter Clock Change" 4312 class=" 4313 border-style 4314 blog-post-card__image 4315 blog-post-card__image--large 4316 " 4317 style="--border-width: 1px; --border-style: none; --border-color: 4318rgb(var(--color-border-rgb) / 1.0); --border-radius: 43194px; overflow: hidden; 4320" 4321> 4322 4323 4324 4325 4326</div> 4327 4328 </a> 4329 </div><div class="blog-post-card__content"> 4330 <a href="/blogs/sleep/managing-your-sleep-cycle-around-the-winter-clock-change"> 4331 4332 4333 4334 4335 4336 4337 4338 4339 <div class=" spacing-style text-block text-block--AcjlTNmd0TnVQNHZrR__heading-4 h4 text-block--align-left " style=" --padding-block-start: 0px; --padding-block-end:10px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; "> 4340 Managing your Sleep Cycle around the Winter Clock Change 4341 </div> 4342 4343 4344 4345 4346 4347 4348 4349 4350 4351</a> 4352 4353 4354 <div id="shopify-block-ASCt3dkxTeG5EK3g0N__blog-post-details-4" class="shopify-block"> 4355 4356 4357 4358 4359<div 4360 class=" 4361 blog-post-details 4362 spacing-style 4363 justify-left 4364 4365 " 4366 style="--padding-block-start: 0px;--padding-block-end: 0px;" 4367 ><span><time datetime="2024-11-01T20:16:45Z">November 1, 2024</time></span></div> 4368 4369 4370 4371 4372 4373</div> 4374 4375 4376 4377 4378 <div id="shopify-block-Aam5QRExLNnArTEY3R__content-4" class="shopify-block"> 4379 4380 4381 4382 4383 4384 4385 4386 4387 4388 <rte-formatter 4389 class="blog-post-card__content-text spacing-style text-block text-block--Aam5QRExLNnArTEY3R__content-4 rte 4390 rte 4391 " 4392 4393 style=" 4394 --padding-block-start: 16px; --padding-block-end:0px; 4395--padding-inline-start:0px; --padding-inline-end:0px; 4396 4397 4398 4399 4400 --color: var(--color-foreground); 4401 4402 " 4403 4404 4405>For time changes and jet lag alike, it's best to break down the upcoming change into more manageable chunks. It can also be a good time to consider using melatonin 4406 4407 <a href="/blogs/sleep/managing-your-sleep-cycle-around-the-winter-clock-change" class="blog-post-card__read-more">
4408 <span>Read more</span> 4409 <svg width="26" height="18" viewBox="0 0 26 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 4410 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.3666 1.45421C15.4231 1.317 15.5127 1.19588 15.6274 1.10166C15.742 1.00744 15.8782 0.943024 16.0238 0.91416C16.1693 0.885297 16.3198 0.892876 16.4617 0.936224C16.6036 0.979572 16.7326 1.05734 16.8372 1.16261L24.0372 8.36261C24.121 8.44621 24.1875 8.54553 24.2329 8.65487C24.2783 8.76421 24.3016 8.88143 24.3016 8.99981C24.3016 9.11819 24.2783 9.23541 24.2329 9.34475C24.1875 9.45409 24.121 9.55341 24.0372 9.63701L16.8372 16.837C16.6682 17.006 16.439 17.1009 16.2 17.1009C15.961 17.1009 15.7318 17.006 15.5628 16.837C15.3938 16.668 15.2989 16.4388 15.2989 16.1998C15.2989 15.9608 15.3938 15.7316 15.5628 15.5626L21.2274 9.89981H1.80002C1.56133 9.89981 1.33241 9.80499 1.16363 9.63621C0.994846 9.46743 0.900024 9.23851 0.900024 8.99981C0.900024 8.76112 0.994846 8.5322 1.16363 8.36342C1.33241 8.19463 1.56133 8.09981 1.80002 8.09981H21.2274L15.5628 2.43701C15.4364 2.3111 15.3502 2.15044 15.3153 1.97545C15.2803 1.80045 15.2982 1.61902 15.3666 1.45421Z" fill="currentColor"/> 4411 </svg> 4412 </a> 4413 4414 </rte-formatter> 4415 4416 4417 4418 4419 4420</div> 4421 4422 4423 </div> 4424</div> 4425 4426 4427 4428 4429</div> 4430 4431 </div> 4432 4433 <div 4434 class="blog-post-item" 4435 ref="cards[]" 4436 data-page="1" 4437 > 4438 <div id="shopify-block-AcTRLbU1LMlhwSm96b__static-blog-post-card-5" class="shopify-block"> 4439 4440 4441 4442 4443 4444 4445<div 4446 class="blog-post-card" 4447 style="--text-align: left" 4448><div class="blog-post-card__image-container"> 4449 <a href="/blogs/sleep/the-impact-of-sleep-interruptions-on-your-health"> 4450 <div id="shopify-block-ATzl1bEx5V21lZzgyY__image-5" class="shopify-block"> 4451<img 4452 srcset=" 4453 //takesonnet.com/cdn/shop/articles/SleepRestoreTable.jpg?v=1729263216&width=350 350w, 4454 //takesonnet.com/cdn/shop/articles/SleepRestoreTable.jpg?v=1729263216&width=750 750w, 4455 //takesonnet.com/cdn/shop/articles/SleepRestoreTable.jpg?v=1729263216&width=1100 1100w, 4456 //takesonnet.com/cdn/shop/articles/SleepRestoreTable.jpg?v=1729263216&width=1500 1500w, 4457 //takesonnet.com/cdn/shop/articles/SleepRestoreTable.jpg?v=1729263216 4752w 4458 " 4459 src="//takesonnet.com/cdn/shop/articles/SleepRestoreTable.jpg?v=1729263216&width=1100" 4460 loading="eager" 4461 fetchpriority="high" 4462 width="4752" 4463 height="3168" 4464 alt="The Impact of Sleep Interruptions on Your Health" 4465 class=" 4466 border-style 4467 blog-post-card__image 4468 blog-post-card__image--large 4469 " 4470 style="--border-width: 1px; --border-style: none; --border-color: 4471rgb(var(--color-border-rgb) / 1.0); --border-radius: 44724px; overflow: hidden; 4473" 4474> 4475 4476 4477 4478 4479</div> 4480 4481 </a> 4482 </div><div class="blog-post-card__content"> 4483 <a href="/blogs/sleep/the-impact-of-sleep-interruptions-on-your-health"> 4484 4485 4486 4487 4488 4489 4490 4491 4492 <div class=" spacing-style text-block text-block--AcjlTNmd0TnVQNHZrR__heading-5 h4 text-block--align-left " style=" --padding-block-start: 0px; --padding-block-end:10px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; "> 4493 The Impact of Sleep Interruptions on Your Health 4494 </div> 4495 4496 4497 4498 4499 4500 4501 4502 4503 4504</a> 4505 4506 4507 <div id="shopify-block-ASCt3dkxTeG5EK3g0N__blog-post-details-5" class="shopify-block"> 4508 4509 4510 4511 4512<div 4513 class=" 4514 blog-post-details 4515 spacing-style 4516 justify-left 4517 4518 " 4519 style="--padding-block-start: 0px;--padding-block-end: 0px;" 4520 ><span><time datetime="2024-10-18T15:01:49Z">October 18, 2024</time></span></div> 4521 4522 4523 4524 4525 4526</div> 4527 4528 4529 4530 4531 <div id="shopify-block-Aam5QRExLNnArTEY3R__content-5" class="shopify-block"> 4532 4533 4534 4535 4536 4537 4538 4539 4540 4541 <rte-formatter 4542 class="blog-post-card__content-text spacing-style text-block text-block--Aam5QRExLNnArTEY3R__content-5 rte 4543 rte 4544 " 4545 4546 style=" 4547 --padding-block-start: 16px; --padding-block-end:0px; 4548--padding-inline-start:0px; --padding-inline-end:0px; 4549 4550 4551 4552 4553 --color: var(--color-foreground); 4554 4555 " 4556 4557 4558>Getting a good nightâs sleep is crucial for everyone. When we sleep, our bodies repair themselves, and our brains process information. But what happens when sleep gets interrupted? 4559 4560 <a href="/blogs/sleep/the-impact-of-sleep-interruptions-on-your-health" class="blog-post-card__read-more">
4561 <span>Read more</span> 4562 <svg width="26" height="18" viewBox="0 0 26 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 4563 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.3666 1.45421C15.4231 1.317 15.5127 1.19588 15.6274 1.10166C15.742 1.00744 15.8782 0.943024 16.0238 0.91416C16.1693 0.885297 16.3198 0.892876 16.4617 0.936224C16.6036 0.979572 16.7326 1.05734 16.8372 1.16261L24.0372 8.36261C24.121 8.44621 24.1875 8.54553 24.2329 8.65487C24.2783 8.76421 24.3016 8.88143 24.3016 8.99981C24.3016 9.11819 24.2783 9.23541 24.2329 9.34475C24.1875 9.45409 24.121 9.55341 24.0372 9.63701L16.8372 16.837C16.6682 17.006 16.439 17.1009 16.2 17.1009C15.961 17.1009 15.7318 17.006 15.5628 16.837C15.3938 16.668 15.2989 16.4388 15.2989 16.1998C15.2989 15.9608 15.3938 15.7316 15.5628 15.5626L21.2274 9.89981H1.80002C1.56133 9.89981 1.33241 9.80499 1.16363 9.63621C0.994846 9.46743 0.900024 9.23851 0.900024 8.99981C0.900024 8.76112 0.994846 8.5322 1.16363 8.36342C1.33241 8.19463 1.56133 8.09981 1.80002 8.09981H21.2274L15.5628 2.43701C15.4364 2.3111 15.3502 2.15044 15.3153 1.97545C15.2803 1.80045 15.2982 1.61902 15.3666 1.45421Z" fill="currentColor"/> 4564 </svg> 4565 </a> 4566 4567 </rte-formatter> 4568 4569 4570 4571 4572 4573</div> 4574 4575 4576 </div> 4577</div> 4578 4579 4580 4581 4582</div> 4583 4584 </div> 4585 4586 <div 4587 class="blog-post-item" 4588 ref="cards[]" 4589 data-page="1" 4590 > 4591 <div id="shopify-block-AcTRLbU1LMlhwSm96b__static-blog-post-card-6" class="shopify-block"> 4592 4593 4594 4595 4596 4597 4598<div 4599 class="blog-post-card" 4600 style="--text-align: left" 4601><div class="blog-post-card__image-container"> 4602 <a href="/blogs/sleep/save-your-brain-say-no-to-benadryl-for-sleep"> 4603 <div id="shopify-block-ATzl1bEx5V21lZzgyY__image-6" class="shopify-block"> 4604<img 4605 srcset=" 4606 //takesonnet.com/cdn/shop/articles/Sonnet_on_Desk.jpg?v=1725387936&width=350 350w, 4607 //takesonnet.com/cdn/shop/articles/Sonnet_on_Desk.jpg?v=1725387936&width=750 750w, 4608 //takesonnet.com/cdn/shop/articles/Sonnet_on_Desk.jpg?v=1725387936&width=1100 1100w, 4609 //takesonnet.com/cdn/shop/articles/Sonnet_on_Desk.jpg?v=1725387936&width=1500 1500w, 4610 //takesonnet.com/cdn/shop/articles/Sonnet_on_Desk.jpg?v=1725387936 1500w 4611 " 4612 src="//takesonnet.com/cdn/shop/articles/Sonnet_on_Desk.jpg?v=1725387936&width=1100" 4613 loading="eager" 4614 fetchpriority="high" 4615 width="1500" 4616 height="722" 4617 alt="Save Your Brain: Say No to Antihistamines for Sleep" 4618 class=" 4619 border-style 4620 blog-post-card__image 4621 blog-post-card__image--large 4622 " 4623 style="--border-width: 1px; --border-style: none; --border-color: 4624rgb(var(--color-border-rgb) / 1.0); --border-radius: 46254px; overflow: hidden; 4626" 4627> 4628 4629 4630 4631 4632</div> 4633 4634 </a> 4635 </div><div class="blog-post-card__content"> 4636 <a href="/blogs/sleep/save-your-brain-say-no-to-benadryl-for-sleep"> 4637 4638 4639 4640 4641 4642 4643 4644 4645 <div class=" spacing-style text-block text-block--AcjlTNmd0TnVQNHZrR__heading-6 h4 text-block--align-left " style=" --padding-block-start: 0px; --padding-block-end:10px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; "> 4646 Save Your Brain: Say No to Antihistamines for Sleep 4647 </div> 4648 4649 4650 4651 4652 4653 4654 4655 4656 4657</a> 4658 4659 4660 <div id="shopify-block-ASCt3dkxTeG5EK3g0N__blog-post-details-6" class="shopify-block"> 4661 4662 4663 4664 4665<div 4666 class=" 4667 blog-post-details 4668 spacing-style 4669 justify-left 4670 4671 " 4672 style="--padding-block-start: 0px;--padding-block-end: 0px;" 4673 ><span><time datetime="2024-05-20T19:41:34Z">May 20, 2024</time></span></div> 4674 4675 4676 4677 4678 4679</div> 4680 4681 4682 4683 4684 <div id="shopify-block-Aam5QRExLNnArTEY3R__content-6" class="shopify-block"> 4685 4686 4687 4688 4689 4690 4691 4692 4693 4694 <rte-formatter 4695 class="blog-post-card__content-text spacing-style text-block text-block--Aam5QRExLNnArTEY3R__content-6 rte 4696 rte 4697 " 4698 4699 style=" 4700 --padding-block-start: 16px; --padding-block-end:0px; 4701--padding-inline-start:0px; --padding-inline-end:0px; 4702 4703 4704 4705 4706 --color: var(--color-foreground); 4707 4708 " 4709 4710 4711>The first-generation antihistamine crosses the blood brain barrier easily where it acts as a histamine H1-receptor antagonist, reducing wakefulness, arousal, cognition, and memory while also being highly anticholinergic. Why does this 4712 4713 <a href="/blogs/sleep/save-your-brain-say-no-to-benadryl-for-sleep" class="blog-post-card__read-more">
4714 <span>Read more</span> 4715 <svg width="26" height="18" viewBox="0 0 26 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 4716 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.3666 1.45421C15.4231 1.317 15.5127 1.19588 15.6274 1.10166C15.742 1.00744 15.8782 0.943024 16.0238 0.91416C16.1693 0.885297 16.3198 0.892876 16.4617 0.936224C16.6036 0.979572 16.7326 1.05734 16.8372 1.16261L24.0372 8.36261C24.121 8.44621 24.1875 8.54553 24.2329 8.65487C24.2783 8.76421 24.3016 8.88143 24.3016 8.99981C24.3016 9.11819 24.2783 9.23541 24.2329 9.34475C24.1875 9.45409 24.121 9.55341 24.0372 9.63701L16.8372 16.837C16.6682 17.006 16.439 17.1009 16.2 17.1009C15.961 17.1009 15.7318 17.006 15.5628 16.837C15.3938 16.668 15.2989 16.4388 15.2989 16.1998C15.2989 15.9608 15.3938 15.7316 15.5628 15.5626L21.2274 9.89981H1.80002C1.56133 9.89981 1.33241 9.80499 1.16363 9.63621C0.994846 9.46743 0.900024 9.23851 0.900024 8.99981C0.900024 8.76112 0.994846 8.5322 1.16363 8.36342C1.33241 8.19463 1.56133 8.09981 1.80002 8.09981H21.2274L15.5628 2.43701C15.4364 2.3111 15.3502 2.15044 15.3153 1.97545C15.2803 1.80045 15.2982 1.61902 15.3666 1.45421Z" fill="currentColor"/> 4717 </svg> 4718 </a> 4719 4720 </rte-formatter> 4721 4722 4723 4724 4725 4726</div> 4727 4728 4729 </div> 4730</div> 4731 4732 4733 4734 4735</div> 4736 4737 </div> 4738 4739 <div 4740 class="blog-post-item" 4741 ref="cards[]" 4742 data-page="1" 4743 > 4744 <div id="shopify-block-AcTRLbU1LMlhwSm96b__static-blog-post-card-7" class="shopify-block"> 4745 4746 4747 4748 4749 4750 4751<div 4752 class="blog-post-card" 4753 style="--text-align: left" 4754><div class="blog-post-card__image-container"> 4755 <a href="/blogs/sleep/the-four-stages-of-sleep"> 4756 <div id="shopify-block-ATzl1bEx5V21lZzgyY__image-7" class="shopify-block"> 4757<img 4758 srcset=" 4759 //takesonnet.com/cdn/shop/articles/RestfulSleep.png?v=1715090599&width=350 350w, 4760 //takesonnet.com/cdn/shop/articles/RestfulSleep.png?v=1715090599&width=750 750w, 4761 //takesonnet.com/cdn/shop/articles/RestfulSleep.png?v=1715090599&width=1100 1100w, 4762 4763 //takesonnet.com/cdn/shop/articles/RestfulSleep.png?v=1715090599 1435w 4764 " 4765 src="//takesonnet.com/cdn/shop/articles/RestfulSleep.png?v=1715090599&width=1100" 4766 loading="eager" 4767 fetchpriority="high" 4768 width="1435" 4769 height="806" 4770 alt="The Four Stages of Sleep" 4771 class=" 4772 border-style 4773 blog-post-card__image 4774 blog-post-card__image--large 4775 " 4776 style="--border-width: 1px; --border-style: none; --border-color: 4777rgb(var(--color-border-rgb) / 1.0); --border-radius: 47784px; overflow: hidden; 4779" 4780> 4781 4782 4783 4784 4785</div> 4786 4787 </a> 4788 </div><div class="blog-post-card__content"> 4789 <a href="/blogs/sleep/the-four-stages-of-sleep"> 4790 4791 4792 4793 4794 4795 4796 4797 4798 <div class=" spacing-style text-block text-block--AcjlTNmd0TnVQNHZrR__heading-7 h4 text-block--align-left " style=" --padding-block-start: 0px; --padding-block-end:10px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; "> 4799 The Four Stages of Sleep 4800 </div> 4801 4802 4803 4804 4805 4806 4807 4808 4809 4810</a> 4811 4812 4813 <div id="shopify-block-ASCt3dkxTeG5EK3g0N__blog-post-details-7" class="shopify-block"> 4814 4815 4816 4817 4818<div 4819 class=" 4820 blog-post-details 4821 spacing-style 4822 justify-left 4823 4824 " 4825 style="--padding-block-start: 0px;--padding-block-end: 0px;" 4826 ><span><time datetime="2024-05-07T19:52:58Z">May 7, 2024</time></span></div> 4827 4828 4829 4830 4831 4832</div> 4833 4834 4835 4836 4837 <div id="shopify-block-Aam5QRExLNnArTEY3R__content-7" class="shopify-block"> 4838 4839 4840 4841 4842 4843 4844 4845 4846 4847 <rte-formatter 4848 class="blog-post-card__content-text spacing-style text-block text-block--Aam5QRExLNnArTEY3R__content-7 rte 4849 rte 4850 " 4851 4852 style=" 4853 --padding-block-start: 16px; --padding-block-end:0px; 4854--padding-inline-start:0px; --padding-inline-end:0px; 4855 4856 4857 4858 4859 --color: var(--color-foreground); 4860 4861 " 4862 4863 4864>Join us on a journey of a typical night's sleep and see how the four stages of sleep (N1, N2, N3, and REM) are critical to the health of our bodies, brain, 4865 4866 <a href="/blogs/sleep/the-four-stages-of-sleep" class="blog-post-card__read-more">
4867 <span>Read more</span> 4868 <svg width="26" height="18" viewBox="0 0 26 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 4869 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.3666 1.45421C15.4231 1.317 15.5127 1.19588 15.6274 1.10166C15.742 1.00744 15.8782 0.943024 16.0238 0.91416C16.1693 0.885297 16.3198 0.892876 16.4617 0.936224C16.6036 0.979572 16.7326 1.05734 16.8372 1.16261L24.0372 8.36261C24.121 8.44621 24.1875 8.54553 24.2329 8.65487C24.2783 8.76421 24.3016 8.88143 24.3016 8.99981C24.3016 9.11819 24.2783 9.23541 24.2329 9.34475C24.1875 9.45409 24.121 9.55341 24.0372 9.63701L16.8372 16.837C16.6682 17.006 16.439 17.1009 16.2 17.1009C15.961 17.1009 15.7318 17.006 15.5628 16.837C15.3938 16.668 15.2989 16.4388 15.2989 16.1998C15.2989 15.9608 15.3938 15.7316 15.5628 15.5626L21.2274 9.89981H1.80002C1.56133 9.89981 1.33241 9.80499 1.16363 9.63621C0.994846 9.46743 0.900024 9.23851 0.900024 8.99981C0.900024 8.76112 0.994846 8.5322 1.16363 8.36342C1.33241 8.19463 1.56133 8.09981 1.80002 8.09981H21.2274L15.5628 2.43701C15.4364 2.3111 15.3502 2.15044 15.3153 1.97545C15.2803 1.80045 15.2982 1.61902 15.3666 1.45421Z" fill="currentColor"/> 4870 </svg> 4871 </a> 4872 4873 </rte-formatter> 4874 4875 4876 4877 4878 4879</div> 4880 4881 4882 </div> 4883</div> 4884 4885 4886 4887 4888</div> 4889 4890 </div> 4891 4892 <div 4893 class="blog-post-item" 4894 ref="cards[]" 4895 data-page="1" 4896 > 4897 <div id="shopify-block-AcTRLbU1LMlhwSm96b__static-blog-post-card-8" class="shopify-block"> 4898 4899 4900 4901 4902 4903 4904<div 4905 class="blog-post-card" 4906 style="--text-align: left" 4907><div class="blog-post-card__image-container"> 4908 <a href="/blogs/sleep/does-omega-3-help-with-sleep"> 4909 <div id="shopify-block-ATzl1bEx5V21lZzgyY__image-8" class="shopify-block"> 4910<img 4911 srcset=" 4912 //takesonnet.com/cdn/shop/articles/e75ae99f3920b4fe72d7a72e5548118a37cacf40-6000x4000.jpg?v=1691730991&width=350 350w, 4913 //takesonnet.com/cdn/shop/articles/e75ae99f3920b4fe72d7a72e5548118a37cacf40-6000x4000.jpg?v=1691730991&width=750 750w, 4914 //takesonnet.com/cdn/shop/articles/e75ae99f3920b4fe72d7a72e5548118a37cacf40-6000x4000.jpg?v=1691730991&width=1100 1100w, 4915 //takesonnet.com/cdn/shop/articles/e75ae99f3920b4fe72d7a72e5548118a37cacf40-6000x4000.jpg?v=1691730991&width=1500 1500w, 4916 //takesonnet.com/cdn/shop/articles/e75ae99f3920b4fe72d7a72e5548118a37cacf40-6000x4000.jpg?v=1691730991 1800w 4917 " 4918 src="//takesonnet.com/cdn/shop/articles/e75ae99f3920b4fe72d7a72e5548118a37cacf40-6000x4000.jpg?v=1691730991&width=1100" 4919 loading="eager" 4920 fetchpriority="high" 4921 width="1800" 4922 height="1200" 4923 alt="Does Omega-3 Help With Sleep?" 4924 class=" 4925 border-style 4926 blog-post-card__image 4927 blog-post-card__image--large 4928 " 4929 style="--border-width: 1px; --border-style: none; --border-color: 4930rgb(var(--color-border-rgb) / 1.0); --border-radius: 49314px; overflow: hidden; 4932" 4933> 4934 4935 4936 4937 4938</div> 4939 4940 </a> 4941 </div><div class="blog-post-card__content"> 4942 <a href="/blogs/sleep/does-omega-3-help-with-sleep"> 4943 4944 4945 4946 4947 4948 4949 4950 4951 <div class=" spacing-style text-block text-block--AcjlTNmd0TnVQNHZrR__heading-8 h4 text-block--align-left " style=" --padding-block-start: 0px; --padding-block-end:10px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; "> 4952 Does Omega-3 Help With Sleep? 4953 </div> 4954 4955 4956 4957 4958 4959 4960 4961 4962 4963</a> 4964 4965 4966 <div id="shopify-block-ASCt3dkxTeG5EK3g0N__blog-post-details-8" class="shopify-block"> 4967 4968 4969 4970 4971<div 4972 class=" 4973 blog-post-details 4974 spacing-style 4975 justify-left 4976 4977 " 4978 style="--padding-block-start: 0px;--padding-block-end: 0px;" 4979 ><span><time datetime="2023-08-11T05:16:30Z">August 11, 2023</time></span></div> 4980 4981 4982 4983 4984 4985</div> 4986 4987 4988 4989 4990 <div id="shopify-block-Aam5QRExLNnArTEY3R__content-8" class="shopify-block"> 4991 4992 4993 4994 4995 4996 4997 4998 4999 5000 <rte-formatter 5001 class="blog-post-card__content-text spacing-style text-block text-block--Aam5QRExLNnArTEY3R__content-8 rte 5002 rte 5003 " 5004 5005 style=" 5006 --padding-block-start: 16px; --padding-block-end:0px; 5007--padding-inline-start:0px; --padding-inline-end:0px; 5008 5009 5010 5011 5012 --color: var(--color-foreground); 5013 5014 " 5015 5016 5017>When you hear the term âhealthy fatsâ in reference to foods such as olive oil + avocados, omega-3s are to thank. But do they help sleep? Here at Sonnet, we 5018 5019 <a href="/blogs/sleep/does-omega-3-help-with-sleep" class="blog-post-card__read-more">
5020 <span>Read more</span> 5021 <svg width="26" height="18" viewBox="0 0 26 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 5022 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.3666 1.45421C15.4231 1.317 15.5127 1.19588 15.6274 1.10166C15.742 1.00744 15.8782 0.943024 16.0238 0.91416C16.1693 0.885297 16.3198 0.892876 16.4617 0.936224C16.6036 0.979572 16.7326 1.05734 16.8372 1.16261L24.0372 8.36261C24.121 8.44621 24.1875 8.54553 24.2329 8.65487C24.2783 8.76421 24.3016 8.88143 24.3016 8.99981C24.3016 9.11819 24.2783 9.23541 24.2329 9.34475C24.1875 9.45409 24.121 9.55341 24.0372 9.63701L16.8372 16.837C16.6682 17.006 16.439 17.1009 16.2 17.1009C15.961 17.1009 15.7318 17.006 15.5628 16.837C15.3938 16.668 15.2989 16.4388 15.2989 16.1998C15.2989 15.9608 15.3938 15.7316 15.5628 15.5626L21.2274 9.89981H1.80002C1.56133 9.89981 1.33241 9.80499 1.16363 9.63621C0.994846 9.46743 0.900024 9.23851 0.900024 8.99981C0.900024 8.76112 0.994846 8.5322 1.16363 8.36342C1.33241 8.19463 1.56133 8.09981 1.80002 8.09981H21.2274L15.5628 2.43701C15.4364 2.3111 15.3502 2.15044 15.3153 1.97545C15.2803 1.80045 15.2982 1.61902 15.3666 1.45421Z" fill="currentColor"/> 5023 </svg> 5024 </a> 5025 5026 </rte-formatter> 5027 5028 5029 5030 5031 5032</div> 5033 5034 5035 </div> 5036</div> 5037 5038 5039 5040 5041</div> 5042 5043 </div> 5044 5045 <div 5046 class="blog-post-item" 5047 ref="cards[]" 5048 data-page="1" 5049 > 5050 <div id="shopify-block-AcTRLbU1LMlhwSm96b__static-blog-post-card-9" class="shopify-block"> 5051 5052 5053 5054 5055 5056 5057<div 5058 class="blog-post-card" 5059 style="--text-align: left" 5060><div class="blog-post-card__image-container"> 5061 <a href="/blogs/sleep/how-to-know-if-you-have-insomnia"> 5062 <div id="shopify-block-ATzl1bEx5V21lZzgyY__image-9" class="shopify-block"> 5063<img 5064 srcset=" 5065 //takesonnet.com/cdn/shop/articles/908773db52d85b5e1e12b1435ca1af4c13b1b985-1733x1155.jpg?v=1691730359&width=350 350w, 5066 //takesonnet.com/cdn/shop/articles/908773db52d85b5e1e12b1435ca1af4c13b1b985-1733x1155.jpg?v=1691730359&width=750 750w, 5067 //takesonnet.com/cdn/shop/articles/908773db52d85b5e1e12b1435ca1af4c13b1b985-1733x1155.jpg?v=1691730359&width=1100 1100w, 5068 //takesonnet.com/cdn/shop/articles/908773db52d85b5e1e12b1435ca1af4c13b1b985-1733x1155.jpg?v=1691730359&width=1500 1500w, 5069 //takesonnet.com/cdn/shop/articles/908773db52d85b5e1e12b1435ca1af4c13b1b985-1733x1155.jpg?v=1691730359 1800w 5070 " 5071 src="//takesonnet.com/cdn/shop/articles/908773db52d85b5e1e12b1435ca1af4c13b1b985-1733x1155.jpg?v=1691730359&width=1100" 5072 loading="eager" 5073 fetchpriority="high" 5074 width="1800" 5075 height="1200" 5076 alt="How To Know If You Have Insomnia" 5077 class=" 5078 border-style 5079 blog-post-card__image 5080 blog-post-card__image--large 5081 " 5082 style="--border-width: 1px; --border-style: none; --border-color: 5083rgb(var(--color-border-rgb) / 1.0); --border-radius: 50844px; overflow: hidden; 5085" 5086> 5087 5088 5089 5090 5091</div> 5092 5093 </a> 5094 </div><div class="blog-post-card__content"> 5095 <a href="/blogs/sleep/how-to-know-if-you-have-insomnia"> 5096 5097 5098 5099 5100 5101 5102 5103 5104 <div class=" spacing-style text-block text-block--AcjlTNmd0TnVQNHZrR__heading-9 h4 text-block--align-left " style=" --padding-block-start: 0px; --padding-block-end:10px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-); --text-align: left; "> 5105 How To Know If You Have Insomnia 5106 </div> 5107 5108 5109 5110 5111 5112 5113 5114 5115 5116</a> 5117 5118 5119 <div id="shopify-block-ASCt3dkxTeG5EK3g0N__blog-post-details-9" class="shopify-block"> 5120 5121 5122 5123 5124<div 5125 class=" 5126 blog-post-details 5127 spacing-style 5128 justify-left 5129 5130 " 5131 style="--padding-block-start: 0px;--padding-block-end: 0px;" 5132 ><span><time datetime="2023-08-11T05:05:58Z">August 11, 2023</time></span></div> 5133 5134 5135 5136 5137 5138</div> 5139 5140 5141 5142 5143 <div id="shopify-block-Aam5QRExLNnArTEY3R__content-9" class="shopify-block"> 5144 5145 5146 5147 5148 5149 5150 5151 5152 5153 <rte-formatter 5154 class="blog-post-card__content-text spacing-style text-block text-block--Aam5QRExLNnArTEY3R__content-9 rte 5155 rte 5156 " 5157 5158 style=" 5159 --padding-block-start: 16px; --padding-block-end:0px; 5160--padding-inline-start:0px; --padding-inline-end:0px; 5161 5162 5163 5164 5165 --color: var(--color-foreground); 5166 5167 " 5168 5169 5170>What is chronic insomnia, who is at the highest risk, how it's diagnosed, what the treatment options are, and more. Itâs normal to have trouble sleeping every now and againâespecially 5171
5172 <a href="/blogs/sleep/how-to-know-if-you-have-insomnia" class="blog-post-card__read-more"> 5173 <span>Read more</span> 5174 <svg width="26" height="18" viewBox="0 0 26 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 5175 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.3666 1.45421C15.4231 1.317 15.5127 1.19588 15.6274 1.10166C15.742 1.00744 15.8782 0.943024 16.0238 0.91416C16.1693 0.885297 16.3198 0.892876 16.4617 0.936224C16.6036 0.979572 16.7326 1.05734 16.8372 1.16261L24.0372 8.36261C24.121 8.44621 24.1875 8.54553 24.2329 8.65487C24.2783 8.76421 24.3016 8.88143 24.3016 8.99981C24.3016 9.11819 24.2783 9.23541 24.2329 9.34475C24.1875 9.45409 24.121 9.55341 24.0372 9.63701L16.8372 16.837C16.6682 17.006 16.439 17.1009 16.2 17.1009C15.961 17.1009 15.7318 17.006 15.5628 16.837C15.3938 16.668 15.2989 16.4388 15.2989 16.1998C15.2989 15.9608 15.3938 15.7316 15.5628 15.5626L21.2274 9.89981H1.80002C1.56133 9.89981 1.33241 9.80499 1.16363 9.63621C0.994846 9.46743 0.900024 9.23851 0.900024 8.99981C0.900024 8.76112 0.994846 8.5322 1.16363 8.36342C1.33241 8.19463 1.56133 8.09981 1.80002 8.09981H21.2274L15.5628 2.43701C15.4364 2.3111 15.3502 2.15044 15.3153 1.97545C15.2803 1.80045 15.2982 1.61902 15.3666 1.45421Z" fill="currentColor"/> 5176 </svg> 5177 </a> 5178 5179 </rte-formatter> 5180 5181 5182 5183 5184 5185</div> 5186 5187 5188 </div> 5189</div> 5190 5191 5192 5193 5194</div> 5195 5196 </div> 5197 5198 </div> 5199 <span ref="viewMoreNext"></span></div> 5200</blog-posts-list> 5201 5202 5203 5204 5205</div> 5206 </main> 5207 5208 <!-- BEGIN sections: footer-group --> 5209<div id="shopify-section-sections--20571857846408__section_8pT3Rw" class="shopify-section shopify-section-group-footer-group section-wrapper"> 5210 5211 5212 5213<div class="section-background color-scheme-f02d2ace-6fba-4393-801e-b4376b03cdb1"></div> 5214<div 5215 class="section section--page-width color-scheme-f02d2ace-6fba-4393-801e-b4376b03cdb1" 5216 data-testid="ui-test-section" 5217 5218 5219 5220 5221 style=" 5222 5223 5224 5225 " 5226> 5227 <div class="custom-section-background"> 5228 5229 5230 </div> 5231 5232 <div 5233 class="border-style custom-section-content" 5234 style="--border-width: 1px; --border-style: none; --border-color: 5235rgb(var(--color-border-rgb) / 1.0); --border-radius: 52360px; 5237" 5238 > 5239 5240 5241 <div 5242 class=" 5243 spacing-style 5244 layout-panel-flex 5245 layout-panel-flex--column 5246 section-content-wrapper 5247 mobile-column 5248 " 5249 style=" 5250 --flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5251 5252--gap: 12px; 5253 5254--horizontal-alignment: flex-start; --vertical-alignment: center; 5255--vertical-alignment-mobile: center; 5256 5257 --padding-block-start: 16px;--padding-block-end: 16px; 5258 " 5259 data-testid="section-content" 5260 > 5261 5262 5263 5264 5265<div 5266 class=" 5267 group-block 5268 group-block--height-fit 5269 group-block--width-fill 5270 border-style 5271 spacing-style 5272 size-style 5273 5274 5275 " 5276 style=" 5277 --border-width: 1px; --border-style: none; --border-color: 5278rgb(var(--color-border-rgb) / 1.0); --border-radius: 52790px; 5280 5281 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5282 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5283 5284 " 5285 5286 data-testid="group-block" 5287><div class="group-block__media-wrapper"> 5288 5289 5290 5291 </div> 5292 5293 <div 5294 class=" 5295 group-block-content 5296 5297 layout-panel-flex 5298 layout-panel-flex--row 5299 mobile-column 5300 " 5301 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5302 5303--gap: max(24px, calc(var(--gap-scale, 1.0) * 32px)); 5304 5305--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 5306--vertical-alignment-mobile: flex-start; 5307" 5308 > 5309 5310 5311 5312<div 5313 class=" 5314 group-block 5315 group-block--height-fit 5316 group-block--width-fill 5317 border-style 5318 spacing-style 5319 size-style 5320 5321 5322 " 5323 style=" 5324 --border-width: 1px; --border-style: none; --border-color: 5325rgb(var(--color-border-rgb) / 1.0); --border-radius: 53260px; 5327 5328 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5329 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5330 5331 " 5332 5333 data-testid="group-block" 5334><div class="group-block__media-wrapper"> 5335 5336 5337 5338 </div> 5339 5340 <div 5341 class=" 5342 group-block-content 5343 5344 layout-panel-flex 5345 layout-panel-flex--row 5346 mobile-column 5347 " 5348 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5349 5350--gap: 8px; 5351 5352--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 5353--vertical-alignment-mobile: flex-start; 5354" 5355 > 5356 <div id="shopify-block-AOGRwSEV6SWVwa0srT__icon_bmpVy3" class="shopify-block icon-block"> 5357 5358 5359 5360 5361 5362 5363 5364 5365 5366 <img src="//takesonnet.com/cdn/shop/files/Frame_4.svg?v=1766492552&width=1200" alt="" srcset="//takesonnet.com/cdn/shop/files/Frame_4.svg?v=1766492552&width=240 240w, //takesonnet.com/cdn/shop/files/Frame_4.svg?v=1766492552&width=352 352w, //takesonnet.com/cdn/shop/files/Frame_4.svg?v=1766492552&width=832 832w, //takesonnet.com/cdn/shop/files/Frame_4.svg?v=1766492552&width=1200 1200w" width="1200" height="1200" class="icon-block__media icon-block-AOGRwSEV6SWVwa0srT__icon_bmpVy3" style="width: 66px;" sizes="(min-width: 1024px) 1024px, 100vw, 100vw"> 5367 5368 5369 5370 5371 5372</div> 5373 5374 5375 5376<div 5377 class=" 5378 group-block 5379 group-block--height-fit 5380 group-block--width-fill 5381 border-style 5382 spacing-style 5383 size-style 5384 5385 5386 " 5387 style=" 5388 --border-width: 1px; --border-style: none; --border-color: 5389rgb(var(--color-border-rgb) / 1.0); --border-radius: 53900px; 5391 5392 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5393 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5394 5395 " 5396 5397 data-testid="group-block" 5398><div class="group-block__media-wrapper"> 5399 5400 5401 5402 </div> 5403 5404 <div 5405 class=" 5406 group-block-content 5407 5408 layout-panel-flex 5409 layout-panel-flex--column 5410 mobile-column 5411 " 5412 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5413 5414--gap: 6px; 5415 5416--horizontal-alignment: flex-start; --vertical-alignment: center; 5417--vertical-alignment-mobile: center; 5418" 5419 > 5420 5421 5422 5423 5424 5425 5426 5427 5428 5429 <div class=" spacing-style text-block text-block--ARUgwU3hKbFlQcVk1R__text_AbCWwK h4 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 5430 <p>Our Commitment</p> 5431 </div> 5432 5433 5434 5435 5436 5437 5438 5439 5440 5441 5442 5443 5444 5445 5446 5447 <rte-formatter class=" spacing-style text-block text-block--ASlg2cjYwZ05wYnJsc__text_3dKLhY rte rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-none); "> 5448 <p>Continually innovate to create the most evidence-backed approach to improving your long-term sleep health</p> 5449 </rte-formatter> 5450 5451 5452 5453 5454 5455 5456 5457 5458<a 5459 href="/pages/research" 5460 class="cta-link cta-link--white" 5461 >
5462 <span>Our Research</span> 5463 <svg width="26" height="18" viewBox="0 0 26 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 5464 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.3666 1.45421C15.4231 1.317 15.5127 1.19588 15.6274 1.10166C15.742 1.00744 15.8782 0.943024 16.0238 0.91416C16.1693 0.885297 16.3198 0.892876 16.4617 0.936224C16.6036 0.979572 16.7326 1.05734 16.8372 1.16261L24.0372 8.36261C24.121 8.44621 24.1875 8.54553 24.2329 8.65487C24.2783 8.76421 24.3016 8.88143 24.3016 8.99981C24.3016 9.11819 24.2783 9.23541 24.2329 9.34475C24.1875 9.45409 24.121 9.55341 24.0372 9.63701L16.8372 16.837C16.6682 17.006 16.439 17.1009 16.2 17.1009C15.961 17.1009 15.7318 17.006 15.5628 16.837C15.3938 16.668 15.2989 16.4388 15.2989 16.1998C15.2989 15.9608 15.3938 15.7316 15.5628 15.5626L21.2274 9.89981H1.80002C1.56133 9.89981 1.33241 9.80499 1.16363 9.63621C0.994846 9.46743 0.900024 9.23851 0.900024 8.99981C0.900024 8.76112 0.994846 8.5322 1.16363 8.36342C1.33241 8.19463 1.56133 8.09981 1.80002 8.09981H21.2274L15.5628 2.43701C15.4364 2.3111 15.3502 2.15044 15.3153 1.97545C15.2803 1.80045 15.2982 1.61902 15.3666 1.45421Z" fill="currentColor"/> 5465 </svg> 5466 </a><style data-shopify> 5467 a.cta-link { 5468 display: inline-flex !important; 5469 align-items: center !important; 5470 gap: 8px !important; 5471 font-size: 18px !important; 5472 font-weight: 600 !important; 5473 text-decoration: underline !important; 5474 text-underline-offset: 4px !important; 5475 text-decoration-thickness: 1px !important; 5476 transition: opacity 0.2s ease !important; 5477 line-height: 1 !important; 5478 white-space: nowrap !important; 5479 } 5480 5481 @media screen and (max-width: 749px) { 5482 a.cta-link { 5483 text-decoration: underline !important; 5484 text-decoration-color: currentColor !important; 5485 } 5486 } 5487 5488 a.cta-link:hover { 5489 opacity: 0.8 !important; 5490 } 5491 5492 a.cta-link > span { 5493 display: inline !important; 5494 white-space: normal !important; 5495 } 5496 5497 a.cta-link > svg { 5498 display: block !important; 5499 width: 26px !important; 5500 height: 18px !important; 5501 flex-shrink: 0 !important; 5502 margin: 0 !important; 5503 } 5504 5505 a.cta-link--white { 5506 color: #ffffff !important; 5507 } 5508 5509 a.cta-link--blue { 5510 color: #221D35 !important; 5511 } 5512 5513 a.cta-link--auto { 5514 color: var(--color-foreground) !important; 5515 } 5516 5517 5518 5519 .color-scheme-1 a.cta-link--auto { 5520 color: #221D35 !important; 5521 } 5522 5523 5524 5525 .color-scheme-2 a.cta-link--auto { 5526 color: #221D35 !important; 5527 } 5528 5529 5530 5531 .color-scheme-3 a.cta-link--auto { 5532 color: #221D35 !important; 5533 } 5534 5535 5536 5537 .color-scheme-4 a.cta-link--auto { 5538 color: #ffffff !important; 5539 } 5540 5541 5542 5543 .color-scheme-5 a.cta-link--auto { 5544 color: #221D35 !important; 5545 } 5546 5547 5548 5549 .color-scheme-6 a.cta-link--auto { 5550 color: #ffffff !important; 5551 } 5552 5553 5554 5555 .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 a.cta-link--auto { 5556 color: #ffffff !important; 5557 } 5558 5559 5560 5561 .color-scheme-f02d2ace-6fba-4393-801e-b4376b03cdb1 a.cta-link--auto { 5562 color: #221D35 !important; 5563 } 5564 5565 5566 5567 .link { 5568 text-decoration: none; 5569 text-decoration-color: currentcolor; 5570 } 5571 5572 .link:hover { 5573 color: var(--color-primary-hover); 5574 text-decoration-color: transparent; 5575 } 5576</style> 5577 5578 5579 5580 5581</div> 5582</div> 5583 5584 5585 5586 5587 5588 5589</div> 5590</div> 5591 5592 5593 5594 5595 5596 5597 5598 5599<div 5600 class=" 5601 group-block 5602 group-block--height-fit 5603 group-block--width-fill 5604 border-style 5605 spacing-style 5606 size-style 5607 5608 5609 " 5610 style=" 5611 --border-width: 1px; --border-style: none; --border-color: 5612rgb(var(--color-border-rgb) / 1.0); --border-radius: 56130px; 5614 5615 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5616 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5617 5618 " 5619 5620 data-testid="group-block" 5621><div class="group-block__media-wrapper"> 5622 5623 5624 5625 </div> 5626 5627 <div 5628 class=" 5629 group-block-content 5630 5631 layout-panel-flex 5632 layout-panel-flex--row 5633 mobile-column 5634 " 5635 style="--flex-direction: row; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5636 5637--gap: 8px; 5638 5639--horizontal-alignment: flex-start; --vertical-alignment: flex-start; 5640--vertical-alignment-mobile: flex-start; 5641" 5642 > 5643 <div id="shopify-block-ARGk4Nlo1QStUN2Y2R__icon_GkWfLb" class="shopify-block icon-block"> 5644 5645 5646 5647 5648 5649 5650 5651 5652 5653 <img src="//takesonnet.com/cdn/shop/files/Frame_5.svg?v=1766492575&width=1200" alt="" srcset="//takesonnet.com/cdn/shop/files/Frame_5.svg?v=1766492575&width=240 240w, //takesonnet.com/cdn/shop/files/Frame_5.svg?v=1766492575&width=352 352w, //takesonnet.com/cdn/shop/files/Frame_5.svg?v=1766492575&width=832 832w, //takesonnet.com/cdn/shop/files/Frame_5.svg?v=1766492575&width=1200 1200w" width="1200" height="1200" class="icon-block__media icon-block-ARGk4Nlo1QStUN2Y2R__icon_GkWfLb" style="width: 66px;" sizes="(min-width: 1024px) 1024px, 100vw, 100vw"> 5654 5655 5656 5657 5658 5659</div> 5660 5661 5662 5663<div 5664 class=" 5665 group-block 5666 group-block--height-fit 5667 group-block--width-fill 5668 border-style 5669 spacing-style 5670 size-style 5671 5672 5673 " 5674 style=" 5675 --border-width: 1px; --border-style: none; --border-color: 5676rgb(var(--color-border-rgb) / 1.0); --border-radius: 56770px; 5678 5679 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5680 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5681 5682 " 5683 5684 data-testid="group-block" 5685><div class="group-block__media-wrapper"> 5686 5687 5688 5689 </div> 5690 5691 <div 5692 class=" 5693 group-block-content 5694 5695 layout-panel-flex 5696 layout-panel-flex--column 5697 mobile-column 5698 " 5699 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5700 5701--gap: 6px; 5702 5703--horizontal-alignment: flex-start; --vertical-alignment: center; 5704--vertical-alignment-mobile: center; 5705" 5706 > 5707 5708 5709 5710 5711 5712 5713 5714 5715 5716 <div class=" spacing-style text-block text-block--AYlBvQTdHdGlZUUNBW__text_qTceeX h5 " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: fit-content; --max-width: var(--max-width--body-normal); "> 5717 <p>Happiness Guarantee</p> 5718 </div> 5719 5720 5721 5722 5723 5724 5725 5726 5727 5728 5729 5730 5731 5732 5733 5734 <rte-formatter class=" spacing-style text-block text-block--AYk1vUHJHOHFFcC94a__text_hkbtFU rte rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-none); "> 5735 <p>Sleep isnât one-size-fits-all. Many see improvements the first night and full benefits after several weeks. If that's not the case, please reach out and let us know - we'll work to make it right.</p> 5736 </rte-formatter> 5737 5738 5739 5740 5741 5742 5743 5744 5745<a 5746 href="/pages/contact" 5747 class="cta-link cta-link--white" 5748 >
5749 <span>Contact Us</span> 5750 <svg width="26" height="18" viewBox="0 0 26 18" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"> 5751 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.3666 1.45421C15.4231 1.317 15.5127 1.19588 15.6274 1.10166C15.742 1.00744 15.8782 0.943024 16.0238 0.91416C16.1693 0.885297 16.3198 0.892876 16.4617 0.936224C16.6036 0.979572 16.7326 1.05734 16.8372 1.16261L24.0372 8.36261C24.121 8.44621 24.1875 8.54553 24.2329 8.65487C24.2783 8.76421 24.3016 8.88143 24.3016 8.99981C24.3016 9.11819 24.2783 9.23541 24.2329 9.34475C24.1875 9.45409 24.121 9.55341 24.0372 9.63701L16.8372 16.837C16.6682 17.006 16.439 17.1009 16.2 17.1009C15.961 17.1009 15.7318 17.006 15.5628 16.837C15.3938 16.668 15.2989 16.4388 15.2989 16.1998C15.2989 15.9608 15.3938 15.7316 15.5628 15.5626L21.2274 9.89981H1.80002C1.56133 9.89981 1.33241 9.80499 1.16363 9.63621C0.994846 9.46743 0.900024 9.23851 0.900024 8.99981C0.900024 8.76112 0.994846 8.5322 1.16363 8.36342C1.33241 8.19463 1.56133 8.09981 1.80002 8.09981H21.2274L15.5628 2.43701C15.4364 2.3111 15.3502 2.15044 15.3153 1.97545C15.2803 1.80045 15.2982 1.61902 15.3666 1.45421Z" fill="currentColor"/> 5752 </svg> 5753 </a><style data-shopify> 5754 a.cta-link { 5755 display: inline-flex !important; 5756 align-items: center !important; 5757 gap: 8px !important; 5758 font-size: 18px !important; 5759 font-weight: 600 !important; 5760 text-decoration: underline !important; 5761 text-underline-offset: 4px !important; 5762 text-decoration-thickness: 1px !important; 5763 transition: opacity 0.2s ease !important; 5764 line-height: 1 !important; 5765 white-space: nowrap !important; 5766 } 5767 5768 @media screen and (max-width: 749px) { 5769 a.cta-link { 5770 text-decoration: underline !important; 5771 text-decoration-color: currentColor !important; 5772 } 5773 } 5774 5775 a.cta-link:hover { 5776 opacity: 0.8 !important; 5777 } 5778 5779 a.cta-link > span { 5780 display: inline !important; 5781 white-space: normal !important; 5782 } 5783 5784 a.cta-link > svg { 5785 display: block !important; 5786 width: 26px !important; 5787 height: 18px !important; 5788 flex-shrink: 0 !important; 5789 margin: 0 !important; 5790 } 5791 5792 a.cta-link--white { 5793 color: #ffffff !important; 5794 } 5795 5796 a.cta-link--blue { 5797 color: #221D35 !important; 5798 } 5799 5800 a.cta-link--auto { 5801 color: var(--color-foreground) !important; 5802 } 5803 5804 5805 5806 .color-scheme-1 a.cta-link--auto { 5807 color: #221D35 !important; 5808 } 5809 5810 5811 5812 .color-scheme-2 a.cta-link--auto { 5813 color: #221D35 !important; 5814 } 5815 5816 5817 5818 .color-scheme-3 a.cta-link--auto { 5819 color: #221D35 !important; 5820 } 5821 5822 5823 5824 .color-scheme-4 a.cta-link--auto { 5825 color: #ffffff !important; 5826 } 5827 5828 5829 5830 .color-scheme-5 a.cta-link--auto { 5831 color: #221D35 !important; 5832 } 5833 5834 5835 5836 .color-scheme-6 a.cta-link--auto { 5837 color: #ffffff !important; 5838 } 5839 5840 5841 5842 .color-scheme-58084d4c-a86e-4d0a-855e-a0966e5043f7 a.cta-link--auto { 5843 color: #ffffff !important; 5844 } 5845 5846 5847 5848 .color-scheme-f02d2ace-6fba-4393-801e-b4376b03cdb1 a.cta-link--auto { 5849 color: #221D35 !important; 5850 } 5851 5852 5853 5854 .link { 5855 text-decoration: none; 5856 text-decoration-color: currentcolor; 5857 } 5858 5859 .link:hover { 5860 color: var(--color-primary-hover); 5861 text-decoration-color: transparent; 5862 } 5863</style> 5864 5865 5866 5867 5868</div> 5869</div> 5870 5871 5872 5873 5874 5875 5876</div> 5877</div> 5878 5879 5880 5881 5882 5883 5884</div> 5885</div> 5886 5887 5888 5889 5890 5891 5892 5893 </div> 5894 </div> 5895</div> 5896 5897 5898 5899 5900 5901</div><footer id="shopify-section-sections--20571857846408__footer_m9NzUG" class="shopify-section shopify-section-group-footer-group section-wrapper"> 5902 5903<div class="section-background color-scheme-5"></div> 5904<div 5905 class="section section--page-width color-scheme-5" 5906> 5907 5908 <div 5909 class=" 5910 footer-content 5911 spacing-style 5912 5913 5914 " 5915 style=" 5916 --padding-block-start: max(20px, calc(var(--spacing-scale) * 48px));--padding-block-end: max(20px, calc(var(--spacing-scale) * 24px)); 5917 --footer-gap: 32px; 5918 --grid-columns: 4; 5919 --last-row-count: 4; 5920 --tablet-last-row-count: 2; 5921 " 5922 > 5923 5924 5925 5926<div 5927 class=" 5928 group-block 5929 group-block--height-fit 5930 group-block--width-fill 5931 border-style 5932 spacing-style 5933 size-style 5934 5935 5936 " 5937 style=" 5938 --border-width: 1px; --border-style: none; --border-color: 5939rgb(var(--color-border-rgb) / 1.0); --border-radius: 59400px; 5941 5942 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 5943 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 5944 5945 " 5946 5947 data-testid="group-block" 5948><div class="group-block__media-wrapper"> 5949 5950 5951 5952 </div> 5953 5954 <div 5955 class=" 5956 group-block-content 5957 5958 layout-panel-flex 5959 layout-panel-flex--column 5960 mobile-column 5961 " 5962 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 5963 5964--gap: 16px; 5965 5966--horizontal-alignment: flex-start; --vertical-alignment: center; 5967--vertical-alignment-mobile: center; 5968" 5969 > 5970 5971 5972 5973 5974 5975 5976 5977 5978 5979 <div class=" spacing-style text-block text-block--AVnNVakJOSWlYUXhxW__text_LWt8Pz h4 text-block--align-left " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --color: var(--color-foreground); --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "> 5980 <h2>Exclusive Benefits</h2> 5981 </div> 5982 5983 5984 5985 5986 5987 5988 5989 5990 5991<email-signup-block 5992 class="email-signup-block size-style spacing-style" 5993 style="--size-style-width: 100%;--size-style-height: ;--padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px;" 5994 5995> 5996 5997<form method="post" action="/contact#contact_form" id="contact_form" accept-charset="UTF-8" class="email-signup__form spacing-style"><input type="hidden" name="form_type" value="customer" /><input type="hidden" name="utf8" value="â" /> 5998 <div 5999 class="email-signup__input-group " 6000 style="--border-width: 1px; --border-radius: 100px;" 6001 > 6002 <label 6003 for="EmailInput-ASllkVEpkT3QrZFo5T__email_signup_cC3Agn" 6004 class="visually-hidden" 6005 > 6006 Email 6007 </label> 6008 <input 6009 id="EmailInput-ASllkVEpkT3QrZFo5T__email_signup_cC3Agn" 6010 class="email-signup__input email-signup__input--underline paragraph " 6011 type="email" 6012 name="contact[email]" 6013 autocorrect="off" 6014 autocapitalize="off" 6015 autocomplete="email" 6016 placeholder="Enter Your Email" 6017 required 6018 6019 > 6020 <button 6021 class="email-signup__button email-signup__button--integrated email-signup__button--arrow paragraph button-unstyled button-unstyled--ASllkVEpkT3QrZFo5T__email_signup_cC3Agn " 6022 6023 aria-label="Sign up" 6024 6025 > 6026 6027 <svg 6028 width="42" 6029 height="42"
6030 viewBox="0 0 42 42" 6031 fill="none" 6032 xmlns="http://www.w3.org/2000/svg" 6033 focusable="false" 6034 aria-hidden="true" 6035 class="email-signup__button-icon" 6036 > 6037 <path fill-rule="evenodd" clip-rule="evenodd" d="M24.4888 10.9393C24.5642 10.7563 24.6836 10.5948 24.8365 10.4692C24.9893 10.3436 25.1709 10.2577 25.365 10.2192C25.5591 10.1807 25.7597 10.1908 25.9489 10.2486C26.1381 10.3064 26.3101 10.4101 26.4496 10.5505L36.0496 20.1505C36.1614 20.2619 36.25 20.3944 36.3105 20.5402C36.371 20.6859 36.4022 20.8422 36.4022 21.0001C36.4022 21.1579 36.371 21.3142 36.3105 21.46C36.25 21.6058 36.1614 21.7382 36.0496 21.8497L26.4496 31.4497C26.2243 31.675 25.9187 31.8016 25.6 31.8016C25.2813 31.8016 24.9757 31.675 24.7504 31.4497C24.5251 31.2243 24.3985 30.9187 24.3985 30.6001C24.3985 30.2814 24.5251 29.9758 24.7504 29.7505L32.3032 22.2001H6.40001C6.08175 22.2001 5.77653 22.0736 5.55148 21.8486C5.32644 21.6236 5.20001 21.3183 5.20001 21.0001C5.20001 20.6818 5.32644 20.3766 5.55148 20.1515C5.77653 19.9265 6.08175 19.8001 6.40001 19.8001H32.3032L24.7504 12.2497C24.5818 12.0818 24.4669 11.8676 24.4203 11.6343C24.3738 11.4009 24.3976 11.159 24.4888 10.9393Z" fill="white"/> 6038 </svg> 6039 6040 </button> 6041 </div></form> 6042 6043
6043<script 6044 src="//takesonnet.com/cdn/shop/t/58/assets/email-signup.js?v=11926998321451148611782976135" 6045 defer 6046 ></script>
6046 6047</email-signup-block> 6048 6049 6050 6051 6052 6053 6054 6055 6056 6057 6058 6059 6060 6061 <rte-formatter class=" spacing-style text-block text-block--AOUlYb0lWaUx5eU9ua__text_f9CFLH rte text-block--align-left rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: 100%; --max-width: var(--max-width--body-normal); --text-align: left; "> 6062 <p>Apply for our free membership to receive exclusive deals, news, and events.</p> 6063 </rte-formatter> 6064 6065 6066 6067 6068 6069 6070 6071</div> 6072</div> 6073 6074 6075 6076 6077 6078 6079 6080 6081 6082 6083 <accordion-custom 6084 class=" 6085 menu 6086 menu--accordion menu--caret 6087 menu--dividers 6088 " 6089 data-disable-on-desktop="true" 6090 open-by-default-on-desktop 6091 6092 open-by-default-on-mobile 6093 6094 > 6095 <details 6096 class=" 6097 menu__details 6098 spacing-style 6099 6100 " 6101 data-testid="menu-details" 6102 style=" 6103 --spacing--size: 12px; 6104 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6105 " 6106 6107 open 6108 6109 6110 > 6111 <summary class="menu__heading h3"> 6112 <span class="menu__heading__default">Explore</span> 6113 <span class="menu__heading__accordion"> 6114 Explore 6115 <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="15" height="9" viewBox="0 0 15 9" fill="none" xmlns="http://www.w3.org/2000/svg"> 6116<path d="M14.4633 0.530273L7.49727 7.49727L0.530273 0.530273" stroke="currentColor" stroke-width="1.5"/> 6117</svg> 6118</span> 6119 <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6120 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 6121 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 6122</svg> 6123</span> 6124 </span> 6125 </summary> 6126 6127 <div class="details-content"> 6128 6129 <ul class="list-unstyled"> 6130 6131 <li class="menu__item paragraph"> 6132 <a href="/products/core-sleep"> 6133 Core Sleep 6134 </a> 6135 </li> 6136 6137 <li class="menu__item paragraph"> 6138 <a href="/products/sleep-calm"> 6139 Sleep + Calm 6140 </a> 6141 </li> 6142 6143 <li class="menu__item paragraph"> 6144 <a href="/products/sleep-restore"> 6145 Sleep + Restore 6146 </a> 6147 </li> 6148 6149 <li class="menu__item paragraph"> 6150 <a href="/pages/faqs"> 6151 FAQs 6152 </a> 6153 </li> 6154 6155 <li class="menu__item paragraph"> 6156 <a href="/pages/research"> 6157 Research 6158 </a> 6159 </li> 6160 6161 </ul> 6162 6163 </div> 6164 </details> 6165 </accordion-custom> 6166 6167 6168 6169 6170 6171 6172 6173 6174 6175 6176 <accordion-custom 6177 class=" 6178 menu 6179 menu--accordion menu--caret 6180 menu--dividers 6181 " 6182 data-disable-on-desktop="true" 6183 open-by-default-on-desktop 6184 6185 > 6186 <details 6187 class=" 6188 menu__details 6189 spacing-style 6190 6191 " 6192 data-testid="menu-details" 6193 style=" 6194 --spacing--size: 12px; 6195 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6196 " 6197 6198 6199 > 6200 <summary class="menu__heading h3"> 6201 <span class="menu__heading__default">More</span> 6202 <span class="menu__heading__accordion"> 6203 More 6204 <span class="menu__heading__toggle svg-wrapper icon-caret icon-animated"><svg width="15" height="9" viewBox="0 0 15 9" fill="none" xmlns="http://www.w3.org/2000/svg"> 6205<path d="M14.4633 0.530273L7.49727 7.49727L0.530273 0.530273" stroke="currentColor" stroke-width="1.5"/> 6206</svg> 6207</span> 6208 <span class="menu__heading__toggle svg-wrapper icon-plus"><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6209 <path class="vertical" d="M2.75 7H11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 6210 <path class="horizontal" d="M7 2.75L7 11.25" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round"/> 6211</svg> 6212</span> 6213 </span> 6214 </summary> 6215 6216 <div class="details-content"> 6217 6218 <ul class="list-unstyled"> 6219 6220 <li class="menu__item paragraph"> 6221 <a href="/pages/about"> 6222 About Us 6223 </a> 6224 </li> 6225 6226 <li class="menu__item paragraph"> 6227 <a href="/blogs/sleep"> 6228 Blog 6229 </a> 6230 </li> 6231 6232 <li class="menu__item paragraph"> 6233 <a href="/a/account/subscriptions"> 6234 Manage Subscription 6235 </a> 6236 </li> 6237 6238 <li class="menu__item paragraph"> 6239 <a href="/pages/contact"> 6240 Contact Us 6241 </a> 6242 </li> 6243 6244 </ul> 6245 6246 </div> 6247 </details> 6248 </accordion-custom> 6249 6250 6251 6252 6253 6254 6255 6256 6257<div 6258 class=" 6259 group-block 6260 group-block--height-fit 6261 group-block--width-fill 6262 border-style 6263 spacing-style 6264 size-style 6265 6266 6267 " 6268 style=" 6269 --border-width: 1px; --border-style: none; --border-color: 6270rgb(var(--color-border-rgb) / 1.0); --border-radius: 62710px; 6272 6273 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6274 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6275 6276 " 6277 6278 data-testid="group-block" 6279><div class="group-block__media-wrapper"> 6280 6281 6282 6283 </div> 6284 6285 <div 6286 class=" 6287 group-block-content 6288 6289 layout-panel-flex 6290 layout-panel-flex--column 6291 mobile-column 6292 " 6293 style="--flex-direction: column; --flex-wrap: nowrap; --flex-wrap-mobile: wrap; 6294 6295--gap: 16px; 6296 6297--horizontal-alignment: flex-start; --vertical-alignment: center; 6298--vertical-alignment-mobile: center; 6299" 6300 > 6301 6302 6303 6304 6305 6306 6307 6308 6309 6310 6311 6312 6313 6314 6315 6316 <div 6317 class=" 6318 image-block image-block--AdTZkdnFHY2lzckpzd__image_6HYqcC image-block--height-fit spacing-style size-style 6319" 6320 style=" 6321 --ratio: 5.180327868852459; 6322 --size-style-width: 100%;--size-style-height: fit;--size-style-width-mobile: 100%; --size-style-width-mobile-min: 5rem; 6323 --padding-block-start: 0px;--padding-block-end: 0px;--padding-inline-start: 0px;--padding-inline-end: 0px; 6324" 6325 6326 > 6327 6328<img src="//takesonnet.com/cdn/shop/files/Logo_1.png?v=1766506171&width=3840" alt="" srcset="//takesonnet.com/cdn/shop/files/Logo_1.png?v=1766506171&width=240 240w, //takesonnet.com/cdn/shop/files/Logo_1.png?v=1766506171&width=352 352w, //takesonnet.com/cdn/shop/files/Logo_1.png?v=1766506171&width=832 832w, //takesonnet.com/cdn/shop/files/Logo_1.png?v=1766506171&width=1200 1200w, //takesonnet.com/cdn/shop/files/Logo_1.png?v=1766506171&width=1600 1600w, //takesonnet.com/cdn/shop/files/Logo_1.png?v=1766506171&width=1920 1920w, //takesonnet.com/cdn/shop/files/Logo_1.png?v=1766506171&width=2560 2560w, //takesonnet.com/cdn/shop/files/Logo_1.png?v=1766506171&width=3840 3840w" width="1264" height="244" class="image-block__image border-style" style="object-position:50.0% 51.66%; 6329 --ratio: 5.180327868852459; 6330 --border-width: 1px; --border-style: none; --border-color: 6331rgb(var(--color-border-rgb) / 1.0); --border-radius: 63320px; 6333
6334" sizes="auto, (min-width: 750px) 100vw, 100vw"> 6335 6336 </div> 6337 6338 6339 6340 6341 6342 6343 6344<div 6345 class="social-icons__wrapper footer-utilities__icons" 6346 6347> 6348 6349 6350 6351 6352 6353 6354 6355 6356 <div 6357 class="social-icons__icon-wrapper" 6358 > 6359 <a 6360 href="https://www.facebook.com/takesonnetlive" 6361 target="_blank" 6362 rel="noopener noreferrer" 6363 aria-label="Facebook" 6364 6365 > 6366 <span class="social-icons__icon-label">Facebook</span> 6367 6368 <svg 6369 class="social-icons__icon icon-default" 6370 aria-hidden="true" 6371 focusable="false" 6372 xmlns="http://www.w3.org/2000/svg" 6373 viewBox="0 0 20 20" 6374 > 6375<path d="M18 10.049C18 5.603 14.419 2 10 2c-4.419 0-8 3.603-8 8.049C2 14.067 4.925 17.396 8.75 18v-5.624H6.719v-2.328h2.03V8.275c0-2.017 1.195-3.132 3.023-3.132.874 0 1.79.158 1.79.158v1.98h-1.009c-.994 0-1.303.621-1.303 1.258v1.51h2.219l-.355 2.326H11.25V18c3.825-.604 6.75-3.933 6.75-7.951Z" /></svg> 6376 6377 </a> 6378 </div> 6379 6380 6381 6382 6383 6384 6385 6386 6387 <div 6388 class="social-icons__icon-wrapper" 6389 > 6390 <a 6391 href="https://www.instagram.com/take_sonnet/" 6392 target="_blank" 6393 rel="noopener noreferrer" 6394 aria-label="Instagram" 6395 6396 > 6397 <span class="social-icons__icon-label">Instagram</span> 6398 6399 <svg 6400 class="social-icons__icon icon-default" 6401 aria-hidden="true" 6402 focusable="false" 6403 xmlns="http://www.w3.org/2000/svg"
6404 viewBox="0 0 20 20" 6405 > 6406<path 6407 fill-rule="evenodd" 6408 d="M13.23 3.492c-.84-.037-1.096-.046-3.23-.046-2.144 0-2.39.01-3.238.055-.776.027-1.195.164-1.487.273a2.43 2.43 0 0 0-.912.593 2.486 2.486 0 0 0-.602.922c-.11.282-.238.702-.274 1.486-.046.84-.046 1.095-.046 3.23 0 2.134.01 2.39.046 3.229.004.51.097 1.016.274 1.495.145.365.319.639.602.913.282.282.538.456.92.602.474.176.974.268 1.479.273.848.046 1.103.046 3.238.046 2.134 0 2.39-.01 3.23-.046.784-.036 1.203-.164 1.486-.273.374-.146.648-.329.921-.602.283-.283.447-.548.602-.922.177-.476.27-.979.274-1.486.037-.84.046-1.095.046-3.23 0-2.134-.01-2.39-.055-3.229-.027-.784-.164-1.204-.274-1.495a2.43 2.43 0 0 0-.593-.913 2.604 2.604 0 0 0-.92-.602c-.284-.11-.703-.237-1.488-.273ZM6.697 2.05c.857-.036 1.131-.045 3.302-.045 1.1-.014 2.202.001 3.302.045.664.014 1.321.14 1.943.374a3.968 3.968 0 0 1 1.414.922c.41.397.728.88.93 1.414.23.622.354 1.279.365 1.942C18 7.56 18 7.824 18 10.005c0 2.17-.01 2.444-.046 3.292-.036.858-.173 1.442-.374 1.943-.2.53-.474.976-.92 1.423a3.896 3.896 0 0 1-1.415.922c-.51.191-1.095.337-1.943.374-.857.036-1.122.045-3.302.045-2.171 0-2.445-.009-3.302-.055-.849-.027-1.432-.164-1.943-.364a4.152 4.152 0 0 1-1.414-.922 4.128 4.128 0 0 1-.93-1.423c-.183-.51-.329-1.085-.365-1.943C2.009 12.45 2 12.167 2 10.004c0-2.161 0-2.435.055-3.302.027-.848.164-1.432.365-1.942a4.44 4.44 0 0 1 .92-1.414 4.18 4.18 0 0 1 1.415-.93c.51-.183 1.094-.33 1.943-.366Zm.427 4.806a4.105 4.105 0 1 1 5.805 5.805 4.105 4.105 0 0 1-5.805-5.805Zm1.882 5.371a2.668 2.668 0 1 0 2.042-4.93 2.668 2.668 0 0 0-2.042 4.93Zm5.922-5.942a.958.958 0 1 1-1.355-1.355.958.958 0 0 1 1.355 1.355Z" 6409 clip-rule="evenodd" 6410 /></svg> 6411 6412 </a> 6413 </div> 6414 6415 6416 6417 6418 6419 6420 6421 6422 6423 6424 6425 6426 6427 6428 6429 6430 6431 6432 <div 6433 class="social-icons__icon-wrapper" 6434 > 6435 <a 6436 href="https://x.com/take_sonnet" 6437 target="_blank" 6438 rel="noopener noreferrer" 6439 aria-label="Twitter" 6440 6441 > 6442 <span class="social-icons__icon-label">Twitter</span> 6443 6444 <svg 6445 class="social-icons__icon icon-default" 6446 aria-hidden="true" 6447 focusable="false" 6448 xmlns="http://www.w3.org/2000/svg"
6449 viewBox="0 0 20 20" 6450 > 6451<path 6452 fill-rule="evenodd" 6453 clip-rule="evenodd" 6454 d="M7.27301 2.80005L10.8 7.82205L15.218 2.80005H16.986L11.586 8.93905L17.385 17.193H12.727L8.99701 11.883L4.32601 17.193H2.55801L8.21201 10.766L2.61501 2.80005H7.27301ZM13.515 15.925L5.07001 4.10905H6.47501L14.921 15.925H13.515Z" 6455 fill="currentColor" 6456 /></svg> 6457 6458 </a> 6459 </div> 6460 6461 6462 6463 6464 6465 6466 6467 6468 6469 6470 6471 6472 6473 6474 6475 6476 6477 6478 6479 6480 6481 6482 6483 6484 6485 6486 6487 6488 6489 6490 6491 6492 6493 6494 6495 6496 6497 6498 6499 6500 6501 6502 6503</div> 6504 6505 6506 6507 6508 6509 6510 6511 6512 6513 6514 6515 6516 6517 <rte-formatter class=" spacing-style text-block text-block--AZGh6ZkpaSVpaeGpxZ__text_teXHDe rte rte " style=" --padding-block-start: 0px; --padding-block-end:0px; --padding-inline-start:0px; --padding-inline-end:0px; --width: fit-content; --max-width: var(--max-width--body-normal); "> 6518 <p>Statements on this website have not been evaluated by the Food and Drug Administration. Any products discussed or advertised are not intended to diagnose, treat, cure or prevent any disease. Testimonial results are from Sonnet customers, individual results may vary.</p> 6519 </rte-formatter> 6520 6521 6522 6523 6524 6525 6526 6527</div> 6528</div> 6529 6530 6531 6532 6533 6534 6535 </div> 6536</div> 6537 6538 6539 6540 6541</footer><div id="shopify-section-sections--20571857846408__footer_utilities_jLGE8U" class="shopify-section shopify-section-group-footer-group footer-utilities"> 6542 6543<div class="section-background color-scheme-4"></div> 6544<div 6545 class="section section--page-width color-scheme-4" 6546 6547> 6548 <div 6549 class="utilities utilities--blocks-2 spacing-style" 6550 style="--padding-block-start: 20px;--padding-block-end: 16px; --border-width: 0px; --gap: 24px;" 6551 data-testid="footer-utilities" 6552 > 6553 6554 6555<div 6556 class=" 6557 footer-utilities__group-copyright 6558 custom-typography 6559 footer-utilities__text 6560 custom-font-size 6561 " 6562 style=" 6563--color: ;--font-size: 0.75rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);" 6564 6565> 6566 <span class="footer-utilities__text"> 6567 © 2026 Sonnet. (Holistic Health Holdings LLC). All Rights Reserved. 6568 </span> 6569</div> 6570 6571 6572 6573 6574<div 6575 class="footer-utilities__policy-list footer-utilities__text custom-typography custom-font-size" 6576 style=" 6577--color: ;--font-size: 0.875rem; --font-weight: ;--font-family: ; --text-transform: none; --text-wrap: pretty; --line-height: var(--line-height--body-); --letter-spacing: var(--letter-spacing--body-);" 6578 6579> 6580 6581 6582 <a href="/policies/terms-of-service" class="footer-utilities__link policy-list-trigger button-unstyled"> 6583 Terms & Conditions 6584 </a> 6585 6586 6587 <a href="/policies/privacy-policy" class="footer-utilities__link policy-list-trigger button-unstyled"> 6588 Privacy Policy 6589 </a> 6590 6591 6592</div> 6593 6594 6595 6596 6597 6598 </div> 6599</div> 6600 6601 6602 6603 6604</div> 6605<!-- END sections: footer-group --> 6606 6607
6607<script 6608 src="//takesonnet.com/cdn/shop/t/58/assets/dialog.js?v=122984339961420548111782976135" 6609 type="module" 6610></script>
6610 6611 6612<dialog-component 6613 id="search-modal" 6614 class="search-modal" 6615 6616> 6617 <dialog 6618 ref="dialog" 6619 on:click="/closeDialogOnClickOutside" 6620 on:keydown="/closeDialogOnEscapePress" 6621 class="search-modal__content dialog-modal" 6622 scroll-lock 6623 aria-labelledby="search-modal-heading" 6624 > 6625 <h2 6626 id="search-modal-heading" 6627 class="visually-hidden" 6628 > 6629 Search 6630 </h2> 6631 6632<predictive-search-component 6633 class="predictive-search color-scheme-1" 6634 style="--product-corner-radius: 0px; --card-corner-radius: 4px;" 6635 data-section-id="predictive-search" 6636 data-testid="search-component--modal" 6637 role="search" 6638 aria-label="Search" 6639> 6640 <form 6641 action="/search" 6642 method="get" 6643 role="search" 6644 class="predictive-search-form" 6645 ref="form" 6646 on:keydown="/onSearchKeyDown" 6647 > 6648 <div 6649 class="predictive-search-form__header" 6650 > 6651 <div class="predictive-search-form__header-inner"> 6652 <label 6653 for="cmdk-input" 6654 class="visually-hidden" 6655 >Search</label> 6656 <input 6657 class="search-input" 6658 id="cmdk-input" 6659 type="search" 6660 name="q" 6661 role="combobox" 6662 aria-expanded="false" 6663 aria-owns="predictive-search-results" 6664 aria-controls="predictive-search-results" 6665 aria-haspopup="listbox" 6666 aria-autocomplete="list" 6667 autocomplete="off" 6668 placeholder="Search" 6669 ref="searchInput" 6670 on:input="/search" 6671 on:keydown="/onSearchKeyDown" 6672 > 6673 <input 6674 name="options[prefix]" 6675 type="hidden" 6676 value="last" 6677 > 6678 <span class="svg-wrapper predictive-search__icon"> 6679 <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20" fill="none"><circle cx="9" cy="9" r="4.75" stroke="currentColor" stroke-width="var(--icon-stroke-width)"/><path stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="var(--icon-stroke-width)" d="m12.5 12.5 3.25 3.25"/></svg> 6680 6681 </span> 6682 <button 6683 type="button" 6684 class="button-unstyled predictive-search__reset-button" 6685 ref="resetButton" 6686 hidden 6687 on:click="/resetSearch" 6688 > 6689 Clear 6690 </button> 6691 </div> 6692 <button 6693 type="button" 6694 class="button predictive-search__close-modal-button" 6695 aria-label="Close dialog" 6696 on:click="dialog-component/closeDialog" 6697 ref="closeModalButton" 6698 > 6699 <span class="svg-wrapper"> 6700 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6701 <path d="M12 2L2 12" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6702 <path d="M12 12L2 2" stroke="currentColor" stroke-width="var(--icon-stroke-width)" stroke-linecap="round" stroke-linejoin="round"/> 6703</svg> 6704 6705 </span> 6706 </button> 6707 </div> 6708 6709 <div class="predictive-search-form__content-wrapper"> 6710 <div 6711 class="predictive-search-form__content" 6712 tabindex="-1" 6713 ref="predictiveSearchResults" 6714 on:click="/handleModalClick" 6715 > 6716 6717 6718<div 6719 id="predictive-search-results" 6720 class="predictive-search-dropdown" 6721 role="listbox" 6722 aria-expanded="true" 6723 style="--color-shadow: rgb(var(--color-foreground-rgb) / 0.1);" 6724> 6725 6726</div> 6727 6728 </div> 6729 6730 <div class="predictive-search-form__footer"> 6731 <button 6732 class="button button-primary predictive-search__search-button" 6733 ref="viewAllButton" 6734 > 6735 View all 6736 </button> 6737 </div> 6738 </div> 6739 </form> 6740</predictive-search-component> 6741 6742 6743 6744 </dialog> 6745</dialog-component> 6746 6747 6748 6749 6750 6751 6752
6753<script> 6754 window.quickAddFormulaProducts = { 6755 product1: "core-sleep", 6756 product2: "sleep-calm", 6757 product3: "sleep-restore" 6758 }; 6759 window.quickAddSubscriptionBenefits = "\u003cp\u003e⢠Free Shipping\u003cbr\/\u003e⢠Risk-free first 30 days\u003cbr\/\u003e⢠Easy skip, gift, or cancel anytime\u003c\/p\u003e"; 6760 window.quickAddDrawerBenefits = "\u003cp\u003eâï¸ Free Shipping on orders of $50+\u003c\/p\u003e\u003cp\u003eâï¸ Money back Guarantee\u003c\/p\u003e"; 6761 // console.log('Global formula products:', window.quickAddFormulaProducts); 6762</script>
6762 6763 6764<quick-add-dialog 6765 id="quick-add-dialog" 6766 data-formula-product-1="core-sleep" 6767 data-formula-product-2="sleep-calm" 6768 data-formula-product-3="sleep-restore" 6769> 6770 <dialog 6771 class="quick-add-modal dialog-modal dialog-drawer dialog-drawer--right color-scheme-1" 6772 ref="dialog" 6773 scroll-lock 6774 6775 aria-labelledby="quick-add-drawer-heading" 6776 6777 > 6778 6779 <div class="quick-add-modal__inner"> 6780 <div class="quick-add-modal__header"> 6781 6782 <button 6783 ref="closeButton" 6784 on:click="/closeDialog" 6785 class="button close-button quick-add-modal__close-button button-unstyled" 6786 aria-label="Close dialog" 6787 > 6788 <span class="svg-wrapper"> 6789 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 6790 <g clip-path="url(#clip0_369_8053)"> 6791 <path fill-rule="evenodd" clip-rule="evenodd" d="M8 6.78743L14.536 0.250286C14.7029 0.0834284 14.9234 0 15.1429 0C15.6046 0 16 0.370285 16 0.856C16 1.07657 15.9166 1.296 15.7497 1.464L9.21257 8L15.7486 14.536C15.9166 14.704 16 14.9234 16 15.1429C16 15.6309 15.6011 16 15.1429 16C14.9234 16 14.7029 15.9166 14.536 15.7497L8 9.21371L1.464 15.7497C1.29714 15.9166 1.07657 16 0.857143 16C0.398857 16 0 15.6309 0 15.1429C0 14.9234 0.0834283 14.704 0.251428 14.536L6.78743 8L0.250286 1.464C0.0834284 1.296 0 1.07657 0 0.856C0 0.370285 0.395429 0 0.857143 0C1.07657 0 1.29714 0.0834284 1.464 0.250286L8 6.78743Z" fill="#1E1E1E"/> 6792 </g> 6793 <defs> 6794 <clipPath id="clip0_369_8053"> 6795 <rect width="16" height="16" fill="white"/> 6796 </clipPath> 6797 </defs> 6798 </svg> 6799 </span> 6800 </button> 6801 </div> 6802 <div 6803 class="quick-add-modal__content motion-reduce" 6804 aria-label="Quick Add" 6805 style="--header-height: 60px;" 6806 > 6807 <div 6808 id="quick-add-modal-content" 6809 class="quick-add-modal__content-inner" 6810 ></div> 6811 </div> 6812 </div> 6813 6814 </dialog> 6815</quick-add-dialog> 6816 6817 6818 6819 6820
6821<script> 6822!function(){"use strict";let e=new class e{constructor(){this.lazyLoader=new class e{constructor(){this.observers=new Map,this.rootMargin=this.calculateRootMargin(),this.initObservers()}calculateRootMargin(){let e=window.w3LazyloadByPx||200;return`0px 0px ${e}px 0px`}initObservers(){["video","iframe","bgImg","img"].forEach(e=>{this.observers.set(e,new IntersectionObserver((t,a)=>this.handleIntersection(t,a,e),{rootMargin:this.rootMargin,threshold:.01,root:null}))}),this.initMutationObserver()}initMutationObserver(){this.mutationObserver=new MutationObserver(e=>{e.forEach(e=>{if("childList"===e.type&&e.addedNodes.forEach(e=>{if(e.nodeType===Node.ELEMENT_NODE){this.checkAndObserveElement(e);let t=e.querySelectorAll("*");t.forEach(e=>this.checkAndObserveElement(e))}}),"attributes"===e.type){let t=e.target;t.nodeType===Node.ELEMENT_NODE&&this.checkAndObserveElement(t)}})}),this.mutationObserver.observe(document.body,{childList:!0,subtree:!0,attributes:!0,attributeFilter:["data-class","data-BgLz","data-src","data-srcset"]})}checkAndObserveElement(e){return("1"===e.getAttribute("data-BgLz")&&this.observers.get("bgImg").observe(e),("VIDEO"===e.tagName||"AUDIO"===e.tagName)&&"LazyLoad"===e.getAttribute("data-class"))?this.observers.get("video").observe(e):"IFRAME"===e.tagName&&"LazyLoad"===e.getAttribute("data-class")?this.observers.get("iframe").observe(e):"IMG"===e.tagName&&"LazyLoad"===e.getAttribute("data-class")?this.observers.get("img").observe(e):void 0}handleIntersection(e,t,a){e.forEach(e=>{e.isIntersecting&&(t.unobserve(e.target),requestAnimationFrame(()=>{this.loadResource(e.target,a)}))})}loadResource(e,t){switch(t){case"img":this.loadImg(e);break;case"video":this.loadVideo(e);break;case"iframe":this.loadIframe(e);break;case"bgImg":this.loadBackgroundImage(e)}}loadVideo(e){let t=e.querySelectorAll("source");t.length>0?(t.forEach(e=>{(!e.src||-1!=e.src.indexOf("blank.mp4"))&&(e.dataset.src&&(e.src=e.dataset.src,e.removeAttribute("data-src")),e.dataset.srcset&&(e.srcset=e.dataset.srcset,e.removeAttribute("data-srcset")))}),e.src&&-1!=e.src.indexOf("blank.mp4")&&(e.src=t[0].src),e.load()):e.dataset.src&&(e.src=e.dataset.src,e.removeAttribute("data-src"),e.load()),e.removeAttribute("data-class"),e.dataset.poster&&(e.poster=e.dataset.poster,e.removeAttribute("data-poster")),e.hasAttribute("autoplay")&&e.play().catch(e=>console.warn("Autoplay failed:",e))}loadImg(e){let t=e.dataset.src||e.src;t&&(e.src=t,e.setAttribute("fetchpriority","high"),e.removeAttribute("data-src")),e.removeAttribute("data-class"),e.dataset.srcset&&(e.srcset=e.dataset.srcset,e.removeAttribute("data-srcset"))}loadIframe(e){let t=e.dataset.src||e.src;t&&(e.src=t,e.removeAttribute("data-src")),e.removeAttribute("data-class")}loadBackgroundImage(e){e.removeAttribute("data-BgLz")}},this.initialized=!1}init(){if(this.initialized)return;setTimeout(()=>this.startLazyLoading(),10);let e=setInterval(()=>{-1!=window.w3Html.class.indexOf("jsload")&&(clearInterval(e),this.startLazyLoadingVideos())},500);this.initialized=!0}w3CallFunc(e,t,a){if(-1==window.w3Html.class.indexOf("jsload"))return setTimeout(()=>this.w3CallFunc(e,t,a),1e3);let s=0;!function r(){var i=new XMLHttpRequest;i.open("GET",e,!0),i.onreadystatechange=function(){4===i.readyState&&200!==i.status&&s<t&&(s++,setTimeout(r,a))},i.send()}()}startLazyLoadingVideos(){setTimeout(()=>{this.loadVideos(),this.loadIframes()},100),w3Call&&w3CallUrl&&this.w3CallFunc(w3CallUrl,2,3e4)}startLazyLoading(){setTimeout(()=>{this.loadImgs(),this.loadBackgrounds()},100)}loadImgs(){let e=document.querySelectorAll("img[data-class='LazyLoad']");this.observeElements(e,"img")}loadVideos(){let e=document.querySelectorAll("video[data-class='LazyLoad'], audio[data-class='LazyLoad']");this.observeElements(e,"video")}loadIframes(){let e=document.querySelectorAll("iframe[data-class='LazyLoad']");this.observeElements(e,"iframe")}loadBackgrounds(){let e=document.querySelectorAll('iframe[data-BgLz="1"], div[data-BgLz="1"], section[data-BgLz="1"]');this.observeElements(e,"bgImg")}observeElements(e,t){let a=this.lazyLoader.observers.get(t);
6822a&&e.forEach(e=>{a.unobserve(e),a.observe(e)})}};e.init()}(); 6823</script>
6823 6824 6825<template id="custom-footer" style="display:none;"> 6826</template> 6827 6828
6829<script type="lazyJs"> 6830 customProcessor.processCustomFooter(); 6831</script>
6831 6832 6833
6833<script type="text/javascript" defer> 6834 (function e() { 6835 var e = document.createElement('script'); 6836 (e.type = 'text/javascript'), 6837 (e.async = true), 6838 (e.type = 'lazyJS'), 6839 (e.src = '//staticw2.yotpo.com/J32rrsHmhMdpewoFcYrvjBn81BAwtmxGu7VOsNIE/widget.js'); 6840 var t = document.getElementsByTagName('script')[0]; 6841 t.parentNode.insertBefore(e, t); 6842 })(); 6843 </script>
6843 6844 6845
6845<script> 6846 w3LoadScripts.execute(); 6847 </script>
6847 6848 <div id="shopify-block-AVElYbHJnemxjbVVrN__10840395464443086010" class="shopify-block shopify-app-block"> 6849 6850
6851<script> 6852 console.log("[Alia app extension] v1.0.5"); 6853 6854 const BACKEND_URL = "https://backend.alia-prod.com"; 6855 6856 window.ALIA_SHOPIFY_EXTENSION_INFO = { 6857 customerID: "", 6858 country: "US", 6859 market: "us", 6860 language: "en" 6861 } 6862 6863 if (document.readyState !== "loading") { 6864 initAlia(); 6865 } else { 6866 document.addEventListener("DOMContentLoaded", () => initAlia(), { once: true }); 6867 } 6868 6869 async function initAlia() { 6870 const url = BACKEND_URL + "/public/launcher.js?shopifyUrl=getproper.myshopify.com"; 6871 const script = document.createElement("script"); 6872 script.src = url; 6873 script.async = true; 6874 document.head.appendChild(script); 6875 } 6876</script>
6876 6877 6878</div>
6878<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
6878 6879</body> 6880</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.