PageSourceSearch

https://takesonnet.com/blogs/sleep

html takesonnet.com collected 2026-10-10 02:26:49 UTC 278,369 bytes, 6,880 lines download raw bytes

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 &ndash; 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&amp;v=1766264014" alt="" width="147" height="40" class="header-logo__image" srcset="//takesonnet.com/cdn/shop/files/Logo.png?height=40&amp;v=1766264014 1x, //takesonnet.com/cdn/shop/files/Logo.png?height=80&amp;v=1766264014 2x, //takesonnet.com/cdn/shop/files/Logo.png?height=120&amp;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&region_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&region_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&region_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&amp;width=800" alt="Sonnet Core Sleep Sleep Supplement Bottle" srcset="//takesonnet.com/cdn/shop/files/sonnet-core-sleep-bottle-capsules.jpg?v=1771275996&amp;width=352 352w, //takesonnet.com/cdn/shop/files/sonnet-core-sleep-bottle-capsules.jpg?v=1771275996&amp;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 &gt;</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&amp;width=800" alt="Sleep + Calm" srcset="//takesonnet.com/cdn/shop/files/sonnet-sleep-calm-bottle-capsules.jpg?v=1771893737&amp;width=352 352w, //takesonnet.com/cdn/shop/files/sonnet-sleep-calm-bottle-capsules.jpg?v=1771893737&amp;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 &gt;</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&amp;width=800" alt="Sleep + Restore" srcset="//takesonnet.com/cdn/shop/files/sonnet-sleep-restore-bottle-capsules.jpg?v=1771896713&amp;width=352 352w, //takesonnet.com/cdn/shop/files/sonnet-sleep-restore-bottle-capsules.jpg?v=1771896713&amp;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 &gt;</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&amp;width=3840" alt="" srcset="//takesonnet.com/cdn/shop/files/sonnet-sleep-supplements-bottles_68f77fc5-8c75-4655-8c73-7a0942ad717b.jpg?v=1771275733&amp;width=832 832w, //takesonnet.com/cdn/shop/files/sonnet-sleep-supplements-bottles_68f77fc5-8c75-4655-8c73-7a0942ad717b.jpg?v=1771275733&amp;width=1200 1200w, //takesonnet.com/cdn/shop/files/sonnet-sleep-supplements-bottles_68f77fc5-8c75-4655-8c73-7a0942ad717b.jpg?v=1771275733&amp;width=1600 1600w, //takesonnet.com/cdn/shop/files/sonnet-sleep-supplements-bottles_68f77fc5-8c75-4655-8c73-7a0942ad717b.jpg?v=1771275733&amp;width=1920 1920w, //takesonnet.com/cdn/shop/files/sonnet-sleep-supplements-bottles_68f77fc5-8c75-4655-8c73-7a0942ad717b.jpg?v=1771275733&amp;width=2560 2560w, //takesonnet.com/cdn/shop/files/sonnet-sleep-supplements-bottles_68f77fc5-8c75-4655-8c73-7a0942ad717b.jpg?v=1771275733&amp;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&amp;width=1000" alt="" srcset="//takesonnet.com/cdn/shop/files/sonnet-sleep-supplements-bottles.jpg?v=1771176337&amp;width=375 375w, //takesonnet.com/cdn/shop/files/sonnet-sleep-supplements-bottles.jpg?v=1771176337&amp;width=750 750w, //takesonnet.com/cdn/shop/files/sonnet-sleep-supplements-bottles.jpg?v=1771176337&amp;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&#39;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&amp;width=1200" alt="" srcset="//takesonnet.com/cdn/shop/files/Frame_4.svg?v=1766492552&amp;width=240 240w, //takesonnet.com/cdn/shop/files/Frame_4.svg?v=1766492552&amp;width=352 352w, //takesonnet.com/cdn/shop/files/Frame_4.svg?v=1766492552&amp;width=832 832w, //takesonnet.com/cdn/shop/files/Frame_4.svg?v=1766492552&amp;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&amp;width=1200" alt="" srcset="//takesonnet.com/cdn/shop/files/Frame_5.svg?v=1766492575&amp;width=240 240w, //takesonnet.com/cdn/shop/files/Frame_5.svg?v=1766492575&amp;width=352 352w, //takesonnet.com/cdn/shop/files/Frame_5.svg?v=1766492575&amp;width=832 832w, //takesonnet.com/cdn/shop/files/Frame_5.svg?v=1766492575&amp;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&amp;width=3840" alt="" srcset="//takesonnet.com/cdn/shop/files/Logo_1.png?v=1766506171&amp;width=240 240w, //takesonnet.com/cdn/shop/files/Logo_1.png?v=1766506171&amp;width=352 352w, //takesonnet.com/cdn/shop/files/Logo_1.png?v=1766506171&amp;width=832 832w, //takesonnet.com/cdn/shop/files/Logo_1.png?v=1766506171&amp;width=1200 1200w, //takesonnet.com/cdn/shop/files/Logo_1.png?v=1766506171&amp;width=1600 1600w, //takesonnet.com/cdn/shop/files/Logo_1.png?v=1766506171&amp;width=1920 1920w, //takesonnet.com/cdn/shop/files/Logo_1.png?v=1766506171&amp;width=2560 2560w, //takesonnet.com/cdn/shop/files/Logo_1.png?v=1766506171&amp;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    &copy; 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.