1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18<!doctype html> 19<html class="no-js supports-no-cookies" lang="en"> 20 <head> 21 22
22<script type="text/javascript" async src="https://na.shgcdn3.com/pixel-collector.js"></script>
22 23<!-- ! Yoast SEO --> 24 <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 24-25
24 25 <script async src="https://www.googletagmanager.com/gtag/js?id=
25G-BDLS35Q0N3
vendor: 16 bytes, lines 25-26
25"></script> 26
26<script> 27
vendor: 145 bytes, lines 27-30
27window.dataLayer = window.dataLayer || []; 28 function gtag(){dataLayer.push(arguments);} 29 gtag('js', new Date()); 30 gtag('config', '
30G-BDLS35Q0N3
vendor: 8 bytes, lines 30-31
30'); 31
31</script>
31 32 33
33<script> 34 (function(d){ 35 var s = d.createElement("script"); 36 /* uncomment the following line to override default position*/ 37 /* s.setAttribute("data-position", 3);*/ 38 /* uncomment the following line to override default size (values: small, large)*/ 39 /* s.setAttribute("data-size", "small");*/ 40 /* uncomment the following line to override default language (e.g., fr, de, es, he, nl, etc.)*/ 41 /* s.setAttribute("data-language", "language");*/ 42 /* uncomment the following line to override color set via widget (e.g., #053f67)*/ 43 /* s.setAttribute("data-color", "#053e67");*/ 44 /* uncomment the following line to override type set via widget (1=person, 2=chair, 3=eye, 4=text)*/ 45 /* s.setAttribute("data-type", "1");*/ 46 /* s.setAttribute("data-statement_text:", "Our Accessibility Statement");*/ 47 /* s.setAttribute("data-statement_url", "http://www.example.com/accessibility")";*/ 48 /* uncomment the following line to override support on mobile devices*/ 49 /* s.setAttribute("data-mobile", true);*/ 50 /* uncomment the following line to set custom trigger action for accessibility menu*/ 51 /* s.setAttribute("data-trigger", "triggerId")*/ 52 s.setAttribute("data-account", "hYC8d6kXDC"); 53 s.setAttribute("src", "https://cdn.userway.org/widget.js"); 54 (d.body || d.head).appendChild(s); 55 })(document) 56 </script>
56 57 <noscript>Please ensure Javascript is enabled for purposes of <a href="https://userway.org">website accessibility</a></noscript> 58 59
59<script src="https://rapid-cdn.yottaa.com/rapid/lib/kp0RX0aQWh1tZA.js"></script>
59 60 61 <meta charset="utf-8"> 62 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 63 <meta name="viewport" content="width=device-width,initial-scale=1"><meta name="facebook-domain-verification" content="7cap94nl31qagxvfg0lkonceat4ern"><link rel="preconnect" href="https://cdn.shopify.com" crossorigin> 64<link rel="preconnect" href="https://monorail-edge.shopifysvc.com"> 65 66<link rel="preconnect" href="https://fonts.googleapis.com"> 67<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 68<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet"> 69 70<link rel="preload" href="//soylent.com/cdn/shop/t/714/assets/theme.css?v=131213818941927855271786551490" as="style"> 71 72<link rel="preload" href="//soylent.com/cdn/shop/t/714/assets/vendor-head.js?v=90722642034164553641687817175" as="script"> 73<link rel="preload" href="//soylent.com/cdn/shop/t/714/assets/vendor.js?v=98259850420039445481687817172" as="script"> 74<link rel="preload" href="//soylent.com/cdn/shop/t/714/assets/theme.js?v=132834971653664138521714764790" as="script"><link rel="preload" href="//soylent.com/cdn/shop/t/714/assets/index.css?v=179359555931846656811786551481" as="style"> 75
75<script rel="preload" src="//soylent.com/cdn/shop/t/714/assets/vendors@collection@index@[email protected]?v=5329428953114170831687817161" as="script"></script>
75 76
76<script rel="preload" src="//soylent.com/cdn/shop/t/714/assets/vendors@index@[email protected]?v=75211479120591076291687817161" as="script"></script>
76 77
77<script rel="preload" src="//soylent.com/cdn/shop/t/714/assets/index.js?v=71152470059657994451780551286" as="script"></script>
77<link rel="preload" as="image" imagesrcset="//soylent.com/cdn/shop/files/soylent-chocolate-shake-work_M_640x.jpg?v=1738713823" imagesizes="100vw" media="(max-width: 767px)"><link rel="preload" as="image" imagesrcset="//soylent.com/cdn/shop/files/soylent-chocolate-shake-work_T_2024x.jpg?v=1738713797" imagesizes="100vw" media="(min-width: 768px) and (max-width: 999px)"><link rel="preload" as="image" imagesrcset="//soylent.com/cdn/shop/files/soylent-chocolate-meal-shake-work_D_2160x.jpg?v=1738713778" imagesizes="100vw" media="(min-width: 1000px)"> 78 <link rel="apple-touch-icon" sizes="180x180" href="//soylent.com/cdn/shop/files/apple-icon-114x114_180x180.png?v=1613538174"> 79 <link rel="icon" type="image/png" sizes="32x32" href="//soylent.com/cdn/shop/files/apple-icon-114x114_32x32.png?v=1613538174"> 80 <link rel="icon" type="image/png" sizes="16x16" href="//soylent.com/cdn/shop/files/apple-icon-114x114_16x16.png?v=1613538174"> 81 82 83 <!-- Google Tag Manager --> 84
84<script>
vendor: 358 bytes, lines 84-89
84 85 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 86 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 87 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 88 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 89 })(window,document,'script','dataLayer','
89GTM-K2KDZMV
vendor: 8 bytes, lines 89-90
89'); 90
90</script>
90<!-- OneTrust Cookies Consent Notice start for soylent.com -->
91<script type="text/javascript" src="https://cdn.cookielaw.org/consent/cdee8e49-668b-4a13-91bb-fc14b88da24d/OtAutoBlock.js"></script>
vendor: 1 bytes, line 91
91
92<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" data-document-language="true" type="text/javascript" charset="UTF-8" data-domain-script="cdee8e49-668b-4a13-91bb-fc14b88da24d"></script>
vendor: 1 bytes, line 92
92
93<script type="text/javascript"> 94function OptanonWrapper() { } 95</script>
95 96<!-- OneTrust Cookies Consent Notice end for soylent.com --> 97 98<style> 99#loyaltylion .lion-tier-box--0 .lion-tier-box__purchase-rule {display: none} 100 101#loyaltylion .lion-tier-box__purchase-rule {display: none} 102</style><!-- Google tag (gtag.js) - Google Ads. Placed directly after OneTrust (head_code_top) 103 so OneTrust auto-block still governs it, but high enough to clear the Google Ads 104 "tag installed too low" diagnostic. Do not move above head_code_top/OtAutoBlock. -->
vendor: 68 bytes, lines 104-105
104 105 <script async src="https://www.googletagmanager.com/gtag/js?id=
105AW-951406793
vendor: 16 bytes, lines 105-106
105"></script> 106
106<script> 107
vendor: 145 bytes, lines 107-110
107window.dataLayer = window.dataLayer || []; 108 function gtag(){dataLayer.push(arguments);} 109 gtag('js', new Date()); 110 gtag('config', '
110AW-951406793
vendor: 8 bytes, lines 110-111
110'); 111
111</script>
111 112 113 114 115 116 117
118<script>window.FeatureFlags={_internal:{time:1790916356},pdp_retain_callout_apr_25:true,freq_selector_test_feb_25:false,prepaid_test_feb_25:true,flavor_selector_test_jan_25:true,collection_shop_now_cta:false,hp_hero_test_sep_24:false,pencil_banner_reviews:false,cta_caps_test_may_24:false,hp_hero_test_may_24:false,test:false,}</script>
118 119 120
120<script id="growthbook-sdk" src="https://cdn.jsdelivr.net/npm/@growthbook/growthbook/dist/bundles/index.js"></script>
120 121
121<script> 122 async function getABTestState(ab_test_key, variations = [0,1], timeout = 10000){ 123 const params = Object.fromEntries(new URLSearchParams(window.location.search)); 124 if(params.hasOwnProperty('exp:'+ab_test_key)){ 125 try { 126 document.documentElement.classList.add('exp-'+ab_test_key+'-'+params['exp:'+ab_test_key]); 127 return parseInt(params['exp:'+ab_test_key]); 128 } catch(e){ 129 console.warn(e); 130 } 131 } 132 if(!window.FeatureFlags[ab_test_key]){ 133 document.documentElement.classList.add('exp-'+ab_test_key+'--1'); 134 return -1; 135 } 136 if(!window.gb){ 137 await new Promise(resolve => { 138 console.log("Waiting for GB SDK!", window.gb); 139 window.addEventListener('growthbook:initialized', e => { 140 resolve(e); 141 }); 142 setTimeout(() => { 143 console.log("Timing out GB SDK!"); 144 resolve(); 145 }, timeout); 146 }); 147 console.log("Done waiting for GB SDK!", window.gb); 148 } 149 if(!window.gb){ 150 document.documentElement.classList.add('exp-'+ab_test_key+'-0'); 151 return 0; 152 } 153 const exp = gb.run({ 154 key: ab_test_key, 155 variations: variations, 156 hashVersion: 2, 157 }); 158 console.log(ab_test_key, exp); 159 document.documentElement.classList.add('exp-'+ab_test_key+'-'+exp.value); 160 return exp.value; 161 } 162 </script>
162 163
163<script> 164 window.dataLayer = window.dataLayer || []; 165 window.gtag = window.gtag || function() { window.dataLayer.push(arguments); }; 166 async function gbLoaded(){ 167 return new Promise(resolve => { 168 document.addEventListener("growthbook.ready", e => resolve()); 169 }) 170 } 171 gtag('get', 'G-BDLS35Q0N3', 'client_id', function(cid) { 172 gtag('set', 'user_properties', { 173 client_id: `${cid}`, 174 }); 175 // Wait for the SDK to load before starting GrowthBook 176 if (window.growthbook) { 177 startGrowthbook(); 178 } else { 179 document.querySelector("#growthbook-sdk").addEventListener("load", startGrowthbook); 180 } 181 182 async function startGrowthbook() { 183 if (!window.growthbook) return; 184 window.gb = new growthbook.GrowthBook({ 185 apiHost: "https://cdn.growthbook.io", 186 clientKey: "sdk-P7FDTrOCcR55w6jP", 187 enableDevMode: true, 188 attributes: { 189 id: `${cid}`, 190 clientId: `${cid}` 191 }, 192 trackingCallback: function(experiment, result) { 193 // this will only fire if you actually test a feature, e.g. gb.isOn("test_feature") 194 console.log("firing experiment viewed", experiment, result); 195 gtag("event", "experiment_viewed", { 196 event_category: "experiment", 197 experiment_id: experiment.key, 198 variation_id: result.variationId, 199 client_id: `${cid}`, 200 timestamp: new Date().getTime(), 201 }); 202 } 203 }); 204 205 const eventTest = new Event('growthbook:initialized'); 206 window.dispatchEvent(eventTest); 207 208 const cta_caps_test_may_24 = await getABTestState('cta_caps_test_may_24'); 209 210 // TODO: Instrument DOM with AB test logic 211 await gb.loadFeatures({ autoRefresh: true }); 212 document.dispatchEvent(new CustomEvent("growthbook.ready")); 213 // gb.isOn("test_feature"); 214 } 215 }); 216 </script>
216 217 218 219 <link rel='preconnect dns-prefetch' href='https://triplewhale-pixel.web.app/' crossorigin /> 220 <link rel='preconnect dns-prefetch' href='https://api.config-security.com/' crossorigin /> 221
221<script> 222 /* >> TriplePixel :: start*/ 223 ~function(W,H,A,L,E,_,B,N){function O(U,T,H,R){void 0===R&&(R=!1),H=new XMLHttpRequest,H.open("GET",U,!0),H.send(null),H.onreadystatechange=function(){4===H.readyState&&200===H.status?(R=H.responseText,U.includes(".txt")?eval(R):N[B]=R):(299<H.status||H.status<200)&&T&&!R&&(R=!0,O(U,T-1))}}if(N=window,!N[H+"sn"]){N[H+"sn"]=1;try{A.setItem(H,1+(0|A.getItem(H)||0)),(E=JSON.parse(A.getItem(H+"U")||"[]")).push(location.href),A.setItem(H+"U",JSON.stringify(E))}catch(e){}A.getItem('"!nC`')||(A=N,A[H]||(L=function(){return Date.now().toString(36)+"_"+Math.random().toString(36)},E=A[H]=function(t,e){return W=L(),(E._q=E._q||[]).push([W,t,e]),W},E.ch=W,B="configSecurityConfModel",N[B]=1,O("//conf.config-security.com/model",0),O("//triplewhale-pixel.web.app/triplefw.txt?",5)))}}("K","TriplePixel",localStorage); 224 /* << TriplePixel :: end*/ 225 </script>
225 226 227 228 229
229<script>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"355013935"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>
229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245 246 247 248
249<script> 250!function(w,d){if(!w.rdt){var p=w.rdt=function(){p.sendEvent?p.sendEvent.apply(p,arguments):p.callQueue.push(arguments)};p.callQueue=[];var t=d.createElement("script");t.src="https://www.redditstatic.com/ads/pixel.js",t.async=!0;var s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(t,s)}}(window,document); 251rdt('init','t2_1vwa1fdu', { 252 "optOut":false, 253 "useDecimalCurrencyValues":true, 254 255}); 256rdt('track', 'PageVisit'); 257 258window.addEventListener('add-to-cart', (e) => { 259 rdt('track', 'AddToCart', { 260 "currency": "USD", 261 "itemCount": e.detail.quantity, 262 "value": e.detail.final_line_price, 263 "products": [ 264 { 265 "id": e.detail.product_id, 266 "name": e.detail.title, 267 "category": e.detail.product_type, 268 }, 269 ] 270 }); 271}); 272 273if(!!window.Shopify && !!window.Shopify.Checkout && !!window.Shopify.Checkout.page && !!window.Shopify.Checkout.page == 'thank_you'){ 274 rdt('track', 'Purchase', { 275 "currency": "USD", 276 "itemCount": 1, 277 "transactionId": "", 278 "value": parseFloat('0.00'), 279 "products": [ 280 281 // additional products can be added here 282 ] 283 }); 284} 285</script>
285 286<!-- DO NOT MODIFY UNLESS TO REPLACE A USER IDENTIFIER --> 287<!-- End Reddit Pixel --> 288 289<!-- Clarity -->
290<script type="text/javascript"> 291 (function(c,l,a,r,i,t,y){ 292 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 293 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 294 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 295 })(window, document, "clarity", "script", "l1rphv3jya"); 296</script>
296 297<!-- Clarity <> Onetrust Consent Connector -->
298<script type="text/javascript"> 299(function() { 300 const ANALYTICS_CATEGORY = 'C0002'; 301 const TARGETING = 'C0004'; 302 303 function sendClarityConsent() { 304 if (typeof window.clarity !== 'function') return; 305 306 // Check if OneTrust has defined the active consent groups 307 const activeGroups = (window.OnetrustActiveGroups || '').split(','); 308 309 const analyticsGranted = activeGroups.includes(ANALYTICS_CATEGORY); 310 const adsGranted = activeGroups.includes(TARGETING); 311 312 // Inform Microsoft Clarity about the consent state 313 window.clarity('consentv2', { 314 ad_storage: adsGranted ? 'granted' : 'denied', 315 analytics_storage: analyticsGranted ? 'granted' : 'denied' 316 }); 317 318 // If analytics is denied, explicitly disable Clarity 319 if (!analyticsGranted) { 320 window.clarity('consent', false); 321 } 322 } 323 324 // Run once on page load (initial state) 325 window.addEventListener('load', sendClarityConsent); 326 327 // Run whenever OneTrust consent changes 328 window.addEventListener('OneTrustGroupsUpdated', sendClarityConsent); 329})(); 330</script>
330 331 332
332<script> 333 (function(){ 334 dataLayer.push({ 335 'event': 'identify', 336 'userId': null, 337 'email': '' 338 }); 339 })(); 340</script>
340 341 342<style>*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;font-weight:400;line-height:1.5625;color:#505050;text-align:left;background-color:#fff;letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1.5rem}p{margin-bottom:.8rem}dl,ol,p,ul{margin-top:0}dl,ol,ul{margin-bottom:1rem}a{color:#212322;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects;transition:color .3s ease-in}img{vertical-align:middle;border-style:none;max-width:100%;height:auto}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}label{margin-bottom:.5rem}button{border-radius:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-headline h1 abbr,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-answer-by-container:before,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-answer-details .pr-answer-by-expert span,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-item .pr-qa-display-item-icon,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-item .pr-qa-display-item-text,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-search [for=pr-query],#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-sort .pr-qa-sort-headline,#product-power-reviews .p-w-r .pr-review-snapshot .pr-faceoff-img-txt,#product-power-reviews .p-w-r .pr-review-snapshot .pr-review-snapshot-recomend .pr-snippet-reco-to-friend-green .pr-reco-value,#product-power-reviews .p-w-r .pr-review-snapshot .pr-review-snapshot-snippets-headline,.ajax-cart__item-price,.content-card--large-text .content-card__title,.counter__title,.floating-content__slideshow-wrapper .floating-content-card .floating-content--title,.h1,.h2,.h3,.h4,.h5,.h6,.hero--block-count-2 .hero__block .hero__title.hero__title-block-index--1,.hero--block-count-2 .hero__block .hero__title.hero__title-block-index--2,.hero__block .hero__title.hero__title-block-index--1,.hero__block .hero__title.hero__title-block-index--2,.hero__block .hero__title.hero__title-block-index--3,.page-header__title,.page-hero__title,.page-hero__toptitle,.pdf__price-wrapper,.pdf__title,.subscription-modal .subscription-modal__title,h1,h2,h3,h4,h5,h6{margin-bottom:1.5rem;font-family:inherit;font-weight:700;color:#212322;text-transform:none}#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-headline h1 abbr .small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-headline h1 abbr small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-answer-by-container:before .small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-answer-by-container:before small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-answer-details .pr-answer-by-expert span .small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-answer-details .pr-answer-by-expert span small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-item .pr-qa-display-item-icon .small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-item .pr-qa-display-item-icon small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-item .pr-qa-display-item-text .small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-item .pr-qa-display-item-text small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-search [for=pr-query] .small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-search [for=pr-query] small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-sort .pr-qa-sort-headline .small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-sort .pr-qa-sort-headline small,#product-power-reviews .p-w-r .pr-review-snapshot .pr-faceoff-img-txt .small,#product-power-reviews .p-w-r .pr-review-snapshot .pr-faceoff-img-txt small,#product-power-reviews .p-w-r .pr-review-snapshot .pr-review-snapshot-recomend .pr-snippet-reco-to-friend-green .pr-reco-value .small,#product-power-reviews .p-w-r .pr-review-snapshot .pr-review-snapshot-recomend .pr-snippet-reco-to-friend-green .pr-reco-value small,#product-power-reviews .p-w-r .pr-review-snapshot .pr-review-snapshot-snippets-headline .small,#product-power-reviews .p-w-r .pr-review-snapshot .pr-review-snapshot-snippets-headline small,.ajax-cart__item-price .small,.ajax-cart__item-price small,.content-card--large-text .content-card__title .small,.content-card--large-text .content-card__title small,.counter__title .small,.counter__title small,.floating-content__slideshow-wrapper .floating-content-card .floating-content--title .small,.floating-content__slideshow-wrapper .floating-content-card .floating-content--title small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.hero--block-count-2 .hero__block .hero__title.hero__title-block-index--1 .small,.hero--block-count-2 .hero__block .hero__title.hero__title-block-index--1 small,.hero--block-count-2 .hero__block .hero__title.hero__title-block-index--2 small,.hero__block .hero__title.hero__title-block-index--1 .small,.hero__block .hero__title.hero__title-block-index--1 small,.hero__block .hero__title.hero__title-block-index--2 .small,.hero__block .hero__title.hero__title-block-index--2 small,.hero__block .hero__title.hero__title-block-index--3 .small,.hero__block .hero__title.hero__title-block-index--3 small,.page-header__title .small,.page-header__title small,.page-hero__title .small,.page-hero__title small,.page-hero__toptitle .small,.page-hero__toptitle small,.pdf__price-wrapper .small,.pdf__price-wrapper small,.pdf__title .small,.pdf__title small,.subscription-modal .subscription-modal__title .small,.subscription-modal .subscription-modal__title small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#9f9f9f}.h1,.hero__block .hero__title.hero__title-block-index--1,.page-hero__title,h1{font-size:4.375rem;letter-spacing:0;line-height:.929}@media (max-width:991px){.h1,.hero__block .hero__title.hero__title-block-index--1,.page-hero__title,h1{font-size:3.125rem;line-height:1.09}}.banner__text.banner__text--large,.content-header__subtitle,.p1,.page-hero__subtitle,.subscription-modal .subscription-modal__eyebrow{font-size:1.5rem;letter-spacing:0;line-height:1.5;font-weight:400}.account-block__heading,.expandable-list__header-title,.form-group-lg .chosen-container-single .chosen-results,.form-group-lg .chosen-container-single .chosen-single span,.header-nav__menu-item>a,.mobile-nav__menu-item>a,.nav-text,.page-header__toptitle,.page-sidebar__menu,.pika-label,.slideup__title{font-size:1rem;font-weight:500;letter-spacing:.03em;line-height:1.188;text-transform:uppercase}.header-cart__badge-count,.header-nav__menu--user .header-nav__menu-item>a,.nav-small-text{font-size:.875rem;font-weight:500;letter-spacing:.04em;line-height:1.143;text-transform:uppercase}button{border:none;background:transparent}.visually-hidden{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.article-main,.container{margin-right:auto;margin-left:auto;padding-left:20px;padding-right:20px;*zoom:1;max-width:1640px}.article-main:after,.container:after{content:"";display:table;clear:both}@media (min-width:768px){.article-main,.container{width:760px}}@media (min-width:992px){.article-main,.container{width:980px}}@media (min-width:1200px){.article-main,.container{width:1180px}.template-product .article-main,.template-product .container{width:1280px}.template-index .article-main,.template-index .container,.template-page-id-me-landing .article-main,.template-page-id-me-landing .container{max-width:1280px}}@media (min-width:1200px) and (min-width:1480px){.template-index .article-main,.template-index .container,.template-page-id-me-landing .article-main,.template-page-id-me-landing .container{padding:0}}@media (min-width:1480px){.article-main,.container{width:1440px}}.article-main .article-main,.article-main .container,.container .article-main,.container .container{width:100%}.container-fluid,.header-container,.slideup__container{margin-right:auto;margin-left:auto;padding-left:20px;padding-right:20px;*zoom:1;max-width:1640px}.container-fluid:after,.header-container:after,.slideup__container:after{content:"";display:table;clear:both}.layout-wrapper{display:-moz-flex;display:flex;-moz-flex-direction:column;flex-direction:column;min-height:100vh}main#MainContent{-moz-flex:1;flex:1}@media (min-width:768px){main#MainContent{margin-top:73px}}@media (min-width:1200px){main#MainContent{margin-top:0}}.layout-wrapper{overflow:hidden}.site-fixed-header .layout-wrapper{position:relative;padding-top:60px}@media (min-width:768px){.site-fixed-header .layout-wrapper{padding-top:90px}}@media (min-width:992px){.site-fixed-header .layout-wrapper{padding-top:100px}}.layout-wrapper .shopify-section:not(:first-child),.layout-wrapper .shopify-section[data-section-id*=footer]{dis
342play:none}body:not(.template-index):not(.template-collection-category) main#MainContent{opacity:0}div.lazyload{background-image:unset!important}img.lazyload:not([src]){visibility:hidden}.icon{display:inline-block;width:20px;height:20px;vertical-align:middle;fill:currentColor}.icon-fallback-text{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.icon-menu{position:relative;height:18px;width:22px}.icon-menu .icon__inner{margin-top:-1px}.icon-menu .icon__inner,.icon-menu .icon__inner:after,.icon-menu .icon__inner:before{content:"";position:absolute;left:0;right:0;height:2px;background-color:#212322;transition:all .3s cubic-bezier(.42,0,.13,1.04)}.icon-menu .icon__inner{top:50%}.icon-menu .icon__inner:before{top:-8px}.icon-menu .icon__inner:after{top:8px}label{display:inline-block;max-width:100%;margin-bottom:5px;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}input:not([type=checkbox]):not([type=radio]),select:not([multiple]),textarea{-webkit-appearance:none;-moz-appearance:none}.overlay{display:none}.hero{position:relative;display:-moz-flex;display:flex;-moz-flex-direction:column;flex-direction:column}@media (min-width:768px){.hero{min-height:500px;-moz-flex-direction:row;flex-direction:row}}@media (min-width:1200px){.hero{min-height:540px}}.hero.hero--block-count-3{flex-wrap:wrap;-moz-flex-direction:row;flex-direction:row}.hero__block{width:100%;position:relative;display:-moz-flex;display:flex;-moz-align-items:center;-ms-align-items:center;align-items:center;-moz-flex:1;flex:1;padding-top:50px;padding-bottom:75px}@media (min-width:768px){.hero__block{padding-top:40px;padding-bottom:40px}}.hero__block .cta--block{margin-top:60px}.hero--block-count-2 .hero__block .hero__title.hero__title-block-index--1,.hero--block-count-2 .hero__block .hero__title.hero__title-block-index--2,.hero__block .hero__title.hero__title-block-index--1,.hero__block .hero__title.hero__title-block-index--2,.hero__block .hero__title.hero__title-block-index--3{color:inherit}.hero--block-count-2 .hero__block .cta--block{margin-top:70px}@media (min-width:768px){.hero--block-count-2 .hero__block{width:50%}.hero--block-count-3 .hero__block{width:50%;-moz-flex:0 0 50%;flex:0 0 50%}.hero--block-count-3 .hero__block:first-child{-moz-flex:0 0 100%;flex:0 0 100%}}@media (min-width:1200px){.hero--block-count-3 .hero__block{width:50%}}.hero__block--text-light,.hero__block--text-light .hero__text,.hero__block--text-light .hero__title,.hero__block--text-light .hero__top-title{color:#fff}.hero__bg-container,.hero__bg-image{position:absolute;left:0;bottom:0;top:0;right:0;z-index:-1}.hero__bg-image{background-size:cover;background-position:50%}.hero__overlay-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.hero__content{display:block;margin-left:auto;margin-right:auto;text-align:left}.hero__content.hero__content--left{margin-left:0}.hero__content.hero__content--right{margin-right:0}.hero__content.hero__text-align--left{text-align:left}#MainContent .p-w-r .hero__content.hero__text-align--left .pr-accessible-btn,#MainContent .p-w-r .hero__content.hero__text-align--left .pr-btn-ask-question,#MainContent .p-w-r .hero__content.hero__text-align--left .pr-flag-review-btn-cancel,#MainContent .p-w-r .hero__content.hero__text-align--left .pr-flag-review-btn-submit,#product-power-reviews .p-w-r .pr-qa-display-ask-question .hero__content.hero__text-align--left .pr-btn-ask-question,.hero__content.hero__text-align--left #MainContent .p-w-r .pr-accessible-btn,.hero__content.hero__text-align--left #MainContent .p-w-r .pr-btn-ask-question,.hero__content.hero__text-align--left #MainContent .p-w-r .pr-flag-review-btn-cancel,.hero__content.hero__text-align--left #MainContent .p-w-r .pr-flag-review-btn-submit,.hero__content.hero__text-align--left #product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question,.hero__content.hero__text-align--left .cta{margin-right:auto}.hero__content.hero__text-align--center{text-align:center}#MainContent .p-w-r .hero__content.hero__text-align--center .pr-accessible-btn,#MainContent .p-w-r .hero__content.hero__text-align--center .pr-btn-ask-question,#MainContent .p-w-r .hero__content.hero__text-align--center .pr-flag-review-btn-cancel,#MainContent .p-w-r .hero__content.hero__text-align--center .pr-flag-review-btn-submit,#product-power-reviews .p-w-r .pr-qa-display-ask-question .hero__content.hero__text-align--center .pr-btn-ask-question,.hero__content.hero__text-align--center #MainContent .p-w-r .pr-accessible-btn,.hero__content.hero__text-align--center #MainContent .p-w-r .pr-btn-ask-question,.hero__content.hero__text-align--center #MainContent .p-w-r .pr-flag-review-btn-cancel,.hero__content.hero__text-align--center #MainContent .p-w-r .pr-flag-review-btn-submit,.hero__content.hero__text-align--center #product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question,.hero__content.hero__text-align--center .cta{margin-left:auto;margin-right:auto}.hero__content.hero__text-align--right{text-align:right}#MainContent .p-w-r .hero__content.hero__text-align--right .pr-accessible-btn,#MainContent .p-w-r .hero__content.hero__text-align--right .pr-btn-ask-question,#MainContent .p-w-r .hero__content.hero__text-align--right .pr-flag-review-btn-cancel,#MainContent .p-w-r .hero__content.hero__text-align--right .pr-flag-review-btn-submit,#product-power-reviews .p-w-r .pr-qa-display-ask-question .hero__content.hero__text-align--right .pr-btn-ask-question,.hero__content.hero__text-align--right #MainContent .p-w-r .pr-accessible-btn,.hero__content.hero__text-align--right #MainContent .p-w-r .pr-btn-ask-question,.hero__content.hero__text-align--right #MainContent .p-w-r .pr-flag-review-btn-cancel,.hero__content.hero__text-align--right #MainContent .p-w-r .pr-flag-review-btn-submit,.hero__content.hero__text-align--right #product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question,.hero__content.hero__text-align--right .cta{margin-left:auto}#product-power-reviews .p-w-r .pr-review-display .pr-rd-main-footer .hero__content .pr-rd-pagination-btn,.hero__content #product-power-reviews .p-w-r .pr-review-display .pr-rd-main-footer .pr-rd-pagination-btn,.hero__content .cta-3{color:#212322}#product-power-reviews .p-w-r .pr-review-display .pr-rd-main-footer .hero__content .pr-rd-pagination-btn:before,.hero__content #product-power-reviews .p-w-r .pr-review-display .pr-rd-main-footer .pr-rd-pagination-btn:before,.hero__content .cta-3:before{background-color:#212322}#product-power-reviews .p-w-r .pr-review-display .pr-rd-main-footer .hero__block--text-light .hero__content .pr-rd-pagination-btn,.hero__block--text-light .hero__content #product-power-reviews .p-w-r .pr-review-display .pr-rd-main-footer .pr-rd-pagination-btn,.hero__block--text-light .hero__content .cta-3{color:#fff}#product-power-reviews .p-w-r .pr-review-display .pr-rd-main-footer .hero__block--text-light .hero__content .pr-rd-pagination-btn:before,.hero__block--text-light .hero__content #product-power-reviews .p-w-r .pr-review-display .pr-rd-main-footer .pr-rd-pagination-btn:before,.hero__block--text-light .hero__content .cta-3:before{background-color:#fff}.hero__content .hero__text:last-child,.hero__content .hero__title:last-child{margin-bottom:0}.hero__top-title{margin-bottom:1rem}@media (min-width:992px){.hero__block:first-child .hero--block-count-3 .hero__title{font-size:3.75rem}}.hero--block-count-3 .hero__title{margin-bottom:36px;font-size:3.125rem}.hero__text{margin-bottom:45px;font-weight:400}.home-hero__inner{position:relative}@media (min-width:768px){.home-hero__inner{display:flex;flex-direction:column;justify-content:center;min-height:430px}}@media (min-width:992px){.home-hero__inner{min-height:572px}}@media (min-width:1200px){.home-hero__inner{min-height:650px}}.home-hero__container{padding:0}@media (min-width:768px){.home-hero__container{padding:0 40px}}.home-hero__featured{position:relative;min-height:255px}@media (min-width:768px){.home-hero__featured{position:absolute;width:100%;height:100%}}.home-hero__image{position:absolute;
342left:0;top:0;right:0;bottom:0}.home-hero__image,.home-hero__image img{width:100%;height:100%}.home-hero__content{width:100%;padding:38px 22px;border:4px solid #212322}@media (min-width:768px){.home-hero__content{position:relative;max-width:333px}}@media (min-width:992px){.home-hero__content{max-width:440px;padding:32px}}@media (min-width:1200px){.home-hero__content{max-width:510px;padding:73px 50px}}#MainContent .p-w-r .pr-accessible-btn,#MainContent .p-w-r .pr-btn-ask-question,#MainContent .p-w-r .pr-flag-review-btn-cancel,#MainContent .p-w-r .pr-flag-review-btn-submit,#product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question,.cta{position:relative;display:inline-block;text-transform:uppercase;cursor:pointer;font-weight:700}#MainContent .p-w-r button.pr-accessible-btn,#MainContent .p-w-r button.pr-btn-ask-question,#MainContent .p-w-r button.pr-flag-review-btn-cancel,#MainContent .p-w-r button.pr-flag-review-btn-submit,#product-power-reviews .p-w-r .pr-qa-display-ask-question button.pr-btn-ask-question,button.cta{border:0}#MainContent .p-w-r .pr-accessible-btn,#MainContent .p-w-r .pr-btn-ask-question,#MainContent .p-w-r .pr-flag-review-btn-cancel,#MainContent .p-w-r .pr-flag-review-btn-submit,#product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question,.cta-1,.cta-2,.cta-4,.cta-5,.cta-6,.step__footer__continue-btn{text-align:center;font-size:1rem;letter-spacing:.12em;line-height:1;padding:19.5px 102px;max-width:100%}@media (min-width:576px){#MainContent .p-w-r .pr-accessible-btn,#MainContent .p-w-r .pr-btn-ask-question,#MainContent .p-w-r .pr-flag-review-btn-cancel,#MainContent .p-w-r .pr-flag-review-btn-submit,#product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question,.cta-1,.cta-2,.cta-4,.cta-5,.cta-6,.step__footer__continue-btn{min-width:300px}}#MainContent .p-w-r .pr-accessible-btn:before,#MainContent .p-w-r .pr-btn-ask-question:before,#MainContent .p-w-r .pr-flag-review-btn-cancel:before,#MainContent .p-w-r .pr-flag-review-btn-submit:before,#product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question:before,.cta-1:before,.cta-2:before,.cta-4:before,.cta-5:before,.cta-6:before,.step__footer__continue-btn:before{position:absolute;content:"";top:0;left:0;right:0;bottom:0;border:2px solid #fff;transition:all .15s ease-in}#MainContent .p-w-r .cta--large.pr-accessible-btn,#MainContent .p-w-r .cta--large.pr-btn-ask-question,#MainContent .p-w-r .cta--large.pr-flag-review-btn-cancel,#MainContent .p-w-r .cta--large.pr-flag-review-btn-submit,#product-power-reviews .p-w-r .pr-qa-display-ask-question .cta--large.pr-btn-ask-question,.cta--large.cta-1,.cta--large.cta-2,.cta--large.cta-4,.cta--large.cta-5,.cta--large.cta-6,.cta--large.step__footer__continue-btn{padding-top:30px;padding-bottom:30px}#MainContent .p-w-r .pr-accessible-btn,#MainContent .p-w-r .pr-btn-ask-question,#MainContent .p-w-r .pr-flag-review-btn-submit,#product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question,.cta-1{padding-left:21px;padding-right:76px;text-align:left;background-color:#fff;color:#212322}#MainContent .p-w-r .pr-accessible-btn:before,#MainContent .p-w-r .pr-btn-ask-question:before,#MainContent .p-w-r .pr-flag-review-btn-submit:before,#product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question:before,.cta-1:before{border-color:#212322}#MainContent .p-w-r .pr-accessible-btn .cta-ui,#MainContent .p-w-r .pr-btn-ask-question .cta-ui,#MainContent .p-w-r .pr-flag-review-btn-submit .cta-ui,#product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question .cta-ui,.cta-1 .cta-ui{width:34px;position:absolute;top:50%;right:18px;transition:all .3s ease-out}#MainContent .p-w-r .pr-accessible-btn .cta-ui:after,#MainContent .p-w-r .pr-accessible-btn .cta-ui:before,#MainContent .p-w-r .pr-btn-ask-question .cta-ui:after,#MainContent .p-w-r .pr-btn-ask-question .cta-ui:before,#MainContent .p-w-r .pr-flag-review-btn-submit .cta-ui:after,#MainContent .p-w-r .pr-flag-review-btn-submit .cta-ui:before,#product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question .cta-ui:after,#product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question .cta-ui:before,.cta-1 .cta-ui:after,.cta-1 .cta-ui:before{content:"";position:absolute}#MainContent .p-w-r .pr-accessible-btn .cta-ui:before,#MainContent .p-w-r .pr-btn-ask-question .cta-ui:before,#MainContent .p-w-r .pr-flag-review-btn-submit .cta-ui:before,#product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question .cta-ui:before,.cta-1 .cta-ui:before{height:2px;width:100%;top:0;right:0;background-color:#212322}#MainContent .p-w-r .pr-accessible-btn .cta-ui:after,#MainContent .p-w-r .pr-btn-ask-question .cta-ui:after,#MainContent .p-w-r .pr-flag-review-btn-submit .cta-ui:after,#product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question .cta-ui:after,.cta-1 .cta-ui:after{height:12px;width:12px;border:2px solid #212322;border-width:2px 2px 0 0;top:-5px;right:0;transform:rotate(45deg)}#MainContent .p-w-r .cta--large.pr-accessible-btn,#MainContent .p-w-r .cta--large.pr-btn-ask-question,#MainContent .p-w-r .cta--large.pr-flag-review-btn-submit,#product-power-reviews .p-w-r .pr-qa-display-ask-question .cta--large.pr-btn-ask-question,.cta-1.cta--large{padding-top:30px;padding-bottom:30px}.cta--block{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cta--block+.cta--block{margin-top:1rem}.cta-5{background-color:#212322;padding-left:21px;padding-right:76px;text-align:left;color:#fff}.cta-5:before{border-color:#fff}.cta-5 .cta-ui{width:34px;position:absolute;top:50%;right:18px;transition:all .3s ease-out}.cta-5 .cta-ui:after,.cta-5 .cta-ui:before{content:"";position:absolute}.cta-5 .cta-ui:before{height:2px;width:100%;top:0;right:0;background-color:#fff}.cta-5 .cta-ui:after{height:12px;width:12px;border:2px solid #fff;border-width:2px 2px 0 0;top:-5px;right:0;transform:rotate(45deg)}.header-nav__menu-item.country-selector:after,.header-nav__menu-item>a[data-dropdown-trigger]:after{transform:rotate(135deg);content:"";position:absolute;right:0;top:50%;margin-top:-3px;display:block;width:6px;height:6px;border-top:1.5px solid;border-right:1.5px solid}.header{position:relative;z-index:100;
342top:0;left:0;right:0;height:60px;box-shadow:0 1px 0 0 #e7e7e7;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (min-width:768px){.header{height:90px}}@media (min-width:992px){.header{height:100px}}.site-fixed-header .header{position:absolute}.header.is-fixed{position:fixed}.header-content{height:100%;background-color:#fff;color:#505050}.header-container{display:-moz-flex;display:flex;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:space-between;padding-left:80px;padding-right:80px;max-width:1440px;height:100%}@media (max-width:1199px){.header-container{padding-left:60px;padding-right:60px}}@media (max-width:991px){.header-container{padding-left:40px;padding-right:40px}}@media (max-width:767px){.header-container{padding-left:20px;padding-right:20px}}.header-logo{max-width:76px}@media (min-width:768px){.header-logo{max-width:106px}}.header-logo .icon{display:block;width:100%;height:auto;overflow:visible}.header-nav{display:-moz-flex;display:flex;-moz-align-items:center;-ms-align-items:center;align-items:center;-moz-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:flex-start;-moz-flex:1;flex:1}.header-nav.header-nav--right{-moz-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:flex-end}@media (min-width:1200px){.header-nav.header-nav--center{padding-left:30px}}@media (max-width:1199px){.header-nav.header-nav--center{position:absolute;top:100%;left:0;right:0;background-color:#fff;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}}.header-nav.header-nav--logo{-moz-flex-grow:inherit;-ms-flex-grow:inherit;flex-grow:inherit;-ms-flex-basis:auto;flex-basis:auto;padding-right:0}@media (min-width:768px){.header-nav.header-nav--logo{padding-left:0}}@media (max-width:767px){.header-nav.header-nav--logo{padding:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}}.header-nav.header-nav--left{padding-left:0}.header-nav.header-nav--right{padding-right:0;-moz-flex-grow:inherit;-ms-flex-grow:inherit;flex-grow:inherit;-ms-flex-basis:auto;flex-basis:auto}@media (max-width:1199px){.header-nav.header-nav--right{margin-left:auto}}@media (max-width:767px){.header-nav.header-nav--hide-on-mobile{display:none}}@media (min-width:768px){.header-nav.header-nav--hide-on-desktop{display:none}}.header-nav__menu{list-style:none;margin:0;padding:0}.header-nav__menu+.header-nav__menu{margin-left:20px}@media (max-width:1199px){.header-nav__menu--main{width:100%;height:73px;line-height:73px;text-align:center}}.header-nav__menu-item{display:inline-block;margin:0 15px;text-align:left}.header-nav__menu--user .header-nav__menu-item{margin:0 10px}.header-nav__menu-item:first-child{margin-left:0}.header-nav__menu-item:last-child{margin-right:0}.header-nav__menu-item svg:not(:root){overflow:visible}.header-nav__menu-item>a{position:relative;padding:27px 0;font-size:13px;font-weight:700}.header-nav__menu-item>a[data-dropdown-trigger]{padding-right:12px}.header-nav__menu-item.header-nav__menu-item--separator>a{position:relative}.header-nav__menu-item.header-nav__menu-item--separator>a:after{content:"";display:inline-block;vertical-align:middle;height:32px;margin-left:20px;border-right:1px solid #e7e7e7}.header-nav__menu-item .header-nav__menu-item__icon{margin-left:20px}.header-nav__menu--user .header-nav__menu-item>a{font-size:13px;font-weight:700}@media (min-width:1200px){.header-nav__menu--main .header-nav__menu-item>a{padding-top:0;padding-bottom:0;height:100px;line-height:100px}}.header-nav__menu-item.country-selector{overflow:visible;position:relative;padding-right:12px;cursor:pointer}.header-nav__menu-item.country-selector img{width:26px;height:auto}@media (max-width:767px){.header-nav__menu-item.country-selector img{display:inline!important}}.country-dropdown{display:none}.country-list__flag{width:23px;height:auto}.country-selector .country-list__flag{padding:33px 0}.country-list__item .country-list__flag{margin-left:1rem}.header-cart__badge{display:inline-block;position:relative}.header-cart__badge-count{position:absolute;top:13px;left:18%;height:10px;width:10px;line-height:18px;color:#212322;text-align:center;opacity:0;line-height:10px;font-size:10px}@media (min-width:768px){.header-cart__badge-count{top:10px}}.has-items .header-cart__badge-count{opacity:1}.header-dropdown,.header-dropdown img{display:none}.header-nav__store-locator-icon{margin-left:20px}.pencil-banner{position:relative;z-index:101;padding:9px 0;background-color:#f7f7f7;font-size:.875rem;line-height:1.2;text-align:center;color:#505050}.pencil-banner a{color:#47af19;text-decoration:underline}.pencil-banner p:last-child{margin-bottom:0}@media (min-width:992px){.pencil-banner{padding-top:22px;padding-bottom:22px}}.pencil-banner__content{padding-left:20px;padding-right:20px}.ajax-cart-container,.mobile-nav{display:none}.mobile-nav{height:calc(100vh - 60px)}.mobile-nav__submenu-item .mobile-nav__submenu-item-image img{display:none}.u-bg-light-grey{background-color:#ccc}.u-bg-off-white{background-color:#f7f7f7}.u-padding-normalize{padding:0}.u-border-transparent{border-color:transparent}</style> 343 344<link rel="stylesheet" href="//soylent.com/cdn/shop/t/714/assets/theme.css?v=131213818941927855271786551490" media="print" onload="this.media='all'"> 345 346<style> 347 .oke-sr-count { 348 font-size: 13px !important; 349 color: #505050 !important; 350 } 351</style><link rel="stylesheet" href="//soylent.com/cdn/shop/t/714/assets/index.css?v=179359555931846656811786551481">
351<script> 352 document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 353 354 window.reviewSnippets = []; 355 window.SHOPIFY_CDN = "//soylent.com/cdn/shop/t/714/assets/test.jpg?v=226797".split('test.jpg').shift(); 356 window.BARREL = { 357 moovwebToken: "16129e11-7a38-4d6e-a2f9-04c4bd6ed665", 358 pwrApiKey: "c4364db5-c91e-4c98-b271-db4f70d96faa", 359 pwrMerchantGroupId: 79184, 360 pwrMerchantId: 988138, 361 bodyCopyModal: "Your order will be processed in the next business day." 362 }; 363 window.theme = { 364 strings: { 365 addToCart: "Add to Cart", 366 soldOut: "Sold Out", 367 unavailable: "Unavailable", 368 adding: "Adding...", 369 subscribe: "Subscribe" 370 }, 371 moneyFormat: "${{amount}}", 372 oos_protection: false 373 }; 374 </script>
374 375 376 377 378
378<script src="//soylent.com/cdn/shop/t/714/assets/vendor-head.js?v=90722642034164553641687817175" async></script>
378 379 380
380<script src="//soylent.com/cdn/shop/t/714/assets/vendor.js?v=98259850420039445481687817172" defer></script>
380 381 382
382<script src="//soylent.com/cdn/shop/t/714/assets/theme.js?v=132834971653664138521714764790" defer></script>
382 383 384 385 386
386<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
386<meta name="google-site-verification" content="voSkp-_vkf8uxkIYEGc7-ClSuaLQi3mDq1arjZfD-EY"> 387<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/359333902/digital_wallets/dialog"> 388<meta id="in-context-paypal-metadata" data-shop-id="359333902" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD"> 389<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
389<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=9764975"></script>
389 390<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
391<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=9764975&shop_id=359333902" crossorigin="anonymous"></script>
vendor: 1 bytes, line 391
391
392<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":359333902,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/359333902","merchantName":"Soylent","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Soylent","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 392
392
393<script id="shopify-features" type="application/json">{"accessToken":"592e36e2bb40e835c969fdfb5eca22e9","betas":["rich-media-storefront-analytics"],"domain":"soylent.com","predictiveSearch":true,"shopId":359333902,"locale":"en"}</script>
vendor: 1 bytes, line 393
393
394<script>var Shopify = Shopify || {}; 395Shopify.shop = "soylent-prod.myshopify.com"; 396Shopify.locale = "en"; 397Shopify.currency = {"active":"USD","rate":"1.0"}; 398Shopify.country = "US"; 399Shopify.theme = {"name":"soylent\/main","id":126746296431,"schema_name":"Soylent","schema_version":"0.1.0","theme_store_id":null,"role":"main"}; 400Shopify.theme.handle = "null"; 401Shopify.theme.style = {"id":null,"handle":null}; 402Shopify.cdnHost = "soylent.com/cdn"; 403Shopify.routes = Shopify.routes || {}; 404Shopify.routes.root = "/"; 405Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 406Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 407Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 408Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 408
408
409<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 409
409
410<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 410
410
411<script> 412 window.ShopifyPay = window.ShopifyPay || {}; 413 window.ShopifyPay.apiHost = "shop.app\/pay"; 414 window.ShopifyPay.redirectState = null; 415</script>
vendor: 1 bytes, line 415
415
416<script> 417 window.Shopify = window.Shopify || {}; 418 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 419 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 420 window.Shopify.SignInWithShop.eligible = true; 421</script>
vendor: 1 bytes, line 421
421
422<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 422
422
423<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 423
423
424<script type="module"> 425 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 426 427 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 428 429</script>
vendor: 1 bytes, line 429
429
430<script> 431 window.Shopify = window.Shopify || {}; 432 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 433 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"]}; 434</script>
vendor: 1 bytes, line 434
434
435<script>window.BARREL.shopifyAppUrls = ["https:\/\/d23dclunsivw3h.cloudfront.net\/redirect-app.js?shop=soylent-prod.myshopify.com","https:\/\/static.rechargecdn.com\/assets\/js\/widget.min.js?shop=soylent-prod.myshopify.com","https:\/\/www.buynowbutton.us\/apps\/buynowbutton\/assets\/js\/buynowbutton.js?shop=soylent-prod.myshopify.com","https:\/\/static-us.afterpay.com\/shopify\/afterpay-attract\/afterpay-attract-widget.js?shop=soylent-prod.myshopify.com","https:\/\/shopify-widget.route.com\/shopify.widget.js?shop=soylent-prod.myshopify.com","https:\/\/assets.tapcart.com\/__tc-ck-loader\/index.js?appId=y5Be5Agu4Z\u0026environment=production\u0026shop=soylent-prod.myshopify.com",];</script>
435<script>(function() { 436 var isLoaded = false; 437 function asyncLoad() { 438 if (isLoaded) return; 439 isLoaded = true; 440 var urls = ["https:\/\/container.pepperjam.com\/2426137996.js?shop=soylent-prod.myshopify.com","https:\/\/light.spicegems.org\/0\/js\/scripttags\/soylent-prod\/country_redirect_502421e07d14b319f1e5abe4c31c25bd.min.js?v=19\u0026shop=soylent-prod.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=soylent-prod.myshopify.com",];for (var i = 0; i < urls.length; i++) { 441 var s = document.createElement('script'); 442 s.type = 'text/javascript'; 443 s.async = true; 444 s.src = urls[i]; 445 var x = document.getElementsByTagName('script')[0]; 446 x.parentNode.insertBefore(s, x); 447 } 448 }; 449 if(window.attachEvent) { 450 window.attachEvent('onload', asyncLoad); 451 } else { 452 window.addEventListener('load', asyncLoad, false); 453 } 454})();</script>
vendor: 1 bytes, line 454
454
455<script id="__st">var __st={"a":359333902,"offset":-25200,"reqid":"cf742a6c-90e5-4ac4-950f-e8677e365c0a-1790916356","pageurl":"soylent.com\/","u":"f7902e261377","p":"home"};</script>
vendor: 1 bytes, line 455
455
456<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 456
456
457<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,!0)}();</script>
vendor: 1 bytes, line 457
457
458<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//soylent.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 458
458
459<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 = "//soylent.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>
459<script crossorigin="anonymous" defer="defer" src="//soylent.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 459
459
460<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 460
460
461<script> 462 window.Shopify = window.Shopify || {}; 463 window.Shopify.MCP = window.Shopify.MCP || {}; 464 window.Shopify.MCP.enabled = true; 465 window.Shopify.MCP.shop = "soylent-prod.myshopify.com"; 466 window.Shopify.MCP.mcpEndpoint = "https:\/\/soylent.com\/api\/mcp"; 467 window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n - What is your return policy?\n - What is your shipping policy?\n - What is your phone number?\n - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}]; 468</script>
vendor: 1 bytes, line 468
468
469<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("\/\/soylent.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})(); 470</script>
vendor: 1 bytes, line 470
470
471<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://soylent.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}}; 472</script>
vendor: 1 bytes, line 472
472
473<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 474 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); 475</script>
vendor: 1 bytes, line 475
475
476<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})}})); 477</script>
477 478<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://soylent.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous"> 479<style id="shopify-accelerated-checkout-cart"> 480 #shopify-buyer-consent { 481 margin-top: 1em; 482 display: inline-block; 483 width: 100%; 484} 485 486#shopify-buyer-consent.hidden { 487 display: none; 488} 489 490#shopify-subscription-policy-button { 491 background: none; 492 border: none; 493 padding: 0; 494 text-decoration: underline; 495 font-size: inherit; 496 cursor: pointer; 497} 498 499#shopify-subscription-policy-button::before { 500 box-shadow: none; 501} 502 503 </style> 504
505<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
505 506 507 508 509 510 511 512
512<script type="text/javascript"> 513 514 window.__shgMoneyFormat = window.__shgMoneyFormat || {"USD":{"currency":"USD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","}}; 515 516 window.__shgCurrentCurrencyCode = window.__shgCurrentCurrencyCode || { 517 currency: "USD", 518 currency_symbol: "$", 519 decimal_separator: ".", 520 thousands_separator: ",", 521 decimal_places: 2, 522 currency_symbol_location: "left" 523 }; 524 </script>
524 525 526 527
528<script 529 type="text/javascript" 530 async 531 src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=VST9Su" 532 > 533 </script>
533 534 535 <!-- splide scripts since splide is used on cart drawer --> 536
536<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js"></script>
536 537
537<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide-extension-grid.min.js"></script>
537 538 539 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css">
539<script> 540 (function() {function delayLoad() { 541 setTimeout(function() { 542 var urls = [].concat(window.BARREL.shopifyAppUrls || []); 543 for (var i = 0; i < urls.length; i++) { 544 var s = document.createElement('script'); 545 s.type = 'text/javascript'; 546 s.async = true; 547 s.src = urls[i]; 548 var x = document.getElementsByTagName('script')[0]; 549 x.parentNode.insertBefore(s, x); 550 };},1000); 551 }; 552 553 554 555 556 557 558 window.addEventListener('scroll', delayLoad, {once: true}); 559 560}()); 561</script>
561 562 563 564 565
565<script 566 src="https://js.afterpay.com/afterpay-1.x.js" 567 data-min="1.00" 568 data-max="2000.00" 569 async 570 > 571 </script>
571 572 573 574
575<script type="text/javascript"> 576 577 window.SHG_CUSTOMER = null; 578 579</script>
579 580 581 582 583 584 585 586 587 588 589
589<script src="https://track.getgobot.com/gobot/js/shopify.js?key=-NI-QPKiwEImW_irIZHU&ad=soylent&li=a-08kq"></script>
589 590 591 592 593
594<script> 595 window.tubSettings = {} 596 window.tubSettings.otpTwoPrice = '$33.00/tub' 597 window.tubSettings.otpThreePrice = '$28.83/tub' 598 window.tubSettings.otpTwoSavings = '' 599 window.tubSettings.otpThreeSavings = '$6.67/tub' 600 window.tubSettings.subTwoPrice = '$30.00/tub' 601 window.tubSettings.subThreePrice = '$23.83/tub' 602 window.tubSettings.subTwoSavings = '$2.50/tub' 603 window.tubSettings.subThreeSavings = '$8.67/tub' 604</script>
604 605 606 607 608 <link rel="stylesheet" href="https://doui4jqs03un3.cloudfront.net/style.css.gz"> 609
609<script src="https://doui4jqs03un3.cloudfront.net/vendors.js.gz"></script>
609 610
610<script src="https://doui4jqs03un3.cloudfront.net/client.js.gz" defer="defer"></script>
610 611 612 613 614 615 616 617<!-- BEGIN app block: shopify://apps/bnb-app-amazon-buy-now-button/blocks/bnb-embbed/f900151e-f272-47b7-9f07-6ef0c33815e4 -->
617<script> 618 if ('undefined' == typeof window.jQuery) { 619 var script = document.createElement('script'); 620 script.src = 'https://code.jquery.com/jquery-3.4.1.min.js'; 621 document.getElementsByTagName('head')[0].appendChild(script); 622 } 623 let metafield = 'true'; 624 document.addEventListener('DOMContentLoaded', () => { 625 console.log(Shopify.designMode); 626 if (Shopify.designMode === true) { 627 checkForPlan(window.jQuery, shop, Shopify.theme, metafield); 628 } 629 }); 630 function checkForPlan($, shop) { 631 $.ajax({ 632 url: 'https://app.buynowbuttons.com/apps/buynowbutton/check_plan.php', 633 type: "post", 634 data: { 635 store: shop, 636 theme: Shopify.theme, 637 metafield: metafield 638 }, 639 success: function(e) { 640 console.log(e); 641 if (e && e !== "") { 642 if (metafield != e) { 643 644 } 645 } 646 }, 647 error: function() {} 648 }) 649 } 650</script>
650 651<!-- END app block --><!-- BEGIN app block: shopify://apps/black-crow-ai-that-delivers/blocks/blackcrow_ai_script/3e73f597-cb71-47a1-8a06-0c931482ecd2 --> 652
653<script type="text/javascript" async src="https://shopify-init.blackcrow.ai/js/core/soylent-prod.js?shop=soylent-prod.myshopify.com&tagSrc=ShopifyThemeAppExtension"></script>
653 654 655 656<!-- END app block --><!-- BEGIN app block: shopify://apps/bnb-app-amazon-buy-now-button/blocks/bnb-collections-embed/f900151e-f272-47b7-9f07-6ef0c33815e4 -->
656<script> 657 if ('undefined' == typeof window.jQuery) { 658 var script = document.createElement('script'); 659 script.src = 'https://code.jquery.com/jquery-3.4.1.min.js'; 660 document.getElementsByTagName('head')[0].appendChild(script); 661 } 662 let theme_file = 'snippets/card-product.liquid'; 663 let card_wrapper = 'card-wrapper underline-links-hover'; 664 let product_id_var = 'card_product.id'; 665 let card_wrapper_class = card_wrapper.split(" "); 666 //let metafield = 'true' 667 document.addEventListener('DOMContentLoaded', () => { 668 if (Shopify.designMode === true) { 669 //checkForPlan(window.jQuery, shop); 670 } 671 window.jQuery('.'+card_wrapper_class[0]).each(function(){ 672 let product_id = window.jQuery(this).data('product-id'); 673 //jQuery(this).append('<div class="buy_now_button_app product_id_'+product_id+'" data-product-id="'+product_id+'"></div>'); 674 startbuynowbuttonCollection(window.jQuery, product_id); 675 }); 676 }); 677 function startbuynowbuttonCollection(t, id) { 678 t.ajax({ 679 url: product_pathUrl, 680 type: "post", 681 data: { 682 store: shop, 683 id: id, 684 type: 'collection' 685 }, 686 success: function(e) { 687 console.log(e); 688 if (e && e !== "") { 689 let r = t.parseJSON(e); 690 t('.product_id_'+r.pid).append('<div class="buy_now_button_app appended_product_id_'+r.pid+'" data-product-id="'+r.pid+'"></div>'); 691 //t('.'+card_wrapper_class[0]+' .buy_now_button_app.appended_product_id_'+r.pid).first().css("display", "block"); 692 t('.'+card_wrapper_class[0]).each(function(){ 693 $(this).find('.buy_now_button_app.appended_product_id_'+r.pid).first().css("display", "block"); 694 }); 695 t('.buy_now_button_app.appended_product_id_'+r.pid).html(r.page).addClass("market_icon"), setTimeout(function () { 696 }, 2000); 697 /*t('.'+card_wrapper_class[0]).each(function(){ 698 let product_id = t(this).data('product-id'); 699 console.log(product_id); 700 console.log(r.pid); 701 702 if (product_id === r.pid) { 703 console.log(r); 704 t(this).append('<div class="buy_now_button_app test product_id_'+product_id+'" data-product-id="'+product_id+'"></div>'); 705 t('.buy_now_button_app.product_id_'+product_id).html(r.page).addClass("market_icon"), setTimeout(function () { 706 }, 2000) 707 } 708 });*/ 709 } 710 }, 711 error: function() {} 712 }) 713 } 714</script>
714 715<!-- END app block --><!-- BEGIN app block: shopify://apps/yoast-seo/blocks/metatags/7c777011-bc88-4743-a24e-64336e1e5b46 --> 716<!-- This site is optimized with Yoast SEO for Shopify --> 717<title>Soylent Let us take a few things off your plate.</title> 718<meta name="description" content="Soylent products turn a full meal into a one-step process with everything the body needs to thrive. Complete nutrition science-backed and sustainable." /> 719<link rel="canonical" href="https://soylent.com/" /> 720<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /> 721<meta property="og:site_name" content="Soylent" /> 722<meta property="og:url" content="https://soylent.com/" /> 723<meta property="og:locale" content="en_US" /> 724<meta property="og:type" content="website" /> 725<meta property="og:title" content="Soylent Let us take a few things off your plate." /> 726<meta property="og:description" content="Soylent products turn a full meal into a one-step process with everything the body needs to thrive. Complete nutrition science-backed and sustainable." /> 727<meta property="og:image" content="https://soylent.com/cdn/shop/files/soylent_logo-01.png?v=1613688881" /> 728<meta property="og:image:height" content="628" /> 729<meta property="og:image:width" content="1200" /> 730<meta name="twitter:card" content="summary_large_image" />
731<script type="application/ld+json" id="yoast-schema-graph"> 732{ 733 "@context": "https://schema.org", 734 "@graph": [ 735 { 736 "@type": "Organization", 737 "@id": "https://soylent.com/#/schema/organization/1", 738 "url": "https://soylent.com", 739 "name": "Soylent", 740 "logo": { 741 "@id": "https://soylent.com/#/schema/ImageObject/23038854856815" 742 }, 743 "image": [ 744 { 745 "@id": "https://soylent.com/#/schema/ImageObject/23038854856815" 746 } 747 ], 748 "hasMerchantReturnPolicy": { 749 "@type": "MerchantReturnPolicy", 750 "merchantReturnLink": "https://soylent.com/policies/refund-policy" 751 }, 752 "sameAs": ["https:\/\/www.facebook.com\/Soylent\/"] 753 }, 754 { 755 "@type": "ImageObject", 756 "@id": "https://soylent.com/#/schema/ImageObject/23038854856815", 757 "width": 756, 758 "height": 458, 759 "url": "https:\/\/soylent.com\/cdn\/shop\/files\/soylent_logo.webp?v=1644950824", 760 "contentUrl": "https:\/\/soylent.com\/cdn\/shop\/files\/soylent_logo.webp?v=1644950824" 761 }, 762 { 763 "@type": "WebSite", 764 "@id": "https://soylent.com/#/schema/website/1", 765 "url": "https://soylent.com", 766 "name": "Soylent", 767 "potentialAction": { 768 "@type": "SearchAction", 769 "target": "https://soylent.com/search?q={search_term_string}", 770 "query-input": "required name=search_term_string" 771 }, 772 "publisher": { 773 "@id": "https://soylent.com/#/schema/organization/1" 774 }, 775 "inLanguage": "en" 776 }, 777 { 778 "@type": ["WebPage","CollectionPage"], 779 "@id": "https:\/\/soylent.com\/", 780 "name": "Soylent Let us take a few things off your plate.", 781 "description": "Soylent products turn a full meal into a one-step process with everything the body needs to thrive. Complete nutrition science-backed and sustainable.", 782 "about": { 783 "@id": "https://soylent.com/#/schema/organization/1" 784 }, 785 "breadcrumb": { 786 "@id": "https:\/\/soylent.com\/#\/schema\/breadcrumb" 787 }, 788 "primaryImageOfPage": { 789 "@id": "https://soylent.com/#/schema/ImageObject/7165455499375" 790 }, 791 "image": [{ 792 "@id": "https://soylent.com/#/schema/ImageObject/7165455499375" 793 }], 794 "isPartOf": { 795 "@id": "https://soylent.com/#/schema/website/1" 796 }, 797 "url": "https:\/\/soylent.com\/" 798 }, 799 { 800 "@type": "ImageObject", 801 "@id": "https://soylent.com/#/schema/ImageObject/7165455499375", 802 "caption": "Soylent Logo", 803 "inLanguage": "en", 804 "width": 1200, 805 "height": 628, 806 "url": "https:\/\/soylent.com\/cdn\/shop\/files\/soylent_logo-01.png?v=1613688881", 807 "contentUrl": "https:\/\/soylent.com\/cdn\/shop\/files\/soylent_logo-01.png?v=1613688881" 808 }, 809 { 810 "@type": "BreadcrumbList", 811 "@id": "https:\/\/soylent.com\/#\/schema\/breadcrumb", 812 "itemListElement": [ 813 { 814 "@type": "ListItem", 815 "name": "Soylent.com - Let us take a few things off your plate.", 816 "position": 1 817 } 818 ] 819 } 820 821 ]} 822</script>
822 823<!--/ Yoast SEO --> 824<!-- END app block --><!-- BEGIN app block: shopify://apps/minmaxify-order-limits/blocks/app-embed-block/3acfba32-89f3-4377-ae20-cbb9abc48475 -->
824<script src="https://limits.minmaxify.com/soylent-prod.myshopify.com?v=120b_s&r=20240821201858" defer></script>
824 825 826<!-- END app block --><!-- BEGIN app block: shopify://apps/okendo/blocks/theme-settings/bb689e69-ea70-4661-8fb7-ad24a2e23c29 --><!-- BEGIN app snippet: header-metafields --> 827 828 829 830 831 832 833 834 835 836 837 838 839 840 <style data-oke-reviews-version="0.81.8" type="text/css" data-href="https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/css/okendo-reviews-styles.9d163ae1.css"></style><style data-oke-reviews-version="0.81.8" type="text/css" data-href="https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/css/modules/okendo-star-rating.4cb378a8.css"></style><style data-oke-reviews-version="0.81.8" type="text/css" data-href="https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/css/modules/okendo-reviews-keywords.0942444f.css"></style><style data-oke-reviews-version="0.81.8" type="text/css" data-href="https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/css/modules/okendo-reviews-summary.a0c9d7d6.css"></style><style type="text/css">.okeReviews[data-oke-container],div.okeReviews{font-size:14px;font-size:var(--oke-text-regular);font-weight:400;font-family:var(--oke-text-fontFamily);line-height:1.6}.okeReviews[data-oke-container] *,.okeReviews[data-oke-container] :after,.okeReviews[data-oke-container] :before,div.okeReviews *,div.okeReviews :after,div.okeReviews :before{box-sizing:border-box}.okeReviews[data-oke-container] h1,.okeReviews[data-oke-container] h2,.okeReviews[data-oke-container] h3,.okeReviews[data-oke-container] h4,.okeReviews[data-oke-container] h5,.okeReviews[data-oke-container] h6,div.okeReviews h1,div.okeReviews h2,div.okeReviews h3,div.okeReviews h4,div.okeReviews h5,div.okeReviews h6{font-size:1em;font-weight:400;line-height:1.4;margin:0}.okeReviews[data-oke-container] ul,div.okeReviews ul{padding:0;margin:0}.okeReviews[data-oke-container] li,div.okeReviews li{list-style-type:none;padding:0}.okeReviews[data-oke-container] p,div.okeReviews p{line-height:1.8;margin:0 0 4px}.okeReviews[data-oke-container] p:last-child,div.okeReviews p:last-child{margin-bottom:0}.okeReviews[data-oke-container] a,div.okeReviews a{text-decoration:none;color:inherit}.okeReviews[data-oke-container] button,div.okeReviews button{border-radius:0;border:0;box-shadow:none;margin:0;width:auto;min-width:auto;padding:0;background-color:transparent;min-height:auto}.okeReviews[data-oke-container] button,.okeReviews[data-oke-container] input,.okeReviews[data-oke-container] select,.okeReviews[data-oke-container] textarea,div.okeReviews button,div.okeReviews input,div.okeReviews select,div.okeReviews textarea{font-family:inherit;font-size:1em}.okeReviews[data-oke-container] label,.okeReviews[data-oke-container] select,div.okeReviews label,div.okeReviews select{display:inline}.okeReviews[data-oke-container] select,div.okeReviews select{width:auto}.okeReviews[data-oke-container] article,.okeReviews[data-oke-container] aside,div.okeReviews article,div.okeReviews aside{margin:0}.okeReviews[data-oke-container] table,div.okeReviews table{background:transparent;border:0;border-collapse:collapse;border-spacing:0;font-family:inherit;font-size:1em;table-layout:auto}.okeReviews[data-oke-container] table td,.okeReviews[data-oke-container] table th,.okeReviews[data-oke-container] table tr,div.okeReviews table td,div.okeReviews table th,div.okeReviews table tr{border:0;font-family:inherit;font-size:1em}.okeReviews[data-oke-container] table td,.okeReviews[data-oke-container] table th,div.okeReviews table td,div.okeReviews table th{background:transparent;font-weight:400;letter-spacing:normal;padding:0;text-align:left;text-transform:none;vertical-align:middle}.okeReviews[data-oke-container] table tr:hover td,.okeReviews[data-oke-container] table tr:hover th,div.okeReviews table tr:hover td,div.okeReviews table tr:hover th{background:transparent}.okeReviews[data-oke-container] fieldset,div.okeReviews fieldset{border:0;padding:0;margin:0;min-width:0}.okeReviews[data-oke-container] img,.okeReviews[data-oke-container] svg,div.okeReviews img,div.okeReviews svg{max-width:none}.okeReviews[data-oke-container] div:empty,div.okeReviews div:empty{display:block}.okeReviews[data-oke-container] .oke-icon:before,div.okeReviews .oke-icon:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit}.okeReviews[data-oke-container] .oke-icon--select-arrow:before,div.okeReviews .oke-icon--select-arrow:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--loading:before,div.okeReviews .oke-icon--loading:before{content:"î¤"}
840.okeReviews[data-oke-container] .oke-icon--pencil:before,div.okeReviews .oke-icon--pencil:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--filter:before,div.okeReviews .oke-icon--filter:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--play:before,div.okeReviews .oke-icon--play:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--tick-circle:before,div.okeReviews .oke-icon--tick-circle:before{content:"î¤
"}.okeReviews[data-oke-container] .oke-icon--chevron-left:before,div.okeReviews .oke-icon--chevron-left:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--chevron-right:before,div.okeReviews .oke-icon--chevron-right:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--thumbs-down:before,div.okeReviews .oke-icon--thumbs-down:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--thumbs-up:before,div.okeReviews .oke-icon--thumbs-up:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--close:before,div.okeReviews .oke-icon--close:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--chevron-up:before,div.okeReviews .oke-icon--chevron-up:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--chevron-down:before,div.okeReviews .oke-icon--chevron-down:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--star:before,div.okeReviews .oke-icon--star:before{content:"î¤"}.okeReviews[data-oke-container] .oke-icon--magnifying-glass:before,div.okeReviews .oke-icon--magnifying-glass:before{content:"î¤"}@font-face{font-family:oke-widget-icons;src:url(https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/fonts/oke-widget-icons.ttf) format("truetype"),url(https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/fonts/oke-widget-icons.woff) format("woff"),url(https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/img/oke-widget-icons.bc0d6b0a.svg) format("svg");font-weight:400;font-style:normal;font-display:block}.okeReviews[data-oke-container] .oke-button,div.okeReviews .oke-button{display:inline-block;border-style:solid;border-color:var(--oke-button-borderColor);border-width:var(--oke-button-borderWidth);background-color:var(--oke-button-backgroundColor);line-height:1;padding:12px 24px;margin:0;border-radius:var(--oke-button-borderRadius);color:var(--oke-button-textColor);text-align:center;position:relative;font-weight:var(--oke-button-fontWeight);font-size:var(--oke-button-fontSize);font-family:var(--oke-button-fontFamily);outline:0}.okeReviews[data-oke-container] .oke-button-text,.okeReviews[data-oke-container] .oke-button .oke-icon,div.okeReviews .oke-button-text,div.okeReviews .oke-button .oke-icon{line-height:1}.okeReviews[data-oke-container] .oke-button.oke-is-loading,div.okeReviews .oke-button.oke-is-loading{position:relative}.okeReviews[data-oke-container] .oke-button.oke-is-loading:before,div.okeReviews .oke-button.oke-is-loading:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"î¤";color:undefined;font-size:12px;display:inline-block;animation:oke-spin 1s linear infinite;position:absolute;width:12px;height:12px;top:0;left:0;bottom:0;right:0;margin:auto}.okeReviews[data-oke-container] .oke-button.oke-is-loading>*,div.okeReviews .oke-button.oke-is-loading>*{opacity:0}.okeReviews[data-oke-container] .oke-button.oke-is-active,div.okeReviews .oke-button.oke-is-active{background-color:var(--oke-button-backgroundColorActive);color:var(--oke-button-textColorActive);border-color:var(--oke-button-borderColorActive)}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading),div.okeReviews .oke-button:not(.oke-is-loading){cursor:pointer}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover{background-color:var(--oke-button-backgroundColorHover);color:var(--oke-button-textColorHover);border-color:var(--oke-button-borderColorHover);box-shadow:0 0 0 2px var(--oke-button-backgroundColorHover)}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):active,.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):active,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active{background-color:var(--oke-button-backgroundColorActive);color:var(--oke-button-textColorActive);border-color:var(--oke-button-borderColorActive)}.okeReviews[data-oke-container] .oke-title,div.okeReviews .oke-title{font-weight:var(--oke-title-fontWeight);font-size:var(--oke-title-fontSize);font-family:var(--oke-title-fontFamily)}.okeReviews[data-oke-container] .oke-bodyText,div.okeReviews .oke-bodyText{font-weight:var(--oke-bodyText-fontWeight);font-size:var(--oke-bodyText-fontSize);font-family:var(--oke-bodyText-fontFamily)}.okeReviews[data-oke-container] .oke-linkButton,div.okeReviews .oke-linkButton{curs
840or:pointer;font-weight:700;pointer-events:auto;text-decoration:underline}.okeReviews[data-oke-container] .oke-linkButton:hover,div.okeReviews .oke-linkButton:hover{text-decoration:none}.okeReviews[data-oke-container] .oke-readMore,div.okeReviews .oke-readMore{cursor:pointer;color:inherit;text-decoration:underline}.okeReviews[data-oke-container] .oke-select,div.okeReviews .oke-select{cursor:pointer;background-repeat:no-repeat;background-position-x:100%;background-position-y:50%;border:none;padding:0 24px 0 12px;-moz-appearance:none;appearance:none;color:inherit;-webkit-appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");outline-offset:4px}.okeReviews[data-oke-container] .oke-select:disabled,div.okeReviews .oke-select:disabled{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%239a9db1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")}.okeReviews[data-oke-container] .oke-loader,div.okeReviews .oke-loader{position:relative}.okeReviews[data-oke-container] .oke-loader:before,div.okeReviews .oke-loader:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"î¤";color:var(--oke-text-secondaryColor);font-size:12px;display:inline-block;animation:oke-spin 1s linear infinite;position:absolute;width:12px;height:12px;top:0;left:0;bottom:0;right:0;margin:auto}.okeReviews[data-oke-container] .oke-a11yText,div.okeReviews .oke-a11yText{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.okeReviews[data-oke-container] .oke-hidden,div.okeReviews .oke-hidden{display:none}.okeReviews[data-oke-container] .oke-modal,div.okeReviews .oke-modal{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:2147483647;max-height:100%;background-color:rgba(0,0,0,.5);padding:40px 0 32px}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal,div.okeReviews .oke-modal{display:flex;align-items:center;padding:48px 0}}.okeReviews[data-oke-container] .oke-modal ::-moz-selection,div.okeReviews .oke-modal ::-moz-selection{background-color:rgba(39,45,69,.2)}.okeReviews[data-oke-container] .oke-modal ::selection,div.okeReviews .oke-modal ::selection{background-color:rgba(39,45,69,.2)}.okeReviews[data-oke-container] .oke-modal,.okeReviews[data-oke-container] .oke-modal p,div.okeReviews .oke-modal,div.okeReviews .oke-modal p{color:#272d45}.okeReviews[data-oke-container] .oke-modal-content,div.okeReviews .oke-modal-content{background-color:#fff;margin:auto;position:relative;will-change:transform,opacity;width:calc(100% - 64px)}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal-content,div.okeReviews .oke-modal-content{max-width:1000px}}.okeReviews[data-oke-container] .oke-modal-close,div.okeReviews .oke-modal-close{cursor:pointer;position:absolute;width:32px;height:32px;top:-32px;padding:4px;right:-4px;line-height:1}.okeReviews[data-oke-container] .oke-modal-close:before,div.okeReviews .oke-modal-close:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"î¤";color:#fff;font-size:24px;display:inline-block;width:24px;height:24px}.okeReviews[data-oke-container] .oke-modal-overlay,div.okeReviews .oke-modal-overlay{background-color:rgba(43,46,56,.9)}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal--large .oke-modal-content,div.okeReviews .oke-modal--large .oke-modal-content{max-width:1200px}}.okeReviews[data-oke-container] .oke-modal .oke-helpful,.okeReviews[data-oke-container] .oke-modal .oke-helpful-vote-button,.okeReviews[data-oke-container] .oke-modal .oke-reviewContent-date,div.okeReviews .oke-modal .oke-helpful,div.okeReviews .oke-modal .oke-helpful-vote-button,div.okeReviews .oke-modal .oke-reviewContent-date{color:#676986}.oke-modal .okeReviews[data-oke-container].oke-w,.oke-modal div.okeReviews.oke-w{color:#272d45}.okeReviews[data-oke-container] .oke-tag,div.okeReviews .oke-tag{align-items:center;color:#272d45;display:flex;font-size:var(--oke-text-small);font-weight:600;text-align:left;position:relative;z-index:2;background-color:#f4f4f6;padding:4px 6px;border:none;border-radius:4px;gap:6px;line-height:1}.okeReviews[data-oke-container] .oke-tag svg,div.okeReviews .oke-tag svg{fill:currentColor;height:1rem}.okeReviews[data-oke-container] .hooper,div.okeReviews .hooper{height:auto}.okeReviews--left{text-align:left}.okeReviews--right{text-align:right}.okeReviews--center{text-align:center}.okeReviews :not([tabindex="-1"]):focus-visible{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.is-oke-modalOpen{overflow:hidden!important}img.oke-is-error{background-color:var(--oke-shadingColor);background-size:cover;background-position:50% 50%;box-shadow:inset 0 0 0 1px var(--oke-border-color)}@keyframes oke-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes oke-fade-in{0%{opacity:0}
840to{opacity:1}} 841.oke-stars{line-height:1;position:relative;display:inline-block}.oke-stars-background svg{overflow:visible}.oke-stars-foreground{overflow:hidden;position:absolute;top:0;left:0}.oke-sr{display:inline-block;padding-top:var(--oke-starRating-spaceAbove);padding-bottom:var(--oke-starRating-spaceBelow)}.oke-sr .oke-is-clickable{cursor:pointer}.oke-sr--hidden{display:none}.oke-sr-count,.oke-sr-rating,.oke-sr-stars{display:inline-block;vertical-align:middle}.oke-sr-stars{line-height:1;margin-right:8px}.oke-sr-rating{display:none}.oke-sr-count--brackets:before{content:"("}.oke-sr-count--brackets:after{content:")"} 842.oke-rk{display:block}.okeReviews[data-oke-container] .oke-reviewsKeywords-heading,div.okeReviews .oke-reviewsKeywords-heading{font-weight:700;margin-bottom:8px}.okeReviews[data-oke-container] .oke-reviewsKeywords-heading-skeleton,div.okeReviews .oke-reviewsKeywords-heading-skeleton{height:calc(var(--oke-button-fontSize) + 4px);width:150px}.okeReviews[data-oke-container] .oke-reviewsKeywords-list,div.okeReviews .oke-reviewsKeywords-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}.okeReviews[data-oke-container] .oke-reviewsKeywords-list-category,div.okeReviews .oke-reviewsKeywords-list-category{background-color:var(--oke-filter-backgroundColor);color:var(--oke-filter-textColor);border:1px solid var(--oke-filter-borderColor);border-radius:var(--oke-filter-borderRadius);padding:6px 16px;transition:background-color .1s ease-out,border-color .1s ease-out;white-space:nowrap}.okeReviews[data-oke-container] .oke-reviewsKeywords-list-category.oke-is-clickable,div.okeReviews .oke-reviewsKeywords-list-category.oke-is-clickable{cursor:pointer}.okeReviews[data-oke-container] .oke-reviewsKeywords-list-category.oke-is-active,div.okeReviews .oke-reviewsKeywords-list-category.oke-is-active{background-color:var(--oke-filter-backgroundColorActive);color:var(--oke-filter-textColorActive);border-color:var(--oke-filter-borderColorActive)}.okeReviews[data-oke-container] .oke-reviewsKeywords .oke-translateButton,div.okeReviews .oke-reviewsKeywords .oke-translateButton{margin-top:12px} 843.oke-rs{display:block}.oke-rs .oke-reviewsSummary.oke-is-preRender .oke-reviewsSummary-summary{-webkit-mask:linear-gradient(180deg,#000 0,#000 40%,transparent 95%,transparent 0) 100% 50%/100% 100% repeat-x;mask:linear-gradient(180deg,#000 0,#000 40%,transparent 95%,transparent 0) 100% 50%/100% 100% repeat-x;max-height:150px}.okeReviews[data-oke-container] .oke-reviewsSummary .oke-tooltip,div.okeReviews .oke-reviewsSummary .oke-tooltip{display:inline-block;font-weight:400}.okeReviews[data-oke-container] .oke-reviewsSummary .oke-tooltip-trigger,div.okeReviews .oke-reviewsSummary .oke-tooltip-trigger{height:15px;width:15px;overflow:hidden;transform:translateY(-10%)}.okeReviews[data-oke-container] .oke-reviewsSummary-heading,div.okeReviews .oke-reviewsSummary-heading{align-items:center;-moz-column-gap:4px;column-gap:4px;display:inline-flex;font-weight:700;margin-bottom:8px}.okeReviews[data-oke-container] .oke-reviewsSummary-heading-skeleton,div.okeReviews .oke-reviewsSummary-heading-skeleton{height:calc(var(--oke-button-fontSize) + 4px);width:150px}.okeReviews[data-oke-container] .oke-reviewsSummary-icon,div.okeReviews .oke-reviewsSummary-icon{fill:currentColor;font-size:14px}.okeReviews[data-oke-container] .oke-reviewsSummary-icon svg,div.okeReviews .oke-reviewsSummary-icon svg{vertical-align:baseline}.okeReviews[data-oke-container] .oke-reviewsSummary-summary.oke-is-truncated,div.okeReviews .oke-reviewsSummary-summary.oke-is-truncated{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}</style> 844 845
845<script type="application/json" id="oke-reviews-settings">{"subscriberId":"833a8c0a-7d58-4eed-8a87-737d12f1f1b3","analyticsSettings":{"isWidgetOnScreenTrackingEnabled":true,"provider":"gtag"},"locale":"en","localeAndVariant":{"code":"en"},"matchCustomerLocale":false,"widgetSettings":{"global":{"dateSettings":{"format":{"type":"relative"}},"hideOkendoBranding":true,"stars":{"foregroundColor":"#47AF19","backgroundColor":"#E5E5E5","interspace":2,"showBorder":false},"recorderPlusEnabled":true},"homepageCarousel":{"slidesPerPage":{"large":3,"medium":2},"totalSlides":12,"scrollBehaviour":"slide","style":{"showDates":false,"layout":{"name":"default","reviewDetailsPosition":"above","showProductName":false,"showAttributeBars":false,"showProductDetails":"always"},"border":{"color":"#E5E5EB","width":{"value":1,"unit":"px"}},"highlightColor":"#47AF19","spaceAbove":{"value":20,"unit":"px"},"arrows":{"color":"#202322","size":{"value":24,"unit":"px"},"enabled":true},"avatar":{"backgroundColor":"#E5E5EB","placeholderTextColor":"#2C3E50","size":{"value":48,"unit":"px"},"enabled":false},"media":{"size":{"value":80,"unit":"px"},"imageGap":{"value":4,"unit":"px"},"enabled":false},"stars":{"height":{"value":15,"unit":"px"}},"text":{"primaryColor":"#202322","fontSizeRegular":{"value":14,"unit":"px"},"fontSizeSmall":{"value":12,"unit":"px"},"secondaryColor":"#202322"},"spaceBelow":{"value":20,"unit":"px"},"productImageSize":{"value":48,"unit":"px"}},"defaultSort":"rating desc","autoPlay":false,"truncation":{"bodyMaxLines":4,"truncateAll":true,"enabled":true}},"mediaCarousel":{"minimumImages":1,"linkText":"Read More","autoPlay":false,"slideSize":"medium","arrowPosition":"outside"},"mediaGrid":{"gridStyleDesktop":{"layout":"default-desktop"},"gridStyleMobile":{"layout":"default-mobile"},"showMoreArrow":{"arrowColor":"#676986","enabled":true,"backgroundColor":"#f4f4f6"},"linkText":"Read More","infiniteScroll":false,"gapSize":{"value":10,"unit":"px"}},"questions":{"initialPageSize":6,"loadMorePageSize":6},"reviewsBadge":{"layout":"large","colorScheme":"dark"},"reviewsTab":{"enabled":false},"reviewsWidget":{"tabs":{"reviews":true,"questions":false},"header":{"columnDistribution":"space-between","verticalAlignment":"top","blocks":[{"columnWidth":"one-third","modules":[{"name":"rating-average","layout":"one-line"},{"name":"rating-breakdown","backgroundColor":"#F4F4F6","shadingColor":"#47AF19","stretchMode":"contain"}],"textAlignment":"left"},{"columnWidth":"two-thirds","modules":[{"name":"recommended"},{"name":"reviews-summary","heading":"Reviews Summary","maxTextLines":3}],"textAlignment":"left"}]},"style":{"showDates":true,"border":{"color":"#E7E7E7","width":{"value":1,"unit":"px"}},"bodyFont":{"hasCustomFontSettings":false},"headingFont":{"hasCustomFontSettings":false},"filters":{"backgroundColorActive":"#202322","backgroundColor":"#FFFFFF","borderColor":"#202322","borderRadius":{"value":0,"unit":"px"},"borderColorActive":"#202322","textColorActive":"#FFFFFF","textColor":"#202322","searchHighlightColor":"#B2F9E9"},"avatar":{"enabled":false},"stars":{"height":{"value":15,"unit":"px"}},"shadingColor":"#F7F7F8","productImageSize":{"value":47,"unit":"px"},"button":{"backgroundColorActive":"#FFFFFF","borderColorHover":"#221F20","backgroundColor":"#47AF19","borderColor":"#47AF19","backgroundColorHover":"#FFFFFF","textColorHover":"#221F20","borderRadius":{"value":0,"unit":"px"},"borderWidth":{"value":1,"unit":"px"},"borderColorActive":"#221F20","textColorActive":"#221F20","textColor":"#FFFFFF","font":{"hasCustomFontSettings":false}},"highlightColor":"#47AF19","spaceAbove":{"value":20,"unit":"px"},"text":{"primaryColor":"#202322","fontSizeRegular":{"value":18,"unit":"px"},"fontSizeLarge":{"value":18,"unit":"px"},"fontSizeSmall":{"value":15,"unit":"px"},"secondaryColor":"#202322"},"spaceBelow":{"value":20,"unit":"px"},"attributeBar":{"style":"default","backgroundColor":"#D3D4DD","shadingColor":"#47AF19","markerColor":"#47AF19"}},"showWhenEmpty":false,"reviews":{"list":{"layout":{"collapseReviewerDetails":false,"columnAmount":4,"name":"default","showAttributeBars":false,"borderStyle":"full","showProductVariantName":false,"showProductDetails":"always"},"loyalty":{"maxInitialAchievements":3,"showVipTiers":false},"initialPageSize":3,"replyTruncation":{"bodyMaxLines":4,"enabled":true},"media":{"layout":"thumbnail","size":{"value":75,"unit":"px"},"imageGap":{"value":4,"unit":"px"}},"truncation":{"bodyMaxLines":4,"truncateAll":false,"enabled":true},"loadMorePageSize":5},"controls":{"filterMode":"closed","writeReviewButtonEnabled":true,"freeTextSearchEnabled":true,"defaultSort":"rating desc"}}},"starRatings":{"showWhenEmpty":false,"style":{"text":{"content":"review-count","style":"number-and-text","brackets":false},"spaceAbove":{"value":0,"unit":"px"},"spaceBelow":{"value":0,"unit":"px"},"height":{"value":15,"unit":"px"}},"clickBehavior":"scroll-to-widget"}},"features":{"attributeFiltersEnabled":true,"recorderPlusEnabled":true,"recorderQandaPlusEnabled":true,"reviewsKeywordsEnabled":true,"reviewsSummariesEnabled":true}}</script>
845 846 <style id="oke-css-vars">:root{--oke-widget-spaceAbove:20px;--oke-widget-spaceBelow:20px;--oke-starRating-spaceAbove:0;--oke-starRating-spaceBelow:0;--oke-button-backgroundColor:#47af19;--oke-button-backgroundColorHover:#fff;--oke-button-backgroundColorActive:#fff;--oke-button-textColor:#fff;--oke-button-textColorHover:#221f20;--oke-button-textColorActive:#221f20;--oke-button-borderColor:#47af19;--oke-button-borderColorHover:#221f20;--oke-button-borderColorActive:#221f20;--oke-button-borderRadius:0;--oke-button-borderWidth:1px;--oke-button-fontWeight:700;--oke-button-fontSize:var(--oke-text-regular,14px);--oke-button-fontFamily:inherit;--oke-border-color:#e7e7e7;--oke-border-width:1px;--oke-text-primaryColor:#202322;--oke-text-secondaryColor:#202322;--oke-text-small:15px;--oke-text-regular:18px;--oke-text-large:18px;--oke-text-fontFamily:inherit;--oke-avatar-size:undefined;--oke-avatar-backgroundColor:undefined;--oke-avatar-placeholderTextColor:undefined;--oke-highlightColor:#47af19;--oke-shadingColor:#f7f7f8;--oke-productImageSize:47px;--oke-attributeBar-shadingColor:#47af19;--oke-attributeBar-borderColor:undefined;--oke-attributeBar-backgroundColor:#d3d4dd;--oke-attributeBar-markerColor:#47af19;--oke-filter-backgroundColor:#fff;--oke-filter-backgroundColorActive:#202322;--oke-filter-borderColor:#202322;--oke-filter-borderColorActive:#202322;--oke-filter-textColor:#202322;--oke-filter-textColorActive:#fff;--oke-filter-borderRadius:0;--oke-filter-searchHighlightColor:#b2f9e9;--oke-mediaGrid-chevronColor:#676986;--oke-stars-foregroundColor:#47af19;--oke-stars-backgroundColor:#e5e5e5;--oke-stars-borderWidth:0}.oke-w,oke-modal{--oke-title-fontWeight:600;--oke-title-fontSize:var(--oke-text-regular,14px);--oke-title-fontFamily:inherit;--oke-bodyText-fontWeight:400;--oke-bodyText-fontSize:var(--oke-text-regular,14px);--oke-bodyText-fontFamily:inherit}</style> 847 <style id="oke-reviews-custom-css">.template-product .oke-sr{margin-top:20px}.okendo-review-widget-container{margin-top:100px;margin-bottom:60px}.okeReviews.oke-w[data-oke-container] .oke-w-writeReview{display:none}[data-oke-carousel],[data-oke-media-grid],[data-oke-media-carousel],[data-oke-questions-widget],[data-oke-widget]{width:100%}div.okeReviews[data-oke-container].oke-w{max-width:unset}div.okeReviews[data-oke-container] p{font-size:15px;line-height:18.65px}.okeReviews[data-oke-container] .oke-reviewContent .oke-reviewContent-title{color:#212322;font-size:1.13em}div.oke-modal .okeReviews[data-oke-container].oke-w,div.okeReviews[data-oke-container] .oke-modal,div.okeReviews[data-oke-container] .oke-modal p,div.okeReviews[data-oke-container] .oke-modal .oke-helpful,div.okeReviews[data-oke-container] .oke-modal .oke-helpful-vote-button,div.okeReviews[data-oke-container] .oke-modal .oke-reviewContent-date{color:var(--oke-text-primaryColor)}div.okeReviews[data-oke-container] .oke-button{font-size:13px;transition:none}.okeReviews[data-oke-container] .oke-is-small .oke-sortSelect-label{margin-right:0}.okeReviews[data-oke-container] .oke-is-small .oke-w-reviews-count,.okeReviews[data-oke-container] .oke-is-small .oke-sortSelect{font-size:.9em}div.okeReviews[data-oke-container] .oke-w-textSearchFilter-input{border-radius:0}div.okeReviews[data-oke-container] .oke-w-reviews-controls{flex-wrap:wrap}@media(min-width:992px){div.okeReviews[data-oke-container] p{font-size:18px;line-height:22.37px}}.okeReviews[data-oke-container] .oke-reviewCarousel .oke-reviewCarousel-header-title{font-size:25px;font-weight:700;line-height:31px}@media all and (min-width:992px){.okeReviews[data-oke-container] .oke-reviewCarousel .oke-reviewCarousel-header-title{font-size:30px;line-height:37px}}</style> 848 <template id="oke-reviews-body-template"><svg id="oke-star-symbols" style="display:none!important" data-oke-id="oke-star-symbols"><symbol id="oke-star-empty" style="overflow:visible;"><path id="star-default--empty" fill="var(--oke-stars-backgroundColor)" stroke="var(--oke-stars-borderColor)" stroke-width="var(--oke-stars-borderWidth)" d="M3.34 13.86c-.48.3-.76.1-.63-.44l1.08-4.56L.26 5.82c-.42-.36-.32-.7.24-.74l4.63-.37L6.92.39c.2-.52.55-.52.76 0l1.8 4.32 4.62.37c.56.05.67.37.24.74l-3.53 3.04 1.08 4.56c.13.54-.14.74-.63.44L7.3 11.43l-3.96 2.43z"/></symbol><symbol id="oke-star-filled" style="overflow:visible;"><path id="star-default--filled" fill="var(--oke-stars-foregroundColor)" stroke="var(--oke-stars-borderColor)" stroke-width="var(--oke-stars-borderWidth)" d="M3.34 13.86c-.48.3-.76.1-.63-.44l1.08-4.56L.26 5.82c-.42-.36-.32-.7.24-.74l4.63-.37L6.92.39c.2-.52.55-.52.76 0l1.8 4.32 4.62.37c.56.05.67.37.24.74l-3.53 3.04 1.08 4.56c.13.54-.14.74-.63.44L7.3 11.43l-3.96 2.43z"/></symbol></svg></template>
848<script>document.addEventListener('readystatechange',() =>{Array.from(document.getElementById('oke-reviews-body-template')?.content.children)?.forEach(function(child){if(!Array.from(document.body.querySelectorAll('[data-oke-id='.concat(child.getAttribute('data-oke-id'),']'))).length){document.body.prepend(child)}})},{once:true});</script>
848 849 850 851 852 853 854 855 856 857 858 859
859<script src="https://surveys.okendo.io/js/init-quizzes.js" defer></script>
859 860 861 862 863 864 865 866 867<!-- END app snippet --> 868 869<!-- BEGIN app snippet: widget-plus-initialisation-script --> 870 871 872 873 874
874<script async id="okendo-reviews-script" src="https://cdn-static.okendo.io/reviews-widget-plus/js/okendo-reviews.js"></script>
874 875 876<!-- END app snippet --> 877 878 879<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 880 881 882 883 884 885 886 887 888 889 890 891 892
892<script async src="https://static.klaviyo.com/onsite/js/VST9Su/klaviyo.js?company_id=VST9Su"></script>
892 893
893<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>
893 894 895 896 897 898 899 900
900<script> 901 window.klaviyoReviewsProductDesignMode = false 902 </script>
902 903 904 905 906 907 908 909 910 911 912<!-- END app block -->
912<script src="https://cdn.shopify.com/extensions/019f511a-1c67-7a71-a162-07397e50c10c/bnb-app-11/assets/buynowbutton.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 912
912
913<script src="https://cdn.shopify.com/extensions/019f511a-1c67-7a71-a162-07397e50c10c/bnb-app-11/assets/buynowbutton-lists.js" type="text/javascript" defer="defer"></script>
913 914<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
915<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: 359333902,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 915
915
916<script> 917 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 918</script>
vendor: 1 bytes, line 918
918
919<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}
919).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: 359333902,storefrontBaseUrl: "https://soylent.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://soylent.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2596208751","configuration":"{\"store_id\":\"45326\",\"environment\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"10c4f173702937db6fa4bf871600cafd","type":"APP","apiClientId":294517,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
919,"dataSharingState":"unrestricted"},{"id":"1257078895","configuration":"{\"accountID\":\"VST9Su\",\"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":"704577647","configuration":"{\"site_id\":\"f441db60-019a-4873-9df7-29b0ccc6c72a\",\"analytics_endpoint\":\"https:\\\/\\\/na.shgcdn3.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"695709fc3f146fa50a25299517a954f2","type":"APP","apiClientId":1158168,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"685441135","configuration":"{ \"bundleName\": \"soylent-prod\" }","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"6d69af31d151d9c0dc4842dc2c8531ca","type":"APP","apiClientId":5106349,"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":"491913327","configuration":"{\"shopId\":\"soylent-prod.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7093dff47f098f6de2afb75b62011ebe","type":"APP","apiClientId":2753413,"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"},{"id":"316113007","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-BDLS35Q0N3\\\",\\\"GT-TNH3KHB\\\"],\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-BDLS35Q0N3\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-BDLS35Q0N3\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-BDLS35Q0N3\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-BDLS35Q0N3\\\",\\\"MC-CCN30TBYHZ\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-BDLS35Q0N3\\\",\\\"MC-CCN30TBYHZ\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-BDLS35Q0N3\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-BDLS35Q0N3\\\",\\\"MC-CCN30TBYHZ\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-BDLS35Q0N3\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-BDLS35Q0N3\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-BDLS35Q0N3\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-BDLS35Q0N3\\\"}],\\\"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":"266403951","configuration":"{\"pixelCode\":\"C4TS95BQ8B0GT169DHLG\"}","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"}
919,{"id":"145981551","configuration":"{\"hashed_organization_id\":\"46d6699a16c0919a04be2f23409cf678_v1\",\"app_key\":\"soylent-prod\",\"allow_collect_personal_data\":\"true\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"01efe7afb13dafa90bc1421b50b2a3ed","type":"APP","apiClientId":111542,"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":"134643823","configuration":"{\"pixel_id\":\"1528181130809220\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"55115887","configuration":"{\"subscriberId\":\"833a8c0a-7d58-4eed-8a87-737d12f1f1b3\",\"pixelEventTrackingEnabled\":\"true\",\"pixelReviewsEventsEnabled\":\"false\",\"pixelReviewsOnScreenTimerEnabled\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"51addb49e96ee79ec1795596c3471e86","type":"APP","apiClientId":1576377,"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":"optimized"},{"id":"31850607","configuration":"{\"tagID\":\"2612863372523\"}","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":"18645103","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Retention.com Script"},{"id":"28049519","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"5","type":"CUSTOM","privacyPurposes":[],"name":"Klaviyo Non Recurring Revenue "},{"id":"87425135","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"],"name":"Yottaa"},{"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":"Soylent","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"soylent-prod.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/soylent.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"4605292675183","handle":"soylent-complete-energy-chocolate","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"32248221958255","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://soylent.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"126746296431","themePublished":"true","eventMetadataId":"db8426ec-976e-435c-abf9-59d86ec12c48","pageType":"home","shopId":"359333902","storefrontBaseUrl":"https:\/\/soylent.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
919<script> 920 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 921 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 922 window.ShopifyAnalytics.meta.currency = 'USD'; 923 var meta = {"page":{"pageType":"home","requestId":"cf742a6c-90e5-4ac4-950f-e8677e365c0a-1790916356"}}; 924 for (var attr in meta) { 925 window.ShopifyAnalytics.meta[attr] = meta[attr]; 926 } 927</script>
vendor: 1 bytes, line 927
927
928<script class="analytics"> 929 (function () { 930 var customDocumentWrite = function(content) { 931 var jquery = null; 932 933 if (window.jQuery) { 934 jquery = window.jQuery; 935 } else if (window.Checkout && window.Checkout.$) { 936 jquery = window.Checkout.$; 937 } 938 939 if (jquery) { 940 jquery('body').append(content); 941 } 942 }; 943 944 var hasLoggedConversion = function(token) { 945 if (token) { 946 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 947 } 948 return false; 949 } 950 951 var setCookieIfConversion = function(token) { 952 if (token) { 953 var twoMonthsFromNow = new Date(Date.now()); 954 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 955 956 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 957 } 958 } 959 960 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 961 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 962 if (trekkie.integrations) { 963 return; 964 } 965 trekkie.methods = [ 966 'identify', 967 'page', 968 'ready', 969 'track', 970 'trackForm', 971 'trackLink' 972 ]; 973 trekkie.factory = function(method) { 974 return function() { 975 var args = Array.prototype.slice.call(arguments); 976 args.unshift(method); 977 trekkie.push(args); 978 if (method == 'track' || method == 'page') { 979 var pageUrl; 980 try { 981 pageUrl = window.location.href; 982 } catch (e) {} 983 var pageReferrer; 984 try { 985 pageReferrer = document.referrer; 986 } catch (e) {} 987 try { 988 if (window.__TREKKIE_SHIM_QUEUE == null) { 989 window.__TREKKIE_SHIM_QUEUE = []; 990 } 991 window.__TREKKIE_SHIM_QUEUE.push({ 992 from: 'trekkie-stub', 993 method: method, 994 args: args.slice(1), 995 pageContext: { 996 url: pageUrl, 997 referrer: pageReferrer 998 } 999 }); 1000 } catch (e) { 1001 // no-op 1002 } 1003 } 1004 return trekkie; 1005 }; 1006 }; 1007 for (var i = 0; i < trekkie.methods.length; i++) { 1008 var key = trekkie.methods[i]; 1009 trekkie[key] = trekkie.factory(key); 1010 } 1011 trekkie.load = function(config) { 1012 trekkie.config = config || {}; 1013 trekkie.config.initialDocumentCookie = document.cookie; 1014 var first = document.getElementsByTagName('script')[0]; 1015var script = document.createElement('script'); 1016script.type = 'text/javascript'; 1017script.onerror = function(e) { 1018 var scriptFallback = document.createElement('script'); 1019 scriptFallback.type = 'text/javascript'; 1020 scriptFallback.onerror = function(error) { 1021 var Monorail = { 1022 produce: function produce(monorailDomain, schemaId, payload) { 1023 var currentMs = new Date().getTime(); 1024 var event = { 1025 schema_id: schemaId, 1026 payload: payload, 1027 metadata: { 1028 event_created_at_ms: currentMs, 1029 event_sent_at_ms: currentMs 1030 } 1031 }; 1032 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1033 }, 1034 sendRequest: function sendRequest(endpointUrl, payload) { 1035 // Try the sendBeacon API 1036 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1037 var blobData = new window.Blob([payload], { 1038 type: 'text/plain' 1039 }); 1040 1041 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1042 return true; 1043 } // sendBeacon was not successful 1044 1045 } // XHR beacon 1046 1047 var xhr = new XMLHttpRequest(); 1048 1049 try { 1050 xhr.open('POST', endpointUrl); 1051 xhr.setRequestHeader('Content-Type', 'text/plain'); 1052 xhr.send(payload); 1053 } catch (e) { 1054 console.log(e); 1055 } 1056 1057 return false; 1058 }, 1059 isIos12: function isIos12() { 1060 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1061 } 1062 }; 1063 Monorail.produce('monorail-edge.shopifysvc.com', 1064 'trekkie_storefront_load_errors/1.1', 1065 {shop_id: 359333902,
1066 theme_id: 126746296431, 1067 app_name: "storefront", 1068 context_url: window.location.href, 1069 source_url: "//soylent.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"}); 1070 1071 }; 1072 scriptFallback.async = true; 1073 scriptFallback.src = '//soylent.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1074 first.parentNode.insertBefore(scriptFallback, first); 1075}; 1076script.async = true; 1077script.src = '//soylent.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js'; 1078first.parentNode.insertBefore(script, first); 1079 1080 }; 1081 trekkie.load( 1082 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":359333902,"isMerchantRequest":null,"themeId":126746296431,"themeCityHash":"6807638181175089666","contentLanguage":"en","currency":"USD","eventMetadataId":"db8426ec-976e-435c-abf9-59d86ec12c48"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1083 ); 1084 1085 var loaded = false; 1086 trekkie.ready(function() { 1087 if (loaded) return; 1088 loaded = true; 1089 1090 window.ShopifyAnalytics.lib = window.trekkie; 1091 1092 var originalDocumentWrite = document.write; 1093 document.write = customDocumentWrite; 1094 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1095 document.write = originalDocumentWrite; 1096 1097 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1098 var token = match? match[1]: undefined; 1099 if (!hasLoggedConversion(token)) { 1100 setCookieIfConversion(token); 1101 1102 } 1103 }); 1104 1105 window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"cf742a6c-90e5-4ac4-950f-e8677e365c0a-1790916356","shopifyEmitted":true}); 1106 1107 var eventsListenerScript = document.createElement('script'); 1108 eventsListenerScript.async = true; 1109 eventsListenerScript.src = "//soylent.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1110 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1111})();</script>
vendor: 1 bytes, line 1111
1111
1112<script 1113 defer 1114 src="https://soylent.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1115 data-application="storefront-renderer" 1116 data-shop-id="359333902" 1117 data-render-region="gcp-us-central1" 1118 data-page-type="index" 1119 data-theme-instance-id="126746296431" 1120 data-theme-name="Soylent" 1121 data-theme-version="0.1.0" 1122 data-monorail-region="shop_domain" 1123 data-resource-timing-sampling-rate="10" 1124 data-shs="true" 1125 data-shs-beacon="true" 1126 data-shs-export-with-fetch="true" 1127 data-shs-logs-sample-rate="1" 1128 data-shs-beacon-endpoint="https://soylent.com/api/collect" 1129></script>
1129 1130<meta name="shopify-y" content="6b01144b-c404-4a11-9c39-e7daacda28af" data-expiration="1822473956000"><meta name="shopify-s" content="170799c3-1747-481b-9a18-31dfd7ad756e" data-expiration="1790918156000"><meta name="new-cookie-storage-activated" content="t"> 1131</head> 1132 1133 1134 1135 <body id="soylent-com-let-us-take-a-few-things-off-your-plate" class="template-index site-fixed-header"> 1136 1137 1138 <div 1139 class="ffui-container" 1140 x-data="ffui()" 1141 x-init="init()" 1142 x-show="visible" 1143 :class="(collapsed ? 'collapsed' : '')" 1144 x-cloak 1145 > 1146 <div class="minimized-title" x-show="collapsed"> 1147 Date Override: <span x-text="!overrideActive ? 'None' : overrideDate"></span> 1148 </div> 1149 <div class="ffui-controls"> 1150 <div class="ffui-control ffui-expand-button" x-show="collapsed" @click="collapsed = false">+</div> 1151 <div class="ffui-control ffui-collapse-button" x-show="!collapsed" @click="collapsed = true">-</div> 1152 </div> 1153 <div class="ffui-title"> 1154 <div> 1155 Date Override: <span x-text="!overrideActive ? 'None' : ''"></span> 1156 </div> 1157 <div> 1158 <a href="#" @click.prevent="listActiveFFs()">List Active FFs</a> | 1159 <a href="#" @click.prevent="copyShareLink()" x-text="copyTimeout ? 'Copied!' : 'Copy Link'"></a> 1160 </div> 1161 </div> 1162 <div class="ffui-form"> 1163 <input type="datetime-local" name="ffui_date" x-model="newDate" /> 1164 <button @click.prevent="updateDate(newDate)">Update</button> 1165 <button @click.prevent="updateDate('')">Clear</button> 1166 </div> 1167 </div> 1168
1168<script> 1169 function ffui(){ 1170 return { 1171 copyTimeout: null, 1172 overrideActive: false, 1173 visible: false, 1174 collapsed: false, 1175 overrideDate: '', 1176 newDate: '', 1177 init(){ 1178 // Feel like this could be simplified 1179 const cartDateAttribute = ``; 1180 this.overrideActive = cartDateAttribute.length > 0; 1181 const searchParams = new URLSearchParams(window.location.search); 1182 const params = Object.fromEntries(searchParams); 1183 if(params.ffui && params.ffui.length > 5){ 1184 this.updateDate(params.ffui, false).then(() => { 1185 searchParams.delete('ffui'); 1186 location.search = searchParams.toString(); 1187 }); 1188 } 1189 const paramKeys = Object.keys(params).map(x => x.toLowerCase()); 1190 this.visible = paramKeys.includes('ffui') || this.overrideActive; 1191 this.collapsed = !paramKeys.includes('ffui'); 1192 this.overrideDate = cartDateAttribute; 1193 this.newDate = this.overrideActive ? this.overrideDate : (new Date()).toISOString().split('.')[0]; 1194 }, 1195 updateDate(date = '', reload = true){ 1196 return fetch(window.Shopify.routes.root + 'cart/update.js', { 1197 method: 'POST', 1198 headers: { 1199 'Content-Type': 'application/json' 1200 }, 1201 body: JSON.stringify({ attributes: {_date_now_override: date} }) 1202 }) 1203 .then(response => { 1204 if(reload){ 1205 location.reload(); 1206 } 1207 }) 1208 .catch(error => { 1209 console.error('Error:', error); 1210 }); 1211 }, 1212 copyShareLink(){ 1213 const currentParams = new URLSearchParams(window.location.search); 1214 currentParams.set('ffui', this.newDate); 1215 currentParams.set('preview_theme_id', Shopify.theme.id); 1216 const locationNoQuery = location.href.split('?')[0]; 1217 navigator.clipboard.writeText(locationNoQuery+'?'+currentParams.toString()) 1218 if(this.copyTimeout){ 1219 clearTimeout(this.copyTimeout); 1220 } 1221 this.copyTimeout = setTimeout(e => { 1222 this.copyTimeout = null; 1223 }, 3000); 1224 }, 1225 listActiveFFs(){ 1226 alert(Object.entries(window.FeatureFlags).map(x => { 1227 if(x[0][0] == '_'){ 1228 return false; 1229 } 1230 if(!x[1]){ 1231 return false; 1232 } 1233 return x[0]; 1234 }).filter(x => x).join("\r\n")); 1235 }, 1236 } 1237 } 1238 </script>
1238 1239 <style> 1240 [x-cloak] { display: none !important; } 1241 .ffui-container { 1242 position: fixed; 1243 bottom: 0; 1244 left: 0; 1245 height: 200px; 1246 width: 500px; 1247 background-color: #FFF; 1248 z-index: 9999999999; 1249 padding: 20px; 1250 border: 2px solid black; 1251 } 1252 .ffui-container.collapsed { 1253 bottom: -175px; 1254 } 1255 .ffui-container .minimized-title { 1256 position: absolute; 1257 left: 5px; 1258 top: 0; 1259 } 1260 .ffui-controls { 1261 position: absolute; 1262 top: 0; 1263 right: 0; 1264 height: 20px; 1265 width: 20px; 1266 display: flex; 1267 justify-content: center; 1268 align-items: center; 1269 text-align: center; 1270 cursor: pointer; 1271 font-size: 32px; 1272 line-height: 1; 1273 } 1274 .ffui-title { 1275 display: flex; 1276 justify-content: space-between; 1277 align-items: center; 1278 } 1279 .ffui-title a { 1280 text-decoration: underline; 1281 } 1282 .ffui-form { 1283 display: flex; 1284 width: 100%; 1285 border: 2px solid black; 1286 } 1287 .ffui-form input { 1288 flex: 1 0 auto; 1289 outline: none; 1290 border: none; 1291 height: 40px; 1292 padding: 5px 10px; 1293 } 1294 .ffui-form button { 1295 background: black; 1296 color: white; 1297 height: 40px; 1298 padding: 4px 10px; 1299 flex: 0 0 auto; 1300 cursor: pointer; 1301 outline: none; 1302 } 1303 .ffui-form button:hover { 1304 background-color: #333; 1305 } 1306 .ffui-form button:active, .ffui-container a { 1307 outline: none; 1308 } 1309 </style> 1310 1311 1312
1312<script id="rebuy-cart-template" type="text/template"> 1313 <div id="rebuy-cart" class="rebuy-cart" v-cloak v-bind:class="[visible ? 'is-visible' : '', 'currency-' + currency() ]"> 1314 <div class="rebuy-cart__flyout"> 1315 <div class="rebuy-cart__flyout-header"> 1316 <h4 class="rebuy-cart__flyout-title" v-html="settings.language.cart_title"></h4> 1317 <button class="rebuy-cart__flyout-close" type="button" v-on:click="hide()"> 1318 <i class="fal fa-times"></i> 1319 </button> 1320 </div> 1321 <div class="sample-upsell-notification-bar"> 1322 <p> 1323 1324 </p> 1325 </div> 1326 <div class="rebuy-cart__flyout-body"> 1327 <div class="rebuy-cart__flyout-announcement-bar" id="rebuy-smart-cart-announcement-bar" v-if="announcementBarEnabled()"> 1328 <div class="rebuy-cart__flyout-announcement-bar-message" v-for="message in settings.announcement_bar.messages" v-html="message"></div> 1329 </div> 1330 1331 <div class="rebuy-cart__flyout-shipping-bar" v-if="freeShippingEnabled()" v-bind:class="[ freeShippingHelperMessage() ? 'has-helper' : '', hasFreeShipping() ? 'has-free-shipping': '' ]"> 1332 <div class="rebuy-cart__flyout-shipping-bar-message" v-if="!hasFreeShipping()" v-html="freeShippingRemainingMessage()"></div> 1333 <div class="rebuy-cart__flyout-shipping-bar-message" v-if="hasFreeShipping()" v-html="freeShippingCompleteMessage()"></div> 1334 <div class="rebuy-cart__flyout-shipping-bar-meter" v-bind:class="[hasFreeShippingProgress() ? 'has-progress' : 'no-progress']"> 1335 <div class="rebuy-cart__flyout-shipping-bar-meter-fill" v-bind:style="{ width: freeShippingPercentComplete() }"> 1336 <span class="rebuy-cart__flyout-shipping-bar-meter-fill-text" v-html="freeShippingPercentComplete()"></span> 1337 </div> 1338 </div> 1339 <div class="rebuy-cart__flyout-shipping-bar-helper" v-if="freeShippingHelperMessage()" v-html="freeShippingHelperMessage()"></div> 1340 </div> 1341 1342 <div v-if="progressBarEnabled()" class="rebuy-cart__progress-bar-container above"> 1343 <div v-for="bar in settings.progress_bar.bars" v-if="isValidBar(bar)"> 1344 <div class="rebuy-cart__progress-step-wrapper" v-bind:class="[ 'count-' + bar.tiers.length ]"> 1345 <div v-for="tier in bar.tiers" class="rebuy-cart__progress-step" 1346 v-bind:style="{ width: progressStepMaxWidth(bar) }" 1347 v-bind:class="[ progressTierReached(tier) ? 'complete' : '' ]"> 1348 <div class="rebuy-cart__progress-step-icon" v-html="progressTierIcon(tier)"></div> 1349 <span class="rebuy-cart__progress-step-label">{{ getTierLabel(tier)}}</span> 1350 </div> 1351 </div> 1352 1353 <div class="rebuy-cart__progress-bar-wrapper"> 1354 <div class="rebuy-cart__progress-bar-meter" 1355 v-bind:class="[hasTierProgress() ? 'has-progress' : 'no-progress']"> 1356 <div class="rebuy-cart__progress-bar-meter-fill" v-bind:style="{ width: tiersPercentageComplete(bar) }" 1357 role="progressbar" tabindex="0" aria-valuemin="0" aria-valuemax="100" 1358 v-bind:aria-valuenow="tiersPercentageComplete(bar, true)" 1359 aria-labelledby="rebuy-cart__progress-bar-meter-label"> 1360 <span class="sr-only"></span> 1361 </div> 1362 </div> 1363 1364 <div id="rebuy-cart__progress-bar-meter-label" class="rebuy-cart__progress-bar-prompt" 1365 v-if="hasProgressPrompt(bar)" v-html="getTierFeedbackText(bar)"></div> 1366 </div> 1367 1368 <div class="rebuy-cart__progress-free-products" 1369 v-if="getBarLayout(bar) == 'above' && earnedProducts(bar).length > 0"> 1370 <div class="rebuy-cart__progress-free-products-title">Free Gifts</div> 1371 <div class="rebuy-cart__progress-free-products-list" ref="freeProductList"> 1372 <div v-for="product in earnedProducts(bar)" class="rebuy-cart__progress-free-product" 1373 v-bind:style="[ freeProductTileStyle(bar) ]"> 1374 <div class="rebuy-cart__progress-free-product-image" v-bind:style="freeProductStyles(product)"> 1375 </div> 1376 <div class="rebuy-cart__progress-free-product-info"> 1377 <div> 1378 <p class="rebuy-cart__progress-free-product-title" v-html="product.title"></p> 1379 <span v-if="product.chosen_variant" class="rebuy-cart__progress-free-product-variant-title" 1380 v-html="getFreeVariantTitle(product)"></span> 1381 </div> 1382 <div v-if="!product.chosen_variant" 1383 class="rebuy-cart__progress-free-product-variant-select-container"> 1384 <select class="rebuy-cart__progress-free-product-variant-select" 1385 v-on:change="selectFreeProductVariant($event, product)"> 1386 <option value="" disabled selected>Select Variant</option> 1387 <option v-for="variant in freeProductOptions(product)" v-bind:value="variant.id">{{ 1388 variant.title }}</option> 1389 </select> 1390 <div class="rebuy-cart__progress-free-product-variant-select-prompt" 1391 v-html="freeProductPrompt(product)"></div> 1392 </div> 1393 </div> 1394 <button v-show="product.chosen_variant" class="rebuy-cart__progress-free-product-remove" 1395 v-on:click="removeFreeProduct(product)"> 1396 <i class="fal fa-times"></i> 1397 <span class="sr-only">Remove {{ product.title }}
1397 {{ product.chosen_variant?.title ? 1398 product.chosen_variant.title : '' }} from Cart</span> 1399 </button> 1400 </div> 1401 </div> 1402 </div> 1403 </div> 1404 </div> 1405 1406 <div class="rebuy-cart__flyout-content" v-bind:class="[ hasItems() ? 'has-items' : 'no-items' ]"> 1407 <div class="rebuy-cart__flyout-items" v-if="hasItems()"> 1408 <div class="rebuy-cart__flyout-item" v-for="item in items()" v-if="!isHiddenItem(item)" v-bind:class="[ 'product-' + item.handle, itemProductTagsClasses(item), itemPropertyClasses(item) ]"> 1409 <div class="rebuy-cart__flyout-item-media"> 1410 <a v-bind:href="itemURL(item)"> 1411 <img v-bind:src="sizeImage(item.image, '240x240')" v-bind:alt="item.title" /> 1412 </a> 1413 <button class="rebuy-cart__flyout-item-remove" type="button" v-on:click="removeItem(item)"> 1414 <span style="transform: scale(1.6); display: inline-block; margin-right: 2px; font-weight: 500;">Ã</span> Remove 1415 </button> 1416 </div> 1417 <div class="rebuy-cart__flyout-item-info"> 1418 <a class="rebuy-cart__flyout-item-product-title" v-bind:href="itemURL(item)" v-html="item.product_title"></a> 1419 <div class="rebuy-cart__flyout-item-variant-title" v-html="item.variant_title" v-if="item.variant_title"></div> 1420 1421 <div v-if="handleBundleDiscounts(items(), item)" class="volume-discount__message-wrapper"> 1422 <p v-if="item.product.tags.includes('volume_discount_one-time')"> 1423 Add another tub to your cart for just <span v-html="cart_bundle_discount_onetime < 2 ? `${ window.tubSettings.otpTwoPrice }` : `${ window.tubSettings.otpThreePrice }`"></span> 1424 </p> 1425 <p v-if="item.product.tags.includes('volume_discount_subscription')"> 1426 Add another tub to your cart for just <span v-html="cart_bundle_discount_subscription < 2 ? `${ window.tubSettings.subTwoPrice }` : `${ window.tubSettings.subThreePrice }`"></span> 1427 </p> 1428 </div> 1429 1430 <div class="rebuy-cart__flyout-item-discount-message" v-if="hasLineItemDiscount(item)" v-html="lineItemDiscountMessage(item)"> 1431 </div> 1432 1433 <div class="rebuy-cart__flyout-item-properties" v-if="hasItemProperties(item)"> 1434 <div class="rebuy-cart__flyout-item-property rebuy-cart__flyout-item-property--delivery-frequency" v-if="itemDeliveryFrequency(item)" v-html="itemDeliveryFrequency(item)"></div> 1435 <div class="rebuy-cart__flyout-item-property" v-for="property in itemProperties(item)" v-bind:class="[ itemPropertyKeyClass(property), itemPropertyValueClass(property) ]"> 1436 <span class="rebuy-cart__flyout-item-property-name" v-html="property.key"></span><span class="rebuy-cart__flyout-item-property-separator">:</span> <span class="rebuy-cart__flyout-item-property-value" v-html="property.value"></span> 1437 </div> 1438 </div> 1439 <div class="rebuy-cart__flyout-item-quantity"> 1440 1441 <div class="rebuy-cart__flyout-item-quantity-widget"> 1442 <button class="rebuy-cart__flyout-item-quantity-widget-button" v-on:click="decreaseItem(item)" type="button"> 1443 <i class="far fa" v-bind:class="[(item.status == 'decreasing') ? 'fa-sync-alt fa-fast-spin' : 'fa-minus']"></i> 1444 </button> 1445 1446 <span class="rebuy-cart__flyout-item-quantity-widget-label" v-html="item.quantity"></span> 1447 1448 <button class="rebuy-cart__flyout-item-quantity-widget-button" v-on:click="increaseItem(item)" type="button"> 1449 <i class="far fa" v-bind:class="[(item.status == 'increasing') ? 'fa-sync-alt fa-fast-spin' : 'fa-plus']"></i> 1450 </button> 1451 </div> 1452 1453 </div> 1454 <div class="rebuy-cart__flyout-item-price"> 1455 <div v-if="itemHasDiscount(item)"> 1456 <span class="rebuy-money sale" v-html="formatMoney(itemPrice(item))"></span> 1457 <span class="rebuy-money compare-at" v-html="formatMoney(compareAtPrice(item))"></span> 1458 </div> 1459 <div v-if="!itemHasDiscount(item)"> 1460 <span class="rebuy-money" v-html="formatMoney(itemPrice(item))"></span> 1461 </div> 1462 </div> 1463 <div class="rebuy-cart__flyout-item-subscription" v-if="hasSwitchToSubscription(item)"> 1464 <button 1465 class="rebuy-button outline" 1466 v-if="!item.product.subscription || item.status == 'downgrading' || item.status == 'upgrading'" 1467 v-bind:disabled="(item.status == 'downgrading' || item.status == 'upgrading')" 1468 v-on:click="updateItemDeliveryFrequency(item, item.product.subscription_frequencies[0])" 1469 type="button"> 1470 <span v-html="switchToSubscriptionLabelPercentageFormatted(item)"></span> 1471 </button> 1472 1473 <select 1474 class="rebuy-select muted" 1475 v-if="item.product.subscription && item.status != 'downgrading'" 1476 v-model="item.product.subscription_frequency" 1477 v-on:change="updateItemDeliveryFrequency(item)"> 1478 <optgroup 1479 v-if="!item.product.is_subscription_only" 1480 v-bind:label="onetimeOptionGroupLabel(item)"> 1481 <option v-bind:value="'onetime'" v-html="onetimeOptionLabel(item)"></option> 1482 </optgroup> 1483 <optgroup 1484 1485 v-bind:label="subscriptionLabelPercentageFormatted(item)"> 1486 <option 1487 v-for="frequency in item.product.subscription_frequencies" 1488 v-bind:value="frequency" v-html="subscriptionOptionLabel(item, frequency, item.product.subscription_interval)"> 1489 </option> 1490 </optgroup> 1491 </select> 1492 </div> 1493 1494 </div> 1495 1496 </div> 1497 <div class="rebuy-cart__flyout-note" v-if="notesEnabled()"> 1498 <label class="rebuy-cart__flyout-note-toggle"> 1499 <input class="rebuy-cart__flyout-note-toggle-input rebuy-checkbox" type="checkbox" v-model="notes.visible" v-on:click="notesToggle()" /> 1500 <span class="rebuy-cart__flyout-note-toggle-label" v-html="settings.language.notes_label"></span> 1501 </label> 1502 <div class="rebuy-cart__flyout-note-content" v-if="notesIsVisible()"> 1503 <textarea 1504 id="rebuy-cart-notes" 1505 class="rebuy-textarea rebuy-cart__flyout-note-textarea" 1506 v-model="notes.value" 1507 v-on:keyup="notesChange(event)" 1508 v-on:keydown="notesChange(event)" 1509 v-on:change="notesChange(event)" 1510 v-bind:placeholder="settings.language.notes_placeholder"></textarea> 1511 <small id="rebuy-cart-characters-remaining" v-html="notesRemainingCharacters()"></small> 1512 </div> 1513 </div> 1514 </div> 1515 1516 <div class="rebuy-cart__flyout-empty-cart" v-if="!hasItems()" v-html="emptyCartMessage()"></div> 1517 1518 <!-- eq add sample to cart start --> 1519 1520 <div id="add-to-cart__container" class="cart-sample__padding-0"></div> 1521 1522 <!-- eq add sample to cart end --> 1523 1524 <div class="rebuy-cart__flyout-recommendations" v-if="hasCrossSells()"> 1525 <div v-for="widget_id in settings.cross_sells" v-bind:data-rebuy-id="widget_id"></div> 1526 </div>
1527 <!-- Route Code 1528 <div style="margin: 0 20px !important;"> 1529 <div class="route-div" multiple-widgets desktop-align="center" ></div> 1530 <div style="font-size: 12px; margin-top: -10px; margin-bottom: 15px; text-align: center;"> 1531 <b>For subscription orders:<br></b> Choosing Route Package Protection means that protection will be added to each recurring order. Package protection may be cancelled at any time.</i> 1532 </div> 1533 </div> 1534 Route Code End --> 1535 </div> 1536 1537 </div> 1538 1539 <div class="rebuy-cart__flyout-footer" v-if="hasItems()"> 1540 1541 1542 <div class="rebuy-cart__flyout-subtotal"> 1543 <div class="rebuy-cart__flyout-subtotal-label"> 1544 <span v-html="subtotalLabel()"></span> 1545 </div> 1546 <div class="rebuy-cart__flyout-subtotal-amount" v-html="subtotal()"></div> 1547 </div> 1548 1549 <div class="rebuy-cart__flyout-actions"> 1550 <button v-if="hasCheckoutButton()" class="rebuy-button block" type="button" v-on:click="checkout()"> 1551 <span v-html="checkoutLabel()"></span> 1552 </button> 1553 1554 <button v-if="hasViewCartButton()" class="rebuy-button block" v-bind:class="{'outline': hasCheckoutButton()}" type="button" v-on:click="viewCart()"> 1555 <span v-html="viewCartLabel()"></span> 1556 </button> 1557 1558 <button v-if="hasContinueShoppingButton()" class="rebuy-button block outline" type="button" v-on:click="hide()"> 1559 <span v-html="continueShoppingLabel()"></span> 1560 </button> 1561 </div> 1562 1563 <div class="rebuy-cart__flyout-installments" v-if="installmentsEnabled()" v-html="installmentsMessage()"></div> 1564 1565 </div> 1566 </div> 1567 1568 <div class="rebuy-cart__background" v-on:click="hide()"></div> 1569 </div> 1570 </script>
1570 1571 1572 1573<style> 1574.volume-discount__message-wrapper p{ 1575 color:#47AF19; 1576 font-weight:700; 1577} 1578 1579.rebuy-cart__flyout-item-discount-message{ 1580 display:none !important; 1581} 1582</style> 1583
1584<script> 1585 document.addEventListener('rebuy:cart.ready', function(event){ 1586 const flyoutInstallmentsLink = document.querySelector('.rebuy-cart__flyout-installments a'); 1587 if(!flyoutInstallmentsLink) return; 1588 flyoutInstallmentsLink.innerHTML = "<img style='width: 100px;' src='https://cdn.shopify.com/s/files/1/0003/5933/3902/files/afterpay-badge-blackonmint100x21_4x_5e41ca43-3fe0-49cb-b20d-4fb5728a837a.png?v=1636135247'>" 1589 }); 1590 1591 1592 // Below is the switch to subscription button label 1593 // <span v-html="switchToSubscriptionLabel(item)"></span> 1594 1595 // Below is the original function used within the option group label for subscription items 1596 // v-bind:label="subscriptionOptionGroupLabel(item)"> 1597 1598 1599 function switchToSubscriptionLabelPercentageFormatted (item) { 1600 var label = Rebuy.SmartCart.settings.switch_to_subscription.language.upgrade_to_subscription_label; 1601 1602 var discount; 1603 1604 if (Rebuy.Shop?.sellingPlanEnabled && item.product.selling_plan_groups) { 1605 discount = formatNumberDecimal(item.product.selling_plan_groups[0].discount_amount, 2); 1606 1607 label = label.replace('{{ subscription_discount }}', discount); 1608 1609 } else { 1610 discount = formatNumberDecimal(item.product.subscription_discount, 2); 1611 1612 label = label.replace('{{ subscription_discount }}', discount); 1613 1614 } 1615 1616 if (item.status == 'upgrading') { 1617 label = Rebuy.SmartCart.settings.switch_to_subscription.language.upgrading_label; 1618 } else if (item.status == 'downgrading') { 1619 label = Rebuy.SmartCart.settings.switch_to_subscription.language.downgrading_label; 1620 } 1621 1622 return label; 1623 } 1624 1625 1626 function subscriptionLabelPercentageFormatted (item) { 1627 var label = Rebuy.SmartCart.settings.switch_to_subscription.language.subscription_option_group_label; 1628 1629 var discount = item.product.subscription_discount; 1630 1631 discount = formatNumberDecimal(discount, 2); 1632 1633 1634 label = label.replace('{{ subscription_discount }}', discount); 1635 1636 return label; 1637 } 1638 1639 function formatNumberDecimal(number, decimal_count, thousands_separator, decimial_separator) { 1640 1641 number = Math.abs(Number(number) || 0); 1642 1643 decimal_count = (typeof decimal_count == 'undefined' ? 2 : decimal_count); 1644 thousands_separator = (typeof thousands_separator == 'undefined' ? ',' : thousands_separator); 1645 decimial_separator = (typeof decimial_separator == 'undefined' ? '.' : decimial_separator); 1646 1647 if (typeof decimal_count == "number") { 1648 // Round to an integer 1649 if (decimal_count == 0) { 1650 number = -Math.round(-number); 1651 } 1652 1653 // Run to fixed 1654 number = number.toFixed(decimal_count); 1655 } 1656 1657 var parts = number.split('.'); 1658 var integers = parts[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1' + thousands_separator); 1659 var decimals = parts[1] ? (decimial_separator + parts[1]) : ''; 1660 1661 return integers + decimals; 1662 } 1663 1664 let cart_bundle_discount_onetime = 0 1665 let cart_bundle_discount_subscription = 0 1666 1667 function handleBundleDiscounts(items,item){ 1668 let oneTimeCount = 0; 1669 let subCount = 0; 1670 let cartItems = items; 1671 for (cartItem of cartItems ) { 1672 if(cartItem.product?.tags.includes('volume_discount_subscription')){ 1673 subCount+= cartItem.quantity 1674 } else if (cartItem.product?.tags.includes('volume_discount_one-time')){ 1675 oneTimeCount += cartItem.quantity 1676 } 1677 }; 1678 1679 cart_bundle_discount_onetime = oneTimeCount 1680 cart_bundle_discount_subscription = subCount 1681 1682 if(item.product?.tags.includes('volume_discount_one-time')){ 1683 return oneTimeCount < 3 1684 } else if (item.product?.tags.includes('volume_discount_subscription')){ 1685 return subCount < 3 1686 }; 1687 } 1688 1689</script>
1689 1690<!--
1691<script 1692 src="https://cdn.routeapp.io/route-widget-shopify/v2/route-widget-shopify-stable-v2.min.js?shop=soylent-prod.myshopify.com" 1693> 1694</script>
1694 1695--> 1696 1697 1698
1699<script> 1700 let samplesPriority = {} 1701 1702 const cartItemCount = 0 1703 const cartItems = [] 1704 const samplesObjectRef = [] 1705 let availableSamples = [] 1706 const sampleSelectors = { 1707 container:'#add-to-cart__container', 1708 slider:'.samples-splide-container', 1709 upsellBar:'.sample-upsell-notification-bar', 1710 sampleLineItemSelector:'.tag-sample' 1711 } 1712 1713 class CartSamples { 1714 constructor(options){ 1715 const { itemCount, samples, minimumCartCount, sliderContainerSelector, sampleContainerSelector, upsellBarSelector, cartItems, sampleLineItemSelector, samplesPriority } = options 1716 this.count = 0 1717 this.samples = samples 1718 this.minimum = minimumCartCount 1719 this.sampleSliderSelector = sliderContainerSelector 1720 this.sampleContainer = sampleContainerSelector 1721 this.upsellBar = upsellBarSelector 1722 this.cart = cartItems 1723 this.sampleLineItemSelector = sampleLineItemSelector 1724 this.currentSample = null 1725 this.sampleLineItemRendered = false 1726 this.preferredSample = samplesPriority 1727 this.preferredSampleId = null 1728 this.sampleOriginal = samples //unedited samples array 1729 this.preferredSampleType = null 1730 } 1731 1732 init(){ 1733 this.initRebuyEventListeners() 1734 } 1735 1736 initRebuyEventListeners(){ 1737 const classRef = this 1738 1739 //when smart cart is open 1740 document.addEventListener('rebuy:smartcart.show', function(event){ 1741 Rebuy.Cart.fetchCart() 1742 classRef.getCartItems() 1743 }); 1744 1745 document.addEventListener('rebuy:cart.change', function(event){ 1746 classRef.validateCartHTML() 1747 }); 1748 1749 } 1750 1751 checkForMinimumItemCount(){ 1752 if(this.count < this.minimum){ 1753 this.showSampleUpsellBar() 1754 return 1755 } 1756 this.createSampleSlider() 1757 this.hideSampleUpsellBar() 1758 } 1759 1760 setPreferredSample(){ 1761 let preferredSampleId 1762 1763 let sampleObjKeys = Object.keys(this.preferredSample) 1764 1765 this.cart.forEach(cartItem => { 1766 if(!preferredSampleId){ 1767 let id = cartItem.product_id 1768 1769 sampleObjKeys.forEach(key =>{ 1770 if(!!this.preferredSample[key].products.length){ 1771 let check = this.preferredSample[key].products.find(item =>{ 1772 1773 return item.id == id 1774 }) 1775 if (check){ 1776 preferredSampleId = key 1777 } 1778 } 1779 }) 1780 } 1781 }) 1782 1783 if(preferredSampleId){ 1784 this.preferredSampleId = preferredSampleId 1785 this.preferredSampleType = this.preferredSample[this.preferredSampleId].product_match 1786 let sampleItem = this.samples.find(sample =>{ 1787 return sample.id == preferredSampleId 1788 }) 1789 1790 let newSampleArray = sampleItem ? [sampleItem] :[] 1791 1792 this.samples.forEach(sample =>{ 1793 if(sample.id != preferredSampleId){ 1794 newSampleArray.push(sample) 1795 } 1796 }) 1797 1798 this.samples = newSampleArray 1799 } else { 1800 this.preferredSampleId = null 1801 this.preferredSampleType = null 1802 this.resetSamples() 1803 } 1804 } 1805 1806 setPreferredSampleType(sample){ 1807 this.preferredSampleType = this.preferredSample[sample.product_id].product_match 1808 } 1809 1810 checkCartForPreferredSampleType(){ 1811 if(!this.preferredSampleType){ 1812 return 1813 } 1814 let hasProductType = false 1815 1816 //check cart for product type 1817 this.cart.forEach(item =>{ 1818 if(item.product_type === this.preferredSampleType){ 1819 hasProductType = true 1820 } 1821 }) 1822 1823 //remove sample if product type not present in cart 1824 if(!hasProductType){ 1825 this.updateSampleQuantity(this.currentSample.key,0) 1826 } 1827 } 1828 1829 resetSamples(){ 1830 this.samples = this.sampleOriginal 1831 } 1832 1833 1834 updateSampleQuantity(variantID,quantity, button = null){ 1835 if(!!button){ 1836 button.innerHTML = 'Removing...' 1837 } 1838 1839 const formData = { 1840 quantity:quantity, 1841 id:variantID 1842 } 1843 1844 const url = `/cart/change.js` 1845 const options ={ 1846 method:'POST', 1847 headers:{ 1848 'Content-Type': 'application/json' 1849 }, 1850 body: JSON.stringify(formData) 1851 } 1852 1853 const removeFromCartRequest = fetch(url,options) 1854 .then(response => { 1855 response.json().then(data =>{ 1856 if(!!button){ 1857 button.remove() 1858 } 1859 1860 this.sampleLineItemRendered = false 1861 this.currentSample = null 1862 this.createSampleSlider() 1863 setTimeout(()=>{this.unhideLineItemProperties()},1000) 1864 1865 }) 1866 }) 1867 .catch((error) => { 1868 console.error('Error:', error); 1869 }); 1870 } 1871 1872 showSampleUpsellBar(){ 1873 const upsellBar = document.querySelector(this.upsellBar) 1874 upsellBar.innerHTML = this.count===0 ? 'Add two more cases and get a free sample!' : 'Add one more case and get a free sample!' 1875 upsellBar.style.display = 'block'; 1876 1877 } 1878 1879 hideRebuyUpsell(){ 1880 const upsellWidget = document.querySelector('#rebuy-cart .rebuy-cart__flyout-recommendations') 1881 upsellWidget.style.display = 'none' 1882 } 1883 1884 showRebuyUpsell(){ 1885 const upsellWidget = document.querySelector('#rebuy-cart .rebuy-cart__flyout-recommendations') 1886 upsellWidget.style.display = 'block' 1887 } 1888 1889 hideSampleUpsellBar(){ 1890 const upsellBar = document.querySelector(this.upsellBar) 1891 upsellBar.style.display = 'none'; 1892 } 1893 1894 hideSampleSection(){ 1895 const sampleSection = document.querySelector(sampleContainerSelector) 1896 sampleSection.style.display = 'none' 1897 } 1898 1899 showSampleSection(){ 1900 const sampleSection = document.querySelector(sampleContainerSelector) 1901 sampleSection.style.display = 'block' 1902 } 1903 1904 getCartItems(){ 1905 const url = `/cart.js` 1906 1907 const options ={ 1908 method:'GET', 1909 headers:{ 1910 'Content-Type': 'application/json' 1911 } 1912 } 1913 1914 const getCartRequest = fetch(url,options) 1915 .then(response =>{ 1916 response.json().then(data =>{ 1917 this.setCartItems(data) 1918 }).then(data =>{ 1919 this.checkCartForExistingSample() 1920 }) 1921 }) 1922 .catch((error) => { 1923 console.error('Error:', error); 1924 }); 1925 } 1926 1927 setCartItems(data){ 1928 this.cart = data.items 1929 } 1930 1931 checkCartForExistingSample(){ 1932 let count = 0 1933 let cartHasSample = false;
1934 this.cart.forEach(item =>{ 1935 if(item.product_type === 'sample'){ 1936 cartHasSample = true 1937 this.currentSample = item 1938 this.setPreferredSampleType(item) 1939 if(item.quantity > 1){ 1940 this.updateSampleQuantity(item.key, 1) 1941 } 1942 } else if(item.product_type !== 'Accessories' && item.product_type !== 'Insurance' && item.product_type !== '' && item.product_type !== 'Gift Card' && item.product_type !== 'Gift Cards'){ 1943 count+=item.quantity 1944 } 1945 }) 1946 this.count = count 1947 1948 if(cartHasSample && this.count >= this.minimum){ 1949 this.customizeSampleInfoLineItem() 1950 this.destroySampleSlider() 1951 this.hideSampleUpsellBar() 1952 this.checkCartForPreferredSampleType() 1953 } else if(cartHasSample && this.count < this.minimum){ 1954 this.sampleLineItemRendered = false 1955 this.updateSampleQuantity(this.currentSample.key, 0) 1956 const swapButton = document.querySelector('.sample-swap-button') 1957 if(!!swapButton){ 1958 swapButton.remove() 1959 } 1960 1961 this.destroySampleSlider() 1962 Rebuy.Cart.fetchCart() 1963 1964 } else if(this.count < this.minimum){ 1965 this.destroySampleSlider() 1966 } 1967 1968 this.handleRemovingLeftoverNodes() 1969 1970 if(!cartHasSample){ 1971 this.checkForMinimumItemCount() 1972 } 1973 1974 } 1975 1976 handleRemovingLeftoverNodes(){ 1977 const cartLineItems = document.querySelectorAll('.rebuy-cart__flyout-item:not(.tag-sample)') 1978 1979 cartLineItems.forEach(item =>{ 1980 const removeButton = item.querySelector('.rebuy-cart__flyout-item-remove') 1981 removeButton.style.display = 'inline-block' 1982 }) 1983 1984 } 1985 1986 createSampleSlider(){ 1987 const cartSampleContainer = document.querySelector(this.sampleContainer) 1988 1989 this.destroySampleSlider() 1990 this.setPreferredSample() 1991 1992 1993 cartSampleContainer.classList.remove('cart-sample__padding-0') 1994 1995 const chooseSampleText = document.createElement('p') 1996 chooseSampleText.innerHTML = "Choose your free sample:" 1997 chooseSampleText.classList.add('sample-slider-header') 1998 1999 cartSampleContainer.appendChild(chooseSampleText) 2000 2001 const cartSampleSlider = document.createElement('div') 2002 cartSampleSlider.classList.add('splide') 2003 cartSampleSlider.classList.add('samples-splide-container') 2004 2005 cartSampleContainer.appendChild(cartSampleSlider) 2006 2007 const arrowsContainer = document.createElement('div') 2008 arrowsContainer.classList.add('splide__arrows') 2009 2010 const leftArrow = document.createElement('button') 2011 leftArrow.innerHTML = '←' 2012 const rightArrow = document.createElement('button') 2013 rightArrow.innerHTML ='→' 2014 2015 if(this.samples.length < 3){ 2016 leftArrow.style.display="none" 2017 rightArrow.style.display="none" 2018 arrowsContainer.style.display = "none" 2019 } 2020 2021 leftArrow.classList.add('splide__arrow') 2022 leftArrow.classList.add('splide__arrow--prev') 2023 rightArrow.classList.add('splide__arrow') 2024 rightArrow.classList.add('splide__arrow--next') 2025 2026 cartSampleSlider.appendChild(arrowsContainer) 2027 2028 arrowsContainer.appendChild(leftArrow) 2029 arrowsContainer.appendChild(rightArrow) 2030 2031 2032 const track = document.createElement('div') 2033 const list = document.createElement('ul') 2034 2035 track.classList.add('splide__track') 2036 list.classList.add('splide__list') 2037 track.appendChild(list) 2038 2039 for (let item in this.samples){ 2040 2041 if(this.preferredSample[this.samples[item].id].showSample || this.samples[item].id == this.preferredSampleId){ 2042 const listItem = document.createElement('li') 2043 const sampleCard = new cartSampleCard(this.samples[item]).init() 2044 2045 listItem.classList.add('splide__slide') 2046 listItem.appendChild(sampleCard) 2047 list.appendChild(listItem) 2048 } 2049 } 2050 2051 cartSampleSlider.appendChild(track) 2052 track.appendChild(list) 2053 2054 this.initSplideSlider() 2055 this.hideRebuyUpsell() 2056 } 2057 2058 initSplideSlider(){ 2059 2060 const options = { 2061 rewind:true, 2062 perPage:2, 2063 perMove:2, 2064 gap:'8px' 2065 } 2066 const sampleSplide = new Splide(this.sampleSliderSelector, options) 2067 sampleSplide.mount() 2068 this.sampleSplide = sampleSplide 2069 } 2070 2071 customizeSampleInfoLineItem(){ 2072 2073 const sampleLineItem = document.querySelector(this.sampleLineItemSelector) 2074 2075 if(!!!sampleLineItem){ 2076 this.getCartItems() 2077 return 2078 } 2079 const sampleInfoContainer = sampleLineItem.querySelector('.rebuy-cart__flyout-item-info') 2080 const sampleTitle = sampleLineItem.querySelector('.rebuy-cart__flyout-item-product-title') 2081 const swapButtonExists = sampleInfoContainer.querySelector('.sample-swap-button') 2082 2083 if(!!!sampleTitle){ 2084 sampleTitle.href = '#' 2085 } 2086 2087 if(!!!swapButtonExists){ 2088 const swapButton = document.createElement('button') 2089 swapButton.innerHTML = 'Swap Sample' 2090 swapButton.classList.add('sample-swap-button') 2091 swapButton.onclick = (e) => { 2092 swapButton.innerHTML = 'Removing...' 2093 this.swapSample(e) 2094 } 2095 sampleInfoContainer.appendChild(swapButton) 2096 } 2097 2098 2099 const properties = sampleLineItem.querySelector('.rebuy-cart__flyout-item-properties') 2100 const quantity = sampleLineItem.querySelector('.rebuy-cart__flyout-item-quantity') 2101 const price = sampleLineItem.querySelector('.rebuy-cart__flyout-item-price') 2102 const description = sampleLineItem.querySelector('.rebuy-cart__flyout-item-variant-title') 2103 2104 if(!!properties){ 2105 properties.style.display = 'none' 2106 } 2107 2108 if(!!quantity){ 2109 quantity.style.display = 'none' 2110 } 2111 2112 if(!!price){ 2113 2114 price.style.display = 'none' 2115 } 2116 2117 if(!!description){ 2118 description.style.display = 'none' 2119 } 2120 2121
2122 const removeBtn = sampleLineItem.querySelector('.rebuy-cart__flyout-item-remove') 2123 if(!!removeBtn){ 2124 removeBtn.style.display = 'none' 2125 } 2126 this.sampleLineItemRendered = true 2127 2128 } 2129 2130 swapSample(e){ 2131 this.updateSampleQuantity(this.currentSample.key,0, e.target) 2132 } 2133 2134 unhideLineItemProperties(){ 2135 const properties = document.querySelectorAll('.rebuy-cart__flyout-item-properties') 2136 const quantity = document.querySelectorAll('.rebuy-cart__flyout-item-quantity') 2137 const price = document.querySelectorAll('.rebuy-cart__flyout-item-price') 2138 const description = document.querySelectorAll('.rebuy-cart__flyout-item-variant-title') 2139 2140 if(properties.length > 0){ 2141 properties.forEach(el =>{ 2142 el.style.display = 'block' 2143 }) 2144 } 2145 2146 if(quantity.length > 0){ 2147 quantity.forEach(el =>{ 2148 el.style.display = 'block' 2149 }) 2150 } 2151 2152 if(price.length > 0){ 2153 price.forEach(el =>{ 2154 el.style.display = 'block' 2155 }) 2156 } 2157 2158 if(description.length > 0){ 2159 description.forEach(el =>{ 2160 el.style.display = 'block' 2161 }) 2162 } 2163 2164 } 2165 2166 destroySampleSlider(){ 2167 const sliderContainer = document.querySelector(this.sampleContainer) 2168 2169 if(sliderContainer.childElementCount === 0){ 2170 return 2171 } 2172 sliderContainer.classList.add('cart-sample__padding-0') 2173 const header = sliderContainer.querySelector('.sample-slider-header') 2174 const slider = sliderContainer.querySelector('.splide') 2175 2176 header.remove() 2177 slider.remove() 2178 2179 this.sampleSplide.destroy({completely: true}) 2180 2181 this.showRebuyUpsell() 2182 } 2183 2184 validateCartHTML(){ 2185 const lineItems = document.querySelectorAll('.rebuy-cart__flyout-item') 2186 const sampleLineItem = document.querySelectorAll('.property-value-free-sample') 2187 2188 if(lineItems.length > 0){ 2189 lineItems.forEach(item =>{ 2190 const elementsToHide = { 2191 properties: item.querySelector('.rebuy-cart__flyout-item-properties') || null, 2192 quantity: item.querySelector('.rebuy-cart__flyout-item-quantity') || null, 2193 price: item.querySelector('.rebuy-cart__flyout-item-price') || null, 2194 description: item.querySelector('.rebuy-cart__flyout-item-variant-title') || null, 2195 subscrriptionSelect: item.querySelector('.rebuy-cart__flyout-item-subscription') || null, 2196 } 2197 const sampleSelector = item.querySelector('.property-value-free-sample') 2198 2199 if(!!sampleSelector){ 2200 for (const element in elementsToHide) { 2201 if(!!elementsToHide[element]){ 2202 elementsToHide[element].style.display = 'none' 2203 } 2204 } 2205 } else{ 2206 for (const element in elementsToHide) { 2207 if(!!elementsToHide[element]){ 2208 elementsToHide[element].style.display = 'block' 2209 } 2210 } 2211 let lingeringSwapButton = item.querySelector('.sample-swap-button') 2212 if(!!lingeringSwapButton){ 2213 lingeringSwapButton.remove() 2214 } 2215 2216 } 2217 }) 2218 } 2219 } 2220 } 2221 2222 2223 class cartSampleCard { 2224 constructor(productObject){ 2225 this.product = productObject 2226 } 2227 2228 init(){ 2229 return this.createSampleCard() 2230 } 2231 2232 createSampleCard(){ 2233 const { featured_image, title, variants } = this.product 2234 2235 const frag = document.createDocumentFragment() 2236 const cardContainer = document.createElement('div') 2237 const imageWrapper = document.createElement('div') 2238 const image = document.createElement('img') 2239 const button = document.createElement('button') 2240 const descriptionContainer = document.createElement('div') 2241 const description = document.createElement('p') 2242 2243 imageWrapper.classList.add('add-to-cart__card-image-wrapper') 2244 image.classList.add('add-to-cart__card-image') 2245 2246 image.src = featured_image 2247 image.alt = title 2248 2249 button.innerHTML = 'ADD TO CART' 2250 button.classList.add('add-to-cart__card-button') 2251 2252 button.onclick = ()=>{ 2253 button.innerHTML = 'Adding...' 2254 // Disable all 'Add to Cart' Buttons 2255 const sampleButtons = document.querySelectorAll(sampleSelectors.slider + ' .add-to-cart__card-button') 2256 sampleButtons.forEach(btn => btn.disabled = true) 2257 // Add the sample to the cart 2258 this.handleAddSampleToCart(variants[0].id) 2259 } 2260 2261 description.innerHTML = title 2262 description.classList.add('cart-sample-slide__description') 2263 2264 frag.appendChild(cardContainer) 2265 imageWrapper.appendChild(image) 2266 cardContainer.appendChild(imageWrapper) 2267 descriptionContainer.appendChild(description) 2268 cardContainer.appendChild(descriptionContainer) 2269 cardContainer.appendChild(button) 2270 return cardContainer 2271 } 2272 2273 handleAddSampleToCart(productID){ 2274 const formData = { 2275 'items': [{ 2276 'id':productID, 2277 'quantity':1, 2278 properties: {
2279 'sample': 'Free Sample' 2280 } 2281 }] 2282 } 2283 const url = `/cart/add.js` 2284 const options ={ 2285 method:'POST', 2286 headers:{ 2287 'Content-Type': 'application/json' 2288 }, 2289 body: JSON.stringify(formData) 2290 } 2291 2292 const addToCartRequest = fetch(url,options) 2293 .then(response => { 2294 return response.json(); 2295 }) 2296 .then(data => console.log(data)) 2297 .catch((error) => { 2298 console.error('Error:', error); 2299 }); 2300 } 2301 } 2302 2303 function initSampleSlider(){ 2304 samplesObjectRef.forEach(item => { 2305 if(item.available === true){ 2306 availableSamples.push(item) 2307 } 2308 }) 2309 2310 const cartSampleData = { 2311 itemCount:cartItemCount, 2312 samples:availableSamples, 2313 minimumCartCount:2, 2314 sliderContainerSelector: sampleSelectors.slider, 2315 sampleContainerSelector: sampleSelectors.container, 2316 upsellBarSelector: sampleSelectors.upsellBar, 2317 cartItems: cartItems, 2318 sampleLineItemSelector: sampleSelectors.sampleLineItemSelector, 2319 samplesPriority: samplesPriority 2320 } 2321 2322 if(availableSamples.length > 0){ 2323 const cartSamples = new CartSamples(cartSampleData); 2324 cartSamples.init() 2325 } 2326 } 2327 2328 initSampleSlider() 2329</script>
2329 2330<style> 2331 .samples-splide-container li{ 2332 list-style:none 2333 } 2334 2335 .samples-splide-container{ 2336 width:500px; 2337 max-width:100%; 2338 } 2339 2340 #add-to-cart__container{ 2341 width:100%; 2342 padding:20px; 2343 padding-bottom:45px; 2344 } 2345 2346 #add-to-cart__container.cart-sample__padding-0{ 2347 padding:0; 2348 } 2349 2350 .sample-upsell-notification-bar{ 2351 padding:16.5px 20px; 2352 background-color: #47af19; 2353 display:none; 2354 color:white; 2355 } 2356 2357 .sample-upsell-notification-bar p{ 2358 padding:0; 2359 margin:0; 2360 text-align:center; 2361 font-family: Lato; 2362 font-size: 14px; 2363 font-weight: 500; 2364 line-height: 17px; 2365 letter-spacing: 0em; 2366 } 2367 2368 .sample-swap-button{ 2369 color:#47af19; 2370 background:none; 2371 display:flex; 2372 align-items:center; 2373 font-size: 16px; 2374 font-weight: 500; 2375 line-height: 20px; 2376 letter-spacing: 0em; 2377 text-align: left; 2378 padding:0; 2379 cursor:pointer; 2380 } 2381 2382 .sample-swap-button::after{ 2383 content:'\21C4'; 2384 margin-left:5px; 2385 display:flex; 2386 align-items:center; 2387 } 2388 2389 .sample-slider-header{ 2390 font-size: 20px; 2391 font-weight: 700; 2392 line-height: 25px; 2393 letter-spacing: 0em; 2394 text-align: left; 2395 color:black; 2396 } 2397 2398 .cart-sample-slide__description{ 2399 font-size: 14px; 2400 font-weight: 700; 2401 line-height: 20px; 2402 letter-spacing: 0em; 2403 text-align: center; 2404 min-height:40px; 2405 color:black; 2406 2407 } 2408 2409 .add-to-cart__card-button{ 2410 font-size: 14px; 2411 font-weight: 700; 2412 line-height: 17px; 2413 letter-spacing: 1.899999976158142px; 2414 text-align: center; 2415 background-color:#47AF19; 2416 color:white; 2417 padding:11.5px 15px; 2418 width:100%; 2419 } 2420 2421 .add-to-cart__card-image-wrapper{ 2422 position: relative; 2423 padding-top: 93px; 2424 width: 124px; 2425 margin-bottom: 16px; 2426 margin-left: auto; 2427 margin-right: auto; 2428 display: block; 2429 } 2430 2431 .add-to-cart__card-image{ 2432 position:absolute; 2433 left:0; 2434 right:0; 2435 top:0; 2436 bottom:0; 2437 object-fit:contain; 2438 width:100%; 2439 } 2440 2441 #add-to-cart__container .splide__pagination{ 2442 bottom:-23px; 2443 } 2444 2445 #add-to-cart__container .splide__pagination__page{ 2446 background-color:#D7D7D7; 2447 } 2448 2449 #add-to-cart__container .splide__pagination__page.is-active{ 2450 background-color:black; 2451 transform:unset; 2452 } 2453 2454 #add-to-cart__container .splide__arrow{ 2455 background:none; 2456 width:23px; 2457 font-size:30px; 2458 top:33%; 2459 } 2460 2461 #add-to-cart__container .splide__arrow--prev{ 2462 left:-10px; 2463 } 2464 #add-to-cart__container .splide__arrow--next{ 2465 right:-10px; 2466 } 2467 2468 .tag-sample .rebuy-cart__flyout-item-product-title{ 2469 margin-bottom:8px; 2470 } 2471 2472 .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid.large-style-line .rebuy-product-block .rebuy-product-actions { 2473 width: 90px !important; 2474 } 2475 2476 @media (min-width:768px){ 2477 .cart-sample-slide__description{ 2478 font-size: 18px; 2479 } 2480 } 2481</style> 2482 2483
2484<script> 2485 document.addEventListener('rebuy:cart.add', function(event) { 2486 if(window._gbt) _gbt.detectCart() 2487 }); 2488</script>
2488 2489 2490<style> 2491.rebuy-cart__progress-bar-container { 2492 display: block; 2493} 2494.sample-upsell-notification-bar { 2495 display: none !important; 2496} 2497.rebuy-cart__progress-bar-meter-fill { 2498 background-color: #A2E4B6; 2499} 2500.rebuy-cart__progress-bar-meter { 2501 background-color: #E5F6EA; 2502} 2503</style> 2504 2505 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 2505-2506
2505 2506<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2506GTM-K2KDZMV
vendor: 83 bytes, lines 2506-2507
2506" 2507height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
2508<!-- End Google Tag Manager (noscript) --> 2509 2510 2511 2512 <div id="shopify-section-swatches" class="shopify-section"><div data-section-id="swatches" data-section-type="swatches"> 2513 2514</div> 2515 2516 2517</div> 2518 2519 2520 <div id="shopify-section-announcement-banner" class="shopify-section"> 2521 2522 2523 2524 2525 2526 2527 2528<div class="announcement-bar__container shopify-section-announcement-banner"> 2529 <div class="announcement-bar__left-col"> 2530 <div class="header-social-sharing social-sharing" data-social-sharing> 2531 2532 <a target="_blank" 2533 href="https://www.instagram.com/soylent/" 2534 title="Instagram"> 2535 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 2536<g clip-path="url(#clip0_2447_4682)"> 2537<path d="M10 0C7.28418 0 6.94363 0.0115116 5.87702 0.0601778C4.81264 0.108765 4.0857 0.277787 3.44959 0.525008C2.792 0.780565 2.23432 1.1225 1.67839 1.67843C1.12246 2.23436 0.780526 2.79204 0.524968 3.44963C0.277747 4.0857 0.108725 4.81264 0.0601381 5.87702C0.0114719 6.94363 0 7.28418 0 10C0 12.7159 0.0114719 13.0564 0.0601381 14.123C0.108725 15.1874 0.277747 15.9143 0.524968 16.5504C0.780526 17.208 1.12246 17.7657 1.67839 18.3216C2.23432 18.8776 2.792 19.2195 3.44959 19.4751C4.0857 19.7223 4.81264 19.8913 5.87702 19.9399C6.94363 19.9885 7.28418 20 10 20C12.7159 20 13.0564 19.9885 14.123 19.9399C15.1874 19.8913 15.9143 19.7223 16.5504 19.4751C17.208 19.2195 17.7657 18.8776 18.3216 18.3216C18.8776 17.7657 19.2195 17.208 19.4751 16.5504C19.7223 15.9143 19.8913 15.1874 19.9399 14.123C19.9885 13.0564 20 12.7159 20 10C20 7.28418 19.9885 6.94363 19.9399 5.87702C19.8913 4.81264 19.7223 4.0857 19.4751 3.44963C19.2195 2.79204 18.8776 2.23436 18.3216 1.67843C17.7657 1.1225 17.208 0.780565 16.5504 0.525008C15.9143 0.277787 15.1874 0.108765 14.123 0.0601778C13.0564 0.0115116 12.7159 0 10 0ZM10 1.80184C12.6701 1.80184 12.9864 1.812 14.0409 1.86011C15.0159 1.90461 15.5454 2.06752 15.8977 2.20443C16.3645 2.38584 16.6976 2.60257 17.0476 2.95249C17.3975 3.3024 17.6142 3.63556 17.7956 4.10229C17.9326 4.45467 18.0955 4.98416 18.1399 5.95915C18.188 7.01362 18.1982 7.32991 18.1982 10C18.1982 12.6701 18.188 12.9864 18.1399 14.0409C18.0955 15.0159 17.9326 15.5454 17.7956 15.8977C17.6142 16.3645 17.3975 16.6976 17.0476 17.0476C16.6976 17.3975 16.3645 17.6142 15.8977 17.7956C15.5454 17.9326 15.0159 18.0955 14.0409 18.1399C12.9866 18.188 12.6703 18.1982 10 18.1982C7.32971 18.1982 7.0135 18.188 5.95915 18.1399C4.98416 18.0955 4.45467 17.9326 4.10229 17.7956C3.63552 17.6142 3.3024 17.3975 2.95245 17.0476C2.60253 16.6976 2.3858 16.3645 2.20443 15.8977C2.06748 15.5454 1.90457 15.0159 1.86007 14.0409C1.81196 12.9864 1.8018 12.6701 1.8018 10C1.8018 7.32991 1.81196 7.01362 1.86007 5.95915C1.90457 4.98416 2.06748 4.45467 2.20443 4.10229C2.3858 3.63556 2.60253 3.3024 2.95245 2.95249C3.3024 2.60257 3.63552 2.38584 4.10229 2.20443C4.45467 2.06752 4.98416 1.90461 5.95915 1.86011C7.01362 1.812 7.32991 1.80184 10 1.80184Z" fill="#505050"/> 2538<path d="M9.99844 13.3332C8.15746 13.3332 6.66508 11.8409 6.66508 9.99991C6.66508 8.15893 8.15746 6.66655 9.99844 6.66655C11.8394 6.66655 13.3318 8.15893 13.3318 9.99991C13.3318 11.8409 11.8394 13.3332 9.99844 13.3332ZM9.99844 4.86475C7.16235 4.86475 4.86328 7.16381 4.86328 9.99991C4.86328 12.836 7.16235 15.135 9.99844 15.135C12.8345 15.135 15.1336 12.836 15.1336 9.99991C15.1336 7.16381 12.8345 4.86475 9.99844 4.86475Z" fill="#505050"/> 2539<path d="M16.5367 4.6619C16.5367 5.32465 15.9995 5.86188 15.3367 5.86188C14.674 5.86188 14.1367 5.32465 14.1367 4.6619C14.1367 3.99915 14.674 3.46191 15.3367 3.46191C15.9995 3.46191 16.5367 3.99915 16.5367 4.6619Z" fill="#505050"/> 2540</g> 2541<defs> 2542<clipPath id="clip0_2447_4682"> 2543<rect width="20" height="20" fill="white"/> 2544</clipPath> 2545</defs> 2546</svg> 2547 2548 <span aria-hidden="true">Instagram</span> 2549 <span class="visually-hidden">Instagram</span> 2550 </a> 2551 2552 2553 2554 <a target="_blank" 2555 href="https:\/\/www.tiktok.com\/@soylent_nutrition" 2556 title="Tiktok"> 2557 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 2558<g clip-path="url(#clip0_2447_4687)"> 2559<path d="M10.441 0H13.7771C13.8129 0.145716 13.8408 0.293281 13.8605 0.442035C13.9622 1.60223 14.4929 2.68279 15.349 3.47249C16.205 4.26219 17.3247 4.70425 18.4894 4.71226V7.85655C18.3333 7.90727 18.1696 7.92986 18.0056 7.92327C17.2296 7.83756 16.4605 7.69822 15.7037 7.50626C1
25595.0506 7.25491 14.4153 6.95954 13.8021 6.62218V7.0392C13.8021 8.70726 13.8021 10.4254 13.8021 12.1184C13.8105 12.8075 13.7659 13.4962 13.6687 14.1785C13.5224 15.3173 13.0868 16.3996 12.4035 17.3224C11.7203 18.2451 10.812 18.9774 9.76543 19.4495C9.15039 19.6757 8.52062 19.8596 7.88053 20H6.72123C6.67265 19.977 6.62248 19.9574 6.5711 19.9416C5.3961 19.7922 4.29235 19.2958 3.40095 18.5158C2.50955 17.7358 1.871 16.7077 1.56693 15.563C1.42694 15.0648 1.32105 14.5576 1.25 14.045V13.0692C1.34174 12.6105 1.40847 12.1518 1.54191 11.7014C1.9178 10.4988 2.64402 9.43571 3.62762 8.64823C4.61123 7.86075 5.80745 7.38472 7.06318 7.28107C7.43849 7.22269 7.8138 7.20601 8.21414 7.17264C8.21414 8.25688 8.21414 9.25771 8.21414 10.2669C8.21414 10.5088 8.08903 10.5421 7.88886 10.6005C7.2494 10.7471 6.62206 10.9423 6.0123 11.1843C5.54268 11.3613 5.13919 11.679 4.85703 12.094C4.57487 12.5091 4.42782 13.0011 4.43599 13.5029C4.40062 14.072 4.53362 14.6388 4.81841 15.1327C5.10319 15.6266 5.52713 16.0258 6.03732 16.2802C6.50386 16.5687 7.04576 16.7117 7.5939 16.6909C8.14204 16.6701 8.67155 16.4865 9.11489 16.1635C9.44684 15.9258 9.72524 15.6211 9.93211 15.2692C10.139 14.9172 10.2697 14.5257 10.3159 14.1201C10.4156 13.29 10.4574 12.4539 10.441 11.618C10.441 7.91493 10.441 4.20906 10.441 0.500417C10.466 0.325271 10.4493 0.166806 10.441 0Z" fill="#505050"/> 2560</g> 2561<defs> 2562<clipPath id="clip0_2447_4687"> 2563<rect width="20" height="20" fill="white"/> 2564</clipPath> 2565</defs> 2566</svg> 2567 2568 <span aria-hidden="true">Tiktok</span> 2569 <span class="visually-hidden">Tiktok</span> 2570 </a> 2571 2572 2573 2574 <a target="_blank" 2575 href="https://www.reddit.com/r/soylent/" 2576 title="Reddit"> 2577 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 2578<g clip-path="url(#clip0_2447_4690)"> 2579<path d="M20 10.1581C20 8.88787 18.9665 7.85434 17.6962 7.85434C17.1311 7.85434 16.5983 8.05877 16.1776 8.42888C14.6541 7.45394 12.6213 6.83968 10.379 6.77352L11.751 2.08072L15.1197 2.7066C15.1196 2.73397 15.1143 2.76008 15.1157 2.78774C15.1566 3.58946 15.842 4.20834 16.6437 4.16744C17.4454 4.12655 18.0643 3.44111 18.0234 2.63942C17.9825 1.8377 17.2971 1.21882 16.4954 1.25972C15.9778 1.28612 15.5397 1.58302 15.3028 2.00464L15.3016 2.00415L11.2422 1.25L9.62527 6.77223C7.37752 6.83215 5.33825 7.44285 3.8082 8.41601C3.38975 8.05387 2.86246 7.85434 2.30379 7.85434C1.03357 7.85434 0 8.88783 0 10.1581C0 10.9438 0.404486 11.6683 1.05948 12.091C1.01968 12.3209 0.996963 12.5544 0.996963 12.7913C0.996963 16.1166 5.02782 18.8221 9.98287 18.8221C14.9379 18.8221 18.9687 16.1165 18.9687 12.7913C18.9687 12.5612 18.9476 12.3345 18.91 12.111C19.583 11.6915 20 10.9562 20 10.1581ZM5.71228 11.7261C5.71228 10.9448 6.34594 10.3108 7.12839 10.3108C7.91011 10.3108 8.54377 10.9448 8.54377 11.7261C8.54377 12.5082 7.91011 13.1419 7.12839 13.1419C6.34594 13.1419 5.71228 12.5082 5.71228 11.7261ZM13.3201 15.5552C13.278 15.5994 12.2621 16.6329 9.96631 16.6329C7.65876 16.6329 6.73565 15.585 6.69763 15.5406C6.56754 15.3887 6.58527 15.1599 6.73719 15.0302C6.88833 14.9013 7.11487 14.9179 7.24532 15.0675C7.26601 15.0901 8.03648 15.9092 9.96635 15.9092C11.9298 15.9092 12.7906 15.0611 12.7993 15.0529C12.9384 14.9111 13.1672 14.9077 13.31 15.0468C13.4521 15.1855 13.4574 15.4117 13.3201 15.5552ZM13.0386 13.1419C12.2561 13.1419 11.6225 12.5082 11.6225 11.7261C11.6225 10.9448 12.2561 10.3108 13.0386 10.3108C13.8203 10.3108 14.454 10.9448 14.454 11.7261C14.454 12.5082 13.8203 13.1419 13.0386 13.1419Z" fill="#505050"/> 2580</g> 2581<defs> 2582<clipPath id="clip0_2447_4690"> 2583<rect width="20" height="20" fill="white"/> 2584</clipPath> 2585</defs> 2586</svg> 2587 2588 <span aria-hidden="true">Reddit</span> 2589 <span class="visually-hidden">Reddit</span> 2590 </a> 2591 2592 2593 </div> 2594 2595 <style> 2596 #shopify-section-social-sharing { 2597 display: flex; 2598 flex-direction: column; 2599 align-items: center; 2600 } 2601 .social-sharing--desktop .social-sharing > a { 2602 display: flex; 2603 align-items: center; 2604 justify-content: center; 2605 } 2606 .social-sharing___header { 2607 font-family: 'Lato'; 2608 font-weight: 500; 2609 font-size: 16px; 2610 line-height: 20px; 2611 letter-spacing: 0.5px; 2612 text-transform: uppercase; 2613 color: #000000; 2614 margin: 0; 2615 } 2616 .icon-mail { 2617 width: 17px; 2618 height: 12px; 2619 } 2620 .social-sharing { 2621 display: flex; 2622 justify-content: center; 2623 align-items: center; 2624 gap: 22px; 2625 } 2626 .social-sharing > a { 2627 display: flex; 2628 justify-content: center; 2629 align-items: center; 2630 } 2631 .header-social-sharing > a { 2632 height: 20px;
2633 width: 20px; 2634 } 2635 .rte a svg path { 2636 fill: #47af19; 2637 } 2638 .social-sharing___header { 2639 display: block; 2640 } 2641 .social-sharing { 2642 gap: 16px; 2643 display: none; 2644 } 2645 .mobile-nav-footer .social-sharing { 2646 display: flex; 2647 } 2648 @media screen and (min-width: 768px){ 2649 #shopify-section-social-sharing { 2650 display: flex; 2651 flex-direction: row; 2652 } 2653 .social-sharing___header { 2654 display: block; 2655 } 2656 } 2657 @media screen and (min-width: 1199px){ 2658 .social-sharing { 2659 gap: 16px; 2660 display: flex; 2661 } 2662 } 2663 </style> 2664 </div> 2665 2666 2667 <div class="announcement-bar" data-section-id="announcement-banner" data-section-type="pencil-banner" x-data x-cloak> 2668 2669 <div class="pencil-banner" role="region" aria-label="banner" data-pencil-banner data-slideshow-wrapper data-speed="5000"> 2670 <div class="container slideshow" 2671 id="slideshow-announcement-banner" 2672 data-slideshow> 2673 2674 2675 2676 2677 2678 2679 2680 2681 2682 2683 <div class="pencil-banner__content" data-slideshow-slide> 2684 <p>over 18,000 <span class="pencil-star-images"> 2685 <img src="https://cdn.shopify.com/s/files/1/0003/5933/3902/files/Full_Star.png?v=1613709959" /> 2686 <img src="https://cdn.shopify.com/s/files/1/0003/5933/3902/files/Full_Star.png?v=1613709959" /> 2687 <img src="https://cdn.shopify.com/s/files/1/0003/5933/3902/files/Full_Star.png?v=1613709959" /> 2688 <img src="https://cdn.shopify.com/s/files/1/0003/5933/3902/files/Full_Star.png?v=1613709959" /> 2689 <img src="https://cdn.shopify.com/s/files/1/0003/5933/3902/files/Half_Star-full-canvas-gray.png?v=1613709989" /> 2690</span> reviews! <br/><a href="/pages/reviews" title="Reviews">see reviews</a></p> 2691 </div> 2692 2693 2694 2695 <div class="pencil-banner__content" data-slideshow-slide> 2696 <p>get free shipping on orders over $50!</p> 2697 </div> 2698 2699 2700 </div><button class="u-border-transparent slick-arrow slick-arrow--prev" aria-label="pencil banner previous" data-about-us-carousel-arrow-prev> 2701 <span class="arrow arrow--left"> 2702 <svg style="transform: rotate(180deg);" width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2703 <path d="M2.05338 5.01596C3.41754 6.36495 4.69876 7.62982 6 8.915C5.55672 9.32985 5.18208 9.68088 4.84175 10C3.22307 8.33478 1.57865 6.63766 4.36226e-07 5.01015C1.55863 3.42617 3.21735 1.74354 4.93327 -9.32565e-08C5.17922 0.284305 5.53098 0.687554 5.91706 1.13142C4.68732 2.36728 3.41754 3.64375 2.05338 5.01305L2.05338 5.01596Z" fill="#505050"/> 2704 </svg> 2705 </span> 2706 </button> 2707 <button class="u-border-transparent slick-arrow slick-arrow--next" aria-label="pencil banner previous" data-about-us-carousel-arrow-next> 2708 <span class="arrow arrow--right"> 2709 <svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2710 <path d="M3.94662 4.98404C2.58246 3.63505 1.30124 2.37018 0 1.085C0.443279 0.670148 0.817922 0.319118 1.15825 0C2.77693 1.66522 4.42135 3.36234 6 4.98985C4.44137 6.57383 2.78265 8.25646 1.06673 10C0.820782 9.7157 0.469018 9.31245 0.0829361 8.86858C1.31268 7.63272 2.58246 6.35625 3.94662 4.98695V4.98404Z" fill="#505050"/> 2711 </svg> 2712 </span> 2713 </button></div> 2714 2715</div> 2716 2717 2718 <div class="announcement-bar__right-col"> 2719 2720 2721 2722 <a href="/pages/store-locator" class="store-locator">Store Locator</a> 2723 2724 2725 2726 2727 2728 2729 2730 2731 2732 2733 2734 2735 2736<style> 2737 .store-locator { 2738 letter-spacing: .04em; 2739 font-size: 13px; 2740 line-height: 1.143; 2741 font-weight: 700; 2742 text-transform: uppercase; 2743 } 2744</style> 2745 2746 2747 2748 <div class="announcement-bar__right-col-divider"></div> 2749 2750 2751 2752 2753 2754 2755 2756 2757<ul class="header-nav__menu header-nav__menu--user"> 2758 2759 <li class="header-nav__menu-item country-selector"> 2760 <div data-country-selector-trigger> 2761 <a href="#" 2762 aria-label="Open country selector dropdown"> 2763 <div class="country-list__flag"> 2764 <img src="//soylent.com/cdn/shop/files/flag_3x_681abd70-d265-4605-9c60-e11498a6c18e_50x.png?v=1613773071" alt="" /> 2765 </div> 2766 </a> 2767 2768 2769<div class="country-dropdown" data-country-dropdown> 2770 <ul class="country-list__container"> 2771 2772 2773 2774 2775 <li class="country-list__item"> 2776 <a tabindex="0" aria-label="United States" href="https://www.soylent.com/">
2777 <span class="country-list__item-text">United States</span> 2778 <span class="country-list__flag"><img src="//soylent.com/cdn/shop/files/flag_3x_681abd70-d265-4605-9c60-e11498a6c18e_50x.png?v=1613773071" alt="" /> 2779 </span> 2780 </a> 2781 </li> 2782 2783 2784 2785 <li class="country-list__item"> 2786 <a tabindex="0" aria-label="Canada" href="http://soylent.ca"> 2787 <span class="country-list__item-text">Canada</span> 2788 <span class="country-list__flag"><img src="//soylent.com/cdn/shop/files/flag-of-canada_2x_5e094232-c170-40e0-a920-1be00692a12b_50x.png?v=1613773071" alt="" /> 2789 </span> 2790 </a> 2791 </li> 2792 2793 2794 2795 <li class="country-list__item"> 2796 <a tabindex="0" aria-label="Global" href="https://www.bigapplebuddy.com/brands/soylent"> 2797 <span class="country-list__item-text">Global</span> 2798 <span class="country-list__flag"><img src="//soylent.com/cdn/shop/files/Global_Flag_50x.png?v=1628286370" alt="" /> 2799 </span> 2800 </a> 2801 </li> 2802 2803 2804 2805 2806 2807 2808 </ul> 2809</div> 2810 2811 2812 </div> 2813 </li> 2814 2815</ul> 2816
2817<script> 2818 (function(){ 2819 let section = document.querySelector('.shopify-section-announcement-banner') 2820 2821 section.querySelector('[data-country-selector-trigger]').addEventListener('mouseenter', function() { 2822 section.querySelector('[data-country-dropdown]').classList.toggle('is-open'); 2823 }) 2824 2825 section.querySelector('[data-country-selector-trigger]').addEventListener('mouseleave', function() { 2826 section.querySelector('[data-country-dropdown]').classList.toggle('is-open'); 2827 }) 2828 })(); 2829</script>
2829 2830 2831 </div> 2832</div> 2833 2834 2835 2836<style> 2837 button { 2838 outline: none !important; 2839 } 2840 .announcement-bar__container { 2841 width: 100%; 2842 height: 32px; 2843 max-width: 100%; 2844 display: flex; 2845 align-items: center; 2846 justify-content: space-between; 2847 align-items: center; 2848 padding-left: 0px; 2849 padding-right: 0px; 2850 max-width: 1440px; 2851 margin: 0 auto; 2852 } 2853 .header-nav__menu-item.header-nav__menu-item--separator > a:after { 2854 display: none !important; 2855 } 2856 .header-nav__menu-item>a, .country-selector .country-list__flag { 2857 padding: 12px 0; 2858 } 2859 .pencil-banner { 2860 width: 100%; 2861 max-width: 600px; 2862 max-width: 100%; 2863 padding: 0 !important; 2864 margin: 0 auto; 2865 } 2866 .pencil-banner__content { 2867 width: 100%; 2868 padding-left: 40px; 2869 padding-right: 40px; 2870 } 2871 .country-dropdown.is-open { 2872 z-index: 1000; 2873 } 2874 .announcement-bar__left-col { 2875 display: none; 2876 } 2877 .announcement-bar__right-col { 2878 display: none; 2879 } 2880 .announcement-bar { 2881 width: 100%; 2882 } 2883 #slideshow-announcement-banner { 2884 width: 100%; 2885 } 2886 #shopify-section-announcement-banner { 2887 background-color: #f7f7f7; 2888 } 2889 .pencil-banner .slick-arrow--prev { 2890 padding: 0; 2891 } 2892 2893 @media screen and (min-width: 1199px) { 2894 .announcement-bar__container { 2895 padding-left: 80px; 2896 padding-right: 80px; 2897 height: 48px; 2898 } 2899 .announcement-bar__left-col { 2900 display: flex; 2901 } 2902 .announcement-bar__right-col { 2903 display: flex; 2904 flex-direction: row; 2905 align-items: center; 2906 gap: 16px; 2907 } 2908 .announcement-bar__right-col-divider { 2909 height: 24px; 2910 width: 1px; 2911 background-color: #D9D9D9; 2912 }/* 2913 .pencil-banner { 2914 width: 100%; 2915 max-width: 600px; 2916 }*/ 2917 .announcement-bar { 2918 width: 100%; 2919 max-width: 600px; 2920 } 2921 } 2922</style> 2923 2924 2925</div> 2926 2927 <div class="layout-wrapper"> 2928 <div id="shopify-section-header-logo-left" class="shopify-section"> 2929 2930 2931 2932 2933 2934 2935 2936 2937 2938 2939 2940 2941 2942 2943 2944<div data-section-id="header-logo-left" data-section-type="header"> 2945 <nav> 2946 <header class="header" role="region" aria-label="banner" data-header> 2947 <div class="header-content"> 2948 <div class="header-container"> 2949 2950 2951 <div class="header-nav header-nav--left header-nav--hide-on-desktop"> 2952 2953 2954 <ul class="header-nav__menu"> 2955 <li class="header-nav__menu-item"> 2956 <button href="#" class="u-padding-normalize u-border-transparent" title="Toggle menu" data-mobile-nav-toggle> 2957 <span class="icon icon-menu"> 2958 <span class="icon__inner"></span> 2959 </span> 2960 </button> 2961 </li> 2962</ul> 2963 2964 2965 </div> 2966 2967 <div class="mobile-nav" data-mobile-nav> 2968 <ul class="mobile-nav__menu-list"> 2969 2970 2971 2972 2973 2974 2975 <li class="mobile-nav__menu-item" > 2976 <a href="/collections/all-products" data-block="nav_shop_item_NA6F9G" aria-controls="submenu-nav_shop_item_NA6F9G" aria-expanded="false" data-submenu-trigger="#submenu-nav_shop_item_NA6F9G"> 2977 SHOP 2978 2979 <div class="mobile-nav__dropdown-icon"> 2980 <span class="mobile-nav__dropdown-icon--inner"></span> 2981 </div> 2982 </a> 2983 </li> 2984 2985 2986 2987 <div id="submenu-nav_shop_item_NA6F9G" class="mobile-nav__submenu" data-block="nav_shop_item_NA6F9G" data-submenu> 2988 <ul class="mobile-nav__submenu-list mobile-nav__submenu-list-shop"> 2989 2990 2991 2992 2993 2994 2995 2996 2997 2998 2999 3000 3001 3002 3003 3004 3005 3006 3007 3008 <a href="/collections/complete-meal-shakes" class="header-dropdown-shop-cta"> 3009 <div class="header-dropdown-shop-cta__image-wrapper-1" style="overflow: hidden;"> 3010 3011 <img class="header-dropdown-shop-cta__image-top-1" src="//soylent.com/cdn/shop/files/Complete_Meal_Gif_grande.png?v=1710113952" alt=""> 3012 3013 3014 </div> 3015 <div class="header-dropdown-shop-cta__content"> 3016 <h5>complete meal shakes</h5> 3017 <div><p>real science. real nutrition. real food.</p></div> 3018 <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div> 3019 </div> 3020</a> 3021 3022<style> 3023 .header-dropdown-shop-cta { 3024 width: 100%; 3025 display: flex; 3026 flex-direction: row; 3027 align-items: center; 3028 justify-content: flex-start; 3029 padding-left: 0; 3030 padding-bottom: 0; 3031 gap: 16px; 3032 } 3033 .header-dropdown-shop-cta__image-wrapper-1 { 3034 border: 1px solid #000; 3035 aspect-ratio: 1/1; 3036 max-width: 102px; 3037 width: 102px; 3038 position: relative; 3039 background: linear-gradient(to bottom, #5e93db 0%, #5e93db 50%, #ffffff 50%, #ffffff 100%); 3040 } 3041 .header-dropdown-shop-cta__image-wrapper-1 img { 3042 width: 100%; 3043 height: auto; 3044 aspect-ratio: 1/1; 3045 object-fit: contain; 3046 object-position: center; 3047 position: absolute; 3048 top: 0; 3049 left: 0; 3050 } 3051 3052 @keyframes fadeOut { 3053 0% { 3054 left: 0; 3055 } 3056 20% { 3057 left: 0; 3058 } 3059 40% { 3060 left: -150%; 3061 display: block; 3062 } 3063 49% { 3064 left: -150%; 3065 display: none; 3066 } 3067 50% { 3068 left: 150%; 3069 display: none; 3070 } 3071 60% { 3072 left: 150%; 3073 display: block; 3074 } 3075 80% { 3076 left: 0; 3077 } 3078 100% { 3079 left: 0; 3080 } 3081 } 3082 @keyframes fadeIn { 3083 0% { 3084 left: 150%; 3085 } 3086 20% { 3087 left: 150%; 3088 } 3089 40% { 3090 left: 0; 3091 } 3092 60% { 3093 left: 0; 3094 } 3095 80% { 3096 left: -150%; 3097 } 3098 100% { 3099 left: -150%; 3100 } 3101 } 3102 .header-dropdown-shop-cta__content { 3103 display: flex; 3104 flex-direction: column; 3105 gap: 8px; 3106 width: calc(100% - 118px); 3107 } 3108 .header-dropdown-shop-cta__content h5 { 3109 font-size: 16px; 3110 line-height: 24px; 3111 font-weight: 700; 3112 margin: 0; 3113 padding: 0; 3114 color: #212322; 3115 } 3116 .header-dropdown-shop-cta__content p { 3117 font-size: 14px; 3118 line-height: 18px; 3119 margin: 0 !important; 3120 padding: 0 !important; 3121 color: #505050; 3122 max-height: 36px; 3123 overflow: hidden; 3124 } 3125 .header-dropdown-shop-cta__content-btn { 3126 font-size: 14px; 3127 line-height: 16px; 3128 font-weight: 500; 3129 text-decoration: none; 3130 letter-spacing: 0.32px; 3131 color: #47AF19; 3132 margin: 0; 3133 } 3134 @media screen and (min-width: 597px) { 3135 .header-dropdown-shop-cta { 3136 width: calc(50% - 8px); 3137 height: fit-content; 3138 } 3139 } 3140 @media screen and (min-width: 768px) { 3141 .header-dropdown-shop-cta { 3142 gap: 36px; 3143 width: calc(50% - 9px); 3144 height: 162px; 3145 } 3146 .header-dropdown-shop-cta__image-wrapper-1 { 3147 max-width: 162px; 3148 width: 100%; 3149 } 3150 .header-dropdown-shop-cta__content { 3151 width: 100%; 3152 } 3153 .header-dropdown-shop-cta__content h5 { 3154 font-size: 18px; 3155 line-height: 24px; 3156 } 3157 .header-dropdown-shop-cta__content p { 3158 font-size: 16px; 3159 line-height: 24px; 3160 max-height: none; 3161 } 3162 .header-dropdown-shop-cta__content-btn { 3163 font-size: 16px; 3164 line-height: 24px; 3165 } 3166 } 3167</style> 3168 3169 3170 3171 3172 3173 3174 3175 3176 3177 3178 3179 3180 3181 3182 3183 3184 3185 3186 <a href="/collections/complete-meal-powder" class="header-dropdown-shop-cta"> 3187 <div class="header-dropdown-shop-cta__image-wrapper-2" style="overflow: hidden;"> 3188 3189 <img class="header-dropdown-shop-cta__image-top-2" src="//soylent.com/cdn/shop/files/shop-complete-meal-powder-choc-navi_grande.png?v=1744470231" alt=""> 3190 3191 3192 </div> 3193 <div class="header-dropdown-shop-cta__content"> 3194 <h5>complete meal powder</h5> 3195 <div><p>perfectly portioned for nutritional absorption.</p></div> 3196 <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div> 3197 </div> 3198</a> 3199 3200<style> 3201 .header-dropdown-shop-cta { 3202 width: 100%; 3203 display: flex; 3204 flex-direction: row; 3205 align-items: center; 3206 justify-content: flex-start; 3207 padding-left: 0; 3208 padding-bottom: 0; 3209 gap: 16px; 3210 } 3211 .header-dropdown-shop-cta__image-wrapper-2 { 3212 border: 1px solid #000; 3213 aspect-ratio: 1/1; 3214 max-width: 102px; 3215 width: 102px; 3216 position: relative; 3217 background: linear-gradient(to bottom, #b5917c 0%, #b5917c 50%, #ffffff 50%, #ffffff 100%); 3218 } 3219 .header-dropdown-shop-cta__image-wrapper-2 img { 3220 width: 100%; 3221 height: auto; 3222 aspect-ratio: 1/1; 3223 object-fit: contain; 3224 object-position: center; 3225 position: absolute; 3226 top: 0; 3227 left: 0; 3228 } 3229 3230 @keyframes fadeOut { 3231 0% { 3232 left: 0; 3233 } 3234 20% { 3235 left: 0; 3236 } 3237 40% { 3238 left: -150%; 3239 display: block; 3240 } 3241 49% { 3242 left: -150%; 3243 display: none; 3244 } 3245 50% { 3246 left: 150%; 3247 display: none; 3248 } 3249 60% { 3250 left: 150%; 3251 display: block; 3252 } 3253 80% { 3254 left: 0; 3255 } 3256 100% { 3257 left: 0; 3258 } 3259 } 3260 @keyframes fadeIn { 3261 0% { 3262 left: 150%; 3263 } 3264 20% { 3265 left: 150%; 3266 } 3267 40% { 3268 left: 0; 3269 } 3270 60% { 3271 left: 0; 3272 } 3273 80% { 3274 left: -150%; 3275 } 3276 100% { 3277 left: -150%; 3278 } 3279 } 3280 .header-dropdown-shop-cta__content { 3281 display: flex; 3282 flex-direction: column; 3283 gap: 8px; 3284 width: calc(100% - 118px); 3285 } 3286 .header-dropdown-shop-cta__content h5 { 3287 font-size: 16px; 3288 line-height: 24px; 3289 font-weight: 700; 3290 margin: 0; 3291 padding: 0; 3292 color: #212322; 3293 } 3294 .header-dropdown-shop-cta__content p { 3295 font-size: 14px; 3296 line-height: 18px; 3297 margin: 0 !important; 3298 padding: 0 !important; 3299 color: #505050; 3300 max-height: 36px; 3301 overflow: hidden; 3302 } 3303 .header-dropdown-shop-cta__content-btn { 3304 font-size: 14px; 3305 line-height: 16px; 3306 font-weight: 500; 3307 text-decoration: none; 3308 letter-spacing: 0.32px; 3309 color: #47AF19; 3310 margin: 0; 3311 } 3312 @media screen and (min-width: 597px) { 3313 .header-dropdown-shop-cta { 3314 width: calc(50% - 8px); 3315 height: fit-content; 3316 } 3317 } 3318 @media screen and (min-width: 768px) { 3319 .header-dropdown-shop-cta { 3320 gap: 36px; 3321 width: calc(50% - 9px); 3322 height: 162px; 3323 } 3324 .header-dropdown-shop-cta__image-wrapper-2 { 3325 max-width: 162px; 3326 width: 100%; 3327 } 3328 .header-dropdown-shop-cta__content { 3329 width: 100%; 3330 } 3331 .header-dropdown-shop-cta__content h5 { 3332 font-size: 18px; 3333 line-height: 24px; 3334 } 3335 .header-dropdown-shop-cta__content p { 3336 font-size: 16px; 3337 line-height: 24px; 3338 max-height: none; 3339 } 3340 .header-dropdown-shop-cta__content-btn { 3341 font-size: 16px; 3342 line-height: 24px; 3343 } 3344 } 3345</style> 3346 3347 3348 3349 3350 3351 3352 3353 3354 3355 3356 3357 3358 3359 3360 3361 3362 3363 3364 <a href="/collections/complete-protein" class="header-dropdown-shop-cta"> 3365 <div class="header-dropdown-shop-cta__image-wrapper-3" style="overflow: hidden;"> 3366 3367 <img class="header-dropdown-shop-cta__image-top-3" src="//soylent.com/cdn/shop/files/Complete_Protein_Gif_grande.png?v=1710113952" alt=""> 3368 3369 3370 <img class="header-dropdown-shop-cta__image-bot-3" src="//soylent.com/cdn/shop/files/complete-protein-powder-vanilla-tub_884e4894-3b63-47c3-93e3-0d99eb74e164_grande.png?v=1712864488" alt=""> 3371 3372 </div> 3373 <div class="header-dropdown-shop-cta__content"> 3374 <h5>complete protein</h5> 3375 <div><p>protein. rooted in science. taste perfected.</p></div> 3376 <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div> 3377 </div> 3378</a> 3379 3380<style> 3381 .header-dropdown-shop-cta { 3382 width: 100%; 3383 display: flex; 3384 flex-direction: row; 3385 align-items: center; 3386 justify-content: flex-start; 3387 padding-left: 0; 3388 padding-bottom: 0; 3389 gap: 16px; 3390 } 3391 .header-dropdown-shop-cta__image-wrapper-3 { 3392 border: 1px solid #000; 3393 aspect-ratio: 1/1; 3394 max-width: 102px; 3395 width: 102px; 3396 position: relative; 3397 background: linear-gradient(to bottom, #8fad15 0%, #8fad15 50%, #ffffff 50%, #ffffff 100%); 3398 } 3399 .header-dropdown-shop-cta__image-wrapper-3 img { 3400 width: 100%; 3401 height: auto; 3402 aspect-ratio: 1/1; 3403 object-fit: contain; 3404 object-position: center; 3405 position: absolute; 3406 top: 0; 3407 left: 0; 3408 } 3409 3410 .header-dropdown-shop-cta__image-top-3 { 3411 animation: fadeOut 3s infinite; 3412 } 3413 .header-dropdown-shop-cta__image-bot-3{ 3414 animation: fadeIn 3s infinite; 3415 } 3416 3417 @keyframes fadeOut { 3418 0% { 3419 left: 0; 3420 } 3421 20% { 3422 left: 0; 3423 } 3424 40% { 3425 left: -150%; 3426 display: block; 3427 } 3428 49% { 3429 left: -150%; 3430 display: none; 3431 } 3432 50% { 3433 left: 150%; 3434 display: none; 3435 } 3436 60% { 3437 left: 150%; 3438 display: block; 3439 } 3440 80% { 3441 left: 0; 3442 } 3443 100% { 3444 left: 0; 3445 } 3446 } 3447 @keyframes fadeIn { 3448 0% { 3449 left: 150%; 3450 } 3451 20% { 3452 left: 150%; 3453 } 3454 40% { 3455 left: 0; 3456 } 3457 60% { 3458 left: 0; 3459 } 3460 80% { 3461 left: -150%; 3462 } 3463 100% { 3464 left: -150%; 3465 } 3466 } 3467 .header-dropdown-shop-cta__content { 3468 display: flex; 3469 flex-direction: column; 3470 gap: 8px; 3471 width: calc(100% - 118px); 3472 } 3473 .header-dropdown-shop-cta__content h5 { 3474 font-size: 16px; 3475 line-height: 24px; 3476 font-weight: 700; 3477 margin: 0; 3478 padding: 0; 3479 color: #212322; 3480 } 3481 .header-dropdown-shop-cta__content p { 3482 font-size: 14px; 3483 line-height: 18px; 3484 margin: 0 !important; 3485 padding: 0 !important; 3486 color: #505050; 3487 max-height: 36px; 3488 overflow: hidden; 3489 } 3490 .header-dropdown-shop-cta__content-btn { 3491 font-size: 14px; 3492 line-height: 16px; 3493 font-weight: 500; 3494 text-decoration: none; 3495 letter-spacing: 0.32px; 3496 color: #47AF19; 3497 margin: 0; 3498 } 3499 @media screen and (min-width: 597px) { 3500 .header-dropdown-shop-cta { 3501 width: calc(50% - 8px); 3502 height: fit-content; 3503 } 3504 } 3505 @media screen and (min-width: 768px) { 3506 .header-dropdown-shop-cta { 3507 gap: 36px; 3508 width: calc(50% - 9px); 3509 height: 162px; 3510 } 3511 .header-dropdown-shop-cta__image-wrapper-3 { 3512 max-width: 162px; 3513 width: 100%; 3514 } 3515 .header-dropdown-shop-cta__content { 3516 width: 100%; 3517 } 3518 .header-dropdown-shop-cta__content h5 { 3519 font-size: 18px; 3520 line-height: 24px; 3521 } 3522 .header-dropdown-shop-cta__content p { 3523 font-size: 16px; 3524 line-height: 24px; 3525 max-height: none; 3526 } 3527 .header-dropdown-shop-cta__content-btn { 3528 font-size: 16px; 3529 line-height: 24px; 3530 } 3531 } 3532</style> 3533 3534 3535 3536 3537 3538 3539 3540 3541 3542 3543 3544 3545 3546 3547 3548 3549 3550 3551 <a href="/collections/complete-coffee-shakes" class="header-dropdown-shop-cta"> 3552 <div class="header-dropdown-shop-cta__image-wrapper-4" style="overflow: hidden;"> 3553 3554 <img class="header-dropdown-shop-cta__image-top-4" src="//soylent.com/cdn/shop/files/Cafe_Mocha_grande.png?v=1710113952" alt=""> 3555 3556 3557 </div> 3558 <div class="header-dropdown-shop-cta__content"> 3559 <h5>complete coffee</h5> 3560 <div><p>coffee that acts like a healthy breakfast.</p></div> 3561 <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div> 3562 </div> 3563</a> 3564 3565<style> 3566 .header-dropdown-shop-cta { 3567 width: 100%; 3568 display: flex; 3569 flex-direction: row; 3570 align-items: center; 3571 justify-content: flex-start; 3572 padding-left: 0; 3573 padding-bottom: 0; 3574 gap: 16px; 3575 } 3576 .header-dropdown-shop-cta__image-wrapper-4 { 3577 border: 1px solid #000; 3578 aspect-ratio: 1/1; 3579 max-width: 102px; 3580 width: 102px; 3581 position: relative; 3582 background: linear-gradient(to bottom, #f2ed6d 0%, #f2ed6d 50%, #ffffff 50%, #ffffff 100%); 3583 } 3584 .header-dropdown-shop-cta__image-wrapper-4 img { 3585 width: 100%; 3586 height: auto; 3587 aspect-ratio: 1/1; 3588 object-fit: contain; 3589 object-position: center; 3590 position: absolute; 3591 top: 0; 3592 left: 0; 3593 } 3594 3595 @keyframes fadeOut { 3596 0% { 3597 left: 0; 3598 } 3599 20% { 3600 left: 0; 3601 } 3602 40% { 3603 left: -150%; 3604 display: block; 3605 } 3606 49% { 3607
3607 left: -150%; 3608 display: none; 3609 } 3610 50% { 3611 left: 150%; 3612 display: none; 3613 } 3614 60% { 3615 left: 150%; 3616 display: block; 3617 } 3618 80% { 3619 left: 0; 3620 } 3621 100% { 3622 left: 0; 3623 } 3624 } 3625 @keyframes fadeIn { 3626 0% { 3627 left: 150%; 3628 } 3629 20% { 3630 left: 150%; 3631 } 3632 40% { 3633 left: 0; 3634 } 3635 60% { 3636 left: 0; 3637 } 3638 80% { 3639 left: -150%; 3640 } 3641 100% { 3642 left: -150%; 3643 } 3644 } 3645 .header-dropdown-shop-cta__content { 3646 display: flex; 3647 flex-direction: column; 3648 gap: 8px; 3649 width: calc(100% - 118px); 3650 } 3651 .header-dropdown-shop-cta__content h5 { 3652 font-size: 16px; 3653 line-height: 24px; 3654 font-weight: 700; 3655 margin: 0; 3656 padding: 0; 3657 color: #212322; 3658 } 3659 .header-dropdown-shop-cta__content p { 3660 font-size: 14px; 3661 line-height: 18px; 3662 margin: 0 !important; 3663 padding: 0 !important; 3664 color: #505050; 3665 max-height: 36px; 3666 overflow: hidden; 3667 } 3668 .header-dropdown-shop-cta__content-btn { 3669 font-size: 14px; 3670 line-height: 16px; 3671 font-weight: 500; 3672 text-decoration: none; 3673 letter-spacing: 0.32px; 3674 color: #47AF19; 3675 margin: 0; 3676 } 3677 @media screen and (min-width: 597px) { 3678 .header-dropdown-shop-cta { 3679 width: calc(50% - 8px); 3680 height: fit-content; 3681 } 3682 } 3683 @media screen and (min-width: 768px) { 3684 .header-dropdown-shop-cta { 3685 gap: 36px; 3686 width: calc(50% - 9px); 3687 height: 162px; 3688 } 3689 .header-dropdown-shop-cta__image-wrapper-4 { 3690 max-width: 162px; 3691 width: 100%; 3692 } 3693 .header-dropdown-shop-cta__content { 3694 width: 100%; 3695 } 3696 .header-dropdown-shop-cta__content h5 { 3697 font-size: 18px; 3698 line-height: 24px; 3699 } 3700 .header-dropdown-shop-cta__content p { 3701 font-size: 16px; 3702 line-height: 24px; 3703 max-height: none; 3704 } 3705 .header-dropdown-shop-cta__content-btn { 3706 font-size: 16px; 3707 line-height: 24px; 3708 } 3709 } 3710</style> 3711 3712 3713 3714 3715 3716 3717 3718 3719 3720 3721 3722 3723 3724 3725 3726 3727 3728 3729 <a href="/products/soylent-complete-energy-chocolate" class="header-dropdown-shop-cta"> 3730 <div class="header-dropdown-shop-cta__image-wrapper-5" style="overflow: hidden;"> 3731 3732 <img class="header-dropdown-shop-cta__image-top-5" src="//soylent.com/cdn/shop/files/Chocolate_grande.png?v=1710113952" alt=""> 3733 3734 3735 </div> 3736 <div class="header-dropdown-shop-cta__content"> 3737 <h5>complete energy</h5> 3738 <div><p>smart energy. fuel for the brain and the body. </p></div> 3739 <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div> 3740 </div> 3741</a> 3742 3743<style> 3744 .header-dropdown-shop-cta { 3745 width: 100%; 3746 display: flex; 3747 flex-direction: row; 3748 align-items: center; 3749 justify-content: flex-start; 3750 padding-left: 0; 3751 padding-bottom: 0; 3752 gap: 16px; 3753 } 3754 .header-dropdown-shop-cta__image-wrapper-5 { 3755 border: 1px solid #000; 3756 aspect-ratio: 1/1; 3757 max-width: 102px; 3758 width: 102px; 3759 position: relative; 3760 background: linear-gradient(to bottom, #fcd700 0%, #fcd700 50%, #ffffff 50%, #ffffff 100%); 3761 } 3762 .header-dropdown-shop-cta__image-wrapper-5 img { 3763 width: 100%; 3764 height: auto; 3765 aspect-ratio: 1/1; 3766 object-fit: contain; 3767 object-position: center; 3768 position: absolute; 3769 top: 0; 3770 left: 0; 3771 } 3772 3773 @keyframes fadeOut { 3774 0% { 3775 left: 0; 3776 } 3777 20% { 3778 left: 0; 3779 } 3780 40% { 3781 left: -150%; 3782 display: block; 3783 } 3784 49% { 3785 left: -150%; 3786 display: none; 3787 } 3788 50% { 3789 left: 150%; 3790 display: none; 3791 } 3792 60% { 3793 left: 150%; 3794 display: block; 3795 } 3796 80% { 3797 left: 0; 3798 } 3799 100% { 3800 left: 0; 3801 } 3802 } 3803 @keyframes fadeIn { 3804 0% { 3805 left: 150%; 3806 } 3807 20% { 3808 left: 150%; 3809 } 3810 40% { 3811 left: 0; 3812 } 3813 60% { 3814 left: 0; 3815 } 3816 80% { 3817 left: -150%; 3818 } 3819 100% { 3820 left: -150%; 3821 } 3822 } 3823 .header-dropdown-shop-cta__content { 3824 display: flex; 3825 flex-direction: column; 3826 gap: 8px; 3827 width: calc(100% - 118px); 3828 } 3829 .header-dropdown-shop-cta__content h5 { 3830 font-size: 16px; 3831 line-height: 24px; 3832 font-weight: 700; 3833 margin: 0; 3834 padding: 0; 3835 color: #212322; 3836 } 3837 .header-dropdown-shop-cta__content p { 3838 font-size: 14px; 3839 line-height: 18px; 3840 margin: 0 !important; 3841 padding: 0 !important; 3842 color: #505050; 3843 max-height: 36px; 3844 overflow: hidden; 3845 } 3846 .header-dropdown-shop-cta__content-btn { 3847 font-size: 14px; 3848 line-height: 16px; 3849 font-weight: 500; 3850 text-decoration: none; 3851 letter-spacing: 0.32px; 3852 color: #47AF19; 3853 margin: 0; 3854 } 3855 @media screen and (min-width: 597px) { 3856 .header-dropdown-shop-cta { 3857 width: calc(50% - 8px); 3858 height: fit-content; 3859 } 3860 } 3861 @media screen and (min-width: 768px) { 3862 .header-dropdown-shop-cta { 3863 gap: 36px; 3864 width: calc(50% - 9px); 3865 height: 162px; 3866 } 3867 .header-dropdown-shop-cta__image-wrapper-5 { 3868 max-width: 162px; 3869 width: 100%; 3870 } 3871 .header-dropdown-shop-cta__content { 3872 width: 100%; 3873 } 3874 .header-dropdown-shop-cta__content h5 { 3875 font-size: 18px; 3876 line-height: 24px; 3877 } 3878 .header-dropdown-shop-cta__content p { 3879 font-size: 16px; 3880 line-height: 24px; 3881 max-height: none; 3882 } 3883 .header-dropdown-shop-cta__content-btn { 3884 font-size: 16px; 3885 line-height: 24px; 3886 } 3887 } 3888</style> 3889 3890 3891<div class="header-dropdown-shop__links"><a href="/collections/all-products">shop all</a><a href="/collections/variety-packs-bundles">variety packs</a><a href="/products/gift-card">gift cards</a><a href="/collections/all-merchandise">merch</a></div><style> 3892 .header-dropdown-shop__links { 3893 width: 1000%; 3894 height: fit-content; 3895 display: flex; 3896 flex-direction: column; 3897 justify-content: center; 3898 gap: 12px; 3899 border-top: 2px solid #F7F7F7; 3900 margin-top: 12px; 3901 padding-top: 12px; 3902 margin-left: 0; 3903 padding-bottom: 0; 3904 padding-left: 0; 3905 margin-left: 0; 3906 } 3907 .header-dropdown-shop__links a { 3908 display: flex; 3909 align-items: center; 3910 justify-content: flex-start; 3911 color: #212322; 3912 text-decoration: none; 3913 font-size: 16px; 3914 line-height: 24px; 3915 font-weight: 700; 3916 } 3917 .header-dropdown-shop__links a:hover { 3918 color: #47Af19; 3919 } 3920 @media screen and (min-width: 768px) { 3921 .header-dropdown-shop__links { 3922 width: fit-content; 3923 height: 162px; 3924 gap: 0; 3925 flex-direction: column; 3926 justify-content: space-between; 3927 border-top: none; 3928 border-left: 2px solid #F7F7F7; 3929 margin-top: 0; 3930 padding-top: 0; 3931 padding-bottom: 0; 3932 padding-left: 36px; 3933 } 3934 .header-dropdown-shop__links a { 3935 font-size: 18px; 3936 line-height: 24px; 3937 width: 100%; 3938 height: fit-content; 3939 box-shadow: none; 3940 justify-content: flex-start; 3941 } 3942 } 3943</style> 3944 3945 3946 3947 </ul> 3948 </div> 3949 3950 3951 3952 3953 3954 3955 3956 <li class="mobile-nav__menu-item" > 3957 <a href="" data-block="nav_health_item_ycVwqN" aria-controls="submenu-nav_health_item_ycVwqN" aria-expanded="false" data-submenu-trigger="#submenu-nav_health_item_ycVwqN"> 3958 Health Benefits 3959 3960 <div class="mobile-nav__dropdown-icon">
3961 <span class="mobile-nav__dropdown-icon--inner"></span> 3962 </div> 3963 </a> 3964 </li> 3965 3966 3967 3968 <div id="submenu-nav_health_item_ycVwqN" class="mobile-nav__submenu" data-block="nav_health_item_ycVwqN" data-submenu> 3969 <ul class="mobile-nav__submenu-list"> 3970 3971 3972 3973 3974 3975 3976 3977 <div class="header-dropdown-health-cta"> 3978 <div class="header-dropdown-health-cta__top"> 3979 <h5>weight management</h5> 3980 <div class="header-dropdown-health-cta__top-detail"><p>make weight management easy.</p></div> 3981 <div class="header-dropdown-health-cta__top-border" style="background-color: #ade8bf;"></div> 3982 </div> 3983 <div class="header-dropdown-health-cta__nav"> 3984 3985 3986 <a href="https://soylent.com/pages/weight-loss"> 3987 weight loss 3988 <div class="icon-arrow-up"> 3989 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3990 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 3991 </svg> 3992</div> 3993 </a> 3994 3995 <a href="https://soylent.com/pages/weight-gain"> 3996 weight gain 3997 <div class="icon-arrow-up"> 3998 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3999 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 4000 </svg> 4001</div> 4002 </a> 4003 4004 <a href="https://soylent.com/pages/appetite-suppression"> 4005 appetite suppression 4006 <div class="icon-arrow-up"> 4007 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4008 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 4009 </svg> 4010</div> 4011 </a> 4012 4013 <a href="https://soylent.com/pages/weight-management-and-nutrition-soylent"> 4014 weight management 4015 <div class="icon-arrow-up"> 4016 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4017 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 4018 </svg> 4019</div> 4020 </a> 4021 4022 4023 </div> 4024</div> 4025 4026<style> 4027 .header-dropdown-health-cta { 4028 display: flex; 4029 flex-direction: column; 4030 width: 100%; 4031 padding-left: 16px; 4032 padding-bottom: 32px; 4033 } 4034 .header-dropdown-health-cta__top { 4035 padding-bottom: 20px; 4036 text-align: center; 4037 } 4038 .header-dropdown-health-cta__top h5 { 4039 font-size: 18px; 4040 line-height: 24px; 4041 font-weight: 700; 4042 color: #212322; 4043 margin: 0; 4044 margin-bottom: 8px; 4045 padding: 0; 4046 } 4047 .header-dropdown-health-cta__top-detail { 4048 display: flex; 4049 align-items: center; 4050 justify-content: center; 4051 font-size: 14px; 4052 line-height: 16px; 4053 font-weight: 400 !important; 4054 text-align: center; 4055 letter-spacing: 0em; 4056 margin: 0; 4057 margin-bottom: 16px; 4058 padding: 0; 4059 color: #505050; 4060 } 4061 .header-dropdown-health-cta__top-detail p { 4062 margin: 0; 4063 } 4064 .header-dropdown-health-cta__top-border { 4065 width: 100%; 4066 height: 4px; 4067 } 4068 .header-dropdown-health-cta__nav-item { 4069 padding: 16px; 4070 font-size: 16px; 4071 line-height: 24px; 4072 font-weight: 700; 4073 text-transform: lowercase; 4074 color: #212322; 4075 } 4076 .header-dropdown-health-cta__top { 4077 font-size: 18px; 4078 line-height: 24px; 4079 font-weight: 700; 4080 } 4081 .header-dropdown-health-cta__nav { 4082 display: flex; 4083 flex-direction: column; 4084 gap: 12px; 4085 } 4086 .header-dropdown-health-cta__nav a { 4087 display: flex; 4088 justify-content: space-between; 4089 gap: 8px; 4090 padding: 16px; 4091 width: 100%; 4092 font-size: 14px; 4093 line-height: 16px; 4094 letter-spacing: 0em; 4095 font-weight: 700; 4096 color: #212322; 4097 background-color: #fff; 4098 transition: all 0.25s ease-in-out; 4099 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 4100 } 4101 .header-dropdown-health-cta__nav a svg { 4102 opacity: 0; 4103 margin: 0; 4104 padding: 0; 4105 transition: all 0.25s ease-in-out; 4106 display: none; 4107 } 4108 .header-dropdown-health-cta__nav a:hover { 4109 color: #47AF19; 4110 } 4111 .header-dropdown-health-cta__nav a:hover > div svg { 4112 opacity: 1 !important; 4113 } 4114 .icon-arrow-up { 4115 margin: 5px; 4116 top: 3px; 4117 position: relative; 4118 } 4119 @media screen and (min-width: 597px) { 4120 .header-dropdown-health-cta__top-detail { 4121 height: 32px; 4122 } 4123 .header-dropdown-health-cta__nav { 4124 gap: 16px; 4125 } 4126 .header-dropdown-health-cta__nav a { 4127 font-size: 16px; 4128 line-height: 24px; 4129 } 4130 } 4131 @media screen and (min-width: 700px) { 4132 .header-dropdown-health-cta { 4133 width: 50%; 4134 padding-left: 16px; 4135 padding-bottom: 24px; 4136 } 4137 .header-dropdown-health-cta__nav { 4138 gap: 16px; 4139 } 4140 .header-dropdown-health-cta { 4141 width: 50%; 4142 } 4143 } 4144 @media screen and (min-width: 1024px) { 4145 .header-dropdown-health-cta { 4146 width: 25%; 4147 padding-left: 36px; 4148 padding-bottom: 0; 4149 } 4150 .header-dropdown-health-cta__nav a svg { 4151 display: block; 4152 } 4153 } 4154</style> 4155 4156 4157 4158 4159 4160 4161 <div class="header-dropdown-health-cta"> 4162 <div class="header-dropdown-health-cta__top"> 4163 <h5>fitness</h5> 4164 <div class="header-dropdown-health-cta__top-detail"><p>reach your fitness goals.</p></div> 4165 <div class="header-dropdown-health-cta__top-border" style="background-color: #5e93db;"></div> 4166 </div> 4167 <div class="header-dropdown-health-cta__nav"> 4168 4169 4170 <a href="https://soylent.com/pages/health-and-fitness-soylent"> 4171 fitness 4172 <div class="icon-arrow-up"> 4173 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4174 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 4175 </svg> 4176</div> 4177 </a> 4178 4179 <a href="https://soylent.com/pages/pre-and-post-workout-recovery-with-soylent"> 4180 workout recovery 4181 <div class="icon-arrow-up"> 4182 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4183 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 4184 </svg> 4185</div> 4186 </a> 4187 4188 <a href="https://soylent.com/pages/food-for-muscle-recovery-with-soylent"> 4189 muscle recovery 4190 <div class="icon-arrow-up"> 4191 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4192 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 4193 </svg> 4194</div> 4195 </a> 4196 4197 4198 </div> 4199</div> 4200 4201<style> 4202 .header-dropdown-health-cta { 4203 display: flex; 4204 flex-direction: column; 4205 width: 100%; 4206 padding-left: 16px; 4207 padding-bottom: 32px; 4208 } 4209 .header-dropdown-health-cta__top { 4210 padding-bottom: 20px; 4211 text-align: center; 4212 } 4213 .header-dropdown-health-cta__top h5 { 4214 font-size: 18px; 4215 line-height: 24px; 4216 font-weight: 700; 4217 color: #212322; 4218 margin: 0; 4219 margin-bottom: 8px; 4220 padding: 0; 4221 } 4222 .header-dropdown-health-cta__top-detail { 4223 display: flex; 4224 align-items: center; 4225 justify-content: center; 4226 font-size: 14px; 4227 line-height: 16px; 4228 font-weight: 400 !important; 4229 text-align: center; 4230 letter-spacing: 0em; 4231 margin: 0; 4232 margin-bottom: 16px; 4233 padding: 0; 4234 color: #505050; 4235 } 4236 .header-dropdown-health-cta__top-detail p { 4237 margin: 0; 4238 } 4239 .header-dropdown-health-cta__top-border { 4240 width: 100%; 4241 height: 4px; 4242 } 4243 .header-dropdown-health-cta__nav-item { 4244 padding: 16px; 4245 font-size: 16px; 4246 line-height: 24px; 4247 font-weight: 700; 4248 text-transform: lowercase; 4249 color: #212322; 4250 } 4251 .header-dropdown-health-cta__top { 4252 font-size: 18px; 4253 line-height: 24px; 4254 font-weight: 700; 4255 } 4256 .header-dropdown-health-cta__nav { 4257 display: flex; 4258 flex-direction: column; 4259 gap: 12px; 4260 } 4261 .header-dropdown-health-cta__nav a { 4262 display: flex; 4263 justify-content: space-between; 4264 gap: 8px; 4265 padding: 16px; 4266 width: 100%; 4267 font-size: 14px; 4268 line-height: 16px; 4269 letter-spacing: 0em; 4270 font-weight: 700; 4271 color: #212322; 4272 background-color: #fff; 4273 transition: all 0.25s ease-in-out; 4274 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 4275 } 4276 .header-dropdown-health-cta__nav a svg { 4277 opacity: 0; 4278 margin: 0; 4279 padding: 0; 4280 transition: all 0.25s ease-in-out; 4281 display: none; 4282 } 4283 .header-dropdown-health-cta__nav a:hover { 4284 color: #47AF19; 4285 } 4286 .header-dropdown-health-cta__nav a:hover > div svg { 4287 opacity: 1 !important; 4288 } 4289 .icon-arrow-up { 4290 margin: 5px; 4291 top: 3px; 4292 position: relative; 4293 } 4294 @media screen and (min-width: 597px) { 4295 .header-dropdown-health-cta__top-detail { 4296 height: 32px; 4297 } 4298 .header-dropdown-health-cta__nav { 4299 gap: 16px; 4300 } 4301 .header-dropdown-health-cta__nav a { 4302 font-size: 16px; 4303 line-height: 24px; 4304 } 4305 } 4306 @media screen and (min-width: 700px) { 4307 .header-dropdown-health-cta { 4308 width: 50%; 4309 padding-left: 16px; 4310 padding-bottom: 24px; 4311 } 4312 .header-dropdown-health-cta__nav { 4313 gap: 16px; 4314 } 4315 .header-dropdown-health-cta { 4316 width: 50%; 4317 } 4318 } 4319 @media screen and (min-width: 1024px) { 4320 .header-dropdown-health-cta { 4321 width: 25%; 4322 padding-left: 36px; 4323 padding-bottom: 0; 4324 } 4325 .header-dropdown-health-cta__nav a svg { 4326 display: block; 4327 } 4328 } 4329</style> 4330 4331 4332 4333 4334 4335 4336 <div class="header-dropdown-health-cta"> 4337 <div class="header-dropdown-health-cta__top"> 4338 <h5>health</h5> 4339 <div class="header-dropdown-health-cta__top-detail"><p>manage your health, the smart way.</p></div> 4340 <div class="header-dropdown-health-cta__top-border" style="background-color: #f8485e;"></div> 4341 </div> 4342 <div class="header-dropdown-health-cta__nav"> 4343 4344 4345 <a href="https://soylent.com/pages/diabetes-and-blood-sugar-management-with-soylent"> 4346 diabetes & blood sugar management 4347 <div class="icon-arrow-up"> 4348 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4349 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 4350 </svg> 4351</div> 4352 </a> 4353 4354 <a href="https://soylent.com/pages/surgery-liquid-diets-with-soylent"> 4355 surgery & liquid diets 4356 <div class="icon-arrow-up"> 4357 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4358 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 4359 </svg> 4360</div> 4361 </a> 4362 4363 4364 </div> 4365</div> 4366 4367<style> 4368 .header-dropdown-health-cta { 4369 display: flex; 4370 flex-direction: column; 4371 width: 100%; 4372 padding-left: 16px; 4373 padding-bottom: 32px; 4374 } 4375 .header-dropdown-health-cta__top { 4376 padding-bottom: 20px; 4377 text-align: center; 4378 } 4379 .header-dropdown-health-cta__top h5 { 4380 font-size: 18px; 4381 line-height: 24px; 4382 font-weight: 700; 4383 color: #212322; 4384 margin: 0; 4385 margin-bottom: 8px; 4386 padding: 0; 4387 } 4388 .header-dropdown-health-cta__top-detail { 4389 display: flex; 4390 align-items: center; 4391 justify-content: center; 4392 font-size: 14px; 4393 line-height: 16px; 4394 font-weight: 400 !important; 4395 text-align: center; 4396 letter-spacing: 0em; 4397 margin: 0; 4398 margin-bottom: 16px; 4399 padding: 0; 4400 color: #505050; 4401 } 4402 .header-dropdown-health-cta__top-detail p { 4403 margin: 0; 4404 } 4405 .header-dropdown-health-cta__top-border { 4406 width: 100%; 4407 height: 4px; 4408 } 4409 .header-dropdown-health-cta__nav-item { 4410 padding: 16px; 4411 font-size: 16px; 4412 line-height: 24px; 4413 font-weight: 700; 4414 text-transform: lowercase; 4415 color: #212322; 4416 } 4417 .header-dropdown-health-cta__top { 4418 font-size: 18px; 4419 line-height: 24px; 4420 font-weight: 700; 4421 } 4422 .header-dropdown-health-cta__nav { 4423 display: flex; 4424 flex-direction: column; 4425 gap: 12px; 4426 } 4427 .header-dropdown-health-cta__nav a { 4428 display: flex; 4429 justify-content: space-between; 4430 gap: 8px; 4431 padding: 16px; 4432 width: 100%; 4433 font-size: 14px; 4434 line-height: 16px; 4435 letter-spacing: 0em; 4436 font-weight: 700; 4437 color: #212322; 4438 background-color: #fff; 4439 transition: all 0.25s ease-in-out; 4440 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 4441 } 4442 .header-dropdown-health-cta__nav a svg { 4443 opacity: 0; 4444 margin: 0; 4445 padding: 0; 4446 transition: all 0.25s ease-in-out; 4447 display: none; 4448 } 4449 .header-dropdown-health-cta__nav a:hover { 4450 color: #47AF19; 4451 } 4452 .header-dropdown-health-cta__nav a:hover > div svg { 4453 opacity: 1 !important; 4454 } 4455 .icon-arrow-up { 4456 margin: 5px; 4457 top: 3px; 4458 position: relative; 4459 } 4460 @media screen and (min-width: 597px) { 4461 .header-dropdown-health-cta__top-detail { 4462 height: 32px; 4463 } 4464 .header-dropdown-health-cta__nav { 4465 gap: 16px; 4466 } 4467 .header-dropdown-health-cta__nav a { 4468 font-size: 16px; 4469 line-height: 24px; 4470 } 4471 } 4472 @media screen and (min-width: 700px) { 4473 .header-dropdown-health-cta { 4474 width: 50%; 4475 padding-left: 16px; 4476 padding-bottom: 24px; 4477 } 4478 .header-dropdown-health-cta__nav { 4479 gap: 16px; 4480 } 4481 .header-dropdown-health-cta { 4482 width: 50%; 4483 } 4484 } 4485 @media screen and (min-width: 1024px) { 4486 .header-dropdown-health-cta { 4487 width: 25%; 4488 padding-left: 36px; 4489 padding-bottom: 0; 4490 } 4491 .header-dropdown-health-cta__nav a svg { 4492 display: block; 4493 } 4494 } 4495</style> 4496 4497 4498 4499 4500 4501
4501 4502 <div class="header-dropdown-health-cta"> 4503 <div class="header-dropdown-health-cta__top"> 4504 <h5>nutrition</h5> 4505 <div class="header-dropdown-health-cta__top-detail"><p>science-backed nutrition, perfected.</p></div> 4506 <div class="header-dropdown-health-cta__top-border" style="background-color: #eed484;"></div> 4507 </div> 4508 <div class="header-dropdown-health-cta__nav"> 4509 4510 4511 <a href="https://soylent.com/pages/fuel-plant-based-diets-with-soylent"> 4512 plant-based diets 4513 <div class="icon-arrow-up"> 4514 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4515 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 4516 </svg> 4517</div> 4518 </a> 4519 4520 <a href="/pages/daily-vitamins-and-minerals"> 4521 daily vitamins & minerals 4522 <div class="icon-arrow-up"> 4523 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4524 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 4525 </svg> 4526</div> 4527 </a> 4528 4529 <a href="https://soylent.com/pages/healthy-meal-replacement-for-athletes"> 4530 athlete & sports nutrition 4531 <div class="icon-arrow-up"> 4532 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4533 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 4534 </svg> 4535</div> 4536 </a> 4537 4538 <a href="https://soylent.com/pages/soylent-for-gluten-free-diets-and-lifestyles"> 4539 gluten-free diets 4540 <div class="icon-arrow-up"> 4541 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4542 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 4543 </svg> 4544</div> 4545 </a> 4546 4547 4548 </div> 4549</div> 4550 4551<style> 4552 .header-dropdown-health-cta { 4553 display: flex; 4554 flex-direction: column; 4555 width: 100%; 4556 padding-left: 16px; 4557 padding-bottom: 32px; 4558 } 4559 .header-dropdown-health-cta__top { 4560 padding-bottom: 20px; 4561 text-align: center; 4562 } 4563 .header-dropdown-health-cta__top h5 { 4564 font-size: 18px; 4565 line-height: 24px; 4566 font-weight: 700; 4567 color: #212322; 4568 margin: 0; 4569 margin-bottom: 8px; 4570 padding: 0; 4571 } 4572 .header-dropdown-health-cta__top-detail { 4573 display: flex; 4574 align-items: center; 4575 justify-content: center; 4576 font-size: 14px; 4577 line-height: 16px; 4578 font-weight: 400 !important; 4579 text-align: center; 4580 letter-spacing: 0em; 4581 margin: 0; 4582 margin-bottom: 16px; 4583 padding: 0; 4584 color: #505050; 4585 } 4586 .header-dropdown-health-cta__top-detail p { 4587 margin: 0; 4588 } 4589 .header-dropdown-health-cta__top-border { 4590 width: 100%; 4591 height: 4px; 4592 } 4593 .header-dropdown-health-cta__nav-item { 4594 padding: 16px; 4595 font-size: 16px; 4596 line-height: 24px; 4597 font-weight: 700; 4598 text-transform: lowercase; 4599 color: #212322; 4600 } 4601 .header-dropdown-health-cta__top { 4602 font-size: 18px; 4603 line-height: 24px; 4604 font-weight: 700; 4605 } 4606 .header-dropdown-health-cta__nav { 4607 display: flex; 4608 flex-direction: column; 4609 gap: 12px; 4610 } 4611 .header-dropdown-health-cta__nav a { 4612 display: flex; 4613 justify-content: space-between; 4614 gap: 8px; 4615 padding: 16px; 4616 width: 100%; 4617 font-size: 14px; 4618 line-height: 16px; 4619 letter-spacing: 0em; 4620 font-weight: 700; 4621 color: #212322; 4622 background-color: #fff; 4623 transition: all 0.25s ease-in-out; 4624 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 4625 } 4626 .header-dropdown-health-cta__nav a svg { 4627 opacity: 0; 4628 margin: 0; 4629 padding: 0; 4630 transition: all 0.25s ease-in-out; 4631 display: none; 4632 } 4633 .header-dropdown-health-cta__nav a:hover { 4634 color: #47AF19; 4635 } 4636 .header-dropdown-health-cta__nav a:hover > div svg { 4637 opacity: 1 !important; 4638 } 4639 .icon-arrow-up { 4640 margin: 5px; 4641 top: 3px; 4642 position: relative; 4643 } 4644 @media screen and (min-width: 597px) { 4645 .header-dropdown-health-cta__top-detail { 4646 height: 32px; 4647 } 4648 .header-dropdown-health-cta__nav { 4649 gap: 16px; 4650 } 4651 .header-dropdown-health-cta__nav a { 4652 font-size: 16px; 4653 line-height: 24px; 4654 } 4655 } 4656 @media screen and (min-width: 700px) { 4657 .header-dropdown-health-cta { 4658 width: 50%; 4659 padding-left: 16px; 4660 padding-bottom: 24px; 4661 } 4662 .header-dropdown-health-cta__nav { 4663 gap: 16px; 4664 } 4665 .header-dropdown-health-cta { 4666 width: 50%; 4667 } 4668 } 4669 @media screen and (min-width: 1024px) { 4670 .header-dropdown-health-cta { 4671 width: 25%; 4672 padding-left: 36px; 4673 padding-bottom: 0; 4674 } 4675 .header-dropdown-health-cta__nav a svg { 4676 display: block; 4677 } 4678 } 4679</style> 4680 4681 4682 4683 4684 </ul> 4685 </div> 4686 4687 4688 4689 4690 4691 4692 4693 <li class="mobile-nav__menu-item" > 4694 <a href="" data-block="nav_about_item_qPTFrX" aria-controls="submenu-nav_about_item_qPTFrX" aria-expanded="false" data-submenu-trigger="#submenu-nav_about_item_qPTFrX"> 4695 About 4696 4697 <div class="mobile-nav__dropdown-icon">
4698 <span class="mobile-nav__dropdown-icon--inner"></span> 4699 </div> 4700 </a> 4701 </li> 4702 4703 4704 4705 <div id="submenu-nav_about_item_qPTFrX" class="mobile-nav__submenu" data-block="nav_about_item_qPTFrX" data-submenu> 4706 <ul class="mobile-nav__submenu-list mobile-nav__submenu-list-about"> 4707 4708 4709 4710 4711 4712 4713 4714 4715 4716 4717 4718 4719 4720 4721 4722 4723 4724 4725 4726 <a href="https://soylent.com/pages/about-the-company" class="header-dropdown__cta header-dropdown__cta-1"> 4727 4728 4729 4730 <div class="header-dropdown__cta-bg lazyload" style="background-image: url(//soylent.com/cdn/shop/files/Story_1_500x.png?v=1672935988)"></div> 4731 <span class="header-dropdown__cta-text"> 4732 4733 <h5>from lab to living room.</h5> 4734 4735 4736 <p>10 years of perfect food.</p> 4737 4738 4739 <p class="header-dropdown__cta-text-btn">LEARN MORE</p> 4740 4741 </span> 4742 4743 4744 4745 </a> 4746 4747 4748 4749 4750<style> 4751 .header-dropdown__cta { 4752 padding-left: 0; 4753 padding-bottom: 0; 4754 width: calc(50% - 8px); 4755 cursor: pointer; 4756 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 4757 } 4758 .header-dropdown__cta-3 { 4759 display: flex; 4760 flex-direction: row; 4761 width: 100%; 4762 } 4763 .header-dropdown__cta-text { 4764 display: flex; 4765 flex-direction: column; 4766 align-items: center; 4767 justify-self: center; 4768 gap: 8px; 4769 background-color: #fff; 4770 text-align: center; 4771 padding: 16px 0px; 4772 width: 100%; 4773 max-width: 120px; 4774 margin: 0 auto; 4775 } 4776 .header-dropdown__cta-bg { 4777 aspect-ratio: 1; 4778 } 4779 .header-dropdown__cta-3 .header-dropdown__cta-bg { 4780 width: calc(50% - 8px); 4781 } 4782 .header-dropdown__cta-3 .header-dropdown__cta-text { 4783 width: calc(50% + 8px); 4784 justify-content: center; 4785 } 4786 .header-dropdown__cta-text h5 { 4787 font-size: 16px; 4788 line-height: 16px; 4789 font-weight: 700; 4790 margin: 0 !important; 4791 } 4792 .header-dropdown__cta-text p { 4793 font-size: 14px; 4794 line-height: 16px; 4795 font-weight: 400; 4796 text-align: center; 4797 } 4798 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 4799 font-size: 14px; 4800 line-height: 16px; 4801 font-weight: 500; 4802 margin: 0 !important; 4803 color: #47AF19 !important; 4804 } 4805 .header-dropdown__cta:nth-child(2) { 4806 display: flex; 4807 flex-direction: row; 4808 } 4809 .mobile-nav__submenu-list-about .header-dropdown__cta { 4810 background-color: #fff; 4811 } 4812 @media screen and (min-width: 597px){ 4813 .header-dropdown__cta-text { 4814 padding: 24px 16px; 4815 max-width: 100%; 4816 } 4817 } 4818 @media screen and (min-width: 768px) { 4819 .header-dropdown__cta { 4820 width: calc(25% - 12px); 4821 } 4822 .header-dropdown-about .header-dropdown__cta { 4823 background-color: #fff; 4824 } 4825 .header-dropdown__cta-text { 4826 padding: 24px 16px; 4827 } 4828 .header-dropdown__cta-3 { 4829 display: flex; 4830 flex-direction: column; 4831 width: calc(25% - 12px); 4832 } 4833 .header-dropdown__cta-3 .header-dropdown__cta-bg { 4834 width: 100%; 4835 } 4836 .header-dropdown__cta-3 .header-dropdown__cta-text { 4837 width: 100%; 4838 justify-content: center; 4839 } 4840 .header-dropdown__cta-text h5 { 4841 font-size: 18px; 4842 line-height: 24px; 4843 } 4844 .header-dropdown__cta-text p { 4845 max-width: none; 4846 } 4847 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 4848 font-size: 16px; 4849 line-height: 24px; 4850 } 4851 } 4852 @media screen and (min-width: 992px) { 4853 .header-dropdown__cta { 4854 width: calc(25% - 27px); 4855 max-width: 261px; 4856 } 4857 .header-dropdown__cta-text p { 4858 font-size: 14px; 4859 line-height: 24px; 4860 } 4861 } 4862</style> 4863 4864 4865 4866 4867 4868 4869 4870 4871 4872 4873 4874 4875 4876 4877 4878 4879 4880 4881 <a href="https://soylent.com/pages/about-soylent" class="header-dropdown__cta header-dropdown__cta-2"> 4882 4883 4884 4885 <div class="header-dropdown__cta-bg lazyload" style="background-image: url(//soylent.com/cdn/shop/files/Soy_Resize_500x.png?v=1672937469)"></div> 4886 <span class="header-dropdown__cta-text"> 4887 4888 <h5>we hacked food.</h5> 4889 4890 4891 <p>nutrition nerd approved.</p> 4892 4893 4894 <p class="header-dropdown__cta-text-btn">LEARN MORE</p> 4895 4896 </span> 4897 4898 4899
4900 </a> 4901 4902 4903 4904 4905<style> 4906 .header-dropdown__cta { 4907 padding-left: 0; 4908 padding-bottom: 0; 4909 width: calc(50% - 8px); 4910 cursor: pointer; 4911 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 4912 } 4913 .header-dropdown__cta-3 { 4914 display: flex; 4915 flex-direction: row; 4916 width: 100%; 4917 } 4918 .header-dropdown__cta-text { 4919 display: flex; 4920 flex-direction: column; 4921 align-items: center; 4922 justify-self: center; 4923 gap: 8px; 4924 background-color: #fff; 4925 text-align: center; 4926 padding: 16px 0px; 4927 width: 100%; 4928 max-width: 120px; 4929 margin: 0 auto; 4930 } 4931 .header-dropdown__cta-bg { 4932 aspect-ratio: 1; 4933 } 4934 .header-dropdown__cta-3 .header-dropdown__cta-bg { 4935 width: calc(50% - 8px); 4936 } 4937 .header-dropdown__cta-3 .header-dropdown__cta-text { 4938 width: calc(50% + 8px); 4939 justify-content: center; 4940 } 4941 .header-dropdown__cta-text h5 { 4942 font-size: 16px; 4943 line-height: 16px; 4944 font-weight: 700; 4945 margin: 0 !important; 4946 } 4947 .header-dropdown__cta-text p { 4948 font-size: 14px; 4949 line-height: 16px; 4950 font-weight: 400; 4951 text-align: center; 4952 } 4953 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 4954 font-size: 14px; 4955 line-height: 16px; 4956 font-weight: 500; 4957 margin: 0 !important; 4958 color: #47AF19 !important; 4959 } 4960 .header-dropdown__cta:nth-child(2) { 4961 display: flex; 4962 flex-direction: row; 4963 } 4964 .mobile-nav__submenu-list-about .header-dropdown__cta { 4965 background-color: #fff; 4966 } 4967 @media screen and (min-width: 597px){ 4968 .header-dropdown__cta-text { 4969 padding: 24px 16px; 4970 max-width: 100%; 4971 } 4972 } 4973 @media screen and (min-width: 768px) { 4974 .header-dropdown__cta { 4975 width: calc(25% - 12px); 4976 } 4977 .header-dropdown-about .header-dropdown__cta { 4978 background-color: #fff; 4979 } 4980 .header-dropdown__cta-text { 4981 padding: 24px 16px; 4982 } 4983 .header-dropdown__cta-3 { 4984 display: flex; 4985 flex-direction: column; 4986 width: calc(25% - 12px); 4987 } 4988 .header-dropdown__cta-3 .header-dropdown__cta-bg { 4989 width: 100%; 4990 } 4991 .header-dropdown__cta-3 .header-dropdown__cta-text { 4992 width: 100%; 4993 justify-content: center; 4994 } 4995 .header-dropdown__cta-text h5 { 4996 font-size: 18px; 4997 line-height: 24px; 4998 } 4999 .header-dropdown__cta-text p { 5000 max-width: none; 5001 } 5002 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 5003 font-size: 16px; 5004 line-height: 24px; 5005 } 5006 } 5007 @media screen and (min-width: 992px) { 5008 .header-dropdown__cta { 5009 width: calc(25% - 27px); 5010 max-width: 261px; 5011 } 5012 .header-dropdown__cta-text p { 5013 font-size: 14px; 5014 line-height: 24px; 5015 } 5016 } 5017</style> 5018 5019 5020 5021 5022 5023 5024 5025 5026 5027 5028 5029 5030 5031 5032 5033 5034 5035 5036 <a href="/blogs/news/tagged/soylent-for-good" class="header-dropdown__cta header-dropdown__cta-3"> 5037 5038 5039 5040 <div class="header-dropdown__cta-bg lazyload" style="background-image: url(//soylent.com/cdn/shop/files/Donation_January_IMG_0305-Edit_1_93e768fd-21b0-4713-951f-0f0583cac722_500x.png?v=1672936085)"></div> 5041 <span class="header-dropdown__cta-text"> 5042 5043 <h5>we give back.</h5> 5044 5045 5046 <p>food is a right. not a luxury.</p> 5047 5048 5049 <p class="header-dropdown__cta-text-btn">LEARN MORE</p> 5050 5051 </span> 5052 5053 5054 5055 </a> 5056 5057 5058 5059 5060<style> 5061 .header-dropdown__cta { 5062 padding-left: 0; 5063 padding-bottom: 0; 5064 width: calc(50% - 8px); 5065 cursor: pointer; 5066 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 5067 } 5068 .header-dropdown__cta-3 { 5069 display: flex; 5070 flex-direction: row; 5071 width: 100%; 5072 } 5073 .header-dropdown__cta-text { 5074 display: flex; 5075 flex-direction: column; 5076 align-items: center; 5077 justify-self: center; 5078 gap: 8px; 5079 background-color: #fff; 5080 text-align: center; 5081 padding: 16px 0px; 5082 width: 100%; 5083 max-width: 120px; 5084 margin: 0 auto; 5085 } 5086 .header-dropdown__cta-bg { 5087 aspect-ratio: 1; 5088 } 5089 .header-dropdown__cta-3 .header-dropdown__cta-bg { 5090 width: calc(50% - 8px); 5091 } 5092 .header-dropdown__cta-3 .header-dropdown__cta-text { 5093 width: calc(50% + 8px); 5094 justify-content: center; 5095 } 5096 .header-dropdown__cta-text h5 { 5097 font-size: 16px; 5098 line-height: 16px; 5099 font-weight: 700; 5100 margin: 0 !important; 5101 } 5102 .header-dropdown__cta-text p { 5103 font-size: 14px; 5104 line-height: 16px; 5105 font-weight: 400; 5106 text-align: center; 5107 } 5108 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 5109 font-size: 14px; 5110 line-height: 16px; 5111 font-weight: 500; 5112 margin: 0 !important; 5113 color: #47AF19 !important; 5114 } 5115 .header-dropdown__cta:nth-child(2) { 5116 display: flex; 5117 flex-direction: row; 5118 } 5119 .mobile-nav__submenu-list-about .header-dropdown__cta { 5120 background-color: #fff; 5121 } 5122 @media screen and (min-width: 597px){ 5123 .header-dropdown__cta-text { 5124 padding: 24px 16px; 5125 max-width: 100%; 5126 } 5127 } 5128 @media screen and (min-width: 768px) { 5129 .header-dropdown__cta { 5130 width: calc(25% - 12px); 5131 } 5132 .header-dropdown-about .header-dropdown__cta { 5133 background-color: #fff; 5134 } 5135 .header-dropdown__cta-text { 5136 padding: 24px 16px; 5137 } 5138 .header-dropdown__cta-3 { 5139 display: flex; 5140 flex-direction: column; 5141 width: calc(25% - 12px); 5142 } 5143 .header-dropdown__cta-3 .header-dropdown__cta-bg { 5144 width: 100%; 5145 } 5146 .header-dropdown__cta-3 .header-dropdown__cta-text { 5147 width: 100%; 5148 justify-content: center; 5149 } 5150 .header-dropdown__cta-text h5 { 5151 font-size: 18px; 5152 line-height: 24px; 5153 } 5154 .header-dropdown__cta-text p { 5155 max-width: none; 5156 } 5157 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 5158 font-size: 16px; 5159 line-height: 24px; 5160 } 5161 } 5162 @media screen and (min-width: 992px) { 5163 .header-dropdown__cta { 5164 width: calc(25% - 27px); 5165 max-width: 261px; 5166 } 5167 .header-dropdown__cta-text p { 5168 font-size: 14px; 5169 line-height: 24px; 5170 } 5171 } 5172</style> 5173 5174 5175 5176 5177 5178 5179 5180 5181 5182 5183 5184 5185 5186 5187 5188 5189<style> 5190 .header-dropdown__cta { 5191 padding-left: 0; 5192 padding-bottom: 0; 5193 width: calc(50% - 8px); 5194 cursor: pointer; 5195 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 5196 } 5197 .header-dropdown__cta-3 { 5198 display: flex; 5199 flex-direction: row; 5200 width: 100%; 5201 } 5202 .header-dropdown__cta-text { 5203 display: flex; 5204 flex-direction: column; 5205 align-items: center; 5206 justify-self: center; 5207 gap: 8px; 5208 background-color: #fff; 5209 text-align: center; 5210 padding: 16px 0px; 5211 width: 100%; 5212 max-width: 120px; 5213 margin: 0 auto; 5214 } 5215 .header-dropdown__cta-bg { 5216 aspect-ratio: 1; 5217 } 5218 .header-dropdown__cta-3 .header-dropdown__cta-bg { 5219 width: calc(50% - 8px); 5220 } 5221 .header-dropdown__cta-3 .header-dropdown__cta-text { 5222 width: calc(50% + 8px); 5223 justify-content: center; 5224 } 5225 .header-dropdown__cta-text h5 { 5226 font-size: 16px; 5227 line-height: 16px; 5228 font-weight: 700; 5229 margin: 0 !important; 5230 } 5231 .header-dropdown__cta-text p { 5232 font-size: 14px; 5233 line-height: 16px; 5234 font-weight: 400; 5235 text-align: center; 5236 } 5237 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 5238 font-size: 14px; 5239 line-height: 16px; 5240 font-weight: 500; 5241 margin: 0 !important; 5242 color: #47AF19 !important; 5243 } 5244 .header-dropdown__cta:nth-child(2) { 5245 display: flex; 5246 flex-direction: row; 5247 } 5248 .mobile-nav__submenu-list-about .header-dropdown__cta { 5249 background-color: #fff; 5250 } 5251 @media screen and (min-width: 597px){ 5252 .header-dropdown__cta-text { 5253 padding: 24px 16px; 5254 max-width: 100%; 5255 } 5256 } 5257 @media screen and (min-width: 768px) { 5258 .header-dropdown__cta { 5259 width: calc(25% - 12px); 5260 } 5261 .header-dropdown-about .header-dropdown__cta { 5262 background-color: #fff; 5263 } 5264 .header-dropdown__cta-text { 5265 padding: 24px 16px; 5266 } 5267 .header-dropdown__cta-3 { 5268 display: flex; 5269 flex-direction: column; 5270 width: calc(25% - 12px); 5271 } 5272 .header-dropdown__cta-3 .header-dropdown__cta-bg { 5273 width: 100%; 5274 } 5275 .header-dropdown__cta-3 .header-dropdown__cta-text { 5276 width: 100%; 5277 justify-content: center; 5278 } 5279 .header-dropdown__cta-text h5 { 5280 font-size: 18px; 5281 line-height: 24px; 5282 } 5283 .header-dropdown__cta-text p { 5284 max-width: none; 5285 } 5286 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 5287 font-size: 16px; 5288 line-height: 24px; 5289 } 5290 } 5291 @media screen and (min-width: 992px) { 5292 .header-dropdown__cta { 5293 width: calc(25% - 27px); 5294 max-width: 261px; 5295 } 5296 .header-dropdown__cta-text p { 5297 font-size: 14px; 5298 line-height: 24px; 5299 } 5300 } 5301</style> 5302 5303 5304<div class="header-dropdown__links"><a href="https://soylent.com/pages/blogs">Blog</a><a href="/blogs/press">Press</a><a href="/pages/reviews">Reviews</a><a href="/pages/soylent-discount-programs">Discount Programs</a></div><style> 5305 .header-dropdown__links { 5306 display: flex; 5307 flex-direction: row; 5308 flex-wrap: wrap; 5309 font-size: 16px !important; 5310 line-height: 24px !important; 5311 font-weight: 700 !important; 5312 text-transform: lowercase; 5313 gap: 12px; 5314 background: transparent; 5315 padding-bottom: 24px; 5316 padding-left: 0; 5317 padding-top: 12px; 5318 margin-top: 12px; 5319 border-top: 2px solid #ebebeb; 5320 } 5321 .header-dropdown__links:before { 5322 content: none !important; 5323 width: 0 !important; 5324 } 5325 .header-dropdown__links a { 5326 width: 100%; 5327 height: auto; 5328 font-size: 16px; 5329 line-height: 24px; 5330 padding: 0; 5331 justify-content: center; 5332 } 5333 .header-dropdown__links a:nth-child(n+5){ 5334 width: 100%; 5335 } 5336 @media screen and (min-width: 768px) { 5337 .header-dropdown__links { 5338 padding-left: 36px; 5339 flex-direction: column; 5340 justify-content: space-between; 5341 } 5342 .header-dropdown__links a { 5343 width: 100%; 5344 } 5345 } 5346 @media screen and (min-width: 1024px) { 5347 .header-dropdown__links { 5348 padding-left: 36px; 5349 } 5350 } 5351</style> 5352 5353 5354 </ul> 5355 </div> 5356 5357 5358 5359 5360 5361 5362 5363 <li class="mobile-nav__menu-item" > 5364 <a href="/blogs/news/why-soy-protein" > 5365 why soy?
5366 <span class="mobile-nav__dropdown-icon-link"> 5367 <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.75.75L12 6l-5.25 5.25M0 6h11.25" stroke="#000" stroke-width="1.5"/></svg> 5368 </span> 5369 5370 </a> 5371 </li> 5372 5373 5374 5375 5376 5377 5378 5379 5380 5381 5382 5383 5384 5385 <li class="mobile-nav__menu-item" > 5386 <a href="/pages/soylent-clinical-trials" > 5387 clinical trials 5388 <span class="mobile-nav__dropdown-icon-link"> 5389 <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.75.75L12 6l-5.25 5.25M0 6h11.25" stroke="#000" stroke-width="1.5"/></svg> 5390 </span> 5391 5392 </a> 5393 </li> 5394 5395 5396 5397 5398 5399 5400 5401 5402 5403 5404 5405 5406 5407 <li class="mobile-nav__menu-item" > 5408 <a href="/pages/reviews" > 5409 reviews 5410 <span class="mobile-nav__dropdown-icon-link"> 5411 <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.75.75L12 6l-5.25 5.25M0 6h11.25" stroke="#000" stroke-width="1.5"/></svg> 5412 </span> 5413 5414 </a> 5415 </li> 5416 5417 5418 5419 5420 5421 5422 5423 5424 5425 5426 5427 5428 5429 <li class="mobile-nav__menu-item" > 5430 <a href="/pages/soylent-product-recommendation-quiz" > 5431 product quiz 5432 <span class="mobile-nav__dropdown-icon-link"> 5433 <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.75.75L12 6l-5.25 5.25M0 6h11.25" stroke="#000" stroke-width="1.5"/></svg> 5434 </span> 5435 5436 </a> 5437 </li> 5438 5439 5440 5441 5442 5443 5444 </ul> 5445 5446 <div class="mobile-nav-footer"> 5447 <div class="header-social-sharing social-sharing" data-social-sharing> 5448 5449 <a target="_blank" 5450 href="https://www.instagram.com/soylent/" 5451 title="Instagram"> 5452 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 5453<g clip-path="url(#clip0_2447_4682)"> 5454<path d="M10 0C7.28418 0 6.94363 0.0115116 5.87702 0.0601778C4.81264 0.108765 4.0857 0.277787 3.44959 0.525008C2.792 0.780565 2.23432 1.1225 1.67839 1.67843C1.12246 2.23436 0.780526 2.79204 0.524968 3.44963C0.277747 4.0857 0.108725 4.81264 0.0601381 5.87702C0.0114719 6.94363 0 7.28418 0 10C0 12.7159 0.0114719 13.0564 0.0601381 14.123C0.108725 15.1874 0.277747 15.9143 0.524968 16.5504C0.780526 17.208 1.12246 17.7657 1.67839 18.3216C2.23432 18.8776 2.792 19.2195 3.44959 19.4751C4.0857 19.7223 4.81264 19.8913 5.87702 19.9399C6.94363 19.9885 7.28418 20 10 20C12.7159 20 13.0564 19.9885 14.123 19.9399C15.1874 19.8913 15.9143 19.7223 16.5504 19.4751C17.208 19.2195 17.7657 18.8776 18.3216 18.3216C18.8776 17.7657 19.2195 17.208 19.4751 16.5504C19.7223 15.9143 19.8913 15.1874 19.9399 14.123C19.9885 13.0564 20 12.7159 20 10C20 7.28418 19.9885 6.94363 19.9399 5.87702C19.8913 4.81264 19.7223 4.0857 19.4751 3.44963C19.2195 2.79204 18.8776 2.23436 18.3216 1.67843C17.7657 1.1225 17.208 0.780565 16.5504 0.525008C15.9143 0.277787 15.1874 0.108765 14.123 0.0601778C13.0564 0.0115116 12.7159 0 10 0ZM10 1.80184C12.6701 1.80184 12.9864 1.812 14.0409 1.86011C15.0159 1.90461 15.5454 2.06752 15.8977 2.20443C16.3645 2.38584 16.6976 2.60257 17.0476 2.95249C17.3975 3.3024 17.6142 3.63556 17.7956 4.10229C17.9326 4.45467 18.0955 4.98416 18.1399 5.95915C18.188 7.01362 18.1982 7.32991 18.1982 10C18.1982 12.6701 18.188 12.9864 18.1399 14.0409C18.0955 15.0159 17.9326 15.5454 17.7956 15.8977C17.6142 16.3645 17.3975 16.6976 17.0476 17.0476C16.6976 17.3975 16.3645 17.6142 15.8977 17.7956C15.5454 17.9326 15.0159 18.0955 14.0409 18.1399C12.9866 18.188 12.6703 18.1982 10 18.1982C7.32971 18.1982 7.0135 18.188 5.95915 18.1399C4.98416 18.0955 4.45467 17.9326 4.10229 17.7956C3.63552 17.6142 3.3024 17.3975 2.95245 17.0476C2.60253 16.6976 2.3858 16.3645 2.20443 15.8977C2.06748 15.5454 1.90457 15.0159 1.86007 14.0409C1.81196 12.9864 1.8018 12.6701 1.8018 10C1.8018 7.32991 1.81196 7.01362 1.86007 5.95915C1.90457 4.98416 2.06748 4.45467 2.20443 4.10229C2.3858 3.63556 2.60253 3.3024 2.95245 2.95249C3.3024 2.60257 3.63552 2.38584 4.10229 2.20443C4.45467 2.06752 4.98416 1.90461 5.95915 1.86011C7.01362 1.812 7.32991 1.80184 10 1.80184Z" fill="#505050"/> 5455<path d="M9.99844 13.3332C8.15746 13.3332 6.66508 11.8409 6.66508 9.99991C6.66508 8.15893 8.15746 6.66655 9.99844 6.66655C11.8394 6.66655 13.3318 8.15893 13.3318 9.99991C13.3318 11.8409 11.8394 13.3332 9.99844 13.3332ZM9.99844 4.86475C7.16235 4.86475 4.86328 7.16381 4.86328 9.99991C4.86328 12.836 7.16235 15.135 9.99844 15.135C12.8345 15.135 15.1336 12.836 15.1336 9.99991C15.1336 7.16381 12.8345 4.86475 9.99844 4.86475Z" fill="#505050"/> 5456<path d="M16.5367 4.6619C16.5367 5.32465 15.9995 5.86188 15.3367 5.86188C14.674 5.86188 14.1367 5.32465 14.1367 4.6619C14.1367 3.99915 14.674 3.46191 15.3367 3.46191C15.9995 3.46191 16.5367 3.99915 16.5367 4.6619Z" fill="#505050"/> 5457</g> 5458<defs> 5459<clipPath id="clip0_2447_4682"> 5460<rect width="20" height="20" fill="white"/> 5461</clipPath> 5462</defs> 5463</svg> 5464
5465 <span aria-hidden="true">Instagram</span> 5466 <span class="visually-hidden">Instagram</span> 5467 </a> 5468 5469 5470 5471 <a target="_blank" 5472 href="https:\/\/www.tiktok.com\/@soylent_nutrition" 5473 title="Tiktok"> 5474 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 5475<g clip-path="url(#clip0_2447_4687)"> 5476<path d="M10.441 0H13.7771C13.8129 0.145716 13.8408 0.293281 13.8605 0.442035C13.9622 1.60223 14.4929 2.68279 15.349 3.47249C16.205 4.26219 17.3247 4.70425 18.4894 4.71226V7.85655C18.3333 7.90727 18.1696 7.92986 18.0056 7.92327C17.2296 7.83756 16.4605 7.69822 15.7037 7.50626C15.0506 7.25491 14.4153 6.95954 13.8021 6.62218V7.0392C13.8021 8.70726 13.8021 10.4254 13.8021 12.1184C13.8105 12.8075 13.7659 13.4962 13.6687 14.1785C13.5224 15.3173 13.0868 16.3996 12.4035 17.3224C11.7203 18.2451 10.812 18.9774 9.76543 19.4495C9.15039 19.6757 8.52062 19.8596 7.88053 20H6.72123C6.67265 19.977 6.62248 19.9574 6.5711 19.9416C5.3961 19.7922 4.29235 19.2958 3.40095 18.5158C2.50955 17.7358 1.871 16.7077 1.56693 15.563C1.42694 15.0648 1.32105 14.5576 1.25 14.045V13.0692C1.34174 12.6105 1.40847 12.1518 1.54191 11.7014C1.9178 10.4988 2.64402 9.43571 3.62762 8.64823C4.61123 7.86075 5.80745 7.38472 7.06318 7.28107C7.43849 7.22269 7.8138 7.20601 8.21414 7.17264C8.21414 8.25688 8.21414 9.25771 8.21414 10.2669C8.21414 10.5088 8.08903 10.5421 7.88886 10.6005C7.2494 10.7471 6.62206 10.9423 6.0123 11.1843C5.54268 11.3613 5.13919 11.679 4.85703 12.094C4.57487 12.5091 4.42782 13.0011 4.43599 13.5029C4.40062 14.072 4.53362 14.6388 4.81841 15.1327C5.10319 15.6266 5.52713 16.0258 6.03732 16.2802C6.50386 16.5687 7.04576 16.7117 7.5939 16.6909C8.14204 16.6701 8.67155 16.4865 9.11489 16.1635C9.44684 15.9258 9.72524 15.6211 9.93211 15.2692C10.139 14.9172 10.2697 14.5257 10.3159 14.1201C10.4156 13.29 10.4574 12.4539 10.441 11.618C10.441 7.91493 10.441 4.20906 10.441 0.500417C10.466 0.325271 10.4493 0.166806 10.441 0Z" fill="#505050"/> 5477</g> 5478<defs> 5479<clipPath id="clip0_2447_4687"> 5480<rect width="20" height="20" fill="white"/> 5481</clipPath> 5482</defs> 5483</svg> 5484 5485 <span aria-hidden="true">Tiktok</span> 5486 <span class="visually-hidden">Tiktok</span> 5487 </a> 5488 5489 5490 5491 <a target="_blank" 5492 href="https://www.reddit.com/r/soylent/" 5493 title="Reddit"> 5494 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 5495<g clip-path="url(#clip0_2447_4690)"> 5496<path d="M20 10.1581C20 8.88787 18.9665 7.85434 17.6962 7.85434C17.1311 7.85434 16.5983 8.05877 16.1776 8.42888C14.6541 7.45394 12.6213 6.83968 10.379 6.77352L11.751 2.08072L15.1197 2.7066C15.1196 2.73397 15.1143 2.76008 15.1157 2.78774C15.1566 3.58946 15.842 4.20834 16.6437 4.16744C17.4454 4.12655 18.0643 3.44111 18.0234 2.63942C17.9825 1.8377 17.2971 1.21882 16.4954 1.25972C15.9778 1.28612 15.5397 1.58302 15.3028 2.00464L15.3016 2.00415L11.2422 1.25L9.62527 6.77223C7.37752 6.83215 5.33825 7.44285 3.8082 8.41601C3.38975 8.05387 2.86246 7.85434 2.30379 7.85434C1.03357 7.85434 0 8.88783 0 10.1581C0 10.9438 0.404486 11.6683 1.05948 12.091C1.01968 12.3209 0.996963 12.5544 0.996963 12.7913C0.996963 16.1166 5.02782 18.8221 9.98287 18.8221C14.9379 18.8221 18.9687 16.1165 18.9687 12.7913C18.9687 12.5612 18.9476 12.3345 18.91 12.111C19.583 11.6915 20 10.9562 20 10.1581ZM5.71228 11.7261C5.71228 10.9448 6.34594 10.3108 7.12839 10.3108C7.91011 10.3108 8.54377 10.9448 8.54377 11.7261C8.54377 12.5082 7.91011 13.1419 7.12839 13.1419C6.34594 13.1419 5.71228 12.5082 5.71228 11.7261ZM13.3201 15.5552C13.278 15.5994 12.2621 16.6329 9.96631 16.6329C7.65876 16.6329 6.73565 15.585 6.69763 15.5406C6.56754 15.3887 6.58527 15.1599 6.73719 15.0302C6.88833 14.9013 7.11487 14.9179 7.24532 15.0675C7.26601 15.0901 8.03648 15.9092 9.96635 15.9092C11.9298 15.9092 12.7906 15.0611 12.7993 15.0529C12.9384 14.9111 13.1672 14.9077 13.31 15.0468C13.4521 15.1855 13.4574 15.4117 13.3201 15.5552ZM13.0386 13.1419C12.2561 13.1419 11.6225 12.5082 11.6225 11.7261C11.6225 10.9448 12.2561 10.3108 13.0386 10.3108C13.8203 10.3108 14.454 10.9448 14.454 11.7261C14.454 12.5082 13.8203 13.1419 13.0386 13.1419Z" fill="#505050"/> 5497</g> 5498<defs> 5499<clipPath id="clip0_2447_4690"> 5500<rect width="20" height="20" fill="white"/> 5501</clipPath> 5502</defs> 5503</svg> 5504
5505 <span aria-hidden="true">Reddit</span> 5506 <span class="visually-hidden">Reddit</span> 5507 </a> 5508 5509 5510 </div> 5511 5512 <style> 5513 #shopify-section-social-sharing { 5514 display: flex; 5515 flex-direction: column; 5516 align-items: center; 5517 } 5518 .social-sharing--desktop .social-sharing > a { 5519 display: flex; 5520 align-items: center; 5521 justify-content: center; 5522 } 5523 .social-sharing___header { 5524 font-family: 'Lato'; 5525 font-weight: 500; 5526 font-size: 16px; 5527 line-height: 20px; 5528 letter-spacing: 0.5px; 5529 text-transform: uppercase; 5530 color: #000000; 5531 margin: 0; 5532 } 5533 .icon-mail { 5534 width: 17px; 5535 height: 12px; 5536 } 5537 .social-sharing { 5538 display: flex; 5539 justify-content: center; 5540 align-items: center; 5541 gap: 22px; 5542 } 5543 .social-sharing > a { 5544 display: flex; 5545 justify-content: center; 5546 align-items: center; 5547 } 5548 .header-social-sharing > a { 5549 height: 20px; 5550 width: 20px; 5551 } 5552 .rte a svg path { 5553 fill: #47af19; 5554 } 5555 .social-sharing___header { 5556 display: block; 5557 } 5558 .social-sharing { 5559 gap: 16px; 5560 display: none; 5561 } 5562 .mobile-nav-footer .social-sharing { 5563 display: flex; 5564 } 5565 @media screen and (min-width: 768px){ 5566 #shopify-section-social-sharing { 5567 display: flex; 5568 flex-direction: row; 5569 } 5570 .social-sharing___header { 5571 display: block; 5572 } 5573 } 5574 @media screen and (min-width: 1199px){ 5575 .social-sharing { 5576 gap: 16px; 5577 display: flex; 5578 } 5579 } 5580 </style> 5581 5582 5583 5584 5585 5586 5587 5588 <div class="header-nav__menu-item country-selector" 5589 aria-label="open country selector dropdown" 5590 data-country-selector-trigger> 5591 <div class="country-list__flag"> 5592 <img src="//soylent.com/cdn/shop/files/flag_3x_681abd70-d265-4605-9c60-e11498a6c18e_50x.png?v=1613773071" alt="" /> 5593 </div> 5594 5595 5596 <div class="country-dropdown" data-country-dropdown> 5597 <ul class="country-list__container"> 5598 5599 5600 <li class="country-list__item"> 5601 <a href="https://www.soylent.com/"> 5602 <span class="country-list__item-text">United States</span> 5603 <span class="country-list__flag"><img src="//soylent.com/cdn/shop/files/flag_3x_681abd70-d265-4605-9c60-e11498a6c18e_50x.png?v=1613773071" alt="" /> 5604 </span> 5605 </a> 5606 </li> 5607 5608 5609 5610 <li class="country-list__item"> 5611 <a href="http://soylent.ca"> 5612 <span class="country-list__item-text">Canada</span> 5613 <span class="country-list__flag"><img src="//soylent.com/cdn/shop/files/flag-of-canada_2x_5e094232-c170-40e0-a920-1be00692a12b_50x.png?v=1613773071" alt="" /> 5614 </span> 5615 </a> 5616 </li> 5617 5618 5619 5620 <li class="country-list__item"> 5621 <a href="https://www.bigapplebuddy.com/brands/soylent"> 5622 <span class="country-list__item-text">Global</span> 5623 <span class="country-list__flag"><img src="//soylent.com/cdn/shop/files/Global_Flag_50x.png?v=1628286370" alt="" /> 5624 </span> 5625 </a> 5626 </li> 5627 5628 5629 5630 5631 5632 5633 5634 5635 5636 5637 5638 5639 5640 5641 5642 5643 </ul> 5644 </div> 5645 5646 5647 </div> 5648 5649</div> 5650 5651 5652 </div> 5653 5654 5655 5656 <div class="header-nav header-nav--logo"> 5657 5658 <h1 style="display: none !important;">Soylent</h1> 5659 5660 5661<a href="/" class="header-logo"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon--full-color icon-soylent-full-color" viewBox="0 0 117 54"><path d="M16.18 35.548h.344c2.993 0 6.49-1.222 6.49-4.656 0-3.74-3.668-4.363-6.625-4.876-1.766-.317-4.735-1.087-4.735-2.688v-.293c0-2.2 2.822-2.787 4.49-2.787h.233c2.098 0 3.533.868 4.428 1.516.405.305 1.031.122 1.178-.306.086-.256-.012-.537-.257-.72-1.068-.77-2.773-1.81-5.349-1.81h-.233c-2.846 0-5.913 1.284-5.913 4.107v.293c0 2.982 4.465 3.703 5.937 3.935 2.724.44 5.386 1.075 5.386 3.63 0 2.455-2.6 3.323-5.03 3.323h-.343c-1.78 0-4.343-1.075-5.19-2.615-.122-.232-.38-.367-.662-.367-.294 0-.576.147-.7.379a.557.557 0 00.025.599c1.104 2.065 4.257 3.336 6.527 3.336zM32.128 35.548h.43c3.361 0 6.097-2.322 6.097-5.17V24.11c0-2.847-2.736-5.17-6.097-5.17h-.43c-3.36 0-6.096 2.323-6.096 5.17v6.269c0 2.86 2.735 5.169 6.096 5.169zm-4.637-5.17V24.11c0-2.126 2.086-3.85 4.65-3.85h.429c2.564 0 4.65 1.724 4.65 3.85v6.269c0 2.126-2.086 3.85-4.65 3.85h-.43c-2.55 0-4.624-1.712-4.649-3.826v-.024zM48.591 42.342h.43c3.36 0 6.096-2.322 6.096-5.169v-17.56c0-.415-.392-.672-.748-.672-.392
56610-.711.293-.711.672v11.426c-.246 1.784-2.294 3.19-4.662 3.19h-.417c-2.564 0-4.65-1.736-4.65-3.875V19.625c0-.39-.318-.672-.748-.672-.392 0-.711.293-.711.672v10.73c0 2.871 2.736 5.205 6.097 5.205h.43c1.815 0 3.606-.684 4.648-1.699v3.312c0 2.126-2.085 3.85-4.649 3.85h-.43c-2.38 0-4.501-1.076-5.053-2.579a.705.705 0 00-.687-.464c-.356 0-.749.256-.749.647 0 .074 0 .184.074.294.87 2.248 3.876 3.421 6.44 3.421zM64.453 35.548c.49 0 .748-.33.748-.648 0-.39-.319-.684-.748-.684-1.84 0-3.337-1.247-3.337-2.786V12.868c0-.404-.294-.672-.748-.672-.393 0-.712.293-.712.672v18.586c0 2.298 2.11 4.094 4.797 4.094zM73.102 35.548h.429c2.6 0 4.92-1.406 5.766-3.495l.024-.073c.012-.037.037-.098.037-.172 0-.366-.344-.647-.785-.647-.331 0-.589.183-.65.428-.663 1.588-2.43 2.651-4.404 2.651h-.43c-2.564 0-4.65-1.723-4.65-3.849v-2.53h10.44c.418 0 .749-.305.749-.672v-3.067c0-2.945-2.662-5.169-6.183-5.169h-.307c-3.386 0-6.133 2.322-6.133 5.17v6.268c0 2.847 2.735 5.157 6.097 5.157zm-4.638-9.019v-2.42c0-2.125 2.098-3.848 4.687-3.848h.38c2.564 0 4.65 1.723 4.65 3.849v2.42h-9.716zM83.762 35.548c.43 0 .748-.281.748-.672V23.829c0-1.93 2.147-3.556 4.686-3.556h.38c2.577 0 4.687 1.735 4.687 3.874v10.729c0 .379.307.672.711.672.356 0 .749-.257.749-.672v-10.73c0-2.871-2.748-5.205-6.134-5.205h-.38c-1.84 0-3.644.684-4.687 1.723v-1.039c0-.39-.294-.647-.748-.647-.417 0-.711.268-.711.647v15.25c-.013.38.306.673.699.673zM99.158 20.334h1.754v11.12c0 2.298 2.11 4.106 4.796 4.106.479 0 .724-.342.724-.66 0-.317-.257-.66-.724-.66-1.864 0-3.336-1.222-3.336-2.786v-11.12h3.103c.479 0 .724-.342.724-.66 0-.317-.257-.66-.724-.66h-3.103v-6.183c0-.379-.319-.66-.724-.66-.417 0-.724.281-.724.66v6.171H99.17c-.49 0-.76.342-.76.66-.013.33.257.672.748.672z" fill="#221F20"/><path d="M0 0v54h116.111V0H0zm114.492 52.387H1.619V1.613h112.873v50.774z" fill="#221F20"/></svg><span class="icon-fallback-text">Soylent</span> 5662</a> 5663 5664 </div> 5665 5666 5667 <div class="header-nav header-nav--center header-nav--hide-on-mobile"> 5668 5669 <ul class="header-nav__menu header-nav__menu--main"> 5670 5671 5672 5673 5674 5675 5676 5677 5678 5679 5680 5681<li class="header-nav__menu-item" > 5682 <a href="/collections/all-products" data-block="nav_shop_item_NA6F9G" aria-controls="dropdown-nav_shop_item_NA6F9G" aria-expanded="false" data-dropdown-trigger="#dropdown-nav_shop_item_NA6F9G"> 5683 SHOP 5684</a> 5685 5686 <div id="dropdown-nav_shop_item_NA6F9G" class="header-dropdown header-dropdown-shop"> 5687 <div class="header-dropdown__ctas "> 5688 <div class="container-fluid"> 5689 <div class="header-dropdown__ctas__inner"> 5690 5691 5692 5693 5694 5695 5696 5697 5698 5699 5700 5701 5702 5703 <a href="/collections/complete-meal-shakes" class="header-dropdown-shop-cta"> 5704 <div class="header-dropdown-shop-cta__image-wrapper-1" style="overflow: hidden;"> 5705 5706 <img class="header-dropdown-shop-cta__image-top-1" src="//soylent.com/cdn/shop/files/Complete_Meal_Gif_grande.png?v=1710113952" alt=""> 5707 5708 5709 </div> 5710 <div class="header-dropdown-shop-cta__content"> 5711 <h5>complete meal shakes</h5> 5712 <div><p>real science. real nutrition. real food.</p></div> 5713 <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div> 5714 </div> 5715</a> 5716 5717<style> 5718 .header-dropdown-shop-cta { 5719 width: 100%; 5720 display: flex; 5721 flex-direction: row; 5722 align-items: center; 5723 justify-content: flex-start; 5724 padding-left: 0; 5725 padding-bottom: 0; 5726 gap: 16px; 5727 } 5728 .header-dropdown-shop-cta__image-wrapper-1 { 5729 border: 1px solid #000; 5730 aspect-ratio: 1/1; 5731 max-width: 102px; 5732 width: 102px; 5733 position: relative; 5734 background: linear-gradient(to bottom, #5e93db 0%, #5e93db 50%, #ffffff 50%, #ffffff 100%); 5735 } 5736 .header-dropdown-shop-cta__image-wrapper-1 img { 5737 width: 100%; 5738 height: auto; 5739 aspect-ratio: 1/1; 5740 object-fit: contain; 5741 object-position: center; 5742 position: absolute; 5743 top: 0; 5744 left: 0; 5745 } 5746 5747 @keyframes fadeOut { 5748 0% { 5749 left: 0; 5750 } 5751 20% { 5752 left: 0; 5753 } 5754 40% { 5755 left: -150%; 5756 display: block; 5757 } 5758 49% { 5759 left: -150%; 5760 display: none; 5761 } 5762 50% { 5763 left: 150%; 5764 display: none; 5765 } 5766 60% { 5767 left: 150%; 5768 display: block; 5769 } 5770 80% { 5771 left: 0; 5772 } 5773 100% { 5774 left: 0; 5775 } 5776 } 5777 @keyframes fadeIn { 5778 0% { 5779 left: 150%; 5780 } 5781 20% { 5782 left: 150%; 5783 } 5784 40% { 5785 left: 0; 5786 } 5787 60% { 5788 left: 0; 5789 } 5790 80% { 5791 left: -150%; 5792 } 5793 100% { 5794 left: -150%; 5795 } 5796 } 5797 .header-dropdown-shop-cta__content { 5798 display: flex; 5799 flex-direction: column; 5800 gap: 8px; 5801 width: calc(100% - 118px); 5802 } 5803 .header-dropdown-shop-cta__content h5 { 5804 font-size: 16px; 5805 line-height: 24px; 5806 font-weight: 700; 5807 margin: 0; 5808 padding: 0; 5809 color: #212322; 5810 } 5811 .header-dropdown-shop-cta__content p { 5812 font-size: 14px; 5813 line-height: 18px; 5814 margin: 0 !important; 5815 padding: 0 !important; 5816 color: #505050; 5817 max-height: 36px; 5818 overflow: hidden; 5819 } 5820 .header-dropdown-shop-cta__content-btn { 5821 font-size: 14px; 5822 line-height: 16px; 5823 font-weight: 500; 5824 text-decoration: none; 5825 letter-spacing: 0.32px; 5826 color: #47AF19; 5827 margin: 0; 5828 } 5829 @media screen and (min-width: 597px) { 5830 .header-dropdown-shop-cta { 5831 width: calc(50% - 8px); 5832 height: fit-content; 5833 } 5834 } 5835 @media screen and (min-width: 768px) { 5836 .header-dropdown-shop-cta { 5837 gap: 36px; 5838 width: calc(50% - 9px); 5839 height: 162px; 5840 } 5841 .header-dropdown-shop-cta__image-wrapper-1 { 5842 max-width: 162px; 5843 width: 100%; 5844 } 5845 .header-dropdown-shop-cta__content { 5846 width: 100%; 5847 } 5848 .header-dropdown-shop-cta__content h5 { 5849 font-size: 18px; 5850 line-height: 24px; 5851 } 5852 .header-dropdown-shop-cta__content p { 5853 font-size: 16px; 5854 line-height: 24px; 5855 max-height: none; 5856 } 5857 .header-dropdown-shop-cta__content-btn { 5858 font-size: 16px; 5859 line-height: 24px; 5860 } 5861 } 5862</style> 5863 5864 5865 5866 5867 5868 5869 5870 5871 5872 5873 5874 5875 <a href="/collections/complete-meal-powder" class="header-dropdown-shop-cta"> 5876 <div class="header-dropdown-shop-cta__image-wrapper-2" style="overflow: hidden;"> 5877 5878 <img class="header-dropdown-shop-cta__image-top-2" src="//soylent.com/cdn/shop/files/shop-complete-meal-powder-choc-navi_grande.png?v=1744470231" alt=""> 5879 5880 5881 </div> 5882 <div class="header-dropdown-shop-cta__content"> 5883 <h5>complete meal powder</h5> 5884 <div><p>perfectly portioned for nutritional absorption.</p></div> 5885 <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div> 5886 </div> 5887</a> 5888 5889<style> 5890 .header-dropdown-shop-cta { 5891 width: 100%; 5892 display: flex; 5893 flex-direction: row; 5894 align-items: center; 5895 justify-content: flex-start; 5896 padding-left: 0; 5897 padding-bottom: 0; 5898 gap: 16px; 5899 } 5900 .header-dropdown-shop-cta__image-wrapper-2 { 5901 border: 1px solid #000; 5902 aspect-ratio: 1/1; 5903 max-width: 102px; 5904 width: 102px; 5905 position: relative; 5906 background: linear-gradient(to bottom, #b5917c 0%, #b5917c 50%, #ffffff 50%, #ffffff 100%); 5907 } 5908 .header-dropdown-shop-cta__image-wrapper-2 img { 5909 width: 100%; 5910 height: auto; 5911 aspect-ratio: 1/1; 5912 object-fit: contain; 5913 object-position: center; 5914 position: absolute; 5915 top: 0; 5916 left: 0; 5917 } 5918 5919 @keyframes fadeOut { 5920 0% { 5921 left: 0; 5922 } 5923 20% { 5924 left: 0; 5925 } 5926 40% { 5927 left: -150%; 5928 display: block; 5929 } 5930 49% { 5931 left: -150%; 5932 display: none; 5933 } 5934 50% { 5935 left: 150%; 5936 display: none; 5937 } 5938 60% { 5939 left: 150%; 5940 display: block; 5941 } 5942 80% { 5943 left: 0; 5944 } 5945 100% { 5946 left: 0; 5947 } 5948 } 5949 @keyframes fadeIn { 5950 0% { 5951 left: 150%; 5952 } 5953 20% { 5954 left: 150%; 5955 } 5956 40% { 5957 left: 0; 5958 } 5959 60% { 5960 left: 0; 5961 } 5962 80% { 5963 left: -150%; 5964 } 5965 100% { 5966 left: -150%; 5967 } 5968 } 5969 .header-dropdown-shop-cta__content { 5970 display: flex; 5971 flex-direction: column; 5972 gap: 8px; 5973 width: calc(100% - 118px); 5974 } 5975 .header-dropdown-shop-cta__content h5 { 5976 font-size: 16px; 5977 line-height: 24px; 5978 font-weight: 700; 5979 margin: 0; 5980 padding: 0; 5981 color: #212322; 5982 } 5983 .header-dropdown-shop-cta__content p { 5984 font-size: 14px; 5985 line-height: 18px; 5986 margin: 0 !important; 5987 padding: 0 !important; 5988 color: #505050; 5989 max-height: 36px; 5990 overflow: hidden; 5991 } 5992 .header-dropdown-shop-cta__content-btn { 5993 font-size: 14px; 5994 line-height: 16px; 5995 font-weight: 500; 5996 text-decoration: none; 5997 letter-spacing: 0.32px; 5998 color: #47AF19; 5999 margin: 0; 6000 } 6001 @media screen and (min-width: 597px) { 6002 .header-dropdown-shop-cta { 6003 width: calc(50% - 8px); 6004 height: fit-content; 6005 } 6006 } 6007 @media screen and (min-width: 768px) { 6008 .header-dropdown-shop-cta { 6009 gap: 36px; 6010 width: calc(50% - 9px); 6011 height: 162px; 6012 } 6013 .header-dropdown-shop-cta__image-wrapper-2 { 6014 max-width: 162px; 6015 width: 100%; 6016 } 6017 .header-dropdown-shop-cta__content { 6018 width: 100%; 6019 } 6020 .header-dropdown-shop-cta__content h5 { 6021 font-size: 18px; 6022 line-height: 24px; 6023 } 6024 .header-dropdown-shop-cta__content p { 6025 font-size: 16px; 6026 line-height: 24px; 6027 max-height: none; 6028 } 6029 .header-dropdown-shop-cta__content-btn { 6030 font-size: 16px; 6031 line-height: 24px; 6032 } 6033 } 6034</style> 6035 6036 6037 6038 6039 6040 6041 6042 6043 6044 6045 6046 6047 <a href="/collections/complete-protein" class="header-dropdown-shop-cta"> 6048 <div class="header-dropdown-shop-cta__image-wrapper-3" style="overflow: hidden;"> 6049 6050 <img class="header-dropdown-shop-cta__image-top-3" src="//soylent.com/cdn/shop/files/Complete_Protein_Gif_grande.png?v=1710113952" alt=""> 6051 6052 6053 <img class="header-dropdown-shop-cta__image-bot-3" src="//soylent.com/cdn/shop/files/complete-protein-powder-vanilla-tub_884e4894-3b63-47c3-93e3-0d99eb74e164_grande.png?v=1712864488" alt=""> 6054 6055 </div> 6056 <div class="header-dropdown-shop-cta__content"> 6057 <h5>complete protein</h5> 6058 <div><p>protein. rooted in science. taste perfected.</p></div> 6059 <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div> 6060 </div> 6061</a> 6062 6063<style> 6064 .header-dropdown-shop-cta { 6065 width: 100%; 6066 display: flex; 6067 flex-direction: row; 6068 align-items: center; 6069 justify-content: flex-start; 6070 padding-left: 0; 6071 padding-bottom: 0; 6072 gap: 16px; 6073 } 6074 .header-dropdown-shop-cta__image-wrapper-3 { 6075 border: 1px solid #000; 6076 aspect-ratio: 1/1; 6077 max-width: 102px; 6078 width: 102px; 6079 position: relative; 6080 background: linear-gradient(to bottom, #8fad15 0%, #8fad15 50%, #ffffff 50%, #ffffff 100%); 6081 } 6082 .header-dropdown-shop-cta__image-wrapper-3 img { 6083 width: 100%; 6084 height: auto; 6085 aspect-ratio: 1/1; 6086 object-fit: contain; 6087 object-position: center; 6088 position: absolute; 6089 top: 0; 6090 left: 0; 6091 } 6092 6093 .header-dropdown-shop-cta__image-top-3 { 6094 animation: fadeOut 3s infinite; 6095 } 6096 .header-dropdown-shop-cta__image-bot-3{ 6097 animation: fadeIn 3s infinite; 6098 } 6099 6100 @keyframes fadeOut { 6101 0% { 6102 left: 0; 6103 } 6104 20% { 6105 left: 0; 6106 } 6107 40% { 6108 left: -150%; 6109 display: block; 6110 } 6111 49% { 6112 left: -150%; 6113 display: none; 6114 } 6115 50% { 6116 left: 150%; 6117 display: none; 6118 } 6119 60% { 6120 left: 150%; 6121 display: block; 6122 } 6123 80% { 6124 left: 0; 6125 } 6126 100% { 6127 left: 0; 6128 } 6129 } 6130 @keyframes fadeIn { 6131 0% { 6132 left: 150%; 6133 } 6134 20% { 6135 left: 150%; 6136 } 6137 40% { 6138 left: 0; 6139 } 6140 60% { 6141 left: 0; 6142 } 6143 80% { 6144 left: -150%; 6145 } 6146 100% { 6147 left: -150%; 6148 } 6149 } 6150 .header-dropdown-shop-cta__content { 6151 display: flex; 6152 flex-direction: column; 6153 gap: 8px; 6154 width: calc(100% - 118px); 6155 } 6156 .header-dropdown-shop-cta__content h5 { 6157 font-size: 16px; 6158 line-height: 24px; 6159 font-weight: 700; 6160 margin: 0; 6161 padding: 0; 6162 color: #212322; 6163 } 6164 .header-dropdown-shop-cta__content p { 6165 font-size: 14px; 6166 line-height: 18px; 6167 margin: 0 !important; 6168 padding: 0 !important; 6169 color: #505050; 6170 max-height: 36px; 6171 overflow: hidden; 6172 } 6173 .header-dropdown-shop-cta__content-btn { 6174 font-size: 14px; 6175 line-height: 16px; 6176 font-weight: 500; 6177 text-decoration: none; 6178 letter-spacing: 0.32px; 6179 color: #47AF19; 6180 margin: 0; 6181 } 6182 @media screen and (min-width: 597px) { 6183 .header-dropdown-shop-cta { 6184 width: calc(50% - 8px); 6185 height: fit-content; 6186 } 6187 } 6188 @media screen and (min-width: 768px) { 6189 .header-dropdown-shop-cta { 6190 gap: 36px; 6191 width: calc(50% - 9px); 6192 height: 162px; 6193 } 6194 .header-dropdown-shop-cta__image-wrapper-3 { 6195 max-width: 162px; 6196 width: 100%; 6197 } 6198 .header-dropdown-shop-cta__content { 6199 width: 100%; 6200 } 6201 .header-dropdown-shop-cta__content h5 { 6202 font-size: 18px; 6203 line-height: 24px; 6204 } 6205 .header-dropdown-shop-cta__content p { 6206 font-size: 16px; 6207 line-height: 24px; 6208 max-height: none; 6209 } 6210 .header-dropdown-shop-cta__content-btn { 6211 font-size: 16px; 6212 line-height: 24px; 6213 } 6214 } 6215</style> 6216 6217 6218 6219 6220 6221 6222 6223 6224 6225 6226 6227 6228 <a href="/collections/complete-coffee-shakes" class="header-dropdown-shop-cta"> 6229 <div class="header-dropdown-shop-cta__image-wrapper-4" style="overflow: hidden;"> 6230 6231 <img class="header-dropdown-shop-cta__image-top-4" src="//soylent.com/cdn/shop/files/Cafe_Mocha_grande.png?v=1710113952" alt=""> 6232 6233 6234 </div> 6235 <div class="header-dropdown-shop-cta__content"> 6236 <h5>complete coffee</h5> 6237 <div><p>coffee that acts like a healthy breakfast.</p></div> 6238 <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div> 6239 </div> 6240</a> 6241 6242<style> 6243 .header-dropdown-shop-cta { 6244 width: 100%; 6245 display: flex; 6246 flex-direction: row; 6247 align-items: center; 6248 justify-content: flex-start; 6249 padding-left: 0; 6250 padding-bottom: 0; 6251 gap: 16px; 6252 } 6253 .header-dropdown-shop-cta__image-wrapper-4 { 6254 border: 1px solid #000; 6255 aspect-ratio: 1/1; 6256 max-width: 102px; 6257 width: 102px; 6258 position: relative; 6259 background: linear-gradient(to bottom, #f2ed6d 0%, #f2ed6d 50%, #ffffff 50%, #ffffff 100%); 6260 } 6261 .header-dropdown-shop-cta__image-wrapper-4 img { 6262 width: 100%; 6263 height: auto; 6264 aspect-ratio: 1/1; 6265 object-fit: contain; 6266 object-position: center; 6267 position: absolute; 6268 top: 0; 6269 left: 0; 6270 } 6271 6272 @keyframes fadeOut { 6273 0% { 6274 left: 0; 6275 } 6276 20% { 6277 left: 0; 6278 } 6279 40% { 6280 left: -150%; 6281 display: block; 6282 } 6283 49% { 6284 left: -150%; 6285 display: none; 6286 } 6287 50% { 6288 left: 150%; 6289 display: none; 6290 } 6291 60% { 6292 left: 150%; 6293 display: block; 6294 } 6295 80% { 6296 left: 0; 6297 } 6298 100% { 6299 left: 0; 6300 } 6301 } 6302 @keyframes fadeIn { 6303 0% { 6304 left: 150%; 6305 } 6306 20% { 6307 left: 150%; 6308 } 6309 40% { 6310 left: 0; 6311 } 6312 60% { 6313 left: 0; 6314 } 6315 80% { 6316 left: -150%; 6317 } 6318 100% { 6319 left: -150%; 6320 } 6321 } 6322 .header-dropdown-shop-cta__content { 6323 display: flex; 6324 flex-direction: column; 6325 gap: 8px; 6326 width: calc(100% - 118px); 6327 } 6328 .header-dropdown-shop-cta__content h5 { 6329 font-size: 16px; 6330 line-height: 24px; 6331 font-weight: 700; 6332 margin: 0; 6333 padding: 0; 6334 color: #212322; 6335 } 6336 .header-dropdown-shop-cta__content p { 6337 font-size: 14px; 6338 line-height: 18px; 6339 margin: 0 !important; 6340 padding: 0 !important; 6341 color: #505050; 6342 max-height: 36px; 6343 overflow: hidden; 6344 } 6345 .header-dropdown-shop-cta__content-btn { 6346 font-size: 14px; 6347 line-height: 16px; 6348 font-weight: 500; 6349 text-decoration: none; 6350 letter-spacing: 0.32px; 6351 color: #47AF19; 6352 margin: 0; 6353 } 6354 @media screen and (min-width: 597px) { 6355 .header-dropdown-shop-cta { 6356 width: calc(50% - 8px); 6357 height: fit-content; 6358 } 6359 } 6360 @media screen and (min-width: 768px) { 6361 .header-dropdown-shop-cta { 6362
6362 gap: 36px; 6363 width: calc(50% - 9px); 6364 height: 162px; 6365 } 6366 .header-dropdown-shop-cta__image-wrapper-4 { 6367 max-width: 162px; 6368 width: 100%; 6369 } 6370 .header-dropdown-shop-cta__content { 6371 width: 100%; 6372 } 6373 .header-dropdown-shop-cta__content h5 { 6374 font-size: 18px; 6375 line-height: 24px; 6376 } 6377 .header-dropdown-shop-cta__content p { 6378 font-size: 16px; 6379 line-height: 24px; 6380 max-height: none; 6381 } 6382 .header-dropdown-shop-cta__content-btn { 6383 font-size: 16px; 6384 line-height: 24px; 6385 } 6386 } 6387</style> 6388 6389 6390 6391 6392 6393 6394 6395 6396 6397 6398 6399 6400 <a href="/products/soylent-complete-energy-chocolate" class="header-dropdown-shop-cta"> 6401 <div class="header-dropdown-shop-cta__image-wrapper-5" style="overflow: hidden;"> 6402 6403 <img class="header-dropdown-shop-cta__image-top-5" src="//soylent.com/cdn/shop/files/Chocolate_grande.png?v=1710113952" alt=""> 6404 6405 6406 </div> 6407 <div class="header-dropdown-shop-cta__content"> 6408 <h5>complete energy</h5> 6409 <div><p>smart energy. fuel for the brain and the body. </p></div> 6410 <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div> 6411 </div> 6412</a> 6413 6414<style> 6415 .header-dropdown-shop-cta { 6416 width: 100%; 6417 display: flex; 6418 flex-direction: row; 6419 align-items: center; 6420 justify-content: flex-start; 6421 padding-left: 0; 6422 padding-bottom: 0; 6423 gap: 16px; 6424 } 6425 .header-dropdown-shop-cta__image-wrapper-5 { 6426 border: 1px solid #000; 6427 aspect-ratio: 1/1; 6428 max-width: 102px; 6429 width: 102px; 6430 position: relative; 6431 background: linear-gradient(to bottom, #fcd700 0%, #fcd700 50%, #ffffff 50%, #ffffff 100%); 6432 } 6433 .header-dropdown-shop-cta__image-wrapper-5 img { 6434 width: 100%; 6435 height: auto; 6436 aspect-ratio: 1/1; 6437 object-fit: contain; 6438 object-position: center; 6439 position: absolute; 6440 top: 0; 6441 left: 0; 6442 } 6443 6444 @keyframes fadeOut { 6445 0% { 6446 left: 0; 6447 } 6448 20% { 6449 left: 0; 6450 } 6451 40% { 6452 left: -150%; 6453 display: block; 6454 } 6455 49% { 6456 left: -150%; 6457 display: none; 6458 } 6459 50% { 6460 left: 150%; 6461 display: none; 6462 } 6463 60% { 6464 left: 150%; 6465 display: block; 6466 } 6467 80% { 6468 left: 0; 6469 } 6470 100% { 6471 left: 0; 6472 } 6473 } 6474 @keyframes fadeIn { 6475 0% { 6476 left: 150%; 6477 } 6478 20% { 6479 left: 150%; 6480 } 6481 40% { 6482 left: 0; 6483 } 6484 60% { 6485 left: 0; 6486 } 6487 80% { 6488 left: -150%; 6489 } 6490 100% { 6491 left: -150%; 6492 } 6493 } 6494 .header-dropdown-shop-cta__content { 6495 display: flex; 6496 flex-direction: column; 6497 gap: 8px; 6498 width: calc(100% - 118px); 6499 } 6500 .header-dropdown-shop-cta__content h5 { 6501 font-size: 16px; 6502 line-height: 24px; 6503 font-weight: 700; 6504 margin: 0; 6505 padding: 0; 6506 color: #212322; 6507 } 6508 .header-dropdown-shop-cta__content p { 6509 font-size: 14px; 6510 line-height: 18px; 6511 margin: 0 !important; 6512 padding: 0 !important; 6513 color: #505050; 6514 max-height: 36px; 6515 overflow: hidden; 6516 } 6517 .header-dropdown-shop-cta__content-btn { 6518 font-size: 14px; 6519 line-height: 16px; 6520 font-weight: 500; 6521 text-decoration: none; 6522 letter-spacing: 0.32px; 6523 color: #47AF19; 6524 margin: 0; 6525 } 6526 @media screen and (min-width: 597px) { 6527 .header-dropdown-shop-cta { 6528 width: calc(50% - 8px); 6529 height: fit-content; 6530 } 6531 } 6532 @media screen and (min-width: 768px) { 6533 .header-dropdown-shop-cta { 6534 gap: 36px; 6535 width: calc(50% - 9px); 6536 height: 162px; 6537 } 6538 .header-dropdown-shop-cta__image-wrapper-5 { 6539 max-width: 162px; 6540 width: 100%; 6541 } 6542 .header-dropdown-shop-cta__content { 6543 width: 100%; 6544 } 6545 .header-dropdown-shop-cta__content h5 { 6546 font-size: 18px; 6547 line-height: 24px; 6548 } 6549 .header-dropdown-shop-cta__content p { 6550 font-size: 16px; 6551 line-height: 24px; 6552 max-height: none; 6553 } 6554 .header-dropdown-shop-cta__content-btn { 6555 font-size: 16px; 6556 line-height: 24px; 6557 } 6558 } 6559</style> 6560 6561 6562<div class="header-dropdown-shop__links"><a href="/collections/all-products">shop all</a><a href="/collections/variety-packs-bundles">variety packs</a><a href="/products/gift-card">gift cards</a><a href="/collections/all-merchandise">merch</a></div><style> 6563 .header-dropdown-shop__links { 6564 width: 1000%; 6565 height: fit-content; 6566 display: flex; 6567 flex-direction: column; 6568 justify-content: center; 6569 gap: 12px; 6570 border-top: 2px solid #F7F7F7; 6571 margin-top: 12px; 6572 padding-top: 12px; 6573 margin-left: 0; 6574 padding-bottom: 0; 6575 padding-left: 0; 6576 margin-left: 0; 6577 } 6578 .header-dropdown-shop__links a { 6579 display: flex; 6580 align-items: center; 6581 justify-content: flex-start; 6582 color: #212322; 6583 text-decoration: none; 6584 font-size: 16px; 6585 line-height: 24px; 6586 font-weight: 700; 6587 } 6588 .header-dropdown-shop__links a:hover { 6589 color: #47Af19; 6590 } 6591 @media screen and (min-width: 768px) { 6592 .header-dropdown-shop__links { 6593 width: fit-content; 6594 height: 162px; 6595 gap: 0; 6596 flex-direction: column; 6597 justify-content: space-between; 6598 border-top: none; 6599 border-left: 2px solid #F7F7F7; 6600 margin-top: 0; 6601 padding-top: 0; 6602 padding-bottom: 0; 6603 padding-left: 36px; 6604 } 6605 .header-dropdown-shop__links a { 6606 font-size: 18px; 6607 line-height: 24px; 6608 width: 100%; 6609 height: fit-content; 6610 box-shadow: none; 6611 justify-content: flex-start; 6612 } 6613 } 6614</style> 6615 6616 6617 6618 </div> 6619 </div> 6620 </div> 6621 6622 <a class="sr-only" href="#" data-dropdown-close> 6623 close 6624 </a> 6625 </div> 6626 6627</li> 6628 6629 6630 6631 6632 6633 6634 6635 6636 6637 6638 6639 6640 6641 6642<li class="header-nav__menu-item" > 6643 <a href="" data-block="nav_health_item_ycVwqN" aria-controls="dropdown-nav_health_item_ycVwqN" aria-expanded="false" data-dropdown-trigger="#dropdown-nav_health_item_ycVwqN"> 6644 Health Benefits 6645</a> 6646 6647 <div id="dropdown-nav_health_item_ycVwqN" class="header-dropdown header-dropdown-health"> 6648 <div class="header-dropdown__ctas "> 6649 <div class="container-fluid"> 6650 <div class="header-dropdown__ctas__inner"> 6651 6652 6653 6654 6655 6656 6657 6658 <div class="header-dropdown-health-cta"> 6659 <div class="header-dropdown-health-cta__top"> 6660 <h5>weight management</h5> 6661 <div class="header-dropdown-health-cta__top-detail"><p>make weight management easy.</p></div> 6662 <div class="header-dropdown-health-cta__top-border" style="background-color: #ade8bf;"></div> 6663 </div> 6664 <div class="header-dropdown-health-cta__nav"> 6665 6666 6667 <a href="https://soylent.com/pages/weight-loss"> 6668 weight loss 6669 <div class="icon-arrow-up"> 6670 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6671 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 6672 </svg> 6673</div> 6674 </a> 6675 6676 <a href="https://soylent.com/pages/weight-gain"> 6677 weight gain 6678 <div class="icon-arrow-up"> 6679 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6680 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 6681 </svg> 6682</div> 6683 </a> 6684 6685 <a href="https://soylent.com/pages/appetite-suppression"> 6686 appetite suppression 6687 <div class="icon-arrow-up"> 6688 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6689 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 6690 </svg> 6691</div> 6692 </a> 6693 6694 <a href="https://soylent.com/pages/weight-management-and-nutrition-soylent"> 6695 weight management 6696 <div class="icon-arrow-up"> 6697 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6698 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 6699 </svg> 6700</div> 6701 </a> 6702 6703 6704 </div> 6705</div> 6706 6707<style> 6708 .header-dropdown-health-cta { 6709 display: flex; 6710 flex-direction: column; 6711 width: 100%; 6712 padding-left: 16px; 6713 padding-bottom: 32px; 6714 } 6715 .header-dropdown-health-cta__top { 6716 padding-bottom: 20px; 6717 text-align: center; 6718 } 6719 .header-dropdown-health-cta__top h5 { 6720 font-size: 18px; 6721 line-height: 24px; 6722 font-weight: 700; 6723 color: #212322; 6724 margin: 0; 6725 margin-bottom: 8px; 6726 padding: 0; 6727 } 6728 .header-dropdown-health-cta__top-detail { 6729 display: flex; 6730 align-items: center; 6731 justify-content: center; 6732 font-size: 14px; 6733 line-height: 16px; 6734 font-weight: 400 !important; 6735 text-align: center; 6736 letter-spacing: 0em; 6737 margin: 0; 6738 margin-bottom: 16px; 6739 padding: 0; 6740 color: #505050; 6741 } 6742 .header-dropdown-health-cta__top-detail p { 6743 margin: 0; 6744 } 6745 .header-dropdown-health-cta__top-border { 6746 width: 100%; 6747 height: 4px; 6748 } 6749 .header-dropdown-health-cta__nav-item { 6750 padding: 16px; 6751 font-size: 16px; 6752 line-height: 24px; 6753 font-weight: 700; 6754 text-transform: lowercase; 6755 color: #212322; 6756 } 6757 .header-dropdown-health-cta__top { 6758 font-size: 18px; 6759 line-height: 24px; 6760 font-weight: 700; 6761 } 6762 .header-dropdown-health-cta__nav { 6763 display: flex; 6764 flex-direction: column; 6765 gap: 12px; 6766 } 6767 .header-dropdown-health-cta__nav a { 6768 display: flex; 6769 justify-content: space-between; 6770 gap: 8px; 6771 padding: 16px; 6772 width: 100%; 6773 font-size: 14px; 6774 line-height: 16px; 6775 letter-spacing: 0em; 6776 font-weight: 700; 6777 color: #212322; 6778 background-color: #fff; 6779 transition: all 0.25s ease-in-out; 6780 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 6781 } 6782 .header-dropdown-health-cta__nav a svg { 6783 opacity: 0; 6784 margin: 0; 6785 padding: 0; 6786 transition: all 0.25s ease-in-out; 6787 display: none; 6788 } 6789 .header-dropdown-health-cta__nav a:hover { 6790 color: #47AF19; 6791 } 6792 .header-dropdown-health-cta__nav a:hover > div svg { 6793 opacity: 1 !important; 6794 } 6795 .icon-arrow-up { 6796 margin: 5px; 6797 top: 3px; 6798 position: relative; 6799 } 6800 @media screen and (min-width: 597px) { 6801 .header-dropdown-health-cta__top-detail { 6802 height: 32px; 6803 } 6804 .header-dropdown-health-cta__nav { 6805 gap: 16px; 6806 } 6807 .header-dropdown-health-cta__nav a { 6808 font-size: 16px; 6809 line-height: 24px; 6810 } 6811 } 6812 @media screen and (min-width: 700px) { 6813 .header-dropdown-health-cta { 6814 width: 50%; 6815 padding-left: 16px; 6816 padding-bottom: 24px; 6817 } 6818 .header-dropdown-health-cta__nav { 6819 gap: 16px; 6820 } 6821 .header-dropdown-health-cta { 6822 width: 50%; 6823 } 6824 } 6825 @media screen and (min-width: 1024px) { 6826 .header-dropdown-health-cta { 6827 width: 25%; 6828 padding-left: 36px; 6829 padding-bottom: 0; 6830 } 6831 .header-dropdown-health-cta__nav a svg { 6832 display: block; 6833 } 6834 } 6835</style> 6836 6837 6838 6839 6840 6841 6842 <div class="header-dropdown-health-cta"> 6843 <div class="header-dropdown-health-cta__top"> 6844 <h5>fitness</h5> 6845 <div class="header-dropdown-health-cta__top-detail"><p>reach your fitness goals.</p></div> 6846 <div class="header-dropdown-health-cta__top-border" style="background-color: #5e93db;"></div> 6847 </div> 6848 <div class="header-dropdown-health-cta__nav"> 6849 6850 6851 <a href="https://soylent.com/pages/health-and-fitness-soylent"> 6852 fitness 6853 <div class="icon-arrow-up"> 6854 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6855 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 6856 </svg> 6857</div> 6858 </a> 6859 6860 <a href="https://soylent.com/pages/pre-and-post-workout-recovery-with-soylent"> 6861 workout recovery 6862 <div class="icon-arrow-up"> 6863 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6864 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 6865 </svg> 6866</div> 6867 </a> 6868 6869 <a href="https://soylent.com/pages/food-for-muscle-recovery-with-soylent"> 6870 muscle recovery 6871 <div class="icon-arrow-up"> 6872 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6873 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 6874 </svg> 6875</div> 6876 </a> 6877 6878 6879 </div> 6880</div> 6881 6882<style> 6883 .header-dropdown-health-cta { 6884 display: flex; 6885 flex-direction: column; 6886 width: 100%; 6887 padding-left: 16px; 6888 padding-bottom: 32px; 6889 } 6890 .header-dropdown-health-cta__top { 6891 padding-bottom: 20px; 6892 text-align: center; 6893 } 6894 .header-dropdown-health-cta__top h5 { 6895 font-size: 18px; 6896 line-height: 24px; 6897 font-weight: 700; 6898 color: #212322; 6899 margin: 0; 6900 margin-bottom: 8px; 6901 padding: 0; 6902 } 6903 .header-dropdown-health-cta__top-detail { 6904 display: flex; 6905 align-items: center; 6906 justify-content: center; 6907 font-size: 14px; 6908 line-height: 16px; 6909 font-weight: 400 !important; 6910 text-align: center; 6911 letter-spacing: 0em; 6912 margin: 0; 6913 margin-bottom: 16px; 6914 padding: 0; 6915 color: #505050; 6916 } 6917 .header-dropdown-health-cta__top-detail p { 6918 margin: 0; 6919 } 6920 .header-dropdown-health-cta__top-border { 6921 width: 100%; 6922 height: 4px; 6923 } 6924 .header-dropdown-health-cta__nav-item { 6925 padding: 16px; 6926 font-size: 16px; 6927 line-height: 24px; 6928 font-weight: 700; 6929 text-transform: lowercase; 6930 color: #212322; 6931 } 6932 .header-dropdown-health-cta__top { 6933 font-size: 18px; 6934 line-height: 24px; 6935 font-weight: 700; 6936 } 6937 .header-dropdown-health-cta__nav { 6938 display: flex; 6939 flex-direction: column; 6940 gap: 12px; 6941 } 6942 .header-dropdown-health-cta__nav a { 6943 display: flex; 6944 justify-content: space-between; 6945 gap: 8px; 6946 padding: 16px; 6947 width: 100%; 6948 font-size: 14px; 6949 line-height: 16px; 6950 letter-spacing: 0em; 6951 font-weight: 700; 6952 color: #212322; 6953 background-color: #fff; 6954 transition: all 0.25s ease-in-out; 6955 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 6956 } 6957 .header-dropdown-health-cta__
6957nav a svg { 6958 opacity: 0; 6959 margin: 0; 6960 padding: 0; 6961 transition: all 0.25s ease-in-out; 6962 display: none; 6963 } 6964 .header-dropdown-health-cta__nav a:hover { 6965 color: #47AF19; 6966 } 6967 .header-dropdown-health-cta__nav a:hover > div svg { 6968 opacity: 1 !important; 6969 } 6970 .icon-arrow-up { 6971 margin: 5px; 6972 top: 3px; 6973 position: relative; 6974 } 6975 @media screen and (min-width: 597px) { 6976 .header-dropdown-health-cta__top-detail { 6977 height: 32px; 6978 } 6979 .header-dropdown-health-cta__nav { 6980 gap: 16px; 6981 } 6982 .header-dropdown-health-cta__nav a { 6983 font-size: 16px; 6984 line-height: 24px; 6985 } 6986 } 6987 @media screen and (min-width: 700px) { 6988 .header-dropdown-health-cta { 6989 width: 50%; 6990 padding-left: 16px; 6991 padding-bottom: 24px; 6992 } 6993 .header-dropdown-health-cta__nav { 6994 gap: 16px; 6995 } 6996 .header-dropdown-health-cta { 6997 width: 50%; 6998 } 6999 } 7000 @media screen and (min-width: 1024px) { 7001 .header-dropdown-health-cta { 7002 width: 25%; 7003 padding-left: 36px; 7004 padding-bottom: 0; 7005 } 7006 .header-dropdown-health-cta__nav a svg { 7007 display: block; 7008 } 7009 } 7010</style> 7011 7012 7013 7014 7015 7016 7017 <div class="header-dropdown-health-cta"> 7018 <div class="header-dropdown-health-cta__top"> 7019 <h5>health</h5> 7020 <div class="header-dropdown-health-cta__top-detail"><p>manage your health, the smart way.</p></div> 7021 <div class="header-dropdown-health-cta__top-border" style="background-color: #f8485e;"></div> 7022 </div> 7023 <div class="header-dropdown-health-cta__nav"> 7024 7025 7026 <a href="https://soylent.com/pages/diabetes-and-blood-sugar-management-with-soylent"> 7027 diabetes & blood sugar management 7028 <div class="icon-arrow-up"> 7029 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7030 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 7031 </svg> 7032</div> 7033 </a> 7034 7035 <a href="https://soylent.com/pages/surgery-liquid-diets-with-soylent"> 7036 surgery & liquid diets 7037 <div class="icon-arrow-up"> 7038 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7039 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 7040 </svg> 7041</div> 7042 </a> 7043 7044 7045 </div> 7046</div> 7047 7048<style> 7049 .header-dropdown-health-cta { 7050 display: flex; 7051 flex-direction: column; 7052 width: 100%; 7053 padding-left: 16px; 7054 padding-bottom: 32px; 7055 } 7056 .header-dropdown-health-cta__top { 7057 padding-bottom: 20px; 7058 text-align: center; 7059 } 7060 .header-dropdown-health-cta__top h5 { 7061 font-size: 18px; 7062 line-height: 24px; 7063 font-weight: 700; 7064 color: #212322; 7065 margin: 0; 7066 margin-bottom: 8px; 7067 padding: 0; 7068 } 7069 .header-dropdown-health-cta__top-detail { 7070 display: flex; 7071 align-items: center; 7072 justify-content: center; 7073 font-size: 14px; 7074 line-height: 16px; 7075 font-weight: 400 !important; 7076 text-align: center; 7077 letter-spacing: 0em; 7078 margin: 0; 7079 margin-bottom: 16px; 7080 padding: 0; 7081 color: #505050; 7082 } 7083 .header-dropdown-health-cta__top-detail p { 7084 margin: 0; 7085 } 7086 .header-dropdown-health-cta__top-border { 7087 width: 100%; 7088 height: 4px; 7089 } 7090 .header-dropdown-health-cta__nav-item { 7091 padding: 16px; 7092 font-size: 16px; 7093 line-height: 24px; 7094 font-weight: 700; 7095 text-transform: lowercase; 7096 color: #212322; 7097 } 7098 .header-dropdown-health-cta__top { 7099 font-size: 18px; 7100 line-height: 24px; 7101 font-weight: 700; 7102 } 7103 .header-dropdown-health-cta__nav { 7104 display: flex; 7105 flex-direction: column; 7106 gap: 12px; 7107 } 7108 .header-dropdown-health-cta__nav a { 7109 display: flex; 7110 justify-content: space-between; 7111 gap: 8px; 7112 padding: 16px; 7113 width: 100%; 7114 font-size: 14px; 7115 line-height: 16px; 7116 letter-spacing: 0em; 7117 font-weight: 700; 7118 color: #212322; 7119 background-color: #fff; 7120 transition: all 0.25s ease-in-out; 7121 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 7122 } 7123 .header-dropdown-health-cta__nav a svg { 7124 opacity: 0; 7125 margin: 0; 7126 padding: 0; 7127 transition: all 0.25s ease-in-out; 7128 display: none; 7129 } 7130 .header-dropdown-health-cta__nav a:hover { 7131 color: #47AF19; 7132 } 7133 .header-dropdown-health-cta__nav a:hover > div svg { 7134 opacity: 1 !important; 7135 } 7136 .icon-arrow-up { 7137 margin: 5px; 7138 top: 3px; 7139 position: relative; 7140 } 7141 @media screen and (min-width: 597px) { 7142 .header-dropdown-health-cta__top-detail { 7143 height: 32px; 7144 } 7145 .header-dropdown-health-cta__nav { 7146 gap: 16px; 7147 } 7148 .header-dropdown-health-cta__nav a { 7149 font-size: 16px; 7150 line-height: 24px; 7151 } 7152 } 7153 @media screen and (min-width: 700px) { 7154 .header-dropdown-health-cta { 7155 width: 50%; 7156 padding-left: 16px; 7157 padding-bottom: 24px; 7158 } 7159 .header-dropdown-health-cta__nav { 7160 gap: 16px; 7161 } 7162 .header-dropdown-health-cta { 7163 width: 50%; 7164 } 7165 } 7166 @media screen and (min-width: 1024px) { 7167 .header-dropdown-health-cta { 7168 width: 25%; 7169 padding-left: 36px; 7170 padding-bottom: 0; 7171 } 7172 .header-dropdown-health-cta__nav a svg { 7173 display: block; 7174 } 7175 } 7176</style> 7177 7178 7179 7180 7181 7182 7183 <div class="header-dropdown-health-cta"> 7184 <div class="header-dropdown-health-cta__top"> 7185 <h5>nutrition</h5> 7186 <div class="header-dropdown-health-cta__top-detail"><p>science-backed nutrition, perfected.</p></div> 7187 <div class="header-dropdown-health-cta__top-border" style="background-color: #eed484;"></div> 7188 </div> 7189 <div class="header-dropdown-health-cta__nav"> 7190 7191 7192 <a href="https://soylent.com/pages/fuel-plant-based-diets-with-soylent"> 7193 plant-based diets 7194 <div class="icon-arrow-up"> 7195 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7196 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 7197 </svg> 7198</div> 7199 </a> 7200 7201 <a href="/pages/daily-vitamins-and-minerals"> 7202 daily vitamins & minerals 7203 <div class="icon-arrow-up"> 7204 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7205 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 7206 </svg> 7207</div> 7208 </a> 7209 7210 <a href="https://soylent.com/pages/healthy-meal-replacement-for-athletes"> 7211 athlete & sports nutrition 7212 <div class="icon-arrow-up"> 7213 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7214 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 7215 </svg> 7216</div> 7217 </a> 7218 7219 <a href="https://soylent.com/pages/soylent-for-gluten-free-diets-and-lifestyles"> 7220 gluten-free diets 7221 <div class="icon-arrow-up"> 7222 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7223 <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/> 7224 </svg> 7225</div> 7226 </a> 7227 7228 7229 </div> 7230</div> 7231 7232<style> 7233 .header-dropdown-health-cta { 7234 display: flex; 7235 flex-direction: column; 7236 width: 100%; 7237 padding-left: 16px; 7238 padding-bottom: 32px; 7239 } 7240 .header-dropdown-health-cta__top { 7241 padding-bottom: 20px; 7242 text-align: center; 7243 } 7244 .header-dropdown-health-cta__top h5 { 7245 font-size: 18px; 7246 line-height: 24px; 7247 font-weight: 700; 7248 color: #212322; 7249 margin: 0; 7250 margin-bottom: 8px; 7251 padding: 0; 7252 } 7253 .header-dropdown-health-cta__top-detail { 7254 display: flex; 7255 align-items: center; 7256 justify-content: center; 7257 font-size: 14px; 7258 line-height: 16px; 7259 font-weight: 400 !important; 7260 text-align: center; 7261 letter-spacing: 0em; 7262 margin: 0; 7263 margin-bottom: 16px; 7264 padding: 0; 7265 color: #505050; 7266 } 7267 .header-dropdown-health-cta__top-detail p { 7268 margin: 0; 7269 } 7270 .header-dropdown-health-cta__top-border { 7271 width: 100%; 7272 height: 4px; 7273 } 7274 .header-dropdown-health-cta__nav-item { 7275 padding: 16px; 7276 font-size: 16px; 7277 line-height: 24px; 7278 font-weight: 700; 7279 text-transform: lowercase; 7280 color: #212322; 7281 } 7282 .header-dropdown-health-cta__top { 7283 font-size: 18px; 7284 line-height: 24px; 7285 font-weight: 700; 7286 } 7287 .header-dropdown-health-cta__nav { 7288 display: flex; 7289 flex-direction: column; 7290 gap: 12px; 7291 } 7292 .header-dropdown-health-cta__nav a { 7293 display: flex; 7294 justify-content: space-between; 7295 gap: 8px; 7296 padding: 16px; 7297 width: 100%; 7298 font-size: 14px; 7299 line-height: 16px; 7300 letter-spacing: 0em; 7301 font-weight: 700; 7302 color: #212322; 7303 background-color: #fff; 7304 transition: all 0.25s ease-in-out; 7305 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 7306 } 7307 .header-dropdown-health-cta__nav a svg { 7308 opacity: 0; 7309 margin: 0; 7310 padding: 0; 7311 transition: all 0.25s ease-in-out; 7312 display: none; 7313 } 7314 .header-dropdown-health-cta__nav a:hover { 7315 color: #47AF19; 7316 } 7317 .header-dropdown-health-cta__nav a:hover > div svg { 7318 opacity: 1 !important; 7319 } 7320 .icon-arrow-up { 7321 margin: 5px; 7322 top: 3px; 7323 position: relative; 7324 } 7325 @media screen and (min-width: 597px) { 7326 .header-dropdown-health-cta__top-detail { 7327 height: 32px; 7328 } 7329 .header-dropdown-health-cta__nav { 7330 gap: 16px; 7331 } 7332 .header-dropdown-health-cta__nav a { 7333 font-size: 16px; 7334 line-height: 24px; 7335 } 7336 } 7337 @media screen and (min-width: 700px) { 7338 .header-dropdown-health-cta { 7339 width: 50%; 7340 padding-left: 16px; 7341 padding-bottom: 24px; 7342 } 7343 .header-dropdown-health-cta__nav { 7344 gap: 16px; 7345 } 7346 .header-dropdown-health-cta { 7347 width: 50%; 7348 } 7349 } 7350 @media screen and (min-width: 1024px) { 7351 .header-dropdown-health-cta { 7352 width: 25%; 7353 padding-left: 36px; 7354 padding-bottom: 0; 7355 } 7356 .header-dropdown-health-cta__nav a svg { 7357 display: block; 7358 } 7359 } 7360</style> 7361 7362 7363 7364 7365 </div> 7366 </div> 7367 </div> 7368 7369 <a class="sr-only" href="#" data-dropdown-close> 7370 close 7371 </a> 7372 </div> 7373 7374</li> 7375 7376 7377 7378 7379 7380 7381 7382 7383 7384 7385 7386 7387 7388 7389<li class="header-nav__menu-item" > 7390 <a href="" data-block="nav_about_item_qPTFrX" aria-controls="dropdown-nav_about_item_qPTFrX" aria-expanded="false" data-dropdown-trigger="#dropdown-nav_about_item_qPTFrX"> 7391 About 7392</a> 7393 7394 <div id="dropdown-nav_about_item_qPTFrX" class="header-dropdown header-dropdown-about"> 7395 <div class="header-dropdown__ctas "> 7396 <div class="container-fluid"> 7397 <div class="header-dropdown__ctas__inner"> 7398 7399 7400 7401 7402 7403 7404 7405 7406 7407 7408 7409 7410 7411 7412 7413 7414 7415 7416 7417 <a href="https://soylent.com/pages/about-the-company" class="header-dropdown__cta header-dropdown__cta-1"> 7418 7419 7420 7421 <div class="header-dropdown__cta-bg lazyload" style="background-image: url(//soylent.com/cdn/shop/files/Story_1_500x.png?v=1672935988)"></div> 7422 <span class="header-dropdown__cta-text"> 7423 7424 <h5>from lab to living room.</h5> 7425 7426 7427 <p>10 years of perfect food.</p> 7428 7429 7430 <p class="header-dropdown__cta-text-btn">LEARN MORE</p> 7431 7432 </span> 7433 7434 7435
7436 </a> 7437 7438 7439 7440 7441<style> 7442 .header-dropdown__cta { 7443 padding-left: 0; 7444 padding-bottom: 0; 7445 width: calc(50% - 8px); 7446 cursor: pointer; 7447 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 7448 } 7449 .header-dropdown__cta-3 { 7450 display: flex; 7451 flex-direction: row; 7452 width: 100%; 7453 } 7454 .header-dropdown__cta-text { 7455 display: flex; 7456 flex-direction: column; 7457 align-items: center; 7458 justify-self: center; 7459 gap: 8px; 7460 background-color: #fff; 7461 text-align: center; 7462 padding: 16px 0px; 7463 width: 100%; 7464 max-width: 120px; 7465 margin: 0 auto; 7466 } 7467 .header-dropdown__cta-bg { 7468 aspect-ratio: 1; 7469 } 7470 .header-dropdown__cta-3 .header-dropdown__cta-bg { 7471 width: calc(50% - 8px); 7472 } 7473 .header-dropdown__cta-3 .header-dropdown__cta-text { 7474 width: calc(50% + 8px); 7475 justify-content: center; 7476 } 7477 .header-dropdown__cta-text h5 { 7478 font-size: 16px; 7479 line-height: 16px; 7480 font-weight: 700; 7481 margin: 0 !important; 7482 } 7483 .header-dropdown__cta-text p { 7484 font-size: 14px; 7485 line-height: 16px; 7486 font-weight: 400; 7487 text-align: center; 7488 } 7489 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 7490 font-size: 14px; 7491 line-height: 16px; 7492 font-weight: 500; 7493 margin: 0 !important; 7494 color: #47AF19 !important; 7495 } 7496 .header-dropdown__cta:nth-child(2) { 7497 display: flex; 7498 flex-direction: row; 7499 } 7500 .mobile-nav__submenu-list-about .header-dropdown__cta { 7501 background-color: #fff; 7502 } 7503 @media screen and (min-width: 597px){ 7504 .header-dropdown__cta-text { 7505 padding: 24px 16px; 7506 max-width: 100%; 7507 } 7508 } 7509 @media screen and (min-width: 768px) { 7510 .header-dropdown__cta { 7511 width: calc(25% - 12px); 7512 } 7513 .header-dropdown-about .header-dropdown__cta { 7514 background-color: #fff; 7515 } 7516 .header-dropdown__cta-text { 7517 padding: 24px 16px; 7518 } 7519 .header-dropdown__cta-3 { 7520 display: flex; 7521 flex-direction: column; 7522 width: calc(25% - 12px); 7523 } 7524 .header-dropdown__cta-3 .header-dropdown__cta-bg { 7525 width: 100%; 7526 } 7527 .header-dropdown__cta-3 .header-dropdown__cta-text { 7528 width: 100%; 7529 justify-content: center; 7530 } 7531 .header-dropdown__cta-text h5 { 7532 font-size: 18px; 7533 line-height: 24px; 7534 } 7535 .header-dropdown__cta-text p { 7536 max-width: none; 7537 } 7538 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 7539 font-size: 16px; 7540 line-height: 24px; 7541 } 7542 } 7543 @media screen and (min-width: 992px) { 7544 .header-dropdown__cta { 7545 width: calc(25% - 27px); 7546 max-width: 261px; 7547 } 7548 .header-dropdown__cta-text p { 7549 font-size: 14px; 7550 line-height: 24px; 7551 } 7552 } 7553</style> 7554 7555 7556 7557 7558 7559 7560 7561 7562 7563 7564 7565 7566 7567 7568 7569 7570 7571 7572 <a href="https://soylent.com/pages/about-soylent" class="header-dropdown__cta header-dropdown__cta-2"> 7573 7574 7575 7576 <div class="header-dropdown__cta-bg lazyload" style="background-image: url(//soylent.com/cdn/shop/files/Soy_Resize_500x.png?v=1672937469)"></div> 7577 <span class="header-dropdown__cta-text"> 7578 7579 <h5>we hacked food.</h5> 7580 7581 7582 <p>nutrition nerd approved.</p> 7583 7584 7585 <p class="header-dropdown__cta-text-btn">LEARN MORE</p> 7586 7587 </span> 7588 7589 7590 7591 </a> 7592 7593 7594 7595 7596<style> 7597 .header-dropdown__cta { 7598 padding-left: 0; 7599 padding-bottom: 0; 7600 width: calc(50% - 8px); 7601 cursor: pointer; 7602 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 7603 } 7604 .header-dropdown__cta-3 { 7605 display: flex; 7606 flex-direction: row; 7607 width: 100%; 7608 } 7609 .header-dropdown__cta-text { 7610 display: flex; 7611 flex-direction: column; 7612 align-items: center; 7613 justify-self: center; 7614 gap: 8px; 7615 background-color: #fff; 7616 text-align: center; 7617 padding: 16px 0px; 7618 width: 100%; 7619 max-width: 120px; 7620 margin: 0 auto; 7621 } 7622 .header-dropdown__cta-bg { 7623 aspect-ratio: 1; 7624 } 7625 .header-dropdown__cta-3 .header-dropdown__cta-bg { 7626 width: calc(50% - 8px); 7627 } 7628 .header-dropdown__cta-3 .header-dropdown__cta-text { 7629 width: calc(50% + 8px); 7630 justify-content: center; 7631 } 7632 .header-dropdown__cta-text h5 { 7633 font-size: 16px; 7634 line-height: 16px; 7635 font-weight: 700; 7636 margin: 0 !important; 7637 } 7638 .header-dropdown__cta-text p { 7639 font-size: 14px; 7640 line-height: 16px; 7641 font-weight: 400; 7642 text-align: center; 7643 } 7644 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 7645 font-size: 14px; 7646 line-height: 16px; 7647 font-weight: 500; 7648 margin: 0 !important; 7649 color: #47AF19 !important; 7650 } 7651 .header-dropdown__cta:nth-child(2) { 7652 display: flex; 7653 flex-direction: row; 7654 } 7655 .mobile-nav__submenu-list-about .header-dropdown__cta { 7656 background-color: #fff; 7657 } 7658 @media screen and (min-width: 597px){ 7659 .header-dropdown__cta-text { 7660 padding: 24px 16px; 7661 max-width: 100%; 7662 } 7663 } 7664 @media screen and (min-width: 768px) { 7665 .header-dropdown__cta { 7666 width: calc(25% - 12px); 7667 } 7668 .header-dropdown-about .header-dropdown__cta { 7669 background-color: #fff; 7670 } 7671 .header-dropdown__cta-text { 7672 padding: 24px 16px; 7673 } 7674 .header-dropdown__cta-3 { 7675 display: flex; 7676 flex-direction: column; 7677 width: calc(25% - 12px); 7678 } 7679 .header-dropdown__cta-3 .header-dropdown__cta-bg { 7680 width: 100%; 7681 } 7682 .header-dropdown__cta-3 .header-dropdown__cta-text { 7683 width: 100%; 7684 justify-content: center; 7685 } 7686 .header-dropdown__cta-text h5 { 7687 font-size: 18px; 7688 line-height: 24px; 7689 } 7690 .header-dropdown__cta-text p { 7691 max-width: none; 7692 } 7693 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 7694 font-size: 16px; 7695 line-height: 24px; 7696 } 7697 } 7698 @media screen and (min-width: 992px) { 7699 .header-dropdown__cta { 7700 width: calc(25% - 27px); 7701 max-width: 261px; 7702 } 7703 .header-dropdown__cta-text p { 7704 font-size: 14px; 7705 line-height: 24px; 7706 } 7707 } 7708</style> 7709 7710 7711 7712 7713 7714 7715 7716 7717 7718 7719 7720 7721 7722 7723 7724 7725 7726 7727 <a href="/blogs/news/tagged/soylent-for-good" class="header-dropdown__cta header-dropdown__cta-3"> 7728 7729 7730 7731 <div class="header-dropdown__cta-bg lazyload" style="background-image: url(//soylent.com/cdn/shop/files/Donation_January_IMG_0305-Edit_1_93e768fd-21b0-4713-951f-0f0583cac722_500x.png?v=1672936085)"></div> 7732 <span class="header-dropdown__cta-text"> 7733 7734 <h5>we give back.</h5> 7735 7736 7737 <p>food is a right. not a luxury.</p> 7738 7739 7740 <p class="header-dropdown__cta-text-btn">LEARN MORE</p> 7741 7742 </span> 7743 7744 7745
7746 </a> 7747 7748 7749 7750 7751<style> 7752 .header-dropdown__cta { 7753 padding-left: 0; 7754 padding-bottom: 0; 7755 width: calc(50% - 8px); 7756 cursor: pointer; 7757 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 7758 } 7759 .header-dropdown__cta-3 { 7760 display: flex; 7761 flex-direction: row; 7762 width: 100%; 7763 } 7764 .header-dropdown__cta-text { 7765 display: flex; 7766 flex-direction: column; 7767 align-items: center; 7768 justify-self: center; 7769 gap: 8px; 7770 background-color: #fff; 7771 text-align: center; 7772 padding: 16px 0px; 7773 width: 100%; 7774 max-width: 120px; 7775 margin: 0 auto; 7776 } 7777 .header-dropdown__cta-bg { 7778 aspect-ratio: 1; 7779 } 7780 .header-dropdown__cta-3 .header-dropdown__cta-bg { 7781 width: calc(50% - 8px); 7782 } 7783 .header-dropdown__cta-3 .header-dropdown__cta-text { 7784 width: calc(50% + 8px); 7785 justify-content: center; 7786 } 7787 .header-dropdown__cta-text h5 { 7788 font-size: 16px; 7789 line-height: 16px; 7790 font-weight: 700; 7791 margin: 0 !important; 7792 } 7793 .header-dropdown__cta-text p { 7794 font-size: 14px; 7795 line-height: 16px; 7796 font-weight: 400; 7797 text-align: center; 7798 } 7799 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 7800 font-size: 14px; 7801 line-height: 16px; 7802 font-weight: 500; 7803 margin: 0 !important; 7804 color: #47AF19 !important; 7805 } 7806 .header-dropdown__cta:nth-child(2) { 7807 display: flex; 7808 flex-direction: row; 7809 } 7810 .mobile-nav__submenu-list-about .header-dropdown__cta { 7811 background-color: #fff; 7812 } 7813 @media screen and (min-width: 597px){ 7814 .header-dropdown__cta-text { 7815 padding: 24px 16px; 7816 max-width: 100%; 7817 } 7818 } 7819 @media screen and (min-width: 768px) { 7820 .header-dropdown__cta { 7821 width: calc(25% - 12px); 7822 } 7823 .header-dropdown-about .header-dropdown__cta { 7824 background-color: #fff; 7825 } 7826 .header-dropdown__cta-text { 7827 padding: 24px 16px; 7828 } 7829 .header-dropdown__cta-3 { 7830 display: flex; 7831 flex-direction: column; 7832 width: calc(25% - 12px); 7833 } 7834 .header-dropdown__cta-3 .header-dropdown__cta-bg { 7835 width: 100%; 7836 } 7837 .header-dropdown__cta-3 .header-dropdown__cta-text { 7838 width: 100%; 7839 justify-content: center; 7840 } 7841 .header-dropdown__cta-text h5 { 7842 font-size: 18px; 7843 line-height: 24px; 7844 } 7845 .header-dropdown__cta-text p { 7846 max-width: none; 7847 } 7848 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 7849 font-size: 16px; 7850 line-height: 24px; 7851 } 7852 } 7853 @media screen and (min-width: 992px) { 7854 .header-dropdown__cta { 7855 width: calc(25% - 27px); 7856 max-width: 261px; 7857 } 7858 .header-dropdown__cta-text p { 7859 font-size: 14px; 7860 line-height: 24px; 7861 } 7862 } 7863</style> 7864 7865 7866 7867 7868 7869 7870 7871 7872 7873 7874 7875 7876 7877 7878 7879 7880<style> 7881 .header-dropdown__cta { 7882 padding-left: 0; 7883 padding-bottom: 0; 7884 width: calc(50% - 8px); 7885 cursor: pointer; 7886 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 7887 } 7888 .header-dropdown__cta-3 { 7889 display: flex; 7890 flex-direction: row; 7891 width: 100%; 7892 } 7893 .header-dropdown__cta-text { 7894 display: flex; 7895 flex-direction: column; 7896 align-items: center; 7897 justify-self: center; 7898 gap: 8px; 7899 background-color: #fff; 7900 text-align: center; 7901 padding: 16px 0px; 7902 width: 100%; 7903 max-width: 120px; 7904 margin: 0 auto; 7905 } 7906 .header-dropdown__cta-bg { 7907 aspect-ratio: 1; 7908 } 7909 .header-dropdown__cta-3 .header-dropdown__cta-bg { 7910 width: calc(50% - 8px); 7911 } 7912 .header-dropdown__cta-3 .header-dropdown__cta-text { 7913 width: calc(50% + 8px); 7914 justify-content: center; 7915 } 7916 .header-dropdown__cta-text h5 { 7917 font-size: 16px; 7918 line-height: 16px; 7919 font-weight: 700; 7920 margin: 0 !important; 7921 } 7922 .header-dropdown__cta-text p { 7923 font-size: 14px; 7924 line-height: 16px; 7925 font-weight: 400; 7926 text-align: center; 7927 } 7928 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 7929 font-size: 14px; 7930 line-height: 16px; 7931 font-weight: 500; 7932 margin: 0 !important; 7933 color: #47AF19 !important; 7934 } 7935 .header-dropdown__cta:nth-child(2) { 7936 display: flex; 7937 flex-direction: row; 7938 } 7939 .mobile-nav__submenu-list-about .header-dropdown__cta { 7940 background-color: #fff; 7941 } 7942 @media screen and (min-width: 597px){ 7943 .header-dropdown__cta-text { 7944 padding: 24px 16px; 7945 max-width: 100%; 7946 } 7947 } 7948 @media screen and (min-width: 768px) { 7949 .header-dropdown__cta { 7950 width: calc(25% - 12px); 7951 } 7952 .header-dropdown-about .header-dropdown__cta { 7953 background-color: #fff; 7954 } 7955 .header-dropdown__cta-text { 7956 padding: 24px 16px; 7957 } 7958 .header-dropdown__cta-3 { 7959 display: flex; 7960 flex-direction: column; 7961 width: calc(25% - 12px); 7962 } 7963 .header-dropdown__cta-3 .header-dropdown__cta-bg { 7964 width: 100%; 7965 } 7966 .header-dropdown__cta-3 .header-dropdown__cta-text { 7967 width: 100%; 7968 justify-content: center; 7969 } 7970 .header-dropdown__cta-text h5 { 7971 font-size: 18px; 7972 line-height: 24px; 7973 } 7974 .header-dropdown__cta-text p { 7975 max-width: none; 7976 } 7977 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 7978 font-size: 16px; 7979 line-height: 24px; 7980 } 7981 } 7982 @media screen and (min-width: 992px) { 7983 .header-dropdown__cta { 7984 width: calc(25% - 27px); 7985 max-width: 261px; 7986 } 7987 .header-dropdown__cta-text p { 7988 font-size: 14px; 7989 line-height: 24px; 7990 } 7991 } 7992</style> 7993 7994 7995<div class="header-dropdown-about__links"><a href="https://soylent.com/pages/blogs">Blog</a><a href="/blogs/press">Press</a><a href="/pages/reviews">Reviews</a><a href="/pages/soylent-discount-programs">Discount Programs</a></div><style> 7996 .header-dropdown-about__links { 7997 display: flex; 7998 flex-direction: row; 7999 flex-wrap: wrap; 8000 font-size: 16px !important; 8001 line-height: 24px !important; 8002 font-weight: 700 !important; 8003 text-transform: lowercase; 8004 gap: 16px; 8005 background: transparent; 8006 padding-bottom: 24px; 8007 } 8008 .header-dropdown-about__links:before { 8009 content: none !important; 8010 width: 0 !important; 8011 } 8012 .header-dropdown-about__links a { 8013 width: calc(50% - 8px); 8014 height: auto; 8015 font-size: 16px; 8016 line-height: 24px; 8017 text-align: center; 8018 padding: 0; 8019 justify-content: center; 8020 } 8021 .header-dropdown-about__links a:hover { 8022 color: #47AF19; 8023 } 8024 .header-dropdown-about__links a:nth-child(n+5){ 8025 width: 100%; 8026 } 8027 @media screen and (min-width: 768px) { 8028 .header-dropdown-about__links { 8029 flex-direction: column; 8030 } 8031 .header-dropdown-about__links a { 8032 width: 100%; 8033 text-align: left; 8034 } 8035 } 8036 </style> 8037 8038 8039 </div> 8040 </div> 8041 </div> 8042 8043 <a class="sr-only" href="#" data-dropdown-close> 8044 close 8045 </a> 8046 </div> 8047 8048</li> 8049 8050 8051 8052 8053 8054 8055 8056 8057 8058 8059 8060 8061 8062 8063<li class="header-nav__menu-item" > 8064 <a href="/blogs/news/why-soy-protein" > 8065 why soy? 8066</a> 8067 8068</li> 8069 8070 8071 8072 8073 8074 8075 8076 8077 8078 8079 8080 8081 8082 8083<li class="header-nav__menu-item" > 8084 <a href="/pages/soylent-clinical-trials" > 8085 clinical trials 8086</a> 8087 8088</li> 8089 8090 8091 8092 8093 8094 8095 8096 8097 8098 8099 8100 8101 8102 8103<li class="header-nav__menu-item" > 8104 <a href="/pages/reviews" > 8105 reviews 8106</a> 8107 8108</li> 8109 8110 8111 8112 8113 8114 8115 8116 8117 8118 8119 8120 8121 8122 8123<li class="header-nav__menu-item" > 8124 <a href="/pages/soylent-product-recommendation-quiz" > 8125 product quiz 8126</a> 8127 8128</li> 8129 8130 8131 </ul> 8132 8133 </div> 8134 8135 8136 <div class="header-nav header-nav--right header-nav--hide-on-mobile"> 8137 8138 8139 8140 <ul class="header-nav__menu header-nav__menu--user"> 8141 8142 <li class="header-nav__menu-item"> 8143 8144 <a href="/account/login" title="Login or register"> 8145 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 8.53a3.5 3.5 0 100-7 3.5 3.5 0 000 7zm0 1.5a5 5 0 100-10 5 5 0 000 10zM9 12.78a7.25 7.25 0 00-7.25 7.25H.25a8.75 8.75 0 1117.5 0h-1.5A7.25 7.25 0 009 12.78z" fill="#000"/></svg>
8146 <span class="icon-fallback-text">Account</span> 8147 </a> 8148 8149 </li> 8150 8151 <li class="header-nav__menu-item"> 8152 <a href="/cart" aria-label="Open Cart" data-ajax-cart-trigger> 8153 <div class="header-cart__badge" data-cart-badge> 8154 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-bag"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.586.28a4.888 4.888 0 00-4.888 4.887v1.32H1.701L.584 17.655a3.75 3.75 0 003.731 4.123h8.543a3.75 3.75 0 003.73-4.123l-1.116-11.17h-1.998V5.167c0-2.7-2.188-4.888-4.888-4.888zM5.198 5.166a3.388 3.388 0 116.776 0v1.32H5.198v-1.32zM2.076 17.805l.982-9.819h11.056l.982 9.82a2.25 2.25 0 01-2.238 2.473H4.315a2.25 2.25 0 01-2.239-2.474z" fill="#000"/></svg> 8155 8156 <span class="header-cart__badge-count" data-cart-badge-count>0</span> 8157 8158 </div> 8159 </a> 8160 </li> 8161</ul> 8162 8163 8164 </div> 8165 8166 8167 <div class="header-nav header-nav--right header-nav--hide-on-desktop"> 8168 8169 8170 8171 8172 8173 8174<ul class="header-nav__menu header-nav__menu--user"> 8175 8176 <li class="header-nav__menu-item"> 8177 8178 <a href="/account/login" title="Login or register"> 8179 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 8.53a3.5 3.5 0 100-7 3.5 3.5 0 000 7zm0 1.5a5 5 0 100-10 5 5 0 000 10zM9 12.78a7.25 7.25 0 00-7.25 7.25H.25a8.75 8.75 0 1117.5 0h-1.5A7.25 7.25 0 009 12.78z" fill="#000"/></svg> 8180 <span class="icon-fallback-text">Account</span> 8181 </a> 8182 8183 </li> 8184 8185 <li class="header-nav__menu-item"> 8186 <a href="/cart" aria-label="Open Cart" data-ajax-cart-trigger> 8187 <div class="header-cart__badge" data-cart-badge> 8188 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-bag"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.586.28a4.888 4.888 0 00-4.888 4.887v1.32H1.701L.584 17.655a3.75 3.75 0 003.731 4.123h8.543a3.75 3.75 0 003.73-4.123l-1.116-11.17h-1.998V5.167c0-2.7-2.188-4.888-4.888-4.888zM5.198 5.166a3.388 3.388 0 116.776 0v1.32H5.198v-1.32zM2.076 17.805l.982-9.819h11.056l.982 9.82a2.25 2.25 0 01-2.238 2.473H4.315a2.25 2.25 0 01-2.239-2.474z" fill="#000"/></svg> 8189 <span class="header-cart__badge-count" data-cart-badge-count>0</span> 8190 </a> 8191 </li> 8192</ul> 8193 8194 8195 </div> 8196 8197 </div> 8198 </div> 8199 8200 8201 </header> 8202 </nav> 8203 8204</div> 8205 8206 8207 8208<style> 8209 .header { 8210 height: 64px; 8211 } 8212 .header-container { 8213 border-bottom: 1px solid #e7e7e7; 8214 } 8215 .header-dropdown { 8216 box-shadow: 0px 4px 8px 0px #0000000A; 8217 background-color: #f7f7f7; 8218 } 8219 .header-dropdown-shop { 8220 background-color: #ffffff; 8221 } 8222 .header-dropdown__links a { 8223 margin: 0 !important; 8224 } 8225 .mobile-nav__submenu-list { 8226 margin-left: -16px; 8227 background: #f7f7f7; 8228 } 8229 .mobile-nav__submenu-list-shop { 8230 background: #ffffff; 8231 margin-left: 0; 8232 gap: 16px; 8233 padding-bottom: 20px; 8234 } 8235 .mobile-nav__submenu-list-about { 8236 margin-left: 0; 8237 gap: 16px; 8238 } 8239 .header-nav__menu-item>a[data-dropdown-trigger] { 8240 padding-right: 0; 8241 } 8242 .header-nav__menu-item>a[data-dropdown-trigger]:after { 8243 width: 0; 8244 height: 0; 8245 display: none; 8246 } 8247 .mobile-nav { 8248 height: calc(100vh - 96px); 8249 top: 64px; 8250 } 8251 .mobile-nav-footer { 8252 position: relative; 8253 display: flex; 8254 justify-content: space-between; 8255 width: 100%; 8256 height: 56px; 8257 bottom: 0; 8258 padding: 0 20px; 8259 border-bottom: 1px solid #E3E3E3; 8260 background-color: #fff; 8261 } 8262 .header-nav__menu-item.country-selector { 8263 display: flex; 8264 align-items: center; 8265 } 8266 .header-nav__menu--main .header-nav__menu-item>a:hover { 8267 color: #47af19; 8268 } 8269 .header-content { 8270 min-height: 64px; 8271 } 8272 .mobile-nav__menu-item { 8273 padding-top: 18px; 8274 padding-bottom: 18px; 8275 } 8276 @media screen and (max-width: 767px){ 8277 .country-dropdown { 8278 position: fixed; 8279 top: auto; 8280 right: 20px; 8281 bottom: 20px; 8282 left: auto; 8283 margin-left: 10px; 8284 box-shadow: 0 0 10px; 8285 } 8286 } 8287 @media screen and (min-width: 597px) { 8288 .mobile-nav__submenu-list { 8289 margin-left: -16px; 8290 gap: 0px; 8291 } 8292 .mobile-nav__submenu-list-shop { 8293 margin-left: 0; 8294 gap: 16px; 8295 } 8296 .mobile-nav__submenu-list-about { 8297 margin-left: 0; 8298 gap: 16px; 8299 } 8300 } 8301 @media screen and (min-width: 768px){ 8302 .mobile-nav, .mobile-nav.is-active { 8303 display: none !important; 8304 } 8305 .header { 8306 height: 100px; 8307 } 8308 .header-nav { 8309 justify-content: center; 8310 } 8311 .header-container { 8312 border-bottom: none; 8313 } 8314 .header-dropdown-shop .header-dropdown__ctas__inner { 8315 margin-left: 0; 8316 gap: 24px 16px; 8317 } 8318 .header-dropdown-about .header-dropdown__ctas__inner { 8319 margin-left: 0; 8320 gap: 16px; 8321 } 8322 } 8323 @media screen and (min-width: 992px){ 8324 .header-dropdown-shop .header-dropdown__ctas__inner { 8325 margin-left: 0; 8326 padding-top: 36px; 8327 padding-bottom: 36px; 8328 gap: 36px 18px; 8329 } 8330 .header-dropdown-about .header-dropdown__ctas__inner { 8331 gap: 36px; 8332 } 8333 } 8334 @media (min-width: 1200px) { 8335 .header-dropdown__ctas__inner { 8336 padding-top: 36px; 8337 padding-bottom: 36px; 8338 } 8339 } 8340</style> 8341</div> 8342 8343 <main role="main" id="MainContent"> 8344 <!-- BEGIN content_for_index --><div id="shopify-section-16243360044c1367c3" class="shopify-section"><style> 8345</style> 8346 8347<section class="home-hero exp-hp_hero_test_sep_24-0-show"> 8348 <div class="home-hero__inner"> 8349 <div class="home-hero__featured"> 8350 8351 <picture class="home-hero__image object-cover"><source 8352 media="(max-width: 576px)" 8353 srcset="//soylent.com/cdn/shop/files/soylent-chocolate-shake-work_M_640x.jpg?v=1738713823 640w" 8354 /><source 8355 media="(max-width: 999px)" 8356 srcset="//soylent.com/cdn/shop/files/soylent-chocolate-shake-work_T_2024x.jpg?v=1738713797 1024w" 8357 /><source 8358 media="(min-width: 1000px)" 8359 srcset="//soylent.com/cdn/shop/files/soylent-chocolate-meal-shake-work_D_2160x.jpg?v=1738713778 2160w" 8360 /><img 8361 8362 src="//soylent.com/cdn/shop/files/soylent-chocolate-meal-shake-work_D_2160x.jpg?v=1738713778" 8363 8364 class="object-cover" 8365 alt="" /> 8366 </picture> 8367 8368 </div> 8369 8370 <div class="container home-hero__container"> 8371 <div class="home-hero__content" style="color: #221F20;"> 8372 8373<div class="home-hero_star-rating-container"> 8374 <div class="home-hero__star-rating">
8375 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 8376 <path d="M8 0.380981L5.52717 5.39867L0 6.19867L4 10.1062L3.05435 15.6191L8 13.0177L12.9457 15.6191L12 10.1062L16 6.20411L10.4728 5.39867L8 0.380981Z" fill="#47af19"/> 8377 </svg> 8378 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 8379 <path d="M8 0.380981L5.52717 5.39867L0 6.19867L4 10.1062L3.05435 15.6191L8 13.0177L12.9457 15.6191L12 10.1062L16 6.20411L10.4728 5.39867L8 0.380981Z" fill="#47af19"/> 8380 </svg> 8381 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 8382 <path d="M8 0.380981L5.52717 5.39867L0 6.19867L4 10.1062L3.05435 15.6191L8 13.0177L12.9457 15.6191L12 10.1062L16 6.20411L10.4728 5.39867L8 0.380981Z" fill="#47af19"/> 8383 </svg> 8384 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 8385 <path d="M8 0.380981L5.52717 5.39867L0 6.19867L4 10.1062L3.05435 15.6191L8 13.0177L12.9457 15.6191L12 10.1062L16 6.20411L10.4728 5.39867L8 0.380981Z" fill="#47af19"/> 8386 </svg> 8387 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 8388 <path d="M8 0.380981L5.52717 5.39867L0 6.19867L4 10.1062L3.05435 15.6191L8 13.0177L12.9457 15.6191L12 10.1062L16 6.20411L10.4728 5.39867L8 0.380981Z" fill="#47af19"/> 8389 </svg> 8390 </div> 8391 8392 <span class="home-hero__star-rating--text">over 14,000 five star reviews!</span> 8393</div> 8394 8395 8396<style> 8397.home-hero_star-rating-container { 8398 display: flex; 8399 align-items: center; 8400 font-style: normal; 8401 font-weight: 400; 8402 font-size: 16px; 8403 line-height: 20px; 8404 color: #212322; 8405 text-transform: capitalize; 8406 margin-bottom: 12px; 8407} 8408.home-hero__star-rating { 8409 display: flex; 8410 gap: 4px; 8411 margin-bottom: 2px; 8412} 8413.home-hero__star-rating--text { 8414 margin-left: 4px; 8415} 8416.home-hero__star-rating--text, 8417.home-hero__star-rating--text * { 8418 color: #212322 !important; 8419} 8420</style> 8421 8422 8423 8424 <h1 class="home-hero__title">complete, science-backed nutrition in every bottle.</h1> 8425 8426 8427 <div class="home-hero__description">discover our ready-to-drink meals, formulated with all 39 essential nutrients to fuel your day.</div> 8428 8429 8430 <a href="/collections/all-products" class="cta cta-1 home-hero__cta cta-arrow"> 8431 SHOP ALL 8432 8433 <span class="cta-ui"></span> 8434 8435 </a> 8436 8437 8438 </div> 8439 </div> 8440 </div> 8441</section> 8442<style> 8443.home-hero__content { 8444 background-color: #ffffff; 8445} 8446.home-hero__title { 8447 font-size: 25px; 8448 font-weight: bold; 8449} 8450.home-hero__description { 8451 font-size: 18px; 8452 line-height: 1.2; 8453 margin: 0; 8454} 8455.home-hero__cta { 8456 padding-right: 21px; 8457 color: #ffffff; 8458 background-color: #212322; 8459 width: auto; 8460 min-width: auto; 8461 margin-right: 16px; 8462 margin-left: 0; 8463 margin-top: 16px; 8464} 8465.home-hero__cta .cta-ui:before { 8466 background-color: #ffffff; 8467} 8468.home-hero__cta .cta-ui:after { 8469 border-color: #ffffff; 8470} 8471.home-hero__cta:hover { 8472 color: #ffffff; 8473 background-color: #212322; 8474} 8475.home-hero__cta:before { 8476 border-color: #ffffff; 8477} 8478.home-hero__cta2 { 8479 color: #ffffff; 8480 background-color: #000000; 8481} 8482.home-hero__cta2 .cta-ui:before { 8483 background-color: #ffffff; 8484} 8485.home-hero__cta2 .cta-ui:after { 8486 border-color: #ffffff; 8487} 8488.home-hero__cta2:hover {
8489 color: #ffffff; 8490 background-color: #000000; 8491} 8492.home-hero__cta2:before { 8493 border-color: #ffffff; 8494} 8495.home-hero__cta.cta-arrow { 8496 padding-right: 76px; 8497} 8498@media screen and (min-width: 768px){ 8499} 8500@media screen and (min-width: 992px){ 8501 .home-hero__title { 8502 font-size: 40px; 8503 } 8504 .home-hero__description { 8505 font-size: 30px; 8506 } 8507 .home-hero__content { 8508 padding-left: 0; 8509 padding-right: 0; 8510 max-width: 576px; 8511 background-color: rgba(0,0,0,0); 8512 8513 border: none; 8514 8515 } 8516 .home-hero__inner { 8517 justify-content: center; 8518 } 8519 .home-hero__cta { 8520 margin-right: 24px; 8521 margin-top: 24px; 8522 } 8523} 8524</style> 8525<!-- featureflag render test false --> 8526 8527<style> 8528 #shopify-section-16243360044c1367c3 { 8529 background: #ffffff; 8530 } 8531</style> 8532 8533</div><div id="shopify-section-nutrition_marquee_ALwTMf" class="shopify-section"> 8534 8535 8536<div class="nutrition-marquee"> 8537 <div class="marquee-inner"> 8538 <span class="marquee-content"> 8539 8540 <span>28 vitamins & minerals</span> 8541 8542 <span> 85439 essential amino acids</span> 8544 8545 <span> 854612 brain boosting nutrients</span> 8547 8548 <span> 8549omega 3 & 6</span> 8550 8551 <span> 8552slow burning carbs</span> 8553 8554 <span> 8555made in the USA</span> 8556 8557 <span> 8558plant-based</span> 8559 8560 <span> 8561science-backed</span> 8562 8563 <span> 8564no eggs or dairy</span> 8565 8566 </span> 8567 </div> 8568</div> 8569 8570<style> 8571.nutrition-marquee { 8572 --marquee-time: 0s; 8573 overflow: hidden; 8574 box-sizing: border-box; 8575 position: relative; 8576 display: flex; 8577 align-items: center; 8578 justify-content: flex-start; 8579 white-space: nowrap; 8580 height: 60px; 8581 color: #FFF; 8582 background-color: #000; 8583} 8584.exp-hp_hero_test_sep_24-1 .nutrition-marquee { 8585 border-top: 1px solid #FFF; 8586} 8587.marquee-inner { 8588 animation: marquee var(--marquee-time) linear infinite; 8589} 8590.marquee-content span { 8591 padding: 0 35px; 8592} 8593.nutrition-marquee:hover .marquee-inner { 8594 animation-play-state: paused; 8595} 8596 8597@keyframes marquee { 8598 from { 8599 transform: translateX(0); 8600 } 8601 to { 8602 transform: translateX(-100%); 8603 } 8604} 8605</style> 8606
8607<script> 8608 document.addEventListener("DOMContentLoaded", function(){ 8609 const speed = .6; 8610 const container = document.querySelector('.nutrition-marquee'); 8611 const inner = container.querySelector('.marquee-inner'); 8612 const content = container.querySelector('.marquee-content'); 8613 const contentWidth = content.getBoundingClientRect().width; 8614 container.style.setProperty('--marquee-time', ((1 / speed) * contentWidth) / 100 + 's'); 8615 // Duplicate content enough to fit 4k width 8616 const dups = 4100 / contentWidth; 8617 for(let i = 1; i <= dups; i++){ 8618 const node = content.cloneNode(true); 8619 node.style.setProperty('position', 'absolute'); 8620 node.style.setProperty('left', (i*100) + '%'); 8621 inner.appendChild(node); 8622 } 8623 }); 8624</script>
8624 8625 8626 8627 8628</div><div id="shopify-section-product_lineup_QeJtTX" class="shopify-section"><style> 8629 [id="shopify-section-product_lineup_QeJtTX"] { 8630 padding-top: 40px; 8631 padding-bottom: 40px; 8632 background-color: #F7F7F7; 8633 } 8634 8635 .product-lineup .splide__slide { 8636 -webkit-transform: translateZ(0); 8637 -webkit-backface-visibility: hidden; 8638 } 8639 8640 .progress { 8641 background: #e7e7e7; 8642 } 8643 8644 .progress-bar { 8645 background: #212322; 8646 height: 1px; 8647 transition: width 400ms ease; 8648 width: 0; 8649 } 8650 8651 .product-lineup .splide__list { 8652 height: auto; 8653 } 8654 8655 .product-lineup .card .link-wrapper { 8656 position: relative; 8657 background: #fff; 8658 box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04); 8659 padding-bottom: 12px; 8660 display: flex; 8661 flex-direction: column; 8662 height: 100%; 8663 justify-content: space-between; 8664 } 8665 8666 .product-lineup .card--quiz .link-wrapper { 8667 padding-top: 54px; 8668 } 8669 8670 .product-lineup .card .quiz-background-image { 8671 position: absolute; 8672 inset: 0; 8673 width: 100%; 8674 height: 100%; 8675 object-fit: cover; 8676 object-position: center; 8677 z-index: 1; 8678 } 8679 8680 .product-lineup .card .image-wrapper { 8681 position: relative; 8682 padding-top: 100%; 8683 width: 100%; 8684 margin: 0 auto; 8685 } 8686 8687 .product-lineup .card .image-wrapper img { 8688 position: absolute; 8689 inset: 0; 8690 width: 100%; 8691 height: 100%; 8692 object-fit: cover; 8693 } 8694 8695 .product-lineup .card .description { 8696 position: relative; 8697 z-index: 2; 8698 } 8699 8700 .product-lineup .card .description h3 { 8701 text-align: center; 8702 font-size: 18px; 8703 font-weight: 700; 8704 margin-bottom: 0; 8705 padding: 0 8px; 8706 text-transform: lowercase; 8707 } 8708 8709 .product-lineup .card .description p { 8710 text-align: center; 8711 margin-top: 8px; 8712 padding: 0 24px; 8713 font-size: 18px; 8714 line-height: 1.22; 8715 } 8716 8717 .product-lineup .card .bottom { 8718 position: relative; 8719 z-index: 2; 8720 padding: 0 12px; 8721 display: flex; 8722 flex-direction: column; 8723 align-items: center; 8724 } 8725 8726 .product-lineup .container::after { 8727 display: none !important; 8728 } 8729 8730 .product-lineup .card .bottom p { 8731 width: 100%; 8732 display: flex; 8733 align-items: center; 8734 justify-content: center; 8735 height: 48px; 8736 margin-top: 12px; 8737 margin-bottom: 0; 8738 font-size: 16px; 8739 font-weight: 700; 8740 transition: background-color 0.3s ease; 8741 background-color: #221f20; 8742 border: 1px solid #221f20; 8743 } 8744 8745 .product-lineup .card:hover .bottom p { 8746 background-color: #fff; 8747 } 8748 8749 .product-lineup .card .bottom p span { 8750 color: #fff; 8751 transition: color 0.3s ease; 8752 } 8753 8754 .product-lineup .card:hover .bottom p span { 8755 color: #221f20; 8756 } 8757 8758 .product-lineup .card .bottom p .desktop { 8759 display: none; 8760 } 8761 8762 .product-lineup .card--quiz .link-wrapper { 8763 padding: 12px 0; 8764 } 8765 8766 .product-lineup .controls { 8767 display: flex; 8768 align-items: center; 8769 gap: 32px; 8770 margin-top: 24px; 8771 } 8772 8773 .product-lineup .controls .progress { 8774 width: 100%; 8775 } 8776 8777 .product-lineup .controls .arrows button { 8778 background: none; 8779 border: none; 8780 cursor: pointer; 8781 outline: none; 8782 } 8783 8784 .product-lineup .controls .arrows { 8785 display: flex; 8786 } 8787 8788 .product-lineup-image { 8789 display: block; 8790 } 8791 8792 .product-lineup .description h3 { 8793 display: none; 8794 } 8795 8796 .product-lineup .card .description p { 8797 margin-top: 0; 8798 } 8799 8800 @media screen and (min-width: 640px) { 8801 .product-lineup .card--quiz .link-wrapper { 8802 padding-top: 32px; 8803 } 8804 } 8805 8806 @media screen and (min-width: 1024px) { 8807 .product-lineup .card .description h3 { 8808 font-size: 25px; 8809 padding: 0 12px; 8810 } 8811 8812 .product-lineup .card .description p { 8813 padding: 0 12px; 8814 } 8815 8816 .product-lineup .card .bottom p .mobile { 8817 display: none; 8818 } 8819 8820 .product-lineup .card .bottom p .desktop { 8821 display: inline; 8822 } 8823 } 8824 8825 @media screen and (max-width: 640px) { 8826 .product-lineup .splide__slide { 8827 width: 85% !important; 8828 } 8829 } 8830</style> 8831<section class="product-lineup"> 8832 <div id="product_lineup_QeJtTX-splide" class="splide"> 8833 <div class="splide__track"> 8834 <ul class="splide__list"> 8835 8836 8837 <li class="splide__slide card"> 8838 <a class="link-wrapper" href="/collections/meal-replacements"> 8839 <div class="description"> 8840 <div class="image-wrapper"> 8841 <img 8842 class="product-lineup-image" 8843 src="//soylent.com/cdn/shop/files/complete-meal-product-lineup.jpg?v=1767740897" 8844 alt="" 8845 loading="eager" /> 8846 </div> 8847 8848 <h3 style="color: #212322;"> 8849 Complete Meal 8850 </h3> 8851 <p style="color: #212322;"> 8852 the world's most perfect food. science-backed nutrition. 8853 </p> 8854 </div> 8855 <div class="bottom"> 8856 8857 8858 <div data-oke-star-rating data-oke-reviews-group-id="27287f05-486d-434d-9278-07f05929cf87"></div> 8859 8860 8861 <p>
8862 <span class="mobile"> 8863 Shop Now 8864 </span> 8865 <span class="desktop"> 8866 Shop Complete Meal 8867 </span> 8868 </p> 8869 </div> 8870 </a> 8871 </li> 8872 8873 8874 8875 <li class="splide__slide card"> 8876 <a class="link-wrapper" href="/collections/complete-protein"> 8877 <div class="description"> 8878 <div class="image-wrapper"> 8879 <img 8880 class="product-lineup-image" 8881 src="//soylent.com/cdn/shop/files/complete-protein-product-lineup.jpg?v=1767740897" 8882 alt="" 8883 loading="eager" /> 8884 </div> 8885 8886 <h3 style="color: #212322;"> 8887 Complete Protein 8888 </h3> 8889 <p style="color: #212322;"> 8890 protein. rooted in science. taste perfected. 8891 </p> 8892 </div> 8893 <div class="bottom"> 8894 8895 8896 <div data-oke-star-rating data-oke-reviews-group-id="08c1570f-027d-4d67-8f2e-b0d165ce0b15"></div> 8897 8898 8899 <p> 8900 <span class="mobile"> 8901 Shop Now 8902 </span> 8903 <span class="desktop"> 8904 Shop Complete Protein 8905 </span> 8906 </p> 8907 </div> 8908 </a> 8909 </li> 8910 8911 8912 8913 <li class="splide__slide card"> 8914 <a class="link-wrapper" href="/collections/complete-coffee-shakes"> 8915 <div class="description"> 8916 <div class="image-wrapper"> 8917 <img 8918 class="product-lineup-image" 8919 src="//soylent.com/cdn/shop/files/complete-coffee-product-lineup.jpg?v=1767740898" 8920 alt="" 8921 loading="eager" /> 8922 </div> 8923 8924 <h3 style="color: #212322;"> 8925 Complete Coffee 8926 </h3> 8927 <p style="color: #212322;"> 8928 functional coffee. caffeine for the boost. l-theanine for the balance. coffee perfected. 8929 </p> 8930 </div> 8931 <div class="bottom"> 8932 8933 8934 <div data-oke-star-rating data-oke-reviews-group-id="8c2ceab3-155b-4fcc-beea-dfbc10e3ac6c"></div> 8935 8936 8937 <p> 8938 <span class="mobile"> 8939 Shop Now 8940 </span> 8941 <span class="desktop"> 8942 Shop Complete Coffee 8943 </span> 8944 </p> 8945 </div> 8946 </a> 8947 </li> 8948 8949 8950 8951 <li class="splide__slide card"> 8952 <a class="link-wrapper" href="/products/soylent-complete-energy-chocolate"> 8953 <div class="description"> 8954 <div class="image-wrapper"> 8955 <img 8956 class="product-lineup-image" 8957 src="//soylent.com/cdn/shop/files/complete-energy-product-lineup.jpg?v=1767740898" 8958 alt="" 8959 loading="eager" /> 8960 </div> 8961 8962 <h3 style="color: #212322;"> 8963 Complete Energy 8964 </h3> 8965 <p style="color: #212322;"> 8966 smart energy. fuel for the brain and the body. energy perfected. 8967 </p> 8968 </div> 8969 <div class="bottom"> 8970 8971 8972 <div data-oke-star-rating data-oke-reviews-group-id="262803d9-4674-4d93-8ca6-0d272317fd83"></div> 8973 8974 8975 <p> 8976 <span class="mobile"> 8977 Shop Now 8978 </span> 8979 <span class="desktop"> 8980 Shop Complete Energy 8981 </span> 8982 </p> 8983 </div> 8984 </a> 8985 </li> 8986 8987 8988 8989 <li class="splide__slide card card--quiz"> 8990 <a class="link-wrapper" href="/pages/soylent-product-recommendation-quiz"> 8991 8992 <img 8993 class="quiz-background-image" 8994 src="//soylent.com/cdn/shop/files/cropped-person-holding-drink.png?v=1714688477" 8995 alt="Holding Soylent" 8996 loading="eager" /> 8997 8998 <div class="description"> 8999 <h3 style="color: #ffffff;"> 9000 find your perfect match 9001 </h3> 9002 <p style="color: #ffffff;"> 9003 which Soylent is right for you? 9004 </p> 9005 </div> 9006 <div class="bottom"> 9007 <p>
9008 <span class="mobile" style="color: ;"> 9009 Take The Quiz 9010 </span> 9011 <span class="desktop" style="color: ;"> 9012 Take The Quiz 9013 </span> 9014 </p> 9015 </div> 9016 </a> 9017 </li> 9018 9019 9020 </ul> 9021 </div> 9022 <div class="controls container"> 9023 <div class="progress"> 9024 <div class="progress-bar"></div> 9025 </div> 9026 <div class="arrows"> 9027 <button class="go-prev" type="button"> 9028 <svg 9029 width="23" 9030 height="16" 9031 viewBox="0 0 23 16" 9032 fill="none" 9033 xmlns="http://www.w3.org/2000/svg"> 9034 <path 9035 class="prev-path" 9036 d="M6.47103 0L7.55864 1.34461L2.94435 7.04926H23V8.95092H2.94449L7.55864 14.6554L6.47103 16L0 8L6.47103 0Z" 9037 fill="#AFAFAF" /> 9038 </svg> 9039 </button> 9040 <button class="go-next" type="button"> 9041 <svg 9042 width="23" 9043 height="16"
9044 viewBox="0 0 23 16" 9045 fill="none" 9046 xmlns="http://www.w3.org/2000/svg"> 9047 <path 9048 class="next-path" 9049 d="M16.529 0L15.4414 1.34461L20.0557 7.04926H0V8.95092H20.0555L15.4414 14.6554L16.529 16L23 8L16.529 0Z" 9050 fill="#212322" /> 9051 </svg> 9052 </button> 9053 </div> 9054 </div> 9055 </div> 9056</section> 9057 9058<!--
9058<script> 9059 // AB Test Only 9060 (async () => { 9061 const hp_lineup_image_test_state = await getABTestState('hp_lineup_image_test'); 9062 document.body.classList.add('exp-hp_lineup_image_test-'+hp_lineup_image_test_state); 9063 })(); 9064</script>
9064 --> 9065
9066<script> 9067 document.addEventListener('DOMContentLoaded', function () { 9068 const controlsContainer = document.querySelector('.product-lineup .controls'); 9069 9070 if (!controlsContainer) { 9071 console.error('controls is required for product lineup') 9072 return 9073 } 9074 9075 function getElementWidthWithoutPadding(element) { 9076 const computedStyle = window.getComputedStyle(element); 9077 const paddingLeft = parseFloat(computedStyle.paddingLeft); 9078 const paddingRight = parseFloat(computedStyle.paddingRight); 9079 return element.clientWidth - paddingLeft - paddingRight; 9080 } 9081 9082 const splideOptions = { 9083 perPage: 1, 9084 perMove: 1, 9085 pagination: false, 9086 arrows: false, 9087 mediaQuery: 'min', 9088 padding: { left: '20px', right: '20px' }, 9089 gap: 16, 9090 breakpoints: { 9091 640: { 9092 perPage: 2, 9093 gap: 16, 9094 }, 9095 768: { 9096 perPage: 2, 9097 gap: 16, 9098 }, 9099 1024: { 9100 perPage: 3, 9101 gap: 24 9102 }, 9103 1280: { 9104 perPage: 3, 9105 gap: 36 9106 }, 9107 1440: { 9108 perPage: 3, 9109 gap: 36 9110 } 9111 }, 9112 } 9113 9114 const splide = new Splide('#product_lineup_QeJtTX-splide', splideOptions) 9115 const bar = splide.root.querySelector('.progress-bar') 9116 9117 splide.on('mounted', function () { 9118 const goPrev = document.querySelector('.go-prev') 9119 const goNext = document.querySelector('.go-next') 9120 goPrev.addEventListener('click', () => splide.go('<')) 9121 goNext.addEventListener('click', () => splide.go('>')) 9122 }) 9123 9124 splide.on('moved', function () { 9125 const currentIndex = splide.index 9126 const end = splide.Components.Controller.getEnd() 9127 const prevSvgPath = document.querySelector('.go-prev .prev-path') 9128 const nextSvgPath = document.querySelector('.go-next .next-path') 9129 9130 if (currentIndex === 0){ 9131 prevSvgPath.setAttribute('fill', '#AFAFAF'); 9132 } else { 9133 prevSvgPath.setAttribute('fill', '#212322'); 9134 } 9135 9136 if (currentIndex === end) { 9137 nextSvgPath.setAttribute('fill', '#AFAFAF'); 9138 } else { 9139 nextSvgPath.setAttribute('fill', '#212322'); 9140 } 9141 }) 9142 9143 splide.on('mounted move', function () { 9144 const end = splide.Components.Controller.getEnd() + 1 9145 const rate = Math.min((splide.index + 1) / end, 1) 9146 bar.style.width = String(100 * rate) + '%' 9147 }) 9148 9149 splide.on('mounted resize', function () { 9150 const padding = (window.innerWidth - getElementWidthWithoutPadding(controlsContainer)) / 2 9151 splide.options.padding.left = (padding - 7) + 'px'; 9152 splide.options.padding.right = (padding - 7) + 'px'; 9153 splide.refresh(); 9154 }); 9155 9156 splide.mount() 9157 }) 9158</script>
9158 9159 9160</div><div id="shopify-section-animated_slidedown_images_PQMM8H" class="shopify-section"><div id="animated-slidedown-images" class="animated-slidedown__wrap"> 9161 9162 <div class="animated-slidedown__bar animated-slidedown__bar-1"> 9163 <div class="animated-slidedown__bar-color"></div> 9164 <div class="animated-slidedown__bar-img-container"> 9165 <img class="animated-slidedown__bar-img" src="//soylent.com/cdn/shop/files/Strawberry.png?v=1716350424" alt=""> 9166 </div> 9167 </div> 9168 9169 <div class="animated-slidedown__bar animated-slidedown__bar-2"> 9170 <div class="animated-slidedown__bar-color"></div> 9171 <div class="animated-slidedown__bar-img-container"> 9172 <img class="animated-slidedown__bar-img" src="//soylent.com/cdn/shop/files/Banana.png?v=1716350424" alt=""> 9173 </div> 9174 </div> 9175 9176 <div class="animated-slidedown__bar animated-slidedown__bar-3"> 9177 <div class="animated-slidedown__bar-color"></div> 9178 <div class="animated-slidedown__bar-img-container"> 9179 <img class="animated-slidedown__bar-img" src="//soylent.com/cdn/shop/files/Chocolate_1017e0e6-3409-49ef-9eb8-342a34864a92.png?v=1716350424" alt=""> 9180 </div> 9181 </div> 9182 9183 <div class="animated-slidedown__bar animated-slidedown__bar-4"> 9184 <div class="animated-slidedown__bar-color"></div> 9185 <div class="animated-slidedown__bar-img-container"> 9186 <img class="animated-slidedown__bar-img" src="//soylent.com/cdn/shop/files/Mint.png?v=1716350424" alt=""> 9187 </div> 9188 </div> 9189 9190 <div class="animated-slidedown__bar animated-slidedown__bar-5"> 9191 <div class="animated-slidedown__bar-color"></div> 9192 <div class="animated-slidedown__bar-img-container"> 9193 <img class="animated-slidedown__bar-img" src="//soylent.com/cdn/shop/files/Vanilla.png?v=1716350424" alt=""> 9194 </div> 9195 </div> 9196 9197 <div class="animated-slidedown__content"> 9198 <div class="animated-slidedown__content-slide animated-slidedown__content-slide-1 f11"> 9199 <span class="animated-slidedown__content-slide-header hide-mobile">why are we perfect?</span> 9200 <span class="animated-slidedown__content-slide-header hide-desktop">why are we perfect?</span> 9201 </div> 9202 <div class="animated-slidedown__content-slide animated-slidedown__content-slide-2 f11"> 9203 <span class="animated-slidedown__content-slide-header hide-mobile">weâre made of the perfect</span> 9204 <span class="animated-slidedown__content-slide-header hide-desktop">weâre made of the perfect</span> 9205 </div> 9206 <div class="animated-slidedown__content-slide animated-slidedown__content-slide-3 f11"> 9207 <span class="animated-slidedown__content-slide-header hide-mobile">synergy of ingredients</span> 9208 <span class="animated-slidedown__content-slide-header hide-desktop">synergy of ingredients</span> 9209 </div> 9210 <div class="animated-slidedown__content-slide animated-slidedown__content-slide-4 f11"> 9211 <span class="animated-slidedown__content-slide-header hide-mobile">protein + slow burning carbs + vitamins+ healthy fats</span> 9212 <span class="animated-slidedown__content-slide-header hide-desktop">micros + macros</span> 9213 </div> 9214 <div class="animated-slidedown__content-slide animated-slidedown__content-slide-5 f11"> 9215 <span class="animated-slidedown__content-slide-header hide-mobile">science-backed nutrition</span> 9216 <span class="animated-slidedown__content-slide-header hide-desktop">science-backed nutrition</span> 9217 </div> 9218 <div class="animated-slidedown__content-slide animated-slidedown__content-slide-6 f11"> 9219 <div class="animated-slidedown__content-slide-top"> 9220 <img class="animated-slidedown__content-slide-top__img" src="//soylent.com/cdn/shop/files/soylent-logo.png?v=1716513886" alt=""> 9221 <div class="animated-slidedown__content-slide-top__text f11">the world's most perfect food.</div> 9222 </div> 9223 9224 <div class="animated-slidedown__content-slide-bot"> 9225 9226 <a href="/pages/about-the-company" class="cta cta-1 home-hero__cta"> 9227 LEARN MORE 9228 </a> 9229 9230 9231 <a href="/collections" class="cta cta-1 home-hero__cta home-hero__cta2"> 9232 SHOP ALL 9233 </a> 9234 9235 </div> 9236 9237 </div> 9238 </div> 9239</div> 9240 9241<style> 9242 .animated-slidedown__wrap { 9243 position: relative; 9244 height: 80vh; 9245 display: flex; 9246 flex-direction: row; 9247 overflow: hidden; 9248 } 9249 .animated-slidedown__wrap .animated-slidedown__bar {
9250 position: relative; 9251 width: 20%; 9252 height: 100%; 9253 top: -85%; 9254 z-index: 10; 9255 } 9256 .animated-slidedown__bar-img-container { 9257 aspect-ratio: 288/470; 9258 top: 0%; 9259 position: relative; 9260 } 9261 .animated-slidedown__bar-img { 9262 position: absolute; 9263 top: -85%; 9264 opacity: 0; 9265 } 9266 .animated-slidedown__wrap .animated-slidedown__bar-color { 9267 height: 100%; 9268 } 9269 9270 .animated-slidedown__wrap .animated-slidedown__bar-1 .animated-slidedown__bar-color { 9271 background-color: #f8485e; 9272 } 9273 9274 .animated-slidedown__wrap .animated-slidedown__bar-2 .animated-slidedown__bar-color { 9275 background-color: #eed484; 9276 } 9277 9278 .animated-slidedown__wrap .animated-slidedown__bar-3 .animated-slidedown__bar-color { 9279 background-color: #623b2a; 9280 } 9281 9282 .animated-slidedown__wrap .animated-slidedown__bar-4 .animated-slidedown__bar-color { 9283 background-color: #ade8bf; 9284 } 9285 9286 .animated-slidedown__wrap .animated-slidedown__bar-5 .animated-slidedown__bar-color { 9287 background-color: #5e93db; 9288 } 9289 9290 .animated-slidedown__wrap .animated-slidedown__content { 9291 position: absolute; 9292 height: 100%; 9293 width: 100%; 9294 top: 0; 9295 left: 0; 9296 } 9297 .animated-slidedown__content-slide { 9298 width: 90%; 9299 max-width: 1126px; 9300 height: auto; 9301 text-align: center; 9302 position: absolute; 9303 top: 50%; 9304 left: 50%; 9305 translate: -50% -50%; 9306 opacity: 0; 9307 scale: 0.9; 9308 } 9309 .animated-slidedown__content-slide-6 { 9310 opacity: 1; 9311 scale: 1; 9312 } 9313 .animated-slidedown__content-slide-top { 9314 scale: 0.9; 9315 opacity: 0; 9316 } 9317 .animated-slidedown__content-slide-bot { 9318 opacity: 0; 9319 } 9320 .animated-slidedown__content-slide-top__img { 9321 max-height: 76px; 9322 width: auto; 9323 margin-bottom: 32px; 9324 } 9325 .animated-slidedown__content-slide-top__text { 9326 margin-bottom: 72px; 9327 } 9328 .animated-slidedown__content-slide-bot { 9329 display: flex; 9330 flex-direction: row; 9331 gap: 24px; 9332 justify-content: center; 9333 } 9334 .animated-slidedown__content-slide-bot .cta { 9335 width: fit-content; 9336 min-width: 158px; 9337 text-align: center; 9338 } 9339 .animated-slidedown__content-slide-bot .home-hero__cta { 9340 margin: 0; 9341 } 9342 .animated-slidedown__content-slide-header.hide-mobile { 9343 display: none; 9344 } 9345 .animated-slidedown__content-slide-header.hide-desktop { 9346 display: block; 9347 } 9348 @media screen and (min-width: 480px) { 9349 .animated-slidedown__content-slide-top__img { 9350 max-height: 164px; 9351 margin-bottom: 48px; 9352 } 9353 } 9354 @media screen and (min-width: 768px) { 9355 .animated-slidedown__wrap { 9356 height: 90vh; 9357 } 9358 .animated-slidedown__content-slide { 9359 width: 80%; 9360 } 9361 .animated-slidedown__content-slide-top__img { 9362 max-height: 200px; 9363 margin-bottom: 72px; 9364 } 9365 .animated-slidedown__content-slide-header.hide-mobile { 9366 display: block; 9367 } 9368 .animated-slidedown__content-slide-header.hide-desktop { 9369 display: none; 9370 } 9371 } 9372</style> 9373
9374<script> 9375(function(){ 9376 window.addEventListener('DOMContentLoaded', (event) => { 9377 onSectionRender() 9378 }) 9379 9380 function onSectionRender() { 9381 let hasIntersected = false 9382 const wrapper = document.querySelector('.animated-slidedown__wrap') 9383 9384 const options = { 9385 root: null, // Use the viewport as the root 9386 rootMargin: "0px", // No margin 9387 threshold: 0.35 // Trigger when 50% of the element is visible 9388 }; 9389 9390 const observer = new IntersectionObserver(scrolledToSection, options); 9391 9392 // Start observing the target element 9393 observer.observe(wrapper); 9394 9395 function scrolledToSection(entries, observer) { 9396 entries.forEach(entry => { 9397 if (entry.isIntersecting) { 9398 hasIntersected = true 9399 animateSection() 9400 } 9401 else { 9402 if (hasIntersected) resetSection() 9403 } 9404 }); 9405 } 9406 } 9407 9408 function transitionStyles(elem, styleProps, transitionProps) { 9409 return new Promise((resolve, reject) => { 9410 function handleTransitionsEnd() { 9411 transitionEventsHandled++; 9412 if(transitionEventsHandled == transitionEvents){ 9413 elem.removeEventListener("transitionend", handleTransitionsEnd); 9414 resolve(elem); 9415 } 9416 } 9417 9418 const transitionEvents = transitionProps.length 9419 let transitionEventsHandled = 0 9420 9421 elem.addEventListener("transitionend", handleTransitionsEnd) 9422 9423 // Create transition string for style properties 9424 let transitionString = '' 9425 let delayString = '' 9426 9427 transitionProps.forEach((transition, index) => { 9428 const currProp = transition.transitionProp 9429 const currDuration = transition.transitionDuration 9430 const currDelay = transition.transitionDelay 9431 9432 if(index === transitionProps.length - 1) { 9433 transitionString += `${currProp} ${currDuration}ms ease-in`; 9434 delayString += `${currDelay}ms`; 9435 } 9436 else { 9437 transitionString += `${currProp} ${currDuration}ms ease-in, `; 9438 delayString += `${currDelay}ms, `; 9439 } 9440 }) 9441 elem.style.transition = transitionString; 9442 elem.style.transitionDelay = delayString; 9443 9444 // Apply all the style properties to this element 9445 Object.entries(styleProps).forEach(([prop, value]) => { 9446 elem.style.setProperty(prop, value); 9447 }); 9448 9449 }); 9450 } 9451 9452 async function animateSection() { 9453 const bars = document.querySelectorAll('.animated-slidedown__bar') 9454 const bottleImages = document.querySelectorAll('.animated-slidedown__bar-img') 9455 9456 const slide1 = document.querySelector(".animated-slidedown__content-slide-1") 9457 const slide2 = document.querySelector(".animated-slidedown__content-slide-2") 9458 const slide3 = document.querySelector(".animated-slidedown__content-slide-3") 9459 const slide4 = document.querySelector(".animated-slidedown__content-slide-4") 9460 const slide5 = document.querySelector(".animated-slidedown__content-slide-5") 9461 9462 const slide6 = document.querySelector(".animated-slidedown__content-slide-6") 9463 const slide6top = document.querySelector('.animated-slidedown__content-slide-top') 9464 const slide6bot = document.querySelector('.animated-slidedown__content-slide-bot') 9465 9466 // slide 1 tranlsates up 9467 await transitionStyles(slide1, { scale: '1', opacity: 1}, [{ transitionDuration: 2250, transitionDelay: 0, transitionProp: 'scale' }, { transitionDuration: 350, transitionDelay: 0, transitionProp: 'opacity' }]) 9468 9469 // slide bars down and translates slide 1 up 9470 let parallelAnime = [] 9471 parallelAnime.push(transitionStyles(slide1, { top: '15%', opacity: 0 }, [ { transitionDuration: 150, transitionDelay: 300, transitionProp: 'top' }, { transitionDuration: 150, transitionDelay: 300, transitionProp: 'opacity' } ])) 9472 parallelAnime.push(transitionStyles(bars[0], { top: '85%' }, [ { transitionDuration: 650, transitionDelay: 150, transitionProp: 'top' } ])) 9473 parallelAnime.push(transitionStyles(bars[1], { top: '85%' }, [ { transitionDuration: 650, transitionDelay: 250, transitionProp: 'top' } ])) 9474 parallelAnime.push(transitionStyles(bars[2], { top: '85%' }, [ { transitionDuration: 650, transitionDelay: 350, transitionProp: 'top' } ])) 9475 parallelAnime.push(transitionStyles(bars[3], { top: '85%' }, [ { transitionDuration: 650, transitionDelay: 250, transitionProp: 'top' } ])) 9476 parallelAnime.push(transitionStyles(bars[4], { top: '85%' }, [ { transitionDuration: 650, transitionDelay: 150, transitionProp: 'top' } ])) 9477 9478 await Promise.all(parallelAnime) 9479 9480 // slide 2 translates up, zooms in, fades out 9481 await transitionStyles(slide2, { top: '65%'}, [{ transitionDuration: 1, transitionDelay: 0, transitionProp: 'top' }]) 9482 await transitionStyles(slide2, { top: '50%', scale: '1', opacity: 1}, [{ transitionDuration: 2000, transitionDelay: 0, transitionProp: 'scale' }, { transitionDuration: 150, transitionDelay: 0, transitionProp: 'opacity' }, { transitionDuration: 150, transitionDelay: 0, transitionProp: 'top' }]) 9483 await transitionStyles(slide2, { opacity: 0 }, [{ transitionDuration: 350, transitionDelay: 0, transitionProp: 'opacity' }]) 9484 9485 // slide 3 zooms in, fades out 9486 await transitionStyles(slide3, { scale: '1', opacity: 1}, [{ transitionDuration: 2000, transitionDelay: 0, transitionProp: 'scale' }, { transitionDuration: 150, transitionDelay: 0, transitionProp: 'opacity' }]) 9487 await transitionStyles(slide3, { opacity: 0 }, [{ transitionDuration: 350, transitionDelay: 0, transitionProp: 'opacity' }]) 9488 9489 // slide 4 zooms in, fades out 9490 await transitionStyles(slide4, { scale: '1', opacity: 1}, [{ transitionDuration: 2000, transitionDelay: 0, transitionProp: 'scale' }, { transitionDuration: 150, transitionDelay: 0, transitionProp: 'opacity' }]) 9491 await transitionStyles(slide5, { top: '15%' }, [{ transitionDuration: 1, transitionDelay: 0, transitionProp: 'top' }]) 9492 9493 // slide bars up and translates slide 4 down 9494 parallelAnime.length = 0 9495 parallelAnime.push(transitionStyles(slide4, { top: '65%', opacity: 0 }, [{ transitionDuration: 150, transitionDelay: 250, transitionProp: 'top' }, { transitionDuration: 150, transitionDelay: 250, transitionProp: 'opacity' }])) 9496 parallelAnime.push(transitionStyles(bars[0], { top: '-85%' }, [ { transitionDuration: 650, transitionDelay: 150, transitionProp: 'top' } ])) 9497 parallelAnime.push(transitionStyles(bars[1], { top: '-85%' }, [ { transitionDuration: 650, transitionDelay: 250, transitionProp: 'top' } ])) 9498 parallelAnime.push(transitionStyles(bars[2], { top: '-85%' }, [ { transitionDuration: 650, transitionDelay: 350, transitionProp: 'top' } ])) 9499 parallelAnime.push(transitionStyles(bars[3], { top: '-85%' }, [ { transitionDuration: 650, transitionDelay: 250, transitionProp: 'top' } ])) 9500 parallelAnime.push(transitionStyles(bars[4], { top: '-85%' }, [ { transitionDuration: 650, transitionDelay: 150, transitionProp: 'top' } ])) 9501 parallelAnime.push(transitionStyles(slide5, { top: '50%', scale: '1', opacity: 1 }, [{ transitionDuration: 150, transitionDelay: 900, transitionProp: 'top' }, { transitionDuration: 1750, transitionDelay: 1000, transitionProp: 'scale' }, { transitionDuration: 350, transitionDelay: 900, transitionProp: 'opacity' }])) 9502 9503 await Promise.all(parallelAnime) 9504 9505 // slide 5 translates down, zooms in, tranlates up 9506 // slide bars and bottles down, pause, slide down out of view 9507 parallelAnime.length = 0 9508 parallelAnime.push(transitionStyles(slide5, { top: '15%', opacity: 0 }, [ { transitionDuration: 150, transitionDelay: 300, transitionProp: 'top' }, { transitionDuration: 150, transitionDelay: 300, transitionProp: 'opacity' } ])) 9509 parallelAnime.push(transitionStyles(bars[0], { top: '-50%' }, [{ transitionDuration: 500, transitionDelay: 150, transitionProp: 'top' }])) 9510 parallelAnime.push(transitionStyles(bars[1], { top: '-50%' }, [{ transitionDuration: 500, transitionDelay: 250, transitionProp: 'top' }])) 9511 parallelAnime.push(transitionStyles(bars[2], { top: '-50%' }, [{ transitionDuration: 500, transitionDelay: 350, transitionProp: 'top' }])) 9512 parallelAnime.push(transitionStyles(bars[3], { top: '-50%' }, [{ transitionDuration: 500, transitionDelay: 450, transitionProp: 'top' }])) 9513 parallelAnime.push(transitionStyles(bars[4], { top: '-50%' }, [{ transitionDuration: 500, transitionDelay: 550, transitionProp: 'top' }])) 9514 parallelAnime.push(transitionStyles(bottleImages[0], { top: '-49%', opacity: '1' }, [{ transitionDuration: 250, transitionDelay: 400, transitionProp: 'top' }, { transitionDuration: 250, transitionDelay: 400, transitionProp: 'opacity' }])) 9515 parallelAnime.push(transitionStyles(bottleImages[1], { top: '-49%', opacity: '1' }, [{ transitionDuration: 250, transitionDelay: 500, transitionProp: 'top' }, { transitionDuration: 250, transitionDelay: 500, transitionProp: 'opacity' }])) 9516 parallelAnime.push(transitionStyles(bottleImages[2], { top: '-49%', opacity: '1' }, [{ transitionDuration: 250, transitionDelay: 600, transitionProp: 'top' }, { transitionDuration: 250, transitionDelay: 600, transitionProp: 'opacity' }])) 9517 parallelAnime.push(transitionStyles(bottleImages[3], { top: '-49%', opacity: '1' }, [{ transitionDuration: 250, transitionDelay: 700, transitionProp: 'top' }, { transitionDuration: 250, transitionDelay: 700, transitionProp: 'opacity' }])) 9518 parallelAnime.push(transitionStyles(bottleImages[4], { top: '-49%', opacity: '1' }, [{ transitionDuration: 250, transitionDelay: 800, transitionProp: 'top' }, { transitionDuration: 250, transitionDelay: 800, transitionProp: 'opacity' }])) 9519 9520 await Promise.all(parallelAnime) 9521 9522 parallelAnime.length = 0 9523 parallelAnime.push(transitionStyles(bars[0], { top: '100%' }, [{ transitionDuration: 750, transitionDelay: 1250, transitionProp: 'top' }])) 9524 parallelAnime.push(transitionStyles(bars[1], { top: '100%' }, [{ transitionDuration: 750, transitionDelay: 1150, transitionProp: 'top' }])) 9525 parallelAnime.push(transitionStyles(bars[2], { top: '100%' }, [{ transitionDuration: 750, transitionDelay: 1050, transitionProp: 'top' }])) 9526 parallelAnime.push(transitionStyles(bars[3], { top: '100%' }, [{ transitionDuration: 750, transitionDelay: 1150, transitionProp: 'top' }])) 9527 parallelAnime.push(transitionStyles(bars[4], { top: '100%' }, [{ transitionDuration: 750, transitionDelay: 1250, transitionProp: 'top' }])) 9528 9529 await Promise.all(parallelAnime) 9530 9531 await transitionStyles(slide6top, { scale: '1', opacity: 1 }, [{ transitionDuration: 2000, transitionDelay: 0, transitionProp: 'scale' }, { transitionDuration: 150, transitionDelay: 0, transitionProp: 'opacity' }]) 9532 await transitionStyles(slide6bot, { opacity: 1 }, [{ transitionDuration: 1000, transitionDelay: 0, transitionProp: 'opacity' }]) 9533 } 9534 9535 async function resetSection() { 9536 let section = document.querySelector('#shopify-section-animated_slidedown_images_PQMM8H') 9537 await fetch(window.Shopify.routes.root + '?section_id=animated_slidedown_images_PQMM8H') 9538 .then(response => response.text()).then((responseText) => { 9539 const newHtml = new DOMParser().parseFromString(responseText, 'text/html').getElementById('shopify-section-animated_slidedown_images_PQMM8H').innerHTML; 9540 section.innerHTML = newHtml; 9541 }) 9542 onSectionRender() 9543 } 9544})(); 9545</script>
9545 9546 9547</div><div id="shopify-section-periodic_table_erff9P" class="shopify-section"> 9548 9549 9550 <style> 9551 [id="shopify-section-periodic_table_erff9P"] { 9552 padding-top: 32px; 9553 padding-bottom: 32px; 9554 background-color: #000000; 9555 } 9556 9557 .periodic-table .title { 9558 color: #fff; 9559 line-height: 1; 9560 text-transform: lowercase; 9561 font-size: 25px; 9562 text-align: center; 9563 } 9564 9565 .periodic-table .grid { 9566 margin: 32px auto 0 auto; 9567 display: grid; 9568 grid-template-columns: repeat(2, 1fr); 9569 border: 1px solid #fff; 9570 max-width: 380px; 9571 } 9572 9573 .periodic-table .grid__item { 9574 aspect-ratio: 1 / 1; 9575 display: flex; 9576 flex-direction: column; 9577 align-items: center; 9578 justify-content: center; 9579 } 9580 9581 .periodic-table .grid__item:first-of-type { 9582 border-right: 1px solid #fff; 9583 border-bottom: 1px solid #fff; 9584 } 9585 9586 .periodic-table .grid__item:last-of-type { 9587 border-top: 1px solid #fff; 9588 border-left: 1px solid #fff; 9589 } 9590 9591 .periodic-table .grid__item h3 { 9592 color: #fff; 9593 margin: 0; 9594 font-size: 96px; 9595 line-height: .75; 9596 } 9597 9598 .periodic-table .grid__item p { 9599 color: #fff; 9600 margin: 10px 0 0; 9601 font-size: 13px; 9602 line-height: 1; 9603 } 9604 9605 @media screen and (min-width: 768px) { 9606 [id="shopify-section-periodic_table_erff9P"] { 9607 padding-top: 64px; 9608 padding-bottom: 64px; 9609 background-color: #000000; 9610 } 9611 9612 .periodic-table .title { 9613 font-size: 40px; 9614 } 9615 9616 .periodic-table .grid { 9617 margin: 72px auto 0 auto; 9618 max-width: 1024px; 9619 grid-template-columns: repeat(4, 1fr); 9620 } 9621 9622 .periodic-table .grid__item:first-of-type { 9623 border-bottom: none; 9624 } 9625 9626 .periodic-table .grid__item:last-of-type { 9627 border-top: none; 9628 border-left: none; 9629 } 9630 9631 .periodic-table .grid__item:not(:last-of-type) { 9632 border-right: 1px solid #fff; 9633 } 9634 9635 .periodic-table .grid__item h3 { 9636 font-size: 120px; 9637 } 9638 9639 .periodic-table .grid__item p { 9640 margin-top: 12px; 9641 font-size: 16px; 9642 } 9643 } 9644 9645 @media screen and (min-width: 1024px) { 9646 .periodic-table .grid__item h3 { 9647 font-size: 160px; 9648 } 9649 9650 .periodic-table .grid__item p { 9651 font-size: 22px; 9652 } 9653 } 9654 </style> 9655 9656 <section class="periodic-table container"> 9657 9658 <h2 class="title">technically, delicious.</h2> 9659 9660 <div class="grid"> 9661 9662 <div class="grid__item"> 9663 <h3>28</h3> 9664 <p>vitamins & minerals</p> 9665 </div> 9666 9667 <div class="grid__item"> 9668 <h3>12</h3> 9669 <p>brain boosters</p> 9670 </div> 9671 9672 <div class="grid__item"> 9673 <h3>9</h3> 9674 <p>essential amino acids</p> 9675 </div> 9676 9677 <div class="grid__item"> 9678 <h3>0</h3> 9679 <p>gluten, dairy, eggs</p> 9680 </div> 9681 9682 </div> 9683 </section> 9684 9685 9686 9687</div><div id="shopify-section-scientific_approach_module_WgBHQ9" class="shopify-section index-section">
9687<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js"></script>
9687 9688<link href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css" rel="stylesheet"> 9689 9690<div class="scientific-approach"> 9691 9692 <h2 class="scientific-approach__header">the science behind Soylentâs ingredients</h2> 9693 9694 <div class="scientific-approach__swipe-to-view"> 9695 swipe to view 9696 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 9697 <path d="M7.87541 0.835815C9.96539 2.91478 12.0289 4.96512 14 6.92517C11.9276 8.98431 9.85087 11.0479 7.71905 13.1643C7.54287 12.9793 7.18389 12.5961 6.70159 12.0829C8.06261 10.777 9.44345 9.4512 10.9961 7.96025H0V6.25567H10.897C9.39059 4.81537 8.01196 3.49839 6.5166 2.0669C7.10901 1.52954 7.50102 1.17497 7.87541 0.835815Z" fill="#505050"/> 9698 </svg> 9699 </div> 9700 <div class="scientific-approach__design-blocks-container"> 9701 <div class="scientific-approach__design-modals-overlay"></div> 9702 <div class="scientific-approach__design-modals"> 9703 <div class="scientific-approach__design-modals-splide splide"> 9704 <div class="scientific-approach__design-modals-splide-track splide__track"> 9705 <div class="splide__list"> 9706 9707 <div class="scientific-approach__design-modal scientific-approach__design-modal-1 splide__slide"> 9708 <div class="scientific-approach__design-modal__header"> 9709 9710 <h3 class="scientific-approach__design-modal__title">soy protein</h3> 9711 9712 <svg class="scientific-approach__design-modal__close" width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg"> 9713 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.4855 14.0713L8.41421 7L7 8.41421L14.0713 15.4855L7.00015 22.5566L8.41436 23.9709L15.4855 16.8997L22.5563 23.9706L23.9706 22.5563L16.8997 15.4855L23.9707 8.41451L22.5565 7.00029L15.4855 14.0713Z" fill="#212322"/> 9714 </svg> 9715 </div> 9716 9717 <div class="scientific-approach__design-modal__subtitle"><p>it's got all the amino acids you need, is easy on digestion, and boasts a variety of awesome health benefits. plus, it's delicious and good for the planet.</p></div> 9718 9719 9720 <div class="scientific-approach__design-modal__divider"></div> 9721 9722 9723 <div class="scientific-approach__design-modal__text-truncated"><p>research indicates that soy protein, as a complete protein source, supports healthy cholesterol levels, potentiall...</div> 9724 <div class="scientific-approach__design-modal__text"><p>research indicates that soy protein, as a complete protein source, supports healthy cholesterol levels, potentially benefiting heart health. additionally, studies suggest soy may offer benefits for menopausal symptoms, bone health, and muscle building. it's important to note that while research shows promise, further studies are always underway to expand our understanding of soy protein's full potential.</p></div> 9725 9726 </div> 9727 9728 <div class="scientific-approach__design-modal scientific-approach__design-modal-2 splide__slide"> 9729 <div class="scientific-approach__design-modal__header"> 9730 9731 <h3 class="scientific-approach__design-modal__title">allulose</h3> 9732 9733 <svg class="scientific-approach__design-modal__close" width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg"> 9734 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.4855 14.0713L8.41421 7L7 8.41421L14.0713 15.4855L7.00015 22.5566L8.41436 23.9709L15.4855 16.8997L22.5563 23.9706L23.9706 22.5563L16.8997 15.4855L23.9707 8.41451L22.5565 7.00029L15.4855 14.0713Z" fill="#212322"/> 9735 </svg> 9736 </div> 9737 9738 <div class="scientific-approach__design-modal__subtitle"><p>a sugar substitute with a fraction of the calories. plus, it can help lower the glycemic index of other carbs when you eat them together. </p></div> 9739 9740 9741 <div class="scientific-approach__design-modal__divider"></div> 9742 9743 9744 <div class="scientific-approach__design-modal__text-truncated"><p>allulose isn't just another sugar substitute â it's a game-changer! scientific research shows that this unique car...</div> 9745 <div class="scientific-approach__design-modal__text"><p>allulose isn't just another sugar substitute â it's a game-changer! scientific research shows that this unique carbohydrate has the ability to lower the glycemic index of other carbohydrates when you eat them together. this means that when you add allulose to your favorite foods, it can help manage blood sugar spikes and support overall blood sugar health. it's a delicious way to enjoy a little sweetness without sacrificing your health goals.</p></div> 9746 9747 </div> 9748 9749 <div class="scientific-approach__design-modal scientific-approach__design-modal-3 splide__slide"> 9750 <div class="scientific-approach__design-modal__header"> 9751 9752 <h3 class="scientific-approach__design-modal__title">canola oil</h3> 9753 9754 <svg class="scientific-approach__design-modal__close" width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg"> 9755 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.4855 14.0713L8.41421 7L7 8.41421L14.0713 15.4855L7.00015 22.5566L8.41436 23.9709L15.4855 16.8997L22.5563 23.9706L23.9706 22.5563L16.8997 15.4855L23.9707 8.41451L22.5565 7.00029L15.4855 14.0713Z" fill="#212322"/> 9756 </svg> 9757 </div> 9758 9759 <div class="scientific-approach__design-modal__subtitle"><p>canola oil gets a bad rap, but guess what? it's actually packed with good fats that are awesome for your heart and can help lower cholesterol.</p></div> 9760 9761 9762 <div class="scientific-approach__design-modal__divider"></div> 9763 9764 9765 <div class="scientific-approach__design-modal__text-truncated"><p>contrary to popular myths, research paints a positive picture of canola oil's impact on health. studies show that ...</div> 9766 <div class="scientific-approach__design-modal__text"><p>contrary to popular myths, research paints a positive picture of canola oil's impact on health. studies show that its high content of healthy unsaturated fats can help lower "bad" LDL cholesterol, potentially reducing the risk of heart disease. additionally, some research suggests canola oil might have benef
9766icial effects on insulin sensitivity and even offer some protection against inflammation. while more long-term studies are beneficial, the current evidence points to canola oil as a heart-healthy choice for your kitchen.</p></div> 9767 9768 </div> 9769 9770 <div class="scientific-approach__design-modal scientific-approach__design-modal-4 splide__slide"> 9771 <div class="scientific-approach__design-modal__header"> 9772 9773 <h3 class="scientific-approach__design-modal__title">sucralose</h3> 9774 9775 <svg class="scientific-approach__design-modal__close" width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg"> 9776 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.4855 14.0713L8.41421 7L7 8.41421L14.0713 15.4855L7.00015 22.5566L8.41436 23.9709L15.4855 16.8997L22.5563 23.9706L23.9706 22.5563L16.8997 15.4855L23.9707 8.41451L22.5565 7.00029L15.4855 14.0713Z" fill="#212322"/> 9777 </svg> 9778 </div> 9779 9780 <div class="scientific-approach__design-modal__subtitle"><p>a popular sugar substitute, where the science says it won't mess with your blood sugar or give you any weird side effects. </p></div> 9781 9782 9783 <div class="scientific-approach__design-modal__divider"></div> 9784 9785 9786 <div class="scientific-approach__design-modal__text-truncated"><p>extensive research and numerous, rigorous studies, confirm sucralose's safety for human consumption. regulatory bo...</div> 9787 <div class="scientific-approach__design-modal__text"><p>extensive research and numerous, rigorous studies, confirm sucralose's safety for human consumption. regulatory bodies worldwide have thoroughly evaluated this data. sucralose offers significant benefits for those aiming to reduce sugar intake. it's calorie-free, won't raise blood sugar levels, and is a smart choice for people managing diabetes or weight. while some raise concerns, the overwhelming scientific consensus supports sucralose as a safe and beneficial sugar alternative.</p></div> 9788 9789 </div> 9790 9791 <div class="scientific-approach__design-modal scientific-approach__design-modal-5 splide__slide"> 9792 <div class="scientific-approach__design-modal__header"> 9793 9794 <h3 class="scientific-approach__design-modal__title">vitamins + minerals</h3> 9795 9796 <svg class="scientific-approach__design-modal__close" width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg"> 9797 <path fill-rule="evenodd" clip-rule="evenodd" d="M15.4855 14.0713L8.41421 7L7 8.41421L14.0713 15.4855L7.00015 22.5566L8.41436 23.9709L15.4855 16.8997L22.5563 23.9706L23.9706 22.5563L16.8997 15.4855L23.9707 8.41451L22.5565 7.00029L15.4855 14.0713Z" fill="#212322"/> 9798 </svg> 9799 </div> 9800 9801 <div class="scientific-approach__design-modal__subtitle"><p>all Soylent products contain 28 vitamins & minerals you need daily for maximum health.</p></div> 9802 9803 9804 <div class="scientific-approach__design-modal__divider"></div> 9805 9806 9807 <div class="scientific-approach__design-modal__text-truncated"><p>Soylent products don't just have protein, fats, and carbs, it also makes sure they work their hardest through a va...</div> 9808 <div class="scientific-approach__design-modal__text"><p>Soylent products don't just have protein, fats, and carbs, it also makes sure they work their hardest through a variety of key micronutrients. this combination ensures your body gets the most out of every delicious sip.</p></div> 9809 9810 </div> 9811 9812 </div> 9813 </div> 9814 <div class="splide__arrows splide__arrows--ltr"> 9815 <button 9816 class="splide__arrow splide__arrow--prev" 9817 type="button" 9818 aria-label="Previous slide" 9819 >
9820 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 9821 <path d="M9.00047 0.955078C11.389 3.33104 13.7474 5.67429 16 7.91434C13.6316 10.2676 11.2581 12.626 8.82177 15.0447C8.62042 14.8333 8.21016 14.3954 7.65896 13.8089C9.21441 12.3164 10.7925 10.8012 12.5669 9.09728H0V7.1492H12.4537C10.7321 5.50314 9.15652 3.99802 7.44754 2.36203C8.12459 1.74791 8.5726 1.34268 9.00047 0.955078Z" fill="black"/> 9822 </svg> 9823 </button> 9824 <button 9825 class="splide__arrow splide__arrow--next" 9826 type="button" 9827 aria-label="Next slide" 9828 > 9829 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 9830 <path d="M9.00047 0.955078C11.389 3.33104 13.7474 5.67429 16 7.91434C13.6316 10.2676 11.2581 12.626 8.82177 15.0447C8.62042 14.8333 8.21016 14.3954 7.65896 13.8089C9.21441 12.3164 10.7925 10.8012 12.5669 9.09728H0V7.1492H12.4537C10.7321 5.50314 9.15652 3.99802 7.44754 2.36203C8.12459 1.74791 8.5726 1.34268 9.00047 0.955078Z" fill="black"/> 9831 </svg> 9832 </button> 9833 </div> 9834 </div> 9835 </div> 9836 9837 <div class="scientific-approach__design-blocks-wrapper__margin"></div> 9838 <div class="scientific-approach__design-blocks-wrapper"> 9839 <div class="scientific-approach__design-blocks"> 9840 <svg class="scientific-approach__design-curve" xmlns="http://www.w3.org/2000/svg" width="634" height="136" viewBox="0 0 634 136" fill="none"> 9841 <path d="M357.799 135.033C355.272 135.033 353.76 134.902 353.748 134.902C352.936 134.89 352.111 134.867 351.299 134.831L351.323 134.237C352.129 134.273 352.948 134.297 353.778 134.309C353.814 134.309 355.296 134.439 357.799 134.439H358.444V135.033H357.793H357.799ZM633.071 134.867C630.652 134.789 628.25 134.641 625.938 134.415L625.997 133.822C628.298 134.041 630.681 134.196 633.089 134.267L633.071 134.861V134.867ZM365.596 134.593L365.53 134.006C367.86 133.745 370.214 133.353 372.538 132.848L372.664 133.43C370.322 133.941 367.944 134.332 365.596 134.593ZM344.171 134.291C341.757 134.024 339.379 133.662 337.103 133.222L337.217 132.641C339.475 133.08 341.841 133.436 344.237 133.703L344.171 134.291ZM618.858 133.478C616.468 133.068 614.114 132.563 611.868 131.982L612.017 131.406C614.251 131.982 616.587 132.48 618.959 132.89L618.858 133.478ZM73.8397 133.383L73.8158 132.789C76.2056 132.7 78.5955 132.522 80.9076 132.249L80.9793 132.837C78.6492 133.11 76.2474 133.294 73.8397 133.383ZM66.6762 133.371C64.3282 133.282 61.9264 133.11 59.5366 132.854L59.6023 132.267C61.9802 132.522 64.37 132.694 66.7001 132.777L66.6762 133.371ZM52.4507 131.863C50.0729 131.448 47.7129 130.961 45.4426 130.403L45.586 129.827C47.8443 130.379 50.1864 130.866 52.5523 131.281L52.4507 131.863ZM88.0472 131.691L87.9218 131.109C90.2638 130.623 92.5759 130.023 94.7985 129.329L94.9777 129.892C92.7373 130.587 90.4072 131.192 88.0472 131.685V131.691ZM379.576 131.56L379.391 130.996C381.626 130.272 383.86 129.424 386.029 128.48L386.268 129.026C384.081 129.981 381.829 130.83 379.576 131.56ZM330.149 131.549C327.825 130.872 325.554 130.082 323.391 129.204L323.618 128.652C325.757 129.524 328.01 130.302 330.316 130.979L330.149 131.549ZM605.033 129.881C602.762 129.061 600.546 128.124 598.443 127.109L598.706 126.574C600.791 127.583 602.989 128.509 605.236 129.323L605.033 129.881ZM38.5718 128.278C36.409 127.204 34.3119 126.034 32.3284 124.8L32.645 124.295C34.6107 125.518 36.6958 126.675 38.8407 127.744L38.5718 128.272V128.278ZM101.693 127.423L101.454 126.877C103.629 125.945 105.768 124.883 107.811 123.731L108.104 124.248C106.043 125.411 103.886 126.479 101.693 127.423ZM316.939 126.141C314.836 124.996 312.805 123.713 310.887 122.336L311.239 121.856C313.133 123.215 315.152 124.479 317.232 125.619L316.945 126.141H316.939ZM392.685 125.85L392.392 125.334C394.453 124.188 396.478 122.93 398.414 121.589L398.755 122.075C396.801 123.423 394.758 124.693 392.679 125.85H392.685ZM592.193 123.636C590.174 122.36 588.226 120.953 586.392 119.464L586.768 119.007C588.579 120.484 590.508 121.873 592.51 123.138L592.187 123.636H592.193ZM26.4554 120.734C24.5615 119.274 22.7452 117.701 21.0484 116.068L21.4666 115.641C23.1455 117.261 24.9498 118.817 26.8258 120.265L26.4614 120.734H26.4554ZM114.132 120.39L113.78 119.909C115.68 118.538 117.532 117.036 119.282 115.451L119.683 115.89C117.914 11
98417.493 116.05 119.007 114.132 120.39ZM305.348 117.819C303.616 116.217 301.961 114.478 300.419 112.649L300.879 112.27C302.403 114.074 304.04 115.795 305.755 117.386L305.348 117.819ZM404.43 117.73L404.042 117.279C405.846 115.748 407.585 114.116 409.204 112.43L409.634 112.839C407.997 114.543 406.247 116.187 404.425 117.73H404.43ZM581.14 114.626C579.503 112.928 577.95 111.1 576.51 109.195L576.988 108.839C578.41 110.726 579.951 112.531 581.57 114.216L581.14 114.626ZM16.1911 110.839C14.6855 109.023 13.2576 107.088 11.9551 105.099L12.457 104.779C13.7475 106.749 15.1635 108.661 16.6571 110.465L16.1971 110.839H16.1911ZM124.707 110.821L124.259 110.43C125.669 108.851 127.037 107.171 128.322 105.432C128.447 105.266 128.573 105.093 128.692 104.921L129.182 105.266C129.057 105.444 128.931 105.616 128.806 105.788C127.509 107.539 126.129 109.231 124.707 110.827V110.821ZM414.312 107.438L413.84 107.076C415.292 105.206 416.648 103.247 417.867 101.265L418.375 101.574C417.144 103.58 415.782 105.55 414.312 107.438ZM296.159 106.933C294.875 104.987 293.668 102.915 292.563 100.778L293.094 100.505C294.188 102.624 295.383 104.678 296.655 106.607L296.153 106.933H296.159ZM572.549 103.265C571.36 101.259 570.255 99.1281 569.263 96.9438L569.807 96.7004C570.792 98.8669 571.892 100.98 573.069 102.968L572.555 103.271L572.549 103.265ZM132.803 99.1043L132.265 98.8432C133.227 96.8844 134.165 94.6942 135.037 92.3377L135.599 92.5455C134.715 94.9197 133.777 97.1218 132.803 99.1043ZM8.37635 98.9322C7.31287 96.8488 6.33304 94.6586 5.4727 92.4268L6.02834 92.2131C6.88868 94.4271 7.85656 96.5995 8.90808 98.6651L8.37635 98.9322ZM421.745 95.2937L421.201 95.0444C422.193 92.9075 423.059 90.6995 423.782 88.4796L424.35 88.6636C423.621 90.9013 422.749 93.1331 421.745 95.2937ZM289.617 94.2905C288.763 92.1359 287.974 89.8685 287.281 87.5655L287.855 87.3933C288.542 89.6845 289.324 91.9341 290.173 94.0709L289.617 94.2905ZM566.628 90.3255C565.869 88.1175 565.2 85.8204 564.627 83.4936L565.206 83.3512C565.774 85.6601 566.443 87.9454 567.196 90.1356L566.628 90.3255ZM137.833 85.7907L137.26 85.6245C137.899 83.4699 138.508 81.1669 139.082 78.7807L139.662 78.9173C139.088 81.3152 138.473 83.6242 137.833 85.7907ZM3.22029 85.672C2.58699 83.4343 2.03733 81.1016 1.58924 78.7451L2.17474 78.6323C2.62284 80.9769 3.16652 83.2859 3.79385 85.5117L3.22029 85.672ZM426.124 81.7664L425.539 81.6536C425.909 79.7126 426.184 77.7242 426.351 75.7476L426.447 74.6555L427.044 74.7089L426.949 75.801C426.781 77.7954 426.507 79.8017 426.13 81.7664H426.124ZM285.501 80.6683C285.005 78.4009 284.581 76.0444 284.234 73.6642L284.826 73.5811C285.172 75.9435 285.59 78.2881 286.086 80.5436L285.501 80.6683ZM563.217 76.5133C562.846 74.1984 562.559 71.8182 562.368 69.4499L562.966 69.4024C563.157 71.7589 563.444 74.1213 563.808 76.4243L563.217 76.5193V76.5133ZM141.167 71.9666L140.582 71.8539C141.024 69.5983 141.442 67.2478 141.818 64.8736L142.41 64.9685C142.033 67.3487 141.615 69.7052 141.173 71.9666H141.167ZM0.537711 71.7055C0.280805 69.3846 0.107542 66.9985 0.0179237 64.6124L0.615381 64.5886C0.704999 66.9629 0.878262 69.3371 1.12919 71.6402L0.537711 71.7055ZM427.785 67.6692L427.194 67.598C427.51 65.1228 427.863 62.8258 428.275 60.5702L428.861 60.6771C428.448 62.9207 428.096 65.2059 427.785 67.6692ZM283.428 66.6068C283.177 64.2741 282.812 61.9235 282.346 59.6324L282.932 59.5137C283.404 61.8286 283.768 64.191 284.025 66.5415L283.434 66.6068H283.428ZM562.016 62.3568C561.896 60.0004 561.657 57.638 561.311 55.335L561.902 55.246C562.255 57.5609 562.494 59.947 562.613 62.3212L562.016 62.3509V62.3568ZM143.402 57.9289L142.81 57.8576C142.924 56.9554 143.025 56.1007 143.115 55.2994C143.282 53.8036 143.503 52.29 143.778 50.812L144.364 50.9189C144.095 52.385 143.874 53.8808 143.706 55.3706C143.617 56.1719 143.515 57.0266 143.402 57.9348V57.9289ZM0.597457 57.5134L0 57.4956C0.0716948 55.1332 0.227034 52.7471 0.454067 50.4025L1.05152 50.4618C0.82449 52.7945 0.669152 55.1688 0.597457 57.5193V57.5134ZM430.366 53.762L429.787 53.6137C430.384 51.2631 431.065 48.972 431.818 46.7936L432.386 46.9836C431.645 49.1441 430.964 51.4234 430.372 53.762H430.366ZM280.602 52.7886C279.915 50.5449 279.114 48.3072 278.218 46.1407L278.773 45.9151C279.676 48.0995 280.488 50.355 281.175 52.6165L280.602 52.7886ZM559.895 48.42C559.303 46.1348 558.586 43.8733 557.768 41.689L558.329 41.4812C559.16 43.6833 559.877 45.9686 560.474 48.2716L559.895 48.42ZM146.018 44.0514L145.445 43.8792C146.132 41.594 146.956 39.3444 147.883 37.1838L148.432 37.4153C147.512 39.5521 146.694 41.7839 146.012 44.0454L146.018 44.0514ZM434.972 40.4128L434.429 40.1695C435.409 37.9792 436.502 35.8483 437.667 33.8243L438.187 34.121C437.034 36.1273 435.952 38.2463 434.978 40.4188L434.972 40.4128ZM275.207 39.748C274.107 37.6765 272.894 35.6287 271.598 33.6699L272.1 33.3435C273.402 35.32 274.627 37.3797 275.732 39.4691L275.207 39.748ZM554.924 35.231C553.86 33.1298 552.666 31.0761 551.381 29.1173L551.883 28.7908C553.179 30.7615 554.38 32.839 555.456 34.958L554.924 35.2251V35.231ZM151.611 31.11
984176L151.091 30.8208C152.286 28.7612 153.618 26.7668 155.046 24.8852L155.524 25.2413C154.108 27.0992 152.794 29.0758 151.605 31.1176H151.611ZM442.023 28.1913L441.539 27.8411C442.937 25.9239 444.454 24.0602 446.049 22.3151L446.491 22.7128C444.908 24.446 443.409 26.2919 442.023 28.1913ZM267.434 27.9539C265.958 26.1258 264.375 24.3451 262.732 22.6653L263.162 22.2498C264.817 23.9414 266.412 25.734 267.9 27.58L267.434 27.948V27.9539ZM547.175 23.4428C545.669 21.6384 544.038 19.8993 542.341 18.2848L542.754 17.8574C544.468 19.4897 546.111 21.2407 547.635 23.0689L547.175 23.4488V23.4428ZM160.148 19.8993L159.718 19.4838C161.373 17.7921 163.165 16.1836 165.03 14.7056L165.4 15.1686C163.554 16.6347 161.785 18.2254 160.142 19.8993H160.148ZM257.54 17.8455C255.735 16.326 253.842 14.8777 251.906 13.5422L252.246 13.0555C254.194 14.4029 256.106 15.863 257.922 17.3944L257.534 17.8455H257.54ZM451.54 17.7506L451.146 17.3054C452.902 15.7503 454.784 14.2545 456.738 12.8596L457.084 13.3404C455.149 14.7234 453.285 16.2073 451.54 17.7446V17.7506ZM536.94 13.7084C535.064 12.2957 533.081 10.978 531.044 9.78496L531.348 9.27449C533.404 10.4794 535.405 11.8149 537.299 13.2395L536.94 13.7143V13.7084ZM171.207 11.1145L170.891 10.61C172.886 9.38133 175.007 8.24169 177.188 7.22076L177.445 7.75497C175.282 8.76996 173.185 9.89773 171.207 11.1145ZM245.883 9.80276C243.828 8.65719 241.683 7.60065 239.52 6.66282L239.759 6.11674C241.94 7.06644 244.097 8.12892 246.176 9.28043L245.883 9.79683V9.80276ZM463.035 9.48224L462.742 8.96584C464.738 7.83807 466.907 6.78153 469.183 5.82589L469.416 6.37197C467.163 7.32167 465.019 8.36634 463.041 9.48224H463.035ZM524.734 6.55597C522.59 5.60627 520.355 4.76341 518.097 4.05114L518.276 3.48725C520.552 4.20546 522.805 5.05426 524.973 6.01583L524.728 6.55597H524.734ZM184.017 5.08394L183.82 4.52599C186.024 3.76029 188.33 3.07176 190.678 2.49007L190.822 3.06582C188.492 3.64751 186.203 4.32418 184.017 5.08987V5.08394ZM232.877 4.15798C230.63 3.43383 228.324 2.81059 226.018 2.312L226.143 1.73031C228.468 2.23483 230.798 2.86401 233.056 3.59409L232.871 4.15798H232.877ZM476.089 3.9621L475.916 3.39228C478.199 2.69781 480.535 2.11612 482.865 1.65908L482.978 2.24077C480.666 2.69188 478.348 3.26763 476.089 3.95617V3.9621ZM511.226 2.28232C508.932 1.81934 506.572 1.46914 504.206 1.24358L504.266 0.65002C506.655 0.88151 509.039 1.23171 511.351 1.70063L511.232 2.28232H511.226ZM197.776 1.64127L197.681 1.05364C199.975 0.679699 202.365 0.382917 204.778 0.163299L204.832 0.756862C202.436 0.970545 200.058 1.26733 197.782 1.64127H197.776ZM490.01 1.24358L489.956 0.65002C492.352 0.424466 494.754 0.31169 497.108 0.31169V0.905253C494.772 0.905253 492.382 1.02397 490.01 1.24358ZM219.016 1.13674C217.839 1.00022 216.638 0.887446 215.455 0.804347C214.266 0.721248 213.077 0.661892 211.93 0.626278L211.948 0.0327148C213.107 0.0683286 214.302 0.133621 215.497 0.216719C216.692 0.299818 217.898 0.412595 219.087 0.549115L219.016 1.13674Z" fill="black"/> 9842 </svg> 9843 9844 9845 <div class="scientific-approach__design-block "> 9846 <div class="scientific-approach__design-block__text-content "> 9847 9848 <div class="scientific-approach__design-block__header">soy protein</div> 9849 9850 9851 <div class="scientific-approach__design-block__text">all the amino acids you need, easy on digestion, and boasts a variety of awesome health benefits.</div> 9852 9853 9854 <div class="scientific-approach__design-block__btn">learn more</div> 9855 9856 </div> 9857 <div class="scientific-approach__design-block__connector scientific-approach__design-block__connector-1 "></div> 9858 <div class="scientific-approach__design-block__image-content"> 9859 <svg class="scientific-approach__design-block__image-curve" style="transform: rotate(0deg);" xmlns="http://www.w3.org/2000/svg" width="192" height="186" viewBox="0 0 192 186" fill="none"> 9860 <path d="M191.329 95.7292C189.35 135.517 158.505 172.999 119.684 182.021C83.2045 190.502 51.6562 181.319 25.9234 154.744C10.1844
9860138.494 2.01863 118.746 0.230795 92.6015V92.5514C-2.73219 54.3175 23.0709 15.3518 60.5753 0.866211C62.5138 7.18172 64.6833 13.8681 67.3149 21.5771C51.7768 28.3236 39.4427 39.05 31.5179 52.7236C23.1814 67.0989 20.128 84.0405 22.6792 101.734C24.9793 117.673 33.3158 132.77 46.1621 144.248C58.8277 155.566 74.7374 162.413 90.9585 163.526C110.123 164.849 129.658 158.112 144.564 145.07C159.117 132.339 167.936 114.836 169.503 95.649C176.775 95.9297 184.087 95.8294 191.178 95.7292H191.329Z" fill="black"/> 9861 </svg> 9862 <div class="scientific-approach__design-block__ingredient" style="top: 15%; left: 19%;">soy protein</div> 9863 9864 <img class="scientific-approach__design-block__ingredient-image scientific-approach__design-block__ingredient-image-1" style="width: 67px;" src="//soylent.com/cdn/shop/files/Soy_Image_c2ec5272-e300-448b-ab14-1c2cfb486421.png?v=1715038542" alt=""> 9865 9866 </div> 9867 </div> 9868 9869 9870 <div class="scientific-approach__design-block scientific-approach__design-block-reverse"> 9871 <div class="scientific-approach__design-block__text-content scientific-approach__design-block__text-content-reverse"> 9872 9873 <div class="scientific-approach__design-block__header">allulose</div> 9874 9875 9876 <div class="scientific-approach__design-block__text">a sugar substitute with a fraction of the calories.</div> 9877 9878 9879 <div class="scientific-approach__design-block__btn">learn more</div> 9880 9881 </div> 9882 <div class="scientific-approach__design-block__connector scientific-approach__design-block__connector-2 scientific-approach__design-block__connector-reverse"></div> 9883 <div class="scientific-approach__design-block__image-content"> 9884 <svg class="scientific-approach__design-block__image-curve" style="transform: rotate(95deg);" xmlns="http://www.w3.org/2000/svg" width="192" height="186" viewBox="0 0 192 186" fill="none"> 9885 <path d="M191.329 95.7292C189.35 135.517 158.505 172.999 119.684 182.021C83.2045 190.502 51.6562 181.319 25.9234 154.744C10.1844 138.494 2.01863 118.746 0.230795 92.6015V92.5514C-2.73219 54.3175 23.0709 15.3518 60.5753 0.866211C62.5138 7.18172 64.6833 13.8681 67.3149 21.5771C51.7768 28.3236 39.4427 39.05 31.5179 52.7236C23.1814 67.0989 20.128 84.0405 22.6792 101.734C24.9793 117.673 33.3158 132.77 46.1621 144.248C58.8277 155.566 74.7374 162.413 90.9585 163.526C110.123 164.849 129.658 158.112 144.564 145.07C159.117 132.339 167.936 114.836 169.503 95.649C176.775 95.9297 184.087 95.8294 191.178 95.7292H191.329Z" fill="black"/> 9886 </svg> 9887 <div class="scientific-approach__design-block__ingredient" style="top: 29%; left: 27%;">allulose</div> 9888 9889 <img class="scientific-approach__design-block__ingredient-image scientific-approach__design-block__ingredient-image-2" style="width: 60px;" src="//soylent.com/cdn/shop/files/Allulose_Image.png?v=1715038543" alt=""> 9890 9891 </div> 9892 </div> 9893 9894 9895 <div class="scientific-approach__design-block "> 9896 <div class="scientific-approach__design-block__text-content "> 9897 9898 <div class="scientific-approach__design-block__header">canola oil</div> 9899 9900 9901 <div class="scientific-approach__design-block__text">packed with good fats that are awesome for your heart and can help lower cholesterol.</div> 9902 9903 9904 <div class="scientific-approach__design-block__btn">learn more</div> 9905 9906 </div> 9907 <div class="scientific-approach__design-block__connector scientific-approach__design-block__connector-3 "></div> 9908 <div class="scientific-approach__design-block__image-content"> 9909 <svg class="scientific-approach__design-block__image-curve" style="transform: rotate(195deg);" xmlns="http://www.w3.org/2000/svg" width="192" height="186" viewBox="0 0 192 186" fill="none"> 9910 <path d="M191.329 95.7292C189.35 135.517 158.505 172.999 119.684 182.021C83.2045 190.502 51.6562 181.319 25.9234 154.744C10.1844
9910138.494 2.01863 118.746 0.230795 92.6015V92.5514C-2.73219 54.3175 23.0709 15.3518 60.5753 0.866211C62.5138 7.18172 64.6833 13.8681 67.3149 21.5771C51.7768 28.3236 39.4427 39.05 31.5179 52.7236C23.1814 67.0989 20.128 84.0405 22.6792 101.734C24.9793 117.673 33.3158 132.77 46.1621 144.248C58.8277 155.566 74.7374 162.413 90.9585 163.526C110.123 164.849 129.658 158.112 144.564 145.07C159.117 132.339 167.936 114.836 169.503 95.649C176.775 95.9297 184.087 95.8294 191.178 95.7292H191.329Z" fill="black"/> 9911 </svg> 9912 <div class="scientific-approach__design-block__ingredient" style="top: 30%; left: 18%;">canola oil</div> 9913 9914 <img class="scientific-approach__design-block__ingredient-image scientific-approach__design-block__ingredient-image-3" style="width: 55px;" src="//soylent.com/cdn/shop/files/Canola_Oil_Image_PLACEHOLDER_SCREENSHOT.png?v=1715038542" alt=""> 9915 9916 </div> 9917 </div> 9918 9919 9920 <div class="scientific-approach__design-block scientific-approach__design-block-reverse"> 9921 <div class="scientific-approach__design-block__text-content scientific-approach__design-block__text-content-reverse"> 9922 9923 <div class="scientific-approach__design-block__header">sucralose</div> 9924 9925 9926 <div class="scientific-approach__design-block__text">a popular sugar substitute, where the science says it wonât mess with your blood sugar or give you any weird side effects.</div> 9927 9928 9929 <div class="scientific-approach__design-block__btn">learn more</div> 9930 9931 </div> 9932 <div class="scientific-approach__design-block__connector scientific-approach__design-block__connector-4 scientific-approach__design-block__connector-reverse"></div> 9933 <div class="scientific-approach__design-block__image-content"> 9934 <svg class="scientific-approach__design-block__image-curve" style="transform: rotate(295deg);" xmlns="http://www.w3.org/2000/svg" width="192" height="186" viewBox="0 0 192 186" fill="none"> 9935 <path d="M191.329 95.7292C189.35 135.517 158.505 172.999 119.684 182.021C83.2045 190.502 51.6562 181.319 25.9234 154.744C10.1844 138.494 2.01863 118.746 0.230795 92.6015V92.5514C-2.73219 54.3175 23.0709 15.3518 60.5753 0.866211C62.5138 7.18172 64.6833 13.8681 67.3149 21.5771C51.7768 28.3236 39.4427 39.05 31.5179 52.7236C23.1814 67.0989 20.128 84.0405 22.6792 101.734C24.9793 117.673 33.3158 132.77 46.1621 144.248C58.8277 155.566 74.7374 162.413 90.9585 163.526C110.123 164.849 129.658 158.112 144.564 145.07C159.117 132.339 167.936 114.836 169.503 95.649C176.775 95.9297 184.087 95.8294 191.178 95.7292H191.329Z" fill="black"/> 9936 </svg> 9937 <div class="scientific-approach__design-block__ingredient" style="top: 30%; left: 16%;">sucralose</div> 9938 9939 <img class="scientific-approach__design-block__ingredient-image scientific-approach__design-block__ingredient-image-4" style="width: 55px;" src="//soylent.com/cdn/shop/files/sucralose_image.png?v=1715038542" alt=""> 9940 9941 </div> 9942 </div> 9943 9944 9945 <div class="scientific-approach__design-block "> 9946 <div class="scientific-approach__design-block__text-content "> 9947 9948 <div class="scientific-approach__design-block__header">vitamins + minerals</div> 9949 9950 9951 <div class="scientific-approach__design-block__text">
9951all Soylent contains 28 vitamins & minerals you need daily for maximum health.</div> 9952 9953 9954 <div class="scientific-approach__design-block__btn">learn more</div> 9955 9956 </div> 9957 <div class="scientific-approach__design-block__connector scientific-approach__design-block__connector-5 "></div> 9958 <div class="scientific-approach__design-block__image-content"> 9959 <svg class="scientific-approach__design-block__image-curve" style="transform: rotate(85deg);" xmlns="http://www.w3.org/2000/svg" width="192" height="186" viewBox="0 0 192 186" fill="none"> 9960 <path d="M191.329 95.7292C189.35 135.517 158.505 172.999 119.684 182.021C83.2045 190.502 51.6562 181.319 25.9234 154.744C10.1844 138.494 2.01863 118.746 0.230795 92.6015V92.5514C-2.73219 54.3175 23.0709 15.3518 60.5753 0.866211C62.5138 7.18172 64.6833 13.8681 67.3149 21.5771C51.7768 28.3236 39.4427 39.05 31.5179 52.7236C23.1814 67.0989 20.128 84.0405 22.6792 101.734C24.9793 117.673 33.3158 132.77 46.1621 144.248C58.8277 155.566 74.7374 162.413 90.9585 163.526C110.123 164.849 129.658 158.112 144.564 145.07C159.117 132.339 167.936 114.836 169.503 95.649C176.775 95.9297 184.087 95.8294 191.178 95.7292H191.329Z" fill="black"/> 9961 </svg> 9962 <div class="scientific-approach__design-block__ingredient" style="top: 30%; left: 23%;">vitamins + minerals</div> 9963 9964 <img class="scientific-approach__design-block__ingredient-image scientific-approach__design-block__ingredient-image-5" style="width: 67px;" src="//soylent.com/cdn/shop/files/Allulose_Image.png?v=1715038543" alt=""> 9965 9966 </div> 9967 </div> 9968 9969 </div> 9970 </div> 9971 </div> 9972</div> 9973 9974<style> 9975 .scientific-approach__design-blocks-wrapper__margin { 9976 border-left: 20px solid #fff; 9977 border-right: 20px solid #fff; 9978 height: 4px; 9979 width: 100%; 9980 position: absolute; 9981 top: 0; 9982 z-index: 2; 9983 pointer-events: none; 9984 } 9985 .scientific-approach { 9986 width: 100%; 9987 position: relative; 9988 margin-bottom: 12px; 9989 padding: 32px 0; 9990 } 9991 .scientific-approach__header { 9992 text-align: center; 9993 font-size: 25px; 9994 font-style: normal; 9995 font-weight: 700; 9996 line-height: normal; 9997 margin: 0 auto; 9998 margin-bottom: 16px; 9999 max-width: 280px; 10000 } 10001 .scientific-approach__swipe-to-view { 10002 margin-bottom: 16px; 10003 color: #505050; 10004 font-size: 16px; 10005 font-weight: 400; 10006 line-height: normal; 10007 display: flex; 10008 align-items: center; 10009 justify-content: center; 10010 gap: 12px; 10011 } 10012 .scientific-approach__design-blocks-container { 10013 position: relative; 10014 width: 100%; 10015 } 10016 .scientific-approach__design-blocks-wrapper { 10017 max-width: 1200px; 10018 overflow-x: scroll; 10019 transform: rotateX(180deg); 10020 } 10021 .scientific-approach__design-blocks { 10022 position: relative; 10023 display: flex; 10024 align-items: center; 10025 justify-content: flex-start; 10026 gap: 42px; 10027 margin: 0 auto; 10028 max-width: 1200px; 10029 height: 630px; 10030 --widthA: calc(100vw - 161px); 10031 --widthB: calc(var(--widthA) / 2); 10032 margin-left: var(--widthB); 10033 transform: rotateX(180deg); 10034 } 10035 .scientific-approach__design-block { 10036 position: relative; 10037 display: flex; 10038 flex-direction: column; 10039 gap: 42px; 10040 max-width: 191px; 10041 width: 191px; 10042 } 10043 .scientific-approach__design-block__header { 10044 font-size: 18px; 10045 font-weight: 700; 10046 line-height: 22px; 10047 } 10048 .scientific-approach__design-block__connector { 10049 position: absolute; 10050 width: 2px; 10051 background-color: #000; 10052 } 10053 .scientific-approach__design-block__connector-reverse { 10054 height: 52px; 10055 top: unset; 10056 bottom: -52px; 10057 } 10058 .scientific-approach__design-block__text-content { 10059 position: absolute; 10060 display: flex; 10061 flex-direction: column; 10062 gap: 8px; 10063 text-align: left; 10064 border: 2px solid #000; 10065 padding: 16px; 10066 width: calc(100vw - 40px); 10067 max-width: 390px; 10068 left: 50%; 10069 transform: translateX(-50%); 10070 bottom: 120%; 10071 } 10072 .scientific-approach__design-block__text-content-reverse { 10073 bottom: unset; 10074 top: 120%; 10075 } 10076 .scientific-approach__design-block__btn { 10077 color: #47AF19; 10078 text-decoration: underline; 10079 cursor: pointer; 10080 } 10081 .scientific-approach__design-block__btn:hover { 10082 color: #47AF19; 10083 text-decoration: underline; 10084 } 10085 .scientific-approach__design-block__image-content { 10086 position: relative; 10087 display: flex; 10088 flex-direction: column; 10089 justify-content: center; 10090 align-items: center; 10091 max-width: 161px; 10092 min-width: 161px; 10093 height: 168px; 10094 } 10095 .scientific-approach__design-block__image { 10096 width: 100%; 10097 height: 100%; 10098 object-fit: contain; 10099 } 10100 .scientific-approach__design-block__ingredient { 10101 position: absolute; 10102 margin-top: 4px; 10103 font-size: 26px; 10104 font-weight: 700; 10105 line-height: 30px; 10106 max-width: 120px; 10107 text-align: center; 10108 display: none; 10109 } 10110 .scientific-approach__design-block__ingredient-image { 10111 width: 75px; 10112 position: absolute; 10113 top: 50%; 10114 left: 50%; 10115 transform: translate(-50%, -50%); 10116 } 10117 10118 10119 .scientific-approach__design-block__connector-1 { 10120 height: 34%; 10121 10122 top: -21%; 10123 10124 left: 18%; 10125 } 10126 10127 10128 .scientific-approach__design-block__connector-2 { 10129 height: 36%; 10130 10131 bottom: -21%; 10132 10133 left: 18%; 10134 } 10135 10136 10137 .scientific-approach__design-block__connector-3 { 10138 height: 36%; 10139 10140 top: -21%; 10141 10142 left: 18%; 10143 } 10144 10145 10146 .scientific-approach__design-block__connector-4 { 10147 height: 34%; 10148 10149 bottom: -21%; 10150 10151 left: 18%; 10152 } 10153 10154 10155 .scientific-approach__design-block__connector-5 { 10156 height: 36%; 10157 10158 top: -21%; 10159 10160 left: 18%; 10161 } 10162 10163 10164 .scientific-approach__design-modal { 10165 padding: 24px; 10166 gap: 16px; 10167 display: flex; 10168 flex-direction: column; 10169 background-size: contain; 10170 background-position: bottom right; 10171 background-repeat: no-repeat; 10172 background-color: #F7F7F7; 10173 box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08); 10174 height: fit-content; 10175 background-image: none; 10176 } 10177 .scientific-approach__design-modal__bg { 10178 position: absolute; 10179 height: 100%; 10180 width: 100%; 10181 } 10182 .scientific-approach__design-modal__header { 10183 width: 100%; 10184 display: flex; 10185 justify-content: space-between; 10186 align-items: center; 10187 } 10188 .scientific-approach__design-modal__close { 10189 cursor: pointer; 10190 pointer-events: all; 10191 } 10192 .scientific-approach__design-modal__text-truncated { 10193 display: block; 10194 } 10195 .scientific-approach__design-modal__text { 10196 display: none; 10197 } 10198 .scientific-approach__design-modal.is-active .scientific-approach__design-modal__text-truncated { 10199 display: none; 10200 } 10201 .scientific-approach__design-modal.is-active .scientific-approach__design-modal__text { 10202 display: block; 10203 } 10204 .scientific-approach__design-modal__title, .scientific-approach__design-modal__subtitle p, .scientific-approach__design-modal__text p { 10205 margin: 0; 10206 } 10207 .scientific-approach__design-modal__title { 10208 font-size: 25px; 10209 font-weight: 700; 10210 } 10211 .scientific-approach__design-modal__divider { 10212 width: 100%; 10213 height: 2px; 10214 background-color: #e3e3e3; 10215 } 10216 .scientific-approach__design-modals { 10217 position: fixed; 10218 left: 50%; 10219 top: 50%; 10220 transform: translate(-50%, -50%); 10221 visibility: hidden; 10222 opacity: 0; 10223 pointer-events: none; 10224 display: none; 10225 width: 100%; 10226 } 10227 .scientific-approach__design-modals.active { 10228 z-index: 101; 10229 visibility: visible; 10230 opacity: 1; 10231 pointer-events: all; 10232 display: block; 10233 margin-left: 0px; 10234 } 10235 .scientific-approach__design-modals-splide-track { 10236 overflow: visible; 10237 margin: 0 auto; 10238 } 10239 .scientific-approach__design-modals-splide .splide__arrow { 10240 width: 48px; 10241 height: 48px; 10242 background: #FFF; 10243 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04); 10244 } 10245 .scientific-approach__design-modals-splide .splide__arrow--prev { 10246 left: -33px; 10247 } 10248 .scientific-approach__design-modals-splide .splide__arrow--next { 10249 right: -33px; 10250 } 10251 .scientific-approach__design-modals-overlay { 10252 position: fixed; 10253 top: 0; 10254 left: -1000px; 10255 width: 100%; 10256 height: 100%; 10257 background: rgba(0, 0, 0, 0.5); 10258 z-index: -1; 10259 visibility: hidden; 10260 opacity: 0; 10261 pointer-events: none; 10262 } 10263 .scientific-approach__design-modals-overlay.active { 10264 visibility: visible; 10265 left: 0; 10266 opacity: 1; 10267 z-index: 100; 10268 pointer-events: all; 10269 } 10270 .scientific-approach__design-curve { 10271 position: absolute; 10272 width: 964px; 10273 height: 200px; 10274 left: -45px; 10275 } 10276 .scientific-approach__design-block__image-curve { 10277 position: absolute; 10278 width: 100%; 10279 height: 100%; 10280 } 10281 .scientific-approach__design-blocks-wrapper::-webkit-scrollbar {
10282 width: 90%; 10283 height: 1px; 10284 cusrsor: pointer; 10285 } 10286 .scientific-approach__design-blocks-wrapper::-webkit-scrollbar-track { 10287 background: #E7E7E7; 10288 } 10289 .scientific-approach__design-blocks-wrapper::-webkit-scrollbar-thumb { 10290 background: #212322; 10291 } 10292 .scientific-approach__design-blocks-wrapper::-webkit-scrollbar-thumb:hover { 10293 background: #212322; 10294 } 10295 .scientific-approach__design-modals-splide .splide__arrows { 10296 display: none; 10297 margin-left: 40px; 10298 } 10299 .scientific-approach__design-modals-splide .splide__list { 10300 align-items: center; 10301 } 10302 @media screen and (min-width: 480px){ 10303 .scientific-approach__design-blocks { 10304 height: 700px; 10305 } 10306 .scientific-approach__design-block__text-content { 10307 width: 150%; 10308 max-width: 290px; 10309 } 10310 .scientific-approach__design-blocks { 10311 margin-left: 10vw; 10312 } 10313 } 10314 @media screen and (min-width: 768px){ 10315 .scientific-approach { 10316 padding: 64px 0; 10317 } 10318 .scientific-approach__header { 10319 font-size: 40px; 10320 font-weight: 700; 10321 line-height: normal; 10322 max-width: 90%; 10323 } 10324 .scientific-approach__design-blocks { 10325 position: relative; 10326 } 10327 .scientific-approach__design-block__ingredient { 10328 display: block; 10329 } 10330 .scientific-approach__design-block__image-content { 10331 position: relative; 10332 display: flex; 10333 justify-content: center; 10334 align-items: center; 10335 max-width: 191px; 10336 min-width: 191px; 10337 height: 198px; 10338 } 10339 10340 .scientific-approach__design-block__ingredient-image-1 { 10341 top: 60% !important; 10342 left: 52% !important; 10343 } 10344 10345 .scientific-approach__design-block__ingredient-image-2 { 10346 top: 60% !important; 10347 left: 50% !important; 10348 } 10349 10350 .scientific-approach__design-block__ingredient-image-3 { 10351 top: 62% !important; 10352 left: 48% !important; 10353 } 10354 10355 .scientific-approach__design-block__ingredient-image-4 { 10356 top: 61% !important; 10357 left: 47% !important; 10358 } 10359 10360 .scientific-approach__design-block__ingredient-image-5 { 10361 top: 75% !important; 10362 left: 70% !important; 10363 } 10364 10365 .scientific-approach__design-block__ingredient-image { 10366 margin-top: 4px; 10367 } 10368 .scientific-approach__design-curve { 10369 position: absolute; 10370 width: 1064px; 10371 height: 228px; 10372 left: -30px; 10373 } 10374 } 10375 @media screen and (min-width: 900px){ 10376 .scientific-approach__design-modals-splide .splide__list { 10377 margin-left: 0px !important; 10378 } 10379 .scientific-approach__design-modals-splide .splide__arrows { 10380 position: absolute; 10381 width: 89%; 10382 display: flex; 10383 align-items: center; 10384 justify-content: center; 10385 margin: 0 auto; 10386 top: 50%; 10387 left: 50%; 10388 transform: translate(-50%); 10389 z-index: 10; 10390 margin-left: 0px; 10391 } 10392 .scientific-approach__design-modal { 10393 /*transform: scale(0.9);*/ 10394 padding: 64px; 10395 gap: 32px; 10396 } 10397 10398 10399 .scientific-approach__design-modal-1 { 10400 background-image: url(//soylent.com/cdn/shop/files/Ingredient_Pop-up_Frame_6.png?v=1715135892) 10401 } 10402 10403 10404 10405 .scientific-approach__design-modal-2 { 10406 background-image: url(//soylent.com/cdn/shop/files/Ingredient_Pop-up_Frame_7.png?v=1715135892) 10407 } 10408 10409 10410 10411 .scientific-approach__design-modal-3 { 10412 background-image: url(//soylent.com/cdn/shop/files/Ingredient_Pop-up_Frame_8.png?v=1715135891) 10413 } 10414 10415 10416 10417 .scientific-approach__design-modal-4 { 10418 background-image: url(//soylent.com/cdn/shop/files/Ingredient_Pop-up_Frame_9.png?v=1715135891) 10419 } 10420 10421 10422 10423 .scientific-approach__design-modal-5 { 10424 background-image: url(//soylent.com/cdn/shop/files/Ingredient_Pop-up_Frame_10.png?v=1715135891) 10425 } 10426 10427 10428 .scientific-approach__design-modal.is-active { 10429 transform: unset; 10430 } 10431 .scientific-approach__design-modal-1.is-active, .scientific-approach__design-modal-1.is-active + .scientific-approach__design-modal-2 { 10432 left: 0%; 10433 } 10434 .scientific-approach__design-block__header { 10435 display: none; 10436 } 10437 .scientific-approach__design-modals { 10438 margin-left: 0px; 10439 left: 50%; 10440 top: calc(100% - 700px); 10441 transform: translateX(-50%); 10442 width: auto; 10443 } 10444 .scientific-approach__design-modal__text-truncated, .scientific-approach__design-modal__text { 10445 width: 65%; 10446 } 10447 } 10448 @media screen and (min-width: 1280px){ 10449 .scientific-approach__swipe-to-view { 10450 display: none; 10451 } 10452 .scientific-approach__design-blocks-wrapper { 10453 overflow-x: initial; 10454 margin: 0 auto; 10455 } 10456 .scientific-approach__design-blocks { 10457 position: relative; 10458 justify-content: center; 10459 padding-left: 0; 10460 overflow: initial; 10461 margin-left: 0; 10462 } 10463 .scientific-approach__design-curve { 10464 left: 10px; 10465 } 10466 } 10467</style> 10468
10469<script> 10470 document.addEventListener('DOMContentLoaded', function() { 10471 const modalSplide = new Splide( '.scientific-approach__design-modals-splide', { 10472 perPage: 1, 10473 perMove: 1, 10474 cloneStatus: false, 10475 pagination: false, 10476 padding: '80px', 10477 gap: '80px', 10478 updateOnMove: true, 10479 width: '900px', 10480 useIndex: true, 10481 drag: false, 10482 breakpoints: { 10483 900: { 10484 padding: '40px', 10485 gap: '40px', 10486 width: '100%', 10487 drag: true, 10488 }, 10489 480: { 10490 padding: '32px', 10491 gap: '16px', 10492 width: '100%', 10493 drag: true, 10494 } 10495 } 10496 }); 10497 10498 modalSplide.mount(); 10499 10500 const modalContainer = document.querySelector('.scientific-approach__design-modals'); 10501 const modalBtns = document.querySelectorAll('.scientific-approach__design-block__btn') 10502 const modalCloseBtns = document.querySelectorAll('.scientific-approach__design-modal__close') 10503 const modalOverlay = document.querySelector('.scientific-approach__design-modals-overlay') 10504 10505 modalBtns.forEach((btn, index) => { 10506 btn.addEventListener('click', event => { 10507 modalContainer.classList.add('active') 10508 modalOverlay.classList.add('active') 10509 modalSplide.go(index) 10510 }) 10511 }) 10512 10513 modalCloseBtns.forEach(btn => { 10514 btn.addEventListener('click', event => { 10515 modalContainer.classList.remove('active') 10516 modalOverlay.classList.remove('active') 10517 }) 10518 }) 10519 10520 modalOverlay.addEventListener('click', event => { 10521 modalContainer.classList.remove('active') 10522 modalOverlay.classList.remove('active') 10523 }) 10524 }); 10525</script>
10525 10526 10527</div><div id="shopify-section-expert_recommendations_zQ63Vq" class="shopify-section"> 10528 10529 10530 <style> 10531 [id="shopify-section-expert_recommendations_zQ63Vq"] { 10532 padding-top: 32px; 10533 padding-bottom: 32px; 10534 background-color: #212322; 10535 } 10536 10537 .expert-recs .hide-mobile { 10538 display: none !important; 10539 } 10540 10541 .expert-recs .title { 10542 color: #fff; 10543 line-height: 1.24; 10544 font-size: 25px; 10545 margin: 0; 10546 } 10547 10548 .expert-recs .splide { 10549 margin-top: 24px; 10550 } 10551 10552 .expert-recs .card { 10553 background-color: #fff; 10554 display: flex; 10555 flex-direction: column; 10556 } 10557 10558 .expert-recs .top { 10559 border-bottom: 1px solid #E3E3E3; 10560 height: 104px; 10561 display: flex; 10562 justify-content: center; 10563 align-items: center; 10564 } 10565 10566 .expert-recs .top img { 10567 height: 40px; 10568 width: auto; 10569 } 10570 10571 .expert-recs .bottom { 10572 padding: 24px; 10573 flex: 1; 10574 display: flex; 10575 flex-direction: column; 10576 } 10577 10578 .expert-recs .heading { 10579 font-size: 18px; 10580 line-height: 22.37px; 10581 margin: 0; 10582 } 10583 10584 .expert-recs .copy { 10585 margin-top: 8px; 10586 } 10587 10588 .expert-recs .copy .desktop { 10589 display: none 10590 } 10591 10592 .expert-recs .copy button { 10593 color: #47AF19; 10594 display: block; 10595 text-transform: lowercase; 10596 margin: 12px 0 0; 10597 padding: 0; 10598 text-decoration: underline; 10599 font-size: 16px; 10600 cursor: pointer; 10601 } 10602 10603 .expert-recs .copy p { 10604 margin: 0; 10605 font-size: 18px; 10606 line-height: 22.37px; 10607 } 10608 10609 .expert-recs .controls { 10610 display: flex; 10611 justify-content: center; 10612 margin-top: 16px; 10613 } 10614 10615 .expert-recs .progress { 10616 display: none; 10617 } 10618 10619 .expert-recs .counter { 10620 display: flex; 10621 align-items: center; 10622 color: #fff; 10623 margin-top: -6px; 10624 } 10625 10626 .expert-recs .link { 10627 color: #47AF19; 10628 display: block; 10629 text-decoration: underline; 10630 text-transform: lowercase; 10631 margin-top: auto; 10632 padding-top: 12px; 10633 } 10634 10635 .expert-recs .link::after { 10636 position: absolute; 10637 margin-left: 4px; 10638 content: url('https://cdn.shopify.com/s/files/1/0003/5933/3902/files/external_link_icon_de41d55d-2ba9-4170-9158-db2003ce9f12.svg?v=1712595892'); 10639 } 10640 10641 .expert-recs .arrows { 10642 display: flex; 10643 gap: 16px; 10644 } 10645 10646 .expert-recs .arrows button { 10647 cursor: pointer; 10648 outline: none; 10649 padding: 0; 10650 } 10651 10652 @media screen and (min-width: 768px) { 10653 .expert-recs .copy .mobile { 10654 display: none; 10655 } 10656 10657 .expert-recs .hide-desktop { 10658 display: none !important; 10659 } 10660 10661 .expert-recs .counter { 10662 display: none; 10663 } 10664 10665 .expert-recs .copy .desktop { 10666 display: block; 10667 } 10668 10669 .expert-recs .hide-mobile { 10670 display: block !important; 10671 } 10672 10673 .expert-recs .controls { 10674 margin-top: 24px; 10675 align-items: center; 10676 justify-content: space-between; 10677 gap: 30px; 10678 } 10679 10680 .expert-recs .progress { 10681 display: block; 10682 background: #e7e7e7; 10683 width: 100%; 10684 position: relative; 10685 height: 1px; 10686 } 10687 10688 .expert-recs .progress-bar { 10689 background: #47AF19; 10690 height: 1px; 10691 transition: left 400ms ease; 10692 position: absolute; 10693 left: 0; 10694 top: 0; 10695 } 10696 } 10697 10698 @media screen and (min-width: 1024px) { 10699 [id="shopify-section-expert_recommendations_zQ63Vq"] { 10700 padding-top: 64px; 10701 padding-bottom: 64px; 10702 } 10703 10704 .expert-recs .title { 10705 font-size: 40px; 10706 } 10707 10708 .expert-recs .top img { 10709 height: 48px; 10710 } 10711 10712 .expert-recs .splide { 10713 margin-top: 40px; 10714 } 10715 10716 .expert-recs .bottom { 10717 padding: 32px; 10718 } 10719 10720 .expert-recs .heading { 10721 font-size: 25px; 10722 line-height: 31.08px; 10723 } 10724 10725 .expert-recs .copy { 10726 margin-top: 16px; 10727 } 10728 10729 .expert-recs .link { 10730 display: block; 10731 } 10732 10733 .expert-recs .controls { 10734 margin-top: 40px; 10735 } 10736 } 10737 </style> 10738 10739 <section class="expert-recs container"> 10740 10741 <h2 class="title hide-desktop"> 10742 Soylent fuels science.<br>because it is science. 10743 </h2> 10744 10745 10746 <h2 class="title hide-mobile"> 10747 Soylent fuels science. because it is science. 10748 </h2> 10749 10750 <div id="expert_recommendations_zQ63Vq-splide" class="splide"> 10751 <div class="splide__track"> 10752 <ul class="splide__list"> 10753 10754 <li class="splide__slide card"> 10755 <div class="top" style="background-color: #ffffff;"> 10756 <img 10757 src="//soylent.com/cdn/shop/files/53d1f978e3af345e5a44abf55eb5cd0a.png?v=1714755390" 10758 width="140" 10759 height="48" 10760 alt="Logo"> 10761 </div> 10762 <div class="bottom"> 10763 10764 <h3 class="heading">
10765 Soylent complete meal shakes help cancer patients maintain weight and quality of life 10766 </h3> 10767 10768 10769 <div class="copy" x-data="{ showFullText: false }"> 10770 <div class="desktop"> 10771 <p>Soylent liquid meal replacement with aggressive dietary monitoring appears to be a promising approach for maximizing patient-reported quality of life and reducing the rate of feeding tube placements.</p> 10772 </div> 10773 <div class="mobile" x-show="!showFullText"> 10774 <p>Soylent liquid meal replacement with aggressive dietary moni... 10775 <button x-on:click="showFullText = true">Read more</button> 10776 </div> 10777 <div class="mobile" x-show="showFullText"> 10778 <p>Soylent liquid meal replacement with aggressive dietary monitoring appears to be a promising approach for maximizing patient-reported quality of life and reducing the rate of feeding tube placements.</p> 10779 10780 <a 10781 class="link" 10782 href="https://www.redjournal.org/article/S0360-3016(21)01984-2/fulltext" 10783 target="_blank"> 10784 Check out their research. 10785 </a> 10786 10787 <button x-on:click="showFullText = false">Read less</button> 10788 </div> 10789 </div> 10790 10791 10792 <a 10793 class="link hide-mobile" 10794 href="https://www.redjournal.org/article/S0360-3016(21)01984-2/fulltext" 10795 target="_blank"> 10796 Check out their research. 10797 </a> 10798 10799 </div> 10800 </li> 10801 10802 <li class="splide__slide card"> 10803 <div class="top" style="background-color: #ffffff;"> 10804 <img 10805 src="//soylent.com/cdn/shop/files/UCLA_Health.png?v=1714446762" 10806 width="140" 10807 height="48" 10808 alt="Logo"> 10809 </div> 10810 <div class="bottom"> 10811 10812 <h3 class="heading"> 10813 Soylent is the perfect hack in the cholesterol lowering portfolio diet. 10814 </h3> 10815 10816 10817 <div class="copy" x-data="{ showFullText: false }"> 10818 <div class="desktop"> 10819 <p>In addition to reducing LDL (or 'bad') cholesterol by about 30% when combined with a low-saturated fat diet â a level comparable to medications â the researchers found the diet limited other factors for an estimated 13% reduction in the overall risk for coronary heart disease, which includes angina and heart attack.</p> 10820 </div> 10821 <div class="mobile" x-show="!showFullText"> 10822 <p>In addition to reducing LDL (or 'bad') cholesterol by about ... 10823 <button x-on:click="showFullText = true">Read more</button> 10824 </div> 10825 <div class="mobile" x-show="showFullText"> 10826 <p>In addition to reducing LDL (or 'bad') cholesterol by about 30% when combined with a low-saturated fat diet â a level comparable to medications â the researchers found the diet limited other factors for an estimated 13% reduction in the overall risk for coronary heart disease, which includes angina and heart attack.</p> 10827 10828 <a 10829 class="link" 10830 href="https://temertymedicine.utoronto.ca/news/portfolio-diet-lowers-many-risk-factors-heart-disease" 10831 target="_blank"> 10832 Check out their research. 10833 </a> 10834 10835 <button x-on:click="showFullText = false">Read less</button> 10836 </div> 10837 </div> 10838 10839 10840 <a 10841 class="link hide-mobile" 10842 href="https://temertymedicine.utoronto.ca/news/portfolio-diet-lowers-many-risk-factors-heart-disease" 10843 target="_blank"> 10844 Check out their research. 10845 </a> 10846 10847 </div> 10848 </li> 10849 10850 <li class="splide__slide card"> 10851 <div class="top" style="background-color: #ffffff;"> 10852 <img 10853 src="//soylent.com/cdn/shop/files/89fd84102944ff1f6d74dc82875045b4.png?v=1714784951" 10854 width="140" 10855 height="48" 10856 alt="Logo"> 10857 </div> 10858 <div class="bottom"> 10859 10860 <h3 class="heading"> 10861 Soylent can improve your gut microbiome. 10862 </h3> 10863 10864 10865 <div class="copy" x-data="{ showFullText: false }"> 10866 <div class="desktop"> 10867 <p>Among Soylent dieters, we find a significant increase in the ratio of Bacteroidetes to Firmicutes abundance, which is associated with several positive health outcomes, including reduced risks of obesity and intestinal inflammation.</p> 10868 </div> 10869 <div class="mobile" x-show="!showFullText"> 10870 <p>Among Soylent dieters, we find a significant increase in the... 10871 <button x-on:click="showFullText = true">Read more</button> 10872 </div> 10873 <div class="mobile" x-show="showFullText"> 10874 <p>Among Soylent dieters, we find a significant increase in the ratio of Bacteroidetes to Firmicutes abundance, which is associated with several positive health outcomes, including reduced risks of obesity and intestinal inflammation.</p> 10875 10876 <a 10877 class="link"
10878 href="https://www.biorxiv.org/content/10.1101/200881v1.full" 10879 target="_blank"> 10880 Check out their research. 10881 </a> 10882 10883 <button x-on:click="showFullText = false">Read less</button> 10884 </div> 10885 </div> 10886 10887 10888 <a 10889 class="link hide-mobile" 10890 href="https://www.biorxiv.org/content/10.1101/200881v1.full" 10891 target="_blank"> 10892 Check out their research. 10893 </a> 10894 10895 </div> 10896 </li> 10897 10898 <li class="splide__slide card"> 10899 <div class="top" style="background-color: #ffffff;"> 10900 <img 10901 src="//soylent.com/cdn/shop/files/e5ec54a7bf15d9d5f42df90e973d3b63.png?v=1714784937" 10902 width="140" 10903 height="48" 10904 alt="Logo"> 10905 </div> 10906 <div class="bottom"> 10907 10908 <h3 class="heading"> 10909 More than 700 Google staff members regular use Soylent to fuel their innovation. 10910 </h3> 10911 10912 10913 10914 </div> 10915 </li> 10916 10917 <li class="splide__slide card"> 10918 <div class="top" style="background-color: #ffffff;"> 10919 <img 10920 src="//soylent.com/cdn/shop/files/8048633cb2173131e2116dd983235fb2.png?v=1714785205" 10921 width="140" 10922 height="48" 10923 alt="Logo"> 10924 </div> 10925 <div class="bottom"> 10926 10927 <h3 class="heading"> 10928 400+ MIT students and faculty have used Soylent to nourish their minds and bodies. The future of technology runs on Soylent! 10929 </h3> 10930 10931 10932 10933 </div> 10934 </li> 10935 10936 </ul> 10937 </div> 10938 </div> 10939 <div class="controls"> 10940 <div class="progress"> 10941 <div class="progress-bar"></div> 10942 </div> 10943 <div class="arrows"> 10944 <button class="nav-prev" type="button"> 10945 <svg 10946 width="23" 10947 height="16"
10948 viewBox="0 0 23 16" 10949 fill="none" 10950 xmlns="http://www.w3.org/2000/svg"> 10951 <path 10952 class="prev-path" 10953 d="M6.47103 0L7.55864 1.34461L2.94435 7.04926H23V8.95092H2.94449L7.55864 14.6554L6.47103 16L0 8L6.47103 0Z" 10954 fill="#AFAFAF" /> 10955 </svg> 10956 </button> 10957 <div class="counter"> 10958 <span data-slide-index>1</span>/<span>5</span> 10959 </div> 10960 <button class="nav-next" type="button"> 10961 <svg 10962 width="23" 10963 height="16" 10964 viewBox="0 0 23 16" 10965 fill="none" 10966 xmlns="http://www.w3.org/2000/svg"> 10967 <path 10968 class="next-path" 10969 d="M16.529 0L15.4414 1.34461L20.0557 7.04926H0V8.95092H20.0555L15.4414 14.6554L16.529 16L23 8L16.529 0Z" 10970 fill="#FFFFFF" /> 10971 </svg> 10972 </button> 10973 </div> 10974 </div> 10975 </section> 10976 10977
10977<script> 10978 document.addEventListener('DOMContentLoaded', function () { 10979 const splideOptions = { 10980 perPage: 1, 10981 perMove: 1, 10982 pagination: false, 10983 arrows: false, 10984 mediaQuery: 'min', 10985 gap: 16, 10986 breakpoints: { 10987 768: { 10988 perPage: 2, 10989 gap: 24, 10990 }, 10991 1024: { 10992 perPage: 2, 10993 gap: 36, 10994 }, 10995 }, 10996 }; 10997 10998 const sectionEl = document.querySelector('#shopify-section-expert_recommendations_zQ63Vq'); 10999 const splide = new Splide('#expert_recommendations_zQ63Vq-splide', splideOptions); 11000 const bar = sectionEl.querySelector('.expert-recs .progress-bar'); 11001 11002 splide.on('mounted', function () { 11003 const navPrev = sectionEl.querySelector('.nav-prev'); 11004 const navNext = sectionEl.querySelector('.nav-next'); 11005 navPrev.addEventListener('click', () => splide.go('<')); 11006 navNext.addEventListener('click', () => splide.go('>')); 11007 }); 11008 11009 splide.on('moved', function () { 11010 const currentIndex = splide.index; 11011 const end = splide.Components.Controller.getEnd(); 11012 const prevSvgPath = sectionEl.querySelector('.nav-prev .prev-path'); 11013 const nextSvgPath = sectionEl.querySelector('.nav-next .next-path'); 11014 11015 if (currentIndex === 0) { 11016 prevSvgPath.setAttribute('fill', '#AFAFAF'); 11017 } else { 11018 prevSvgPath.setAttribute('fill', '#FFFFFF'); 11019 } 11020 11021 if (currentIndex === end) { 11022 nextSvgPath.setAttribute('fill', '#AFAFAF'); 11023 } else { 11024 nextSvgPath.setAttribute('fill', '#FFFFFF'); 11025 } 11026 }); 11027 11028 splide.on('mounted move', function () { 11029 const end = splide.Components.Controller.getEnd() + 1; 11030 const barWidth = 100 / end; 11031 const currentIndex = splide.index; 11032 11033 bar.style.width = `${barWidth + 1}%`; 11034 bar.style.left = `${barWidth * currentIndex}%`; 11035 }); 11036 11037 splide.on('moved', function (newIndex) { 11038 const counter = sectionEl.querySelector('[data-slide-index]'); 11039 11040 if (!counter) { 11041 return; 11042 } 11043 11044 counter.textContent = newIndex + 1; 11045 }); 11046 11047 splide.mount(); 11048 }); 11049 </script>
11049 11050 11051 11052</div><div id="shopify-section-color_band_divider_zAx4NN" class="shopify-section"><div class="color-band-divider"> 11053 11054 <div class="color-band-section" style="background-color: #f8485e;"></div> 11055 11056 <div class="color-band-section" style="background-color: #eed484;"></div> 11057 11058 <div class="color-band-section" style="background-color: #623b2a;"></div> 11059 11060 <div class="color-band-section" style="background-color: #ade8bf;"></div> 11061 11062 <div class="color-band-section" style="background-color: #5e93db;"></div> 11063 11064</div> 11065<style> 11066[id="shopify-section-color_band_divider_zAx4NN"] { 11067 padding-top: 0px; 11068 padding-bottom: 24px; 11069} 11070@media screen and (min-width: 1024px) { 11071 [id="shopify-section-color_band_divider_zAx4NN"] { 11072 padding-top: 0px; 11073 padding-bottom: 32px; 11074 } 11075} 11076.color-band-divider { 11077 display: flex; 11078 justify-content: center; 11079 align-items: stretch; 11080} 11081.color-band-section { 11082 height: 24px; 11083 flex: 1 1 auto; 11084} 11085@media screen and (min-width: 992px){ 11086 .color-band-section { 11087 height: 40px; 11088 } 11089} 11090</style> 11091</div><div id="shopify-section-press_logos_UYcabt" class="shopify-section"><div class="press-logos-container container container-ls"> 11092 <div id="press_logos_UYcabt-splide" class="splide press-logos-carousel"> 11093 <div class="splide__track"> 11094 <ul class="splide__list"> 11095 11096 <li class="press-logo splide__slide card"> 11097 11098 <a href="https://www.nytimes.com/2019/04/18/style/soylent-squared-food-bars.html?partner=IFTTT" target="_blank"> 11099 11100 <img src="//soylent.com/cdn/shop/files/new-york-times-logo.png?height=250&v=1716917909" alt="" srcset="//soylent.com/cdn/shop/files/new-york-times-logo.png?height=106&v=1716917909 352w, //soylent.com/cdn/shop/files/new-york-times-logo.png?height=250&v=1716917909 824w" width="824" height="250" loading="lazy"> 11101 11102 </a> 11103 11104 </li> 11105 11106 <li class="press-logo splide__slide card"> 11107 11108 <a href="https://time.com/collection/best-inventions-2019/5733091/soylent-squared/" target="_blank"> 11109 11110 <img src="//soylent.com/cdn/shop/files/time-logo.png?height=250&v=1716921128" alt="" srcset="//soylent.com/cdn/shop/files/time-logo.png?height=110&v=1716921128 352w, //soylent.com/cdn/shop/files/time-logo.png?height=250&v=1716921128 796w" width="796" height="250" loading="lazy"> 11111 11112 </a> 11113 11114 </li> 11115 11116 <li class="press-logo splide__slide card"> 11117 11118 <a href="https://www.forbes.com/sites/christinatroitino/2020/04/13/meal-replacement-startup-soylent-returns-to-canada-for-first-time-since-2017/?sh=473b858f5d59" target="_blank"> 11119 11120 <img src="//soylent.com/cdn/shop/files/forbes-logo.png?height=250&v=1716922711" alt="" srcset="//soylent.com/cdn/shop/files/forbes-logo.png?height=151&v=1716922711 352w, //soylent.com/cdn/shop/files/forbes-logo.png?height=250&v=1716922711 582w" width="582" height="250" loading="lazy"> 11121 11122 </a> 11123 11124 </li> 11125 11126 <li class="press-logo splide__slide card"> 11127 11128 <a href="https://www.cnn.com/2019/04/19/business/soylent-meal-bar-growth-strategy/index.html" target="_blank"> 11129 11130 <img src="//soylent.com/cdn/shop/files/cnn-logo.png?height=250&v=1716922822" alt="" srcset="//soylent.com/cdn/shop/files/cnn-logo.png?height=168&v=1716922822 352w, //soylent.com/cdn/shop/files/cnn-logo.png?height=250&v=1716922822 523w" width="523" height="250" loading="lazy"> 11131 11132 </a> 11133 11134 </li> 11135 11136 <li class="press-logo splide__slide card"> 11137 11138 <a href="https://www.sfgate.com/shopping/article/Soylent-review-drink-for-3-years-14992445.php" target="_blank"> 11139 11140 <img src="//soylent.com/cdn/shop/files/sfgate-logo.png?height=250&v=1716923145" alt="" srcset="//soylent.com/cdn/shop/files/sfgate-logo.png?height=127&v=1716923145 352w, //soylent.com/cdn/shop/files/sfgate-logo.png?height=250&v=1716923145 688w" width="688" height="250" loading="lazy"> 11141 11142 </a> 11143 11144 </li> 11145 11146 <li class="press-logo splide__slide card"> 11147 11148 <a href="https://podcasts.apple.com/us/podcast/smartless/id1521578868" target="_blank"> 11149 11150 <img src="//soylent.com/cdn/shop/files/smartless-logo.png?height=250&v=1716923259" alt="" srcset="//soylent.com/cdn/shop/files/smartless-logo.png?height=76&v=1716923259 352w, //soylent.com/cdn/shop/files/smartless-logo.png?height=181&v=1716923259 832w, //soylent.com/cdn/shop/files/smartless-logo.png?height=250&v=1716923259 1147w" width="1147" height="250" loading="lazy"> 11151 11152 </a> 11153 11154 </li> 11155 11156 <li class="press-logo splide__slide card"> 11157 11158 <a href="https://www.vox.com/the-goods/2019/11/11/20953750/soylent-huel-sustainable-meal-replacement-tried" target="_blank"> 11159 11160 <img src="//soylent.com/cdn/shop/files/vox-logo.png?height=250&v=1716923639" alt="" srcset="//soylent.com/cdn/shop/files/vox-logo.png?height=234&v=1716923639 352w, //soylent.com/cdn/shop/files/vox-logo.png?height=250&v=1716923639 375w" width="375" height="250" loading="lazy"> 11161 11162 </a> 11163 11164 </li> 11165 11166 <li class="press-logo splide__slide card"> 11167 11168 <a href="https://www.fastcompany.com/90453441/youtube-beauty-star-michelle-phan-wake
11168s-up-without-an-alarm" target="_blank"> 11169 11170 <img src="//soylent.com/cdn/shop/files/fast-company-logo.png?height=250&v=1716924011" alt="" srcset="//soylent.com/cdn/shop/files/fast-company-logo.png?height=50&v=1716924011 352w, //soylent.com/cdn/shop/files/fast-company-logo.png?height=118&v=1716924011 832w, //soylent.com/cdn/shop/files/fast-company-logo.png?height=170&v=1716924011 1200w, //soylent.com/cdn/shop/files/fast-company-logo.png?height=250&v=1716924011 1756w" width="1756" height="250" loading="lazy"> 11171 11172 </a> 11173 11174 </li> 11175 11176 <li class="press-logo splide__slide card"> 11177 11178 <a href="https://techcrunch.com/2019/04/18/soylent-now-sells-solid-snack-bars/" target="_blank"> 11179 11180 <img src="//soylent.com/cdn/shop/files/techcrunch-logo.png?height=250&v=1716924733" alt="" srcset="//soylent.com/cdn/shop/files/techcrunch-logo.png?height=128&v=1716924733 352w, //soylent.com/cdn/shop/files/techcrunch-logo.png?height=250&v=1716924733 683w" width="683" height="250" loading="lazy"> 11181 11182 </a> 11183 11184 </li> 11185 11186 </ul> 11187 </div> 11188 <div class="controls"> 11189 <div class="progress"> 11190 <div class="progress-bar"></div> 11191 </div> 11192 <div class="arrows"> 11193 <button class="nav-prev" type="button"> 11194 <svg 11195 width="23" 11196 height="16"
11197 viewBox="0 0 23 16" 11198 fill="none" 11199 xmlns="http://www.w3.org/2000/svg"> 11200 <path 11201 class="prev-path" 11202 d="M6.47103 0L7.55864 1.34461L2.94435 7.04926H23V8.95092H2.94449L7.55864 14.6554L6.47103 16L0 8L6.47103 0Z" 11203 fill="#AFAFAF" /> 11204 </svg> 11205 </button> 11206 <div class="counter" style="display: none !important;"> 11207 <span data-slide-index>1</span>/<span class="press-logos-desktop">9</span><span class="press-logos-mobile">4</span> 11208 </div> 11209 <button class="nav-next" type="button"> 11210 <svg 11211 width="23" 11212 height="16" 11213 viewBox="0 0 23 16" 11214 fill="none" 11215 xmlns="http://www.w3.org/2000/svg"> 11216 <path 11217 class="next-path" 11218 d="M16.529 0L15.4414 1.34461L20.0557 7.04926H0V8.95092H20.0555L15.4414 14.6554L16.529 16L23 8L16.529 0Z" 11219 fill="#000000" /> 11220 </svg> 11221 </button> 11222 </div> 11223 </div> 11224 </div> 11225</div>
11226<script> 11227 document.addEventListener('DOMContentLoaded', function() { 11228 const splideOptions = { 11229 perPage: 2, 11230 perMove: 1, 11231 pagination: false, 11232 arrows: false, 11233 mediaQuery: 'min', 11234 gap: 16, 11235 grid: { 11236 rows: 2, 11237 gap : { 11238 row: '1rem', 11239 } 11240 }, 11241 breakpoints: { 11242 768: { 11243 grid: { 11244 rows: 1, 11245 }, 11246 perPage: 4, 11247 gap: 36 11248 }, 11249 } 11250 }; 11251 11252 const sectionEl = document.querySelector('#shopify-section-press_logos_UYcabt'); 11253 const splide = new Splide('#press_logos_UYcabt-splide', splideOptions); 11254 const bar = sectionEl.querySelector('.progress-bar'); 11255 const counter = sectionEl.querySelector('[data-slide-index]'); 11256 11257 splide.on('mounted', function() { 11258 const navPrev = sectionEl.querySelector('.nav-prev'); 11259 const navNext = sectionEl.querySelector('.nav-next'); 11260 navPrev.addEventListener('click', () => splide.go('<')); 11261 navNext.addEventListener('click', () => splide.go('>')); 11262 }); 11263 11264 splide.on('moved', function(newIndex) { 11265 const currentIndex = splide.index; 11266 const end = splide.Components.Controller.getEnd(); 11267 const prevSvgPath = sectionEl.querySelector('.nav-prev .prev-path'); 11268 const nextSvgPath = sectionEl.querySelector('.nav-next .next-path'); 11269 11270 if (currentIndex === 0) { 11271 prevSvgPath.setAttribute('fill', '#AFAFAF'); 11272 } else { 11273 prevSvgPath.setAttribute('fill', '#000000'); 11274 } 11275 11276 if (currentIndex === end) { 11277 nextSvgPath.setAttribute('fill', '#AFAFAF'); 11278 } else { 11279 nextSvgPath.setAttribute('fill', '#000000'); 11280 } 11281 11282 if (!counter) { 11283 return; 11284 } 11285 counter.textContent = newIndex + 1; 11286 }); 11287 11288 splide.on('mounted move', function() { 11289 const end = splide.Components.Controller.getEnd() + 1; 11290 const barWidth = 100 / end; 11291 const currentIndex = splide.index; 11292 bar.style.width = `${ 11293 barWidth + 1 11294 }%`; 11295 bar.style.left = `${ 11296 barWidth * currentIndex 11297 }%`; 11298 }); 11299 11300 splide.mount(window.splide.Extensions); 11301 }); 11302</script>
11302 11303<style> 11304 .press-logos-desktop { 11305 display: none; 11306 } 11307 .press-logo.card { 11308 display: flex; 11309 flex-direction: column; 11310 justify-content: center; 11311 align-items: center; 11312 padding: 30px; 11313 } 11314 .press-logo.card img { 11315 width: auto; 11316 max-height: 65px; 11317 } 11318 11319 .press-logos-container .controls { 11320 display: flex; 11321 justify-content: center; 11322 margin-top: 16px; 11323 align-items: center; 11324 justify-content: space-between; 11325 gap: 30px; 11326 } 11327 11328 .press-logos-container .counter { 11329 display: flex; 11330 align-items: center; 11331 margin-top: -6px; 11332 } 11333 11334 .press-logos-container .arrows { 11335 display: flex; 11336 gap: 16px; 11337 } 11338 11339 .press-logos-container .arrows button { 11340 cursor: pointer; 11341 outline: none; 11342 padding: 0; 11343 } 11344 11345 .press-logos-container .progress { 11346 display: block; 11347 background: #e7e7e7; 11348 width: 100%; 11349 position: relative; 11350 height: 1px; 11351 } 11352 11353 .press-logos-container .progress-bar { 11354 background: #000000; 11355 height: 1px; 11356 transition: left 400ms ease; 11357 position: absolute; 11358 left: 0; 11359 top: 0; 11360 } 11361 11362 @media screen and (min-width: 768px){ 11363 .press-logos-desktop { 11364 display: inline; 11365 } 11366 .press-logos-mobile { 11367 display: none; 11368 } 11369 .press-logos-container .controls { 11370 margin-top: 24px; 11371 } 11372 } 11373</style> 11374</div><div id="shopify-section-index_spacer_fVpNNh" class="shopify-section"><div data-section-id="index_spacer_fVpNNh" data-section-type="spacer"> 11375 11376 <style type="text/css"> 11377 11378 #spacer-index_spacer_fVpNNh { 11379 height: 50px; 11380 } 11381 11382 11383 11384 @media (max-width: 991px) { 11385 #spacer-index_spacer_fVpNNh { 11386 height: 50px; 11387 } 11388 } 11389 11390 11391 11392 @media (max-width: 767px) { 11393 #spacer-index_spacer_fVpNNh { 11394 height: 50px; 11395 } 11396 } 11397 11398 </style> 11399 11400 11401<div id="spacer-index_spacer_fVpNNh" 11402 class="spacer spacer--medium"> 11403</div> 11404</div> 11405 11406</div><div id="shopify-section-7898940e-9743-455c-9c34-02c3fbdac70d" class="shopify-section"><style> 11407 [id="shopify-section-7898940e-9743-455c-9c34-02c3fbdac70d"] { 11408 padding-top: 32px; 11409 padding-bottom: 32px; 11410 background-color: #F7F7F7; 11411 } 11412 11413 @media screen and (min-width: 1024px) { 11414 [id="shopify-section-7898940e-9743-455c-9c34-02c3fbdac70d"] { 11415 padding-top: 64px; 11416 padding-bottom: 64px; 11417 } 11418 } 11419</style> 11420 11421 11422 11423 11424 11425 <div 11426 data-oke-carousel 11427 11428 11429 11430 > 11431 </div> 11432 11433</div><div id="shopify-section-1624346964e5b3b4c2" class="shopify-section section-spacing section-spacing--bottom-desktop-none"> 11434<div class="try-it-person"> 11435 <div class="try-it-person__container container"> 11436 <div class="try-it-person__inner"> 11437 <div class="try-it-person__content"> 11438 <div class="try-it-person__content-inner"><h4 class="try-it-person__content-title small-heading">want a Soylent today?</h4><div class="try-it-person__content-description p-small">whether youâd like to try a single bottle, our 11oz size or get your Soylent today â weâre waiting just around the corner for you.</div><div class="try-it-person__content-icons"><div class="try-it-person__content-icon"><div class="try-it-person__content-icon-image"> 11439 <img src="//soylent.com/cdn/shop/files/amazon_150x.png?v=1623991879" alt="Amazon" width="138" height="42" /> 11440 </div></div><div class="try-it-person__content-icon"><div class="try-it-person__content-icon-image"> 11441 <img src="//soylent.com/cdn/shop/files/walmart_150x.png?v=1623991880" alt="Walmart" width="138" height="42" /> 11442 </div></div><div class="try-it-person__content-icon"><div class="try-it-person__content-icon-image"> 11443 <img src="//soylent.com/cdn/shop/files/FreshCart_Kroger_Lockup_-768x286_150x.png?v=1715032582" alt="Kroger" width="138" height="42" /> 11444 </div></div><div class="try-it-person__content-icon"><div class="try-it-person__content-icon-image"> 11445 <img src="//soylent.com/cdn/shop/files/Meijer_logo_svg_150x.png?v=1715032689" alt="Meijer" width="138" height="42" /> 11446 </div></div><div class="try-it-person__content-icon"><div class="try-it-person__content-icon-image"> 11447 <img src="//soylent.com/cdn/shop/files/H-E-B_logo_svg_150x.png?v=1715032739" alt="HEB" width="138" height="42" /> 11448 </div></div></div><div class="try-it-person__content-buttons"><a class="try-it-person__content-cta f9 fw7 uppercase" href="/pages/store-locator">Find soylent near you</a></div> 11449 </div> 11450 </div> 11451 11452 <div class="try-it-person__image"> 11453 <div class="try-it-person__picture"> 11454 <picture><source 11455 media="(max-width: 767px)" 11456 sizes="(min-width: 1440px) 33vw ,(min-width: 1024px) 50vw ,(min-width: 768px) 50vw ,100vw" 11457 data-srcset="//soylent.com/cdn/shop/files/NYNY_Retail_HP_640x.jpg?v=1703789225 640w" 11458 /><source 11459 media="(max-width: 999px)" 11460 sizes="(min-width: 1440px) 33vw ,(min-width: 1024px) 50vw ,(min-width: 768px) 50vw ,100vw" 11461 data-srcset="//soylent.com/cdn/shop/files/NYNY_Retail_HP_2024x.jpg?v=1703789225 1024w" 11462 /><source 11463 media="(min-width: 1000px)" 11464 sizes="(min-width: 1440px) 33vw ,(min-width: 1024px) 50vw ,(min-width: 768px) 50vw ,100vw" 11465 data-srcset="//soylent.com/cdn/shop/files/NYNY_Retail_HP_2160x.jpg?v=1703789225 2160w" 11466 /><img 11467 data-src="//soylent.com/cdn/shop/files/NYNY_Retail_HP_1600x.jpg?v=1703789225" 11468 class="lazyload try-it-person__picture-img object-contain" 11469 alt="want a Soylent today?" /> 11470 </picture> 11471 </div> 11472 </div> 11473 </div> 11474 </div> 11475 </div><style> 11476 #shopify-section-1624346964e5b3b4c2 { 11477 background: #ffffff; 11478 color: #212322 !important; 11479 } 11480</style> 11481 11482 11483</div><div id="shopify-section-62d23f20-3dda-4065-a552-98ae602c34c6" class="shopify-section"><div data-section-id="62d23f20-3dda-4065-a552-98ae602c34c6" data-section-type="spacer"> 11484 11485 <style type="text/css"> 11486 11487 #spacer-62d23f20-3dda-4065-a552-98ae602c34c6 { 11488 height: 25px; 11489 } 11490 11491 11492 11493 @media (max-width: 991px) { 11494 #spacer-62d23f20-3dda-4065-a552-98ae602c34c6 { 11495 height: 50px; 11496 } 11497 } 11498 11499 11500 11501 @media (max-width: 767px) { 11502 #spacer-62d23f20-3dda-4065-a552-98ae602c34c6 { 11503 height: 50px; 11504 } 11505 } 11506 11507 </style> 11508 11509 11510<div id="spacer-62d23f20-3dda-4065-a552-98ae602c34c6" 11511 class="spacer spacer--medium"> 11512</div> 11513</div> 11514 11515</div><div id="shopify-section-1624346248a5613673" class="shopify-section section-spacing section-spacing--small"> 11516 <section class="our-mission"> 11517 <div class="container"> 11518 11519 <h2 class="small-heading our-mission__title">good for you, good for the planet.</h2> 11520 11521 <div class="our-mission__inner"> 11522 11523 <div class="our-mission__content-grid"> 11524 11525 <div class="our-mission__item"> 11526 <div class="our-mission__item-icon"> 11527 <img 11528 class="lazyload" 11529 src="//soylent.com/cdn/shop/files/icon-1.svg?v=14487901786495830135" 11530 data-src="//soylent.com/cdn/shop/files/icon-1.svg?v=14487901786495830135" 11531 alt="complete nutrition" 11532 width="67" 11533 height="67" 11534 > 11535 </div> 11536 <div class="our-mission__item-content"> 11537 <h3 class="p1 fw7 our-mission__item-title">complete nutrition</h3> 11538 <p class="p1 our-mission__item-description">Soylent products help you meet your daily and weekly nutritional goals. Our products can both stand in for complete meals as well as fill your nutrition gaps as snacks, supplements, and beyond!</p> 11539 </div> 11540 </div> 11541 11542 <div class="our-mission__item"> 11543 <div class="our-mission__item-icon"> 11544 <img 11545 class="lazyload" 11546 src="//soylent.com/cdn/shop/files/icon-3.svg?v=17286142263843201633" 11547 data-src="//soylent.com/cdn/shop/files/icon-3.svg?v=17286142263843201633" 11548 alt="sustainability" 11549 width="67" 11550 height="67" 11551 > 11552 </div> 11553 <div class="our-mission__item-content"> 11554 <h3 class="p1 fw7 our-mission__item-title">sustainability</h3> 11555 <p class="p1 our-mission__item-description">Soylent supports sustainable agriculture and employs best practices to reduce our carbon footprint across our entire supply chain.</p> 11556 </div> 11557 </div> 11558 11559 <div class="our-mission__item"> 11560 <div class="our-mission__item-icon"> 11561 <img 11562 class="lazyload" 11563 src="//soylent.com/cdn/shop/files/icon-2.svg?v=16588380698404734469" 11564 data-src="//soylent.com/cdn/shop/files/icon-2.svg?v=16588380698404734469" 11565 alt="science-based" 11566 width="67" 11567 height="67" 11568 > 11569 </div> 11570 <div class="our-mission__item-content"> 11571 <h3 class="p1 fw7 our-mission__item-title">science-based</h3> 11572 <p class="p1 our-mission__item-description">every ingredient in our products is backed by science and carefully selected for specific and synergistic functional benefits.</p> 11573 </div> 11574 </div> 11575 11576 <div class="our-mission__item"> 11577 <div class="our-mission__item-icon"> 11578 <img 11579 class="lazyload" 11580 src="//soylent.com/cdn/shop/files/icon-4.svg?v=17484930403509546712" 11581 data-src="//soylent.com/cdn/shop/files/icon-4.svg?v=17484930403509546712" 11582 alt="affordability" 11583 width="67" 11584 height="67" 11585 > 11586 </div> 11587 <div class="our-mission__item-content"> 11588 <h3 class="p1 fw7 our-mission__item-title">affordability</h3> 11589 <p class="p1 our-mission__item-description">we believe that everyone has the right to nutritious meals and are committed to having products that are affordable and accessible to all.</p> 11590 </div> 11591 </div> 11592 11593 </div> 11594 11595 11596 <div class="our-mission__counting"> 11597 11598 <h3 class="p1 fw7 our-mission__counting-text">over 6 million meals donated through #SoylentForGood!</h3> 11599 11600 11601 <p class="f11 fw7 our-mission__counting-number">6,179,898</p> 11602 11603 11604 <a href="/blogs/news/tagged/soylent-for-good" class="cta cta-7 our-mission__cta">Learn more</a> 11605 11606 </div> 11607 </div> 11608 </div> 11609 </section> 11610 11611 11612<style> 11613 #shopify-section-1624346248a5613673 { 11614 background: #ffffff; 11615 color: #212322 !important; 11616 padding-top: 0px; 11617 padding-bottom: 0px; 11618 } 11619</style> 11620 11621 11622</div><div id="shopify-section-66b5207c-42fd-4c86-a9ca-782d5cd46b91" class="shopify-section"><div data-section-id="66b5207c-42fd-4c86-a9ca-782d5cd46b91" data-section-type="spacer"> 11623 11624 <style type="text/css"> 11625 11626 #spacer-66b5207c-42fd-4c86-a9ca-782d5cd46b91 { 11627 height: 50px; 11628 } 11629 11630 11631 11632 @media (max-width: 991px) { 11633 #spacer-66b5207c-42fd-4c86-a9ca-782d5cd46b91 { 11634 height: 50px; 11635 } 11636 } 11637 11638 11639 11640 @media (max-width: 767px) { 11641 #spacer-66b5207c-42fd-4c86-a9ca-782d5cd46b91 { 11642 height: 50px; 11643 } 11644 } 11645 11646 </style> 11647 11648 11649<div id="spacer-66b5207c-42fd-4c86-a9ca-782d5cd46b91" 11650 class="spacer spacer--medium"> 11651</div> 11652</div> 11653 11654</div><div id="shopify-section-1a0b50ab-3269-420a-9b40-f896e6a88d72" class="shopify-section"><section class="foursixty-section container"> 11655 11656<header> 11657<h2 class="small-heading fs_title">follow us @ Soylent</h2> 11658<p style="padding-bottom:15px;">tag us on Instagram for a chance to be featured!</p> 11659</header> 11660
11661<script src="//foursixty.com/media/scripts/fs.embed.v2.5.js" data-category-filter="Homepage" data-show-okendo-stars="true" data-feed-id="soylent" data-theme="lookbook_v2_5" data-open-links-in-same-page="true" data-page-size="12"></script>
11661 11662<style> 11663.fs-has-links::after { padding:8px 12px;background-color:rgba(0,0,0,1);color:rgba(177, 214, 180, 0.8);content:"SHOP NOW"; } .fs-wrapper { height:auto; } .fs-lookbook_v2_5 .fs-entry-container { height:0 !important;width:16.6666667%!important;padding-top:16.6666667%!important; } .fs-wrapper div.fs-text-container .fs-entry-title, div.fs-detail-title { font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-style:normal;font-weight:normal;font-size:12px; } div.fs-text-container .fs-entry-date, div.fs-detail-container .fs-post-info, div.fs-wrapper div.fs-has-links::after, .fs-text-product, .fs-overlink-text { font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-style:normal;font-weight:bold;font-size:14px; } .fs-wrapper div.fs-text-container * { color:rgba(0,0,0,1); } .fs-wrapper div.fs-text-container { background-color:rgba(177, 214, 180, 0.6);margin:0px; } div.fs-entry-date { display:none; } div.fs-entry-title { display:none; } .fs-lookbook_v2_5 .fs-wrapper div.fs-timeline-entry { margin:1px; } 11664.fs-embed { max-height: 90vh; } 11665.foursixty-section .fs-wrapper {margin-bottom: 30px;} 11666.fs-post-info { font-size: 12px !important; } 11667.fs-post-info a, .fs-service-username, .fs-slashes, .fs-detail-date { text-transform: lowercase; color: #666 !important; } 11668.foursixty-section { padding-top: 20px; padding-bottom: 10px;} 11669.fs-add-to-cart-enabled .fs-view a, .fs-add-to-cart-enabled .fs-view a:link { font-size: 12px; font-weight: 500;} 11670.fs-shopify-add-cart.fs-shopify-add-cart-container { font-family: inherit; max-width: 110px; font-size: 11px; padding: 12px 15px; color: #b1d6b4 } 11671.fs-shopify-add-cart.fs-shopify-add-cart-container:hover { background-color: #b1d6b4!important; color: #000!important; } 11672.fs-button-bar .fs-buy-button {font-family: inherit; font-size: 13px; color: inherit; } 11673.fs-button-bar .fs-buy-button:hover { background-color: #b1d6b4!important; color: #000!important; } 11674.fs-option-label {font-family: inherit; font-size: 13px; } 11675h2.fs_title {margin-bottom: 0!important; color: inherit;} 11676/* extra space for additional CSS */ 11677.fs-next-button::before { content: "LOAD MORE"; border: 2px solid #000; padding: 10px; }.fs-next-button svg { display: none; } 11678.fs-next-button:hover:before { background-color: #000; color: #fff; } 11679@media only screen and (max-width: 768px) { 11680 .fs-wrapper div.fs-entry-container { height: 0; width: 33.3334% !important; padding-top: 33.3334% !important; } } 11681</style> 11682 11683<style> 11684#reviews .foursixty-section.container{ 11685 width:100%; 11686 max-width:1440px; 11687} 11688@media only screen and (min-width: 768px) { 11689 #reviews .foursixty-section.container{ 11690 padding-left:40px; 11691 padding-right:40px; 11692 } 11693} 11694 11695@media only screen and (min-width: 992px) { 11696 #reviews .foursixty-section.container{ 11697 padding-left:60px; 11698 padding-right:60px; 11699 } 11700} 11701 11702@media only screen and (min-width: 1200px) { 11703 #reviews .foursixty-section.container{ 11704 padding-left:80px; 11705 padding-right:80px; 11706 } 11707} 11708</style> 11709 11710<style> 11711 #shopify-section-1a0b50ab-3269-420a-9b40-f896e6a88d72 { 11712 background: #ffffff; 11713 color: #212322 !important; 11714 } 11715</style> 11716 11717</section> 11718 11719 11720 11721 11722</div><!-- END content_for_index --> 11723 11724 </main> 11725 11726 <div id="shopify-section-footer" class="shopify-section"><footer class="footer" data-section-id="footer" data-section-type="footer"> 11727 <div class="footer__container container"> 11728 <div class="footer__inner"> 11729 <div class="footer__top"> 11730 11731 <div class="footer__columns"><div class="footer__column-menu"> 11732 <h2 class="footer_column-menu__title fw7 f12"> 11733 learn more 11734 </h2> 11735 <ul class="footer_column-menu__list" data-navigation="footer-navigation-1"><li><a class="p1" href="https://soylent.com/pages/blogs">blog</a></li><li><a class="p1" href="/blogs/press">press</a></li><li><a class="p1" href="/pages/careers">careers</a></li><li><a class="p1" href="/products/gift-card">gift cards</a></li><li><a class="p1" href="/pages/soylent-discount-codes-promotions">discount programs</a></li></ul> 11736 </div>
11736<div class="footer__column-menu"> 11737 <h2 class="footer_column-menu__title fw7 f12"> 11738 support 11739 </h2> 11740 <ul class="footer_column-menu__list" data-navigation="footer-navigation-2"><li><a class="p1" href="https://soylent.com/pages/contact">contact</a></li><li><a class="p1" href="/pages/store-locator">find a store</a></li><li><a class="p1" href="https://order.soylent.com/">where's my order?</a></li><li><a class="p1" href="https://faq.soylent.com">FAQ</a></li></ul> 11741 </div><div class="footer__social-list"> 11742 <h2 class="footer__social-list-title fw7 f6"> 11743 social 11744 </h2> 11745 <ul class="footer__social-list-inner"> 11746 <li class="footer__social-item icon-instagram"> 11747 <a class="db footer__social-item-link" target="_blank" href="https://www.instagram.com/soylent/" title="Soylent on Instagram"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 11748<g clip-path="url(#clip0_2447_4682)"> 11749<path d="M10 0C7.28418 0 6.94363 0.0115116 5.87702 0.0601778C4.81264 0.108765 4.0857 0.277787 3.44959 0.525008C2.792 0.780565 2.23432 1.1225 1.67839 1.67843C1.12246 2.23436 0.780526 2.79204 0.524968 3.44963C0.277747 4.0857 0.108725 4.81264 0.0601381 5.87702C0.0114719 6.94363 0 7.28418 0 10C0 12.7159 0.0114719 13.0564 0.0601381 14.123C0.108725 15.1874 0.277747 15.9143 0.524968 16.5504C0.780526 17.208 1.12246 17.7657 1.67839 18.3216C2.23432 18.8776 2.792 19.2195 3.44959 19.4751C4.0857 19.7223 4.81264 19.8913 5.87702 19.9399C6.94363 19.9885 7.28418 20 10 20C12.7159 20 13.0564 19.9885 14.123 19.9399C15.1874 19.8913 15.9143 19.7223 16.5504 19.4751C17.208 19.2195 17.7657 18.8776 18.3216 18.3216C18.8776 17.7657 19.2195 17.208 19.4751 16.5504C19.7223 15.9143 19.8913 15.1874 19.9399 14.123C19.9885 13.0564 20 12.7159 20 10C20 7.28418 19.9885 6.94363 19.9399 5.87702C19.8913 4.81264 19.7223 4.0857 19.4751 3.44963C19.2195 2.79204 18.8776 2.23436 18.3216 1.67843C17.7657 1.1225 17.208 0.780565 16.5504 0.525008C15.9143 0.277787 15.1874 0.108765 14.123 0.0601778C13.0564 0.0115116 12.7159 0 10 0ZM10 1.80184C12.6701 1.80184 12.9864 1.812 14.0409 1.86011C15.0159 1.90461 15.5454 2.06752 15.8977 2.20443C16.3645 2.38584 16.6976 2.60257 17.0476 2.95249C17.3975 3.3024 17.6142 3.63556 17.7956 4.10229C17.9326 4.45467 18.0955 4.98416 18.1399 5.95915C18.188 7.01362 18.1982 7.32991 18.1982 10C18.1982 12.6701 18.188 12.9864 18.1399 14.0409C18.0955 15.0159 17.9326 15.5454 17.7956 15.8977C17.6142 16.3645 17.3975 16.6976 17.0476 17.0476C16.6976 17.3975 16.3645 17.6142 15.8977 17.7956C15.5454 17.9326 15.0159 18.0955 14.0409 18.1399C12.9866 18.188 12.6703 18.1982 10 18.1982C7.32971 18.1982 7.0135 18.188 5.95915 18.1399C4.98416 18.0955 4.45467 17.9326 4.10229 17.7956C3.63552 17.6142 3.3024 17.3975 2.95245 17.0476C2.60253 16.6976 2.3858 16.3645 2.20443 15.8977C2.06748 15.5454 1.90457 15.0159 1.86007 14.0409C1.81196 12.9864 1.8018 12.6701 1.8018 10C1.8018 7.32991 1.81196 7.01362 1.86007 5.95915C1.90457 4.98416 2.06748 4.45467 2.20443 4.10229C2.3858 3.63556 2.60253 3.3024 2.95245 2.95249C3.3024 2.60257 3.63552 2.38584 4.10229 2.20443C4.45467 2.06752 4.98416 1.90461 5.95915 1.86011C7.01362 1.812 7.32991 1.80184 10 1.80184Z" fill="#505050"/> 11750<path d="M9.99844 13.3332C8.15746 13.3332 6.66508 11.8409 6.66508 9.99991C6.66508 8.15893 8.15746 6.66655 9.99844 6.66655C11.8394 6.66655 13.3318 8.15893 13.3318 9.99991C13.3318 11.8409 11.8394 13.3332 9.99844 13.3332ZM9.99844 4.86475C7.16235 4.86475 4.86328 7.16381 4.86328 9.99991C4.86328 12.836 7.16235 15.135 9.99844 15.135C12.8345 15.135 15.1336 12.836 15.1336 9.99991C15.1336 7.16381 12.8345 4.86475 9.99844 4.86475Z" fill="#505050"/> 11751<path d="M16.5367 4.6619C16.5367 5.32465 15.9995 5.86188 15.3367 5.86188C14.674 5.86188 14.1367 5.32465 14.1367 4.6619C14.1367 3.99915 14.674 3.46191 15.3367 3.46191C15.9995 3.46191 16.5367 3.99915 16.5367 4.6619Z" fill="#505050"/> 11752</g> 11753<defs> 11754<clipPath id="clip0_2447_4682"> 11755<rect width="20" height="20" fill="white"/> 11756</clipPath> 11757</defs> 11758</svg> 11759<span class="icon-fallback-text">Instagram</span> 11760 </a> 11761 </li><li class="footer__social-item icon-tiktok"> 11762 <a class="db footer__social-item-link" target="_blank" href="https://www.tiktok.com/@soylent_nutrition" title="Soylent on Tiktok"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 11763<g clip-path="url(#clip0_2447_4687)"> 11764<path d="M10.441 0H13.7771C13.8129 0.145716 13.8408 0.293281 13.8605 0.442035C13.9622 1.60223 14.4929 2.68279 15.349 3.47249C16.205 4.26219 17.3247 4.70425 18.4894 4.71226V7.85655C18.3333 7.90727 18.1696 7.92986 18.0056 7.92327C17.2296 7.83756 16.4605 7.69822 15.7037 7.50626C1
117645.0506 7.25491 14.4153 6.95954 13.8021 6.62218V7.0392C13.8021 8.70726 13.8021 10.4254 13.8021 12.1184C13.8105 12.8075 13.7659 13.4962 13.6687 14.1785C13.5224 15.3173 13.0868 16.3996 12.4035 17.3224C11.7203 18.2451 10.812 18.9774 9.76543 19.4495C9.15039 19.6757 8.52062 19.8596 7.88053 20H6.72123C6.67265 19.977 6.62248 19.9574 6.5711 19.9416C5.3961 19.7922 4.29235 19.2958 3.40095 18.5158C2.50955 17.7358 1.871 16.7077 1.56693 15.563C1.42694 15.0648 1.32105 14.5576 1.25 14.045V13.0692C1.34174 12.6105 1.40847 12.1518 1.54191 11.7014C1.9178 10.4988 2.64402 9.43571 3.62762 8.64823C4.61123 7.86075 5.80745 7.38472 7.06318 7.28107C7.43849 7.22269 7.8138 7.20601 8.21414 7.17264C8.21414 8.25688 8.21414 9.25771 8.21414 10.2669C8.21414 10.5088 8.08903 10.5421 7.88886 10.6005C7.2494 10.7471 6.62206 10.9423 6.0123 11.1843C5.54268 11.3613 5.13919 11.679 4.85703 12.094C4.57487 12.5091 4.42782 13.0011 4.43599 13.5029C4.40062 14.072 4.53362 14.6388 4.81841 15.1327C5.10319 15.6266 5.52713 16.0258 6.03732 16.2802C6.50386 16.5687 7.04576 16.7117 7.5939 16.6909C8.14204 16.6701 8.67155 16.4865 9.11489 16.1635C9.44684 15.9258 9.72524 15.6211 9.93211 15.2692C10.139 14.9172 10.2697 14.5257 10.3159 14.1201C10.4156 13.29 10.4574 12.4539 10.441 11.618C10.441 7.91493 10.441 4.20906 10.441 0.500417C10.466 0.325271 10.4493 0.166806 10.441 0Z" fill="#505050"/> 11765</g> 11766<defs> 11767<clipPath id="clip0_2447_4687"> 11768<rect width="20" height="20" fill="white"/> 11769</clipPath> 11770</defs> 11771</svg> 11772<span class="icon-fallback-text">Tiktok</span> 11773 </a> 11774 </li><li class="footer__social-item icon-twitter"> 11775 <a class="db footer__social-item-link" target="_blank" href="https://twitter.com/soylent" title="Soylent on Twitter"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" fill="#010002"/></svg> 11776<span class="icon-fallback-text">Twitter</span> 11777 </a> 11778 </li><li class="footer__social-item icon-reddit"> 11779 <a class="db footer__social-item-link" target="_blank" href="https://www.reddit.com/r/soylent/" title="Soylent on Reddit"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 11780<g clip-path="url(#clip0_2447_4690)"> 11781<path d="M20 10.1581C20 8.88787 18.9665 7.85434 17.6962 7.85434C17.1311 7.85434 16.5983 8.05877 16.1776 8.42888C14.6541 7.45394 12.6213 6.83968 10.379 6.77352L11.751 2.08072L15.1197 2.7066C15.1196 2.73397 15.1143 2.76008 15.1157 2.78774C15.1566 3.58946 15.842 4.20834 16.6437 4.16744C17.4454 4.12655 18.0643 3.44111 18.0234 2.63942C17.9825 1.8377 17.2971 1.21882 16.4954 1.25972C15.9778 1.28612 15.5397 1.58302 15.3028 2.00464L15.3016 2.00415L11.2422 1.25L9.62527 6.77223C7.37752 6.83215 5.33825 7.44285 3.8082 8.41601C3.38975 8.05387 2.86246 7.85434 2.30379 7.85434C1.03357 7.85434 0 8.88783 0 10.1581C0 10.9438 0.404486 11.6683 1.05948 12.091C1.01968 12.3209 0.996963 12.5544 0.996963 12.7913C0.996963 16.1166 5.02782 18.8221 9.98287 18.8221C14.9379 18.8221 18.9687 16.1165 18.9687 12.7913C18.9687 12.5612 18.9476 12.3345 18.91 12.111C19.583 11.6915 20 10.9562 20 10.1581ZM5.71228 11.7261C5.71228 10.9448 6.34594 10.3108 7.12839 10.3108C7.91011 10.3108 8.54377 10.9448 8.54377 11.7261C8.54377 12.5082 7.91011 13.1419 7.12839 13.1419C6.34594 13.1419 5.71228 12.5082 5.71228 11.7261ZM13.3201 15.5552C13.278 15.5994 12.2621 16.6329 9.96631 16.6329C7.65876 16.6329 6.73565 15.585 6.69763 15.5406C6.56754 15.3887 6.58527 15.1599 6.73719 15.0302C6.88833 14.9013 7.11487 14.9179 7.24532 15.0675C7.26601 15.0901 8.03648 15.9092 9.96635 15.9092C11.9298 15.9092 12.7906 15.0611 12.7993 15.0529C12.9384 14.9111 13.1672 14.9077 13.31 15.0468C13.4521 15.1855 13.4574 15.4117 13.3201 15.5552ZM13.0386 13.1419C12.2561 13.1419 11.6225 12.5082 11.6225 11.7261C11.6225 10.9448 12.2561 10.3108 13.0386 10.3108C13.8203 10.3108 14.454 10.9448 14.454 11.7261C14.454 12.5082 13.8203 13.1419 13.0386 13.1419Z" fill="#505050"/> 11782</g> 11783<defs> 11784<clipPath id="clip0_2447_4690"> 11785<rect width="20" height="20" fill="white"/> 11786</clipPath> 11787</defs> 11788</svg> 11789<span class="icon-fallback-text">Reddit</span> 11790 </a> 11791 </li><li class="footer__social-item icon-linkedin"> 11792 <a class="db footer__social-item-link" target="_blank" href="https://www.linkedin.com/company/3496279/" title="Soylent on Linkedin"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-linkedin"><path d="M398.355 0H31.782C14.229 0 .002 13.793.002 30.817v368.471c0 17.025 14.232 30.83 31.78 30.83h366.573c17.549 0 31.76-13.814 31.76-30.83V30.817C430.115 13.798 415.904 0 398.355 0zM130.4 360.038H65.413V165.845H130.4v194.193zM97.913 139.315h-.437c-21.793 0-35.92-14.904-35.92-33.563 0-19.035 14.542-33.535 36.767-33.535 22.227 0 35.899 14.496 36.331 33.535 0 18.663-14.099 33.563-36.741 33.563zm266.746 220.723h-64.966v-103.9c0-26.107-9.413-43.921-32.907-43.921-17.973 0-28.642 12.018-33.327 23.621-1.736 4.144-2.166 9.94-2.166 15.728v108.468h-64.954s.85-175.979 0-194.192h64.964v27.531c8.624-13.229 24.035-32.1 58.534-32.1 42.76 0 74.822 27.739 74.822 87.414v111.351zM230.883 193.99c.111-.182.266-.401.42-.614v.614h-.42z"/></svg><span class="icon-fallback-text">Linkedin</span> 11793 </a> 11794 </li><li class="footer__social-item icon-facebook"> 11795 <a class="db footer__social-item-link" target="_blank" href="https://www.facebook.com/Soylent/" title="Soylent on Facebook"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewB
11795ox="0 0 155.139 155.139"><path d="M89.584 155.139V84.378h23.742l3.562-27.585H89.584V39.184c0-7.984 2.208-13.425 13.67-13.425l14.595-.006V1.08C115.325.752 106.661 0 96.577 0 75.52 0 61.104 12.853 61.104 36.452v20.341H37.29v27.585h23.814v70.761h28.48z" fill="#010002"/></svg><span class="icon-fallback-text">Facebook</span> 11796 </a> 11797 </li> 11798 </ul> 11799 </div></div> 11800 11801 <div class="footer__subscribe-form" data-footer-subscribe-form-content><div class="klaviyo-form-YmL3b8"></div> 11802</div> 11803 </div> 11804 <div class="footer__bottom"> 11805 <div class="footer__menu-bottom"> 11806 <div class="footer__menu-logo"><svg version="1.1" id="Layer_1" class="icon icon--wide icon-logo" role="img" aria-labelledby="soylent-logo-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 150 71" style="enable-background:new 0 0 150 71;" xml:space="preserve"> 11807 <title id="soylent-logo-svg">soylent logo</title> 11808 <path class="st0" d="M62.6,123h-0.4c-2.7,0-4.9,1.8-4.9,4v2.3h10.1v-2.3C67.4,124.8,65.3,123,62.6,123z M15.3,127.1 11809 c0-2.2-2.2-4-4.8-4H10c-2.7,0-4.8,1.8-4.8,4v7.5c0,2.2,2.2,4,4.8,4h0.5c2.7,0,4.8-1.8,4.8-4L15.3,127.1L15.3,127.1z"/> 11810 <g> 11811 <path class="st1" d="M21.2,34.3c-3.1-0.6-5-1.5-5-2.5v-0.3c0-2.6,4.4-2.6,4.6-2.6h0.3c2.2,0,3.8,0.9,4.7,1.6 11812 c0.7,0.6,1.9,0.2,2.2-0.6c0.2-0.5,0-1.1-0.5-1.5c-1.3-0.9-3.3-2.2-6.5-2.2h-0.3c-3.5,0-7.3,1.6-7.3,5.2v0.3c0,3.9,5.5,4.7,7.3,5 11813 c3.6,0.6,5.7,1.4,5.7,3.6c0,3.1-4.3,3.2-5.2,3.2h-0.4c-1.9,0-4.6-1.2-5.5-2.7c-0.2-0.4-0.7-0.7-1.2-0.7c-0.5,0-1.1,0.3-1.3,0.7 11814 c-0.2,0.4-0.2,0.9,0,1.2c1.4,2.6,5.1,4.1,8,4.1h0.4c3.7,0,8-1.5,8-5.9C29.3,35.6,24.6,34.8,21.2,34.3L21.2,34.3L21.2,34.3z 11815 M41.1,26.2h-0.5c-4.2,0-7.6,2.9-7.6,6.4v7.1c0,3.6,3.4,6.4,7.6,6.4h0.5c4.2,0,7.6-2.9,7.6-6.4v-7.1C48.6,29.1,45.2,26.2,41.1,26.2 11816 L41.1,26.2z M41.1,43.6h-0.5c-2.6,0-4.8-1.7-4.8-3.8v-7.1c0-2.1,2.1-3.8,4.8-3.8h0.5c2.6,0,4.8,1.7,4.8,3.8v7.1 11817 C45.8,41.9,43.7,43.6,41.1,43.6L41.1,43.6z M67.5,26.2c-0.8,0-1.4,0.6-1.4,1.3V40l0,0.4c-0.2,1.8-2.4,3.2-4.8,3.2h-0.5 11818 c-2.6,0-4.8-1.7-4.8-3.9V27.5c0-0.8-0.6-1.3-1.4-1.3c-0.8,0-1.4,0.6-1.4,1.3v12.2c0,3.6,3.4,6.5,7.6,6.5h0.5c1.7,0,3.5-0.5,4.8-1.3 11819 v2.6c0,2.1-2.1,3.8-4.8,3.8h-0.5c-2.5,0-4.7-1.1-5.3-2.6c-0.2-0.5-0.7-0.9-1.3-0.9c-0.7,0-1.4,0.5-1.4,1.3c0,0.1,0,0.3,0.1,0.6 11820 c1.1,2.8,4.8,4.2,7.9,4.2h0.5c4.2,0,7.6-2.9,7.6-6.4v-20C68.9,26.7,68.2,26.2,67.5,26.2L67.5,26.2L67.5,26.2z M81.6,44.1 11821 c-0.3-0.3-0.7-0.5-1.1-0.5c-1.8,0-3.3-1.2-3.3-2.6V19.8c0-0.8-0.6-1.3-1.4-1.3c-0.8,0-1.4,0.6-1.4,1.3V41c0,2.9,2.7,5.2,6.1,5.2 11822 c0.9,0,1.4-0.7,1.4-1.3c0-0.2,0-0.3-0.1-0.5C81.8,44.5,81.7,44.3,81.6,44.1C81.6,44.1,81.6,44.1,81.6,44.1z M92.6,26.2h-0.4 11823 c-4.2,0-7.6,2.9-7.6,6.4v7.1c0,3.6,3.4,6.4,7.6,6.4h0.5c3.2,0,6.1-1.7,7.1-4.3l0-0.1c0-0.1,0.1-0.2,0.1-0.4c0-0.7-0.6-1.3-1.5-1.3 11824 c-0.6,0-1.2,0.4-1.3,0.8c-0.7,1.6-2.5,2.7-4.5,2.7h-0.5c-2.6,0-4.8-1.7-4.8-3.8v-2.3h11.4c0.8,0,1.4-0.6,1.4-1.3v-3.5 11825 C100.3,29,97,26.2,92.6,26.2L92.6,26.2z M97.5,32.6v2.2h-10v-2.2c0-2.1,2.2-3.8,4.8-3.8h0.4C95.3,28.8,97.5,30.5,97.5,32.6z 11826 M113.1,26.2h-0.4c-1.8,0-3.5,0.5-4.8,1.4v0c0-0.7-0.6-1.3-1.4-1.3c-0.8,0-1.4,0.6-1.4,1.3v17.4c0,0.7,0.6,1.3,1.4,1.3 11827 c0.8,0,1.4-0.6,1.4-1.3V32.3c0-1.9,2.2-3.5,4.8-3.5h0.4c2.7,0,4.8,1.7,4.8,3.9v12.2c0,0.7,0.6,1.3,1.4,1.3c0.7,0,1.4-0.5,1.4-1.3 11828 V32.7C120.7,29.1,117.3,26.2,113.1,26.2L113.1,26.2z M133,43.6c-1.8,0-3.3-1.1-3.3-2.6V28.9h3c0.9,0,1.4-0.7,1.4-1.3 11829 c0-0.6-0.5-1.3-1.4-1.3h-3v-6.5c0-0.7-0.6-1.3-1.4-1.3c-0.8,0-1.4,0.6-1.4,1.3v6.5h-1.5c-0.9,0-1.4,0.7-1.4,1.3c0,0.1,0,0.1,0,0.2 11830 c0,0.2,0.1,0.4,0.1,0.4c0.2,0.4,0.7,0.8,1.3,0.8h1.5V41c0,2.9,2.7,5.2,6.1,5.2c0.9,0,1.4-0.7,1.4-1.3 11831 C134.4,44.3,133.9,43.6,133,43.6L133,43.6z"/> 11832 <path class="st1" d="M0,0v71h150V0H0z M3.2,68V3h143.7v65L3.2,68L3.2,68z"/> 11833 </g> 11834 </svg> 11835 </div> 11836 11837 <div class="footer__menu-bottom-nav"><ul class="footer__menu-bottom-nav-inner"> 11838 <li class="footer__menu-bottom-nav-item"><a class="f9" href="/pages/terms">terms & conditions</a></li> 11839 11840 11841 <li class="footer__menu-bottom-nav-item"><a class="f9" href="/pages/privacy-policy">privacy policy</a></li> 11842 11843 11844 <li class="footer__menu-bottom-nav-item"><a class="f9" href="/pages/ada-compliance">accessibility statement</a></li> 11845 11846 11847 <li class="footer__menu-bottom-nav-item">
11847<a class="f9" href="/pages/do-not-sell-or-share-my-personal-information-notice">do not sell or share my personal Info</a></li> 11848 11849 11850 <li class="footer__menu-bottom-nav-item"><a class="f9" href="/pages/notice-of-collection-ccpa">notice of collection</a></li> 11851 11852 11853 <li class="footer__menu-bottom-nav-item"><a class="f9" href="/pages/cookies">cookie policy</a></li> 11854 11855</ul></div> 11856 </div> 11857 <div class="footer__copyright"> 11858 <p class="footer__copyright-text f9">Copyright © 2026, <a href="/" title="">Soylent</a></p> 11859 </div> 11860 </div> 11861 </div> 11862 </div> 11863</footer> 11864 11865<style> 11866 .footer__social-item-link svg path { 11867 fill: white; 11868 } 11869</style> 11870 11871 11872</div> 11873 </div> 11874
11874<script defer src="https://rebuyengine.com/onsite/js/global.js?shop=soylent-prod.myshopify.com"></script>
11874 11875 11876 11877 11878 11879 11880
11881<script type="text/x-handlebars-template" data-slideup-template> 11882 <div class="slideup"> 11883 <div class="slideup__container"> 11884 <a href="#" class="slideup__close" title="close" data-slideup-close><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close"><path fill="#212322" fill-rule="evenodd" d="M8.203 7.373l6.207-6.207c.477-.478 1.18-.548 1.571-.157.39.39.32 1.094-.157 1.571L9.617 8.787l6.207 6.207c.477.477.547 1.18.157 1.571-.39.39-1.094.32-1.571-.157L8.203 10.2l-6.207 6.207c-.477.477-1.18.547-1.571.157-.39-.39-.32-1.094.157-1.571l6.207-6.207L.582 2.58C.104 2.103.034 1.4.425 1.009c.39-.39 1.094-.32 1.571.157l6.207 6.207z"/></svg></a> 11885 <div class="slideup__content"> 11886 {{#if title}} 11887 <h4 class="slideup__title">{{ title }}</h4> 11888 {{/if}} 11889 {{#if text}} 11890 <div class="slideup__text">{{ text }}</div> 11891 {{/if}} 11892 </div> 11893 </div> 11894 </div> 11895</script>
11895 11896 11897 <div id="search-overlay" class="overlay" tabindex="-1"> 11898 <div class="overlay__content-wrapper"> 11899 <div class="overlay__content"> 11900 <div style="width: 500px; max-width: 100%; padding: 20px 35px; margin: 0 auto; position: relative;"> 11901 <a href="#" class="overlay__close" data-overlay-close style="position: absolute; top: 0; right: 0;" title="Close overlay"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close"><path fill="#212322" fill-rule="evenodd" d="M8.203 7.373l6.207-6.207c.477-.478 1.18-.548 1.571-.157.39.39.32 1.094-.157 1.571L9.617 8.787l6.207 6.207c.477.477.547 1.18.157 1.571-.39.39-1.094.32-1.571-.157L8.203 10.2l-6.207 6.207c-.477.477-1.18.547-1.571.157-.39-.39-.32-1.094.157-1.571l6.207-6.207L.582 2.58C.104 2.103.034 1.4.425 1.009c.39-.39 1.094-.32 1.571.157l6.207 6.207z"/></svg></a> 11902 <form action="/search" method="get" role="search"> 11903 <input type="hidden" name="type" value="product,article" /> 11904 <div class="minimal-input-box minimal-input-box--large"> 11905 <input type="search" placeholder="Search products & content" class="minimal-input-box__input" /> 11906 <button type="submit" class="minimal-input-box__submit"> 11907 <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 20 20"><path class="st0" d="M18.7 17.3l-3.2-3.2c1.1-1.4 1.7-3.1 1.7-5 0-4.5-3.6-8.1-8.1-8.1S1 4.6 1 9.1s3.6 8.1 8.1 8.1c1.9 0 3.6-.6 5-1.7l3.2 3.2c.2.2.5.3.7.3s.5-.1.7-.3c.4-.4.4-1 0-1.4zM3 9.1C3 5.7 5.7 3 9.1 3c3.4 0 6.1 2.7 6.1 6.1 0 1.7-.7 3.2-1.8 4.3-1.1 1.1-2.6 1.8-4.3 1.8-3.4 0-6.1-2.7-6.1-6.1z"/></svg> 11908 <span class="icon-fallback-text">Search</span> 11909 </button> 11910 </div> 11911 </form> 11912 </div> 11913 </div> 11914 </div> 11915</div> 11916 11917 11918 11919 11920
11921<script src="//soylent.com/cdn/shop/t/714/assets/vendors@collection@index@[email protected]?v=5329428953114170831687817161" defer></script>
11921 11922
11922<script src="//soylent.com/cdn/shop/t/714/assets/vendors@index@[email protected]?v=75211479120591076291687817161" defer></script>
11922 11923
11923<script src="//soylent.com/cdn/shop/t/714/assets/index.js?v=71152470059657994451780551286" defer></script>
11923<div data-rebuy-id="13181"></div><div data-rebuy-id='13181'></div> 11924 11925
11926<script> 11927 var _klOnsite = _klOnsite || [] 11928 11929 window.addEventListener('DOMContentLoaded', (event) => { 11930 11931 let atcBtns = document.querySelectorAll('.add-to-cart') 11932 atcBtns.forEach(function (element, index){ 11933 11934 element.addEventListener('click', function (e) { 11935 11936 let index = element.getAttribute('key') 11937 let tab = document.querySelector('.collection-tab__nav-item.active') 11938 let tabIndex = tab ? tab.getAttribute('key') : "" 11939 let tabProductsData = tab ? window.BARREL.collectionTab[tabIndex].products : window.BARREL.collection.products 11940 var item = { 11941 Name: tabProductsData[index].title, 11942 ProductID: tabProductsData[index].id, 11943 ImageURL: tabProductsData[index].featuredImage, 11944 URL: "https://soylent.com" + tabProductsData[index].url, 11945 Price: (tabProductsData[index].price / 100).toLocaleString('en-US', { style: 'currency', currency: 'USD' }) 11946 } 11947 11948 _klOnsite.push(['track', 'Added to Cart', item]); 11949 }) 11950 }) 11951}) 11952</script>
11952 11953 11954 11955
11956<script type="text/javascript"> 11957 var _klOnsite = _klOnsite || []; 11958 _klOnsite.push(['track', 'Viewed Page', 11959 { 11960 url: window.location.href, 11961 path: window.location.pathname, 11962 title: document.title, 11963 template: "index", 11964 handle: '', 11965 } 11966 ]); 11967</script>
11967 11968 11969 11970 <!--
11971<script> 11972 window.addEventListener("load", () => { 11973 11974 let targetSelector = ""; 11975 let attributes = {}; 11976 11977 attributes.size = "sm"; // xs, sm, md, lg 11978 attributes.showUpperLimit = false; 11979 attributes.showInterestFree = false; 11980 attributes.logoType = "lockup"; 11981 attributes.isEligible = true; 11982 attributes.locale = "en_US"; 11983 attributes.currency = "USD"; 11984 11985 11986 let cartItems = []; 11987 console.log(cartItems); 11988 console.log(cartItems.some(item => item.properties["shipping_interval_frequency"])); 11989 let subscriptionProductPresent = cartItems.some(item => item.properties["shipping_interval_frequency"]); 11990 let giftCardPresent = cartItems.some(item => item.gift_card); 11991 if (subscriptionProductPresent) { 11992 attributes.cartIsEligible = false; 11993 } 11994 if (giftCardPresent) { 11995 attributes.cartIsEligible = false; 11996 } 11997 attributes.size = "sm"; 11998 attributes.showInterestFree = true; 11999 attributes.amount = "0.00"; 12000 targetSelector = '.cart-list__footer-width-container .clearfix'; 12001 attributes.amountSelector = ".cart-list__subtotal"; 12002 12003 Afterpay.createPlacements({ 12004 targetSelector, 12005 attributes 12006 }); 12007 12008 12009 }); 12010 </script>
12010 12011 <style> 12012 12013 @media screen and (max-width:770px){ 12014 afterpay-placement {} 12015 } 12016 @media screen and (min-width:771px){ 12017 afterpay-placement {} 12018 .cart afterpay-placement { 12019 text-align: right; 12020 } 12021 } 12022 afterpay-placement { 12023 --logo-badge-width: 80px; 12024 margin-top: 0px; 12025 margin-bottom: 0px; 12026 text-align: center; 12027 } 12028 .cart afterpay-placement { 12029 margin-top: -10px; 12030 } 12031 </style> 12032 --> 12033
12033<script> 12034 function handleRebuyEvent(event) { 12035 const cartItems = Rebuy.Cart.cart.items; 12036 12037 cartItems.forEach((item, index) => { 12038 const quantityLimit = Number(item?.product?.metafields?.custom_fields?.quantity_limit); 12039 const itemQuantity = item?.quantity; 12040 12041 const quantityWidgetButton = document.querySelectorAll('.rebuy-cart__flyout-item-quantity-widget-button')[(index * 2) + 1]; 12042 if (!quantityWidgetButton) return; 12043 12044 if (itemQuantity === quantityLimit) quantityWidgetButton.disabled = true; 12045 else quantityWidgetButton.disabled = false; 12046 }); 12047 } 12048 12049 // quantity limits 12050 document.addEventListener('rebuy:cart.enriched', handleRebuyEvent); 12051 document.addEventListener('rebuy:cart.change', handleRebuyEvent); 12052 document.addEventListener('rebuy:smartcart.ready', handleRebuyEvent); 12053</script>
12053 12054
12054<script> 12055 if (window.Govalo) { // Get variants 12056 let variants = null; 12057 12058 // Map them 12059 variants = Object.assign({}, ... variants ?. map(({title, id}) => ({[title]: id})) || []); 12060 12061 // Add event listener to dom 12062 window.addEventListener("load", () => { 12063 12064 // Our modal window looks for this element on the Shopify page. If it isn't there, we should create it. 12065 if (!document.querySelector(Govalo.meta.selectors.variantData)) { // Create the input to match our selector. 12066 var input = document.createElement("input"); 12067 input.hidden = true; 12068 input.name = "id"; 12069 12070 var parent = document.querySelector("form"); 12071 if (! parent) { // Set it to any div. 12072 parent = document.querySelector("div"); 12073 } 12074 12075 parent.appendChild(input); 12076 } 12077 12078 // Get the input that we created or existed on the page. 12079 var dataEl = document.querySelector(Govalo.meta.selectors.variantData); 12080 12081 // On find, look for vairant UI 12082 function handleGovalo() { 12083 12084 // Set the inital value to the default variant. 12085 var variantIds = Object.values(variants); 12086 12087 if (! variantIds.length) { 12088 console.log("govalo: cannot find the variants for the product"); 12089 return; 12090 } 12091 12092 dataEl.setAttribute("value", variantIds[0]); 12093 12094 var select = document.querySelector("select"); 12095 select.addEventListener("change", () => { 12096 var selected; 12097 if (! select.selectedOptions.length) { 12098 selected = variantIds[0]; 12099 } else { 12100 selected = variants[select.selectedOptions[0].value]; 12101 } 12102 12103 input.setAttribute("value", selected); 12104 }); 12105 } 12106 12107 // Prep ovserver 12108 var observer = new MutationObserver((mutation, me) => { 12109 12110 // We need this 12111 var gvlo = document.querySelector("#gvloApp"); 12112 if (gvlo) { 12113 handleGovalo(); 12114 me.disconnect(); 12115 } 12116 }); 12117 observer.observe(document, { 12118 childList: true, 12119 subtree: true 12120 }); 12121 }); 12122 } 12123</script>
12123 12124 12125 12126<style type="text/css"> 12127 12128 .adp-discount-tiers h4 { 12129 text-align: inherit; 12130 color: inherit; 12131 font-size: inherit; 12132 background-color: inherit; 12133 color: #212322!important; 12134} 12135 12136table.adp-discount-table th { 12137 background-color: inherit; 12138 border-color: inherit; 12139 color: inherit; 12140 border-width: inherit; 12141 font-size: inherit; 12142 padding: inherit; 12143 text-align: center; 12144 border-style: solid; 12145} 12146 12147table.adp-discount-table td { 12148 background-color: inherit; 12149 border-color: inherit; 12150 color: inherit; 12151 border-width: inherit; 12152 font-size: inherit; 12153 padding: inherit; 12154 text-align: center; 12155 border-style: solid; 12156} 12157 12158table.adp-discount-table { 12159 min-width: inherit; 12160 max-width: inherit; 12161 border-color: inherit; 12162 border-width: inherit; 12163 font-family: inherit; 12164 border-collapse: collapse; 12165 margin: auto; 12166 width: 100%; 12167} 12168 12169table.adp-discount-table td:last-child { 12170 color: inherit; 12171 background-color: inherit; 12172 font-family: inherit; 12173 font-size: inherit; 12174} 12175 12176 12177 div#appikon-notification-bar { 12178 font-size: 110%; 12179 background-color: #47af19; 12180 padding: 12px; 12181 color: #FFFFFF; 12182 font-family: inherit; 12183 z-index: 9999999999999; 12184 display: none; 12185 left: 0px; 12186 width: 100%; 12187 margin: 0px; 12188 margin-bottom: 20px; 12189 text-align: center; 12190 text-transform: none; 12191} 12192 12193.appikon-cart-item-success-notes, 12194.appikon-cart-item-upsell-notes { 12195 font-weight: bold; 12196 color: #47af19; 12197 font-size: 85%; 12198 display: block; 12199} 12200.appikon-cart-item-success-notes { 12201 border-bottom: 1px solid #e3e3e3; 12202 padding-bottom: 8px; 12203 margin-bottom: 8px; 12204} 12205.appikon-cart-item-success-notes:empty, 12206.appikon-cart-item-upsell-notes:empty { 12207 display: none; 12208} 12209 12210#appikon-discount-item { 12211 font-size: 70%; 12212 padding-top: 5px; 12213 padding-bottom: 5px; 12214} 12215 12216#appikon-summary-item { 12217 font-size: 70%; 12218 padding-top: 5px; 12219 padding-bottom: 5px; 12220} 12221 12222 .push-down { 12223 margin-top: 50px!important; 12224 } 12225 12226 div#shopacado-banner { 12227 position: absolute; 12228 top: 0; 12229 left: 0; 12230 background-color: #DDEEEE; 12231 width: 100%; 12232 height: 50px; 12233 z-index:99999; 12234 } 12235 12236 div#shopacado-banner-content { 12237 width: 800px; 12238 margin: 0 auto; 12239 padding: 10px; 12240 text-align: center 12241 } 12242 12243 .adp-vol-wrapper { 12244 margin-top: 20px; 12245 margin-bottom: 20px; 12246 } 12247 12248 .appikon-cart-item-unit-price .original_price, 12249 .appikon-cart-item-line-price .original_price { 12250 display: block; 12251 text-decoration: line-through !important; 12252 } 12253 12254 .appikon-cart-item-price, 12255 .appikon-cart-total, 12256 .appikon-cart-item-line-price .discounted_price, 12257 .appikon-cart-item-unit-price .discounted_price { 12258 display: block; 12259 font-weight: bold; 12260 } 12261 12262 .appikon-cart-item-success-notes a, 12263 .appikon-cart-item-upsell-notes a { 12264 color: #0078bd; 12265 } 12266 12267 .wholesale-cart-total { 12268 display: block; 12269 font-weight: bold; 12270 } 12271 12272 .wholesale-original-cart-total { 12273 display: block; 12274 } 12275 12276 .appikon-messages { 12277 display: block; 12278 } 12279 12280 .summary-line-note { 12281 padding-right: 10px; 12282 } 12283 12284 .summary-line-discount { 12285 color: #0078bd; 12286 } 12287 12288 #appikon-discount-code { 12289 max-width: 150px; 12290 display: inline-block; 12291 height: 40px; 12292 } 12293 12294 #appikon-remove-discount-code { 12295 margin-right: 5px; 12296 color: red; 12297 font-size: 85%; 12298 border: none; 12299 background: none; 12300 } 12301 12302 #apply-appikon-discount { 12303 display: inline-block; 12304 max-width: 200px; 12305 vertical-align: top; 12306 height: 40px; 12307 } 12308 12309 .appikon-discount-code-error { 12310 color: red; 12311 white-space: nowrap; 12312 } 12313 12314 table.adp-discount-table tr:first-child td:after { 12315 border: none; 12316 } 12317 12318 div#appikon-notification-bar span { 12319 display: block; 12320 } 12321 12322 div#appikon-notification-bar span.money { 12323 display: inline-block; 12324 } 12325 12326 div#appikon-close-notification { 12327 float: right; 12328 font-weight: bold; 12329 height: 0; 12330 overflow: visible; 12331 cursor: pointer; 12332 margin-right: 2em; 12333 } 12334 12335 .adp-eqs { 12336 display: none; 12337 } 12338 12339 .adp-product-bundle .adp-product-wrapper, 12340 .adp-product-bundle .bundle-plus, 12341 .adp-product-bundle .bundle-total { 12342 display: inline-block; 12343 text-align: center; 12344 vertical-align: middle; 12345 } 12346 12347 12348 .adp-bundle-wrapper .adp-product-bundle .adp-info-wrapper a { 12349 text-decoration: none; 12350 } 12351 12352 #two-product.adp-product-bundle .bundle-plus img { 12353 position: relative; 12354 max-width: 35px; 12355 min-width: 12px; 12356 } 12357 12358 #three-product.adp-product-bundle.button-under .bundle-plus img { 12359 position: relative; 12360 margin-left: 0px; 12361 max-width: 22px !important; 12362 min-width: 12px; 12363 } 12364 12365 #three-product.adp-product-bundle.with-total .bundle-plus img { 12366 position: relative; 12367 margin-left: -22% !important; 12368 max-width: 22px !important; 12369 min-width: 12px; 12370 } 12371 12372 #four-product.adp-product-bundle.button-under .bundle-plus img { 12373 position: relative; 12374 margin-left: -22% !important; 12375 max-width: 22px !important; 12376 min-width: 12px; 12377 } 12378 12379 #four-product.adp-product-bundle.with-total .bundle-plus img { 12380 position: relative; 12381 margin-left: -22% !important; 12382 max-width: 22px !important; 12383 min-width: 12px; 12384 } 12385 12386 #over-four-product.adp-product-bundle .bundle-plus img { 12387 position: relative; 12388 min-width: 12px; 12389 } 12390 12391 .adp-product-bundle .adp-product-wrapper { 12392 line-height: 15px; 12393 } 12394 12395 .adp-product-bundle .adp-product-wrapper img { 12396 width: 80%; 12397 } 12398 12399 .adp-product-bundle .bundle-name p.product-title { 12400 margin-bottom: 5px; 12401 } 12402 12403 p.product-quantity { 12404 color: #6b6b6b; 12405 font-size: 12px; 12406 } 12407 12408 .adp-product-bundle .adp-price { 12409 margin-bottom: 5px; 12410 display: inline-block; 12411 margin-right: 5px; 12412 width: 100%; 12413 } 12414 12415 .adp-product-bundle .buy-bundle input.addtocart { 12416 padding: 5px 10px; 12417 background-color: #222; 12418 color: #FFF; 12419 border: none; 12420 } 12421 12422 .appikon-variants-container select { 12423 width: 100%; 12424 margin-bottom: 5px 12425 } 12426
12427 .adp-product-bundle .appikon-variants-container { 12428 border: none; 12429 margin: 0; 12430 padding: 0; 12431 } 12432 12433 .adp-product-bundle .adp-price.regular { 12434 color: #bbb; 12435 text-decoration: line-through; 12436 } 12437 12438 .adp-product-bundle .adp-product-wrapper { 12439 vertical-align: top !important; 12440 line-height: 15px; 12441 text-align: left; 12442 } 12443 12444 .adp-product-bundle .adp-image { 12445 min-height: 130px; 12446 max-height: 130px; 12447 line-height: 125px; 12448 border: 1px solid #d9d9d9; 12449 background: #fff; 12450 text-align: center; 12451 } 12452 12453 .adp-product-bundle .adp-image img { 12454 max-height: 115px; 12455 max-width: 100%; 12456 vertical-align: middle; 12457 height: auto; 12458 width: auto; 12459 } 12460 12461 .adp-bundle-wrapper .adp-product-bundle button { 12462 display: inline-block; 12463 padding: 4px 10px 4px; 12464 margin-bottom: 0; 12465 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); 12466 color: #ffffff; 12467 text-align: center; 12468 vertical-align: middle; 12469 background-repeat: repeat-x; 12470 border: 1px solid #cccccc; 12471 border-bottom-color: #b3b3b3; 12472 -webkit-border-radius: 4px; 12473 -moz-border-radius: 4px; 12474 border-radius: 4px; 12475 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 12476 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 12477 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 12478 cursor: pointer; 12479 background-color: #414141; 12480 background-image: -moz-linear-gradient(top, #555555, #222222); 12481 background-image: -ms-linear-gradient(top, #555555, #222222); 12482 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); 12483 background-image: -webkit-linear-gradient(top, #555555, #222222); 12484 background-image: -o-linear-gradient(top, #555555, #222222); 12485 background-image: linear-gradient(top, #555555, #222222); 12486 background-repeat: repeat-x; 12487 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); 12488 border-color: #222222 #222222 #000000; 12489 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 12490 filter: progid: dximagetransform.microsoft.gradient(enabled=false); 12491 padding: 5px 10px; 12492 } 12493 12494 .adp-product-bundle button .top-button { 12495 font-size: 12px; 12496 border-bottom: 1px solid rgba(0, 0, 0, 0.2); 12497 display: block; 12498 padding: 0 5px 2px 5px; 12499 } 12500 12501 .adp-product-bundle button .bottom-button { 12502 font-size: 14px; 12503 padding: 2px 5px 0 5px; 12504 display: block; 12505 border-top: 1px solid rgba(255, 255, 255, 0.1); 12506 } 12507 12508 .adp-product-bundle .adp-price { 12509 position: static; 12510 background: none; 12511 text-align: left; 12512 padding: 0; 12513 } 12514 12515 .adp-product-bundle .adp-eqs { 12516 width: auto; 12517 margin: 0 10px; 12518 } 12519 12520 #two-product.adp-product-bundle .adp-product-wrapper { 12521 width: 46%; 12522 } 12523 12524 #two-product.adp-product-bundle .bundle-plus { 12525 font-size: 75px 12526 } 12527 12528 #two-product.adp-product-bundle.with-total .bundle-total { 12529 width: 100%; 12530 margin: 10px 0 0 0; 12531 text-align: right; 12532 display: inline-block; 12533 } 12534 12535 #three-product.adp-product-bundle .adp-product-wrapper { 12536 width: 28%; 12537 } 12538 12539 #three-product.adp-product-bundle .bundle-plus { 12540 width: 3.1%; 12541 font-size: 50px 12542 } 12543 12544 #four-product.adp-product-bundle.button-under .adp-product-wrapper { 12545 width: 21.2%; 12546 } 12547 12548 #four-product.adp-product-bundle.with-total .adp-product-wrapper { 12549 width: 17%; 12550 } 12551 12552 #four-product.adp-product-bundle.button-under .bundle-plus { 12553 width: 5%; 12554 font-size: 40px 12555 } 12556 12557 #four-product.adp-product-bundle .bundle-plus { 12558 width: 3%; 12559 font-size: 40px 12560 } 12561 12562 #over-four-product.adp-product-bundle .adp-product-wrapper { 12563 width: 17%; 12564 } 12565 12566 #over-four-product.adp-product-bundle .bundle-plus { 12567 width: 3.5%; 12568 font-size: 40px 12569 } 12570 12571 .with-total .bundle-total button { 12572 white-space: normal; 12573 } 12574 12575 #two-product.adp-product-bundle.with-total .adp-product-wrapper { 12576 flex: 1; 12577 flex-basis: 115px; 12578 } 12579 12580 #three-product.adp-product-bundle.with-total .adp-product-wrapper { 12581 flex: 1; 12582 flex-basis: 100px; 12583 } 12584 12585 #three-product.adp-product-bundle.with-total .bundle-total button { 12586 width: 100%; 12587 margin-top: 0px; 12588 } 12589 12590 .adp-product-bundle.with-total .bundle-total .adp-eqs { 12591 width: 23px; 12592 } 12593 12594 .adp-product-bundle.with-total .bundle-total .adp-eqs img { 12595 margin: auto; 12596 max-width: 23px; 12597 height: 16px; 12598 } 12599 12600 #four-product.adp-product-bundle.with-total .adp-product-wrapper, 12601 #four-product.adp-product-bundle.with-total .bundle-total { 12602 flex: 1; 12603 flex-basis: 90px; 12604 } 12605 12606 #four-product.adp-product-bundle.with-total .bundle-plus { 12607 font-size: 40px; 12608 margin: 0 5px; 12609 } 12610 12611 #four-product.adp-product-bundle.with-total .bundle-total { 12612 font-size: 25px 12613 } 12614 12615 #four-product.adp-product-bundle .adp-eqs { 12616 display: none; 12617 } 12618 12619 #four-product.adp-product-bundle.with-total .bundle-total { 12620 flex: 1; 12621 flex-basis: 130px; 12622 height: inherit; 12623 max-height: 100px; 12624 min-height: 50px; 12625 text-align: center; 12626 margin-top: 20px; 12627 } 12628 12629 #over-four-product.adp-product-bundle.with-total .adp-product-wrapper, 12630 #over-four-product.adp-product-bundle.with-total .bundle-total { 12631 flex: 1; 12632 flex-basis: 90px; 12633 } 12634 12635 #over-four-product.adp-product-bundle.with-total .bundle-plus { 12636 font-size: 40px 12637 } 12638 12639 #over-four-product.adp-product-bundle.with-total .bundle-total { 12640 font-size: 25px 12641 } 12642 12643 #over-four-product.adp-product-bundle .adp-eqs { 12644 display: none; 12645 } 12646 12647 .adp-product-bundle.button-under .bundle-total, 12648 #over-four-product.adp-product-bundle.with-total .bundle-total { 12649 flex: 1; 12650 flex-basis: 130px; 12651 height: 100%; 12652 text-align: center; 12653 margin-top: 20px; 12654 } 12655 12656 .adp-product-bundle.button-under .adp-product-wrapper { 12657 flex-basis: auto; 12658 } 12659 12660 #two-product.adp-product-bundle.button-under .bundle-plus, 12661 #three-product.adp-product-bundle.button-under .bundle-plus { 12662 width: 8%; 12663 } 12664 12665 #max-two { 12666 width: 61%; 12667 } 12668 12669 #max-two .bundle-plus { 12670 width: 10% 12671 } 12672 12673 #three-product.max-two .bundle-total, 12674 #four-product.max-two .bundle-total, 12675 #over-four-product.max-two .bundle-total { 12676 height: 384px; 12677 } 12678 12679 #three-product.max-two .adp-eqs, 12680 #four-product.max-two .adp-eqs, 12681 #over-four-product.max-two .adp-eqs { 12682 position: relative; 12683 top: 50%; 12684 } 12685 12686 #three-product.max-two button, 12687 #four-product.max-two button { 12688 position: relative; 12689 top: 50%; 12690 } 12691 12692 #over-four-product.max-two button { 12693 position: relative; 12694 top: 50%; 12695 } 12696 12697 #max-two { 12698 width: 60%; 12699 display: inline-block; 12700 } 12701 12702 #max-two .bundle-plus:nth-child(4n+4) { 12703 display: none; 12704 } 12705 12706 .adp-product-bundle.button-under { 12707 flex-wrap: wrap; 12708 } 12709 12710 .adp-product-bundle .adp-product-wrapper { 12711 width: 45%; 12712 } 12713 12714 .adp-product-bundle .bundle-total { 12715 color: #bfbfbf; 12716 font-size: 21px; 12717 font-weight: bold; 12718 } 12719 12720 12721 /* .adp-product-bundle .bundle-name{ overflow-x: hidden;} */ 12722 12723 .with-total.adp-product-bundle .adp-eqs { 12724 display: flex; 12725 width: 24px; 12726 } 12727 12728 .adp-product-bundle .bundle-total button { 12729 width: 100%; 12730 /*max-width: 150px;*/ 12731 } 12732 12733 @media screen and (min-width: 650px) { 12734 #four-product.adp-product-bundle, 12735 #over-four-product.adp-product-bundle { 12736 flex-wrap: wrap; 12737 } 12738 #four-product.adp-product-bundle.with-total .bundle-total .adp-eqs, 12739 #over-four-product.adp-product-bundle.with-total .bundle-total .adp-eqs { 12740 display: none; 12741 } 12742 .adp-product-bundle.with-total .bundle-total { 12743 justify-content: center; 12744 } 12745 #four-product.adp-product-bundle.with-total .adp-product-wrapper { 12746 flex-basis: auto; 12747 } 12748 #over-four-product.adp-product-bundle.with-total .adp-product-wrapper { 12749 flex-basis: auto; 12750 } 12751 #four-product .adp-product-bundle.with-total .bundle-total, 12752 #over-four-product.adp-product-bundle.with-total .bundle-total { 12753 min-height: 50px; 12754 max-height: 100px; 12755 height: inherit; 12756 } 12757 #four-product .adp-info-wrapper .bundle-name { 12758 font-size: 90%; 12759 word-break: break-word; 12760 } 12761 #over-four-product .adp-info-wrapper .bundle-name { 12762 font-size: 85%; 12763 word-break: break-word; 12764 } 12765 #four-product.with-total.adp-product-bundle .bundle-total button span, 12766 #over-four-product.with-total.adp-product-bundle .bundle-total button span { 12767 font-size: 15px; 12768 } 12769 #four-product.with-total.adp-product-bundle .bundle-total button.add-appikon-bundle, 12770 #over-four-product.with-total.adp-product-bundle .bundle-total button.add-appikon-bundle { 12771 width: 100%; 12772 margin: 0; 12773 } 12774 } 12775 12776 @media screen and (max-width: 650px) { 12777 .adp-product-bundle { 12778 flex-direction: column; 12779 } 12780 .adp-product-bundle .adp-product-wrapper { 12781 width: 100% !important; 12782 } 12783 .adp-product-bundle .adp-product-wrapper>a:first-child { 12784 width: 35% !important; 12785 margin-right: 20px; 12786 display: block; 12787 float: left; 12788 } 12789 .adp-product-bundle .adp-product-wrapper .bundle-name { 12790 margin: 0; 12791 } 12792 .adp-product-bundle .bundle-plus { 12793 width: 100% !important; 12794 max-width: 100%; 12795 line-height: 0; 12796 border-bottom: 1px solid #ccc; 12797 margin: 10px 0 25px; 12798 } 12799 .adp-product-bundle .bundle-total .adp-eqs { 12800 display: none; 12801 } 12802 .adp-product-bundle .bundle-plus img, 12803 #two-product.adp-product-bundle.with-total .bundle-plus img, 12804 #three-product.adp-product-bundle.with-total .bundle-plus img, 12805 #four-product.adp-product-bundle.with-total .bundle-plus img, 12806 #over-four-product.adp-product-bundle.with-total .bundle-plus img, 12807 #two-product.adp-product-bundle.button-under .bundle-plus img, 12808 #three-product.adp-product-bundle.button-under .bundle-plus img, 12809 #four-product.adp-product-bundle.button-under .bundle-plus img, 12810 #over-four-product.adp-product-bundle.button-under .bundle-plus img { 12811 margin-left: 0 !important; 12812 margin-bottom: -18px; 12813 max-width: 35px !important; 12814 } 12815 .appikon-variants-container select { 12816 width: auto; 12817 margin-top: 10px 12818 } 12819 .adp-product-bundle .bundle-total { 12820 width: 100% !important; 12821 text-align: center; 12822 margin-top: 20px; 12823 } 12824 .adp-product-bundle .adp-eqs { 12825 width: 100%; 12826 border-bottom: 1px solid #ccc; 12827 margin: -22px 0 0 0; 12828 position: relative; 12829 } 12830 .adp-product-bundle .adp-eqs img { 12831 margin-left: 0 !important; 12832 margin-bottom: -18px; 12833 display: none; 12834 } 12835 .adp-product-bundle .adp-image-container { 12836 width: 35%; 12837 display: inline-block; 12838 float: left; 12839 } 12840 .adp-product-bundle .adp-info-wrapper { 12841 width: 60%; 12842 display: inline-block; 12843 float: left; 12844 padding-left: 10px; 12845 } 12846 .adp-product-bundle .adp-info-wrapper a { 12847 text-decoration: none; 12848 } 12849 .adp-product-bundle .adp-info-wrapper select.adp-variants { 12850 width: 100%; 12851 } 12852 #two-product.adp-product-bundle.with-total .bundle-plus { 12853 margin: 0 0 30px; 12854 } 12855 #two-product.adp-product-bundle .bundle-plus img, 12856 #three-product.adp-product-bundle .bundle-plus img, 12857 #four-product.adp-product-bundle .bundle-plus img, 12858 #over-four-product.adp-product-bundle .bundle-plus img { 12859 max-width: 35px !important; 12860 margin-left: 0 !important; 12861 } 12862 #three-product.adp-product-bundle.with-total .bundle-total button { 12863 margin-top: 20px; 12864 width: 100%; 12865 } 12866 #three-product.adp-product-bundle.with-total .bundle-plus { 12867 margin: 10px 0 25px; 12868 } 12869 #four-product.adp-product-bundle.with-total .bundle-plus { 12870 margin: 10px 0 25px; 12871 } 12872 #over-four-product.adp-product-bundle.with-total .bundle-plus { 12873 margin: 10px 0 25px; 12874 } 12875 } 12876 12877 .adp-product-bundle .adp-price { 12878 color: #8C0000; 12879 } 12880 12881 .adp-product-bundle .bundle-total { 12882 color: #8C1919; 12883 } 12884 12885 .adp-product-bundle .bundle-total button { 12886 width: 100%; 12887 } 12888 12889 .adp-product-bundle button .top-button { 12890 border-bottom: 0px; 12891 } 12892 12893 @media (max-width: 650px) { 12894 .bundle-name { 12895 display: inline-block !important; 12896 } 12897 .adp-eqs { 12898 width: 100% !important; 12899 } 12900 .bundle-name { 12901 padding-top: 10px !important; 12902 } 12903 .bundle-total button { 12904 margin-left: auto !important; 12905 margin-right: auto !important; 12906 display: block; 12907 } 12908 } 12909 12910 .bundle-total button { 12911 color: #fff; 12912 margin: -10px 0 -10px; 12913 width: 100%; 12914 border: none; 12915 text-decoration: none; 12916 font-size: 13%; 12917 font-family: inherit; 12918 text-transform: uppercase; 12919 font-weight: 500; 12920 padding: 10px; 12921 height: 100%; 12922 } 12923 12924 .with-total.adp-product-bundle .bundle-total button.add-appikon-bundle { 12925 width: 100%; 12926 margin: 0; 12927 height: inherit; 12928 min-height: 50px; 12929 } 12930 12931 .adp-product-bundle button .top-button { 12932 border-bottom: 0px; 12933 } 12934 12935 @media (max-width: 650px) { 12936 .bundle-name { 12937 display: inline-block !important; 12938 } 12939 .adp-eqs { 12940 width: 100% !important; 12941 } 12942 .bundle-name { 12943 padding-top: 10px !important; 12944 } 12945 .bundle-total button { 12946 margin-left: auto !important; 12947 margin-right: auto !important; 12948 display: block; 12949 } 12950 .with-total.adp-product-bundle .bundle-total button.add-appikon-bundle { 12951 width: 100%; 12952 margin-top: 10px; 12953 height: inherit; 12954 max-height: 100px; 12955 min-height: 50px; 12956 } 12957 } 12958 12959 .dp-popup div, 12960 .dp-popup span, 12961 .dp-popup h1, 12962 .dp-popup h2, 12963 .dp-popup h3, 12964 .dp-popup h4, 12965 .dp-popup h5, 12966 .dp-popup h6, 12967 .dp-popup p, 12968 .dp-popup a, 12969 .dp-popup img, 12970 .dp-popup b, 12971 .dp-popup u, 12972 .dp-popup i, 12973 .dp-popup ol, 12974 .dp-popup ul, 12975 .dp-popup li, 12976 .dp-popup form, 12977 .dp-popup label, 12978 .dp-popup table, 12979 .dp-popup tbody, 12980 .dp-popup tfoot, 12981 .dp-popup thead, 12982 .dp-popup tr, 12983 .dp-popup th, 12984 .dp-popup td { 12985 margin: 0; 12986 padding: 0; 12987 border: 0; 12988 font-size: 100%; 12989 font: inherit; 12990 vertical-align: baseline; 12991 text-transform: none; 12992 } 12993 12994 .dp-popup body { 12995 line-height: 1; 12996 } 12997 12998 .dp-popup ol, 12999 .dp-popup ul { 13000 list-style: none; 13001 } 13002 13003 .dp-popup table { 13004 border-collapse: collapse; 13005 border-spacing: 0; 13006 } 13007 13008 .blocker { 13009 position: fixed; 13010 top: 0; 13011 right: 0; 13012 bottom: 0; 13013 left: 0; 13014 width: 100%; 13015 height: 100%; 13016 overflow: auto; 13017 z-index: 2147483646; 13018 padding: 20px; 13019 box-sizing: border-box; 13020 background-color: rgb(0, 0, 0); 13021 background-color: rgba(0, 0, 0, 0.75); 13022 text-align: center; 13023 } 13024 13025 .blocker:before { 13026 c
13026ontent: ''; 13027 display: inline-block; 13028 height: 100%; 13029 vertical-align: middle; 13030 margin-right: -0.05em; 13031 } 13032 13033 .blocker.behind { 13034 background-color: transparent; 13035 } 13036 13037 .dp-popup-dpModal { 13038 display: inline-block; 13039 min-width: 400px; 13040 vertical-align: middle; 13041 position: relative; 13042 z-index: 2147483647; 13043 max-width: 600px; 13044 background: #fff; 13045 padding: 30px; 13046 -webkit-border-radius: 8px; 13047 -moz-border-radius: 8px; 13048 -o-border-radius: 8px; 13049 -ms-border-radius: 8px; 13050 border-radius: 8px; 13051 -webkit-box-shadow: 0 0 10px #000; 13052 -moz-box-shadow: 0 0 10px #000; 13053 -o-box-shadow: 0 0 10px #000; 13054 -ms-box-shadow: 0 0 10px #000; 13055 box-shadow: 0 0 10px #000; 13056 text-align: center; 13057 text-transform: none; 13058 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 13059 font-size: 14px; 13060 line-height: 1.42857143; 13061 color: #333333; 13062 -moz-transition: background-color 0.15s linear; 13063 -webkit-transition: background-color 0.15s linear; 13064 -o-transition: background-color 0.15s linear; 13065 transition: background-color 0.15s cubic-bezier(0.785, 0.135, 0.150, 0.860); 13066 } 13067 13068 .dp-popup-dpModal a { 13069 background-color: transparent; 13070 } 13071 13072 .dp-popup-dpModal a:active, 13073 .dp-popup-dpModal a:hover { 13074 outline: 0; 13075 } 13076 13077 .dp-popup-dpModal hr { 13078 height: 0; 13079 -webkit-box-sizing: content-box; 13080 -moz-box-sizing: content-box; 13081 box-sizing: content-box; 13082 height: 0; 13083 margin-top: 20px; 13084 margin-bottom: 20px; 13085 border: 0; 13086 border-top: 1px solid #eeeeee; 13087 } 13088 13089 .dp-popup-dpModal button, 13090 .dp-popup-dpModal input, 13091 .dp-popup-dpModal optgroup, 13092 .dp-popup-dpModal select, 13093 .dp-popup-dpModal textarea { 13094 color: inherit; 13095 font: inherit; 13096 margin: 0; 13097 font-family: inherit; 13098 font-size: inherit; 13099 line-height: inherit; 13100 } 13101 13102 .dp-popup-dpModal button { 13103 overflow: visible; 13104 } 13105 13106 .dp-popup-dpModal button, 13107 .dp-popup-dpModal select { 13108 text-transform: none; 13109 } 13110 13111 .dp-popup-dpModal button { 13112 -webkit-appearance: button; 13113 cursor: pointer; 13114 } 13115 13116 .dp-popup-dpModal button::-moz-focus-inner, 13117 .dp-popup-dpModal input::-moz-focus-inner { 13118 border: 0; 13119 padding: 0; 13120 } 13121 13122 .dp-popup-dpModal input { 13123 line-height: normal; 13124 } 13125 13126 .dp-popup-dpModal input[type='number']::-webkit-inner-spin-button, 13127 .dp-popup-dpModal input[type='number']::-webkit-outer-spin-button { 13128 height: auto; 13129 } 13130 13131 .dp-popup-dpModal body.fadein { 13132 background: rgba(0, 0, 0, 0.65); 13133 } 13134 13135 #dpModal-container { 13136 width: auto; 13137 } 13138 13139 .dp-popup-dpModal #popup-dpModal-container { 13140 background: white; 13141 padding: 12px 18px 40px 18px; 13142 } 13143 13144 @media only screen and (min-width:500px) { 13145 .dp-popup-dpModal #popup-dpModal-container { 13146 border-radius: 5px; 13147 padding: 30px 40px; 13148 } 13149 } 13150 13151 @media only screen and (min-width:992px) { 13152 .dp-popup-dpModal #popup-dpModal-container { 13153 margin-top: 140px; 13154 } 13155 } 13156 13157 .dp-popup-dpModal .fade { 13158 opacity: 0; 13159 -webkit-transition: opacity 0.15s linear; 13160 -o-transition: opacity 0.15s linear; 13161 transition: opacity 0.15s linear; 13162 } 13163 13164 .dp-popup-dpModal .fade.in { 13165 opacity: 1; 13166 } 13167 13168 13169 /* only the stuff we need added here */ 13170 13171 .dp-popup-dpModal h2 { 13172 font-size: 24px; 13173 font-family: inherit; 13174 font-weight: 500; 13175 line-height: 1.1; 13176 color: inherit; 13177 } 13178 13179 .dp-popup-dpModal h3 { 13180 font-family: inherit; 13181 font-weight: normal; 13182 line-height: 1.1; 13183 color: inherit; 13184 font-size: 18px; 13185 margin-top: 10px; 13186 margin-bottom: 20px; 13187 font-weight: 500; 13188 } 13189 13190 .dp-popup-dpModal p.body-text { 13191 font-size: 20; 13192 margin-top: 40px; 13193 margin-bottom: 10px; 13194 } 13195 13196 .dp-popup-dpModal .form-control { 13197 display: block; 13198 width: 100%; 13199 height: 34px; 13200 padding: 6px 12px; 13201 font-size: 14px; 13202 line-height: 1.42857143; 13203 color: #555; 13204 background-color: #fff; 13205 background-image: none; 13206 border: 1px solid #ccc; 13207 border-radius: 5px; 13208 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 13209 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 13210 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 13211 -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; 13212 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 13213 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 13214 } 13215 13216 .dp-popup-dpModal .input-lg { 13217 height: 46px; 13218 padding: 10px 16px; 13219 line-height: 1.3333333; 13220 border-radius: 6px; 13221 } 13222 13223 .dp-popup-dpModal select.input-lg { 13224 height: 46px; 13225 } 13226 13227 @media screen and (-webkit-min-device-pixel-ratio:0) { 13228 .dp-popup-dpModal select:focus, 13229 .dp-popup-dpModal textarea:focus, 13230 .dp-popup-dpModal input:focus { 13231 font-size: 16px; 13232 background: #eee; 13233 } 13234 } 13235 13236 .dp-popup-dpModal .form-group { 13237 margin-bottom: 15px; 13238 } 13239 13240 .dp-popup-dpModal .btn { 13241 display: inline-block; 13242 padding: 8px 12px; 13243 margin-bottom: 0; 13244 font-size: 14px; 13245 line-height: 1.42857143; 13246 text-align: center; 13247 vertical-align: middle; 13248 letter-spacing: 1px; 13249 -ms-touch-action: manipulation; 13250 touch-action: manipulation; 13251 cursor: pointer; 13252 -webkit-user-select: none; 13253 -moz-user-select: none;
13254 -ms-user-select: none; 13255 user-select: none; 13256 background-image: none; 13257 border: 1px solid transparent; 13258 border-radius: 3px; 13259 } 13260 13261 .dp-popup-dpModal .btn-success { 13262 width: 100%; 13263 color: #ffffff; 13264 background-color: #4ed14e; 13265 } 13266 13267 .dp-popup-dpModal .btn-lg { 13268 line-height: 24px; 13269 font-size: 15px; 13270 padding: 14px; 13271 line-height: 1.3333333; 13272 } 13273 13274 .dp-popup-dpModal .close { 13275 -webkit-appearance: none; 13276 padding: 0; 13277 cursor: pointer; 13278 background: 0 0; 13279 border: 0; 13280 text-align: center; 13281 font-size: 21px; 13282 font-weight: 700; 13283 line-height: 1; 13284 color: #000; 13285 text-shadow: 0 1px 0 #fff; 13286 } 13287 13288 .dp-popup-dpModal form { 13289 margin-top: 10px; 13290 } 13291 13292 .dp-popup-dpModal .dpModal-content .close { 13293 font-size: 30px; 13294 } 13295 13296 .dp-popup-dpModal .dpModal-backdrop.in { 13297 filter: alpha(opacity=65); 13298 opacity: .65; 13299 } 13300 13301 .dp-popup-dpModal .completed_message { 13302 display: none; 13303 } 13304 13305 .dp-popup-dpModal .complete .completed_message { 13306 display: block; 13307 } 13308 13309 .dp-popup-dpModal .single-variant { 13310 display: none; 13311 } 13312 13313 .dp-popup-dpModal div.footer { 13314 margin-top: 20px; 13315 } 13316 13317 .dp-popup-dpModal div.footer p { 13318 color: #b3b3b3; 13319 font-size: 12px; 13320 } 13321 13322 .dp-popup-dpModal div.no-thanks { 13323 padding-top: 20px; 13324 } 13325 13326 .dp-popup-dpModal div.no-thanks a { 13327 color: #aaaaaa; 13328 font-size: 100%; 13329 } 13330 13331 @media (min-width: 0px) { 13332 .dp-popup-dpModal { 13333 min-width: 100%; 13334 } 13335 } 13336 13337 @media (min-width: 300px) { 13338 .dp-popup-dpModal { 13339 min-width: 80%; 13340 } 13341 } 13342 13343 @media (min-width: 768px) { 13344 .dp-popup-dpModal { 13345 min-width: 600px; 13346 } 13347 } 13348 13349 .dp-popup-dpModal img { 13350 vertical-align: middle; 13351 max-width: 100%; 13352 } 13353 13354 .dp-popup-dpModal img.single { 13355 margin-right: 20px; 13356 margin-left: 0px; 13357 display: inline-block; 13358 padding-right: 20px; 13359 max-width: 100%; 13360 height: auto; 13361 margin: 0 auto; 13362 } 13363 13364 #upsell-minimized-button { 13365 background-color: #44c767; 13366 border-top-left-radius: 8px; 13367 border-top-right-radius: 8px; 13368 -moz-border-top-left-radius: 8px; 13369 -moz-border-top-right-radius: 8px; 13370 -webkit-border-top-left-radius: 8px; 13371 -webkit-border-top-right-radius: 8px; 13372 /*border:1px solid #18ab29;*/ 13373 display: inline-block; 13374 cursor: pointer; 13375 color: #ffffff; 13376 /*font-family:Arial;*/ 13377 padding: 10px 16px; 13378 text-decoration: none; 13379 background: #44c767; 13380 color: #ffffff; 13381 font-size: 16px; 13382 -webkit-transform: rotate(90deg); 13383 -webkit-transform-origin: left bottom; 13384 -moz-transform: rotate(90deg); 13385 -moz-transform-origin: left bottom; 13386 -ms-transform: rotate(90deg); 13387 -ms-transform-origin: left bottom; 13388 -o-transform: rotate(90deg); 13389 -o-transform-origin: left bottom; 13390 transform: rotate(90deg); 13391 left: 0px; 13392 top: 100px; 13393 transform-origin: left bottom; 13394 white-space: nowrap; 13395 position: fixed; 13396 } 13397 13398 #upsell-minimized-button:hover { 13399 /*background-color:#5cbf2a;*/ 13400 } 13401 13402 .dp-popup-dpModal a.close-dpModal { 13403 position: absolute; 13404 top: -12.5px; 13405 right: -12.5px; 13406 display: block; 13407 width: 30px; 13408 height: 30px; 13409 text-indent: -9999px; 13410 background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAANjr9RwUqgAAACBjSFJNAABtmAAAc44AAPJxAACDbAAAg7sAANTIAAAx7AAAGbyeiMU/AAAG7ElEQVR42mJkwA8YoZjBwcGB6fPnz4w/fvxg/PnzJ2N6ejoLFxcX47Rp036B5Dk4OP7z8vL+P3DgwD+o3v9QjBUABBALHguZoJhZXV2dVUNDgxNIcwEtZnn27Nl/ZmZmQRYWFmag5c90dHQY5OXl/z98+PDn1atXv79+/foPUN9fIP4HxRgOAAggRhyWMoOwqKgoq6GhIZe3t7eYrq6uHBDb8/Pz27Gysloga/jz588FYGicPn/+/OapU6deOnXq1GdgqPwCOuA31AF/0S0HCCB0xAQNBU4FBQWB0NBQublz59oADV37Hw28ePHi74MHD/6ii3/8+HEFMGQUgQ6WEhQU5AeZBTWTCdkigABC9ylIAZeMjIxQTEyMysaNG/3+/v37AGTgr1+//s2cOfOXm5vbN6Caz8jY1NT0a29v76/v37//g6q9sHfv3khjY2M5YAgJgsyEmg0PYYAAQreUk4+PT8jd3V1l1apVgUAzfoIM2rlz5x9gHH5BtxAdA9PB1zNnzvyB+R6oLxoopgC1nBPZcoAAgiFQnLIDMb+enp5iV1eXBzDeHoI0z58//xcwIX0mZCkMg9S2trb+hFk+ffr0QCkpKVmQ2VA7QHYxAgQQzLesQMwjIiIilZWVZfPu3bstMJ+SYikyBmUzkBnA9HEMyNcCYgmQHVC7mAACCJagOEBBbGdnp7lg
13410wYJEkIavX7/+BcY1SvAaGRl9tba2xohjMTGxL8nJyT+AWQsuxsbG9vnp06e/QWYdPHiwHmiWKlBcCGQXyNcAAQSzmBuoSQqYim3u37+/EKR48uTJv5ANB+bVr7Dga2xs/AkTV1JS+gq0AJyoQIkPWU9aWtoPkPibN2/2A/l6QCwJ9TULQADB4hcY//xKXl5eHt++fbsAUmxhYYHiM1DiAsr9R7ZcVVUVbikIdHd3/0TWIyws/AWYVsByAgICdkAxRSAWAGI2gACClV7C4uLiOv7+/lEgRZ8+ffqLLd6ABck3ZMuB6uCWrlu37je29HDx4kVwQisvL88FFqkaQDERUHADBBAomBl5eHiYgQmLE1hSgQQZgIUD1lJm69atf4HR8R1YKoH5QIPAWWP9+vV/gOI/gHkeQw+wGAXTwAJJ5t+/f/BUDRBA4NIEKMDMyMjICtQIiniG379/4yza7t69+//Lly8oDrty5co/bJaCAEwcZCkwwTJDLWYCCCCwxcDgY3z16hXDnTt3voP4EhISWA0BFgZMwNqHExh3jMiG1tbWsgHjnA2bHmAeBtdWwOL1MycnJ7wAAQggBmi+kgIW/OaKiorJwOLuFShO0LMSMPF9AUYBSpz6+vqixHlOTs4P9MIEWHaDsxSwYMoE2mEGFJcG5SKAAGJCqjv/AbPUn8ePH98ACQQHB6NUmZqamkzABIgSp5s3bwbHORCA1QDLAWZkPc7OzszA8oHl5cuXVy5duvQBGIXwWgoggGA+FgO6xkBNTS28r69vDrT2+Y1cIMDyJchX6KkXVEmAshd6KB06dAic94EO3AzkBwGxPhCLg8ptgACCZyeQp9jZ2b2AmsuAefM8tnxJCk5ISPgOLTKfAdNEOVDMA2QHLDsBBBC8AAFlbmCLwlZISCg5JSVlJizeQAaQaimoWAUFK0g/sGGwHiiWCMS2yAUIQAAxI7c4gEmeFZi4OJ48ecLMzc39CRiEmgEBASxA/QzA8vYvAxEgNjaWZc2aNezAsprp2LFjp4FpZRdQ+AkQvwLij0AMSoC/AQIIXklAC3AVUBoBxmE8sPXQAiyvN8J8fuPGjR/h4eHf0eMdhkENhOPHj8OT+NGjR88BxZuBOA5kJtRseCUBEECMSI0AdmgBDooDaaDl8sASTSkyMlKzpqZGU1paGlS7MABLrX83b978A6zwwakTmE0YgIkSnHpBfGCV+gxYh98qKSk5CeTeAxVeQPwUiN8AMSjxgdLNX4AAYkRqCLBAXcMHtVwSaLkMMMHJAvOq9IQJE9R8fHxElJWV1bEF8aNHj+7t27fvLTDlXwXGLyhoH0OD+DnU0k/QYAa1QP8BBBAjWsuSFWo5LzRYxKFYAljqiAHzqxCwIBEwMTERBdZeoOYMA7Bl+RFYEbwB5oS3IA9D4/IFEL+E4nfQ6IDFLTgvAwQQI5ZmLRtSsINSuyA0uwlBUyQPMPWD20/AKo8ByP4DTJTfgRgUjB+gFoEc8R6amGDB+wu5mQsQQIxYmrdMUJ+zQTM6NzQEeKGO4UJqOzFADQMZ/A1qCSzBfQXi71ALfyM17sEAIIAY8fQiWKAYFgIwzIbWTv4HjbdfUAf8RPLhH1icojfoAQKIEU8bG9kRyF0aRiz6YP0k5C4LsmUY9TtAADEyEA+IVfufGEUAAQYABejinPr4dLEAAAAASUVORK5CYII=') no-repeat 0 0; 13411 } 13412 13413 .dp-popup .just-added { 13414 width: 100%; 13415 border-bottom: 1px solid #eee; 13416 padding-bottom: 20px; 13417 } 13418 13419 .dp-popup .multiple-products-true div { 13420 display: block; 13421 float: left; 13422 } 13423 13424 .dp-popup .product-container.discount-applies-true { 13425 display: flex; 13426 flex-wrap: wrap; 13427 } 13428 13429 .dp-popup .multiple-products-false div { 13430 display: block; 13431 } 13432 13433 .dp-popup .multiple-products-false div.product-container { 13434 max-width: 350px; 13435 width: 100%; 13436 margin-left: auto; 13437 margin-right: auto; 13438 flex-direction: column; 13439 } 13440 13441 .dp-popup .multiple-products-false .image { 13442 flex: 1; 13443 min-height: 150px; 13444 } 13445 13446 .dp-popup .multiple-products-true .image { 13447 width: 100px; 13448 } 13449 13450 .dp-popup .multiple-products-false .image img { 13451 max-width: 150px; 13452 max-height: 150px; 13453 } 13454 13455 .dp-popup .multiple-products-true .image img { 13456 max-width: 100px; 13457 max-height: 100px; 13458 } 13459 13460 .dp-popup .multiple-products-false .details { 13461 flex: 1 0 0; 13462 text-align: center; 13463 font-size: 14px; 13464 padding-left: 15px; 13465 padding-right: 15px; 13466 padding-top: 20px; 13467 } 13468 13469 .dp-popup .multiple-products-true .details { 13470 flex: 1; 13471 text-align: left; 13472 font-size: 14px; 13473 padding-left: 15px; 13474 padding-right: 15px; 13475 max-width: 320px; 13476 } 13477 13478 .dp-popup .multiple-products-false .actions { 13479 flex: 1; 13480 text-align: center; 13481 padding-top: 20px; 13482 } 13483 13484 .dp-popup .multiple-products-true .actions { 13485 vertical-align: middle; 13486 max-width: 116px; 13487 width: 100%; 13488 float: right 13489 } 13490 13491 @media (min-width: 651px) { 13492 .dp-popup .multiple-products-true .actions button.add-upsells, 13493 .dp-popup .multiple-products-true .actions select.adp-variants { 13494 min-width: 116px; 13495 max-width: 116px; 13496 } 13497 } 13498 13499 .dp-popup .other-upsells { 13500 width: 100%; 13501 } 13502 13503 .dp-popup .product-container { 13504 width: 100%; 13505 padding-bottom: 10px; 13506 padding-top: 10px; 13507 } 13508 13509 .dp-popup .product-container:not(first) { 13510 border-top: 1px #eee solid; 13511 } 13512 13513 .dp-popup .product-container select { 13514 -webkit-appearance: none; 13515 -moz-appearance: none; 13516 appearance: none; 13517 background-position: right center; 13518 background-image: url(//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/ico-select.svg?3069916476021763728); 13519 background-repeat: no-repeat; 13520 background-position: right 10px center; 13521 background-size: auto; 13522 padding-right: 28px; 13523 text-indent: 0.01px; 13524 width: 100%; 13525 margin-bottom: 10px; 13526 font-size: 12px; 13527 display: block; 13528 padding-left: 10px; 13529 } 13530 13531 .dp-popup .product-container .variant-wrapper { 13532 float: none; 13533 } 13534 13535 .dp-popup .no-thanks { 13536 text-align: center; 13537 width: 100%; 13538 } 13539 13540 .dp-popup-dpModal .adp-image { 13541 width: 100%; 13542 } 13543 13544 .dp-popup-dpModal .upsell-total { 13545 width: 100%; 13546 padding-top: 10px; 13547 } 13548 13549 .dp-popup-dpModal button.add-upsells { 13550 color: #ffffff; 13551 font-size: 100%; 13552 font-size: 14px; 13553 background-color: #a1c65b; 13554 display: inline-block; 13555 padding: 8px 12px; 13556 margin-bottom: 0; 13557 line-height: 1.42857143; 13558 text-align: center; 13559 vertical-align: middle; 13560 letter-spacing: 1px; 13561 -ms-touch-action: manipulation; 13562 touch-action: manipulation; 13563 cursor: pointer; 13564 -webkit-user-select: none; 13565 -moz-user-select: none;
13566 -ms-user-select: none; 13567 user-select: none; 13568 background-image: none; 13569 border: 1px solid transparent; 13570 border-radius: 3px; 13571 font-weight: 500; 13572 width: 100%; 13573 box-shadow: none; 13574 } 13575 13576 .adp-price .adp-regular { 13577 width: 100%; 13578 } 13579 13580 .product-price .adp-sale { 13581 display: block; 13582 width: 100%; 13583 } 13584 13585 .dp-popup-dpModal .product-price { 13586 padding-top: 10px; 13587 font-weight: bold; 13588 } 13589 13590 .dp-popup-dpModal #one-product .product-price { 13591 font-size: 22px; 13592 } 13593 13594 .dp-popup-dpModal .multiple-products-true .product-price { 13595 font-size: 16px; 13596 } 13597 13598 .dp-popup-dpModal #one-product .product-price s { 13599 vertical-align: middle; 13600 font-size: 16px; 13601 } 13602 13603 .dp-popup-dpModal .product-price .adp-sale s { 13604 font-weight: normal; 13605 color: #000; 13606 opacity: 1; 13607 padding-left: 5px; 13608 font-size: 13px; 13609 font-size: 100%; 13610 } 13611 13612 .discount-applies-false .product-price .adp-sale, 13613 .discount-applies- .product-price .adp-sale { 13614 color: #000; 13615 } 13616 13617 .discount-applies-true .adp-price .adp-sale { 13618 text-decoration: line-through; 13619 width: 100%; 13620 } 13621 13622 .discount-applies-true .product-price .adp-sale { 13623 display: block; 13624 width: 100%; 13625 color: #8C0000; 13626 } 13627 13628 #dpModal-container .product-title { 13629 font-weight: 400; 13630 width: 100%; 13631 } 13632 13633 .dp-popup-dpModal .upsell-title { 13634 font-family: inherit; 13635 font-weight: normal; 13636 line-height: 1.1; 13637 color: inherit; 13638 font-size: 18px; 13639 margin-top: 10px; 13640 margin-bottom: 20px; 13641 font-weight: 500; 13642 text-align: center; 13643 } 13644 13645 @media (max-width: 650px) { 13646 .dp-popup .multiple-products-true .details { 13647 flex: 1; 13648 padding-left: 20px; 13649 } 13650 .dp-popup .multiple-products-true .actions { 13651 max-width: inherit; 13652 width: 100%; 13653 padding-top: 15px; 13654 } 13655 .dp-popup .product-container { 13656 padding-bottom: 20px; 13657 padding-top: 20px; 13658 } 13659 } 13660 13661 .adp-bundle-wrapper .appikon-variants-container select.adp-variants { 13662 -webkit-appearance: none; 13663 -moz-appearance: none; 13664 appearance: none; 13665 background-position: right center; 13666 background-image: url(//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/ico-select.svg?3069916476021763728); 13667 background-repeat: no-repeat; 13668 background-position: right 10px center; 13669 background-size: auto; 13670 padding-right: 28px; 13671 text-indent: 0.01px; 13672 width: 100%; 13673 margin-bottom: 10px; 13674 font-size: 12px; 13675 display: block; 13676 padding-left: 10px; 13677 } 13678 13679 .adp-bundle-wrapper .adp-product-bundle button.add-appikon-bundle { 13680 cursor: pointer; 13681 background-color: #a1c65b; 13682 background-image: none; 13683 color: #fff; 13684 margin: -10px 0 -10px; 13685 width: 100%; 13686 border: none; 13687 text-decoration: none; 13688 font-size: 13px; 13689 font-family: inherit; 13690 text-transform: uppercase; 13691 font-weight: 500; 13692 padding: 10px; 13693 } 13694 13695 .adp-product-bundle .bundle-total button span { 13696 font-size: 13px; 13697 } 13698 13699 table.adp-discount-table tr th:first-child { 13700 flex: 1; 13701 } 13702 13703 table.adp-discount-table tr th:nth-child(2) { 13704 flex: 2; 13705 } 13706 13707 table.adp-discount-table tr td:first-child { 13708 flex: 1; 13709 } 13710 13711 table.adp-discount-table tr td:nth-child(2) { 13712 flex: 2; 13713 } 13714 13715 table.adp-discount-table thead { 13716 display: table-header-group; 13717 vertical-align: middle; 13718 } 13719 13720 #dpModal-container .no_touch { 13721 cursor: default; 13722 pointer-events: none; 13723 } 13724 13725 #dpModal-container .no_touch:hover { 13726 opacity: 1; 13727 } 13728 13729 .dp-popup-dpModal .upsell-title, 13730 .dp-popup-dpModal .product-title, 13731 .dp-popup-dpModal .product-price .adp-sale, 13732 .dp-popup-dpModal div.no-thanks a {} 13733 13734 .adp-product-bundle .bundle-name {} 13735 13736 .adp-product-bundle .adp-price {} 13737 13738 .adp-bundle-wrapper .appikon-variants-container select.adp-variants {} 13739 13740 .adp-bundle-wrapper {} 13741 13742 #appikon-discount-item:empty, 13743 #appikon-summary-item:empty { 13744 display: none; 13745 } 13746 13747 .adp_show_animation { 13748 visibility: visible; 13749 opacity: 1; 13750 } 13751 13752 .adp_default_animation { 13753 visibility: hidden; 13754 } 13755 13756 div.adp_show_animation.adp_default_animation { 13757 visibility: visible; 13758 } 13759 13760 .adp_fade_and_scale_effect { 13761 -webkit-transform: scale(0.7); 13762 -moz-transform: scale(0.7); 13763 -ms-transform: scale(0.7); 13764 transform: scale(0.7); 13765 opacity: 0; 13766 -webkit-transition: all 0.4s; 13767 -moz-transition: all 0.4s; 13768 transition: all 0.4s; 13769 } 13770 13771 .adp_show_animation.adp_fade_and_scale_effect { 13772 -webkit-transform: scale(1); 13773 -moz-transform: scale(1); 13774 -ms-transform: scale(1); 13775 transform: scale(1); 13776 opacity: 1; 13777 } 13778 13779 .adp_slide_from_the_right { 13780 -webkit-transform: translateX(20%); 13781 -moz-transform: translateX(20%); 13782 -ms-transform: translateX(20%); 13783 transform: translateX(20%); 13784 opacity: 0; 13785 -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); 13786 -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); 13787 transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); 13788 } 13789 13790 .adp_show_animation.adp_slide_from_the_right { 13791 -webkit-transform: translateX(0); 13792 -moz-transform: translateX(0); 13793 -ms-transform: translateX(0); 13794 transform: translateX(0); 13795 opacity: 1; 13796 } 13797 13798 .adp_slide_from_the_left { 13799 -webkit-transform: translateX(-20%); 13800 -moz-transform: translateX(-20%); 13801 -ms-transform: translateX(-20%); 13802 transform: translateX(-20%); 13803 opacity: 0; 13804 -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); 13805 -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); 13806 transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); 13807 } 13808 13809 .adp_show_animation.adp_slide_from_the_left { 13810 -webkit-transform: translateX(0); 13811 -moz-transform: translateX(0); 13812 -ms-transform: translateX(0); 13813 transform: translateX(0); 13814 opacity: 1; 13815 } 13816 13817 .adp_slide_from_the_bottom { 13818 -webkit-transform: translateY(20%); 13819 -moz-transform: translateY(20%); 13820 -ms-transform: translateY(20%); 13821 transform: translateY(20%); 13822 opacity: 0; 13823 -webkit-transition: all 0.3s; 13824 -moz-transition: all 0.3s; 13825 transition: all 0.3s; 13826 } 13827 13828 .adp_show_animation.adp_slide_from_the_bottom { 13829 -webkit-transform: translateY(0); 13830 -moz-transform: translateY(0); 13831 -ms-transform: translateY(0); 13832 transform: translateY(0); 13833 opacity: 1; 13834 } 13835 13836 .adp_fall_effect { 13837 -o-transform: perspective(1300px) translateZ(600px) rotateX(30deg); 13838 -ms-transform: perspective(1300px) translateZ(600px) rotateX(30deg); 13839 -moz-transform: perspective(1300px) translateZ(600px) rotateX(30deg);
13840 -webkit-transform: perspective(300px) translateZ(600px) rotateX(30deg); 13841 transform: perspective(1300px) translateZ(600px) rotateX(30deg); 13842 opacity: 0; 13843 } 13844 13845 .adp_show_animation.adp_fall_effect { 13846 -webkit-transition: all 0.3s ease-in; 13847 -moz-transition: all 0.3s ease-in; 13848 transition: all 0.3s ease-in; 13849 -webkit-transform: translateZ(0px) rotateX(0deg); 13850 -moz-transform: translateZ(0px) rotateX(0deg); 13851 -ms-transform: translateZ(0px) rotateX(0deg); 13852 transform: translateZ(0px) rotateX(0deg); 13853 opacity: 1; 13854 } 13855 13856 div.dp-popup.is_funnel_true span.adp-sale s { 13857 text-decoration: none !important; 13858 } 13859 13860 #appikon-notification-bar { 13861 margin-bottom: 0 !important; 13862 } 13863</style> 13864
13865<script type="text/javascript"> 13866 function hasFlag(flag){ 13867 return window.appikonDiscount.settings.flags[flag] == true 13868 } 13869 13870 window.appikon = {}; 13871 window.appikonDiscount = {}; 13872 window.appikonDiscount.settings = { 13873 "dp": { 13874 "installed": true, 13875 "vd_table_type": "default", 13876 "vd_product_message": "Buy at discounted prices" 13877 }, 13878 "delay_mobile_refresh_cart": 2, 13879 "delay_refresh_cart": 0.5, 13880 "discount_method": "DRAFT", 13881 "hide_paypal": true, 13882 "show_discount_code": false, 13883 "avoid_cart_quantity_adjustment": false, 13884 "show_notification_bar": true, 13885 "show_cart_notification_bar": false, 13886 "show_product_notification_bar": false, 13887 "turn_off_agree_checkbox": false, 13888 "calculation_note": "Please wait while we calculate your cart totals", 13889 "plus_minus_qty_selector": "", 13890 "checkout_selector": ".rebuy-button.block", 13891 "drawer_cart_selector": "", 13892 "drawer_cart_product_title_selector": "#rebuy-cart > div.rebuy-cart__flyout > div.rebuy-cart__flyout-body > div > div.rebuy-cart__flyout-items > div > div.rebuy-cart__flyout-item-info > a", 13893 "drawer_cart_line_price_selector": "", 13894 "drawer_cart_unit_price_selector": "", 13895 "drawer_cart_sub_total_selector": "", 13896 "terms_selector": "", 13897 "regular_cart_product_title_selector": "", 13898 "regular_cart_line_price_selector": "", 13899 "regular_cart_sub_total_selector": "", 13900 "regular_cart_unit_price_selector": "", 13901 "is_dynamic_insertion": true, 13902 "listen_to_ajax_cart_events_strategy": true, 13903 "draft_order_invoice_load_delay": 500, 13904 "flags": { 13905 "new_css": true, 13906 "new_qty_layout": false, 13907 "hide_buy_it_now_setting": false, 13908 "upsell_popup_open_qty": false, 13909 "animate_upsell_popup_appearance": true, 13910 "no_discount_compare_at_price": false, 13911 "offer_metrics": false, 13912 "upsell_popup_on_checkout_click": false, 13913 "fix_empire_theme": false, 13914 "use_google_fonts": false, 13915 "discounted_price_for_bundles": false, 13916 "refresh_on_qty_plush_minus": false, 13917 "refresh_on_qty_change_hard": false, 13918 "several_collections_for_upsells": true, 13919 "avoid_default_qty_input_event_change": false, 13920 "notify_about_disocunt_calculations": false, 13921 "subscribe_api_messages": true, 13922 "entitled_variant_ids": true, 13923 "charts": false, 13924 "delay_price_rule_deletion": false, 13925 "disable_checkout_button": false, 13926 "cart_new_line_prices": true, 13927 "quick_start": true, 13928 "upsell_popup_z_index": false, 13929 "simple_stats_cacher": false, 13930 "enable_funnels": false, 13931 "quantities_refresh_over_submit": false, 13932 "quantities_no_input_trigger": false, 13933 "hide_paypal_to_style": false, 13934 "price_rules_short_life": true, 13935 "settings_async_price_rules": false, 13936 "search_bundle_products": true, 13937 "new_free_plan": false, 13938 "multi_line_notification": true, 13939 "api_optimization": true, 13940 "script_v2": true, 13941 "sqs_order_webhooks": true, 13942 "ts_metrics_view": false, 13943 "order_logs": true, 13944 "active_offers_api_call": false, 13945 "backup_api": false, 13946 "cache_counter_worker": false, 13947 "correct_adp_identifier": false, 13948 "enable_quantity_change_reload": true 13949 }, 13950 "app_root_url": "/apps/appikon_discounted_pricing", 13951 "vd_placement_settings": {"placement":"BEFORE","final_selector":".js-volume-discount-table"}, 13952 "notification_placement_settings": {"final_selector":null,"placement":"AFTER"}, 13953 "notification_cart_placement_settings": {"final_selector":null,"placement":"AFTER"}, 13954 "notification_bar_selector": null, 13955 "product_page_offer_active": false, 13956 "no_active_offers": false, 13957 "product_ids_in_use": [], 13958 "collection_ids_in_use": [], 13959 "entire_store_in_use": false, 13960 "shop" : "soylent-business.myshopify.com", 13961 "discount_code_settings" : {"inputPlacementSelector":"#appikon-discount-item","inputPlacementPosition":"AFTER"}, 13962 "use_compare_at_price" : false, 13963 "product_page_price_selector": "", 13964 }; 13965 window.appikonDiscount.settings.global = { 13966 "env": "production", 13967 "appikonCheckoutSelector": "input[name='checkout'], button[name='checkout'], [href$='checkout'], input[name='goto_pp'], button[name='goto_pp'], input[name='goto_gc'], button[name='goto_gc'], .additional-checkout-button, .google-wallet-button-holder, .amazon-payments-pay-button, button.checkout-button", 13968 "baAddToCartSelector": "#AddToCart-product-template, .product-atc-btn, .product-menu-button.product-menu-button-atc, .button-cart, .product-add, .add-to-cart input, .btn-addtocart, [name=add]", 13969 "appikonPlusImageUrl": "//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/adp-plus_38x.png?18337618242689679898", 13970 "headerSelector": "#shopify-section-header, main, div.content, section.main-content, div#content, section#content" 13971 }; 13972 window.appikon.discount_method = window.appikonDiscount.settings.discount_method; 13973 window.appikonResponseStore = {}; 13974 window.appikonResponseStore.cartJS = ""; 13975 window.appikonResponseStore.discountResponse = ""; 13976 13977 13978 13979 13980 13981 13982 13983 13984 window.appikon.cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0}; 13985 ["requires_shipping", "total_discount", "item_count", "total_weight"].map(function(a) { 13986 delete window.appikon.cart[a] 13987 }) 13988 13989 if (hasFlag("correct_adp_identifier") && window.appikon.cart && window.appikon.cart.attributes && window.appikon.cart.attributes["adp_identifier"]){ 13990 var appikonSafe = function(cb){ try{cb()} catch(e){} } 13991 appikonSafe(function() { 13992 var awaitJQuery = function (cb) { 13993 appikonSafe(function(){ if (window.jQuery) { cb() } else { setTimeout(function() { awaitJQuery(cb) }, 150) } }) 13994 } 13995 awaitJQuery(function(){ 13996 appikonSafe(function(){ 13997 jQuery.post('/cart/update.js', { attributes: {'adp_identifier': ''} }) 13998 }) 13999 }) 14000 }) 14001 } 14002 14003 window.appikon.cart.items = []; 14004 window.appikon.cart_product_ids = []; 14005 window.appikon.cart_collection_ids = []; 14006 14007 14008 14009 window.appikon.adp_page = ""; 14010 14011 14012 14013 window.appikon.money_format = "${{amount}}"; 14014 14015 14016 //appikonHandlebars 14017 !function(a,b){"object"==typeof exports&&"object"==typeof module?module.exports=b():"function"==typeof define&&define.amd?define([],b):"object"==typeof exports?exp
vendor: 9,031 bytes, line 14017
14017orts.appikonHandlebars=b():a.appikonHandlebars=b()}(this,function(){return function(a){function b(d){if(c[d])return c[d].exports;var e=c[d]={exports:{},id:d,loaded:!1};return a[d].call(e.exports,e,e.exports,b),e.loaded=!0,e.exports}var c={};return b.m=a,b.c=c,b.p="",b(0)}([function(a,b,c){"use strict";function d(){var a=r();return a.compile=function(b,c){return k.compile(b,c,a)},a.precompile=function(b,c){return k.precompile(b,c,a)},a.AST=i["default"],a.Compiler=k.Compiler,a.JavaScriptCompiler=m["default"],a.Parser=j.parser,a.parse=j.parse,a}var e=c(1)["default"];b.__esModule=!0;var f=c(2),g=e(f),h=c(35),i=e(h),j=c(36),k=c(41),l=c(42),m=e(l),n=c(39),o=e(n),p=c(34),q=e(p),r=g["default"].create,s=d();s.create=d,q["default"](s),s.Visitor=o["default"],s["default"]=s,b["default"]=s,a.exports=b["default"]},function(a,b){"use strict";b["default"]=function(a){return a&&a.__esModule?a:{"default":a}},b.__esModule=!0},function(a,b,c){"use strict";function d(){var a=new h.appikonHandlebarsEnvironment;return n.extend(a,h),a.SafeString=j["default"],a.Exception=l["default"],a.Utils=n,a.escapeExpression=n.escapeExpression,a.VM=p,a.template=function(b){return p.template(b,a)},a}var e=c(3)["default"],f=c(1)["default"];b.__esModule=!0;var g=c(4),h=e(g),i=c(21),j=f(i),k=c(6),l=f(k),m=c(5),n=e(m),o=c(22),p=e(o),q=c(34),r=f(q),s=d();s.create=d,r["default"](s),s["default"]=s,b["default"]=s,a.exports=b["default"]},function(a,b){"use strict";b["default"]=function(a){if(a&&a.__esModule)return a;var b={};if(null!=a)for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(b[c]=a[c]);return b["default"]=a,b},b.__esModule=!0},function(a,b,c){"use strict";function d(a,b,c){this.helpers=a||{},this.partials=b||{},this.decorators=c||{},i.registerDefaultHelpers(this),j.registerDefaultDecorators(this)}var e=c(1)["default"];b.__esModule=!0,b.appikonHandlebarsEnvironment=d;var f=c(5),g=c(6),h=e(g),i=c(10),j=c(18),k=c(20),l=e(k),m="4.0.8";b.VERSION=m;var n=7;b.COMPILER_REVISION=n;var o={1:"<= 1.0.rc.2",2:"== 1.0.0-rc.3",3:"== 1.0.0-rc.4",4:"== 1.x.x",5:"== 2.0.0-alpha.x",6:">= 2.0.0-beta.1",7:">= 4.0.0"};b.REVISION_CHANGES=o;var p="[object Object]";d.prototype={constructor:d,logger:l["default"],log:l["default"].log,registerHelper:function(a,b){if(f.toString.call(a)===p){if(b)throw new h["default"]("Arg not supported with multiple helpers");f.extend(this.helpers,a)}else this.helpers[a]=b},unregisterHelper:function(a){delete this.helpers[a]},registerPartial:function(a,b){if(f.toString.call(a)===p)f.extend(this.partials,a);else{if("undefined"==typeof b)throw new h["default"]('Attempting to register a partial called "'+a+'" as undefined');this.partials[a]=b}},unregisterPartial:function(a){delete this.partials[a]},registerDecorator:function(a,b){if(f.toString.call(a)===p){if(b)throw new h["default"]("Arg not supported with multiple decorators");f.extend(this.decorators,a)}else this.decorators[a]=b},unregisterDecorator:function(a){delete this.decorators[a]}};var q=l["default"].log;b.log=q,b.createFrame=f.createFrame,b.logger=l["default"]},function(a,b){"use strict";function c(a){return k[a]}function d(a){for(var b=1;b<arguments.length;b++)for(var c in arguments[b])Object.prototype.hasOwnProperty.call(arguments[b],c)&&(a[c]=arguments[b][c]);return a}function e(a,b){for(var c=0,d=a.length;c<d;c++)if(a[c]===b)return c;return-1}function f(a){if("string"!=typeof a){if(a&&a.toHTML)return a.toHTML();if(null==a)return"";if(!a)return a+"";a=""+a}return m.test(a)?a.replace(l,c):a}function g(a){return!a&&0!==a||!(!p(a)||0!==a.length)}function h(a){var b=d({},a);return b._parent=a,b}function i(a,b){return a.path=b,a}function j(a,b){return(a?a+".":"")+b}b.__esModule=!0,b.extend=d,b.indexOf=e,b.escapeExpression=f,b.isEmpty=g,b.createFrame=h,b.blockParams=i,b.appendContextPath=j;var k={"&":"&","<":"<",">":">",'"':""","'":"'","`":"`","=":"="},l=/[&<>"'`=]/g,m=/[&<>"'`=]/,n=Object.prototype.toString;b.toString=n;var o=function(a){return"function"==typeof a};o(/x/)&&(b.isFunction=o=function(a){return"function"==typeof a&&"[object Function]"===n.call(a)}),b.isFunction=o;var p=Array.isArray||function(a){return!(!a||"object"!=typeof a)&&"[object Array]"===n.call(a)};b.isArray=p},function(a,b,c){"use strict";function d(a,b){var c=b&&b.loc,g=void 0,h=void 0;c&&(g=c.start.line,h=c.start.column,a+=" - "+g+":"+h);for(var i=Error.prototype.constructor.call(this,a),j=0;j<f.length;j++)this[f[j]]=i[f[j]];Error.captureStackTrace&&Error.captureStackTrace(this,d);try{c&&(this.lineNumber=g,e?Object.defineProperty(this,"column",{value:h,enumerable:!0}):this.column=h)}catch(k){}}var e=c(7)["default"];b.__esModule=!0;var f=["description","fileName","lineNumber","message","name","number","stack"];d.prototype=new Error,b["default"]=d,a.exports=b["default"]},function(a,b,c){a.exports={"default":c(8),__esModule:!0}},function(a,b,c){var d=c(9);a.exports=function(a,b,c){return d.setDesc(a,b,c)}},function(a,b){var c=Object;a.exports={create:c.create,getProto:c.getPrototypeOf,isEnum:{}.propertyIsEnumerable,getDesc:c.getOwnPropertyDescriptor,setDesc:c.defineProperty,setDescs:c.defineProperties,getKeys:c.keys,getNames:c.getOwnPropertyNames,getSymbols:c.getOwnPropertySymbols,each:[].forEach}},function(a,b,c){"use strict";function d(a){g["default"](a),i["default"](a),k["default"](a),m["default"](a),o["default"](a),q["default"](a),s["default"](a)}var e=c(1)["default"];b.__esModule=!0,b.registerDefaultHelpers=d;var f=c(11),g=e(f),h=c(12),i=e(h),j=c(13),k=e(j),l=c(14),m=e(l),n=c(15),o=e(n),p=c(16),q=e(p),r=c(17),s=e(r)},function(a,b,c){"use strict";b.__esModule=!0;var d=c(5);b["default"]=function(a){a.registerHelper("blockHelperMissing",function(b,c){var e=c.inverse,f=c.fn;if(b===!0)return f(this);if(b===!1||null==b)return e(this);if(d.isArray(b))return b.length>0?(c.ids&&(c.ids=[c.name]),a.helpers.each(b,c)):e(this);if(c.data&&c.ids){var g=d.createFrame(c.data);g.contextPath=d.appendContextPath(c.data.contextPath,c.name),c={data:g}}return f(b,c)})},a.exports=b["default"]},function(a,b,c){"use strict";var d=c(1)["default"];b.__esModule=!0;var e=c(5),f=c(6),g=d(f);b["default"]=function(a){a.registerHelper("each",function(a,b){function c(b,c,f){j&&(j.key=b,j.index=c,j.first=0===c,j.last=!!f,k&&(j.contextPath=k+b)),i+=d(a[b],{data:j,blockParams:e.blockParams([a[b],b],[k+b,null])})}if(!b)throw new g["default"]("Must pass iterator to #each");var d=b.fn,f=b.inverse,h=0,i="",j=void 0,k=void 0;if(b.data&&b.ids&&(k=e.appendContextPath(b.data.contextPath,b.ids[0])+"."),e.isFunction(a)&&(a=a.call(this)),b.data&&(j=e.createFrame(b.data)),a&&"object"==typeof a)if(e.isArray(a))for(var l=a.length;h<l;h++)h in a&&c(h,h,h===a.length-1);else{var m=void 0;for(var n in a)a.hasOwnProperty(n)&&(void 0!==m&&c(m,h-1),m=n,h++);void 0!==m&&c(m,h-1,!0)}return 0===h&&(i=f(this)),i})},a.exports=b["default"]},function(a,b,c){"use strict";var d=c(1)["default"];b.__esModule=!0;var e=c(6),f=d(e);b["default"]=function(a){a.registerHelper("helperMissing",function(){if(1!==arguments.length)throw new f["default"]('Missing helper: "'+arguments[arguments.length-1].name+'"')})},a.exports=b["default"]},function(a,b,c){"use strict";b.__esModule=!0;var d=c(5);b["default"]=function(a){a.registerHelper("if",function(a,b){return d.isFunction(a)&&(a=a.call(this)),!b.hash.includeZero&&!a||d.isEmpty(a)?b.inverse(this):b.fn(this)}),a.registerHelper("unless",function(b,c){return a.helpers["if"].call(this,b,{fn:c.inverse,inverse:c.fn,hash:c.hash})})},a.exports=b["default"]},function(a,b){"use strict";b.__esModule=!0,b["default"]=function(a){a.registerHelper("log",function(){for(var b=[void 0],c=arguments[arguments.length-1],d=0;d<arguments.length-1;d++)b.push(arguments[d]);var e=1;null!=c.hash.level?e=c.hash.level:c.data&&null!=c.data.level&&(e=c.data.level),b[0]=e,a.log.apply(a,b)})},a.exports=b["default"]},function(a,b){"use strict";b.__esModule=!0,b["default"]=function(a){a.registerHelper("lookup",function(a,b){return a&&a[b]})},a.exports=b["default"]},function(a,b,c){"use strict";b.__esModule=!0;var d=c(5);b["default"]=function(a){a.registerHelper("with",function(a,b){d.isFunction(a)&&(a=a.call(this));var c=b.fn;if(d.isEmpty(a))return b.inverse(this);var e=b.data;return b.data&&b.ids&&(e=d.createFrame(b.data),e.contextPath=d.appendContextPath(b.data.contextPath,b.ids[0])),c(a,{data:e,blockParams:d.blockParams([a],[e&&e.contextPath])})})},a.exports=b["default"]},function(a,b,c){"use strict";function d(a){g["default"](a)}var e=c(1)["default"];b.__esModule=!0,b.registerDefaultDecorators=d;var f=c(19),g=e(f)},function(a,b,c){"use strict";b.__esModule=!0;var d=c(5);b["default"]=function(a){a.registerDecorator("inline",function(a,b,c,e){var f=a;return b.partials||(b.partials={},f=function(e,f){var g=c.partials;c.partials=d.extend({},g,b.partials);var h=a(e,f);return c.partials=g,h}),b.partials[e.args[0]]=e.fn,f})},a.exports=b["default"]},function(a,b,c){"use strict";b.__esModule=!0;var d=c(5),e={methodMap:["debug","info","warn","error"],level:"info",lookupLevel:function(a){if
14017("string"==typeof a){var b=d.indexOf(e.methodMap,a.toLowerCase());a=b>=0?b:parseInt(a,10)}return a},log:function(a){if(a=e.lookupLevel(a),"undefined"!=typeof console&&e.lookupLevel(e.level)<=a){var b=e.methodMap[a];console[b]||(b="log");for(var c=arguments.length,d=Array(c>1?c-1:0),f=1;f<c;f++)d[f-1]=arguments[f];console[b].apply(console,d)}}};b["default"]=e,a.exports=b["default"]},function(a,b){"use strict";function c(a){this.string=a}b.__esModule=!0,c.prototype.toString=c.prototype.toHTML=function(){return""+this.string},b["default"]=c,a.exports=b["default"]},function(a,b,c){"use strict";function d(a){var b=a&&a[0]||1,c=s.COMPILER_REVISION;if(b!==c){if(b<c){var d=s.REVISION_CHANGES[c],e=s.REVISION_CHANGES[b];throw new r["default"]("Template was precompiled with an older version of appikonHandlebars than the current runtime. Please update your precompiler to a newer version ("+d+") or downgrade your runtime to an older version ("+e+").")}throw new r["default"]("Template was precompiled with a newer version of appikonHandlebars than the current runtime. Please update your runtime to a newer version ("+a[1]+").")}}function e(a,b){function c(c,d,e){e.hash&&(d=p.extend({},d,e.hash),e.ids&&(e.ids[0]=!0)),c=b.VM.resolvePartial.call(this,c,d,e);var f=b.VM.invokePartial.call(this,c,d,e);if(null==f&&b.compile&&(e.partials[e.name]=b.compile(c,a.compilerOptions,b),f=e.partials[e.name](d,e)),null!=f){if(e.indent){for(var g=f.split("\n"),h=0,i=g.length;h<i&&(g[h]||h+1!==i);h++)g[h]=e.indent+g[h];f=g.join("\n")}return f}throw new r["default"]("The partial "+e.name+" could not be compiled when running in runtime-only mode")}function d(b){function c(b){return""+a.main(e,b,e.helpers,e.partials,g,i,h)}var f=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],g=f.data;d._setup(f),!f.partial&&a.useData&&(g=j(b,g));var h=void 0,i=a.useBlockParams?[]:void 0;return a.useDepths&&(h=f.depths?b!=f.depths[0]?[b].concat(f.depths):f.depths:[b]),(c=k(a.main,c,e,f.depths||[],g,i))(b,f)}if(!b)throw new r["default"]("No environment passed to template");if(!a||!a.main)throw new r["default"]("Unknown template object: "+typeof a);a.main.decorator=a.main_d,b.VM.checkRevision(a.compiler);var e={strict:function(a,b){if(!(b in a))throw new r["default"]('"'+b+'" not defined in '+a);return a[b]},lookup:function(a,b){for(var c=a.length,d=0;d<c;d++)if(a[d]&&null!=a[d][b])return a[d][b]},lambda:function(a,b){return"function"==typeof a?a.call(b):a},escapeExpression:p.escapeExpression,invokePartial:c,fn:function(b){var c=a[b];return c.decorator=a[b+"_d"],c},programs:[],program:function(a,b,c,d,e){var g=this.programs[a],h=this.fn(a);return b||e||d||c?g=f(this,a,h,b,c,d,e):g||(g=this.programs[a]=f(this,a,h)),g},data:function(a,b){for(;a&&b--;)a=a._parent;return a},merge:function(a,b){var c=a||b;return a&&b&&a!==b&&(c=p.extend({},b,a)),c},nullContext:l({}),noop:b.VM.noop,compilerInfo:a.compiler};return d.isTop=!0,d._setup=function(c){c.partial?(e.helpers=c.helpers,e.partials=c.partials,e.decorators=c.decorators):(e.helpers=e.merge(c.helpers,b.helpers),a.usePartial&&(e.partials=e.merge(c.partials,b.partials)),(a.usePartial||a.useDecorators)&&(e.decorators=e.merge(c.decorators,b.decorators)))},d._child=function(b,c,d,g){if(a.useBlockParams&&!d)throw new r["default"]("must pass block params");if(a.useDepths&&!g)throw new r["default"]("must pass parent depths");return f(e,b,a[b],c,0,d,g)},d}function f(a,b,c,d,e,f,g){function h(b){var e=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],h=g;return!g||b==g[0]||b===a.nullContext&&null===g[0]||(h=[b].concat(g)),c(a,b,a.helpers,a.partials,e.data||d,f&&[e.blockParams].concat(f),h)}return h=k(c,h,a,g,d,f),h.program=b,h.depth=g?g.length:0,h.blockParams=e||0,h}function g(a,b,c){return a?a.call||c.name||(c.name=a,a=c.partials[a]):a="@partial-block"===c.name?c.data["partial-block"]:c.partials[c.name],a}function h(a,b,c){var d=c.data&&c.data["partial-block"];c.partial=!0,c.ids&&(c.data.contextPath=c.ids[0]||c.data.contextPath);var e=void 0;if(c.fn&&c.fn!==i&&!function(){c.data=s.createFrame(c.data);var a=c.fn;e=c.data["partial-block"]=function(b){var c=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];return c.data=s.createFrame(c.data),c.data["partial-block"]=d,a(b,c)},a.partials&&(c.partials=p.extend({},c.partials,a.partials))}(),void 0===a&&e&&(a=e),void 0===a)throw new r["default"]("The partial "+c.name+" could not be found");if(a instanceof Function)return a(b,c)}function i(){return""}function j(a,b){return b&&"root"in b||(b=b?s.createFrame(b):{},b.root=a),b}function k(a,b,c,d,e,f){if(a.decorator){var g={};b=a.decorator(b,g,c,d&&d[0],e,f,d),p.extend(b,g)}return b}var l=c(23)["default"],m=c(3)["default"],n=c(1)["default"];b.__esModule=!0,b.checkRevision=d,b.template=e,b.wrapProgram=f,b.resolvePartial=g,b.invokePartial=h,b.noop=i;
vendor: 4,110 bytes, line 14017
14017var o=c(5),p=m(o),q=c(6),r=n(q),s=c(4)},function(a,b,c){a.exports={"default":c(24),__esModule:!0}},function(a,b,c){c(25),a.exports=c(30).Object.seal},function(a,b,c){var d=c(26);c(27)("seal",function(a){return function(b){return a&&d(b)?a(b):b}})},function(a,b){a.exports=function(a){return"object"==typeof a?null!==a:"function"==typeof a}},function(a,b,c){var d=c(28),e=c(30),f=c(33);a.exports=function(a,b){var c=(e.Object||{})[a]||Object[a],g={};g[a]=b(c),d(d.S+d.F*f(function(){c(1)}),"Object",g)}},function(a,b,c){var d=c(29),e=c(30),f=c(31),g="prototype",h=function(a,b,c){var i,j,k,l=a&h.F,m=a&h.G,n=a&h.S,o=a&h.P,p=a&h.B,q=a&h.W,r=m?e:e[b]||(e[b]={}),s=m?d:n?d[b]:(d[b]||{})[g];m&&(c=b);for(i in c)j=!l&&s&&i in s,j&&i in r||(k=j?s[i]:c[i],r[i]=m&&"function"!=typeof s[i]?c[i]:p&&j?f(k,d):q&&s[i]==k?function(a){var b=function(b){return this instanceof a?new a(b):a(b)};return b[g]=a[g],b}(k):o&&"function"==typeof k?f(Function.call,k):k,o&&((r[g]||(r[g]={}))[i]=k))};h.F=1,h.G=2,h.S=4,h.P=8,h.B=16,h.W=32,a.exports=h},function(a,b){var c=a.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=c)},function(a,b){var c=a.exports={version:"1.2.6"};"number"==typeof __e&&(__e=c)},function(a,b,c){var d=c(32);a.exports=function(a,b,c){if(d(a),void 0===b)return a;switch(c){case 1:return function(c){return a.call(b,c)};case 2:return function(c,d){return a.call(b,c,d)};case 3:return function(c,d,e){return a.call(b,c,d,e)}}return function(){return a.apply(b,arguments)}}},function(a,b){a.exports=function(a){if("function"!=typeof a)throw TypeError(a+" is not a function!");return a}},function(a,b){a.exports=function(a){try{return!!a()}catch(b){return!0}}},function(a,b){(function(c){"use strict";b.__esModule=!0,b["default"]=function(a){var b="undefined"!=typeof c?c:window,d=b.appikonHandlebars;a.noConflict=function(){return b.appikonHandlebars===a&&(b.appikonHandlebars=d),a}},a.exports=b["default"]}).call(b,function(){return this}())},function(a,b){"use strict";b.__esModule=!0;var c={helpers:{helperExpression:function(a){return"SubExpression"===a.type||("MustacheStatement"===a.type||"BlockStatement"===a.type)&&!!(a.params&&a.params.length||a.hash)},scopedId:function(a){return/^\.|this\b/.test(a.original)},simpleId:function(a){return 1===a.parts.length&&!c.helpers.scopedId(a)&&!a.depth}}};b["default"]=c,a.exports=b["default"]},function(a,b,c){"use strict";function d(a,b){if("Program"===a.type)return a;h["default"].yy=n,n.locInfo=function(a){return new n.SourceLocation(b&&b.srcName,a)};var c=new j["default"](b);return c.accept(h["default"].parse(a))}var e=c(1)["default"],f=c(3)["default"];b.__esModule=!0,b.parse=d;var g=c(37),h=e(g),i=c(38),j=e(i),k=c(40),l=f(k),m=c(5);b.parser=h["default"];var n={};m.extend(n,l)},function(a,b){"use strict";b.__esModule=!0;var c=function(){function a(){this.yy={}}var b={trace:function(){},yy:{},symbols_:{error:2,root:3,program:4,EOF:5,program_repetition0:6,statement:7,mustache:8,block:9,rawBlock:10,partial:11,partialBlock:12,content:13,COMMENT:14,CONTENT:15,openRawBlock:16,rawBlock_repetition_plus0:17,END_RAW_BLOCK:18,OPEN_RAW_BLOCK:19,helperName:20,openRawBlock_repetition0:21,openRawBlock_option0:22,CLOSE_RAW_BLOCK:23,openBlock:24,block_option0:25,closeBlock:26,openInverse:27,block_option1:28,OPEN_BLOCK:29,openBlock_repetition0:30,openBlock_option0:31,openBlock_option1:32,CLOSE:33,OPEN_INVERSE:34,openInverse_repetition0:35,openInverse_option0:36,openInverse_option1:37,openInverseChain:38,OPEN_INVERSE_CHAIN:39,openInverseChain_repetition0:40,openInverseChain_option0:41,openInverseChain_option1:42,inverseAndProgram:43,INVERSE:44,inverseChain:45,inverseChain_option0:46,OPEN_ENDBLOCK:47,OPEN:48,mustache_repetition0:49,mustache_option0:50,OPEN_UNESCAPED:51,mustache_repetition1:52,mustache_option1:53,CLOSE_UNESCAPED:54,OPEN_PARTIAL:55,partialName:56,partial_repetition0:57,partial_option0:58,openPartialBlock:59,OPEN_PARTIAL_BLOCK:60,openPartialBlock_repetition0:61,openPartialBlock_option0:62,param:63,sexpr:64,OPEN_SEXPR:65,sex
vendor: 8,724 bytes, line 14017
14017pr_repetition0:66,sexpr_option0:67,CLOSE_SEXPR:68,hash:69,hash_repetition_plus0:70,hashSegment:71,ID:72,EQUALS:73,blockParams:74,OPEN_BLOCK_PARAMS:75,blockParams_repetition_plus0:76,CLOSE_BLOCK_PARAMS:77,path:78,dataName:79,STRING:80,NUMBER:81,BOOLEAN:82,UNDEFINED:83,NULL:84,DATA:85,pathSegments:86,SEP:87,attributeccept:0,$end:1},terminals_:{2:"error",5:"EOF",14:"COMMENT",15:"CONTENT",18:"END_RAW_BLOCK",19:"OPEN_RAW_BLOCK",23:"CLOSE_RAW_BLOCK",29:"OPEN_BLOCK",33:"CLOSE",34:"OPEN_INVERSE",39:"OPEN_INVERSE_CHAIN",44:"INVERSE",47:"OPEN_ENDBLOCK",48:"OPEN",51:"OPEN_UNESCAPED",54:"CLOSE_UNESCAPED",55:"OPEN_PARTIAL",60:"OPEN_PARTIAL_BLOCK",65:"OPEN_SEXPR",68:"CLOSE_SEXPR",72:"ID",73:"EQUALS",75:"OPEN_BLOCK_PARAMS",77:"CLOSE_BLOCK_PARAMS",80:"STRING",81:"NUMBER",82:"BOOLEAN",83:"UNDEFINED",84:"NULL",85:"DATA",87:"SEP"},productions_:[0,[3,2],[4,1],[7,1],[7,1],[7,1],[7,1],[7,1],[7,1],[7,1],[13,1],[10,3],[16,5],[9,4],[9,4],[24,6],[27,6],[38,6],[43,2],[45,3],[45,1],[26,3],[8,5],[8,5],[11,5],[12,3],[59,5],[63,1],[63,1],[64,5],[69,1],[71,3],[74,3],[20,1],[20,1],[20,1],[20,1],[20,1],[20,1],[20,1],[56,1],[56,1],[79,2],[78,1],[86,3],[86,1],[6,0],[6,2],[17,1],[17,2],[21,0],[21,2],[22,0],[22,1],[25,0],[25,1],[28,0],[28,1],[30,0],[30,2],[31,0],[31,1],[32,0],[32,1],[35,0],[35,2],[36,0],[36,1],[37,0],[37,1],[40,0],[40,2],[41,0],[41,1],[42,0],[42,1],[46,0],[46,1],[49,0],[49,2],[50,0],[50,1],[52,0],[52,2],[53,0],[53,1],[57,0],[57,2],[58,0],[58,1],[61,0],[61,2],[62,0],[62,1],[66,0],[66,2],[67,0],[67,1],[70,1],[70,2],[76,1],[76,2]],performAction:function(a,b,c,d,e,f,g){var h=f.length-1;switch(e){case 1:return f[h-1];case 2:this.$=d.prepareProgram(f[h]);break;case 3:this.$=f[h];break;case 4:this.$=f[h];break;case 5:this.$=f[h];break;case 6:this.$=f[h];break;case 7:this.$=f[h];break;case 8:this.$=f[h];break;case 9:this.$={type:"CommentStatement",value:d.stripComment(f[h]),strip:d.stripFlags(f[h],f[h]),loc:d.locInfo(this._$)};break;case 10:this.$={type:"ContentStatement",original:f[h],value:f[h],loc:d.locInfo(this._$)};break;case 11:this.$=d.prepareRawBlock(f[h-2],f[h-1],f[h],this._$);break;case 12:this.$={path:f[h-3],params:f[h-2],hash:f[h-1]};break;case 13:this.$=d.prepareBlock(f[h-3],f[h-2],f[h-1],f[h],!1,this._$);break;case 14:this.$=d.prepareBlock(f[h-3],f[h-2],f[h-1],f[h],!0,this._$);break;case 15:this.$={open:f[h-5],path:f[h-4],params:f[h-3],hash:f[h-2],blockParams:f[h-1],strip:d.stripFlags(f[h-5],f[h])};break;case 16:this.$={path:f[h-4],params:f[h-3],hash:f[h-2],blockParams:f[h-1],strip:d.stripFlags(f[h-5],f[h])};break;case 17:this.$={path:f[h-4],params:f[h-3],hash:f[h-2],blockParams:f[h-1],strip:d.stripFlags(f[h-5],f[h])};break;case 18:this.$={strip:d.stripFlags(f[h-1],f[h-1]),program:f[h]};break;case 19:var i=d.prepareBlock(f[h-2],f[h-1],f[h],f[h],!1,this._$),j=d.prepareProgram([i],f[h-1].loc);j.chained=!0,this.$={strip:f[h-2].strip,program:j,chain:!0};break;case 20:this.$=f[h];break;case 21:this.$={path:f[h-1],strip:d.stripFlags(f[h-2],f[h])};break;case 22:this.$=d.prepareMustache(f[h-3],f[h-2],f[h-1],f[h-4],d.stripFlags(f[h-4],f[h]),this._$);break;case 23:this.$=d.prepareMustache(f[h-3],f[h-2],f[h-1],f[h-4],d.stripFlags(f[h-4],f[h]),this._$);break;case 24:this.$={type:"PartialStatement",name:f[h-3],params:f[h-2],hash:f[h-1],indent:"",strip:d.stripFlags(f[h-4],f[h]),loc:d.locInfo(this._$)};break;case 25:this.$=d.preparePartialBlock(f[h-2],f[h-1],f[h],this._$);break;case 26:this.$={path:f[h-3],params:f[h-2],hash:f[h-1],strip:d.stripFlags(f[h-4],f[h])};break;case 27:this.$=f[h];break;case 28:this.$=f[h];break;case 29:this.$={type:"SubExpression",path:f[h-3],params:f[h-2],hash:f[h-1],loc:d.locInfo(this._$)};break;case 30:this.$={type:"Hash",pairs:f[h],loc:d.locInfo(this._$)};break;case 31:this.$={type:"HashPair",key:d.id(f[h-2]),value:f[h],loc:d.locInfo(this._$)};break;case 32:this.$=d.id(f[h-1]);break;case 33:this.$=f[h];break;case 34:this.$=f[h];break;case 35:this.$={type:"StringLiteral",value:f[h],original:f[h],loc:d.locInfo(this._$)};break;case 36:this.$={type:"NumberLiteral",value:Number(f[h]),original:Number(f[h]),loc:d.locInfo(this._$)};break;case 37:this.$={type:"BooleanLiteral",value:"true"===f[h],original:"true"===f[h],loc:d.locInfo(this._$)};break;case 38:this.$={type:"UndefinedLiteral",original:void 0,value:void 0,loc:d.locInfo(this._$)};break;case 39:this.$={type:"NullLiteral",original:null,value:null,loc:d.locInfo(this._$)};break;case 40:this.$=f[h];break;case 41:this.$=f[h];break;case 42:this.$=d.preparePath(!0,f[h],this._$);break;case 43:this.$=d.preparePath(!1,f[h],this._$);break;case 44:f[h-2].push({part:d.id(f[h]),original:f[h],separator:f[h-1]}),this.$=f[h-2];break;case 45:this.$=[{part:d.id(f[h]),original:f[h]}];break;case 46:this.$=[];break;case 47:f[h-1].push(f[h]);break;case 48:this.$=[f[h]];break;case 49:f[h-1].push(f[h]);break;case 50:this.$=[];break;case 51:f[h-1].push(f[h]);break;case 58:this.$=[];break;case 59:f[h-1].push(f[h]);break;case 64:this.$=[];break;case 65:f[h-1].push(f[h]);break;case 70:this.$=[];break;case 71:f[h-1].push(f[h]);break;case 78:this.$=[];break;case 79:f[h-1].push(f[h]);break;case 82:this.$=[];break;case 83:f[h-1].push(f[h]);break;case 86:this.$=[];break;case 87:f[h-1].push(f[h]);break;case 90:this.$=[];break;case 91:f[h-1].push(f[h]);break;case 94:this.$=[];break;case 95:f[h-1].push(f[h]);break;case 98:this.$=[f[h]];break;case 99:f[h-1].push(f[h]);break;case 100:this.$=[f[h]];break;case 101:f[h-1].push(f[h])}},table:[{3:1,4:2,5:[2,46],6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{1:[3]},{5:[1,4]},{5:[2,2],7:5,8:6,9:7,10:8,11:9,12:10,13:11,14:[1,12],15:[1,20],16:17,19:[1,23],24:15,27:16,29:[1,21],34:[1,22],39:[2,2],44:[2,2],47:[2,2],48:[1,13],51:[1,14],55:[1,18],59:19,60:[1,24]},{1:[2,1]},{5:[2,47],14:[2,47],15:[2,47],19:[2,47],29:[2,47],34:[2,47],39:[2,47],44:[2,47],47:[2,47],48:[2,47],51:[2,47],55:[2,47],60:[2,47]},{5:[2,3],14:[2,3],15:[2,3],19:[2,3],29:[2,3],34:[2,3],39:[2,3],44:[2,3],47:[2,3],48:[2,3],51:[2,3],55:[2,3],60:[2,3]},{5:[2,4],14:[2,4],15:[2,4],19:[2,4],29:[2,4],34:[2,4],39:[2,4],44:[2,4],47:[2,4],48:[2,4],51:[2,4],55:[2,4],60:[2,4]},{5:[2,5],14:[2,5],15:[2,5],19:[2,5],29:[2,5],34:[2,5],39:[2,5],44:[2,5],47:[2,5],48:[2,5],51:[2,5],55:[2,5],60:[2,5]},{5:[2,6],14:[2,6],15:[2,6],19:[2,6],29:[2,6],34:[2,6],39:[2,6],44:[2,6],47:[2,6],48:[2,6],51:[2,6],55:[2,6],60:[2,6]},{5:[2,7],14:[2,7],15:[2,7],19:[2,7],29:[2,7],34:[2,7],39:[2,7],44:[2,7],47:[2,7],48:[2,7],51:[2,7],55:[2,7],60:[2,7]},{5:[2,8],14:[2,8],15:[2,8],19:[2,8],29:[2,8],34:[2,8],39:[2,8],44:[2,8],47:[2,8],48:[2,8],51:[2,8],55:[2,8],60:[2,8]},{5:[2,9],14:[2,9],15:[2,9],19:[2,9],29:[2,9],34:[2,9],39:[2,9],44:[2,9],47:[2,9],48:[2,9],51:[2,9],55:[2,9],60:[2,9]},{20:25,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:36,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:37,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],39:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{4:38,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{13:40,15:[1,20],17:39},{20:42,56:41,64:43,65:[1,44],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:45,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{5:[2,10],14:[2,10],15:[2,10],18:[2,10],19:[2,10],29:[2,10],34:[2,10],39:[2,10],44:[2,10],47:[2,10],48:[2,10],51:[2,10],55:[2,10],60:[2,10]},{20:46,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:47,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:48,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:42,56:49,64:43,65:[1,44],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[2,78],49:50,65:[2,78],72:[2,78],80:[2,78],81:[2,78],82:[2,78],83:[2,78],84:[2,78],85:[2,78]},{23:[2,33],33:[2,33],54:[2,33],65:[2,33],68:[2,33],72:[2,33],75:[2,33],80:[2,33],81:[2,33],82:[2,33],83:[2,33],84:[2,33],85:[2,33]},{23:[2,34],33:[2,34],54:[2,34],65:[2,34],68:[2,34],72:[2,34],75:[2,34],80:[2,34],81:[2,34],82:[2,34],83:[2,34],84:[2,34],85:[2,34]},{23:[2,35],33:[2,35],54:[2,35],65:[2,35],68:[2,35],72:[2,35],75:[2,35],80:[2,35],81:[2,35],82:[2,35],83:[2,35],84:[2,35],85:[2,35]},{23:[2,36],33:[2,36],54:[2,36],65:[2,36],68:[2,36],72:[2,36],75:[2,36],80:[2,36],81:[2,36],82:[2,36],83:[2,36],84:[2,36],85:[2,36]},{23:[2,37],33:[2,37],54:[2,37],65:[2,37],68:[2,37],72:[2,37],75:[2,37],80:[2,37],81:[2,37],82:[2,37],83:[2,37],84:[2,37
vendor: 4,137 bytes, line 14017
14017],85:[2,37]},{23:[2,38],33:[2,38],54:[2,38],65:[2,38],68:[2,38],72:[2,38],75:[2,38],80:[2,38],81:[2,38],82:[2,38],83:[2,38],84:[2,38],85:[2,38]},{23:[2,39],33:[2,39],54:[2,39],65:[2,39],68:[2,39],72:[2,39],75:[2,39],80:[2,39],81:[2,39],82:[2,39],83:[2,39],84:[2,39],85:[2,39]},{23:[2,43],33:[2,43],54:[2,43],65:[2,43],68:[2,43],72:[2,43],75:[2,43],80:[2,43],81:[2,43],82:[2,43],83:[2,43],84:[2,43],85:[2,43],87:[1,51]},{72:[1,35],86:52},{23:[2,45],33:[2,45],54:[2,45],65:[2,45],68:[2,45],72:[2,45],75:[2,45],80:[2,45],81:[2,45],82:[2,45],83:[2,45],84:[2,45],85:[2,45],87:[2,45]},{52:53,54:[2,82],65:[2,82],72:[2,82],80:[2,82],81:[2,82],82:[2,82],83:[2,82],84:[2,82],85:[2,82]},{25:54,38:56,39:[1,58],43:57,44:[1,59],45:55,47:[2,54]},{28:60,43:61,44:[1,59],47:[2,56]},{13:63,15:[1,20],18:[1,62]},{15:[2,48],18:[2,48]},{33:[2,86],57:64,65:[2,86],72:[2,86],80:[2,86],81:[2,86],82:[2,86],83:[2,86],84:[2,86],85:[2,86]},{33:[2,40],65:[2,40],72:[2,40],80:[2,40],81:[2,40],82:[2,40],83:[2,40],84:[2,40],85:[2,40]},{33:[2,41],65:[2,41],72:[2,41],80:[2,41],81:[2,41],82:[2,41],83:[2,41],84:[2,41],85:[2,41]},{20:65,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{26:66,47:[1,67]},{30:68,33:[2,58],65:[2,58],72:[2,58],75:[2,58],80:[2,58],81:[2,58],82:[2,58],83:[2,58],84:[2,58],85:[2,58]},{33:[2,64],35:69,65:[2,64],72:[2,64],75:[2,64],80:[2,64],81:[2,64],82:[2,64],83:[2,64],84:[2,64],85:[2,64]},{21:70,23:[2,50],65:[2,50],72:[2,50],80:[2,50],81:[2,50],82:[2,50],83:[2,50],84:[2,50],85:[2,50]},{33:[2,90],61:71,65:[2,90],72:[2,90],80:[2,90],81:[2,90],82:[2,90],83:[2,90],84:[2,90],85:[2,90]},{20:75,33:[2,80],50:72,63:73,64:76,65:[1,44],69:74,70:77,71:78,72:[1,79],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{72:[1,80]},{23:[2,42],33:[2,42],54:[2,42],65:[2,42],68:[2,42],72:[2,42],75:[2,42],80:[2,42],81:[2,42],82:[2,42],83:[2,42],84:[2,42],85:[2,42],87:[1,51]},{20:75,53:81,54:[2,84],63:82,64:76,65:[1,44],69:83,70:77,71:78,72:[1,79],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{26:84,47:[1,67]},{47:[2,55]},{4:85,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],39:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{47:[2,20]},{20:86,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:87,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{26:88,47:[1,67]},{47:[2,57]},{5:[2,11],14:[2,11],15:[2,11],19:[2,11],29:[2,11],34:[2,11],39:[2,11],44:[2,11],47:[2,11],48:[2,11],51:[2,11],55:[2,11],60:[2,11]},{15:[2,49],18:[2,49]},{20:75,33:[2,88],58:89,63:90,64:76,65:[1,44],69:91,70:77,71:78,72:[1,79],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{65:[2,94],66:92,68:[2,94],72:[2,94],80:[2,94],81:[2,94],82:[2,94],83:[2,94],84:[2,94],85:[2,94]},{5:[2,25],14:[2,25],15:[2,25],19:[2,25],29:[2,25],34:[2,25],39:[2,25],44:[2,25],47:[2,25],48:[2,25],51:[2,25],55:[2,25],60:[2,25]},{20:93,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:75,31:94,33:[2,60],63:95,64:76,65:[1,44],69:96,70:77,71:78,72:[1,79],75:[2,60],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:75,33:[2,66],36:97,63:98,64:76,65:[1,44],69:99,70:77,71:78,72:[1,79],75:[2,66],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:75,22:100,23:[2,52],63:101,64:76,65:[1,44],69:102,70:77,71:78,72:[1,79],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:75,33:[2,92],62:103,63:104,64:76,65:[1,44],69:105,70:77,71:78,72:[1,79],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[1,106]},{33:[2,79],65:[2,79],72:[2,79],80:[2,79],81:[2,79],82:[2,79],83:[2,79],84:[2,79],85:[2,79]},{33:[2,81]},{23:[2,27],33:[2,27],54:[2,27],65:[2,27],68:[2,27],72:[2,27],75:[2,27],80:[2,27],81:[2,27],82:[2,27],83:[2,27],84:[2,27],85:[2,27]},{23:[2,28],33:[2,28],54:[2,28],65:[2,28],68:[2,28],72:[2,28],75:[2,28],80:[2,28],81:[2,28],82:[2,28],83:[2,28],84:[2,28],85:[2,28]}
vendor: 6,603 bytes, lines 14017-14018
14017,{23:[2,30],33:[2,30],54:[2,30],68:[2,30],71:107,72:[1,108],75:[2,30]},{23:[2,98],33:[2,98],54:[2,98],68:[2,98],72:[2,98],75:[2,98]},{23:[2,45],33:[2,45],54:[2,45],65:[2,45],68:[2,45],72:[2,45],73:[1,109],75:[2,45],80:[2,45],81:[2,45],82:[2,45],83:[2,45],84:[2,45],85:[2,45],87:[2,45]},{23:[2,44],33:[2,44],54:[2,44],65:[2,44],68:[2,44],72:[2,44],75:[2,44],80:[2,44],81:[2,44],82:[2,44],83:[2,44],84:[2,44],85:[2,44],87:[2,44]},{54:[1,110]},{54:[2,83],65:[2,83],72:[2,83],80:[2,83],81:[2,83],82:[2,83],83:[2,83],84:[2,83],85:[2,83]},{54:[2,85]},{5:[2,13],14:[2,13],15:[2,13],19:[2,13],29:[2,13],34:[2,13],39:[2,13],44:[2,13],47:[2,13],48:[2,13],51:[2,13],55:[2,13],60:[2,13]},{38:56,39:[1,58],43:57,44:[1,59],45:112,46:111,47:[2,76]},{33:[2,70],40:113,65:[2,70],72:[2,70],75:[2,70],80:[2,70],81:[2,70],82:[2,70],83:[2,70],84:[2,70],85:[2,70]},{47:[2,18]},{5:[2,14],14:[2,14],15:[2,14],19:[2,14],29:[2,14],34:[2,14],39:[2,14],44:[2,14],47:[2,14],48:[2,14],51:[2,14],55:[2,14],60:[2,14]},{33:[1,114]},{33:[2,87],65:[2,87],72:[2,87],80:[2,87],81:[2,87],82:[2,87],83:[2,87],84:[2,87], 14018 85:[2,87]},{33:[2,89]},{20:75,63:116,64:76,65:[1,44],67:115,68:[2,96],69:117,70:77,71:78,72:[1,79],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[1,118]},{32:119,33:[2,62],74:120,75:[1,121]},{33:[2,59],65:[2,59],72:[2,59],75:[2,59],80:[2,59],81:[2,59],82:[2,59],83:[2,59],84:[2,59],85:[2,59]},{33:[2,61],75:[2,61]},{33:[2,68],37:122,74:123,75:[1,121]},{33:[2,65],65:[2,65],72:[2,65],75:[2,65],80:[2,65],81:[2,65],82:[2,65],83:[2,65],84:[2,65],85:[2,65]},{33:[2,67],75:[2,67]},{23:[1,124]},{23:[2,51],65:[2,51],72:[2,51],80:[2,51],81:[2,51],82:[2,51],83:[2,51],84:[2,51],85:[2,51]},{23:[2,53]},{33:[1,125]},{33:[2,91],65:[2,91],72:[2,91],80:[2,91],81:[2,91],82:[2,91],83:[2,91],84:[2,91],85:[2,91]},{33:[2,93]},{5:[2,22],14:[2,22],15:[2,22],19:[2,22],29:[2,22],34:[2,22],39:[2,22],44:[2,22],47:[2,22],48:[2,22],51:[2,22],55:[2,22],60:[2,22]},{23:[2,99],33:[2,99],54:[2,99],68:[2,99],72:[2,99],75:[2,99]},{73:[1,109]},{20:75,63:126,64:76,65:[1,44],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{5:[2,23],14:[2,23],15:[2,23],19:[2,23],29:[2,23],34:[2,23],39:[2,23],44:[2,23],47:[2,23],48:[2,23],51:[2,23],55:[2,23],60:[2,23]},{47:[2,19]},{47:[2,77]},{20:75,33:[2,72],41:127,63:128,64:76,65:[1,44],69:129,70:77,71:78,72:[1,79],75:[2,72],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{5:[2,24],14:[2,24],15:[2,24],19:[2,24],29:[2,24],34:[2,24],39:[2,24],44:[2,24],47:[2,24],48:[2,24],51:[2,24],55:[2,24],60:[2,24]},{68:[1,130]},{65:[2,95],68:[2,95],72:[2,95],80:[2,95],81:[2,95],82:[2,95],83:[2,95],84:[2,95],85:[2,95]},{68:[2,97]},{5:[2,21],14:[2,21],15:[2,21],19:[2,21],29:[2,21],34:[2,21],39:[2,21],44:[2,21],47:[2,21],48:[2,21],51:[2,21],55:[2,21],60:[2,21]},{33:[1,131]},{33:[2,63]},{72:[1,133],76:132},{33:[1,134]},{33:[2,69]},{15:[2,12]},{14:[2,26],15:[2,26],19:[2,26],29:[2,26],34:[2,26],47:[2,26],48:[2,26],51:[2,26],55:[2,26],60:[2,26]},{23:[2,31],33:[2,31],54:[2,31],68:[2,31],72:[2,31],75:[2,31]},{33:[2,74],42:135,74:136,75:[1,121]},{33:[2,71],65:[2,71],72:[2,71],75:[2,71],80:[2,71],81:[2,71],82:[2,71],83:[2,71],84:[2,71],85:[2,71]},{33:[2,73],75:[2,73]},{23:[2,29],33:[2,29],54:[2,29],65:[2,29],68:[2,29],72:[2,29],75:[2,29],80:[2,29],81:[2,29],82:[2,29],83:[2,29],84:[2,29],85:[2,29]},{14:[2,15],15:[2,15],19:[2,15],29:[2,15],34:[2,15],39:[2,15],44:[2,15],47:[2,15],48:[2,15],51:[2,15],55:[2,15],60:[2,15]},{72:[1,138],77:[1,137]},{72:[2,100],77:[2,100]},{14:[2,16],15:[2,16],19:[2,16],29:[2,16],34:[2,16],44:[2,16],47:[2,16],48:[2,16],51:[2,16],55:[2,16],60:[2,16]},{33:[1,139]},{33:[2,75]},{33:[2,32]},{72:[2,101],77:[2,101]},{14:[2,17],15:[2,17],19:[2,17],29:[2,17],34:[2,17],39:[2,17],44:[2,17],47:[2,17],48:[2,17],51:[2,17],55:[2,17],60:[2,17]}],defaultActions:{4:[2,1],55:[2,55],57:[2,20],61:[2,57],74:[2,81],83:[2,85],87:[2,18],91:[2,89],102:[2,53],105:[2,93],111:[2,19],112:[2,77],117:[2,97],120:[2,63],123:[2,69],124:[2,12],136:[2,75],137:[2,32]},parseError:function(a,b){throw new Error(a)},parse:function(a){function b(){var a;return a=c.lexer.lex()||1,"number"!=typeof a&&(a=c.symbols_[a]||a),a}var c=this,d=[0],e=[null],f=[],g=this.table,h="",i=0,j=0,k=0;this.lexer.setInput(a),this.lexer.yy=this.yy,this.yy.lexer=this.lexer,this.yy.parser=this,"undefined"==typeof this.lexer.yylloc&&(this.lexer.yylloc={});var l=this.lexer.yylloc;f.push(l);var m=this.lexer.options&&this.lexer.options.ranges;"function"==typeof this.yy.parseError&&(this.parseError=this.yy.parseError);for(var n,o,p,q,r,s,t,u,v,w={};;){if(p=d[d.length-1],this.defaultActions[p]?q=this.defaultActions[p]:(null!==n&&"undefined"!=typeof n||(n=b()),q=g[p]&&g[p][n]),"undefined"==typeof q||!q.length||!q[0]){var x="";if(!k){v=[];for(s in g[p])this.terminals_[s]&&s>2&&v.push("'"+this.terminals_[s]+"'");x=this.lexer.showPosition?"Parse error on line "+(i+1)+":\n"+this.lexer.showPosition()+"\nExpecting "+v.join(", ")+", got '"+(this.terminals_[n]||n)+"'":"Parse error on line "+(i+1)+": Unexpected "+(1==n?"end of input":"'"+(this.terminals_[n]||n)+"'"),this.parseError(x,{text:this.lexer.match,token:this.terminals_[n]||n,line:this.lexer.yylineno,loc:l,expected:v})}}if(q[0]instanceof Array&&q.length>1)throw new Error("Parse Error: multiple actions possible at state: "+p+", token: "+n);switch(q[0]){case 1:d.push(n),e.push(this.lexer.yytext),f.push(this.lexer.yylloc),d.push(q[1]),n=null,o?(n=o,o=null):(j=this.lexer.yyleng,h=this.lexer.yytext,i=this.lexer.yylineno,l=this.lexer.yylloc,k>0&&k--);break;case 2:if(t=this.productions_[q[1]][1],w.$=e[e.length-t],w._$={first_line:f[f.length-(t||1)].first_line,last_line:f[f.length-1].last_line,first_column:f[f.length-(t||1)].first_column,last_column:f[f.length-1].last_column},m&&(w._$.range=[f[f.length-(t||1)].range[0],f[f.length-1].range[1]]),r=this.performAction.call(w,h,j,i,this.yy,q[1],e,f),"undefined"!=typeof r)return r;t&&(d=d.slice(0,-1*t*2),e=e.slice(0,-1*t),f=f.slice(0,-1*t)),d.push(this.productions_[q[1]][0]),e.push(w.$),f.push(w._$),u=g[d[d.length-2]][d[d.length-1]],d.push(u);break;case 3:return!0}}return!0}},c=function(){var a={EOF:1,parseError:function(a,b){if(!this.yy.parser)throw new Error(a);this.yy.parser.parseError(a,b)},setInput:function(a){return this._input=a,this._more=this._less=this.done=!1,this.yylineno=this.yyleng=0,this.yytext=this.matched=this.match="",this.conditionStack=["INITIAL"],this.yylloc={first_line:1,first_column:0,last_line:1,last_column:0},this.options.ranges&&(this.yylloc.range=[0,0]),this.offset=0,this}
vendor: 20,881 bytes, line 14018
14018,input:function(){var a=this._input[0];this.yytext+=a,this.yyleng++,this.offset++,this.match+=a,this.matched+=a;var b=a.match(/(?:\r\n?|\n).*/g);return b?(this.yylineno++,this.yylloc.last_line++):this.yylloc.last_column++,this.options.ranges&&this.yylloc.range[1]++,this._input=this._input.slice(1),a},unput:function(a){var b=a.length,c=a.split(/(?:\r\n?|\n)/g);this._input=a+this._input,this.yytext=this.yytext.substr(0,this.yytext.length-b-1),this.offset-=b;var d=this.match.split(/(?:\r\n?|\n)/g);this.match=this.match.substr(0,this.match.length-1),this.matched=this.matched.substr(0,this.matched.length-1),c.length-1&&(this.yylineno-=c.length-1);var e=this.yylloc.range;return this.yylloc={first_line:this.yylloc.first_line,last_line:this.yylineno+1,first_column:this.yylloc.first_column,last_column:c?(c.length===d.length?this.yylloc.first_column:0)+d[d.length-c.length].length-c[0].length:this.yylloc.first_column-b},this.options.ranges&&(this.yylloc.range=[e[0],e[0]+this.yyleng-b]),this},more:function(){return this._more=!0,this},less:function(a){this.unput(this.match.slice(a))},pastInput:function(){var a=this.matched.substr(0,this.matched.length-this.match.length);return(a.length>20?"...":"")+a.substr(-20).replace(/\n/g,"")},upcomingInput:function(){var a=this.match;return a.length<20&&(a+=this._input.substr(0,20-a.length)),(a.substr(0,20)+(a.length>20?"...":"")).replace(/\n/g,"")},showPosition:function(){var a=this.pastInput(),b=new Array(a.length+1).join("-");return a+this.upcomingInput()+"\n"+b+"^"},next:function(){if(this.done)return this.EOF;this._input||(this.done=!0);var a,b,c,d,e;this._more||(this.yytext="",this.match="");for(var f=this._currentRules(),g=0;g<f.length&&(c=this._input.match(this.rules[f[g]]),!c||b&&!(c[0].length>b[0].length)||(b=c,d=g,this.options.flex));g++);return b?(e=b[0].match(/(?:\r\n?|\n).*/g),e&&(this.yylineno+=e.length),this.yylloc={first_line:this.yylloc.last_line,last_line:this.yylineno+1,first_column:this.yylloc.last_column,last_column:e?e[e.length-1].length-e[e.length-1].match(/\r?\n?/)[0].length:this.yylloc.last_column+b[0].length},this.yytext+=b[0],this.match+=b[0],this.matches=b,this.yyleng=this.yytext.length,this.options.ranges&&(this.yylloc.range=[this.offset,this.offset+=this.yyleng]),this._more=!1,this._input=this._input.slice(b[0].length),this.matched+=b[0],a=this.performAction.call(this,this.yy,this,f[d],this.conditionStack[this.conditionStack.length-1]),this.done&&this._input&&(this.done=!1),a?a:void 0):""===this._input?this.EOF:this.parseError("Lexical error on line "+(this.yylineno+1)+". Unrecognized text.\n"+this.showPosition(),{text:"",token:null,line:this.yylineno})},lex:function(){var a=this.next();return"undefined"!=typeof a?a:this.lex()},begin:function(a){this.conditionStack.push(a)},popState:function(){return this.conditionStack.pop()},_currentRules:function(){return this.conditions[this.conditionStack[this.conditionStack.length-1]].rules},topState:function(){return this.conditionStack[this.conditionStack.length-2]},pushState:function(a){this.begin(a)}};return a.options={},a.performAction=function(a,b,c,d){function e(a,c){return b.yytext=b.yytext.substr(a,b.yyleng-c)}switch(c){case 0:if("\\\\"===b.yytext.slice(-2)?(e(0,1),this.begin("mu")):"\\"===b.yytext.slice(-1)?(e(0,1),this.begin("emu")):this.begin("mu"),b.yytext)return 15;break;case 1:return 15;case 2:return this.popState(),15;case 3:return this.begin("raw"),15;case 4:return this.popState(),"raw"===this.conditionStack[this.conditionStack.length-1]?15:(b.yytext=b.yytext.substr(5,b.yyleng-9),"END_RAW_BLOCK");case 5:return 15;case 6:return this.popState(),14;case 7:return 65;case 8:return 68;case 9:return 19;case 10:return this.popState(),this.begin("raw"),23;case 11:return 55;case 12:return 60;case 13:return 29;case 14:return 47;case 15:return this.popState(),44;case 16:return this.popState(),44;case 17:return 34;case 18:return 39;case 19:return 51;case 20:return 48;case 21:this.unput(b.yytext),this.popState(),this.begin("com");break;case 22:return this.popState(),14;case 23:return 48;case 24:return 73;case 25:return 72;case 26:return 72;case 27:return 87;case 28:break;case 29:return this.popState(),54;case 30:return this.popState(),33;case 31:return b.yytext=e(1,2).replace(/\\"/g,'"'),80;case 32:return b.yytext=e(1,2).replace(/\\'/g,"'"),80;case 33:return 85;case 34:return 82;case 35:return 82;case 36:return 83;case 37:return 84;case 38:return 81;case 39:return 75;case 40:return 77;case 41:return 72;case 42:return b.yytext=b.yytext.replace(/\\([\\\]])/g,"$1"),72;case 43:return"INVALID";case 44:return 5}},a.rules=[/^(?:[^\x00]*?(?=(\{\{)))/,/^(?:[^\x00]+)/,/^(?:[^\x00]{2,}?(?=(\{\{|\\\{\{|\\\\\{\{|$)))/,/^(?:\{\{\{\{(?=[^\/]))/,/^(?:\{\{\{\{\/[^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=[=}\s\/.])\}\}\}\})/,/^(?:[^\x00]*?(?=(\{\{\{\{)))/,/^(?:[\s\S]*?--(~)?\}\})/,/^(?:\()/,/^(?:\))/,/^(?:\{\{\{\{)/,/^(?:\}\}\}\})/,/^(?:\{\{(~)?>)/,/^(?:\{\{(~)?#>)/,/^(?:\{\{(~)?#\*?)/,/^(?:\{\{(~)?\/)/,/^(?:\{\{(~)?\^\s*(~)?\}\})/,/^(?:\{\{(~)?\s*else\s*(~)?\}\})/,/^(?:\{\{(~)?\^)/,/^(?:\{\{(~)?\s*else\b)/,/^(?:\{\{(~)?\{)/,/^(?:\{\{(~)?&)/,/^(?:\{\{(~)?!--)/,/^(?:\{\{(~)?![\s\S]*?\}\})/,/^(?:\{\{(~)?\*?)/,/^(?:=)/,/^(?:\.\.)/,/^(?:\.(?=([=~}\s\/.)|])))/,/^(?:[\/.])/,/^(?:\s+)/,/^(?:\}(~)?\}\})/,/^(?:(~)?\}\})/,/^(?:"(\\["]|[^"])*")/,/^(?:'(\\[']|[^'])*')/,/^(?:@)/,/^(?:true(?=([~}\s)])))/,/^(?:false(?=([~}\s)])))/,/^(?:undefined(?=([~}\s)])))/,/^(?:null(?=([~}\s)])))/,/^(?:-?[0-9]+(?:\.[0-9]+)?(?=([~}\s)])))/,/^(?:as\s+\|)/,/^(?:\|)/,/^(?:([^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=([=~}\s\/.)|]))))/,/^(?:\[(\\\]|[^\]])*\])/,/^(?:.)/,/^(?:$)/],a.conditions={mu:{rules:[7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],inclusive:!1},emu:{rules:[2],inclusive:!1},com:{rules:[6],inclusive:!1},raw:{rules:[3,4,5],inclusive:!1},INITIAL:{rules:[0,1,44],inclusive:!0}},a}();return b.lexer=c,a.prototype=b,b.Parser=a,new a}();b["default"]=c,a.exports=b["default"]},function(a,b,c){"use strict";function d(){var a=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];this.options=a}function e(a,b,c){void 0===b&&(b=a.length);var d=a[b-1],e=a[b-2];return d?"ContentStatement"===d.type?(e||!c?/\r?\n\s*?$/:/(^|\r?\n)\s*?$/).test(d.original):void 0:c}function f(a,b,c){void 0===b&&(b=-1);var d=a[b+1],e=a[b+2];return d?"ContentStatement"===d.type?(e||!c?/^\s*?\r?\n/:/^\s*?(\r?\n|$)/).test(d.original):void 0:c}function g(a,b,c){var d=a[null==b?0:b+1];if(d&&"ContentStatement"===d.type&&(c||!d.rightStripped)){var e=d.value;d.value=d.value.replace(c?/^\s+/:/^[ \t]*\r?\n?/,""),d.rightStripped=d.value!==e}}function h(a,b,c){var d=a[null==b?a.length-1:b-1];if(d&&"ContentStatement"===d.type&&(c||!d.leftStripped)){var e=d.value;return d.value=d.value.replace(c?/\s+$/:/[ \t]+$/,""),d.leftStripped=d.value!==e,d.leftStripped}}var i=c(1)["default"];b.__esModule=!0;var j=c(39),k=i(j);d.prototype=new k["default"],d.prototype.Program=function(a){var b=!this.options.ignoreStandalone,c=!this.isRootSeen;this.isRootSeen=!0;for(var d=a.body,i=0,j=d.length;i<j;i++){var k=d[i],l=this.accept(k);if(l){var m=e(d,i,c),n=f(d,i,c),o=l.openStandalone&&m,p=l.closeStandalone&&n,q=l.inlineStandalone&&m&&n;l.close&&g(d,i,!0),l.open&&h(d,i,!0),b&&q&&(g(d,i),h(d,i)&&"PartialStatement"===k.type&&(k.indent=/([ \t]+$)/.exec(d[i-1].original)[1])),b&&o&&(g((k.program||k.inverse).body),h(d,i)),b&&p&&(g(d,i),h((k.inverse||k.program).body))}}return a},d.prototype.BlockStatement=d.prototype.DecoratorBlock=d.prototype.PartialBlockStatement=function(a){this.accept(a.program),this.accept(a.inverse);var b=a.program||a.inverse,c=a.program&&a.inverse,d=c,i=c;if(c&&c.chained)for(d=c.body[0].program;i.chained;)i=i.body[i.body.length-1].program;var j={open:a.openStrip.open,close:a.closeStrip.close,openStandalone:f(b.body),closeStandalone:e((d||b).body)};if(a.openStrip.close&&g(b.body,null,!0),c){var k=a.inverseStrip;k.open&&h(b.body,null,!0),k.close&&g(d.body,null,!0),a.closeStrip.open&&h(i.body,null,!0),!this.options.ignoreStandalone&&e(b.body)&&f(d.body)&&(h(b.body),g(d.body))}else a.closeStrip.open&&h(b.body,null,!0);return j},d.prototype.Decorator=d.prototype.MustacheStatement=function(a){return a.strip},d.prototype.PartialStatement=d.prototype.CommentStatement=function(a){var b=a.strip||{};return{inlineStandalone:!0,open:b.open,close:b.close}},b["default"]=d,a.exports=b["default"]},function(a,b,c){"use strict";function d(){this.parents=[]}function e(a){this.acceptRequired(a,"path"),this.acceptArray(a.params),this.acceptKey(a,"hash")}function f(a){e.call(this,a),this.acceptKey(a,"program"),this.acceptKey(a,"inverse")}function g(a){this.acceptRequired(a,"name"),this.acceptArray(a.params),this.acceptKey(a,"hash")}var h=c(1)["default"];b.__esModule=!0;var i=c(6),j=h(i);d.prototype={constructor:d,mutating:!1,acceptKey:function(a,b){var c=this.accept(a[b]);if(this.mutating){if(c&&!d.prototype[c.type])throw new j["default"]('Unexpected node type "'+c.type+'" found when accepting '+b+" on "+a.type);a[b]=c}},acceptRequired:function(a,b){if(this.acceptKey(a,b),!a[b])throw new j["default"](a.type+" requires "+b)},acceptArray:function(a){for(var b=0,c=a.length;b<c;b++)this.acceptKey(a,b),a[b]||(a.splice(b,1),b--,c--)},accept:function(a){if(a){if(!this[a.type])throw new j["default"]("Unknown type: "+a.type,a);this.current&&this.parents.unshift(this.current),this.current=a;var b=this[a.type](a);return this.current=this.parents.shift(),!this.mutating||b?b:b!==!1?a:void 0}},Program:function(a){this.acceptArray(a.body)},MustacheStatement:e,Decorator:e,BlockStatement:f,DecoratorBlock:f,PartialStatement:g,PartialBlockStatement:function(a){g.call(this,a),this.acceptKey(a,"program")},ContentStatement:function(){},CommentStatement:function(){},SubExpression:e,PathExpression:function(){},StringLiteral:function(){},NumberLiteral:function(){},BooleanLiteral:function(){},UndefinedLiteral:function(){},NullLiteral:function(){},Hash:function(a){this.acceptArray(a.pairs)},HashPair:function(a){this.acceptRequired(a,"value")}},b["default"]=d,a.exports=b["default"]},function(a,b,c){"use strict";function d(a,b){if(b=b.path?b.path.original:b,a.path.original!==b){var c={loc:a.path.loc};throw new q["default"](a.path.original+" doesn't match "+b,c)}}function e(a,b){this.source=a,this.start={line:b.first_line,column:b.first_column},this.end={line:b.last_line,column:b.last_column}}function f(a){return/^\[.*\]$/.test(a)?a.substr(1,a.length-2):a}function g(a,b){return{open:"~"===a.charAt(2),close:"~"===b.charAt(b.length-3)}}function h(a){return a.replace(/^\{\{~?\!-?-?/,"").replace(/-?-?~?\}\}$/,"")}function i(a,b,c){c=this.locInfo(c);for(var d=a?"@":"",e=[],f=0,g="",h=0,i=b.length;h<i;h++){var j=b[h].part,k=b[h].original!==j;if(d+=(b[h].separator||"")+j,k||".."!==j&&"."!==j&&"this"!==j)e.push(j);else{if(e.length>0)throw new q["default"]("Invalid path: "+d,{loc:c});".."===j&&(f++,g+="../")}}return{type:"PathExpression",data:a,depth:f,parts:e,original:d,loc:c}}function j(a,b,c,d,e,f){var g=d.charAt(3)||d.charAt(2),h="{"!==g&&"&"!==g,i=/\*/.test(d);return{type:i?"Decorator":"MustacheStatement",path:a,params:b,hash:c,escaped:h,strip:e,loc:this.locInfo(f)}}function k(a,b,c,e){d(a,c),e=this.locInfo(e);var f={type:"Program",body:b,strip:{},loc:e};return{type:"BlockStatement",path:a.path,params:a.params,hash:a.hash,program:f,openStrip:{},inverseStrip:{},closeStrip:{},loc:e}}function l(a,b,c,e,f,g){e&&e.path&&d(a,e);var h=/\*/.test(a.open);b.blockParams=a.blockParams;var i=void 0,j=void 0;if(c){if(h)throw new q["default"]("Unexpected inverse block on decorator",c);c.chain&&(c.program.body[0].closeStrip=e.strip),j=c.strip,i=c.program}return f&&(f=i,i=b,b=f),{type:h?"DecoratorBlock":"BlockStatement",path:a.path,params:a.params,hash:a.hash,program:b,inverse:i,openStrip:a.strip,inverseStrip:j,closeStrip:e&&e.strip,loc:this.locInfo(g)}}function m(a,b){if(!b&&a.length){var c=a[0].loc,d=a[a.length-1].loc;c&&d&&(b={source:c.source,start:{line:c.start.line,column:c.start.column},end:{line:d.end.line,column:d.end.column}})}return{type:"Program",body:a,strip:{},loc:b}}function n(a,b,c,e){return d(a,c),{type:"PartialBlockStatement",name:a.path,params:a.params,hash:a.hash,program:b,openStrip:a.strip,closeStrip:c&&c.strip,loc:this.locInfo(e)}}var o=c(1)["default"];b.__esModule=!0,b.SourceLocation=e,b.id=f,b.stripFlags=g,b.stripComment=h,b.preparePath=i,b.prepareMustache=j,b.prepareRawBlock=k,b.prepareBlock=l,b.prepareProgram=m,b.preparePartialBlock=n;var p=c(6),q=o(p)},function(a,b,c){"use strict";function d(){}function e(a,b,c){if(null==a||"string"!=typeof a&&"Program"!==a.type)throw new k["default"]("You must pass a string or appikonHandlebars AST to appikonHandlebars.precompile. You passed "+a);b=b||{},"data"in b||(b.data=!0),b.compat&&(b.useDepths=!0);var d=c.parse(a,b),e=(new c.Compiler).compile(d,b);return(new c.JavaScriptCompiler).compile(e,b)}function f(a,b,c){function d(){var d=c.parse(a,b),e=(new c.Compiler).compile(d,b),f=(new c.JavaScriptCompiler).compile(e,b,void 0,!0);return c.template(f)}function e(a,b){return f||(f=d()),f.call(this,a,b)}if(void 0===b&&(b={}),null==a||"string"!=typeof a&&"Program"!==a.type)throw new k["default"]("You must pass a string or appikonHandlebars AST to appikonHandlebars.compile. You passed "+a);"data"in b||(b.data=!0),b.compat&&(b.useDepths=!0);var f=void 0;return e._setup=function(a){return f||(f=d()),f._setup(a)},e._child=function(a,b,c,e){return f||(f=d()),f._child(a,b,c,e)},e}function g(a,b){if(a===b)return!0;if(l.isArray(a)&&l.isArray(b)&&a.length===b.length){for(var c=0;c<a.length;c++)if(!g(a[c],b[c]))return!1;return!0}}function h(a){if(!a.path.parts){var b=a.path;a.path={type:"PathExpression",data:!1,depth:0,parts:[b.original+""],original:b.original+"",loc:b.loc}}}var i=c(1)["default"];b.__esModule=!0,b.Compiler=d,b.precompile=e,b.compile=f;var j=c(6),k=i(j),l=c(5),m=c(35),n=i(m),o=[].slice;d.prototype={compiler:d,equals:function(a){var b=this.opcodes.length;if(a.opcodes.length!==b)return!1;for(var c=0;c<b;c++){var d=this.opcodes[c],e=a.opcodes[c];if(d.opcode!==e.opcode||!g(d.args,e.args))return!1}b=this.children.length;for(var c=0;c<b;c++)if(!this.children[c].equals(a.children[c]))return!1;return!0},guid:0,compile:function(a,b){this.sourceNode=[],this.opcodes=[],this.children=[],this.options=b,this.stringParams=b.stringParams,this.trackIds=b.trackIds,b.blockParams=b.blockParams||[];var c=b.knownHelpers;if(b.knownHelpers={helperMissing:!0,blockHelperMissing:!0,each:!0,"if":!0,unless:!0,"with":!0,log:!0,lookup:!0},c)for(var d in c)d in c&&(b.knownHelpers[d]=c[d]);return this.accept(a)},compileProgram:function(a){var b=new this.compiler,c=b.compile(a,this.options),d=this.guid++;return this.usePartial=this.usePartial||c.usePartial,this.children[d]=c,this.useDepths=this.useDepths||c.useDepths,d},accept:function(a){if(!this[a.type])throw new k["default"]("Unknown type: "+a.type,a);this.sourceNode.unshift(a);var b=this[a.type](a);return this.sourceNode.shift(),b},Program:function(a){this.options.blockParams.unshift(a.blockParams);for(var b=a.body,c=b.length,d=0;d<c;d++)this.accept(b[d]);return this.options.blockParams.shift(),this.isSimple=1===c,this.blockParams=a.blockParams?a.blockParams.length:0,this},BlockStatement:function(a){h(a);var b=a.program,c=a.inverse;b=b&&this.compileProgram(b),c=c&&this.compileProgram(c);var d=this.classifySexpr(a);"helper"===d?this.helperSexpr(a,b,c):"simple"===d?(this.simpleSexpr(a),this.opcode("pushProgram",b),this.opcode("pushProgram",c),this.opcode("emptyHash"),this.opcode("blockValue",a.path.original)):(this.ambiguousSexpr(a,b,c),this.opcode("pushProgram",b),this.opcode("pushProgram",c),this.opcode("emptyHash"),this.opcode("ambiguousBlockValue")),this.opcode("append")},DecoratorBlock:function(a){var b=a.program&&this.compileProgram(a.program),c=this.setupFullMustacheParams(a,b,void 0),d=a.path;this.useDecorators=!0,this.opcode("registerDecorator",c.length,d.original)},PartialStatement:function(a){this.usePartial=!0;var b=a.program;b&&(b=this.compileProgram(a.program));var c=a.params;if(c.length>1)throw new k["default"]("Unsupported number of partial arguments: "+c.length,a);c.length||(this.options.explicitPartialContext?this.opcode("pushLiteral","undefined"):c.push({type:"PathExpression",parts:[],depth:0}));var d=a.name.original,e="SubExpression"===a.name.type;e&&this.accept(a.name),this.setupFullMustacheParams(a,b,void 0,!0);var f=a.indent||"";this.options.preventIndent&&f&&(this.opcode("appendContent",f),f=""),this.opcode("invokePartial",e,d,f),this.opcode("append")},PartialBlockStatement:function(a){this.PartialStatement(a)},MustacheStatement:function(a){this.SubExpression(a),a.escaped&&!this.options.noEscape?this.opcode("appendEscaped"):this.opcode("append")},Decorator:function(a){this.DecoratorBlock(a)},ContentStatement:function(a){a.value&&this.opcode("appendContent",a.value)},CommentStatement:function(){},SubExpression:function(a){h(a);var b=this.classifySexpr(a);"simple"===b?this.simpleSexpr(a):"helper"===b?this.helperSexpr(a):this.ambiguousSexpr(a)},ambiguousSexpr:function(a,b,c){var d=a.path,e=d.parts[0],f=null!=b||null!=c;this.opcode("getContext",d.depth),this.opcode("pushProgram",b),this.opcode("pushProgram",c),d.strict=!0,this.accept(d),this.opcode("invokeAmbiguous",e,f)},simpleSexpr:function(a){var b=a.path;b.strict=!0,this.accept(b),this.opcode("resolvePossibleLambda")},helperSexpr:function(a,b,c){var d=this.setupFullMustacheParams(a,b,c),e=a.path,f=e.parts[0];if(this.options.knownHelpers[f])this.opcode("invokeKnownHelper",d.length,f);else{if(this.options.knownHelpersOnly)throw new k["default"]("You specified knownHelpersOnly, but used the unknown helper "+f,a);e.strict=!0,e.falsy=!0,this.accept(e),this.opcode("invokeHelper",d.length,e.original,n["default"].helpers.simpleId(e))}},PathExpression:function(a){this.addDepth(a.depth),this.opcode("getContext",a.depth);var b=a.parts[0],c=n["default"].helpers.scopedId(a),d=!a.depth&&!c&&this.blockParamIndex(b);d?this.opcode("lookupBlockParam",d,a.parts):b?a.data?(this.options.data=!0,this.opcode("lookupData",a.depth,a.parts,a.strict)):this.opcode("lookupOnContext",a.parts,a.falsy,a.strict,c):this.opcode("pushContext")},StringLiteral:function(a){this.opcode("pushString",a.value)},NumberLiteral:function(a){this.opcode("pushLiteral",a.value)},BooleanLiteral:function(a){this.opcode("pushLiteral",a.value)},UndefinedLiteral:function(){this.opcode("pushLiteral","undefined")},NullLiteral:function(){this.opcode("pushLiteral","null")},Hash:function(a){var b=a.pairs,c=0,d=b.length;for(this.opcode("pushHash");c<d;c++)this.pushParam(b[c].value);for(;c--;)this.opcode("assignToHash",b[c].key);this.opcode("popHash")},opcode:function(a){this.opcodes.push({opcode:a,args:o.call(arguments,1),loc:this.sourceNode[0].loc})},addDepth:function(a){a&&(this.useDepths=!0)},classifySexpr:function(a){var b=n["default"].helpers.simpleId(a.path),c=b&&!!this.blockParamIndex(a.path.parts[0]),d=!c&&n["default"].helpers.helperExpression(a),e=!c&&(d||b);if(e&&!d){var f=a.path.parts[0],g=this.options;g.knownHelpers[f]?d=!0:g.knownHelpersOnly&&(e=!1)}return d?"helper":e?"ambiguous":"simple"},pushParams:function(a){for(var b=0,c=a.length;b<c;b++)this.pushParam(a[b])},pushParam:function(a){var b=null!=a.value?a.value:a.original||"";if(this.stringParams)b.replace&&(b=b.replace(/^(\.?\.\/)*/g,"").replace(/\//g,".")),a.depth&&this.addDepth(a.depth),this.opcode("getContext",a.depth||0),this.opcode("pushStringParam",b,a.type),"SubExpression"===a.type&&this.accept(a);else{if(this.trackIds){var c=void 0;if(!a.parts||n["default"].helpers.scopedId(a)||a.depth||(c=this.blockParamIndex(a.parts[0])),c){var d=a.parts.slice(1).join(".");this.opcode("pushId","BlockParam",c,d)}else b=a.original||b,b.replace&&(b=b.replace(/^this(?:\.|$)/,"").replace(/^\.\//,"").replace(/^\.$/,"")),this.opcode("pushId",a.type,b)}this.accept(a)}},setupFullMustacheParams:function(a,b,c,d){var e=a.params;return this.pushParams(e),this.opcode("pushProgram",b),this.opcode("pushProgram",c),a.hash?this.accept(a.hash):this.opcode("emptyHash",d),e},blockParamIndex:function(a){for(var b=0,c=this.options.blockParams.length;b<c;b++){var d=this.options.blockParams[b],e=d&&l.indexOf(d,a);if(d&&e>=0)return[b,e]}}}},function(a,b,c){"use strict";function d(a){this.value=a}function e(){}function f(a,b,c,d){var e=b.popStack(),f=0,g=c.length;for(a&&g--;f<g;f++)e=b.nameLookup(e,c[f],d);return a?[b.aliasable("container.strict"),"(",e,", ",b.quotedString(c[f]),")"]:e}var g=c(1)["default"];b.__esModule=!0;var h=c(4),i=c(6),j=g(i),k=c(5),l=c(43),m=g(l);e.prototype={nameLookup:function(a,b){return e.isValidJavaScriptVariableName(b)?[a,".",b]:[a,"[",JSON.stringify(b),"]"]},depthedLookup:function(a){return[this.aliasable("container.lookup"),'(depths, "',a,'")']},compilerInfo:function(){var a=h.COMPILER_REVISION,b=h.REVISION_CHANGES[a];return[a,b]}
vendor: 6,935 bytes, lines 14018-14019
14018,appendToBuffer:function(a,b,c){return k.isArray(a)||(a=[a]),a=this.source.wrap(a,b),this.environment.isSimple?["return ",a,";"]:c?["buffer += ",a,";"]:(a.appendToBuffer=!0,a)},initializeBuffer:function(){return this.quotedString("")},compile:function(a,b,c,d){this.environment=a,this.options=b,this.stringParams=this.options.stringParams,this.trackIds=this.options.trackIds,this.precompile=!d,this.name=this.environment.name,this.isChild=!!c,this.context=c||{decorators:[],programs:[],environments:[]},this.preamble(),this.stackSlot=0,this.stackVars=[],this.aliases={},this.registers={list:[]},this.hashes=[],this.compileStack=[],this.inlineStack=[],this.blockParams=[],this.compileChildren(a,b),this.useDepths=this.useDepths||a.useDepths||a.useDecorators||this.options.compat,this.useBlockParams=this.useBlockParams||a.useBlockParams;var e=a.opcodes,f=void 0,g=void 0,h=void 0,i=void 0;for(h=0,i=e.length;h<i;h++)f=e[h],this.source.currentLocation=f.loc,g=g||f.loc,this[f.opcode].apply(this,f.args);if(this.source.currentLocation=g,this.pushSource(""),this.stackSlot||this.inlineStack.length||this.compileStack.length)throw new j["default"]("Compile completed with content left on stack");this.decorators.isEmpty()?this.decorators=void 0:(this.useDecorators=!0,this.decorators.prepend("var decorators = container.decorators;\n"),this.decorators.push("return fn;"),d?this.decorators=Function.apply(this,["fn","props","container","depth0","data","blockParams","depths",this.decorators.merge()]):(this.decorators.prepend("function(fn, props, container, depth0, data, blockParams, depths) {\n"),this.decorators.push("}\n"),this.decorators=this.decorators.merge()));var k=this.createFunctionContext(d);if(this.isChild)return k;var l={compiler:this.compilerInfo(),main:k};this.decorators&&(l.main_d=this.decorators,l.useDecorators=!0);var m=this.context,n=m.programs,o=m.decorators;for(h=0,i=n.length;h<i;h++)n[h]&&(l[h]=n[h],o[h]&&(l[h+"_d"]=o[h],l.useDecorators=!0));return this.environment.usePartial&&(l.usePartial=!0),this.options.data&&(l.useData=!0),this.useDepths&&(l.useDepths=!0),this.useBlockParams&&(l.useBlockParams=!0),this.options.compat&&(l.compat=!0),d?l.compilerOptions=this.options:(l.compiler=JSON.stringify(l.compiler),this.source.currentLocation={start:{line:1,column:0}},l=this.objectLiteral(l),b.srcName?(l=l.toStringWithSourceMap({file:b.destName}),l.map=l.map&&l.map.toString()):l=l.toString()),l},preamble:function(){this.lastContext=0,this.source=new m["default"](this.options.srcName),this.decorators=new m["default"](this.options.srcName)},createFunctionContext:function(a){var b="",c=this.stackVars.concat(this.registers.list);c.length>0&&(b+=", "+c.join(", "));var d=0;for(var e in this.aliases){var f=this.aliases[e];this.aliases.hasOwnProperty(e)&&f.children&&f.referenceCount>1&&(b+=", alias"+ ++d+"="+e,f.children[0]="alias"+d)}var g=["container","depth0","helpers","partials","data"];(this.useBlockParams||this.useDepths)&&g.push("blockParams"),this.useDepths&&g.push("depths");var h=this.mergeSource(b);return a?(g.push(h),Function.apply(this,g)):this.source.wrap(["function(",g.join(","),") {\n ",h,"}"])},mergeSource:function(a){var b=this.environment.isSimple,c=!this.forceBuffer,d=void 0,e=void 0,f=void 0,g=void 0;return this.source.each(function(a){a.appendToBuffer?(f?a.prepend(" + "):f=a,g=a):(f&&(e?f.prepend("buffer += "):d=!0,g.add(";"),f=g=void 0),e=!0,b||(c=!1))}),c?f?(f.prepend("return "),g.add(";")):e||this.source.push('return "";'):(a+=", buffer = "+(d?"":this.initializeBuffer()),f?(f.prepend("return buffer + "),g.add(";")):this.source.push("return buffer;")),a&&this.source.prepend("var "+a.substring(2)+(d?"":";\n")),this.source.merge()},blockValue:function(a){var b=this.aliasable("helpers.blockHelperMissing"),c=[this.contextName(0)];this.setupHelperArgs(a,0,c);var d=this.popStack();c.splice(1,0,d),this.push(this.source.functionCall(b,"call",c))},ambiguousBlockValue:function(){var a=this.aliasable("helpers.blockHelperMissing"),b=[this.contextName(0)];this.setupHelperArgs("",0,b,!0),this.flushInline();var c=this.topStack();b.splice(1,0,c),this.pushSource(["if (!",this.lastHelper,") { ",c," = ",this.source.functionCall(a,"call",b),"}"])},appendContent:function(a){this.pendingContent?a=this.pendingContent+a:this.pendingLocation=this.source.currentLocation,this.pendingContent=a},append:function(){if(this.isInline())this.replaceStack(function(a){return[" != null ? ",a,' : ""']}),this.pushSource(this.appendToBuffer(this.popStack()));else{var a=this.popStack();this.pushSource(["if (",a," != null) { ",this.appendToBuffer(a,void 0,!0)," }"]),this.environment.isSimple&&this.pushSource(["else { ",this.appendToBuffer("''",void 0,!0)," }"])}},appendEscaped:function(){this.pushSource(this.appendToBuffer([this.aliasable("container.escapeExpression"),"(",this.popStack(),")"]))},getContext:function(a){this.lastContext=a},pushContext:function(){this.pushStackLiteral(this.contextName(this.lastContext))},lookupOnContext:function(a,b,c,d){var e=0;d||!this.options.compat||this.lastContext?this.pushContext():this.push(this.depthedLookup(a[e++])),this.resolvePath("context",a,e,b,c)},lookupBlockParam:function(a,b){this.useBlockParams=!0,this.push(["blockParams[",a[0],"][",a[1],"]"]),this.resolvePath("context",b,1)},lookupData:function(a,b,c){a?this.pushStackLiteral("container.data(data, "+a+")"):this.pushStackLiteral("data"),this.resolvePath("data",b,0,!0,c)},resolvePath:function(a,b,c,d,e){var g=this;if(this.options.strict||this.options.assumeObjects)return void this.push(f(this.options.strict&&e,this,b,a));for(var h=b.length;c<h;c++)this.replaceStack(function(e){var f=g.nameLookup(e,b[c],a); 14019 return d?[" && ",f]:[" != null ? ",f," : ",e]})},resolvePossibleLambda:function(){this.push([this.aliasable("container.lambda"),"(",this.popStack(),", ",this.contextName(0),")"])},pushStringParam:function(a,b){this.pushContext(),this.pushString(b),"SubExpression"!==b&&("string"==typeof a?this.pushString(a):this.pushStackLiteral(a))},emptyHash:function(a){this.trackIds&&this.push("{}"),this.stringParams&&(this.push("{}"),this.push("{}")),this.pushStackLiteral(a?"undefined":"{}")},pushHash:function(){this.hash&&this.hashes.push(this.hash),this.hash={values:[],types:[],contexts:[],ids:[]}},popHash:function(){var a=this.hash;this.hash=this.hashes.pop(),this.trackIds&&this.push(this.objectLiteral(a.ids)),this.stringParams&&(this.push(this.objectLiteral(a.contexts)),this.push(this.objectLiteral(a.types))),this.push(this.objectLiteral(a.values))},pushString:function(a){this.pushStackLiteral(this.quotedString(a))},pushLiteral:function(a){this.pushStackLiteral(a)},pushProgram:function(a){null!=a?this.pushStackLiteral(this.programExpression(a)):this.pushStackLiteral(null)},registerDecorator:function(a,b){var c=this.nameLookup("decorators",b,"decorator"),d=this.setupHelperArgs(b,a);this.decorators.push(["fn = ",this.decorators.functionCall(c,"",["f
14019n","props","container",d])," || fn;"])},invokeHelper:function(a,b,c){var d=this.popStack(),e=this.setupHelper(a,b),f=c?[e.name," || "]:"",g=["("].concat(f,d);this.options.strict||g.push(" || ",this.aliasable("helpers.helperMissing")),g.push(")"),this.push(this.source.functionCall(g,"call",e.callParams))},invokeKnownHelper:function(a,b){var c=this.setupHelper(a,b);this.push(this.source.functionCall(c.name,"call",c.callParams))},invokeAmbiguous:function(a,b){this.useRegister("helper");var c=this.popStack();this.emptyHash();var d=this.setupHelper(0,a,b),e=this.lastHelper=this.nameLookup("helpers",a,"helper"),f=["(","(helper = ",e," || ",c,")"];this.options.strict||(f[0]="(helper = ",f.push(" != null ? helper : ",this.aliasable("helpers.helperMissing"))),this.push(["(",f,d.paramsInit?["),(",d.paramsInit]:[],"),","(typeof helper === ",this.aliasable('"function"')," ? ",this.source.functionCall("helper","call",d.callParams)," : helper))"])},invokePartial:function(a,b,c){var d=[],e=this.setupParams(b,1,d);a&&(b=this.popStack(),delete e.name),c&&(e.indent=JSON.stringify(c)),e.helpers="helpers",e.partials="partials",e.decorators="container.decorators",a?d.unshift(b):d.unshift(this.nameLookup("partials",b,"partial")),this.options.compat&&(e.depths="depths"),e=this.objectLiteral(e),d.push(e),this.push(this.source.functionCall("container.invokePartial","",d))},assignToHash:function(a){var b=this.popStack(),c=void 0,d=void 0,e=void 0;this.trackIds&&(e=this.popStack()),this.stringParams&&(d=this.popStack(),c=this.popStack());var f=this.hash;c&&(f.contexts[a]=c),d&&(f.types[a]=d),e&&(f.ids[a]=e),f.values[a]=b},pushId:function(a,b,c){"BlockParam"===a?this.pushStackLiteral("blockParams["+b[0]+"].path["+b[1]+"]"+(c?" + "+JSON.stringify("."+c):"")):"PathExpression"===a?this.pushString(b):"SubExpression"===a?this.pushStackLiteral("true"):this.pushStackLiteral("null")},compiler:e,compileChildren:function(a,b){for(var c=a.children,d=void 0,e=void 0,f=0,g=c.length;f<g;f++){d=c[f],e=new this.compiler;var h=this.matchExistingProgram(d);if(null==h){this.context.programs.push("");var i=this.context.programs.length;d.index=i,d.name="program"+i,this.context.programs[i]=e.compile(d,b,this.context,!this.precompile),this.context.decorators[i]=e.decorators,this.context.environments[i]=d,this.useDepths=this.useDepths||e.useDepths,this.useBlockParams=this.useBlockParams||e.useBlockParams,d.useDepths=this.useDepths,d.useBlockParams=this.useBlockParams}else d.index=h.index,d.name="program"+h.index,this.useDepths=this.useDepths||h.useDepths,this.useBlockParams=this.useBlockParams||h.useBlockParams}},matchExistingProgram:function(a){for(var b=0,c=this.context.environments.length;b<c;b++){var d=this.context.environments[b];if(d&&d.equals(a))return d}},programExpression:function(a){var b=this.environment.children[a],c=[b.index,"data",b.blockParams];return(this.useBlockParams||this.useDepths)&&c.push("blockParams"),this.useDepths&&c.push("depths"),"container.program("+c.join(", ")+")"},useRegister:function(a){this.registers[a]||(this.registers[a]=!0,this.registers.list.push(a))},push:function(a){return a instanceof d||(a=this.source.wrap(a)),this.inlineStack.push(a),a},pushStackLiteral:function(a){this.push(new d(a))},pushSource:function(a){this.pendingContent&&(this.source.push(this.appendToBuffer(this.source.quotedString(this.pendingContent),this.pendingLocation)),this.pendingContent=void 0),a&&this.source.push(a)},replaceStack:function(a){var b=["("],c=void 0,e=void 0,f=void 0;if(!this.isInline())throw new j["default"]("replaceStack on non-inline");var g=this.popStack(!0);if(g instanceof d)c=[g.value],b=["(",c],f=!0;else{e=!0;var h=this.incrStack();b=["((",this.push(h)," = ",g,")"],c=this.topStack()}var i=a.call(this,c);f||this.popStack(),e&&this.stackSlot--,this.push(b.concat(i,")"))},incrStack:function(){return this.stackSlot++,this.stackSlot>this.stackVars.length&&this.stackVars.push("stack"+this.stackSlot),this.topStackName()},topStackName:function(){return"stack"+this.stackSlot},flushInline:function(){var a=this.inlineStack;this.inlineStack=[];for(var b=0,c=a.length;b<c;b++){var e=a[b];if(e instanceof d)this.compileStack.push(e);else{var f=this.incrStack();this.pushSource([f," = ",e,";"]),this.compileStack.push(f)}}},isInline:function(){return this.inlineStack.length},popStack:function(a){var b=this.isInline(),c=(b?this.inlineStack:this.compileStack).pop();if(!a&&c instanceof d)return c.value;if(!b){if(!this.stackSlot)throw new j["default"]("Invalid stack pop");this.stackSlot--}return c},topStack:function(){var a=this.isInline()?this.inlineStack:this.compileStack,b=a[a.length-1];return b instanceof d?b.value:b},contextName:function(a){return this.useDepths&&a?"depths["+a+"]":"depth"+a},quotedString:function(a){return this.source.quotedString(a)}
vendor: 4,150 bytes, lines 14019-14022
14019,objectLiteral:function(a){return this.source.objectLiteral(a)},aliasable:function(a){var b=this.aliases[a];return b?(b.referenceCount++,b):(b=this.aliases[a]=this.source.wrap(a),b.aliasable=!0,b.referenceCount=1,b)},setupHelper:function(a,b,c){var d=[],e=this.setupHelperArgs(b,a,d,c),f=this.nameLookup("helpers",b,"helper"),g=this.aliasable(this.contextName(0)+" != null ? "+this.contextName(0)+" : (container.nullContext || {})");return{params:d,paramsInit:e,name:f,callParams:[g].concat(d)}},setupParams:function(a,b,c){var d={},e=[],f=[],g=[],h=!c,i=void 0;h&&(c=[]),d.name=this.quotedString(a),d.hash=this.popStack(),this.trackIds&&(d.hashIds=this.popStack()),this.stringParams&&(d.hashTypes=this.popStack(),d.hashContexts=this.popStack());var j=this.popStack(),k=this.popStack();(k||j)&&(d.fn=k||"container.noop",d.inverse=j||"container.noop");for(var l=b;l--;)i=this.popStack(),c[l]=i,this.trackIds&&(g[l]=this.popStack()),this.stringParams&&(f[l]=this.popStack(),e[l]=this.popStack());return h&&(d.args=this.source.generateArray(c)),this.trackIds&&(d.ids=this.source.generateArray(g)),this.stringParams&&(d.types=this.source.generateArray(f),d.contexts=this.source.generateArray(e)),this.options.data&&(d.data="data"),this.useBlockParams&&(d.blockParams="blockParams"),d},setupHelperArgs:function(a,b,c,d){var e=this.setupParams(a,b,c);return e=this.objectLiteral(e),d?(this.useRegister("options"),c.push("options"),["options=",e]):c?(c.push(e),""):e}},function(){for(var a="break else new var case finally return void catch for switch while continue function this with default if throw delete in try do instanceof typeof abstract enum int short boolean export interface static byte extends long super char final native synchronized class float package throws const goto private transient debugger implements protected volatile double import public let yield await null true false".split(" "),b=e.RESERVED_WORDS={},c=0,d=a.length;c<d;c++)b[a[c]]=!0}(),e.isValidJavaScriptVariableName=function(a){return!e.RESERVED_WORDS[a]&&/^[a-zA-Z_$][0-9a-zA-Z_$]*$/.test(a)},b["default"]=e,a.exports=b["default"]},function(a,b,c){"use strict";function d(a,b,c){if(f.isArray(a)){for(var d=[],e=0,g=a.length;e<g;e++)d.push(b.wrap(a[e],c));return d}return"boolean"==typeof a||"number"==typeof a?a+"":a}function e(a){this.srcFile=a,this.source=[]}b.__esModule=!0;var f=c(5),g=void 0;try{}catch(h){}g||(g=function(a,b,c,d){this.src="",d&&this.add(d)},g.prototype={add:function(a){f.isArray(a)&&(a=a.join("")),this.src+=a},prepend:function(a){f.isArray(a)&&(a=a.join("")),this.src=a+this.src},toStringWithSourceMap:function(){return{code:this.toString()}},toString:function(){return this.src}}),e.prototype={isEmpty:function(){return!this.source.length},prepend:function(a,b){this.source.unshift(this.wrap(a,b))},push:function(a,b){this.source.push(this.wrap(a,b))},merge:function(){var a=this.empty();return this.each(function(b){a.add([" ",b,"\n"])}),a},each:function(a){for(var b=0,c=this.source.length;b<c;b++)a(this.source[b])},empty:function(){var a=this.currentLocation||{start:{}};return new g(a.start.line,a.start.column,this.srcFile)},wrap:function(a){var b=arguments.length<=1||void 0===arguments[1]?this.currentLocation||{start:{}}:arguments[1];return a instanceof g?a:(a=d(a,this,b),new g(b.start.line,b.start.column,this.srcFile,a))},functionCall:function(a,b,c){return c=this.generateList(c),this.wrap([a,b?"."+b+"(":"(",c,")"])},quotedString:function(a){return'"'+(a+"").replace(/\\/g,"\\\\").replace(/"/g,'\\"').replace(/\n/g,"\\n").replace(/\r/g,"\\r").replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")+'"'},objectLiteral:function(a){var b=[];for(var c in a)if(a.hasOwnProperty(c)){var e=d(a[c],this);"undefined"!==e&&b.push([this.quotedString(c),":",e])}var f=this.generateList(b);return f.prepend("{"),f.add("}"),f},generateList:function(a){for(var b=this.empty(),c=0,e=a.length;c<e;c++)c&&b.add(","),b.add(d(a[c],this));return b},generateArray:function(a){var b=this.generateList(a);return b.prepend("["),b.add("]"),b}},b["default"]=e,a.exports=b["default"]}])}); 14020 14021 14022 window.appikonDiscount.isAppikonProductPage = null != decode
14022URIComponent(window.location.pathname).match(/\/products\/(([a-zA-Z0-9]|[\-\.\_\~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[\ud83c\ud83d\ud83e][\ud000-\udfff]){1,})\/?/); 14023 window.appikonDiscount.isAppikonCartPage = window.location.pathname === '/cart'; 14024 14025 window.appikonDiscount.reloadCurrency = () => { 14026 "object" == typeof Currency && "object" == typeof Currency.moneyFormats && "function" == typeof mlvedaload && mlvedaload(); 14027 try { 14028 "object" == typeof DoublyGlobalCurrency && "function" == typeof DoublyGlobalCurrency.convertAll && DoublyGlobalCurrency.convertAll(jQueryGrizzly("[name=doubly-currencies]").val()) 14029 } catch (t) { 14030 console.log(t) 14031 } 14032 } 14033 14034 window.appikonDiscount.checkTermsAccepted = ($) => { 14035 if (window.appikonDiscount.settings.turn_off_agree_checkbox) { 14036 return true; 14037 } 14038 14039 if (window.appikonDiscount.settings.terms_selector) { 14040 let customSelectors = window.appikonDiscount.settings.terms_selector.split(','); 14041 for (let i = 0; i < customSelectors.length; i++) { 14042 let termsSelector = "input[type='checkbox']" + customSelectors[i]; 14043 let termsSelectorChecked = "input[type='checkbox']" + customSelectors[i] + ":checked"; 14044 14045 if ($(termsSelector).length > 0 && $(termsSelectorChecked).length === 0) { 14046 return false; 14047 } 14048 } 14049 } else { 14050 let termsSelector = "input[type='checkbox']#agree"; 14051 let termsSelectorChecked = "input[type='checkbox']#agree:checked"; 14052 14053 if ($(termsSelector).length > 0 && $(termsSelectorChecked).length === 0) { 14054 return false; 14055 } 14056 } 14057 14058 return true; 14059 } 14060 14061 window.appikonDiscount.DiscountedPricingCheckout = ($, t) => { 14062 if (window.appikonDiscount.checkTermsAccepted($)) { 14063 $(t.target).prop("disabled", "disabled"); 14064 14065 window.appikon.action_type = "checkout"; 14066 var i = [], 14067 a = []; 14068 $("[name^='attributes']").each(function () { 14069 var t = $(this), 14070 e = $(this).attr("name"), 14071 n = { 14072 name: e = e.replace(/^attributes\[/i, "").replace(/\]$/i, ""), 14073 value: t.val() 14074 }; 14075 if ("" != n.value) switch (t[0].tagName.toLowerCase()) { 14076 case "input": 14077 "checkbox" == t.attr("type") ? t.is(":checked") && a.push(n) : a.push(n); 14078 break; 14079 default: 14080 a.push(n) 14081 } 14082 }); 14083 var r = ""; 14084 if (window.Shopify.locale) { 14085 i.push("locale=" + window.Shopify.locale); 14086 } 14087 $("[name='note']").length && (r = $("[name='note']")[0].value), window.appikon.cart.note_attributes = a, window.appikon.cart.note = r, r.length && i.push("note=" + encodeURIComponent(r)), a.length && a.map(function (t) { 14088 i.push("attributes" + encodeURIComponent("[" + t.name + "]") + "=" + encodeURIComponent(t.value)) 14089 }), $.ajax({ 14090 cache: !1, 14091 contentType: "application/json; charset=utf-8", 14092 dataType: "json", 14093 type: "POST", 14094 url: window.appikonDiscount.settings.app_root_url, 14095 data: JSON.stringify(window.appikon), 14096 success: function (t) { 14097 t.invoice_url ? (i.length && (t.invoice_url += "?" + i.join("&")), 14098 setTimeout(function () { 14099 window.location.href = t.invoice_url 14100 }, window.appikonDiscount.settings.draft_order_invoice_load_delay) 14101 ) : ( 14102 t.invoice_url = "/checkout", 14103 t.discount_code && (window.appikonDiscount.setCookie("adp-pr-id", t.pr_id, 14), i.push("discount=" + t.discount_code)), 14104 i.length && (t.invoice_url += "?" + i.join("&")), 14105 window.location.href = t.invoice_url 14106 ) 14107 }, 14108 error: function (e) { 14109 console.log(e); 14110 window.location.href = "/checkout" 14111 } 14112 }) 14113 } 14114 } 14115 14116 window.appikonDiscount.checkoutEventHandler = ($, t) => { 14117 t.preventDefault(); 14118 try { 14119 t.stopImmediatePropagation(); 14120 window.appikonDiscount.DiscountedPricingCheckout($, t) 14121 } catch (e) { 14122 console.log(e); 14123 window.location = "/checkout" 14124 } 14125 } 14126 14127 window.appikonDiscount.addGlobalStyle = (t) => { 14128 try { 14129 var e = document.head || document.getElementsByTagName("head")[0], 14130 n = document.createElement("style"); 14131 n.innerHTML = t, n.type = "text/css", e.appendChild(n) 14132 } catch (o) {} 14133 } 14134 14135 window.appikonDiscount.addCheckoutEventHandlers = ($) => { 14136 var checkoutSelectors = window.appikonDiscount.getCheckoutSelectors(); 14137 14138 if (! window.appikonDiscount.checkoutClickListener) { 14139 window.appikonDiscount.checkoutClickListener = (t) => window.appikonDiscount.checkoutEventHandler($, t); 14140 } 14141
14142 checkoutSelectors.forEach(function (t) { 14143 var e = document.querySelectorAll(t); 14144 if ("object" == typeof e && e) { 14145 for (var n = 0; n < e.length; n++) { 14146 var o = e[n]; 14147 if ("function" != typeof o.addEventListener) return; 14148 o.addEventListener("click", window.appikonDiscount.checkoutClickListener, false); 14149 } 14150 } 14151 }); 14152 } 14153 14154 window.appikonDiscount.removeCheckoutEventHandlers = ($) => { 14155 var checkoutSelectors = window.appikonDiscount.getCheckoutSelectors(); 14156 checkoutSelectors.forEach(function (t) { 14157 var e = document.querySelectorAll(t); 14158 if ("object" == typeof e && e) { 14159 for (var n = 0; n < e.length; n++) { 14160 var o = e[n]; 14161 if ("function" != typeof o.addEventListener) return; 14162 if (window.appikonDiscount.checkoutClickListener) { 14163 o.removeEventListener("click", window.appikonDiscount.checkoutClickListener, false); 14164 } 14165 } 14166 } 14167 }); 14168 } 14169 14170 window.appikonDiscount.showCartDiscounts = ($, t) => { 14171 window.appikon.discounts = t; 14172 14173 window.appikonDiscount.updateCartItems($, t.cart.items); 14174 14175 if ("string" == typeof t.discounted_price_html) { 14176 if (window.appikonDiscount.settings.hide_paypal) { 14177 $(".additional_checkout_buttons,.additional-checkout-button,.additional-checkout-buttons, .extra-checkout-buttons, .dynamic-checkout__content,.cart__additional_checkout, .cart-checkout-additional, #dynamic-checkout-cart").hide(), window.appikonDiscount.addGlobalStyle(".additional_checkout_buttons, .additional-checkout-button, .additional-checkout-buttons {display:none !important;}"); 14178 } 14179 14180 if (t.positive_discount) { 14181 window.appikonDiscount.displayCartTotals($, t); 14182 } 14183 14184 if (t.zero_discount_only || 0 == window.appikon.cart.total_price) { 14185 $('form[action*="/cart"]').append("<input type='hidden' value='1' name='attributes[adp_identifier]'>"); 14186 try { 14187 window.appikon.cart.attributes.adp_identifier = 1 14188 } catch (o) { 14189 } 14190 // remove event checkout listeners if no discounts 14191 window.appikonDiscount.removeCheckoutEventHandlers($); 14192 } else { 14193 window.appikonDiscount.addCheckoutEventHandlers($); 14194 } 14195 $(".wholesale-cart-total").css("font-weight", "bold"); 14196 // $("span.wholesale-original-cart-total").css("display", "block"); 14197 } else { 14198 if (window.appikonDiscount.settings.use_compare_at_price === true) { 14199 $(".wholesale-cart-total").html("<span class=''>" + t.compare_at_price_html + "</span>"); 14200 } else { 14201 $(".wholesale-cart-total").html("<span class=''>" + t.original_price_html + "</span>"); 14202 } 14203 $("span.wholesale-original-cart-total").css("display", "none"); 14204 $(".wholesale-cart-total").css("font-weight", "normal"); 14205 14206 // remove event checkout listeners if no discounts 14207 window.appikonDiscount.removeCheckoutEventHandlers($); 14208 } 14209 } 14210 14211 window.appikonDiscount.showAppikonNotificatioBar = ($, notificationMessage, selector, placement) => { 14212 if(notificationMessage && notificationMessage.trim()) { 14213 var notificationBarElement = "<div id='appikon-notification-bar'><div id='appikon-close-notification'>X</div>" + notificationMessage.trim() + "</div>" 14214 // Remove old notification 14215 $('#appikon-notification-bar').remove() 14216 14217 if(selector) { 14218 var selectorElement = $(selector).first(); 14219 if(selectorElement.length){ 14220 "before" == placement.toLowerCase() ? selectorElement.before(notificationBarElement) : selectorElement.after(notificationBarElement) 14221 } 14222 } else { 14223 window.appikonDiscount.settings.global.headerSelector.split(",").forEach(function (t) { 14224 t = $.trim(t) 14225 "#shopify-section-header" == t ? $(t).after(notificationBarElement) : "main" == t ? $(t).prepend(notificationBarElement) : $(t).before(notificationBarElement) 14226 }) 14227 } 14228 14229 $("#appikon-notification-bar").length > 0 && $("#appikon-notification-bar").show() 14230 } 14231 } 14232 14233 window.appikonDiscount.showAppikonNotification = ($, notificationMessage) => { 14234 // Show product page Notification 14235 if(window.appikonDiscount.isAppikonProductPage && window.appikonDiscount.settings.show_product_notification_bar) { 14236 window.appikonDiscount.showAppikonNotificatioBar($, notificationMessage, 14237 window.appikonDiscount.settings.notification_placement_settings.final_selector, 14238 window.appikonDiscount.settings.notification_placement_settings.placement) 14239 } 14240 14241 if(window.appikonDiscount.isAppikonCartPage && window.appikonDiscount.settings.show_cart_notification_bar) { 14242 window.appikonDiscount.showAppikonNotificatioBar($, notificationMessage, 14243 window.appikonDiscount.settings.notification_cart_placement_settings.final_selector, 14244 window.appikonDiscount.settings.notification_cart_placement_settings.placement) 14245 } 14246 } 14247 14248 window.appikonDiscount.showVolDiscounts = ($, info) => { 14249 if (info.discount_table && info.discount_table.automatic_type) { 14250 var templateVariables = { 14251 product_message: info.offer_product_message || window.appikonDiscount.settings.dp.vd_product_message, 14252 vol_rows: info.vol_rows 14253 } 14254 14255 if (info.discount_table.automatic_type === "DEFAULT") { 14256 var discountTiersTemplate = $("#adp-discount-tiers-default").html(); 14257 } else if (info.discount_table.automatic_type === "DETAILED") { 14258 var discountTiersTemplate = $("#adp-discount-tiers-detailed").html(); 14259 } else if (info.discount_table.automatic_type === "GRID_RANGE") { 14260 var discountTiersTemplate = $("#adp-discount-tiers-grid").html(); 14261 } else if (info.discount_table.automatic_type === "GRID_RANGE_ALT") { 14262 var discountTiersTemplate = $("#adp-discount-tiers-grid-alt").html(); 14263 } 14264 14265 var volDiscountHtml = appikonHandlebars.compile(discountTiersTemplate)(templateVariables); 14266 $("div.adp-vol-wrapper").html(volDiscountHtml); 14267 } 14268 } 14269 14270 window.appikonDiscount.showBuyXDiscounts = ($, info) => { 14271 var discountTiersTemplate = $("#adp-buy-x-discount-tiers").html(), 14272 templateVariables = { 14273 product_message: info.offer_product_message || window.appikonDiscount.settings.dp.vd_product_message, 14274 vol_rows: info.vol_rows 14275 }, 14276 buyXDiscountHtml = appikonHandlebars.compile(discountTiersTemplate)(templateVariables); 14277 $("div.adp-vol-wrapper").html(buyXDiscountHtml); 14278 } 14279 14280 window.appikonDiscount.appikonDelegate = ($, discountResponse) => { 14281 if (discountResponse.vol_rows) { 14282 window.appikon.vol_rows = discountResponse.vol_rows; 14283 } 14284 14285 if (discountResponse.discount_table && discountResponse.discount_table.type === "CUSTOM" && discountResponse.discount_table.html) { 14286 let elements = []; 14287 let found = false;
14288 14289 let foundGeneric = $(".shopacado-discount-table-container"); 14290 if (foundGeneric.length > 0) { 14291 found = true; 14292 elements.push(foundGeneric); 14293 } 14294 14295 if (discountResponse.discount_table.placement_selector) { 14296 let foundElements = $(discountResponse.discount_table.placement_selector); 14297 if (foundElements.length > 0) { 14298 found = true; 14299 for(var j=0; j<foundElements.length; j++){ 14300 var element = foundElements.eq(j); 14301 elements.push(element); 14302 } 14303 } 14304 } 14305 14306 if (!found) { 14307 let e = $("form[action*='/cart/add']").first(); 14308 elements.push(e); 14309 } 14310 for (let i = 0; i < elements.length; i++) { 14311 let element = elements[i]; 14312 14313 let wrapper = "<div class='adp-vol-wrapper'></div>"; 14314 if (discountResponse.discount_table.placement_position == 'BEFORE') { 14315 element.before(wrapper); 14316 } else { 14317 element.after(wrapper); 14318 } 14319 } 14320 $("div.adp-vol-wrapper").html(discountResponse.discount_table.html); 14321 } else if (discountResponse.discount_table && discountResponse.discount_table.type === "AUTOMATIC") { 14322 if (discountResponse.vol_rows && discountResponse.vol_rows.length > 0 && ("buy_x_dollars" == discountResponse.type || "vd" == discountResponse.type)) { 14323 var e; 14324 if (window.appikonDiscount.settings.vd_placement_settings.hasOwnProperty("final_selector")) { 14325 e = $(window.appikonDiscount.settings.vd_placement_settings.final_selector).first(); 14326 if (0 === e.length) { 14327 e = $("form[action*='/cart/add']").first(); 14328 } 14329 } else { 14330 e = $("form[action*='/cart/add']").first(); 14331 } 14332 if (0 === $(".adp-vol-wrapper").length) { 14333 window.appikonDiscount.settings.vd_placement_settings.hasOwnProperty("placement") && "before" == window.appikonDiscount.settings.vd_placement_settings.placement ? e.before("<div class='adp-vol-wrapper'></div>") : e.after("<div class='adp-vol-wrapper'></div>"); 14334 } 14335 "buy_x_dollars" === discountResponse.type ? window.appikonDiscount.showBuyXDiscounts($, discountResponse) : window.appikonDiscount.showVolDiscounts($, discountResponse); 14336 } 14337 } 14338 14339 var objectExists = function (t) { 14340 return "object" == typeof t ? t : null 14341 }; 14342 if (objectExists(discountResponse.discounts)) { 14343 if(window.appikonDiscount.isAppikonProductPage && discountResponse.product_notification) { 14344 window.appikonDiscount.showAppikonNotification($, discountResponse.product_notification); 14345 } else if(window.appikonDiscount.isAppikonCartPage && discountResponse.notifications && discountResponse.notifications.length) { 14346 window.appikonDiscount.showAppikonNotification($, discountResponse.notifications[0]); 14347 } 14348 14349 if (objectExists(discountResponse.discounts.cart) && objectExists(discountResponse.discounts.cart.items)) { 14350 window.appikonDiscount.showCartDiscounts($, discountResponse.discounts); 14351 } 14352 } 14353 14354 if (discountResponse.product_lowest_price_message && 14355 window.appikonDiscount.settings.product_page_price_selector && 14356 window.appikonDiscount.settings.product_page_price_selector !== "") { 14357 window.appikonDiscount.productLowestPriceMessage = discountResponse.product_lowest_price_message; 14358 $(window.appikonDiscount.settings.product_page_price_selector).html("<span>" + discountResponse.product_lowest_price_message + "</span>"); 14359 } 14360 14361 window.appikonDiscount.reloadCurrency() 14362 14363 if (window.appikonDiscount.postDiscountHandlers) { 14364 for (let i = 0; i < window.appikonDiscount.postDiscountHandlers.length; i++) { 14365 window.appikonDiscount.postDiscountHandlers[i](discountResponse); 14366 } 14367 } 14368 } 14369 14370 window.appikonDiscount.isCartChange = ($, newCart) => { 14371 var isCartChange = false;
14372 14373 var oldCart = window.appikonResponseStore.cartJS; 14374 14375 var cartPropertiesToCompare = ["original_total_price", "total_discount", "total_weight", "item_count", "items_subtotal_price"]; 14376 14377 $.each(cartPropertiesToCompare, function (i, prop) { 14378 if (oldCart[prop] !== newCart[prop]) { 14379 isCartChange = true; 14380 return false; // break the loop 14381 } 14382 }); 14383 14384 if(!isCartChange && oldCart.items.length !== newCart.items.length) { 14385 isCartChange = true; 14386 } 14387 14388 if(!isCartChange) { 14389 $.each(oldCart.items, function(i, oldItem){ 14390 var newItem = newCart.items[i]; 14391 if(oldItem.id !== newItem.id || oldItem.quantity !== newItem.quantity) { 14392 isCartChange = true; 14393 return false; // break the loop 14394 } 14395 }) 14396 } 14397 14398 return isCartChange; 14399 } 14400 14401 window.appikonDiscount.processCartData = ($, ajaxCartData) => { 14402 if (window.appikonDiscount.isCartChange($, aja
14402xCartData)) { 14403 window.appikonResponseStore.cartJS = ajaxCartData; 14404 window.appikonDiscount.prepareAppikonDiscountRequestData($, ajaxCartData) 14405 } else { 14406 window.appikonDiscount.fillCartData($, false); 14407 } 14408 } 14409 14410 window.appikonDiscount.addCompareAtPrice = async ($, cart) => { 14411 var totalCompareAtPrice = 0; 14412 await Promise.all(cart.items.map(async (item) => { 14413 $.ajax({ 14414 url: '/products/' + item.handle + '.js', 14415 dataType: 'json', 14416 async: false, 14417 success: function(product){ 14418 for (const variant of product.variants) { 14419 item["compare_at_price"] = item["price"]; 14420 if (variant.id == item.variant_id && variant.compare_at_price != null) { 14421 item["compare_at_price"] = variant.compare_at_price; 14422 break; 14423 } 14424 }; 14425 const compareAtLinePrice = item["compare_at_price"] * item["quantity"]; 14426 totalCompareAtPrice += compareAtLinePrice; 14427 item["compare_at_line_price"] = compareAtLinePrice; 14428 } 14429 }); 14430 })); 14431 14432 cart.compare_at_total_price = totalCompareAtPrice; 14433 14434 return cart; 14435 } 14436 14437 window.appikonDiscount.insertCartTitleSnippet = ($, productTitleSelector) => { 14438 14439 var isInserted = false; 14440 14441 if (!productTitleSelector) { 14442 return isInserted; 14443 } 14444 14445 var selectors = productTitleSelector.split(","); 14446 14447 $.each(selectors, function(index, selector) { 14448 var elems = $(selector); 14449 14450 if (elems.length) { 14451 var cart = window.appikon.cart; 14452 elems.each(function (index) { 14453 if (index < cart.items.length && $(this).find(".appikon-cart-item-success-notes").length === 0) { 14454 14455 $(this).html($(this).html() + "<span class='appikon-cart-item-success-notes' data-key='" + cart.items[index].key + "'></span><span class='appikon-cart-item-upsell-notes' data-key='" + cart.items[index].key + "'></span>"); 14456 14457 isInserted = true; 14458 } 14459 }); 14460 } 14461 14462 }) 14463 14464 return isInserted; 14465 } 14466 14467 window.appikonDiscount.insertCartLinePriceSnippet = ($, cartLinePriceSelector) => { 14468 14469 var isInserted = false; 14470 14471 if (!cartLinePriceSelector) { 14472 return isInserted; 14473 } 14474 14475 var selectors = cartLinePriceSelector.split(","); 14476 14477 $.each(selectors, function(index, selector) { 14478 var elems = $(selector); 14479 14480 if (elems.length) { 14481 var cart = window.appikon.cart; 14482 elems.each(function (index) { 14483 if (index < cart.items.length && $(this).find(".appikon-cart-item-line-price").length == 0) { 14484 $(this).html("<span class='appikon-cart-item-line-price' data-key='" + cart.items[index].key + "'>" + 14485 $(this).html() + "</span>"); 14486 14487 isInserted = true; 14488 } 14489 }); 14490 } 14491 14492 }) 14493 14494 return isInserted; 14495 } 14496 14497 window.appikonDiscount.insertCartUnitPriceSnippet = ($, cartUnitPriceSelector) => { 14498 14499 var isInserted = false; 14500 14501 if (!cartUnitPriceSelector) { 14502 return isInserted; 14503 } 14504 14505 var selectors = cartUnitPriceSelector.split(","); 14506 14507 $.each(selectors, function(index, selector) { 14508 var elems = $(selector); 14509 14510 if (elems.length) { 14511 var cart = window.appikon.cart; 14512 elems.each(function (index) { 14513 if (index < cart.items.length && $(this).find(".appikon-cart-item-unit-price").length == 0) { 14514 $(this).html("<span class='appikon-cart-item-unit-price' data-key='" + cart.items[index].key + "'>" + $(this).html() + "</span>"); 14515 } 14516 }); 14517 } 14518 14519 }) 14520 14521 return isInserted; 14522 } 14523 14524 window.appikonDiscount.insertCartSubTotalSnippet = ($, cartSubTotalSelector) => { 14525 14526 var isInserted = false;
14527 14528 if (cartSubTotalSelector) { 14529 var selectors = cartSubTotalSelector.split(","); 14530 14531 $.each(selectors, function(index, selector) { 14532 var elem = $(selector).eq(0); 14533 14534 if(elem && elem.length && elem.find(".wholesale-original-cart-total").length == 0) { 14535 elem.html("<span class='wholesale-original-cart-total'>" + 14536 "<span class='wholesale-original-price'>" + elem.html() + "</span>" + 14537 "</span>" + 14538 "<span class='wholesale-cart-total'></span>" + 14539 "<div class='additional-notes'>" + 14540 "<span class='wholesale-minimums-note'></span>" + 14541 "<span class='wholesale-extra-note'></span>" + 14542 "</div>"); 14543 14544 isInserted = true; 14545 } 14546 14547 }) 14548 14549 } 14550 14551 return isInserted; 14552 } 14553 14554 window.appikonDiscount.insertCartSnippets = ($, cartType) => { 14555 var productTitleInserted = null; 14556 var linePriceInserted = null; 14557 var subtotalInserted = null; 14558 var unitPriceInserted = null; 14559 14560 if (cartType === 'DRAWER') { 14561 productTitleInserted = window.appikonDiscount.insertCartTitleSnippet($, window.appikonDiscount.settings.drawer_cart_product_title_selector); 14562 linePriceInserted = window.appikonDiscount.insertCartLinePriceSnippet($, window.appikonDiscount.settings.drawer_cart_line_price_selector); 14563 unitPriceInserted = window.appikonDiscount.insertCartUnitPriceSnippet($, window.appikonDiscount.settings.drawer_cart_unit_price_selector); 14564 subtotalInserted = window.appikonDiscount.insertCartSubTotalSnippet($, window.appikonDiscount.settings.drawer_cart_sub_total_selector); 14565 } else if (cartType === 'REGULAR') { 14566 productTitleInserted = window.appikonDiscount.insertCartTitleSnippet($, window.appikonDiscount.settings.regular_cart_product_title_selector); 14567 linePriceInserted = window.appikonDiscount.insertCartLinePriceSnippet($, window.appikonDiscount.settings.regular_cart_line_price_selector); 14568 unitPriceInserted = window.appikonDiscount.insertCartUnitPriceSnippet($, window.appikonDiscount.settings.regular_cart_unit_price_selector); 14569 subtotalInserted = window.appikonDiscount.insertCartSubTotalSnippet($, window.appikonDiscount.settings.regular_cart_sub_total_selector); 14570 } 14571 14572 return productTitleInserted || linePriceInserted || subtotalInserted || unitPriceInserted; 14573 } 14574 14575 window.appikonDiscount.fillCartData = ($, forceFill) => { 14576 setTimeout(function() { 14577 if(window.appikonResponseStore.discountResponse) { 14578 var drawerCartSnippets = window.appikonDiscount.insertCartSnippets($, "DRAWER"); 14579 var regularCartSnippets = false; 14580 if (window.appikonDiscount.settings.is_dynamic_insertion) { 14581 regularCartSnippets = window.appikonDiscount.insertCartSnippets($, "REGULAR"); 14582 } 14583 14584 if(drawerCartSnippets || regularCartSnippets || forceFill == true) { 14585 window.appikonDiscount.appikonDelegate($, window.appikonResponseStore.discountResponse); 14586 } 14587 } 14588 }, 400); 14589 } 14590 14591 window.appikonDiscount.enableCheckoutButtons = ($) => { 14592 var checkoutSelectors = window.appikonDiscount.getCheckoutSelectors(); 14593 $.each(checkoutSelectors, function(index, selector){ 14594 $(selector).prop('disabled', false); 14595 }); 14596 } 14597 14598 window.appikonDiscount.disableCheckoutButtons = ($) => { 14599 var checkoutSelectors = window.appikonDiscount.getCheckoutSelectors(); 14600 $.each(checkoutSelectors, function(index, selector){ 14601 $(selector).prop('disabled', true); 14602 }); 14603 } 14604 14605 window.appikonDiscount.getCheckoutSelectors = () => { 14606 var checkoutSelectors = window.appikonDiscount.settings.global.appikonCheckoutSelector.split(","); 14607 14608 if(window.appikonDiscount.settings.checkout_selector) { 14609 window.appikonDiscount.settings.checkout_selector.split(",").forEach(function(selector){ 14610 checkoutSelectors.push(selector.trim()); 14611 }); 14612 } 14613 14614 return checkoutSelectors; 14615 } 14616 14617 window.appikonDiscount.getAppikonDiscountData = ($) => { 14618 if (window.appikonDiscount.settings.use_compare_at_price === true){ 14619 var xhrAppiconCartRequet = $.ajax({ 14620 cache: !1, 14621 type: "GET", 14622 url: "/cart.js", 14623 dataType : "json" 14624 }).done(async function(ajaxCartData) { 14625 let cartWithCompareAt = await window.appikonDiscount.addCompareAtPrice($, ajaxCartData); 14626 window.appikonDiscount.processCartData($, cartWithCompareAt); 14627 }).fail(function(jqXHR, status, error) { 14628 console.error("getAppikonDiscountData", error, jqXHR.responseText) 14629 }) 14630 14631 } else { 14632 var xhrAppiconCartRequet = $.ajax({ 14633 cache: !1, 14634 type: "GET", 14635 url: "/cart.js", 14636 dataType : "json" 14637 }).done(function(ajaxCartData) { 14638 window.appikonDiscount.processCartData($, ajaxCartData); 14639 }).fail(function(jqXHR, status, error) { 14640 console.error("getAppikonDiscountData", error, jqXHR.responseText) 14641 }) 14642 } 14643 } 14644 14645 window.appikonDiscount.prepareAppikonDiscountRequestData = ($, appikonDrawerCart) => { 14646 window.appikon.cart = appikonDrawerCart; 14647 window.appikon.adp_page = 'cart'; 14648 14649 window.appikon.discounts = {}; 14650 window.appikon.cart_product_ids = []; 14651
14652 appikonDrawerCart.items.forEach(function(item){ 14653 var appikon_item = item; 14654 ["product_title", "total_discount", "discounts", "grams", "vendor", "taxable", "gift_card", "url", "image", "featured_image", "requires_shipping", "product_type", "product_description", "variant_title", "variant_options"].map(function(k) { 14655 delete appikon_item[k] 14656 }); 14657 14658 window.appikon.cart_product_ids.push(appikon_item.product_id); 14659 }); 14660 14661 14662 if(window.appikon.cart.items.length > 0) { 14663 // Get Product Metadata 14664 var xhrAppiconCartViewJSONRequet = $.ajax({ 14665 cache: !1, 14666 type: "GET", 14667 url: "/cart?view=appikon.json", 14668 dataType: "text", 14669 beforeSend: function(xhr){xhr.setRequestHeader('x-requested-with', '');} 14670 }).done(function(data) { 14671 14672 var cartMetadataResponse = JSON.parse(data) 14673 14674 window.appikon.cart_collection_ids = []; 14675 14676 window.appikon.cart.items.forEach(function(item){ 14677 14678 cartMetadataResponse.items.forEach(function(cartMetadataItem){ 14679 if(cartMetadataItem.id == item.id) { 14680 item["collection_ids"] = cartMetadataItem.collectionIds; 14681 } 14682 }); 14683 14684 window.appikon.cart_collection_ids.push(item.collection_ids); 14685 }); 14686 14687 // disable checkout buttons 14688 window.appikonDiscount.disableCheckoutButtons($); 14689 14690 // send request to discount api 14691 var xhrAppikonDiscountRequest = $.ajax({ 14692 cache: !1, 14693 type: "POST", 14694 url: window.appikonDiscount.settings.app_root_url, 14695 data: JSON.stringify(window.appikon), 14696 dataType: "json", 14697 contentType: "application/json; charset=utf-8" 14698 }).done(function(data) { 14699 14700 window.appikonResponseStore.discountResponse = data; 14701 14702 window.appikonDiscount.fillCartData($, true); 14703 window.appikonDiscount.enableCheckoutButtons($); 14704 14705 }).fail(function(jqXHR, status, error) { 14706 console.error("calculateAppikonDiscount", error, jqXHR.responseText) 14707 window.appikonDiscount.enableCheckoutButtons($); 14708 }); 14709 14710 }).fail(function(jqXHR, status, error) { 14711 console.error("prepareAppikonDiscountRequestData", error, jqXHR.responseText) 14712 }) 14713 } 14714 } 14715 14716 window.appikonDiscount.triggerDiscountCalculation = ($) => { 14717 if (window.appikonResponseStore.cartJS) { 14718 window.appikonDiscount.prepareAppikonDiscountRequestData($, window.appikonResponseStore.cartJS); 14719 } else { 14720 window.appikonDiscount.getAppikonDiscountData($); 14721 } 14722 } 14723 14724 window.appikonDiscount.updateCartItems = ($, items) => { 14725 for (var e = 0; e < items.length; e++) { 14726 var n = items[e]; 14727 14728 n.upsell_note = n.upsell_note ? n.upsell_note : ""; 14729 n.success_note = n.success_note ? n.success_note : ""; 14730 14731 if (n.discounted_price < n.original_price) { 14732 if (window.appikonDiscount.settings.use_compare_at_price === true) { 14733 $(".appikon-cart-item-price[data-key='" + n.key + "']").html("<span class='original_price '>" + n.compare_at_price_format + "</span><span class='discounted_price '>" + n.discounted_price_format + "</span>"); 14734 $(".appikon-cart-item-line-price[data-key='" + n.key + "']").html("<span class='original_price '>" + n.compare_at_line_price_format + "</span><span class='discounted_price '>" + n.discounted_line_price_format + "</span>"); 14735 $(".appikon-cart-item-unit-price[data-key='" + n.key + "']").html("<span class='original_price '>" + n.compare_at_price_format + "</span><span class='discounted_price '>" + n.discounted_price_format + "</span>"); 14736 } else { 14737 $(".appikon-cart-item-price[data-key='" + n.key + "']").html("<span class='original_price '>" + n.original_price_format + "</span><span class='discounted_price '>" + n.discounted_price_format + "</span>"); 14738 $(".appikon-cart-item-line-price[data-key='" + n.key + "']").html("<span class='original_price '>" + n.original_line_price_format + "</span><span class='discounted_price '>" + n.discounted_line_price_format + "</span>"); 14739 $(".appikon-cart-item-unit-price[data-key='" + n.key + "']").html("<span class='original_price '>" + n.original_price_format + "</span><span class='discounted_price '>" + n.discounted_price_format + "</span>"); 14740 } 14741 $("span.discounted_price").css("font-weight", "bold"); 14742 } else { 14743 if (window.appikonDiscount.settings.use_compare_at_price === true) { 14744 $(".appikon-cart-item-price[data-key='" + n.key + "']").html("<span class='discounted_price appkion_original_price'>" + n.compare_at_price_format + "</span>"); 14745 $(".appikon-cart-item-line-price[data-key='" + n.key + "']").html("<span class='discounted_price appkion_original_price'>" + n.compare_at_line_price_format + "</span>"); 14746 $(".appikon-cart-item-unit-price[data-key='" + n.key + "']").html("<span class='discounted_price appkion_original_price'>" + n.compare_at_price_format + "</span>"); 14747 } else { 14748 $(".appikon-cart-item-price[data-key='" + n.key + "']").html("<span class='discounted_price appkion_original_price'>" + n.original_price_format + "</span>"); 14749 $(".appikon-cart-item-line-price[data-key='" + n.key + "']").html("<span class='discounted_price appkion_original_price'>" + n.original_line_price_format + "</span>"); 14750 $(".appikon-cart-item-unit-price[data-key='" + n.key + "']").html("<span class='discounted_price appkion_original_price'>" + n.original_price_format + "</span>"); 14751 } 14752 $("span.discounted_price").css("font-weight", "normal"); 14753 } 14754 14755 $(".appikon-cart-item-upsell-notes[data-key='" + n.key + "']").html(n.upsell_note); 14756 $(".appikon-cart-item-success-notes[data-key='" + n.key + "']").html(n.success_note); 14757 } 14758 }; 14759 14760 window.appikonDiscount.displayCartTotals = ($, t) => { 14761 $(".wholesale-original-cart-total span.wholesale-original-price").length > 0 ? $(".wholesale-original-cart-total span.wholesale-original-price").css("text-decoration", "line-through") : $(".wholesale-original-cart-total").css("text-decoration", "line-through"); 14762 $(".wholesale-original-cart-total").show() 14763 14764 if (window.appikonDiscount.settings.use_compare_at_price === true) { 14765 $("span.wholesale-original-price").html(t.compare_at_price_html); 14766 } else { 14767 $("span.wholesale-original-price").html(t.original_price_html); 14768 } 14769 14770 $(".wholesale-cart-total").html("<span class=''>" + t.discounted_price_html + "</span>"); 14771 var e = ""; 14772 if (t.summary_item_html) { 14773 e = t.summary_item_html; 14774 } 14775 14776 $(".subtotal .cart_savings.sale").hide(); 14777 $(".wholesale-cart-total").prepend("<span class='appikon-messages'><div id='appikon-summary-item'>" + e + "</div><div id='appikon-discount-item'></div></span>"); 14778 if (window.appikonDiscount.settings.show_discount_code) { 14779 $('.appikon-discounts-wrapper').remove(); 14780 14781 var discountCodePlacementSelectors = window.appikonDiscount.settings.discount_code_settings.inputPlacementSelector.split(',');
14782 discountCodePlacementSelectors.forEach((selector, index, array) => { 14783 let discountCodeWrapper = "<div class='appikon-discounts-wrapper'>" + 14784 "<input type='text' id='appikon-discount-code' placeholder='Discount Code'>" + 14785 "<button id='apply-appikon-discount' class='btn btn--secondary'>Apply</button>" + 14786 "</div>" 14787 14788 if (window.appikonDiscount.settings.discount_code_settings.inputPlacementPosition === "BEFORE") { 14789 $(selector).before(discountCodeWrapper); 14790 } else if (window.appikonDiscount.settings.discount_code_settings.inputPlacementPosition === "AFTER") { 14791 $(selector).after(discountCodeWrapper); 14792 } else if (window.appikonDiscount.settings.discount_code_settings.inputPlacementPosition === "PREPEND") { 14793 $(selector).prepend(discountCodeWrapper); 14794 } else if (window.appikonDiscount.settings.discount_code_settings.inputPlacementPosition === "APPEND") { 14795 $(selector).append(discountCodeWrapper); 14796 } else if (window.appikonDiscount.settings.discount_code_settings.inputPlacementPosition === "REPLACE") { 14797 $(selector).after(discountCodeWrapper); 14798 $(selector).hide(); 14799 } 14800 }); 14801 14802 if (window.appikon.discount_code) { 14803 $(".appikon-discounts-wrapper").hide(); 14804 $("div[id=appikon-discount-item]").html('<button id="appikon-remove-discount-code" type="button">X</button>' + t.discount_item_html); 14805 14806 document.querySelectorAll("#appikon-remove-discount-code").forEach(item => { 14807 item.addEventListener('click', event => { 14808 window.appikonDiscount.deleteCookie("appikon_discount_" + window.appikonDiscount.settings.shop); 14809 delete window.appikon.discount_code; 14810 window.appikonDiscount.triggerDiscountCalculation($); 14811 }); 14812 }); 14813 } else { 14814 $(".appikon-discounts-wrapper").show(); 14815 } 14816 14817 } 14818 14819 $(".wholesale-cart-total span").css("text-decoration", "none"); 14820 window.appikonDiscount.reloadCurrency(); 14821 }; 14822 14823 window.appikonDiscount.deleteCookie = (t) => { 14824 var o = new Date; 14825 o.setTime(o.getTime() - 1000); 14826 var i = "expires=" + o.toUTCString(); 14827 document.cookie = t + "=; " + i + "; path=/;" 14828 } 14829 14830 window.appikonDiscount.setCookie = (t, e, n) => { 14831 var o = new Date; 14832 o.setTime(o.getTime() + 24 * n * 60 * 60 * 1e3); 14833 var i = "expires=" + o.toUTCString(); 14834 document.cookie = t + "=" + e + "; " + i + "; path=/;" 14835 } 14836 14837 window.appikonDiscount.setCookieMinutes = (t, e, m) => { 14838 var o = new Date; 14839 o.setTime(o.getTime() + m * 60000); 14840 var i = "expires=" + o.toUTCString(); 14841 document.cookie = t + "=" + e + "; " + i + "; path=/;" 14842 } 14843 14844 window.appikonDiscount.setCookieSession = (t, e) => { 14845 document.cookie = t + "=" + e + "; path=/;" 14846 } 14847 14848 window.appikonDiscount.getCookie = (t) => { 14849 for (var e = t + "=", n = document.cookie.split(";"), o = 0; o < n.length; o++) { 14850 for (var i = n[o]; 14851 " " == i.charAt(0);) i = i.substring(1); 14852 if (0 == i.indexOf(e)) return i.substring(e.length, i.length) 14853 } 14854 return "" 14855 } 14856 14857 // custom JS settings overrides 14858 14859</script>
14859 14860 14861
14862<script id="adp-discount-tiers-default" type="text/x-handlebars-template"> 14863 <div class="adp-discount-tiers"> 14864 <h4>{{{product_message}}}</h4> 14865 <table class="adp-discount-table"> 14866 <thead> 14867 <tr> 14868 <th>Minimum Qty</th> 14869 <th>Discount</th> 14870 </tr> 14871 </thead> 14872 <tbody> 14873 {{#vol_rows}} 14874 <tr> 14875 <td>{{{quantity}}} +</td> 14876 <td>{{{price.title}}}</td> 14877 </tr> 14878 {{/vol_rows}} 14879 </tbody> 14880 </table> 14881</div> 14882 14883</script>
vendor: 1 bytes, line 14883
14883
14884<script id="adp-discount-tiers-detailed" type="text/x-handlebars-template"> 14885 <div class="adp-discount-tiers"><h4>{{{product_message}}}</h4> 14886 <table class="adp-discount-table"> 14887 <thead> 14888 <tr> 14889 <th>Qty</th> 14890 <th>Discount</th> 14891 </tr> 14892 </thead> 14893 <tbody> {{#vol_rows}} 14894 <tr> 14895 <td>Buy {{{quantity}}}</td> 14896 <td>{{{price.title}}} each</td> 14897 </tr> 14898 {{/vol_rows}} 14899 </tbody> 14900 </table> 14901</div> 14902 14903</script>
vendor: 1 bytes, line 14903
14903
14904<script id="adp-discount-tiers-grid" type="text/x-handlebars-template"> 14905 <div class="adp-discount-tiers"><h4>{{{product_message}}}</h4> 14906 <table class="adp-discount-table"> 14907 <thead> 14908 <tr> 14909 <th>Minimum Qty</th> 14910 <th>Maximum Qty</th> 14911 <th>Discount</th> 14912 </tr> 14913 </thead> 14914 <tbody> {{#vol_rows}} 14915 <tr> 14916 <td>{{{quantity}}}</td> 14917 <td>{{{next_range_qty}}}</td> 14918 <td>{{{price.title}}}</td> 14919 </tr> 14920 {{/vol_rows}} 14921 </tbody> 14922 </table> 14923</div> 14924 14925</script>
vendor: 1 bytes, line 14925
14925
14926<script id="adp-discount-tiers-grid-alt" type="text/x-handlebars-template"> 14927 <div class="adp-discount-tiers"><h4>{{{product_message}}}</h4> 14928 <table class="adp-discount-table"> 14929 <thead> 14930 <tr> 14931 <th>Qty</th> 14932 <th>Discount</th> 14933 </tr> 14934 </thead> 14935 <tbody> {{#vol_rows}} 14936 <tr> 14937 <td>{{{quantity}}} - {{{next_range_qty}}}</td> 14938 <td>{{{price.title}}}</td> 14939 </tr> 14940 {{/vol_rows}} 14941 </tbody> 14942 </table> 14943</div> 14944 14945</script>
vendor: 1 bytes, line 14945
14945
14946<script id="adp-buy-x-discount-tiers" type="text/x-handlebars-template"> 14947 <div class="adp-discount-tiers"><h4>{{{product_message}}}</h4> 14948 <table class="adp-discount-table"> 14949 <thead> 14950 <tr> 14951 <th>Qty</th> 14952 <th>Discount</th> 14953 </tr> 14954 </thead> 14955 <tbody> {{#vol_rows}} 14956 <tr> 14957 <td>Buy {{{quantity}}}</td> 14958 <td>{{{price.title}}}</td> 14959 </tr> 14960 {{/vol_rows}} 14961 </tbody> 14962 </table> 14963</div> 14964 14965</script>
14965 14966 14967
14968<script type="text/javascript"> 14969 14970 function getUrlParam(paramName) { 14971 const urlParams = new URLSearchParams(window.location.search); 14972 return urlParams.get(paramName); 14973 } 14974 14975 const testOfferParam = getUrlParam('shopacadoTestToken'); 14976 const testOfferName = getUrlParam('shopacadoTestName'); 14977 14978 ! function (window, document) { 14979 "use strict"; 14980 14981 if (testOfferParam) { 14982 window.appikonDiscount.setCookieSession('shopacado-test-offer-token', testOfferParam); 14983 window.appikonDiscount.setCookieSession('shopacado-test-offer-name', testOfferName); 14984 14985 var uri = window.location.toString(); 14986 if (uri.indexOf("?") > 0) { 14987 var clean_uri = uri.substring(0, uri.indexOf("?")); 14988 window.history.replaceState({}, document.title, clean_uri); 14989 } 14990 } 14991 14992 function isMobileBrowser() { 14993 var t = !1; 14994 try { 14995 (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.
14995substr(0, 4))) && (t = !0) 14996 } catch (e) {} 14997 return t 14998 } 14999 15000 function reqJquery(t) { 15001 if ("undefined" == typeof jQuery || !jQuery || 1 === parseInt(jQuery.fn.jquery) && parseFloat(jQuery.fn.jquery.replace(/^1\./, "")) < 10) { 15002 var e = document.getElementsByTagName("head")[0], 15003 n = document.createElement("script"); 15004 n.src = ("https:" == document.location.protocol ? "https://" : "http://") + "ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js", n.type = "text/javascript", n.onload = n.onreadystatechange = function () { 15005 n.readyState ? "complete" !== n.readyState && "loaded" !== n.readyState || (n.onreadystatechange = null, t(jQuery.noConflict(!0))) : t(jQuery.noConflict(!0)) 15006 }, e.appendChild(n) 15007 } else t(jQuery) 15008 } 15009 15010 if (-1 !== document.location.search.indexOf("clear_cookies=1")) { 15011 window.appikonDiscount.setCookie("adp-skip-ids", ""); 15012 window.appikonDiscount.setCookie("cart", ""); 15013 } 15014 15015 reqJquery(function ($) { 15016 checkForTestOffer(); 15017 15018 function notifyCalculationsInProgress() { 15019 return hasFlag("notify_about_disocunt_calculations") && (hasFlag("disable_checkout_button") ? (checkoutBtn.attr("disabled", !0).val("Please wait").text("Please wait").css("border-color", originalBorder).css("background-color", originalBackground), setTimeout(enableCheckoutButton, 4e3)) : window.appikonDiscount.isAppikonCartPage && window.appikonDiscount.showAppikonNotification($, window.appikonDiscount.settings.calculation_note, {})), !0 15020 } 15021 15022 function hideCalculationsInProgressNote() { 15023 return hasFlag("notify_about_disocunt_calculations") && (hasFlag("disable_checkout_button") ? enableCheckoutButton() : $("#appikon-notification-bar").text() == window.appikonDiscount.settings.calculation_note + "X" && $("#appikon-notification-bar").fadeOut("slow")), !0 15024 } 15025 15026 function getRefreshDelayValue() { 15027 var t = ""; 15028 return t = isMobileBrowser() ? window.appikonDiscount.settings.delay_mobile_refresh_cart : window.appikonDiscount.settings.delay_refresh_cart, 1e3 * parseFloat(t) 15029 } 15030 15031 function checkForTestOffer() { 15032 window.appikon.test_offer_token = window.appikonDiscount.getCookie('shopacado-test-offer-token'); 15033 window.appikon.test_offer_name = window.appikonDiscount.getCookie('shopacado-test-offer-name'); 15034 15035 if (window.appikon.test_offer_token && window.appikon.test_offer_token != "") { 15036 showTestOfferNotice(); 15037 } 15038 } 15039 15040 function showTestOfferNotice() { 15041 var noticeHtml = ` 15042 <div id="shopacado-banner"> 15043 <div id="shopacado-banner-content"> 15044 Testing Offer: ` + window.appikon.test_offer_name + ` 15045 <button id="shopacado-stop-test-offer">Stop Testing</button> 15046 </div> 15047 </div> 15048 `; 15049 $("#shopacado-banner").remove(); 15050 $("body").prepend(noticeHtml); 15051 $("body").addClass("push-down"); 15052 $("#shopacado-stop-test-offer").click( function () { 15053 removeTestOfferNotice(); 15054 }); 15055 } 15056 15057 function removeTestOfferNotice() { 15058 $("#shopacado-banner").remove(); 15059 $("body").removeClass("push-down"); 15060 window.appikonDiscount.deleteCookie("shopacado-test-offer-token"); 15061 window.appikonDiscount.deleteCookie("shopacado-test-offer-name"); 15062 delete window.appikon.test_offer_token; 15063 delete window.appikon.test_offer_name; 15064 } 15065 15066 window.appikonDiscount.calculateDiscounts = () => window.appikonDiscount.getAppikonDiscountData($); 15067 15068 function refreshAppikonData() { 15069 window.appikonDiscount.getAppikonDiscountData($); 15070 } 15071 15072 function handleCartRequests(url) { 15073 15074 var isCartRequestProcessed = true; 15075 15076 if ((url.includes('/cart.js') 15077 || url.includes('/cart.json') 15078 || url.includes('/cart/add') 15079 || url.includes('/cart/update') 15080 || (window.appikonDiscount.settings.is_dynamic_insertion && url.includes('/cart/change')) 15081 || url.includes('/cart/clear') 15082 || url.endsWith('/cart') 15083 || url.includes('/cart?')) 15084 && !url.includes('/cart?view=appikon.json')) { 15085 15086 if (url.includes('/cart/add') || url.endsWith('/cart') || url.includes('/cart?') ) { 15087 $.ajax({ 15088 cache: !1, 15089 type: "GET", 15090 url: "/cart.js", 15091 dataType: "json" 15092 }).done(function (ajaxCartData) { 15093 //window.appikonDiscount.processCartData($, ajaxCartData); 15094 }).fail(function (jqXHR, status, error) { 15095 console.error(error) 15096 }) 15097 } else { 15098 isCartRequestProcessed = false;
15099 } 15100 } 15101 15102 return isCartRequestProcessed; 15103 15104 } 15105 15106 var appikonCookieCode = window.appikonDiscount.getCookie("appikon_discount_" + window.appikonDiscount.settings.shop); 15107 appikonCookieCode && (window.appikon.discount_code = appikonCookieCode); 15108 15109 if (hasFlag("disable_checkout_button")) { 15110 var checkoutBtn = $(window.appikonDiscount.settings.global.appikonCheckoutSelector); 15111 var originalCheckoutContent = checkoutBtn.val() || checkoutBtn.html(); 15112 var originalBorder = checkoutBtn.css("border-color"); 15113 var originalBackground = checkoutBtn.css("background-color"); 15114 var enableCheckoutButton = function () { 15115 checkoutBtn.html(originalCheckoutContent).val(originalCheckoutContent).removeAttr("disabled").removeAttr("border-color").removeAttr("background-color") 15116 }; 15117 } 15118 if (window.appikonDiscount.isAppikonCartPage) { 15119 var skipIds = window.appikonDiscount.getCookie("adp-skip-ids"); 15120 skipIds && (window.appikon.skip_ids = skipIds) 15121 } 15122 15123 function continuePageLoad() { 15124 $(document).ready(function () { 15125 if(window.appikonDiscount.settings.dp.installed) { 15126 refreshAppikonData(); 15127 15128 if (window.appikonDiscount.settings.listen_to_ajax_cart_events_strategy) { 15129 // Intercept AJAX requests 15130 var origOpen = window.XMLHttpRequest.prototype.open; 15131 window.XMLHttpRequest.prototype.open = function() { 15132 this.addEventListener('load', async function() { 15133 var url = this.responseURL; 15134 if(!handleCartRequests(url)) { 15135 var ajaxCartData = JSON.parse(this.responseText); 15136 if (window.appikonDiscount.settings.use_compare_at_price === true) { 15137 var cartWithCompareAt = await window.appikonDiscount.addCompareAtPrice($, ajaxCartData); 15138 window.appikonDiscount.processCartData($, cartWithCompareAt); 15139 } else { 15140 window.appikonDiscount.processCartData($, ajaxCartData); 15141 } 15142 } 15143 }); 15144 origOpen.apply(this, arguments); 15145 }; 15146 15147 // Intercept fetch requests 15148 const originalFetch = window.fetch; 15149 window.fetch = function() { 15150 return new Promise((resolve, reject) => { 15151 originalFetch.apply(this, arguments) 15152 .then((response) => { 15153 var url = response.url; 15154 15155 if(!handleCartRequests(url)) { 15156 15157 $.ajax({ 15158 cache: !1, 15159 type: "GET", 15160 url: "/cart.js", 15161 dataType: "json" 15162 }) 15163 // response.clone().json().then(ajaxCartData => { 15164 // window.appikonDiscount.processCartData($, ajaxCartData); 15165 //}); 15166 } 15167 15168 resolve(response); 15169 }) 15170 .catch((error) => { 15171 reject(error); 15172 }) 15173 }); 15174 } 15175 15176 } else { 15177 var appikonCallRepeater = setInterval(refreshAppikonData,1000); 15178 } 15179 } 15180 }); 15181 15182 window.appikon.adp_page && window.appikon.adp_page === 'product' && window.appikonDiscount.settings.dp.installed > 0 && ($.ajax({ 15183 cache: !1, 15184 type: "POST", 15185 url: window.appikonDiscount.settings.app_root_url, 15186 data: JSON.stringify(window.appikon), 15187 dataType: "json", 15188 contentType: "application/json; charset=utf-8", 15189 success: function (t) { 15190 window.appikonDiscount.appikonDelegate($, t); 15191 } 15192 })), setTimeout(function () { 15193 "function" == typeof ga && ga(function (t) {
15194 window.gaclientId = t.get("clientId") 15195 }) 15196 }, 1e3), hasFlag("refresh_on_qty_plush_minus") && ($(document).on("click", window.appikonDiscount.settings.plus_minus_qty_selector, function () { 15197 var t = this; 15198 window.appikonDiscount.isAppikonCartPage && setTimeout(function () { 15199 $(t).parents('form[action*="/cart"]').submit() 15200 }, 500) 15201 }), hasFlag("refresh_on_qty_change_hard") && (window.appikonDiscount.cartSubmit = function () { 15202 window.appikonDiscount.isAppikonCartPage && setTimeout(function () { 15203 $('form[action*="/cart"]').submit() 15204 }, 500) 15205 }, $(document).ready(function () { 15206 setTimeout(function () { 15207 var t, e = document.querySelectorAll(window.appikonDiscount.settings.plus_minus_qty_selector); 15208 for (t = 0; t < e.length; t++) e[t].setAttribute("onclick", "window.appikonDiscount.cartSubmit();") 15209 }, 1200) 15210 15211 15212 }))); 15213 var debutEditBtnExists = $("div.cart__edit button.btn.cart__edit--active:visible").length > 0, 15214 qtyInputEvent = debutEditBtnExists ? "" : "input "; 15215 if (window.appikonDiscount.isAppikonCartPage && $(document).on(qtyInputEvent + "change", "input.appikon-quantity, input[name^='updates['], input[id^='updates_'], input[id^='Updates_']", function (t) { 15216 var e = this; 15217 t.preventDefault(), "" != $.trim($(this).val()) && (setTimeout(function () { 15218 if (hasFlag("enable_quantity_change_reload")) { 15219 hasFlag("quantities_refresh_over_submit") ? window.location.reload() : $(e).parents('form[action*="/cart"]').submit() 15220 } 15221 }, getRefreshDelayValue())) 15222 }), window.appikonDiscount.isAppikonCartPage && ($(document).on("click", "td.cart-qty span.icon-plus, td.cart-qty span.icon-minus", function (t) { 15223 t.preventDefault(), $(this).parents('form[action*="/cart"]').submit() 15224 }), !window.appikonDiscount.settings.is_dynamic_insertion && $(document).ajaxSuccess(function (t, e, n) { 15225 n && "/cart/change.js" == n.url && window.location.reload() 15226 }), 1 != hasFlag("avoid_default_qty_input_event_change") && (setTimeout(function () { 15227 $(".js-qty__adjust").off("click") 15228 }, 500), $(document).on("click", "div.js-qty .js-qty__adjust", function (t) { 15229 if(!window.appikonDiscount.settings.avoid_cart_quantity_adjustment) { 15230 t.preventDefault(); 15231 var e = parseInt($(this).parents("div.js-qty").find("input").val()); 15232 if ($(this).hasClass("js-qty__adjust--plus")) var n = e + 1; 15233 else n = e - 1; 15234 $(this).parents("div.js-qty").find("input").val(n).change() 15235 } else { 15236 $(this).parents("div.js-qty").find("input").change() 15237 } 15238 }))), $(document).on("click", "button#apply-appikon-discount", function (t) { 15239 t.preventDefault(); 15240 var discount_code_entered = $("input[id=appikon-discount-code]:visible").val().trim(); 15241 window.appikonDiscount.setCookieMinutes("appikon_discount_" + window.appikonDiscount.settings.shop, discount_code_entered, 5); 15242 window.appikon.discount_code = discount_code_entered; 15243 window.appikonDiscount.triggerDiscountCalculation($); 15244 }), $(document).on("click", "div#appikon-close-notification", function (t) { 15245 t.preventDefault(), window.appikonDiscount.setCookie("appikon_notifications_closed", 1, .01), $("#appikon-notification-bar").slideUp("slow") 15246 }), $(document).on("click", ".appikon-variants-container select.adp-variants", function () { 15247 $(this).children("option").length < 1 && alert("All item variants are out of stock") 15248 }), hasFlag("use_google_fonts")) { 15249 function insertGoogleFontStyle(t) { 15250 var e = document.head, 15251 n = document.createElement("link"); 15252 n.id = "adp_google_fonts_link", n.type = "text/css", n.rel = "stylesheet", n.href = "https://fonts.googleapis.com/css?family=" + t.join(","), e.appendChild(n) 15253 } 15254 }; 15255 } 15256 15257 window.appikon.multicurrency = {}; 15258 if (window.Shopify && window.Shopify.currency) { 15259 window.appikon.multicurrency.currency = window.Shopify.currency.active; 15260 window.appikon.multicurrency.rate = window.Shopify.currency.rate; 15261 window.appikon.multicurrency.locale = window.Shopify.locale; 15262 } 15263 15264 if (window.theme && window.theme.moneyFormat) { 15265 window.appikon.multicurrency.moneyFormat = window.theme.moneyFormat; 15266 } else if (window.theme && window.theme.strings && window.theme.strings.moneyFormat) { 15267 window.appikon.multicurrency.moneyFormat = window.theme.strings.moneyFormat; 15268 } else if (window.Theme && window.Theme.strings && window.Theme.strings.moneyFormat) { 15269 window.appikon.multicurrency.moneyFormat = window.Theme.strings.moneyFormat; 15270 } else if (window.Theme && window.Theme.moneyFormat) { 15271 window.appikon.multicurrency.moneyFormat = window.Theme.moneyFormat; 15272 } else if (window.mwSwitcherObjects && window.mwSwitcherObjects.shop.money_format){ 15273 window.appikon.multicurrency.moneyFormat = window.mwSwitcherObjects.shop.money_format; 15274 } else if (window.Shopify.currency && window.Shopify.currency.active && window.Currency && window.Currency.money_format && window.Currency.money_format[window.Shopify.currency.active]) { 15275 window.appikon.multicurrency.moneyFormat = window.Currency.money_format[window.Shopify.currency.active]; 15276 } else if (window.Currency && window.Currency.currentCurrency && window.Currency.moneyFormats && window.Currency.moneyFormats[window.Currency.currentCurrency]) { 15277 window.appikon.multicurrency.moneyFormat = window.Currency.moneyFormats[window.Currency.currentCurrency].money_format; 15278 } else if (window.ACSCurrency && window.ACSCurrency.currentCurrency) { 15279 window.appikon.multicurrency.moneyFormat = window.ACSCurrency.moneyFormats[window.ACSCurrency.currentCurrency].money_format; 15280 }
15280 else if (window.FlashsearchThemeSettings && window.FlashsearchThemeSettings.shop && window.FlashsearchThemeSettings.shop.moneyFormat) { 15281 window.appikon.multicurrency.moneyFormat = window.FlashsearchThemeSettings.shop.moneyFormat; 15282 } 15283 15284 typeof continuePageLoad === "function" && continuePageLoad(); 15285 15286 15287 }); 15288 }(window, document); 15289 15290 15291</script>
15291 15292 15293 15294
15294<script src="//soylent.com/cdn/shop/t/714/assets/ajaxinate.min.js?v=69145893314062996711687817172" type="text/javascript"></script>
15294 15295 15296 <div data-rebuy-id="124439"></div> 15297
15297<script src="https://autopilot.kodif.io/chat/v1/application/769af8fd-a856-4b74-8c5e-c02d2232324b/widget-script"></script>
15297 15298<div id="shopify-block-AMXlNNXM5SWtGZ0cxR__17151115064775110295" class="shopify-block shopify-app-block"><style data-recharge-theme='{"has_theme_customization": true, "design_mode": false }'> 15299 .recharge-theme { 15300 /* App */ 15301 --recharge-app-background: #FFFFFF; 15302 --recharge-app-container: 1200px; 15303 --recharge-app-vertical-padding: 32px; 15304 15305 /* Brand colors */ 15306 15307--recharge-color-brand: #000000; 15308 15309 /* Tints */ 15310 --recharge-color-brand-120: #000000; 15311 --recharge-color-brand-20: #333333; 15312 --recharge-color-brand-40: #666666; 15313 --recharge-color-brand-60: #999999; 15314 --recharge-color-brand-75: #bfbfbf; 15315 --recharge-color-brand-85: #d9d9d9; 15316 15317 /* Neutral */ 15318 --recharge-color-neutral: hsl(0, 35%, 7%); 15319 --recharge-color-neutral-80: hsl(0, 7%, 25%); 15320 --recharge-color-neutral-70: hsl(0, 5%, 35%); 15321 --recharge-color-neutral-40: hsl(0, 3%, 63%); 15322 --recharge-color-neutral-10: hsl(0, 2%, 91%); 15323 15324 15325 /* Links */ 15326 --recharge-button-secondary: #47AF19; 15327 --recharge-button-secondary-120: #378713; 15328 --recharge-button-secondary-60: #91cf75; 15329 15330 /* Images */ 15331 --recharge-images-ratio: 1; 15332 15333 /* Cards */ 15334 15335 --recharge-cards-background: #FFFFFF; 15336 15337 15338 15339 --recharge-cards-border-color: #000000; 15340 15341 15342 /* Fonts */ 15343 --recharge-typography-scale: 16px; 15344 --recharge-typography-size-1: calc(3 * var(--recharge-typography-scale)); 15345 --recharge-typography-size-2: calc(2.25 * var(--recharge-typography-scale)); 15346 --recharge-typography-size-3: calc(1.625 * var(--recharge-typography-scale)); 15347 --recharge-typography-size-4: calc(1.25 * var(--recharge-typography-scale)); 15348 --recharge-typography-size-5: calc(1 * var(--recharge-typography-scale)); 15349 --recharge-typography-size-6: calc(.875 * var(--recharge-typography-scale)); 15350 15351 /** Text **/ 15352 --recharge-typography-light: #FFFFFF; 15353 --recharge-typography-primary: var(--recharge-color-neutral); 15354 --recharge-typography-secondary: var(--recharge-color-neutral-70); 15355 15356 /* Corners */ 15357 --recharge-corners-radius: 0px; 15358 15359 --recharge-button-border-radius: 0px; 15360 15361 15362 /* Views */ 15363 15364 --recharge-views-background: #FFFFFF; 15365 15366 15367 /* Buttons */ 15368 --recharge-button-font-family: inherit; 15369 --recharge-button-brand: var(--recharge-color-brand); 15370 --recharge-button-color: #FFFFFF; 15371 } 15372</style> 15373 15374</div>
15374<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
15374 15375</body> 15376 15377</html> 15378<!-- Begin Shopify-Afterpay JavaScript Snippet (v1.0.1) -->
15379<script type="text/javascript"> 15380 // Liquid variables: 15381 var afterpay_product = null; 15382 var afterpay_product_variant = null; 15383 var afterpay_cart_total_price = 0; 15384</script>
15384 15385<!-- End Shopify-Afterpay JavaScript Snippet (v1.0.1) -->
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.