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><!-- ! Yoast SEO --> 21 <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 21-22
21 22 <script async src="https://www.googletagmanager.com/gtag/js?id=
22G-BDLS35Q0N3
vendor: 16 bytes, lines 22-23
22"></script> 23
23<script> 24
vendor: 145 bytes, lines 24-27
24window.dataLayer = window.dataLayer || []; 25 function gtag(){dataLayer.push(arguments);} 26 gtag('js', new Date()); 27 gtag('config', '
27G-BDLS35Q0N3
vendor: 8 bytes, lines 27-28
27'); 28
28</script>
28 29 30
30<script> 31 (function(d){ 32 var s = d.createElement("script"); 33 /* uncomment the following line to override default position*/ 34 /* s.setAttribute("data-position", 3);*/ 35 /* uncomment the following line to override default size (values: small, large)*/ 36 /* s.setAttribute("data-size", "small");*/ 37 /* uncomment the following line to override default language (e.g., fr, de, es, he, nl, etc.)*/ 38 /* s.setAttribute("data-language", "language");*/ 39 /* uncomment the following line to override color set via widget (e.g., #053f67)*/ 40 /* s.setAttribute("data-color", "#053e67");*/ 41 /* uncomment the following line to override type set via widget (1=person, 2=chair, 3=eye, 4=text)*/ 42 /* s.setAttribute("data-type", "1");*/ 43 /* s.setAttribute("data-statement_text:", "Our Accessibility Statement");*/ 44 /* s.setAttribute("data-statement_url", "http://www.example.com/accessibility")";*/ 45 /* uncomment the following line to override support on mobile devices*/ 46 /* s.setAttribute("data-mobile", true);*/ 47 /* uncomment the following line to set custom trigger action for accessibility menu*/ 48 /* s.setAttribute("data-trigger", "triggerId")*/ 49 s.setAttribute("data-account", "hYC8d6kXDC"); 50 s.setAttribute("src", "https://cdn.userway.org/widget.js"); 51 (d.body || d.head).appendChild(s); 52 })(document) 53 </script>
53 54 <noscript>Please ensure Javascript is enabled for purposes of <a href="https://userway.org">website accessibility</a></noscript> 55 56
56<script src="https://rapid-cdn.yottaa.com/rapid/lib/kp0RX0aQWh1tZA.js"></script>
56 57 58 <meta charset="utf-8"> 59 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 60 <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> 61<link rel="preconnect" href="https://monorail-edge.shopifysvc.com"> 62 63<link rel="preconnect" href="https://fonts.googleapis.com"> 64<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 65<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"> 66 67<link rel="preload" href="//soylent.com/cdn/shop/t/714/assets/theme.css?v=131213818941927855271786551490" as="style"> 68 69<link rel="preload" href="//soylent.com/cdn/shop/t/714/assets/vendor-head.js?v=90722642034164553641687817175" as="script"> 70<link rel="preload" href="//soylent.com/cdn/shop/t/714/assets/vendor.js?v=98259850420039445481687817172" as="script"> 71<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"> 72
72<script rel="preload" src="//soylent.com/cdn/shop/t/714/assets/vendors@collection@index@[email protected]?v=5329428953114170831687817161" as="script"></script>
72 73
73<script rel="preload" src="//soylent.com/cdn/shop/t/714/assets/vendors@index@[email protected]?v=75211479120591076291687817161" as="script"></script>
73 74
74<script rel="preload" src="//soylent.com/cdn/shop/t/714/assets/index.js?v=71152470059657994451780551286" as="script"></script>
74<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)"> 75 <link rel="apple-touch-icon" sizes="180x180" href="//soylent.com/cdn/shop/files/apple-icon-114x114_180x180.png?v=1613538174"> 76 <link rel="icon" type="image/png" sizes="32x32" href="//soylent.com/cdn/shop/files/apple-icon-114x114_32x32.png?v=1613538174"> 77 <link rel="icon" type="image/png" sizes="16x16" href="//soylent.com/cdn/shop/files/apple-icon-114x114_16x16.png?v=1613538174"> 78 79 80 <!-- Google Tag Manager --> 81
81<script>
vendor: 358 bytes, lines 81-86
81 82 (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 83 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 84 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 85 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 86 })(window,document,'script','dataLayer','
86GTM-K2KDZMV
vendor: 8 bytes, lines 86-87
86'); 87
87</script>
87<!-- OneTrust Cookies Consent Notice start for soylent.com -->
88<script type="text/javascript" src="https://cdn.cookielaw.org/consent/cdee8e49-668b-4a13-91bb-fc14b88da24d/OtAutoBlock.js"></script>
vendor: 1 bytes, line 88
88
89<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 89
89
90<script type="text/javascript"> 91function OptanonWrapper() { } 92</script>
92 93<!-- OneTrust Cookies Consent Notice end for soylent.com --> 94 95<style> 96#loyaltylion .lion-tier-box--0 .lion-tier-box__purchase-rule {display: none} 97 98#loyaltylion .lion-tier-box__purchase-rule {display: none} 99</style><!-- Google tag (gtag.js) - Google Ads. Placed directly after OneTrust (head_code_top) 100 so OneTrust auto-block still governs it, but high enough to clear the Google Ads 101 "tag installed too low" diagnostic. Do not move above head_code_top/OtAutoBlock. -->
vendor: 68 bytes, lines 101-102
101 102 <script async src="https://www.googletagmanager.com/gtag/js?id=
102AW-951406793
vendor: 16 bytes, lines 102-103
102"></script> 103
103<script> 104
vendor: 145 bytes, lines 104-107
104window.dataLayer = window.dataLayer || []; 105 function gtag(){dataLayer.push(arguments);} 106 gtag('js', new Date()); 107 gtag('config', '
107AW-951406793
vendor: 8 bytes, lines 107-108
107'); 108
108</script>
108 109 110 111 112 113 114
115<script>window.FeatureFlags={_internal:{time:1790275742},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>
115 116 117
117<script id="growthbook-sdk" src="https://cdn.jsdelivr.net/npm/@growthbook/growthbook/dist/bundles/index.js"></script>
117 118
118<script> 119 async function getABTestState(ab_test_key, variations = [0,1], timeout = 10000){ 120 const params = Object.fromEntries(new URLSearchParams(window.location.search)); 121 if(params.hasOwnProperty('exp:'+ab_test_key)){ 122 try { 123 document.documentElement.classList.add('exp-'+ab_test_key+'-'+params['exp:'+ab_test_key]); 124 return parseInt(params['exp:'+ab_test_key]); 125 } catch(e){ 126 console.warn(e); 127 } 128 } 129 if(!window.FeatureFlags[ab_test_key]){ 130 document.documentElement.classList.add('exp-'+ab_test_key+'--1'); 131 return -1; 132 } 133 if(!window.gb){ 134 await new Promise(resolve => { 135 console.log("Waiting for GB SDK!", window.gb); 136 window.addEventListener('growthbook:initialized', e => { 137 resolve(e); 138 }); 139 setTimeout(() => { 140 console.log("Timing out GB SDK!"); 141 resolve(); 142 }, timeout); 143 }); 144 console.log("Done waiting for GB SDK!", window.gb); 145 } 146 if(!window.gb){ 147 document.documentElement.classList.add('exp-'+ab_test_key+'-0'); 148 return 0; 149 } 150 const exp = gb.run({ 151 key: ab_test_key, 152 variations: variations, 153 hashVersion: 2, 154 }); 155 console.log(ab_test_key, exp); 156 document.documentElement.classList.add('exp-'+ab_test_key+'-'+exp.value); 157 return exp.value; 158 } 159 </script>
159 160
160<script> 161 window.dataLayer = window.dataLayer || []; 162 window.gtag = window.gtag || function() { window.dataLayer.push(arguments); }; 163 async function gbLoaded(){ 164 return new Promise(resolve => { 165 document.addEventListener("growthbook.ready", e => resolve()); 166 }) 167 } 168 gtag('get', 'G-BDLS35Q0N3', 'client_id', function(cid) { 169 gtag('set', 'user_properties', { 170 client_id: `${cid}`, 171 }); 172 // Wait for the SDK to load before starting GrowthBook 173 if (window.growthbook) { 174 startGrowthbook(); 175 } else { 176 document.querySelector("#growthbook-sdk").addEventListener("load", startGrowthbook); 177 } 178 179 async function startGrowthbook() { 180 if (!window.growthbook) return; 181 window.gb = new growthbook.GrowthBook({ 182 apiHost: "https://cdn.growthbook.io", 183 clientKey: "sdk-P7FDTrOCcR55w6jP", 184 enableDevMode: true, 185 attributes: { 186 id: `${cid}`, 187 clientId: `${cid}` 188 }, 189 trackingCallback: function(experiment, result) { 190 // this will only fire if you actually test a feature, e.g. gb.isOn("test_feature") 191 console.log("firing experiment viewed", experiment, result); 192 gtag("event", "experiment_viewed", { 193 event_category: "experiment", 194 experiment_id: experiment.key, 195 variation_id: result.variationId, 196 client_id: `${cid}`, 197 timestamp: new Date().getTime(), 198 }); 199 } 200 }); 201 202 const eventTest = new Event('growthbook:initialized'); 203 window.dispatchEvent(eventTest); 204 205 const cta_caps_test_may_24 = await getABTestState('cta_caps_test_may_24'); 206 207 // TODO: Instrument DOM with AB test logic 208 await gb.loadFeatures({ autoRefresh: true }); 209 document.dispatchEvent(new CustomEvent("growthbook.ready")); 210 // gb.isOn("test_feature"); 211 } 212 }); 213 </script>
213 214 215 216 <link rel='preconnect dns-prefetch' href='https://triplewhale-pixel.web.app/' crossorigin /> 217 <link rel='preconnect dns-prefetch' href='https://api.config-security.com/' crossorigin /> 218
218<script> 219 /* >> TriplePixel :: start*/ 220 ~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); 221 /* << TriplePixel :: end*/ 222 </script>
222 223 224 225 226
226<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>
226 227 228 229 230 231 232 233 234 235 236 237 238 239 240 241 242 243 244 245
246<script> 247!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); 248rdt('init','t2_1vwa1fdu', { 249 "optOut":false, 250 "useDecimalCurrencyValues":true, 251 252}); 253rdt('track', 'PageVisit'); 254 255window.addEventListener('add-to-cart', (e) => { 256 rdt('track', 'AddToCart', { 257 "currency": "USD", 258 "itemCount": e.detail.quantity, 259 "value": e.detail.final_line_price, 260 "products": [ 261 { 262 "id": e.detail.product_id, 263 "name": e.detail.title, 264 "category": e.detail.product_type, 265 }, 266 ] 267 }); 268}); 269 270if(!!window.Shopify && !!window.Shopify.Checkout && !!window.Shopify.Checkout.page && !!window.Shopify.Checkout.page == 'thank_you'){ 271 rdt('track', 'Purchase', { 272 "currency": "USD", 273 "itemCount": 1, 274 "transactionId": "", 275 "value": parseFloat('0.00'), 276 "products": [ 277 278 // additional products can be added here 279 ] 280 }); 281} 282</script>
282 283<!-- DO NOT MODIFY UNLESS TO REPLACE A USER IDENTIFIER --> 284<!-- End Reddit Pixel --> 285 286<!-- Clarity -->
287<script type="text/javascript"> 288 (function(c,l,a,r,i,t,y){ 289 c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)}; 290 t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i; 291 y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y); 292 })(window, document, "clarity", "script", "l1rphv3jya"); 293</script>
293 294<!-- Clarity <> Onetrust Consent Connector -->
295<script type="text/javascript"> 296(function() { 297 const ANALYTICS_CATEGORY = 'C0002'; 298 const TARGETING = 'C0004'; 299 300 function sendClarityConsent() { 301 if (typeof window.clarity !== 'function') return; 302 303 // Check if OneTrust has defined the active consent groups 304 const activeGroups = (window.OnetrustActiveGroups || '').split(','); 305 306 const analyticsGranted = activeGroups.includes(ANALYTICS_CATEGORY); 307 const adsGranted = activeGroups.includes(TARGETING); 308 309 // Inform Microsoft Clarity about the consent state 310 window.clarity('consentv2', { 311 ad_storage: adsGranted ? 'granted' : 'denied', 312 analytics_storage: analyticsGranted ? 'granted' : 'denied' 313 }); 314 315 // If analytics is denied, explicitly disable Clarity 316 if (!analyticsGranted) { 317 window.clarity('consent', false); 318 } 319 } 320 321 // Run once on page load (initial state) 322 window.addEventListener('load', sendClarityConsent); 323 324 // Run whenever OneTrust consent changes 325 window.addEventListener('OneTrustGroupsUpdated', sendClarityConsent); 326})(); 327</script>
327 328 329
329<script> 330 (function(){ 331 dataLayer.push({ 332 'event': 'identify', 333 'userId': null, 334 'email': '' 335 }); 336 })(); 337</script>
337 338 339<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
339play: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;
339left: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;
339top: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> 340 341<link rel="stylesheet" href="//soylent.com/cdn/shop/t/714/assets/theme.css?v=131213818941927855271786551490" media="print" onload="this.media='all'"> 342 343<style> 344 .oke-sr-count { 345 font-size: 13px !important; 346 color: #505050 !important; 347 } 348</style><link rel="stylesheet" href="//soylent.com/cdn/shop/t/714/assets/index.css?v=179359555931846656811786551481">
348<script> 349 document.documentElement.className = document.documentElement.className.replace('no-js', 'js'); 350 351 window.reviewSnippets = []; 352 window.SHOPIFY_CDN = "//soylent.com/cdn/shop/t/714/assets/test.jpg?v=226673".split('test.jpg').shift(); 353 window.BARREL = { 354 moovwebToken: "16129e11-7a38-4d6e-a2f9-04c4bd6ed665", 355 pwrApiKey: "c4364db5-c91e-4c98-b271-db4f70d96faa", 356 pwrMerchantGroupId: 79184, 357 pwrMerchantId: 988138, 358 bodyCopyModal: "Your order will be processed in the next business day." 359 }; 360 window.theme = { 361 strings: { 362 addToCart: "Add to Cart", 363 soldOut: "Sold Out", 364 unavailable: "Unavailable", 365 adding: "Adding...", 366 subscribe: "Subscribe" 367 }, 368 moneyFormat: "${{amount}}", 369 oos_protection: false 370 }; 371 </script>
371 372 373 374 375
375<script src="//soylent.com/cdn/shop/t/714/assets/vendor-head.js?v=90722642034164553641687817175" async></script>
375 376 377
377<script src="//soylent.com/cdn/shop/t/714/assets/vendor.js?v=98259850420039445481687817172" defer></script>
377 378 379
379<script src="//soylent.com/cdn/shop/t/714/assets/theme.js?v=132834971653664138521714764790" defer></script>
379 380 381 382 383
383<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
383<meta name="google-site-verification" content="voSkp-_vkf8uxkIYEGc7-ClSuaLQi3mDq1arjZfD-EY"> 384<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/359333902/digital_wallets/dialog"> 385<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"> 386<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
386<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=9764975"></script>
386 387<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
388<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 388
388
389<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 389
389
390<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 390
390
391<script>var Shopify = Shopify || {}; 392Shopify.shop = "soylent-prod.myshopify.com"; 393Shopify.locale = "en"; 394Shopify.currency = {"active":"USD","rate":"1.0"}; 395Shopify.country = "US"; 396Shopify.theme = {"name":"soylent\/main","id":126746296431,"schema_name":"Soylent","schema_version":"0.1.0","theme_store_id":null,"role":"main"}; 397Shopify.theme.handle = "null"; 398Shopify.theme.style = {"id":null,"handle":null}; 399Shopify.cdnHost = "soylent.com/cdn"; 400Shopify.routes = Shopify.routes || {}; 401Shopify.routes.root = "/"; 402Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js"; 403Shopify.SignInWithShop = Shopify.SignInWithShop || {}; 404Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {}; 405Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 405
405
406<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 406
406
407<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 407
407
408<script> 409 window.ShopifyPay = window.ShopifyPay || {}; 410 window.ShopifyPay.apiHost = "shop.app\/pay"; 411 window.ShopifyPay.redirectState = null; 412</script>
vendor: 1 bytes, line 412
412
413<script> 414 window.Shopify = window.Shopify || {}; 415 window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {}; 416 window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 }; 417 window.Shopify.SignInWithShop.eligible = true; 418</script>
vendor: 1 bytes, line 418
418
419<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 419
419
420<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 420
420
421<script type="module"> 422 await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"); 423 424 window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true}); 425 426</script>
vendor: 1 bytes, line 426
426
427<script> 428 window.Shopify = window.Shopify || {}; 429 if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {}; 430 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"]}; 431</script>
vendor: 1 bytes, line 431
431
432<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","https:\/\/na.shgcdn3.com\/pixel-collector.js?shop=soylent-prod.myshopify.com",];</script>
432<script>(function() { 433 var isLoaded = false; 434 function asyncLoad() { 435 if (isLoaded) return; 436 isLoaded = true; 437 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++) { 438 var s = document.createElement('script'); 439 s.type = 'text/javascript'; 440 s.async = true; 441 s.src = urls[i]; 442 var x = document.getElementsByTagName('script')[0]; 443 x.parentNode.insertBefore(s, x); 444 } 445 }; 446 if(window.attachEvent) { 447 window.attachEvent('onload', asyncLoad); 448 } else { 449 window.addEventListener('load', asyncLoad, false); 450 } 451})();</script>
vendor: 1 bytes, line 451
451
452<script id="__st">var __st={"a":359333902,"offset":-25200,"reqid":"3f033953-4633-4d85-acdc-f0cfbbec45fa-1790275742","pageurl":"soylent.com\/","u":"f76e17ccded0","p":"home"};</script>
vendor: 1 bytes, line 452
452
453<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 453
453
454<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 454
454
455<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 455
455
456<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>
456<script crossorigin="anonymous" defer="defer" src="//soylent.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 456
456
457<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 457
457
458<script> 459 window.Shopify = window.Shopify || {}; 460 window.Shopify.MCP = window.Shopify.MCP || {}; 461 window.Shopify.MCP.enabled = true; 462 window.Shopify.MCP.shop = "soylent-prod.myshopify.com"; 463 window.Shopify.MCP.mcpEndpoint = "https:\/\/soylent.com\/api\/mcp"; 464 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"]}}]; 465</script>
vendor: 1 bytes, line 465
465
466<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=");})(); 467</script>
vendor: 1 bytes, line 467
467
468<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)}}; 469</script>
vendor: 1 bytes, line 469
469
470<script data-source-attribution="shopify.dynamic_checkout.buyer_consent"> 471 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); 472</script>
vendor: 1 bytes, line 472
472
473<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})}})); 474</script>
474 475<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"> 476<style id="shopify-accelerated-checkout-cart"> 477 #shopify-buyer-consent { 478 margin-top: 1em; 479 display: inline-block; 480 width: 100%; 481} 482 483#shopify-buyer-consent.hidden { 484 display: none; 485} 486 487#shopify-subscription-policy-button { 488 background: none; 489 border: none; 490 padding: 0; 491 text-decoration: underline; 492 font-size: inherit; 493 cursor: pointer; 494} 495 496#shopify-subscription-policy-button::before { 497 box-shadow: none; 498} 499 500 </style> 501
502<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
502 503 504 505 506 507 508 509
509<script type="text/javascript"> 510 511 window.__shgMoneyFormat = window.__shgMoneyFormat || {"USD":{"currency":"USD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","}}; 512 513 window.__shgCurrentCurrencyCode = window.__shgCurrentCurrencyCode || { 514 currency: "USD", 515 currency_symbol: "$", 516 decimal_separator: ".", 517 thousands_separator: ",", 518 decimal_places: 2, 519 currency_symbol_location: "left" 520 }; 521 </script>
521 522 523 524
525<script 526 type="text/javascript" 527 async 528 src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=VST9Su" 529 > 530 </script>
530 531 532 <!-- splide scripts since splide is used on cart drawer --> 533
533<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js"></script>
533 534
534<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide-extension-grid.min.js"></script>
534 535 536 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css">
536<script> 537 (function() {function delayLoad() { 538 setTimeout(function() { 539 var urls = [].concat(window.BARREL.shopifyAppUrls || []); 540 for (var i = 0; i < urls.length; i++) { 541 var s = document.createElement('script'); 542 s.type = 'text/javascript'; 543 s.async = true; 544 s.src = urls[i]; 545 var x = document.getElementsByTagName('script')[0]; 546 x.parentNode.insertBefore(s, x); 547 };},1000); 548 }; 549 550 551 552 553 554 555 window.addEventListener('scroll', delayLoad, {once: true}); 556 557}()); 558</script>
558 559 560 561 562
562<script 563 src="https://js.afterpay.com/afterpay-1.x.js" 564 data-min="1.00" 565 data-max="2000.00" 566 async 567 > 568 </script>
568 569 570 571
572<script type="text/javascript"> 573 574 window.SHG_CUSTOMER = null; 575 576</script>
576 577 578 579 580 581 582 583 584 585 586
586<script src="https://track.getgobot.com/gobot/js/shopify.js?key=-NI-QPKiwEImW_irIZHU&ad=soylent&li=a-08kq"></script>
586 587 588 589 590
591<script> 592 window.tubSettings = {} 593 window.tubSettings.otpTwoPrice = '$33.00/tub' 594 window.tubSettings.otpThreePrice = '$28.83/tub' 595 window.tubSettings.otpTwoSavings = '' 596 window.tubSettings.otpThreeSavings = '$6.67/tub' 597 window.tubSettings.subTwoPrice = '$30.00/tub' 598 window.tubSettings.subThreePrice = '$23.83/tub' 599 window.tubSettings.subTwoSavings = '$2.50/tub' 600 window.tubSettings.subThreeSavings = '$8.67/tub' 601</script>
601 602 603 604 605 <link rel="stylesheet" href="https://doui4jqs03un3.cloudfront.net/style.css.gz"> 606
606<script src="https://doui4jqs03un3.cloudfront.net/vendors.js.gz"></script>
606 607
607<script src="https://doui4jqs03un3.cloudfront.net/client.js.gz" defer="defer"></script>
607 608 609 610 611 612 613 614<!-- BEGIN app block: shopify://apps/okendo/blocks/theme-settings/bb689e69-ea70-4661-8fb7-ad24a2e23c29 --><!-- BEGIN app snippet: header-metafields --> 615 616 617 618 619 620 621 622 623 624 625 626 627 628 <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:"î¤"}
628.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
628or: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}
628to{opacity:1}} 629.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:")"} 630.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} 631.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> 632 633
633<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>
633 634 <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> 635 <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> 636 <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>
636<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>
636 637 638 639 640 641 642 643 644 645 646 647
647<script src="https://surveys.okendo.io/js/init-quizzes.js" defer></script>
647 648 649 650 651 652 653 654 655<!-- END app snippet --> 656 657<!-- BEGIN app snippet: widget-plus-initialisation-script --> 658 659 660 661 662
662<script async id="okendo-reviews-script" src="https://cdn-static.okendo.io/reviews-widget-plus/js/okendo-reviews.js"></script>
662 663 664<!-- END app snippet --> 665 666 667<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 --> 668 669 670 671 672 673 674 675 676 677 678 679 680
680<script async src="https://static.klaviyo.com/onsite/js/VST9Su/klaviyo.js?company_id=VST9Su"></script>
680 681
681<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>
681 682 683 684 685 686 687 688
688<script> 689 window.klaviyoReviewsProductDesignMode = false 690 </script>
690 691 692 693 694 695 696 697 698 699 700<!-- END app block --><!-- BEGIN app block: shopify://apps/minmaxify-order-limits/blocks/app-embed-block/3acfba32-89f3-4377-ae20-cbb9abc48475 -->
700<script src="https://limits.minmaxify.com/soylent-prod.myshopify.com?v=120b_s&r=20240821201858" defer></script>
700 701 702<!-- END app block --><!-- BEGIN app block: shopify://apps/bnb-app-amazon-buy-now-button/blocks/bnb-embbed/f900151e-f272-47b7-9f07-6ef0c33815e4 -->
702<script> 703 if ('undefined' == typeof window.jQuery) { 704 var script = document.createElement('script'); 705 script.src = 'https://code.jquery.com/jquery-3.4.1.min.js'; 706 document.getElementsByTagName('head')[0].appendChild(script); 707 } 708 let metafield = 'true'; 709 document.addEventListener('DOMContentLoaded', () => { 710 console.log(Shopify.designMode); 711 if (Shopify.designMode === true) { 712 checkForPlan(window.jQuery, shop, Shopify.theme, metafield); 713 } 714 }); 715 function checkForPlan($, shop) { 716 $.ajax({ 717 url: 'https://app.buynowbuttons.com/apps/buynowbutton/check_plan.php', 718 type: "post", 719 data: { 720 store: shop, 721 theme: Shopify.theme, 722 metafield: metafield 723 }, 724 success: function(e) { 725 console.log(e); 726 if (e && e !== "") { 727 if (metafield != e) { 728 729 } 730 } 731 }, 732 error: function() {} 733 }) 734 } 735</script>
735 736<!-- END app block --><!-- BEGIN app block: shopify://apps/yoast-seo/blocks/metatags/7c777011-bc88-4743-a24e-64336e1e5b46 --> 737<!-- This site is optimized with Yoast SEO for Shopify --> 738<title>Soylent Let us take a few things off your plate.</title> 739<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." /> 740<link rel="canonical" href="https://soylent.com/" /> 741<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" /> 742<meta property="og:site_name" content="Soylent" /> 743<meta property="og:url" content="https://soylent.com/" /> 744<meta property="og:locale" content="en_US" /> 745<meta property="og:type" content="website" /> 746<meta property="og:title" content="Soylent Let us take a few things off your plate." /> 747<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." /> 748<meta property="og:image" content="https://soylent.com/cdn/shop/files/soylent_logo-01.png?v=1613688881" /> 749<meta property="og:image:height" content="628" /> 750<meta property="og:image:width" content="1200" /> 751<meta name="twitter:card" content="summary_large_image" />
752<script type="application/ld+json" id="yoast-schema-graph"> 753{ 754 "@context": "https://schema.org", 755 "@graph": [ 756 { 757 "@type": "Organization", 758 "@id": "https://soylent.com/#/schema/organization/1", 759 "url": "https://soylent.com", 760 "name": "Soylent", 761 "logo": { 762 "@id": "https://soylent.com/#/schema/ImageObject/23038854856815" 763 }, 764 "image": [ 765 { 766 "@id": "https://soylent.com/#/schema/ImageObject/23038854856815" 767 } 768 ], 769 "hasMerchantReturnPolicy": { 770 "@type": "MerchantReturnPolicy", 771 "merchantReturnLink": "https://soylent.com/policies/refund-policy" 772 }, 773 "sameAs": ["https:\/\/www.facebook.com\/Soylent\/"] 774 }, 775 { 776 "@type": "ImageObject", 777 "@id": "https://soylent.com/#/schema/ImageObject/23038854856815", 778 "width": 756, 779 "height": 458, 780 "url": "https:\/\/soylent.com\/cdn\/shop\/files\/soylent_logo.webp?v=1644950824", 781 "contentUrl": "https:\/\/soylent.com\/cdn\/shop\/files\/soylent_logo.webp?v=1644950824" 782 }, 783 { 784 "@type": "WebSite", 785 "@id": "https://soylent.com/#/schema/website/1", 786 "url": "https://soylent.com", 787 "name": "Soylent", 788 "potentialAction": { 789 "@type": "SearchAction", 790 "target": "https://soylent.com/search?q={search_term_string}", 791 "query-input": "required name=search_term_string" 792 }, 793 "publisher": { 794 "@id": "https://soylent.com/#/schema/organization/1" 795 }, 796 "inLanguage": "en" 797 }, 798 { 799 "@type": ["WebPage","CollectionPage"], 800 "@id": "https:\/\/soylent.com\/", 801 "name": "Soylent Let us take a few things off your plate.", 802 "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.", 803 "about": { 804 "@id": "https://soylent.com/#/schema/organization/1" 805 }, 806 "breadcrumb": { 807 "@id": "https:\/\/soylent.com\/#\/schema\/breadcrumb" 808 }, 809 "primaryImageOfPage": { 810 "@id": "https://soylent.com/#/schema/ImageObject/7165455499375" 811 }, 812 "image": [{ 813 "@id": "https://soylent.com/#/schema/ImageObject/7165455499375" 814 }], 815 "isPartOf": { 816 "@id": "https://soylent.com/#/schema/website/1" 817 }, 818 "url": "https:\/\/soylent.com\/" 819 }, 820 { 821 "@type": "ImageObject", 822 "@id": "https://soylent.com/#/schema/ImageObject/7165455499375", 823 "caption": "Soylent Logo", 824 "inLanguage": "en", 825 "width": 1200, 826 "height": 628, 827 "url": "https:\/\/soylent.com\/cdn\/shop\/files\/soylent_logo-01.png?v=1613688881", 828 "contentUrl": "https:\/\/soylent.com\/cdn\/shop\/files\/soylent_logo-01.png?v=1613688881" 829 }, 830 { 831 "@type": "BreadcrumbList", 832 "@id": "https:\/\/soylent.com\/#\/schema\/breadcrumb", 833 "itemListElement": [ 834 { 835 "@type": "ListItem", 836 "name": "Soylent.com - Let us take a few things off your plate.", 837 "position": 1 838 } 839 ] 840 } 841 842 ]} 843</script>
843 844<!--/ Yoast SEO --> 845<!-- END app block --><!-- BEGIN app block: shopify://apps/bnb-app-amazon-buy-now-button/blocks/bnb-collections-embed/f900151e-f272-47b7-9f07-6ef0c33815e4 -->
845<script> 846 if ('undefined' == typeof window.jQuery) { 847 var script = document.createElement('script'); 848 script.src = 'https://code.jquery.com/jquery-3.4.1.min.js'; 849 document.getElementsByTagName('head')[0].appendChild(script); 850 } 851 let theme_file = 'snippets/card-product.liquid'; 852 let card_wrapper = 'card-wrapper underline-links-hover'; 853 let product_id_var = 'card_product.id'; 854 let card_wrapper_class = card_wrapper.split(" "); 855 //let metafield = 'true' 856 document.addEventListener('DOMContentLoaded', () => { 857 if (Shopify.designMode === true) { 858 //checkForPlan(window.jQuery, shop); 859 } 860 window.jQuery('.'+card_wrapper_class[0]).each(function(){ 861 let product_id = window.jQuery(this).data('product-id'); 862 //jQuery(this).append('<div class="buy_now_button_app product_id_'+product_id+'" data-product-id="'+product_id+'"></div>'); 863 startbuynowbuttonCollection(window.jQuery, product_id); 864 }); 865 }); 866 function startbuynowbuttonCollection(t, id) { 867 t.ajax({ 868 url: product_pathUrl, 869 type: "post", 870 data: { 871 store: shop, 872 id: id, 873 type: 'collection' 874 }, 875 success: function(e) { 876 console.log(e); 877 if (e && e !== "") { 878 let r = t.parseJSON(e); 879 t('.product_id_'+r.pid).append('<div class="buy_now_button_app appended_product_id_'+r.pid+'" data-product-id="'+r.pid+'"></div>'); 880 //t('.'+card_wrapper_class[0]+' .buy_now_button_app.appended_product_id_'+r.pid).first().css("display", "block"); 881 t('.'+card_wrapper_class[0]).each(function(){ 882 $(this).find('.buy_now_button_app.appended_product_id_'+r.pid).first().css("display", "block"); 883 }); 884 t('.buy_now_button_app.appended_product_id_'+r.pid).html(r.page).addClass("market_icon"), setTimeout(function () { 885 }, 2000); 886 /*t('.'+card_wrapper_class[0]).each(function(){ 887 let product_id = t(this).data('product-id'); 888 console.log(product_id); 889 console.log(r.pid); 890 891 if (product_id === r.pid) { 892 console.log(r); 893 t(this).append('<div class="buy_now_button_app test product_id_'+product_id+'" data-product-id="'+product_id+'"></div>'); 894 t('.buy_now_button_app.product_id_'+product_id).html(r.page).addClass("market_icon"), setTimeout(function () { 895 }, 2000) 896 } 897 });*/ 898 } 899 }, 900 error: function() {} 901 }) 902 } 903</script>
903 904<!-- END app block --><!-- BEGIN app block: shopify://apps/black-crow-ai-that-delivers/blocks/blackcrow_ai_script/3e73f597-cb71-47a1-8a06-0c931482ecd2 --> 905
906<script type="text/javascript" async src="https://shopify-init.blackcrow.ai/js/core/soylent-prod.js?shop=soylent-prod.myshopify.com&tagSrc=ShopifyThemeAppExtension"></script>
906 907 908 909<!-- END app block -->
909<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 909
909
910<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>
910 911<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
912<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 912
912
913<script> 914 window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || []; 915</script>
vendor: 1 bytes, line 915
915
916<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}
916).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: ["16072cab","8450a54b"],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"]}
916,"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"}
916,{"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","c8540278we853e1abpb62b2c4amde256306",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"126746296431","themePublished":"true","eventMetadataId":"ee285267-a873-467d-b268-f5d0d75e659f","pageType":"home","shopId":"359333902","storefrontBaseUrl":"https:\/\/soylent.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"16072cab\", \"8450a54b\"]","isMerchantRequest":"false","hashVersion":"c8540278we853e1abpb62b2c4amde256306","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
916<script> 917 window.ShopifyAnalytics = window.ShopifyAnalytics || {}; 918 window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {}; 919 window.ShopifyAnalytics.meta.currency = 'USD'; 920 var meta = {"page":{"pageType":"home","requestId":"3f033953-4633-4d85-acdc-f0cfbbec45fa-1790275742"}}; 921 for (var attr in meta) { 922 window.ShopifyAnalytics.meta[attr] = meta[attr]; 923 } 924</script>
vendor: 1 bytes, line 924
924
925<script class="analytics"> 926 (function () { 927 var customDocumentWrite = function(content) { 928 var jquery = null; 929 930 if (window.jQuery) { 931 jquery = window.jQuery; 932 } else if (window.Checkout && window.Checkout.$) { 933 jquery = window.Checkout.$; 934 } 935 936 if (jquery) { 937 jquery('body').append(content); 938 } 939 }; 940 941 var hasLoggedConversion = function(token) { 942 if (token) { 943 return document.cookie.indexOf('loggedConversion=' + token) !== -1; 944 } 945 return false; 946 } 947 948 var setCookieIfConversion = function(token) { 949 if (token) { 950 var twoMonthsFromNow = new Date(Date.now()); 951 twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2); 952 953 document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow; 954 } 955 } 956 957 var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || []; 958 window.ShopifyAnalytics.lib.trekkie = window.trekkie; 959 if (trekkie.integrations) { 960 return; 961 } 962 trekkie.methods = [ 963 'identify', 964 'page', 965 'ready', 966 'track', 967 'trackForm', 968 'trackLink' 969 ]; 970 trekkie.factory = function(method) { 971 return function() { 972 var args = Array.prototype.slice.call(arguments); 973 args.unshift(method); 974 trekkie.push(args); 975 if (method == 'track' || method == 'page') { 976 try { 977 if (window.__TREKKIE_SHIM_QUEUE == null) { 978 window.__TREKKIE_SHIM_QUEUE = []; 979 } 980 window.__TREKKIE_SHIM_QUEUE.push({ 981 from: 'trekkie-stub', 982 method: method, 983 args: args.slice(1) 984 }); 985 } catch (e) { 986 // no-op 987 } 988 } 989 return trekkie; 990 }; 991 }; 992 for (var i = 0; i < trekkie.methods.length; i++) { 993 var key = trekkie.methods[i]; 994 trekkie[key] = trekkie.factory(key); 995 } 996 trekkie.load = function(config) { 997 trekkie.config = config || {}; 998 trekkie.config.initialDocumentCookie = document.cookie; 999 var first = document.getElementsByTagName('script')[0]; 1000var script = document.createElement('script'); 1001script.type = 'text/javascript'; 1002script.onerror = function(e) { 1003 var scriptFallback = document.createElement('script'); 1004 scriptFallback.type = 'text/javascript'; 1005 scriptFallback.onerror = function(error) { 1006 var Monorail = { 1007 produce: function produce(monorailDomain, schemaId, payload) { 1008 var currentMs = new Date().getTime(); 1009 var event = { 1010 schema_id: schemaId, 1011 payload: payload, 1012 metadata: { 1013 event_created_at_ms: currentMs, 1014 event_sent_at_ms: currentMs 1015 } 1016 }; 1017 return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event)); 1018 }, 1019 sendRequest: function sendRequest(endpointUrl, payload) { 1020 // Try the sendBeacon API 1021 if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) { 1022 var blobData = new window.Blob([payload], { 1023 type: 'text/plain' 1024 }); 1025 1026 if (window.navigator.sendBeacon(endpointUrl, blobData)) { 1027 return true; 1028 } // sendBeacon was not successful 1029 1030 } // XHR beacon 1031 1032 var xhr = new XMLHttpRequest(); 1033 1034 try { 1035 xhr.open('POST', endpointUrl); 1036 xhr.setRequestHeader('Content-Type', 'text/plain'); 1037 xhr.send(payload); 1038 } catch (e) { 1039 console.log(e); 1040 } 1041 1042 return false; 1043 }, 1044 isIos12: function isIos12() { 1045 return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1; 1046 } 1047 }; 1048 Monorail.produce('monorail-edge.shopifysvc.com', 1049 'trekkie_storefront_load_errors/1.1', 1050 {shop_id: 359333902, 1051 theme_id: 126746296431, 1052 app_name: "storefront", 1053 context_url: window.location.href, 1054 source_url: "//soylent.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js"}); 1055 1056 }; 1057 scriptFallback.async = true; 1058 scriptFallback.src = '//soylent.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1059 first.parentNode.insertBefore(scriptFallback, first); 1060}; 1061script.async = true; 1062script.src = '//soylent.com/cdn/s/trekkie.storefront.f1ba865b3fecd812ad617f74ac079261075e9edb.min.js'; 1063first.parentNode.insertBefore(script, first); 1064 1065 }; 1066 trekkie.load( 1067 {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":359333902,"isMerchantRequest":null,"themeId":126746296431,"themeCityHash":"4951745251724218558","contentLanguage":"en","currency":"USD","eventMetadataId":"ee285267-a873-467d-b268-f5d0d75e659f"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}} 1068 ); 1069 1070 var loaded = false;
1071 trekkie.ready(function() { 1072 if (loaded) return; 1073 loaded = true; 1074 1075 window.ShopifyAnalytics.lib = window.trekkie; 1076 1077 var originalDocumentWrite = document.write; 1078 document.write = customDocumentWrite; 1079 try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {}; 1080 document.write = originalDocumentWrite; 1081 1082 var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/) 1083 var token = match? match[1]: undefined; 1084 if (!hasLoggedConversion(token)) { 1085 setCookieIfConversion(token); 1086 1087 } 1088 }); 1089 1090 window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"3f033953-4633-4d85-acdc-f0cfbbec45fa-1790275742","shopifyEmitted":true}); 1091 1092 var eventsListenerScript = document.createElement('script'); 1093 eventsListenerScript.async = true; 1094 eventsListenerScript.src = "//soylent.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js"; 1095 document.getElementsByTagName('head')[0].appendChild(eventsListenerScript); 1096})();</script>
vendor: 1 bytes, line 1096
1096
1097<script 1098 defer 1099 src="https://soylent.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js" 1100 data-application="storefront-renderer" 1101 data-shop-id="359333902" 1102 data-render-region="gcp-us-central1" 1103 data-page-type="index" 1104 data-theme-instance-id="126746296431" 1105 data-theme-name="Soylent" 1106 data-theme-version="0.1.0" 1107 data-monorail-region="shop_domain" 1108 data-resource-timing-sampling-rate="10" 1109 data-shs="true" 1110 data-shs-beacon="true" 1111 data-shs-export-with-fetch="true" 1112 data-shs-logs-sample-rate="1" 1113 data-shs-beacon-endpoint="https://soylent.com/api/collect" 1114></script>
1114 1115<meta name="shopify-y" content="384db405-452b-46b2-ba17-230cbcbf329c" data-expiration="1821833342000"><meta name="shopify-s" content="44e9364d-ba9b-4b92-953b-61511d473b0f" data-expiration="1790277542000"><meta name="new-cookie-storage-activated" content="t"> 1116</head> 1117 1118 1119 1120 <body id="soylent-com-let-us-take-a-few-things-off-your-plate" class="template-index site-fixed-header"> 1121 1122 1123 <div 1124 class="ffui-container" 1125 x-data="ffui()" 1126 x-init="init()" 1127 x-show="visible" 1128 :class="(collapsed ? 'collapsed' : '')" 1129 x-cloak 1130 > 1131 <div class="minimized-title" x-show="collapsed"> 1132 Date Override: <span x-text="!overrideActive ? 'None' : overrideDate"></span> 1133 </div> 1134 <div class="ffui-controls"> 1135 <div class="ffui-control ffui-expand-button" x-show="collapsed" @click="collapsed = false">+</div> 1136 <div class="ffui-control ffui-collapse-button" x-show="!collapsed" @click="collapsed = true">-</div> 1137 </div> 1138 <div class="ffui-title"> 1139 <div> 1140 Date Override: <span x-text="!overrideActive ? 'None' : ''"></span> 1141 </div> 1142 <div> 1143 <a href="#" @click.prevent="listActiveFFs()">List Active FFs</a> | 1144 <a href="#" @click.prevent="copyShareLink()" x-text="copyTimeout ? 'Copied!' : 'Copy Link'"></a> 1145 </div> 1146 </div> 1147 <div class="ffui-form"> 1148 <input type="datetime-local" name="ffui_date" x-model="newDate" /> 1149 <button @click.prevent="updateDate(newDate)">Update</button> 1150 <button @click.prevent="updateDate('')">Clear</button> 1151 </div> 1152 </div> 1153
1153<script> 1154 function ffui(){ 1155 return { 1156 copyTimeout: null, 1157 overrideActive: false, 1158 visible: false, 1159 collapsed: false, 1160 overrideDate: '', 1161 newDate: '', 1162 init(){ 1163 // Feel like this could be simplified 1164 const cartDateAttribute = ``; 1165 this.overrideActive = cartDateAttribute.length > 0; 1166 const searchParams = new URLSearchParams(window.location.search); 1167 const params = Object.fromEntries(searchParams); 1168 if(params.ffui && params.ffui.length > 5){ 1169 this.updateDate(params.ffui, false).then(() => { 1170 searchParams.delete('ffui'); 1171 location.search = searchParams.toString(); 1172 }); 1173 } 1174 const paramKeys = Object.keys(params).map(x => x.toLowerCase()); 1175 this.visible = paramKeys.includes('ffui') || this.overrideActive; 1176 this.collapsed = !paramKeys.includes('ffui'); 1177 this.overrideDate = cartDateAttribute; 1178 this.newDate = this.overrideActive ? this.overrideDate : (new Date()).toISOString().split('.')[0]; 1179 }, 1180 updateDate(date = '', reload = true){ 1181 return fetch(window.Shopify.routes.root + 'cart/update.js', { 1182 method: 'POST', 1183 headers: { 1184 'Content-Type': 'application/json' 1185 }, 1186 body: JSON.stringify({ attributes: {_date_now_override: date} }) 1187 }) 1188 .then(response => { 1189 if(reload){ 1190 location.reload(); 1191 } 1192 }) 1193 .catch(error => { 1194 console.error('Error:', error); 1195 }); 1196 }, 1197 copyShareLink(){ 1198 const currentParams = new URLSearchParams(window.location.search); 1199 currentParams.set('ffui', this.newDate); 1200 currentParams.set('preview_theme_id', Shopify.theme.id); 1201 const locationNoQuery = location.href.split('?')[0]; 1202 navigator.clipboard.writeText(locationNoQuery+'?'+currentParams.toString()) 1203 if(this.copyTimeout){ 1204 clearTimeout(this.copyTimeout); 1205 } 1206 this.copyTimeout = setTimeout(e => { 1207 this.copyTimeout = null; 1208 }, 3000); 1209 }, 1210 listActiveFFs(){ 1211 alert(Object.entries(window.FeatureFlags).map(x => { 1212 if(x[0][0] == '_'){ 1213 return false; 1214 } 1215 if(!x[1]){ 1216 return false; 1217 } 1218 return x[0]; 1219 }).filter(x => x).join("\r\n")); 1220 }, 1221 } 1222 } 1223 </script>
1223 1224 <style> 1225 [x-cloak] { display: none !important; } 1226 .ffui-container { 1227 position: fixed; 1228 bottom: 0; 1229 left: 0; 1230 height: 200px; 1231 width: 500px; 1232 background-color: #FFF; 1233 z-index: 9999999999; 1234 padding: 20px; 1235 border: 2px solid black; 1236 } 1237 .ffui-container.collapsed { 1238 bottom: -175px; 1239 } 1240 .ffui-container .minimized-title { 1241 position: absolute; 1242 left: 5px; 1243 top: 0; 1244 } 1245 .ffui-controls { 1246 position: absolute; 1247 top: 0; 1248 right: 0; 1249 height: 20px; 1250 width: 20px; 1251 display: flex; 1252 justify-content: center; 1253 align-items: center; 1254 text-align: center; 1255 cursor: pointer; 1256 font-size: 32px; 1257 line-height: 1; 1258 } 1259 .ffui-title { 1260 display: flex; 1261 justify-content: space-between; 1262 align-items: center; 1263 } 1264 .ffui-title a { 1265 text-decoration: underline; 1266 } 1267 .ffui-form { 1268 display: flex; 1269 width: 100%; 1270 border: 2px solid black; 1271 } 1272 .ffui-form input { 1273 flex: 1 0 auto; 1274 outline: none; 1275 border: none; 1276 height: 40px; 1277 padding: 5px 10px; 1278 } 1279 .ffui-form button { 1280 background: black; 1281 color: white; 1282 height: 40px; 1283 padding: 4px 10px; 1284 flex: 0 0 auto; 1285 cursor: pointer; 1286 outline: none; 1287 } 1288 .ffui-form button:hover { 1289 background-color: #333; 1290 } 1291 .ffui-form button:active, .ffui-container a { 1292 outline: none; 1293 } 1294 </style> 1295 1296 1297
1297<script id="rebuy-cart-template" type="text/template"> 1298 <div id="rebuy-cart" class="rebuy-cart" v-cloak v-bind:class="[visible ? 'is-visible' : '', 'currency-' + currency() ]"> 1299 <div class="rebuy-cart__flyout"> 1300 <div class="rebuy-cart__flyout-header"> 1301 <h4 class="rebuy-cart__flyout-title" v-html="settings.language.cart_title"></h4> 1302 <button class="rebuy-cart__flyout-close" type="button" v-on:click="hide()"> 1303 <i class="fal fa-times"></i> 1304 </button> 1305 </div> 1306 <div class="sample-upsell-notification-bar"> 1307 <p> 1308 1309 </p> 1310 </div> 1311 <div class="rebuy-cart__flyout-body"> 1312 <div class="rebuy-cart__flyout-announcement-bar" id="rebuy-smart-cart-announcement-bar" v-if="announcementBarEnabled()"> 1313 <div class="rebuy-cart__flyout-announcement-bar-message" v-for="message in settings.announcement_bar.messages" v-html="message"></div> 1314 </div> 1315 1316 <div class="rebuy-cart__flyout-shipping-bar" v-if="freeShippingEnabled()" v-bind:class="[ freeShippingHelperMessage() ? 'has-helper' : '', hasFreeShipping() ? 'has-free-shipping': '' ]"> 1317 <div class="rebuy-cart__flyout-shipping-bar-message" v-if="!hasFreeShipping()" v-html="freeShippingRemainingMessage()"></div> 1318 <div class="rebuy-cart__flyout-shipping-bar-message" v-if="hasFreeShipping()" v-html="freeShippingCompleteMessage()"></div> 1319 <div class="rebuy-cart__flyout-shipping-bar-meter" v-bind:class="[hasFreeShippingProgress() ? 'has-progress' : 'no-progress']"> 1320 <div class="rebuy-cart__flyout-shipping-bar-meter-fill" v-bind:style="{ width: freeShippingPercentComplete() }"> 1321 <span class="rebuy-cart__flyout-shipping-bar-meter-fill-text" v-html="freeShippingPercentComplete()"></span> 1322 </div> 1323 </div> 1324 <div class="rebuy-cart__flyout-shipping-bar-helper" v-if="freeShippingHelperMessage()" v-html="freeShippingHelperMessage()"></div> 1325 </div> 1326 1327 <div v-if="progressBarEnabled()" class="rebuy-cart__progress-bar-container above"> 1328 <div v-for="bar in settings.progress_bar.bars" v-if="isValidBar(bar)"> 1329 <div class="rebuy-cart__progress-step-wrapper" v-bind:class="[ 'count-' + bar.tiers.length ]"> 1330 <div v-for="tier in bar.tiers" class="rebuy-cart__progress-step" 1331 v-bind:style="{ width: progressStepMaxWidth(bar) }" 1332 v-bind:class="[ progressTierReached(tier) ? 'complete' : '' ]"> 1333 <div class="rebuy-cart__progress-step-icon" v-html="progressTierIcon(tier)"></div> 1334 <span class="rebuy-cart__progress-step-label">{{ getTierLabel(tier)}}</span> 1335 </div> 1336 </div> 1337 1338 <div class="rebuy-cart__progress-bar-wrapper"> 1339 <div class="rebuy-cart__progress-bar-meter" 1340 v-bind:class="[hasTierProgress() ? 'has-progress' : 'no-progress']"> 1341 <div class="rebuy-cart__progress-bar-meter-fill" v-bind:style="{ width: tiersPercentageComplete(bar) }" 1342 role="progressbar" tabindex="0" aria-valuemin="0" aria-valuemax="100" 1343 v-bind:aria-valuenow="tiersPercentageComplete(bar, true)" 1344 aria-labelledby="rebuy-cart__progress-bar-meter-label"> 1345 <span class="sr-only"></span> 1346 </div> 1347 </div> 1348 1349 <div id="rebuy-cart__progress-bar-meter-label" class="rebuy-cart__progress-bar-prompt" 1350 v-if="hasProgressPrompt(bar)" v-html="getTierFeedbackText(bar)"></div> 1351 </div> 1352 1353 <div class="rebuy-cart__progress-free-products" 1354 v-if="getBarLayout(bar) == 'above' && earnedProducts(bar).length > 0"> 1355 <div class="rebuy-cart__progress-free-products-title">Free Gifts</div> 1356 <div class="rebuy-cart__progress-free-products-list" ref="freeProductList"> 1357 <div v-for="product in earnedProducts(bar)" class="rebuy-cart__progress-free-product" 1358 v-bind:style="[ freeProductTileStyle(bar) ]"> 1359 <div class="rebuy-cart__progress-free-product-image" v-bind:style="freeProductStyles(product)"> 1360 </div> 1361 <div class="rebuy-cart__progress-free-product-info"> 1362 <div> 1363 <p class="rebuy-cart__progress-free-product-title" v-html="product.title"></p> 1364 <span v-if="product.chosen_variant" class="rebuy-cart__progress-free-product-variant-title" 1365 v-html="getFreeVariantTitle(product)"></span> 1366 </div> 1367 <div v-if="!product.chosen_variant" 1368 class="rebuy-cart__progress-free-product-variant-select-container"> 1369 <select class="rebuy-cart__progress-free-product-variant-select" 1370 v-on:change="selectFreeProductVariant($event, product)"> 1371 <option value="" disabled selected>Select Variant</option> 1372 <option v-for="variant in freeProductOptions(product)" v-bind:value="variant.id">{{ 1373 variant.title }}</option> 1374 </select> 1375 <div class="rebuy-cart__progress-free-product-variant-select-prompt" 1376 v-html="freeProductPrompt(product)"></div> 1377 </div> 1378 </div> 1379 <button v-show="product.chosen_variant" class="rebuy-cart__progress-free-product-remove" 1380 v-on:click="removeFreeProduct(product)"> 1381 <i class="fal fa-times"></i> 1382 <span class="sr-only">Remove {{ product.title }}
1382 {{ product.chosen_variant?.title ? 1383 product.chosen_variant.title : '' }} from Cart</span> 1384 </button> 1385 </div> 1386 </div> 1387 </div> 1388 </div> 1389 </div> 1390 1391 <div class="rebuy-cart__flyout-content" v-bind:class="[ hasItems() ? 'has-items' : 'no-items' ]"> 1392 <div class="rebuy-cart__flyout-items" v-if="hasItems()"> 1393 <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) ]"> 1394 <div class="rebuy-cart__flyout-item-media"> 1395 <a v-bind:href="itemURL(item)"> 1396 <img v-bind:src="sizeImage(item.image, '240x240')" v-bind:alt="item.title" /> 1397 </a> 1398 <button class="rebuy-cart__flyout-item-remove" type="button" v-on:click="removeItem(item)"> 1399 <span style="transform: scale(1.6); display: inline-block; margin-right: 2px; font-weight: 500;">Ã</span> Remove 1400 </button> 1401 </div> 1402 <div class="rebuy-cart__flyout-item-info"> 1403 <a class="rebuy-cart__flyout-item-product-title" v-bind:href="itemURL(item)" v-html="item.product_title"></a> 1404 <div class="rebuy-cart__flyout-item-variant-title" v-html="item.variant_title" v-if="item.variant_title"></div> 1405 1406 <div v-if="handleBundleDiscounts(items(), item)" class="volume-discount__message-wrapper"> 1407 <p v-if="item.product.tags.includes('volume_discount_one-time')"> 1408 Add another tub to your cart for just <span v-html="cart_bundle_discount_onetime < 2 ? `${ window.tubSettings.otpTwoPrice }` : `${ window.tubSettings.otpThreePrice }`"></span> 1409 </p> 1410 <p v-if="item.product.tags.includes('volume_discount_subscription')"> 1411 Add another tub to your cart for just <span v-html="cart_bundle_discount_subscription < 2 ? `${ window.tubSettings.subTwoPrice }` : `${ window.tubSettings.subThreePrice }`"></span> 1412 </p> 1413 </div> 1414 1415 <div class="rebuy-cart__flyout-item-discount-message" v-if="hasLineItemDiscount(item)" v-html="lineItemDiscountMessage(item)"> 1416 </div> 1417 1418 <div class="rebuy-cart__flyout-item-properties" v-if="hasItemProperties(item)"> 1419 <div class="rebuy-cart__flyout-item-property rebuy-cart__flyout-item-property--delivery-frequency" v-if="itemDeliveryFrequency(item)" v-html="itemDeliveryFrequency(item)"></div> 1420 <div class="rebuy-cart__flyout-item-property" v-for="property in itemProperties(item)" v-bind:class="[ itemPropertyKeyClass(property), itemPropertyValueClass(property) ]"> 1421 <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> 1422 </div> 1423 </div> 1424 <div class="rebuy-cart__flyout-item-quantity"> 1425 1426 <div class="rebuy-cart__flyout-item-quantity-widget"> 1427 <button class="rebuy-cart__flyout-item-quantity-widget-button" v-on:click="decreaseItem(item)" type="button"> 1428 <i class="far fa" v-bind:class="[(item.status == 'decreasing') ? 'fa-sync-alt fa-fast-spin' : 'fa-minus']"></i> 1429 </button> 1430 1431 <span class="rebuy-cart__flyout-item-quantity-widget-label" v-html="item.quantity"></span> 1432 1433 <button class="rebuy-cart__flyout-item-quantity-widget-button" v-on:click="increaseItem(item)" type="button"> 1434 <i class="far fa" v-bind:class="[(item.status == 'increasing') ? 'fa-sync-alt fa-fast-spin' : 'fa-plus']"></i> 1435 </button> 1436 </div> 1437 1438 </div> 1439 <div class="rebuy-cart__flyout-item-price"> 1440 <div v-if="itemHasDiscount(item)"> 1441 <span class="rebuy-money sale" v-html="formatMoney(itemPrice(item))"></span> 1442 <span class="rebuy-money compare-at" v-html="formatMoney(compareAtPrice(item))"></span> 1443 </div> 1444 <div v-if="!itemHasDiscount(item)"> 1445 <span class="rebuy-money" v-html="formatMoney(itemPrice(item))"></span> 1446 </div> 1447 </div> 1448 <div class="rebuy-cart__flyout-item-subscription" v-if="hasSwitchToSubscription(item)"> 1449 <button 1450 class="rebuy-button outline" 1451 v-if="!item.product.subscription || item.status == 'downgrading' || item.status == 'upgrading'" 1452 v-bind:disabled="(item.status == 'downgrading' || item.status == 'upgrading')" 1453 v-on:click="updateItemDeliveryFrequency(item, item.product.subscription_frequencies[0])" 1454 type="button"> 1455 <span v-html="switchToSubscriptionLabelPercentageFormatted(item)"></span> 1456 </button> 1457 1458 <select 1459 class="rebuy-select muted" 1460 v-if="item.product.subscription && item.status != 'downgrading'" 1461 v-model="item.product.subscription_frequency" 1462 v-on:change="updateItemDeliveryFrequency(item)"> 1463 <optgroup 1464 v-if="!item.product.is_subscription_only" 1465 v-bind:label="onetimeOptionGroupLabel(item)"> 1466 <option v-bind:value="'onetime'" v-html="onetimeOptionLabel(item)"></option> 1467 </optgroup> 1468 <optgroup 1469 1470 v-bind:label="subscriptionLabelPercentageFormatted(item)"> 1471 <option 1472 v-for="frequency in item.product.subscription_frequencies" 1473 v-bind:value="frequency" v-html="subscriptionOptionLabel(item, frequency, item.product.subscription_interval)"> 1474 </option> 1475 </optgroup> 1476 </select> 1477 </div> 1478 1479 </div> 1480 1481 </div> 1482 <div class="rebuy-cart__flyout-note" v-if="notesEnabled()"> 1483 <label class="rebuy-cart__flyout-note-toggle"> 1484 <input class="rebuy-cart__flyout-note-toggle-input rebuy-checkbox" type="checkbox" v-model="notes.visible" v-on:click="notesToggle()" /> 1485 <span class="rebuy-cart__flyout-note-toggle-label" v-html="settings.language.notes_label"></span> 1486 </label> 1487 <div class="rebuy-cart__flyout-note-content" v-if="notesIsVisible()"> 1488 <textarea 1489 id="rebuy-cart-notes" 1490 class="rebuy-textarea rebuy-cart__flyout-note-textarea" 1491 v-model="notes.value" 1492 v-on:keyup="notesChange(event)" 1493 v-on:keydown="notesChange(event)" 1494 v-on:change="notesChange(event)" 1495 v-bind:placeholder="settings.language.notes_placeholder"></textarea> 1496 <small id="rebuy-cart-characters-remaining" v-html="notesRemainingCharacters()"></small> 1497 </div> 1498 </div> 1499 </div> 1500 1501 <div class="rebuy-cart__flyout-empty-cart" v-if="!hasItems()" v-html="emptyCartMessage()"></div> 1502 1503 <!-- eq add sample to cart start --> 1504 1505 <div id="add-to-cart__container" class="cart-sample__padding-0"></div> 1506 1507 <!-- eq add sample to cart end --> 1508 1509 <div class="rebuy-cart__flyout-recommendations" v-if="hasCrossSells()"> 1510 <div v-for="widget_id in settings.cross_sells" v-bind:data-rebuy-id="widget_id"></div> 1511 </div>
1512 <!-- Route Code 1513 <div style="margin: 0 20px !important;"> 1514 <div class="route-div" multiple-widgets desktop-align="center" ></div> 1515 <div style="font-size: 12px; margin-top: -10px; margin-bottom: 15px; text-align: center;"> 1516 <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> 1517 </div> 1518 </div> 1519 Route Code End --> 1520 </div> 1521 1522 </div> 1523 1524 <div class="rebuy-cart__flyout-footer" v-if="hasItems()"> 1525 1526 1527 <div class="rebuy-cart__flyout-subtotal"> 1528 <div class="rebuy-cart__flyout-subtotal-label"> 1529 <span v-html="subtotalLabel()"></span> 1530 </div> 1531 <div class="rebuy-cart__flyout-subtotal-amount" v-html="subtotal()"></div> 1532 </div> 1533 1534 <div class="rebuy-cart__flyout-actions"> 1535 <button v-if="hasCheckoutButton()" class="rebuy-button block" type="button" v-on:click="checkout()"> 1536 <span v-html="checkoutLabel()"></span> 1537 </button> 1538 1539 <button v-if="hasViewCartButton()" class="rebuy-button block" v-bind:class="{'outline': hasCheckoutButton()}" type="button" v-on:click="viewCart()"> 1540 <span v-html="viewCartLabel()"></span> 1541 </button> 1542 1543 <button v-if="hasContinueShoppingButton()" class="rebuy-button block outline" type="button" v-on:click="hide()"> 1544 <span v-html="continueShoppingLabel()"></span> 1545 </button> 1546 </div> 1547 1548 <div class="rebuy-cart__flyout-installments" v-if="installmentsEnabled()" v-html="installmentsMessage()"></div> 1549 1550 </div> 1551 </div> 1552 1553 <div class="rebuy-cart__background" v-on:click="hide()"></div> 1554 </div> 1555 </script>
1555 1556 1557 1558<style> 1559.volume-discount__message-wrapper p{ 1560 color:#47AF19; 1561 font-weight:700; 1562} 1563 1564.rebuy-cart__flyout-item-discount-message{ 1565 display:none !important; 1566} 1567</style> 1568
1569<script> 1570 document.addEventListener('rebuy:cart.ready', function(event){ 1571 const flyoutInstallmentsLink = document.querySelector('.rebuy-cart__flyout-installments a'); 1572 if(!flyoutInstallmentsLink) return; 1573 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'>" 1574 }); 1575 1576 1577 // Below is the switch to subscription button label 1578 // <span v-html="switchToSubscriptionLabel(item)"></span> 1579 1580 // Below is the original function used within the option group label for subscription items 1581 // v-bind:label="subscriptionOptionGroupLabel(item)"> 1582 1583 1584 function switchToSubscriptionLabelPercentageFormatted (item) { 1585 var label = Rebuy.SmartCart.settings.switch_to_subscription.language.upgrade_to_subscription_label; 1586 1587 var discount; 1588 1589 if (Rebuy.Shop?.sellingPlanEnabled && item.product.selling_plan_groups) { 1590 discount = formatNumberDecimal(item.product.selling_plan_groups[0].discount_amount, 2); 1591 1592 label = label.replace('{{ subscription_discount }}', discount); 1593 1594 } else { 1595 discount = formatNumberDecimal(item.product.subscription_discount, 2); 1596 1597 label = label.replace('{{ subscription_discount }}', discount); 1598 1599 } 1600 1601 if (item.status == 'upgrading') { 1602 label = Rebuy.SmartCart.settings.switch_to_subscription.language.upgrading_label; 1603 } else if (item.status == 'downgrading') { 1604 label = Rebuy.SmartCart.settings.switch_to_subscription.language.downgrading_label; 1605 } 1606 1607 return label; 1608 } 1609 1610 1611 function subscriptionLabelPercentageFormatted (item) { 1612 var label = Rebuy.SmartCart.settings.switch_to_subscription.language.subscription_option_group_label; 1613 1614 var discount = item.product.subscription_discount; 1615 1616 discount = formatNumberDecimal(discount, 2); 1617 1618 1619 label = label.replace('{{ subscription_discount }}', discount); 1620 1621 return label; 1622 } 1623 1624 function formatNumberDecimal(number, decimal_count, thousands_separator, decimial_separator) { 1625 1626 number = Math.abs(Number(number) || 0); 1627 1628 decimal_count = (typeof decimal_count == 'undefined' ? 2 : decimal_count); 1629 thousands_separator = (typeof thousands_separator == 'undefined' ? ',' : thousands_separator); 1630 decimial_separator = (typeof decimial_separator == 'undefined' ? '.' : decimial_separator); 1631 1632 if (typeof decimal_count == "number") { 1633 // Round to an integer 1634 if (decimal_count == 0) { 1635 number = -Math.round(-number); 1636 } 1637 1638 // Run to fixed 1639 number = number.toFixed(decimal_count); 1640 } 1641 1642 var parts = number.split('.'); 1643 var integers = parts[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1' + thousands_separator); 1644 var decimals = parts[1] ? (decimial_separator + parts[1]) : ''; 1645 1646 return integers + decimals; 1647 } 1648 1649 let cart_bundle_discount_onetime = 0 1650 let cart_bundle_discount_subscription = 0 1651 1652 function handleBundleDiscounts(items,item){ 1653 let oneTimeCount = 0; 1654 let subCount = 0; 1655 let cartItems = items; 1656 for (cartItem of cartItems ) { 1657 if(cartItem.product?.tags.includes('volume_discount_subscription')){ 1658 subCount+= cartItem.quantity 1659 } else if (cartItem.product?.tags.includes('volume_discount_one-time')){ 1660 oneTimeCount += cartItem.quantity 1661 } 1662 }; 1663 1664 cart_bundle_discount_onetime = oneTimeCount 1665 cart_bundle_discount_subscription = subCount 1666 1667 if(item.product?.tags.includes('volume_discount_one-time')){ 1668 return oneTimeCount < 3 1669 } else if (item.product?.tags.includes('volume_discount_subscription')){ 1670 return subCount < 3 1671 }; 1672 } 1673 1674</script>
1674 1675<!--
1676<script 1677 src="https://cdn.routeapp.io/route-widget-shopify/v2/route-widget-shopify-stable-v2.min.js?shop=soylent-prod.myshopify.com" 1678> 1679</script>
1679 1680--> 1681 1682 1683
1684<script> 1685 let samplesPriority = {} 1686 1687 const cartItemCount = 0 1688 const cartItems = [] 1689 const samplesObjectRef = [] 1690 let availableSamples = [] 1691 const sampleSelectors = { 1692 container:'#add-to-cart__container', 1693 slider:'.samples-splide-container', 1694 upsellBar:'.sample-upsell-notification-bar', 1695 sampleLineItemSelector:'.tag-sample' 1696 } 1697 1698 class CartSamples { 1699 constructor(options){ 1700 const { itemCount, samples, minimumCartCount, sliderContainerSelector, sampleContainerSelector, upsellBarSelector, cartItems, sampleLineItemSelector, samplesPriority } = options 1701 this.count = 0 1702 this.samples = samples 1703 this.minimum = minimumCartCount 1704 this.sampleSliderSelector = sliderContainerSelector 1705 this.sampleContainer = sampleContainerSelector 1706 this.upsellBar = upsellBarSelector 1707 this.cart = cartItems 1708 this.sampleLineItemSelector = sampleLineItemSelector 1709 this.currentSample = null 1710 this.sampleLineItemRendered = false 1711 this.preferredSample = samplesPriority 1712 this.preferredSampleId = null 1713 this.sampleOriginal = samples //unedited samples array 1714 this.preferredSampleType = null 1715 } 1716 1717 init(){ 1718 this.initRebuyEventListeners() 1719 } 1720 1721 initRebuyEventListeners(){ 1722 const classRef = this 1723 1724 //when smart cart is open 1725 document.addEventListener('rebuy:smartcart.show', function(event){ 1726 Rebuy.Cart.fetchCart() 1727 classRef.getCartItems() 1728 }); 1729 1730 document.addEventListener('rebuy:cart.change', function(event){ 1731 classRef.validateCartHTML() 1732 }); 1733 1734 } 1735 1736 checkForMinimumItemCount(){ 1737 if(this.count < this.minimum){ 1738 this.showSampleUpsellBar() 1739 return 1740 } 1741 this.createSampleSlider() 1742 this.hideSampleUpsellBar() 1743 } 1744 1745 setPreferredSample(){ 1746 let preferredSampleId 1747 1748 let sampleObjKeys = Object.keys(this.preferredSample) 1749 1750 this.cart.forEach(cartItem => { 1751 if(!preferredSampleId){ 1752 let id = cartItem.product_id 1753 1754 sampleObjKeys.forEach(key =>{ 1755 if(!!this.preferredSample[key].products.length){ 1756 let check = this.preferredSample[key].products.find(item =>{ 1757 1758 return item.id == id 1759 }) 1760 if (check){ 1761 preferredSampleId = key 1762 } 1763 } 1764 }) 1765 } 1766 }) 1767 1768 if(preferredSampleId){ 1769 this.preferredSampleId = preferredSampleId 1770 this.preferredSampleType = this.preferredSample[this.preferredSampleId].product_match 1771 let sampleItem = this.samples.find(sample =>{ 1772 return sample.id == preferredSampleId 1773 }) 1774 1775 let newSampleArray = sampleItem ? [sampleItem] :[] 1776 1777 this.samples.forEach(sample =>{ 1778 if(sample.id != preferredSampleId){ 1779 newSampleArray.push(sample) 1780 } 1781 }) 1782 1783 this.samples = newSampleArray 1784 } else { 1785 this.preferredSampleId = null 1786 this.preferredSampleType = null 1787 this.resetSamples() 1788 } 1789 } 1790 1791 setPreferredSampleType(sample){ 1792 this.preferredSampleType = this.preferredSample[sample.product_id].product_match 1793 } 1794 1795 checkCartForPreferredSampleType(){ 1796 if(!this.preferredSampleType){ 1797 return 1798 } 1799 let hasProductType = false 1800 1801 //check cart for product type 1802 this.cart.forEach(item =>{ 1803 if(item.product_type === this.preferredSampleType){ 1804 hasProductType = true 1805 } 1806 }) 1807 1808 //remove sample if product type not present in cart 1809 if(!hasProductType){ 1810 this.updateSampleQuantity(this.currentSample.key,0) 1811 } 1812 } 1813 1814 resetSamples(){ 1815 this.samples = this.sampleOriginal 1816 } 1817 1818 1819 updateSampleQuantity(variantID,quantity, button = null){ 1820 if(!!button){ 1821 button.innerHTML = 'Removing...' 1822 } 1823 1824 const formData = { 1825 quantity:quantity, 1826 id:variantID 1827 } 1828 1829 const url = `/cart/change.js` 1830 const options ={ 1831 method:'POST', 1832 headers:{ 1833 'Content-Type': 'application/json' 1834 }, 1835 body: JSON.stringify(formData) 1836 } 1837 1838 const removeFromCartRequest = fetch(url,options) 1839 .then(response => { 1840 response.json().then(data =>{ 1841 if(!!button){ 1842 button.remove() 1843 } 1844 1845 this.sampleLineItemRendered = false 1846 this.currentSample = null 1847 this.createSampleSlider() 1848 setTimeout(()=>{this.unhideLineItemProperties()},1000) 1849 1850 }) 1851 }) 1852 .catch((error) => { 1853 console.error('Error:', error); 1854 }); 1855 } 1856 1857 showSampleUpsellBar(){ 1858 const upsellBar = document.querySelector(this.upsellBar) 1859 upsellBar.innerHTML = this.count===0 ? 'Add two more cases and get a free sample!' : 'Add one more case and get a free sample!' 1860 upsellBar.style.display = 'block'; 1861 1862 } 1863 1864 hideRebuyUpsell(){ 1865 const upsellWidget = document.querySelector('#rebuy-cart .rebuy-cart__flyout-recommendations') 1866 upsellWidget.style.display = 'none' 1867 } 1868 1869 showRebuyUpsell(){ 1870 const upsellWidget = document.querySelector('#rebuy-cart .rebuy-cart__flyout-recommendations') 1871 upsellWidget.style.display = 'block' 1872 } 1873 1874 hideSampleUpsellBar(){ 1875 const upsellBar = document.querySelector(this.upsellBar) 1876 upsellBar.style.display = 'none'; 1877 } 1878 1879 hideSampleSection(){ 1880 const sampleSection = document.querySelector(sampleContainerSelector) 1881 sampleSection.style.display = 'none' 1882 } 1883 1884 showSampleSection(){ 1885 const sampleSection = document.querySelector(sampleContainerSelector) 1886 sampleSection.style.display = 'block' 1887 } 1888 1889 getCartItems(){ 1890 const url = `/cart.js` 1891 1892 const options ={ 1893 method:'GET', 1894 headers:{ 1895 'Content-Type': 'application/json' 1896 } 1897 } 1898 1899 const getCartRequest = fetch(url,options) 1900 .then(response =>{ 1901 response.json().then(data =>{ 1902 this.setCartItems(data) 1903 }).then(data =>{ 1904 this.checkCartForExistingSample() 1905 }) 1906 }) 1907 .catch((error) => { 1908 console.error('Error:', error); 1909 }); 1910 } 1911 1912 setCartItems(data){ 1913 this.cart = data.items 1914 } 1915 1916 checkCartForExistingSample(){ 1917 let count = 0 1918 let cartHasSample = false;
1919 this.cart.forEach(item =>{ 1920 if(item.product_type === 'sample'){ 1921 cartHasSample = true 1922 this.currentSample = item 1923 this.setPreferredSampleType(item) 1924 if(item.quantity > 1){ 1925 this.updateSampleQuantity(item.key, 1) 1926 } 1927 } else if(item.product_type !== 'Accessories' && item.product_type !== 'Insurance' && item.product_type !== '' && item.product_type !== 'Gift Card' && item.product_type !== 'Gift Cards'){ 1928 count+=item.quantity 1929 } 1930 }) 1931 this.count = count 1932 1933 if(cartHasSample && this.count >= this.minimum){ 1934 this.customizeSampleInfoLineItem() 1935 this.destroySampleSlider() 1936 this.hideSampleUpsellBar() 1937 this.checkCartForPreferredSampleType() 1938 } else if(cartHasSample && this.count < this.minimum){ 1939 this.sampleLineItemRendered = false 1940 this.updateSampleQuantity(this.currentSample.key, 0) 1941 const swapButton = document.querySelector('.sample-swap-button') 1942 if(!!swapButton){ 1943 swapButton.remove() 1944 } 1945 1946 this.destroySampleSlider() 1947 Rebuy.Cart.fetchCart() 1948 1949 } else if(this.count < this.minimum){ 1950 this.destroySampleSlider() 1951 } 1952 1953 this.handleRemovingLeftoverNodes() 1954 1955 if(!cartHasSample){ 1956 this.checkForMinimumItemCount() 1957 } 1958 1959 } 1960 1961 handleRemovingLeftoverNodes(){ 1962 const cartLineItems = document.querySelectorAll('.rebuy-cart__flyout-item:not(.tag-sample)') 1963 1964 cartLineItems.forEach(item =>{ 1965 const removeButton = item.querySelector('.rebuy-cart__flyout-item-remove') 1966 removeButton.style.display = 'inline-block' 1967 }) 1968 1969 } 1970 1971 createSampleSlider(){ 1972 const cartSampleContainer = document.querySelector(this.sampleContainer) 1973 1974 this.destroySampleSlider() 1975 this.setPreferredSample() 1976 1977 1978 cartSampleContainer.classList.remove('cart-sample__padding-0') 1979 1980 const chooseSampleText = document.createElement('p') 1981 chooseSampleText.innerHTML = "Choose your free sample:" 1982 chooseSampleText.classList.add('sample-slider-header') 1983 1984 cartSampleContainer.appendChild(chooseSampleText) 1985 1986 const cartSampleSlider = document.createElement('div') 1987 cartSampleSlider.classList.add('splide') 1988 cartSampleSlider.classList.add('samples-splide-container') 1989 1990 cartSampleContainer.appendChild(cartSampleSlider) 1991 1992 const arrowsContainer = document.createElement('div') 1993 arrowsContainer.classList.add('splide__arrows') 1994 1995 const leftArrow = document.createElement('button') 1996 leftArrow.innerHTML = '←' 1997 const rightArrow = document.createElement('button') 1998 rightArrow.innerHTML ='→' 1999 2000 if(this.samples.length < 3){ 2001 leftArrow.style.display="none" 2002 rightArrow.style.display="none" 2003 arrowsContainer.style.display = "none" 2004 } 2005 2006 leftArrow.classList.add('splide__arrow') 2007 leftArrow.classList.add('splide__arrow--prev') 2008 rightArrow.classList.add('splide__arrow') 2009 rightArrow.classList.add('splide__arrow--next') 2010 2011 cartSampleSlider.appendChild(arrowsContainer) 2012 2013 arrowsContainer.appendChild(leftArrow) 2014 arrowsContainer.appendChild(rightArrow) 2015 2016 2017 const track = document.createElement('div') 2018 const list = document.createElement('ul') 2019 2020 track.classList.add('splide__track') 2021 list.classList.add('splide__list') 2022 track.appendChild(list) 2023 2024 for (let item in this.samples){ 2025 2026 if(this.preferredSample[this.samples[item].id].showSample || this.samples[item].id == this.preferredSampleId){ 2027 const listItem = document.createElement('li') 2028 const sampleCard = new cartSampleCard(this.samples[item]).init() 2029 2030 listItem.classList.add('splide__slide') 2031 listItem.appendChild(sampleCard) 2032 list.appendChild(listItem) 2033 } 2034 } 2035 2036 cartSampleSlider.appendChild(track) 2037 track.appendChild(list) 2038 2039 this.initSplideSlider() 2040 this.hideRebuyUpsell() 2041 } 2042 2043 initSplideSlider(){ 2044 2045 const options = { 2046 rewind:true, 2047 perPage:2, 2048 perMove:2, 2049 gap:'8px' 2050 } 2051 const sampleSplide = new Splide(this.sampleSliderSelector, options) 2052 sampleSplide.mount() 2053 this.sampleSplide = sampleSplide 2054 } 2055 2056 customizeSampleInfoLineItem(){ 2057 2058 const sampleLineItem = document.querySelector(this.sampleLineItemSelector) 2059 2060 if(!!!sampleLineItem){ 2061 this.getCartItems() 2062 return 2063 } 2064 const sampleInfoContainer = sampleLineItem.querySelector('.rebuy-cart__flyout-item-info') 2065 const sampleTitle = sampleLineItem.querySelector('.rebuy-cart__flyout-item-product-title') 2066 const swapButtonExists = sampleInfoContainer.querySelector('.sample-swap-button') 2067 2068 if(!!!sampleTitle){ 2069 sampleTitle.href = '#' 2070 } 2071 2072 if(!!!swapButtonExists){ 2073 const swapButton = document.createElement('button') 2074 swapButton.innerHTML = 'Swap Sample' 2075 swapButton.classList.add('sample-swap-button') 2076 swapButton.onclick = (e) => { 2077 swapButton.innerHTML = 'Removing...' 2078 this.swapSample(e) 2079 } 2080 sampleInfoContainer.appendChild(swapButton) 2081 } 2082 2083 2084 const properties = sampleLineItem.querySelector('.rebuy-cart__flyout-item-properties') 2085 const quantity = sampleLineItem.querySelector('.rebuy-cart__flyout-item-quantity') 2086 const price = sampleLineItem.querySelector('.rebuy-cart__flyout-item-price') 2087 const description = sampleLineItem.querySelector('.rebuy-cart__flyout-item-variant-title') 2088 2089 if(!!properties){ 2090 properties.style.display = 'none' 2091 } 2092 2093 if(!!quantity){ 2094 quantity.style.display = 'none' 2095 } 2096 2097 if(!!price){ 2098 2099 price.style.display = 'none' 2100 } 2101 2102 if(!!description){ 2103 description.style.display = 'none' 2104 } 2105 2106
2107 const removeBtn = sampleLineItem.querySelector('.rebuy-cart__flyout-item-remove') 2108 if(!!removeBtn){ 2109 removeBtn.style.display = 'none' 2110 } 2111 this.sampleLineItemRendered = true 2112 2113 } 2114 2115 swapSample(e){ 2116 this.updateSampleQuantity(this.currentSample.key,0, e.target) 2117 } 2118 2119 unhideLineItemProperties(){ 2120 const properties = document.querySelectorAll('.rebuy-cart__flyout-item-properties') 2121 const quantity = document.querySelectorAll('.rebuy-cart__flyout-item-quantity') 2122 const price = document.querySelectorAll('.rebuy-cart__flyout-item-price') 2123 const description = document.querySelectorAll('.rebuy-cart__flyout-item-variant-title') 2124 2125 if(properties.length > 0){ 2126 properties.forEach(el =>{ 2127 el.style.display = 'block' 2128 }) 2129 } 2130 2131 if(quantity.length > 0){ 2132 quantity.forEach(el =>{ 2133 el.style.display = 'block' 2134 }) 2135 } 2136 2137 if(price.length > 0){ 2138 price.forEach(el =>{ 2139 el.style.display = 'block' 2140 }) 2141 } 2142 2143 if(description.length > 0){ 2144 description.forEach(el =>{ 2145 el.style.display = 'block' 2146 }) 2147 } 2148 2149 } 2150 2151 destroySampleSlider(){ 2152 const sliderContainer = document.querySelector(this.sampleContainer) 2153 2154 if(sliderContainer.childElementCount === 0){ 2155 return 2156 } 2157 sliderContainer.classList.add('cart-sample__padding-0') 2158 const header = sliderContainer.querySelector('.sample-slider-header') 2159 const slider = sliderContainer.querySelector('.splide') 2160 2161 header.remove() 2162 slider.remove() 2163 2164 this.sampleSplide.destroy({completely: true}) 2165 2166 this.showRebuyUpsell() 2167 } 2168 2169 validateCartHTML(){ 2170 const lineItems = document.querySelectorAll('.rebuy-cart__flyout-item') 2171 const sampleLineItem = document.querySelectorAll('.property-value-free-sample') 2172 2173 if(lineItems.length > 0){ 2174 lineItems.forEach(item =>{ 2175 const elementsToHide = { 2176 properties: item.querySelector('.rebuy-cart__flyout-item-properties') || null, 2177 quantity: item.querySelector('.rebuy-cart__flyout-item-quantity') || null, 2178 price: item.querySelector('.rebuy-cart__flyout-item-price') || null, 2179 description: item.querySelector('.rebuy-cart__flyout-item-variant-title') || null, 2180 subscrriptionSelect: item.querySelector('.rebuy-cart__flyout-item-subscription') || null, 2181 } 2182 const sampleSelector = item.querySelector('.property-value-free-sample') 2183 2184 if(!!sampleSelector){ 2185 for (const element in elementsToHide) { 2186 if(!!elementsToHide[element]){ 2187 elementsToHide[element].style.display = 'none' 2188 } 2189 } 2190 } else{ 2191 for (const element in elementsToHide) { 2192 if(!!elementsToHide[element]){ 2193 elementsToHide[element].style.display = 'block' 2194 } 2195 } 2196 let lingeringSwapButton = item.querySelector('.sample-swap-button') 2197 if(!!lingeringSwapButton){ 2198 lingeringSwapButton.remove() 2199 } 2200 2201 } 2202 }) 2203 } 2204 } 2205 } 2206 2207 2208 class cartSampleCard { 2209 constructor(productObject){ 2210 this.product = productObject 2211 } 2212 2213 init(){ 2214 return this.createSampleCard() 2215 } 2216 2217 createSampleCard(){ 2218 const { featured_image, title, variants } = this.product 2219 2220 const frag = document.createDocumentFragment() 2221 const cardContainer = document.createElement('div') 2222 const imageWrapper = document.createElement('div') 2223 const image = document.createElement('img') 2224 const button = document.createElement('button') 2225 const descriptionContainer = document.createElement('div') 2226 const description = document.createElement('p') 2227 2228 imageWrapper.classList.add('add-to-cart__card-image-wrapper') 2229 image.classList.add('add-to-cart__card-image') 2230 2231 image.src = featured_image 2232 image.alt = title 2233 2234 button.innerHTML = 'ADD TO CART' 2235 button.classList.add('add-to-cart__card-button') 2236 2237 button.onclick = ()=>{ 2238 button.innerHTML = 'Adding...' 2239 // Disable all 'Add to Cart' Buttons 2240 const sampleButtons = document.querySelectorAll(sampleSelectors.slider + ' .add-to-cart__card-button') 2241 sampleButtons.forEach(btn => btn.disabled = true) 2242 // Add the sample to the cart 2243 this.handleAddSampleToCart(variants[0].id) 2244 } 2245 2246 description.innerHTML = title 2247 description.classList.add('cart-sample-slide__description') 2248 2249 frag.appendChild(cardContainer) 2250 imageWrapper.appendChild(image) 2251 cardContainer.appendChild(imageWrapper) 2252 descriptionContainer.appendChild(description) 2253 cardContainer.appendChild(descriptionContainer) 2254 cardContainer.appendChild(button) 2255 return cardContainer 2256 } 2257 2258 handleAddSampleToCart(productID){ 2259 const formData = { 2260 'items': [{ 2261 'id':productID, 2262 'quantity':1, 2263 properties: {
2264 'sample': 'Free Sample' 2265 } 2266 }] 2267 } 2268 const url = `/cart/add.js` 2269 const options ={ 2270 method:'POST', 2271 headers:{ 2272 'Content-Type': 'application/json' 2273 }, 2274 body: JSON.stringify(formData) 2275 } 2276 2277 const addToCartRequest = fetch(url,options) 2278 .then(response => { 2279 return response.json(); 2280 }) 2281 .then(data => console.log(data)) 2282 .catch((error) => { 2283 console.error('Error:', error); 2284 }); 2285 } 2286 } 2287 2288 function initSampleSlider(){ 2289 samplesObjectRef.forEach(item => { 2290 if(item.available === true){ 2291 availableSamples.push(item) 2292 } 2293 }) 2294 2295 const cartSampleData = { 2296 itemCount:cartItemCount, 2297 samples:availableSamples, 2298 minimumCartCount:2, 2299 sliderContainerSelector: sampleSelectors.slider, 2300 sampleContainerSelector: sampleSelectors.container, 2301 upsellBarSelector: sampleSelectors.upsellBar, 2302 cartItems: cartItems, 2303 sampleLineItemSelector: sampleSelectors.sampleLineItemSelector, 2304 samplesPriority: samplesPriority 2305 } 2306 2307 if(availableSamples.length > 0){ 2308 const cartSamples = new CartSamples(cartSampleData); 2309 cartSamples.init() 2310 } 2311 } 2312 2313 initSampleSlider() 2314</script>
2314 2315<style> 2316 .samples-splide-container li{ 2317 list-style:none 2318 } 2319 2320 .samples-splide-container{ 2321 width:500px; 2322 max-width:100%; 2323 } 2324 2325 #add-to-cart__container{ 2326 width:100%; 2327 padding:20px; 2328 padding-bottom:45px; 2329 } 2330 2331 #add-to-cart__container.cart-sample__padding-0{ 2332 padding:0; 2333 } 2334 2335 .sample-upsell-notification-bar{ 2336 padding:16.5px 20px; 2337 background-color: #47af19; 2338 display:none; 2339 color:white; 2340 } 2341 2342 .sample-upsell-notification-bar p{ 2343 padding:0; 2344 margin:0; 2345 text-align:center; 2346 font-family: Lato; 2347 font-size: 14px; 2348 font-weight: 500; 2349 line-height: 17px; 2350 letter-spacing: 0em; 2351 } 2352 2353 .sample-swap-button{ 2354 color:#47af19; 2355 background:none; 2356 display:flex; 2357 align-items:center; 2358 font-size: 16px; 2359 font-weight: 500; 2360 line-height: 20px; 2361 letter-spacing: 0em; 2362 text-align: left; 2363 padding:0; 2364 cursor:pointer; 2365 } 2366 2367 .sample-swap-button::after{ 2368 content:'\21C4'; 2369 margin-left:5px; 2370 display:flex; 2371 align-items:center; 2372 } 2373 2374 .sample-slider-header{ 2375 font-size: 20px; 2376 font-weight: 700; 2377 line-height: 25px; 2378 letter-spacing: 0em; 2379 text-align: left; 2380 color:black; 2381 } 2382 2383 .cart-sample-slide__description{ 2384 font-size: 14px; 2385 font-weight: 700; 2386 line-height: 20px; 2387 letter-spacing: 0em; 2388 text-align: center; 2389 min-height:40px; 2390 color:black; 2391 2392 } 2393 2394 .add-to-cart__card-button{ 2395 font-size: 14px; 2396 font-weight: 700; 2397 line-height: 17px; 2398 letter-spacing: 1.899999976158142px; 2399 text-align: center; 2400 background-color:#47AF19; 2401 color:white; 2402 padding:11.5px 15px; 2403 width:100%; 2404 } 2405 2406 .add-to-cart__card-image-wrapper{ 2407 position: relative; 2408 padding-top: 93px; 2409 width: 124px; 2410 margin-bottom: 16px; 2411 margin-left: auto; 2412 margin-right: auto; 2413 display: block; 2414 } 2415 2416 .add-to-cart__card-image{ 2417 position:absolute; 2418 left:0; 2419 right:0; 2420 top:0; 2421 bottom:0; 2422 object-fit:contain; 2423 width:100%; 2424 } 2425 2426 #add-to-cart__container .splide__pagination{ 2427 bottom:-23px; 2428 } 2429 2430 #add-to-cart__container .splide__pagination__page{ 2431 background-color:#D7D7D7; 2432 } 2433 2434 #add-to-cart__container .splide__pagination__page.is-active{ 2435 background-color:black; 2436 transform:unset; 2437 } 2438 2439 #add-to-cart__container .splide__arrow{ 2440 background:none; 2441 width:23px; 2442 font-size:30px; 2443 top:33%; 2444 } 2445 2446 #add-to-cart__container .splide__arrow--prev{ 2447 left:-10px; 2448 } 2449 #add-to-cart__container .splide__arrow--next{ 2450 right:-10px; 2451 } 2452 2453 .tag-sample .rebuy-cart__flyout-item-product-title{ 2454 margin-bottom:8px; 2455 } 2456 2457 .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid.large-style-line .rebuy-product-block .rebuy-product-actions { 2458 width: 90px !important; 2459 } 2460 2461 @media (min-width:768px){ 2462 .cart-sample-slide__description{ 2463 font-size: 18px; 2464 } 2465 } 2466</style> 2467 2468
2469<script> 2470 document.addEventListener('rebuy:cart.add', function(event) { 2471 if(window._gbt) _gbt.detectCart() 2472 }); 2473</script>
2473 2474 2475<style> 2476.rebuy-cart__progress-bar-container { 2477 display: block; 2478} 2479.sample-upsell-notification-bar { 2480 display: none !important; 2481} 2482.rebuy-cart__progress-bar-meter-fill { 2483 background-color: #A2E4B6; 2484} 2485.rebuy-cart__progress-bar-meter { 2486 background-color: #E5F6EA; 2487} 2488</style> 2489 2490 <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 2490-2491
2490 2491<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2491GTM-K2KDZMV
vendor: 83 bytes, lines 2491-2492
2491" 2492height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
2493<!-- End Google Tag Manager (noscript) --> 2494 2495 2496 2497 <div id="shopify-section-swatches" class="shopify-section"><div data-section-id="swatches" data-section-type="swatches"> 2498 2499</div> 2500 2501 2502</div> 2503 2504 2505 <div id="shopify-section-announcement-banner" class="shopify-section"> 2506 2507 2508 2509 2510 2511 2512 2513<div class="announcement-bar__container shopify-section-announcement-banner"> 2514 <div class="announcement-bar__left-col"> 2515 <div class="header-social-sharing social-sharing" data-social-sharing> 2516 2517 <a target="_blank" 2518 href="https://www.instagram.com/soylent/" 2519 title="Instagram"> 2520 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 2521<g clip-path="url(#clip0_2447_4682)"> 2522<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"/> 2523<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"/> 2524<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"/> 2525</g> 2526<defs> 2527<clipPath id="clip0_2447_4682"> 2528<rect width="20" height="20" fill="white"/> 2529</clipPath> 2530</defs> 2531</svg> 2532 2533 <span aria-hidden="true">Instagram</span> 2534 <span class="visually-hidden">Instagram</span> 2535 </a> 2536 2537 2538 2539 <a target="_blank" 2540 href="https:\/\/www.tiktok.com\/@soylent_nutrition" 2541 title="Tiktok"> 2542 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 2543<g clip-path="url(#clip0_2447_4687)"> 2544<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
25445.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"/> 2545</g> 2546<defs> 2547<clipPath id="clip0_2447_4687"> 2548<rect width="20" height="20" fill="white"/> 2549</clipPath> 2550</defs> 2551</svg> 2552 2553 <span aria-hidden="true">Tiktok</span> 2554 <span class="visually-hidden">Tiktok</span> 2555 </a> 2556 2557 2558 2559 <a target="_blank" 2560 href="https://www.reddit.com/r/soylent/" 2561 title="Reddit"> 2562 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 2563<g clip-path="url(#clip0_2447_4690)"> 2564<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"/> 2565</g> 2566<defs> 2567<clipPath id="clip0_2447_4690"> 2568<rect width="20" height="20" fill="white"/> 2569</clipPath> 2570</defs> 2571</svg> 2572 2573 <span aria-hidden="true">Reddit</span> 2574 <span class="visually-hidden">Reddit</span> 2575 </a> 2576 2577 2578 </div> 2579 2580 <style> 2581 #shopify-section-social-sharing { 2582 display: flex; 2583 flex-direction: column; 2584 align-items: center; 2585 } 2586 .social-sharing--desktop .social-sharing > a { 2587 display: flex; 2588 align-items: center; 2589 justify-content: center; 2590 } 2591 .social-sharing___header { 2592 font-family: 'Lato'; 2593 font-weight: 500; 2594 font-size: 16px; 2595 line-height: 20px; 2596 letter-spacing: 0.5px; 2597 text-transform: uppercase; 2598 color: #000000; 2599 margin: 0; 2600 } 2601 .icon-mail { 2602 width: 17px; 2603 height: 12px; 2604 } 2605 .social-sharing { 2606 display: flex; 2607 justify-content: center; 2608 align-items: center; 2609 gap: 22px; 2610 } 2611 .social-sharing > a { 2612 display: flex; 2613 justify-content: center; 2614 align-items: center; 2615 } 2616 .header-social-sharing > a { 2617 height: 20px;
2618 width: 20px; 2619 } 2620 .rte a svg path { 2621 fill: #47af19; 2622 } 2623 .social-sharing___header { 2624 display: block; 2625 } 2626 .social-sharing { 2627 gap: 16px; 2628 display: none; 2629 } 2630 .mobile-nav-footer .social-sharing { 2631 display: flex; 2632 } 2633 @media screen and (min-width: 768px){ 2634 #shopify-section-social-sharing { 2635 display: flex; 2636 flex-direction: row; 2637 } 2638 .social-sharing___header { 2639 display: block; 2640 } 2641 } 2642 @media screen and (min-width: 1199px){ 2643 .social-sharing { 2644 gap: 16px; 2645 display: flex; 2646 } 2647 } 2648 </style> 2649 </div> 2650 2651 2652 <div class="announcement-bar" data-section-id="announcement-banner" data-section-type="pencil-banner" x-data x-cloak> 2653 2654 <div class="pencil-banner" role="region" aria-label="banner" data-pencil-banner data-slideshow-wrapper data-speed="5000"> 2655 <div class="container slideshow" 2656 id="slideshow-announcement-banner" 2657 data-slideshow> 2658 2659 2660 2661 2662 2663 2664 2665 2666 2667 2668 <div class="pencil-banner__content" data-slideshow-slide> 2669 <p>over 18,000 <span class="pencil-star-images"> 2670 <img src="https://cdn.shopify.com/s/files/1/0003/5933/3902/files/Full_Star.png?v=1613709959" /> 2671 <img src="https://cdn.shopify.com/s/files/1/0003/5933/3902/files/Full_Star.png?v=1613709959" /> 2672 <img src="https://cdn.shopify.com/s/files/1/0003/5933/3902/files/Full_Star.png?v=1613709959" /> 2673 <img src="https://cdn.shopify.com/s/files/1/0003/5933/3902/files/Full_Star.png?v=1613709959" /> 2674 <img src="https://cdn.shopify.com/s/files/1/0003/5933/3902/files/Half_Star-full-canvas-gray.png?v=1613709989" /> 2675</span> reviews! <br/><a href="/pages/reviews" title="Reviews">see reviews</a></p> 2676 </div> 2677 2678 2679 2680 <div class="pencil-banner__content" data-slideshow-slide> 2681 <p>get free shipping on orders over $50!</p> 2682 </div> 2683 2684 2685 </div><button class="u-border-transparent slick-arrow slick-arrow--prev" aria-label="pencil banner previous" data-about-us-carousel-arrow-prev> 2686 <span class="arrow arrow--left"> 2687 <svg style="transform: rotate(180deg);" width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2688 <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"/> 2689 </svg> 2690 </span> 2691 </button> 2692 <button class="u-border-transparent slick-arrow slick-arrow--next" aria-label="pencil banner previous" data-about-us-carousel-arrow-next> 2693 <span class="arrow arrow--right"> 2694 <svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2695 <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"/> 2696 </svg> 2697 </span> 2698 </button></div> 2699 2700</div> 2701 2702 2703 <div class="announcement-bar__right-col"> 2704 2705 2706 2707 <a href="/pages/store-locator" class="store-locator">Store Locator</a> 2708 2709 2710 2711 2712 2713 2714 2715 2716 2717 2718 2719 2720 2721<style> 2722 .store-locator { 2723 letter-spacing: .04em; 2724 font-size: 13px; 2725 line-height: 1.143; 2726 font-weight: 700; 2727 text-transform: uppercase; 2728 } 2729</style> 2730 2731 2732 2733 <div class="announcement-bar__right-col-divider"></div> 2734 2735 2736 2737 2738 2739 2740 2741 2742<ul class="header-nav__menu header-nav__menu--user"> 2743 2744 <li class="header-nav__menu-item country-selector"> 2745 <div data-country-selector-trigger> 2746 <a href="#" 2747 aria-label="Open country selector dropdown"> 2748 <div class="country-list__flag"> 2749 <img src="//soylent.com/cdn/shop/files/flag_3x_681abd70-d265-4605-9c60-e11498a6c18e_50x.png?v=1613773071" alt="" /> 2750 </div> 2751 </a> 2752 2753 2754<div class="country-dropdown" data-country-dropdown> 2755 <ul class="country-list__container"> 2756 2757 2758 2759 2760 <li class="country-list__item"> 2761 <a tabindex="0" aria-label="United States" href="https://www.soylent.com/">
2762 <span class="country-list__item-text">United States</span> 2763 <span class="country-list__flag"><img src="//soylent.com/cdn/shop/files/flag_3x_681abd70-d265-4605-9c60-e11498a6c18e_50x.png?v=1613773071" alt="" /> 2764 </span> 2765 </a> 2766 </li> 2767 2768 2769 2770 <li class="country-list__item"> 2771 <a tabindex="0" aria-label="Canada" href="http://soylent.ca"> 2772 <span class="country-list__item-text">Canada</span> 2773 <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="" /> 2774 </span> 2775 </a> 2776 </li> 2777 2778 2779 2780 <li class="country-list__item"> 2781 <a tabindex="0" aria-label="Global" href="https://www.bigapplebuddy.com/brands/soylent"> 2782 <span class="country-list__item-text">Global</span> 2783 <span class="country-list__flag"><img src="//soylent.com/cdn/shop/files/Global_Flag_50x.png?v=1628286370" alt="" /> 2784 </span> 2785 </a> 2786 </li> 2787 2788 2789 2790 2791 2792 2793 </ul> 2794</div> 2795 2796 2797 </div> 2798 </li> 2799 2800</ul> 2801
2802<script> 2803 (function(){ 2804 let section = document.querySelector('.shopify-section-announcement-banner') 2805 2806 section.querySelector('[data-country-selector-trigger]').addEventListener('mouseenter', function() { 2807 section.querySelector('[data-country-dropdown]').classList.toggle('is-open'); 2808 }) 2809 2810 section.querySelector('[data-country-selector-trigger]').addEventListener('mouseleave', function() { 2811 section.querySelector('[data-country-dropdown]').classList.toggle('is-open'); 2812 }) 2813 })(); 2814</script>
2814 2815 2816 </div> 2817</div> 2818 2819 2820 2821<style> 2822 button { 2823 outline: none !important; 2824 } 2825 .announcement-bar__container { 2826 width: 100%; 2827 height: 32px; 2828 max-width: 100%; 2829 display: flex; 2830 align-items: center; 2831 justify-content: space-between; 2832 align-items: center; 2833 padding-left: 0px; 2834 padding-right: 0px; 2835 max-width: 1440px; 2836 margin: 0 auto; 2837 } 2838 .header-nav__menu-item.header-nav__menu-item--separator > a:after { 2839 display: none !important; 2840 } 2841 .header-nav__menu-item>a, .country-selector .country-list__flag { 2842 padding: 12px 0; 2843 } 2844 .pencil-banner { 2845 width: 100%; 2846 max-width: 600px; 2847 max-width: 100%; 2848 padding: 0 !important; 2849 margin: 0 auto; 2850 } 2851 .pencil-banner__content { 2852 width: 100%; 2853 padding-left: 40px; 2854 padding-right: 40px; 2855 } 2856 .country-dropdown.is-open { 2857 z-index: 1000; 2858 } 2859 .announcement-bar__left-col { 2860 display: none; 2861 } 2862 .announcement-bar__right-col { 2863 display: none; 2864 } 2865 .announcement-bar { 2866 width: 100%; 2867 } 2868 #slideshow-announcement-banner { 2869 width: 100%; 2870 } 2871 #shopify-section-announcement-banner { 2872 background-color: #f7f7f7; 2873 } 2874 .pencil-banner .slick-arrow--prev { 2875 padding: 0; 2876 } 2877 2878 @media screen and (min-width: 1199px) { 2879 .announcement-bar__container { 2880 padding-left: 80px; 2881 padding-right: 80px; 2882 height: 48px; 2883 } 2884 .announcement-bar__left-col { 2885 display: flex; 2886 } 2887 .announcement-bar__right-col { 2888 display: flex; 2889 flex-direction: row; 2890 align-items: center; 2891 gap: 16px; 2892 } 2893 .announcement-bar__right-col-divider { 2894 height: 24px; 2895 width: 1px; 2896 background-color: #D9D9D9; 2897 }/* 2898 .pencil-banner { 2899 width: 100%; 2900 max-width: 600px; 2901 }*/ 2902 .announcement-bar { 2903 width: 100%; 2904 max-width: 600px; 2905 } 2906 } 2907</style> 2908 2909 2910</div> 2911 2912 <div class="layout-wrapper"> 2913 <div id="shopify-section-header-logo-left" class="shopify-section"> 2914 2915 2916 2917 2918 2919 2920 2921 2922 2923 2924 2925 2926 2927 2928 2929<div data-section-id="header-logo-left" data-section-type="header"> 2930 <nav> 2931 <header class="header" role="region" aria-label="banner" data-header> 2932 <div class="header-content"> 2933 <div class="header-container"> 2934 2935 2936 <div class="header-nav header-nav--left header-nav--hide-on-desktop"> 2937 2938 2939 <ul class="header-nav__menu"> 2940 <li class="header-nav__menu-item"> 2941 <button href="#" class="u-padding-normalize u-border-transparent" title="Toggle menu" data-mobile-nav-toggle> 2942 <span class="icon icon-menu"> 2943 <span class="icon__inner"></span> 2944 </span> 2945 </button> 2946 </li> 2947</ul> 2948 2949 2950 </div> 2951 2952 <div class="mobile-nav" data-mobile-nav> 2953 <ul class="mobile-nav__menu-list"> 2954 2955 2956 2957 2958 2959 2960 <li class="mobile-nav__menu-item" > 2961 <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"> 2962 SHOP 2963 2964 <div class="mobile-nav__dropdown-icon"> 2965 <span class="mobile-nav__dropdown-icon--inner"></span> 2966 </div> 2967 </a> 2968 </li> 2969 2970 2971 2972 <div id="submenu-nav_shop_item_NA6F9G" class="mobile-nav__submenu" data-block="nav_shop_item_NA6F9G" data-submenu> 2973 <ul class="mobile-nav__submenu-list mobile-nav__submenu-list-shop"> 2974 2975 2976 2977 2978 2979 2980 2981 2982 2983 2984 2985 2986 2987 2988 2989 2990 2991 2992 2993 <a href="/collections/complete-meal-shakes" class="header-dropdown-shop-cta"> 2994 <div class="header-dropdown-shop-cta__image-wrapper-1" style="overflow: hidden;"> 2995 2996 <img class="header-dropdown-shop-cta__image-top-1" src="//soylent.com/cdn/shop/files/Complete_Meal_Gif_grande.png?v=1710113952" alt=""> 2997 2998 2999 </div> 3000 <div class="header-dropdown-shop-cta__content"> 3001 <h5>complete meal shakes</h5> 3002 <div><p>real science. real nutrition. real food.</p></div> 3003 <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div> 3004 </div> 3005</a> 3006 3007<style> 3008 .header-dropdown-shop-cta { 3009 width: 100%; 3010 display: flex; 3011 flex-direction: row; 3012 align-items: center; 3013 justify-content: flex-start; 3014 padding-left: 0; 3015 padding-bottom: 0; 3016 gap: 16px; 3017 } 3018 .header-dropdown-shop-cta__image-wrapper-1 { 3019 border: 1px solid #000; 3020 aspect-ratio: 1/1; 3021 max-width: 102px; 3022 width: 102px; 3023 position: relative; 3024 background: linear-gradient(to bottom, #5e93db 0%, #5e93db 50%, #ffffff 50%, #ffffff 100%); 3025 } 3026 .header-dropdown-shop-cta__image-wrapper-1 img { 3027 width: 100%; 3028 height: auto; 3029 aspect-ratio: 1/1; 3030 object-fit: contain; 3031 object-position: center; 3032 position: absolute; 3033 top: 0; 3034 left: 0; 3035 } 3036 3037 @keyframes fadeOut { 3038 0% { 3039 left: 0; 3040 } 3041 20% { 3042 left: 0; 3043 } 3044 40% { 3045 left: -150%; 3046 display: block; 3047 } 3048 49% { 3049 left: -150%; 3050 display: none; 3051 } 3052 50% { 3053 left: 150%; 3054 display: none; 3055 } 3056 60% { 3057 left: 150%; 3058 display: block; 3059 } 3060 80% { 3061 left: 0; 3062 } 3063 100% { 3064 left: 0; 3065 } 3066 } 3067 @keyframes fadeIn { 3068 0% { 3069 left: 150%; 3070 } 3071 20% { 3072 left: 150%; 3073 } 3074 40% { 3075 left: 0; 3076 } 3077 60% { 3078 left: 0; 3079 } 3080 80% { 3081 left: -150%; 3082 } 3083 100% { 3084 left: -150%; 3085 } 3086 } 3087 .header-dropdown-shop-cta__content { 3088 display: flex; 3089 flex-direction: column; 3090 gap: 8px; 3091 width: calc(100% - 118px); 3092 } 3093 .header-dropdown-shop-cta__content h5 { 3094 font-size: 16px; 3095 line-height: 24px; 3096 font-weight: 700; 3097 margin: 0; 3098 padding: 0; 3099 color: #212322; 3100 } 3101 .header-dropdown-shop-cta__content p { 3102 font-size: 14px; 3103 line-height: 18px; 3104 margin: 0 !important; 3105 padding: 0 !important; 3106 color: #505050; 3107 max-height: 36px; 3108 overflow: hidden; 3109 } 3110 .header-dropdown-shop-cta__content-btn { 3111 font-size: 14px; 3112 line-height: 16px; 3113 font-weight: 500; 3114 text-decoration: none; 3115 letter-spacing: 0.32px; 3116 color: #47AF19; 3117 margin: 0; 3118 } 3119 @media screen and (min-width: 597px) { 3120 .header-dropdown-shop-cta { 3121 width: calc(50% - 8px); 3122 height: fit-content; 3123 } 3124 } 3125 @media screen and (min-width: 768px) { 3126 .header-dropdown-shop-cta { 3127 gap: 36px; 3128 width: calc(50% - 9px); 3129 height: 162px; 3130 } 3131 .header-dropdown-shop-cta__image-wrapper-1 { 3132 max-width: 162px; 3133 width: 100%; 3134 } 3135 .header-dropdown-shop-cta__content { 3136 width: 100%; 3137 } 3138 .header-dropdown-shop-cta__content h5 { 3139 font-size: 18px; 3140 line-height: 24px; 3141 } 3142 .header-dropdown-shop-cta__content p { 3143 font-size: 16px; 3144 line-height: 24px; 3145 max-height: none; 3146 } 3147 .header-dropdown-shop-cta__content-btn { 3148 font-size: 16px; 3149 line-height: 24px; 3150 } 3151 } 3152</style> 3153 3154 3155 3156 3157 3158 3159 3160 3161 3162 3163 3164 3165 3166 3167 3168 3169 3170 3171 <a href="/collections/complete-meal-powder" class="header-dropdown-shop-cta"> 3172 <div class="header-dropdown-shop-cta__image-wrapper-2" style="overflow: hidden;"> 3173 3174 <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=""> 3175 3176 3177 </div> 3178 <div class="header-dropdown-shop-cta__content"> 3179 <h5>complete meal powder</h5> 3180 <div><p>perfectly portioned for nutritional absorption.</p></div> 3181 <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div> 3182 </div> 3183</a> 3184 3185<style> 3186 .header-dropdown-shop-cta { 3187 width: 100%; 3188 display: flex; 3189 flex-direction: row; 3190 align-items: center; 3191 justify-content: flex-start; 3192 padding-left: 0; 3193 padding-bottom: 0; 3194 gap: 16px; 3195 } 3196 .header-dropdown-shop-cta__image-wrapper-2 { 3197 border: 1px solid #000; 3198 aspect-ratio: 1/1; 3199 max-width: 102px; 3200 width: 102px; 3201 position: relative; 3202 background: linear-gradient(to bottom, #b5917c 0%, #b5917c 50%, #ffffff 50%, #ffffff 100%); 3203 } 3204 .header-dropdown-shop-cta__image-wrapper-2 img { 3205 width: 100%; 3206 height: auto; 3207 aspect-ratio: 1/1; 3208 object-fit: contain; 3209 object-position: center; 3210 position: absolute; 3211 top: 0; 3212 left: 0; 3213 } 3214 3215 @keyframes fadeOut { 3216 0% { 3217 left: 0; 3218 } 3219 20% { 3220 left: 0; 3221 } 3222 40% { 3223 left: -150%; 3224 display: block; 3225 } 3226 49% { 3227 left: -150%; 3228 display: none; 3229 } 3230 50% { 3231 left: 150%; 3232 display: none; 3233 } 3234 60% { 3235 left: 150%; 3236 display: block; 3237 } 3238 80% { 3239 left: 0; 3240 } 3241 100% { 3242 left: 0; 3243 } 3244 } 3245 @keyframes fadeIn { 3246 0% { 3247 left: 150%; 3248 } 3249 20% { 3250 left: 150%; 3251 } 3252 40% { 3253 left: 0; 3254 } 3255 60% { 3256 left: 0; 3257 } 3258 80% { 3259 left: -150%; 3260 } 3261 100% { 3262 left: -150%; 3263 } 3264 } 3265 .header-dropdown-shop-cta__content { 3266 display: flex; 3267 flex-direction: column; 3268 gap: 8px; 3269 width: calc(100% - 118px); 3270 } 3271 .header-dropdown-shop-cta__content h5 { 3272 font-size: 16px; 3273 line-height: 24px; 3274 font-weight: 700; 3275 margin: 0; 3276 padding: 0; 3277 color: #212322; 3278 } 3279 .header-dropdown-shop-cta__content p { 3280 font-size: 14px; 3281 line-height: 18px; 3282 margin: 0 !important; 3283 padding: 0 !important; 3284 color: #505050; 3285 max-height: 36px; 3286 overflow: hidden; 3287 } 3288 .header-dropdown-shop-cta__content-btn { 3289 font-size: 14px; 3290 line-height: 16px; 3291 font-weight: 500; 3292 text-decoration: none; 3293 letter-spacing: 0.32px; 3294 color: #47AF19; 3295 margin: 0; 3296 } 3297 @media screen and (min-width: 597px) { 3298 .header-dropdown-shop-cta { 3299 width: calc(50% - 8px); 3300 height: fit-content; 3301 } 3302 } 3303 @media screen and (min-width: 768px) { 3304 .header-dropdown-shop-cta { 3305 gap: 36px; 3306 width: calc(50% - 9px); 3307 height: 162px; 3308 } 3309 .header-dropdown-shop-cta__image-wrapper-2 { 3310 max-width: 162px; 3311 width: 100%; 3312 } 3313 .header-dropdown-shop-cta__content { 3314 width: 100%; 3315 } 3316 .header-dropdown-shop-cta__content h5 { 3317 font-size: 18px; 3318 line-height: 24px; 3319 } 3320 .header-dropdown-shop-cta__content p { 3321 font-size: 16px; 3322 line-height: 24px; 3323 max-height: none; 3324 } 3325 .header-dropdown-shop-cta__content-btn { 3326 font-size: 16px; 3327 line-height: 24px; 3328 } 3329 } 3330</style> 3331 3332 3333 3334 3335 3336 3337 3338 3339 3340 3341 3342 3343 3344 3345 3346 3347 3348 3349 <a href="/collections/complete-protein" class="header-dropdown-shop-cta"> 3350 <div class="header-dropdown-shop-cta__image-wrapper-3" style="overflow: hidden;"> 3351 3352 <img class="header-dropdown-shop-cta__image-top-3" src="//soylent.com/cdn/shop/files/Complete_Protein_Gif_grande.png?v=1710113952" alt=""> 3353 3354 3355 <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=""> 3356 3357 </div> 3358 <div class="header-dropdown-shop-cta__content"> 3359 <h5>complete protein</h5> 3360 <div><p>protein. rooted in science. taste perfected.</p></div> 3361 <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div> 3362 </div> 3363</a> 3364 3365<style> 3366 .header-dropdown-shop-cta { 3367 width: 100%; 3368 display: flex; 3369 flex-direction: row; 3370 align-items: center; 3371 justify-content: flex-start; 3372 padding-left: 0; 3373 padding-bottom: 0; 3374 gap: 16px; 3375 } 3376 .header-dropdown-shop-cta__image-wrapper-3 { 3377 border: 1px solid #000; 3378 aspect-ratio: 1/1; 3379 max-width: 102px; 3380 width: 102px; 3381 position: relative; 3382 background: linear-gradient(to bottom, #8fad15 0%, #8fad15 50%, #ffffff 50%, #ffffff 100%); 3383 } 3384 .header-dropdown-shop-cta__image-wrapper-3 img { 3385 width: 100%; 3386 height: auto; 3387 aspect-ratio: 1/1; 3388 object-fit: contain; 3389 object-position: center; 3390 position: absolute; 3391 top: 0; 3392 left: 0; 3393 } 3394 3395 .header-dropdown-shop-cta__image-top-3 { 3396 animation: fadeOut 3s infinite; 3397 } 3398 .header-dropdown-shop-cta__image-bot-3{ 3399 animation: fadeIn 3s infinite; 3400 } 3401 3402 @keyframes fadeOut { 3403 0% { 3404 left: 0; 3405 } 3406 20% { 3407 left: 0; 3408 } 3409 40% { 3410 left: -150%; 3411 display: block; 3412 } 3413 49% { 3414 left: -150%; 3415 display: none; 3416 } 3417 50% { 3418 left: 150%; 3419 display: none; 3420 } 3421 60% { 3422 left: 150%; 3423 display: block; 3424 } 3425 80% { 3426 left: 0; 3427 } 3428 100% { 3429 left: 0; 3430 } 3431 } 3432 @keyframes fadeIn { 3433 0% { 3434 left: 150%; 3435 } 3436 20% { 3437 left: 150%; 3438 } 3439 40% { 3440 left: 0; 3441 } 3442 60% { 3443 left: 0; 3444 } 3445 80% { 3446 left: -150%; 3447 } 3448 100% { 3449 left: -150%; 3450 } 3451 } 3452 .header-dropdown-shop-cta__content { 3453 display: flex; 3454 flex-direction: column; 3455 gap: 8px; 3456 width: calc(100% - 118px); 3457 } 3458 .header-dropdown-shop-cta__content h5 { 3459 font-size: 16px; 3460 line-height: 24px; 3461 font-weight: 700; 3462 margin: 0; 3463 padding: 0; 3464 color: #212322; 3465 } 3466 .header-dropdown-shop-cta__content p { 3467 font-size: 14px; 3468 line-height: 18px; 3469 margin: 0 !important; 3470 padding: 0 !important; 3471 color: #505050; 3472 max-height: 36px; 3473 overflow: hidden; 3474 } 3475 .header-dropdown-shop-cta__content-btn { 3476 font-size: 14px; 3477 line-height: 16px; 3478 font-weight: 500; 3479 text-decoration: none; 3480 letter-spacing: 0.32px; 3481 color: #47AF19; 3482 margin: 0; 3483 } 3484 @media screen and (min-width: 597px) { 3485 .header-dropdown-shop-cta { 3486 width: calc(50% - 8px); 3487 height: fit-content; 3488 } 3489 } 3490 @media screen and (min-width: 768px) { 3491 .header-dropdown-shop-cta { 3492 gap: 36px; 3493 width: calc(50% - 9px); 3494 height: 162px; 3495 } 3496 .header-dropdown-shop-cta__image-wrapper-3 { 3497 max-width: 162px; 3498 width: 100%; 3499 } 3500 .header-dropdown-shop-cta__content { 3501 width: 100%; 3502 } 3503 .header-dropdown-shop-cta__content h5 { 3504 font-size: 18px; 3505 line-height: 24px; 3506 } 3507 .header-dropdown-shop-cta__content p { 3508 font-size: 16px; 3509 line-height: 24px; 3510 max-height: none; 3511 } 3512 .header-dropdown-shop-cta__content-btn { 3513 font-size: 16px; 3514 line-height: 24px; 3515 } 3516 } 3517</style> 3518 3519 3520 3521 3522 3523 3524 3525 3526 3527 3528 3529 3530 3531 3532 3533 3534 3535 3536 <a href="/collections/complete-coffee-shakes" class="header-dropdown-shop-cta"> 3537 <div class="header-dropdown-shop-cta__image-wrapper-4" style="overflow: hidden;"> 3538 3539 <img class="header-dropdown-shop-cta__image-top-4" src="//soylent.com/cdn/shop/files/Cafe_Mocha_grande.png?v=1710113952" alt=""> 3540 3541 3542 </div> 3543 <div class="header-dropdown-shop-cta__content"> 3544 <h5>complete coffee</h5> 3545 <div><p>coffee that acts like a healthy breakfast.</p></div> 3546 <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div> 3547 </div> 3548</a> 3549 3550<style> 3551 .header-dropdown-shop-cta { 3552 width: 100%; 3553 display: flex; 3554 flex-direction: row; 3555 align-items: center; 3556 justify-content: flex-start; 3557 padding-left: 0; 3558 padding-bottom: 0; 3559 gap: 16px; 3560 } 3561 .header-dropdown-shop-cta__image-wrapper-4 { 3562 border: 1px solid #000; 3563 aspect-ratio: 1/1; 3564 max-width: 102px; 3565 width: 102px; 3566 position: relative; 3567 background: linear-gradient(to bottom, #f2ed6d 0%, #f2ed6d 50%, #ffffff 50%, #ffffff 100%); 3568 } 3569 .header-dropdown-shop-cta__image-wrapper-4 img { 3570 width: 100%; 3571 height: auto; 3572 aspect-ratio: 1/1; 3573 object-fit: contain; 3574 object-position: center; 3575 position: absolute; 3576 top: 0; 3577 left: 0; 3578 } 3579 3580 @keyframes fadeOut { 3581 0% { 3582 left: 0; 3583 } 3584 20% { 3585 left: 0; 3586 } 3587 40% { 3588 left: -150%; 3589 display: block; 3590 } 3591 49% { 3592
3592 left: -150%; 3593 display: none; 3594 } 3595 50% { 3596 left: 150%; 3597 display: none; 3598 } 3599 60% { 3600 left: 150%; 3601 display: block; 3602 } 3603 80% { 3604 left: 0; 3605 } 3606 100% { 3607 left: 0; 3608 } 3609 } 3610 @keyframes fadeIn { 3611 0% { 3612 left: 150%; 3613 } 3614 20% { 3615 left: 150%; 3616 } 3617 40% { 3618 left: 0; 3619 } 3620 60% { 3621 left: 0; 3622 } 3623 80% { 3624 left: -150%; 3625 } 3626 100% { 3627 left: -150%; 3628 } 3629 } 3630 .header-dropdown-shop-cta__content { 3631 display: flex; 3632 flex-direction: column; 3633 gap: 8px; 3634 width: calc(100% - 118px); 3635 } 3636 .header-dropdown-shop-cta__content h5 { 3637 font-size: 16px; 3638 line-height: 24px; 3639 font-weight: 700; 3640 margin: 0; 3641 padding: 0; 3642 color: #212322; 3643 } 3644 .header-dropdown-shop-cta__content p { 3645 font-size: 14px; 3646 line-height: 18px; 3647 margin: 0 !important; 3648 padding: 0 !important; 3649 color: #505050; 3650 max-height: 36px; 3651 overflow: hidden; 3652 } 3653 .header-dropdown-shop-cta__content-btn { 3654 font-size: 14px; 3655 line-height: 16px; 3656 font-weight: 500; 3657 text-decoration: none; 3658 letter-spacing: 0.32px; 3659 color: #47AF19; 3660 margin: 0; 3661 } 3662 @media screen and (min-width: 597px) { 3663 .header-dropdown-shop-cta { 3664 width: calc(50% - 8px); 3665 height: fit-content; 3666 } 3667 } 3668 @media screen and (min-width: 768px) { 3669 .header-dropdown-shop-cta { 3670 gap: 36px; 3671 width: calc(50% - 9px); 3672 height: 162px; 3673 } 3674 .header-dropdown-shop-cta__image-wrapper-4 { 3675 max-width: 162px; 3676 width: 100%; 3677 } 3678 .header-dropdown-shop-cta__content { 3679 width: 100%; 3680 } 3681 .header-dropdown-shop-cta__content h5 { 3682 font-size: 18px; 3683 line-height: 24px; 3684 } 3685 .header-dropdown-shop-cta__content p { 3686 font-size: 16px; 3687 line-height: 24px; 3688 max-height: none; 3689 } 3690 .header-dropdown-shop-cta__content-btn { 3691 font-size: 16px; 3692 line-height: 24px; 3693 } 3694 } 3695</style> 3696 3697 3698 3699 3700 3701 3702 3703 3704 3705 3706 3707 3708 3709 3710 3711 3712 3713 3714 <a href="/products/soylent-complete-energy-chocolate" class="header-dropdown-shop-cta"> 3715 <div class="header-dropdown-shop-cta__image-wrapper-5" style="overflow: hidden;"> 3716 3717 <img class="header-dropdown-shop-cta__image-top-5" src="//soylent.com/cdn/shop/files/Chocolate_grande.png?v=1710113952" alt=""> 3718 3719 3720 </div> 3721 <div class="header-dropdown-shop-cta__content"> 3722 <h5>complete energy</h5> 3723 <div><p>smart energy. fuel for the brain and the body. </p></div> 3724 <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div> 3725 </div> 3726</a> 3727 3728<style> 3729 .header-dropdown-shop-cta { 3730 width: 100%; 3731 display: flex; 3732 flex-direction: row; 3733 align-items: center; 3734 justify-content: flex-start; 3735 padding-left: 0; 3736 padding-bottom: 0; 3737 gap: 16px; 3738 } 3739 .header-dropdown-shop-cta__image-wrapper-5 { 3740 border: 1px solid #000; 3741 aspect-ratio: 1/1; 3742 max-width: 102px; 3743 width: 102px; 3744 position: relative; 3745 background: linear-gradient(to bottom, #fcd700 0%, #fcd700 50%, #ffffff 50%, #ffffff 100%); 3746 } 3747 .header-dropdown-shop-cta__image-wrapper-5 img { 3748 width: 100%; 3749 height: auto; 3750 aspect-ratio: 1/1; 3751 object-fit: contain; 3752 object-position: center; 3753 position: absolute; 3754 top: 0; 3755 left: 0; 3756 } 3757 3758 @keyframes fadeOut { 3759 0% { 3760 left: 0; 3761 } 3762 20% { 3763 left: 0; 3764 } 3765 40% { 3766 left: -150%; 3767 display: block; 3768 } 3769 49% { 3770 left: -150%; 3771 display: none; 3772 } 3773 50% { 3774 left: 150%; 3775 display: none; 3776 } 3777 60% { 3778 left: 150%; 3779 display: block; 3780 } 3781 80% { 3782 left: 0; 3783 } 3784 100% { 3785 left: 0; 3786 } 3787 } 3788 @keyframes fadeIn { 3789 0% { 3790 left: 150%; 3791 } 3792 20% { 3793 left: 150%; 3794 } 3795 40% { 3796 left: 0; 3797 } 3798 60% { 3799 left: 0; 3800 } 3801 80% { 3802 left: -150%; 3803 } 3804 100% { 3805 left: -150%; 3806 } 3807 } 3808 .header-dropdown-shop-cta__content { 3809 display: flex; 3810 flex-direction: column; 3811 gap: 8px; 3812 width: calc(100% - 118px); 3813 } 3814 .header-dropdown-shop-cta__content h5 { 3815 font-size: 16px; 3816 line-height: 24px; 3817 font-weight: 700; 3818 margin: 0; 3819 padding: 0; 3820 color: #212322; 3821 } 3822 .header-dropdown-shop-cta__content p { 3823 font-size: 14px; 3824 line-height: 18px; 3825 margin: 0 !important; 3826 padding: 0 !important; 3827 color: #505050; 3828 max-height: 36px; 3829 overflow: hidden; 3830 } 3831 .header-dropdown-shop-cta__content-btn { 3832 font-size: 14px; 3833 line-height: 16px; 3834 font-weight: 500; 3835 text-decoration: none; 3836 letter-spacing: 0.32px; 3837 color: #47AF19; 3838 margin: 0; 3839 } 3840 @media screen and (min-width: 597px) { 3841 .header-dropdown-shop-cta { 3842 width: calc(50% - 8px); 3843 height: fit-content; 3844 } 3845 } 3846 @media screen and (min-width: 768px) { 3847 .header-dropdown-shop-cta { 3848 gap: 36px; 3849 width: calc(50% - 9px); 3850 height: 162px; 3851 } 3852 .header-dropdown-shop-cta__image-wrapper-5 { 3853 max-width: 162px; 3854 width: 100%; 3855 } 3856 .header-dropdown-shop-cta__content { 3857 width: 100%; 3858 } 3859 .header-dropdown-shop-cta__content h5 { 3860 font-size: 18px; 3861 line-height: 24px; 3862 } 3863 .header-dropdown-shop-cta__content p { 3864 font-size: 16px; 3865 line-height: 24px; 3866 max-height: none; 3867 } 3868 .header-dropdown-shop-cta__content-btn { 3869 font-size: 16px; 3870 line-height: 24px; 3871 } 3872 } 3873</style> 3874 3875 3876<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> 3877 .header-dropdown-shop__links { 3878 width: 1000%; 3879 height: fit-content; 3880 display: flex; 3881 flex-direction: column; 3882 justify-content: center; 3883 gap: 12px; 3884 border-top: 2px solid #F7F7F7; 3885 margin-top: 12px; 3886 padding-top: 12px; 3887 margin-left: 0; 3888 padding-bottom: 0; 3889 padding-left: 0; 3890 margin-left: 0; 3891 } 3892 .header-dropdown-shop__links a { 3893 display: flex; 3894 align-items: center; 3895 justify-content: flex-start; 3896 color: #212322; 3897 text-decoration: none; 3898 font-size: 16px; 3899 line-height: 24px; 3900 font-weight: 700; 3901 } 3902 .header-dropdown-shop__links a:hover { 3903 color: #47Af19; 3904 } 3905 @media screen and (min-width: 768px) { 3906 .header-dropdown-shop__links { 3907 width: fit-content; 3908 height: 162px; 3909 gap: 0; 3910 flex-direction: column; 3911 justify-content: space-between; 3912 border-top: none; 3913 border-left: 2px solid #F7F7F7; 3914 margin-top: 0; 3915 padding-top: 0; 3916 padding-bottom: 0; 3917 padding-left: 36px; 3918 } 3919 .header-dropdown-shop__links a { 3920 font-size: 18px; 3921 line-height: 24px; 3922 width: 100%; 3923 height: fit-content; 3924 box-shadow: none; 3925 justify-content: flex-start; 3926 } 3927 } 3928</style> 3929 3930 3931 3932 </ul> 3933 </div> 3934 3935 3936 3937 3938 3939 3940 3941 <li class="mobile-nav__menu-item" > 3942 <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"> 3943 Health Benefits 3944 3945 <div class="mobile-nav__dropdown-icon">
3946 <span class="mobile-nav__dropdown-icon--inner"></span> 3947 </div> 3948 </a> 3949 </li> 3950 3951 3952 3953 <div id="submenu-nav_health_item_ycVwqN" class="mobile-nav__submenu" data-block="nav_health_item_ycVwqN" data-submenu> 3954 <ul class="mobile-nav__submenu-list"> 3955 3956 3957 3958 3959 3960 3961 3962 <div class="header-dropdown-health-cta"> 3963 <div class="header-dropdown-health-cta__top"> 3964 <h5>weight management</h5> 3965 <div class="header-dropdown-health-cta__top-detail"><p>make weight management easy.</p></div> 3966 <div class="header-dropdown-health-cta__top-border" style="background-color: #ade8bf;"></div> 3967 </div> 3968 <div class="header-dropdown-health-cta__nav"> 3969 3970 3971 <a href="https://soylent.com/pages/weight-loss"> 3972 weight loss 3973 <div class="icon-arrow-up"> 3974 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3975 <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"/> 3976 </svg> 3977</div> 3978 </a> 3979 3980 <a href="https://soylent.com/pages/weight-gain"> 3981 weight gain 3982 <div class="icon-arrow-up"> 3983 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3984 <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"/> 3985 </svg> 3986</div> 3987 </a> 3988 3989 <a href="https://soylent.com/pages/appetite-suppression"> 3990 appetite suppression 3991 <div class="icon-arrow-up"> 3992 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 3993 <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"/> 3994 </svg> 3995</div> 3996 </a> 3997 3998 <a href="https://soylent.com/pages/weight-management-and-nutrition-soylent"> 3999 weight management 4000 <div class="icon-arrow-up"> 4001 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4002 <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"/> 4003 </svg> 4004</div> 4005 </a> 4006 4007 4008 </div> 4009</div> 4010 4011<style> 4012 .header-dropdown-health-cta { 4013 display: flex; 4014 flex-direction: column; 4015 width: 100%; 4016 padding-left: 16px; 4017 padding-bottom: 32px; 4018 } 4019 .header-dropdown-health-cta__top { 4020 padding-bottom: 20px; 4021 text-align: center; 4022 } 4023 .header-dropdown-health-cta__top h5 { 4024 font-size: 18px; 4025 line-height: 24px; 4026 font-weight: 700; 4027 color: #212322; 4028 margin: 0; 4029 margin-bottom: 8px; 4030 padding: 0; 4031 } 4032 .header-dropdown-health-cta__top-detail { 4033 display: flex; 4034 align-items: center; 4035 justify-content: center; 4036 font-size: 14px; 4037 line-height: 16px; 4038 font-weight: 400 !important; 4039 text-align: center; 4040 letter-spacing: 0em; 4041 margin: 0; 4042 margin-bottom: 16px; 4043 padding: 0; 4044 color: #505050; 4045 } 4046 .header-dropdown-health-cta__top-detail p { 4047 margin: 0; 4048 } 4049 .header-dropdown-health-cta__top-border { 4050 width: 100%; 4051 height: 4px; 4052 } 4053 .header-dropdown-health-cta__nav-item { 4054 padding: 16px; 4055 font-size: 16px; 4056 line-height: 24px; 4057 font-weight: 700; 4058 text-transform: lowercase; 4059 color: #212322; 4060 } 4061 .header-dropdown-health-cta__top { 4062 font-size: 18px; 4063 line-height: 24px; 4064 font-weight: 700; 4065 } 4066 .header-dropdown-health-cta__nav { 4067 display: flex; 4068 flex-direction: column; 4069 gap: 12px; 4070 } 4071 .header-dropdown-health-cta__nav a { 4072 display: flex; 4073 justify-content: space-between; 4074 gap: 8px; 4075 padding: 16px; 4076 width: 100%; 4077 font-size: 14px; 4078 line-height: 16px; 4079 letter-spacing: 0em; 4080 font-weight: 700; 4081 color: #212322; 4082 background-color: #fff; 4083 transition: all 0.25s ease-in-out; 4084 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 4085 } 4086 .header-dropdown-health-cta__nav a svg { 4087 opacity: 0; 4088 margin: 0; 4089 padding: 0; 4090 transition: all 0.25s ease-in-out; 4091 display: none; 4092 } 4093 .header-dropdown-health-cta__nav a:hover { 4094 color: #47AF19; 4095 } 4096 .header-dropdown-health-cta__nav a:hover > div svg { 4097 opacity: 1 !important; 4098 } 4099 .icon-arrow-up { 4100 margin: 5px; 4101 top: 3px; 4102 position: relative; 4103 } 4104 @media screen and (min-width: 597px) { 4105 .header-dropdown-health-cta__top-detail { 4106 height: 32px; 4107 } 4108 .header-dropdown-health-cta__nav { 4109 gap: 16px; 4110 } 4111 .header-dropdown-health-cta__nav a { 4112 font-size: 16px; 4113 line-height: 24px; 4114 } 4115 } 4116 @media screen and (min-width: 700px) { 4117 .header-dropdown-health-cta { 4118 width: 50%; 4119 padding-left: 16px; 4120 padding-bottom: 24px; 4121 } 4122 .header-dropdown-health-cta__nav { 4123 gap: 16px; 4124 } 4125 .header-dropdown-health-cta { 4126 width: 50%; 4127 } 4128 } 4129 @media screen and (min-width: 1024px) { 4130 .header-dropdown-health-cta { 4131 width: 25%; 4132 padding-left: 36px; 4133 padding-bottom: 0; 4134 } 4135 .header-dropdown-health-cta__nav a svg { 4136 display: block; 4137 } 4138 } 4139</style> 4140 4141 4142 4143 4144 4145 4146 <div class="header-dropdown-health-cta"> 4147 <div class="header-dropdown-health-cta__top"> 4148 <h5>fitness</h5> 4149 <div class="header-dropdown-health-cta__top-detail"><p>reach your fitness goals.</p></div> 4150 <div class="header-dropdown-health-cta__top-border" style="background-color: #5e93db;"></div> 4151 </div> 4152 <div class="header-dropdown-health-cta__nav"> 4153 4154 4155 <a href="https://soylent.com/pages/health-and-fitness-soylent"> 4156 fitness 4157 <div class="icon-arrow-up"> 4158 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4159 <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"/> 4160 </svg> 4161</div> 4162 </a> 4163 4164 <a href="https://soylent.com/pages/pre-and-post-workout-recovery-with-soylent"> 4165 workout recovery 4166 <div class="icon-arrow-up"> 4167 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4168 <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"/> 4169 </svg> 4170</div> 4171 </a> 4172 4173 <a href="https://soylent.com/pages/food-for-muscle-recovery-with-soylent"> 4174 muscle recovery 4175 <div class="icon-arrow-up"> 4176 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4177 <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"/> 4178 </svg> 4179</div> 4180 </a> 4181 4182 4183 </div> 4184</div> 4185 4186<style> 4187 .header-dropdown-health-cta { 4188 display: flex; 4189 flex-direction: column; 4190 width: 100%; 4191 padding-left: 16px; 4192 padding-bottom: 32px; 4193 } 4194 .header-dropdown-health-cta__top { 4195 padding-bottom: 20px; 4196 text-align: center; 4197 } 4198 .header-dropdown-health-cta__top h5 { 4199 font-size: 18px; 4200 line-height: 24px; 4201 font-weight: 700; 4202 color: #212322; 4203 margin: 0; 4204 margin-bottom: 8px; 4205 padding: 0; 4206 } 4207 .header-dropdown-health-cta__top-detail { 4208 display: flex; 4209 align-items: center; 4210 justify-content: center; 4211 font-size: 14px; 4212 line-height: 16px; 4213 font-weight: 400 !important; 4214 text-align: center; 4215 letter-spacing: 0em; 4216 margin: 0; 4217 margin-bottom: 16px; 4218 padding: 0; 4219 color: #505050; 4220 } 4221 .header-dropdown-health-cta__top-detail p { 4222 margin: 0; 4223 } 4224 .header-dropdown-health-cta__top-border { 4225 width: 100%; 4226 height: 4px; 4227 } 4228 .header-dropdown-health-cta__nav-item { 4229 padding: 16px; 4230 font-size: 16px; 4231 line-height: 24px; 4232 font-weight: 700; 4233 text-transform: lowercase; 4234 color: #212322; 4235 } 4236 .header-dropdown-health-cta__top { 4237 font-size: 18px; 4238 line-height: 24px; 4239 font-weight: 700; 4240 } 4241 .header-dropdown-health-cta__nav { 4242 display: flex; 4243 flex-direction: column; 4244 gap: 12px; 4245 } 4246 .header-dropdown-health-cta__nav a { 4247 display: flex; 4248 justify-content: space-between; 4249 gap: 8px; 4250 padding: 16px; 4251 width: 100%; 4252 font-size: 14px; 4253 line-height: 16px; 4254 letter-spacing: 0em; 4255 font-weight: 700; 4256 color: #212322; 4257 background-color: #fff; 4258 transition: all 0.25s ease-in-out; 4259 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 4260 } 4261 .header-dropdown-health-cta__nav a svg { 4262 opacity: 0; 4263 margin: 0; 4264 padding: 0; 4265 transition: all 0.25s ease-in-out; 4266 display: none; 4267 } 4268 .header-dropdown-health-cta__nav a:hover { 4269 color: #47AF19; 4270 } 4271 .header-dropdown-health-cta__nav a:hover > div svg { 4272 opacity: 1 !important; 4273 } 4274 .icon-arrow-up { 4275 margin: 5px; 4276 top: 3px; 4277 position: relative; 4278 } 4279 @media screen and (min-width: 597px) { 4280 .header-dropdown-health-cta__top-detail { 4281 height: 32px; 4282 } 4283 .header-dropdown-health-cta__nav { 4284 gap: 16px; 4285 } 4286 .header-dropdown-health-cta__nav a { 4287 font-size: 16px; 4288 line-height: 24px; 4289 } 4290 } 4291 @media screen and (min-width: 700px) { 4292 .header-dropdown-health-cta { 4293 width: 50%; 4294 padding-left: 16px; 4295 padding-bottom: 24px; 4296 } 4297 .header-dropdown-health-cta__nav { 4298 gap: 16px; 4299 } 4300 .header-dropdown-health-cta { 4301 width: 50%; 4302 } 4303 } 4304 @media screen and (min-width: 1024px) { 4305 .header-dropdown-health-cta { 4306 width: 25%; 4307 padding-left: 36px; 4308 padding-bottom: 0; 4309 } 4310 .header-dropdown-health-cta__nav a svg { 4311 display: block; 4312 } 4313 } 4314</style> 4315 4316 4317 4318 4319 4320 4321 <div class="header-dropdown-health-cta"> 4322 <div class="header-dropdown-health-cta__top"> 4323 <h5>health</h5> 4324 <div class="header-dropdown-health-cta__top-detail"><p>manage your health, the smart way.</p></div> 4325 <div class="header-dropdown-health-cta__top-border" style="background-color: #f8485e;"></div> 4326 </div> 4327 <div class="header-dropdown-health-cta__nav"> 4328 4329 4330 <a href="https://soylent.com/pages/diabetes-and-blood-sugar-management-with-soylent"> 4331 diabetes & blood sugar management 4332 <div class="icon-arrow-up"> 4333 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4334 <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"/> 4335 </svg> 4336</div> 4337 </a> 4338 4339 <a href="https://soylent.com/pages/surgery-liquid-diets-with-soylent"> 4340 surgery & liquid diets 4341 <div class="icon-arrow-up"> 4342 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4343 <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"/> 4344 </svg> 4345</div> 4346 </a> 4347 4348 4349 </div> 4350</div> 4351 4352<style> 4353 .header-dropdown-health-cta { 4354 display: flex; 4355 flex-direction: column; 4356 width: 100%; 4357 padding-left: 16px; 4358 padding-bottom: 32px; 4359 } 4360 .header-dropdown-health-cta__top { 4361 padding-bottom: 20px; 4362 text-align: center; 4363 } 4364 .header-dropdown-health-cta__top h5 { 4365 font-size: 18px; 4366 line-height: 24px; 4367 font-weight: 700; 4368 color: #212322; 4369 margin: 0; 4370 margin-bottom: 8px; 4371 padding: 0; 4372 } 4373 .header-dropdown-health-cta__top-detail { 4374 display: flex; 4375 align-items: center; 4376 justify-content: center; 4377 font-size: 14px; 4378 line-height: 16px; 4379 font-weight: 400 !important; 4380 text-align: center; 4381 letter-spacing: 0em; 4382 margin: 0; 4383 margin-bottom: 16px; 4384 padding: 0; 4385 color: #505050; 4386 } 4387 .header-dropdown-health-cta__top-detail p { 4388 margin: 0; 4389 } 4390 .header-dropdown-health-cta__top-border { 4391 width: 100%; 4392 height: 4px; 4393 } 4394 .header-dropdown-health-cta__nav-item { 4395 padding: 16px; 4396 font-size: 16px; 4397 line-height: 24px; 4398 font-weight: 700; 4399 text-transform: lowercase; 4400 color: #212322; 4401 } 4402 .header-dropdown-health-cta__top { 4403 font-size: 18px; 4404 line-height: 24px; 4405 font-weight: 700; 4406 } 4407 .header-dropdown-health-cta__nav { 4408 display: flex; 4409 flex-direction: column; 4410 gap: 12px; 4411 } 4412 .header-dropdown-health-cta__nav a { 4413 display: flex; 4414 justify-content: space-between; 4415 gap: 8px; 4416 padding: 16px; 4417 width: 100%; 4418 font-size: 14px; 4419 line-height: 16px; 4420 letter-spacing: 0em; 4421 font-weight: 700; 4422 color: #212322; 4423 background-color: #fff; 4424 transition: all 0.25s ease-in-out; 4425 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 4426 } 4427 .header-dropdown-health-cta__nav a svg { 4428 opacity: 0; 4429 margin: 0; 4430 padding: 0; 4431 transition: all 0.25s ease-in-out; 4432 display: none; 4433 } 4434 .header-dropdown-health-cta__nav a:hover { 4435 color: #47AF19; 4436 } 4437 .header-dropdown-health-cta__nav a:hover > div svg { 4438 opacity: 1 !important; 4439 } 4440 .icon-arrow-up { 4441 margin: 5px; 4442 top: 3px; 4443 position: relative; 4444 } 4445 @media screen and (min-width: 597px) { 4446 .header-dropdown-health-cta__top-detail { 4447 height: 32px; 4448 } 4449 .header-dropdown-health-cta__nav { 4450 gap: 16px; 4451 } 4452 .header-dropdown-health-cta__nav a { 4453 font-size: 16px; 4454 line-height: 24px; 4455 } 4456 } 4457 @media screen and (min-width: 700px) { 4458 .header-dropdown-health-cta { 4459 width: 50%; 4460 padding-left: 16px; 4461 padding-bottom: 24px; 4462 } 4463 .header-dropdown-health-cta__nav { 4464 gap: 16px; 4465 } 4466 .header-dropdown-health-cta { 4467 width: 50%; 4468 } 4469 } 4470 @media screen and (min-width: 1024px) { 4471 .header-dropdown-health-cta { 4472 width: 25%; 4473 padding-left: 36px; 4474 padding-bottom: 0; 4475 } 4476 .header-dropdown-health-cta__nav a svg { 4477 display: block; 4478 } 4479 } 4480</style> 4481 4482 4483 4484 4485 4486
4486 4487 <div class="header-dropdown-health-cta"> 4488 <div class="header-dropdown-health-cta__top"> 4489 <h5>nutrition</h5> 4490 <div class="header-dropdown-health-cta__top-detail"><p>science-backed nutrition, perfected.</p></div> 4491 <div class="header-dropdown-health-cta__top-border" style="background-color: #eed484;"></div> 4492 </div> 4493 <div class="header-dropdown-health-cta__nav"> 4494 4495 4496 <a href="https://soylent.com/pages/fuel-plant-based-diets-with-soylent"> 4497 plant-based diets 4498 <div class="icon-arrow-up"> 4499 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4500 <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"/> 4501 </svg> 4502</div> 4503 </a> 4504 4505 <a href="/pages/daily-vitamins-and-minerals"> 4506 daily vitamins & minerals 4507 <div class="icon-arrow-up"> 4508 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4509 <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"/> 4510 </svg> 4511</div> 4512 </a> 4513 4514 <a href="https://soylent.com/pages/healthy-meal-replacement-for-athletes"> 4515 athlete & sports nutrition 4516 <div class="icon-arrow-up"> 4517 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4518 <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"/> 4519 </svg> 4520</div> 4521 </a> 4522 4523 <a href="https://soylent.com/pages/soylent-for-gluten-free-diets-and-lifestyles"> 4524 gluten-free diets 4525 <div class="icon-arrow-up"> 4526 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 4527 <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"/> 4528 </svg> 4529</div> 4530 </a> 4531 4532 4533 </div> 4534</div> 4535 4536<style> 4537 .header-dropdown-health-cta { 4538 display: flex; 4539 flex-direction: column; 4540 width: 100%; 4541 padding-left: 16px; 4542 padding-bottom: 32px; 4543 } 4544 .header-dropdown-health-cta__top { 4545 padding-bottom: 20px; 4546 text-align: center; 4547 } 4548 .header-dropdown-health-cta__top h5 { 4549 font-size: 18px; 4550 line-height: 24px; 4551 font-weight: 700; 4552 color: #212322; 4553 margin: 0; 4554 margin-bottom: 8px; 4555 padding: 0; 4556 } 4557 .header-dropdown-health-cta__top-detail { 4558 display: flex; 4559 align-items: center; 4560 justify-content: center; 4561 font-size: 14px; 4562 line-height: 16px; 4563 font-weight: 400 !important; 4564 text-align: center; 4565 letter-spacing: 0em; 4566 margin: 0; 4567 margin-bottom: 16px; 4568 padding: 0; 4569 color: #505050; 4570 } 4571 .header-dropdown-health-cta__top-detail p { 4572 margin: 0; 4573 } 4574 .header-dropdown-health-cta__top-border { 4575 width: 100%; 4576 height: 4px; 4577 } 4578 .header-dropdown-health-cta__nav-item { 4579 padding: 16px; 4580 font-size: 16px; 4581 line-height: 24px; 4582 font-weight: 700; 4583 text-transform: lowercase; 4584 color: #212322; 4585 } 4586 .header-dropdown-health-cta__top { 4587 font-size: 18px; 4588 line-height: 24px; 4589 font-weight: 700; 4590 } 4591 .header-dropdown-health-cta__nav { 4592 display: flex; 4593 flex-direction: column; 4594 gap: 12px; 4595 } 4596 .header-dropdown-health-cta__nav a { 4597 display: flex; 4598 justify-content: space-between; 4599 gap: 8px; 4600 padding: 16px; 4601 width: 100%; 4602 font-size: 14px; 4603 line-height: 16px; 4604 letter-spacing: 0em; 4605 font-weight: 700; 4606 color: #212322; 4607 background-color: #fff; 4608 transition: all 0.25s ease-in-out; 4609 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 4610 } 4611 .header-dropdown-health-cta__nav a svg { 4612 opacity: 0; 4613 margin: 0; 4614 padding: 0; 4615 transition: all 0.25s ease-in-out; 4616 display: none; 4617 } 4618 .header-dropdown-health-cta__nav a:hover { 4619 color: #47AF19; 4620 } 4621 .header-dropdown-health-cta__nav a:hover > div svg { 4622 opacity: 1 !important; 4623 } 4624 .icon-arrow-up { 4625 margin: 5px; 4626 top: 3px; 4627 position: relative; 4628 } 4629 @media screen and (min-width: 597px) { 4630 .header-dropdown-health-cta__top-detail { 4631 height: 32px; 4632 } 4633 .header-dropdown-health-cta__nav { 4634 gap: 16px; 4635 } 4636 .header-dropdown-health-cta__nav a { 4637 font-size: 16px; 4638 line-height: 24px; 4639 } 4640 } 4641 @media screen and (min-width: 700px) { 4642 .header-dropdown-health-cta { 4643 width: 50%; 4644 padding-left: 16px; 4645 padding-bottom: 24px; 4646 } 4647 .header-dropdown-health-cta__nav { 4648 gap: 16px; 4649 } 4650 .header-dropdown-health-cta { 4651 width: 50%; 4652 } 4653 } 4654 @media screen and (min-width: 1024px) { 4655 .header-dropdown-health-cta { 4656 width: 25%; 4657 padding-left: 36px; 4658 padding-bottom: 0; 4659 } 4660 .header-dropdown-health-cta__nav a svg { 4661 display: block; 4662 } 4663 } 4664</style> 4665 4666 4667 4668 4669 </ul> 4670 </div> 4671 4672 4673 4674 4675 4676 4677 4678 <li class="mobile-nav__menu-item" > 4679 <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"> 4680 About 4681 4682 <div class="mobile-nav__dropdown-icon">
4683 <span class="mobile-nav__dropdown-icon--inner"></span> 4684 </div> 4685 </a> 4686 </li> 4687 4688 4689 4690 <div id="submenu-nav_about_item_qPTFrX" class="mobile-nav__submenu" data-block="nav_about_item_qPTFrX" data-submenu> 4691 <ul class="mobile-nav__submenu-list mobile-nav__submenu-list-about"> 4692 4693 4694 4695 4696 4697 4698 4699 4700 4701 4702 4703 4704 4705 4706 4707 4708 4709 4710 4711 <a href="https://soylent.com/pages/about-the-company" class="header-dropdown__cta header-dropdown__cta-1"> 4712 4713 4714 4715 <div class="header-dropdown__cta-bg lazyload" style="background-image: url(//soylent.com/cdn/shop/files/Story_1_500x.png?v=1672935988)"></div> 4716 <span class="header-dropdown__cta-text"> 4717 4718 <h5>from lab to living room.</h5> 4719 4720 4721 <p>10 years of perfect food.</p> 4722 4723 4724 <p class="header-dropdown__cta-text-btn">LEARN MORE</p> 4725 4726 </span> 4727 4728 4729 4730 </a> 4731 4732 4733 4734 4735<style> 4736 .header-dropdown__cta { 4737 padding-left: 0; 4738 padding-bottom: 0; 4739 width: calc(50% - 8px); 4740 cursor: pointer; 4741 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 4742 } 4743 .header-dropdown__cta-3 { 4744 display: flex; 4745 flex-direction: row; 4746 width: 100%; 4747 } 4748 .header-dropdown__cta-text { 4749 display: flex; 4750 flex-direction: column; 4751 align-items: center; 4752 justify-self: center; 4753 gap: 8px; 4754 background-color: #fff; 4755 text-align: center; 4756 padding: 16px 0px; 4757 width: 100%; 4758 max-width: 120px; 4759 margin: 0 auto; 4760 } 4761 .header-dropdown__cta-bg { 4762 aspect-ratio: 1; 4763 } 4764 .header-dropdown__cta-3 .header-dropdown__cta-bg { 4765 width: calc(50% - 8px); 4766 } 4767 .header-dropdown__cta-3 .header-dropdown__cta-text { 4768 width: calc(50% + 8px); 4769 justify-content: center; 4770 } 4771 .header-dropdown__cta-text h5 { 4772 font-size: 16px; 4773 line-height: 16px; 4774 font-weight: 700; 4775 margin: 0 !important; 4776 } 4777 .header-dropdown__cta-text p { 4778 font-size: 14px; 4779 line-height: 16px; 4780 font-weight: 400; 4781 text-align: center; 4782 } 4783 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 4784 font-size: 14px; 4785 line-height: 16px; 4786 font-weight: 500; 4787 margin: 0 !important; 4788 color: #47AF19 !important; 4789 } 4790 .header-dropdown__cta:nth-child(2) { 4791 display: flex; 4792 flex-direction: row; 4793 } 4794 .mobile-nav__submenu-list-about .header-dropdown__cta { 4795 background-color: #fff; 4796 } 4797 @media screen and (min-width: 597px){ 4798 .header-dropdown__cta-text { 4799 padding: 24px 16px; 4800 max-width: 100%; 4801 } 4802 } 4803 @media screen and (min-width: 768px) { 4804 .header-dropdown__cta { 4805 width: calc(25% - 12px); 4806 } 4807 .header-dropdown-about .header-dropdown__cta { 4808 background-color: #fff; 4809 } 4810 .header-dropdown__cta-text { 4811 padding: 24px 16px; 4812 } 4813 .header-dropdown__cta-3 { 4814 display: flex; 4815 flex-direction: column; 4816 width: calc(25% - 12px); 4817 } 4818 .header-dropdown__cta-3 .header-dropdown__cta-bg { 4819 width: 100%; 4820 } 4821 .header-dropdown__cta-3 .header-dropdown__cta-text { 4822 width: 100%; 4823 justify-content: center; 4824 } 4825 .header-dropdown__cta-text h5 { 4826 font-size: 18px; 4827 line-height: 24px; 4828 } 4829 .header-dropdown__cta-text p { 4830 max-width: none; 4831 } 4832 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 4833 font-size: 16px; 4834 line-height: 24px; 4835 } 4836 } 4837 @media screen and (min-width: 992px) { 4838 .header-dropdown__cta { 4839 width: calc(25% - 27px); 4840 max-width: 261px; 4841 } 4842 .header-dropdown__cta-text p { 4843 font-size: 14px; 4844 line-height: 24px; 4845 } 4846 } 4847</style> 4848 4849 4850 4851 4852 4853 4854 4855 4856 4857 4858 4859 4860 4861 4862 4863 4864 4865 4866 <a href="https://soylent.com/pages/about-soylent" class="header-dropdown__cta header-dropdown__cta-2"> 4867 4868 4869 4870 <div class="header-dropdown__cta-bg lazyload" style="background-image: url(//soylent.com/cdn/shop/files/Soy_Resize_500x.png?v=1672937469)"></div> 4871 <span class="header-dropdown__cta-text"> 4872 4873 <h5>we hacked food.</h5> 4874 4875 4876 <p>nutrition nerd approved.</p> 4877 4878 4879 <p class="header-dropdown__cta-text-btn">LEARN MORE</p> 4880 4881 </span> 4882 4883 4884
4885 </a> 4886 4887 4888 4889 4890<style> 4891 .header-dropdown__cta { 4892 padding-left: 0; 4893 padding-bottom: 0; 4894 width: calc(50% - 8px); 4895 cursor: pointer; 4896 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 4897 } 4898 .header-dropdown__cta-3 { 4899 display: flex; 4900 flex-direction: row; 4901 width: 100%; 4902 } 4903 .header-dropdown__cta-text { 4904 display: flex; 4905 flex-direction: column; 4906 align-items: center; 4907 justify-self: center; 4908 gap: 8px; 4909 background-color: #fff; 4910 text-align: center; 4911 padding: 16px 0px; 4912 width: 100%; 4913 max-width: 120px; 4914 margin: 0 auto; 4915 } 4916 .header-dropdown__cta-bg { 4917 aspect-ratio: 1; 4918 } 4919 .header-dropdown__cta-3 .header-dropdown__cta-bg { 4920 width: calc(50% - 8px); 4921 } 4922 .header-dropdown__cta-3 .header-dropdown__cta-text { 4923 width: calc(50% + 8px); 4924 justify-content: center; 4925 } 4926 .header-dropdown__cta-text h5 { 4927 font-size: 16px; 4928 line-height: 16px; 4929 font-weight: 700; 4930 margin: 0 !important; 4931 } 4932 .header-dropdown__cta-text p { 4933 font-size: 14px; 4934 line-height: 16px; 4935 font-weight: 400; 4936 text-align: center; 4937 } 4938 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 4939 font-size: 14px; 4940 line-height: 16px; 4941 font-weight: 500; 4942 margin: 0 !important; 4943 color: #47AF19 !important; 4944 } 4945 .header-dropdown__cta:nth-child(2) { 4946 display: flex; 4947 flex-direction: row; 4948 } 4949 .mobile-nav__submenu-list-about .header-dropdown__cta { 4950 background-color: #fff; 4951 } 4952 @media screen and (min-width: 597px){ 4953 .header-dropdown__cta-text { 4954 padding: 24px 16px; 4955 max-width: 100%; 4956 } 4957 } 4958 @media screen and (min-width: 768px) { 4959 .header-dropdown__cta { 4960 width: calc(25% - 12px); 4961 } 4962 .header-dropdown-about .header-dropdown__cta { 4963 background-color: #fff; 4964 } 4965 .header-dropdown__cta-text { 4966 padding: 24px 16px; 4967 } 4968 .header-dropdown__cta-3 { 4969 display: flex; 4970 flex-direction: column; 4971 width: calc(25% - 12px); 4972 } 4973 .header-dropdown__cta-3 .header-dropdown__cta-bg { 4974 width: 100%; 4975 } 4976 .header-dropdown__cta-3 .header-dropdown__cta-text { 4977 width: 100%; 4978 justify-content: center; 4979 } 4980 .header-dropdown__cta-text h5 { 4981 font-size: 18px; 4982 line-height: 24px; 4983 } 4984 .header-dropdown__cta-text p { 4985 max-width: none; 4986 } 4987 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 4988 font-size: 16px; 4989 line-height: 24px; 4990 } 4991 } 4992 @media screen and (min-width: 992px) { 4993 .header-dropdown__cta { 4994 width: calc(25% - 27px); 4995 max-width: 261px; 4996 } 4997 .header-dropdown__cta-text p { 4998 font-size: 14px; 4999 line-height: 24px; 5000 } 5001 } 5002</style> 5003 5004 5005 5006 5007 5008 5009 5010 5011 5012 5013 5014 5015 5016 5017 5018 5019 5020 5021 <a href="/blogs/news/tagged/soylent-for-good" class="header-dropdown__cta header-dropdown__cta-3"> 5022 5023 5024 5025 <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> 5026 <span class="header-dropdown__cta-text"> 5027 5028 <h5>we give back.</h5> 5029 5030 5031 <p>food is a right. not a luxury.</p> 5032 5033 5034 <p class="header-dropdown__cta-text-btn">LEARN MORE</p> 5035 5036 </span> 5037 5038 5039 5040 </a> 5041 5042 5043 5044 5045<style> 5046 .header-dropdown__cta { 5047 padding-left: 0; 5048 padding-bottom: 0; 5049 width: calc(50% - 8px); 5050 cursor: pointer; 5051 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 5052 } 5053 .header-dropdown__cta-3 { 5054 display: flex; 5055 flex-direction: row; 5056 width: 100%; 5057 } 5058 .header-dropdown__cta-text { 5059 display: flex; 5060 flex-direction: column; 5061 align-items: center; 5062 justify-self: center; 5063 gap: 8px; 5064 background-color: #fff; 5065 text-align: center; 5066 padding: 16px 0px; 5067 width: 100%; 5068 max-width: 120px; 5069 margin: 0 auto; 5070 } 5071 .header-dropdown__cta-bg { 5072 aspect-ratio: 1; 5073 } 5074 .header-dropdown__cta-3 .header-dropdown__cta-bg { 5075 width: calc(50% - 8px); 5076 } 5077 .header-dropdown__cta-3 .header-dropdown__cta-text { 5078 width: calc(50% + 8px); 5079 justify-content: center; 5080 } 5081 .header-dropdown__cta-text h5 { 5082 font-size: 16px; 5083 line-height: 16px; 5084 font-weight: 700; 5085 margin: 0 !important; 5086 } 5087 .header-dropdown__cta-text p { 5088 font-size: 14px; 5089 line-height: 16px; 5090 font-weight: 400; 5091 text-align: center; 5092 } 5093 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 5094 font-size: 14px; 5095 line-height: 16px; 5096 font-weight: 500; 5097 margin: 0 !important; 5098 color: #47AF19 !important; 5099 } 5100 .header-dropdown__cta:nth-child(2) { 5101 display: flex; 5102 flex-direction: row; 5103 } 5104 .mobile-nav__submenu-list-about .header-dropdown__cta { 5105 background-color: #fff; 5106 } 5107 @media screen and (min-width: 597px){ 5108 .header-dropdown__cta-text { 5109 padding: 24px 16px; 5110 max-width: 100%; 5111 } 5112 } 5113 @media screen and (min-width: 768px) { 5114 .header-dropdown__cta { 5115 width: calc(25% - 12px); 5116 } 5117 .header-dropdown-about .header-dropdown__cta { 5118 background-color: #fff; 5119 } 5120 .header-dropdown__cta-text { 5121 padding: 24px 16px; 5122 } 5123 .header-dropdown__cta-3 { 5124 display: flex; 5125 flex-direction: column; 5126 width: calc(25% - 12px); 5127 } 5128 .header-dropdown__cta-3 .header-dropdown__cta-bg { 5129 width: 100%; 5130 } 5131 .header-dropdown__cta-3 .header-dropdown__cta-text { 5132 width: 100%; 5133 justify-content: center; 5134 } 5135 .header-dropdown__cta-text h5 { 5136 font-size: 18px; 5137 line-height: 24px; 5138 } 5139 .header-dropdown__cta-text p { 5140 max-width: none; 5141 } 5142 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 5143 font-size: 16px; 5144 line-height: 24px; 5145 } 5146 } 5147 @media screen and (min-width: 992px) { 5148 .header-dropdown__cta { 5149 width: calc(25% - 27px); 5150 max-width: 261px; 5151 } 5152 .header-dropdown__cta-text p { 5153 font-size: 14px; 5154 line-height: 24px; 5155 } 5156 } 5157</style> 5158 5159 5160 5161 5162 5163 5164 5165 5166 5167 5168 5169 5170 5171 5172 5173 5174<style> 5175 .header-dropdown__cta { 5176 padding-left: 0; 5177 padding-bottom: 0; 5178 width: calc(50% - 8px); 5179 cursor: pointer; 5180 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 5181 } 5182 .header-dropdown__cta-3 { 5183 display: flex; 5184 flex-direction: row; 5185 width: 100%; 5186 } 5187 .header-dropdown__cta-text { 5188 display: flex; 5189 flex-direction: column; 5190 align-items: center; 5191 justify-self: center; 5192 gap: 8px; 5193 background-color: #fff; 5194 text-align: center; 5195 padding: 16px 0px; 5196 width: 100%; 5197 max-width: 120px; 5198 margin: 0 auto; 5199 } 5200 .header-dropdown__cta-bg { 5201 aspect-ratio: 1; 5202 } 5203 .header-dropdown__cta-3 .header-dropdown__cta-bg { 5204 width: calc(50% - 8px); 5205 } 5206 .header-dropdown__cta-3 .header-dropdown__cta-text { 5207 width: calc(50% + 8px); 5208 justify-content: center; 5209 } 5210 .header-dropdown__cta-text h5 { 5211 font-size: 16px; 5212 line-height: 16px; 5213 font-weight: 700; 5214 margin: 0 !important; 5215 } 5216 .header-dropdown__cta-text p { 5217 font-size: 14px; 5218 line-height: 16px; 5219 font-weight: 400; 5220 text-align: center; 5221 } 5222 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 5223 font-size: 14px; 5224 line-height: 16px; 5225 font-weight: 500; 5226 margin: 0 !important; 5227 color: #47AF19 !important; 5228 } 5229 .header-dropdown__cta:nth-child(2) { 5230 display: flex; 5231 flex-direction: row; 5232 } 5233 .mobile-nav__submenu-list-about .header-dropdown__cta { 5234 background-color: #fff; 5235 } 5236 @media screen and (min-width: 597px){ 5237 .header-dropdown__cta-text { 5238 padding: 24px 16px; 5239 max-width: 100%; 5240 } 5241 } 5242 @media screen and (min-width: 768px) { 5243 .header-dropdown__cta { 5244 width: calc(25% - 12px); 5245 } 5246 .header-dropdown-about .header-dropdown__cta { 5247 background-color: #fff; 5248 } 5249 .header-dropdown__cta-text { 5250 padding: 24px 16px; 5251 } 5252 .header-dropdown__cta-3 { 5253 display: flex; 5254 flex-direction: column; 5255 width: calc(25% - 12px); 5256 } 5257 .header-dropdown__cta-3 .header-dropdown__cta-bg { 5258 width: 100%; 5259 } 5260 .header-dropdown__cta-3 .header-dropdown__cta-text { 5261 width: 100%; 5262 justify-content: center; 5263 } 5264 .header-dropdown__cta-text h5 { 5265 font-size: 18px; 5266 line-height: 24px; 5267 } 5268 .header-dropdown__cta-text p { 5269 max-width: none; 5270 } 5271 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 5272 font-size: 16px; 5273 line-height: 24px; 5274 } 5275 } 5276 @media screen and (min-width: 992px) { 5277 .header-dropdown__cta { 5278 width: calc(25% - 27px); 5279 max-width: 261px; 5280 } 5281 .header-dropdown__cta-text p { 5282 font-size: 14px; 5283 line-height: 24px; 5284 } 5285 } 5286</style> 5287 5288 5289<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> 5290 .header-dropdown__links { 5291 display: flex; 5292 flex-direction: row; 5293 flex-wrap: wrap; 5294 font-size: 16px !important; 5295 line-height: 24px !important; 5296 font-weight: 700 !important; 5297 text-transform: lowercase; 5298 gap: 12px; 5299 background: transparent; 5300 padding-bottom: 24px; 5301 padding-left: 0; 5302 padding-top: 12px; 5303 margin-top: 12px; 5304 border-top: 2px solid #ebebeb; 5305 } 5306 .header-dropdown__links:before { 5307 content: none !important; 5308 width: 0 !important; 5309 } 5310 .header-dropdown__links a { 5311 width: 100%; 5312 height: auto; 5313 font-size: 16px; 5314 line-height: 24px; 5315 padding: 0; 5316 justify-content: center; 5317 } 5318 .header-dropdown__links a:nth-child(n+5){ 5319 width: 100%; 5320 } 5321 @media screen and (min-width: 768px) { 5322 .header-dropdown__links { 5323 padding-left: 36px; 5324 flex-direction: column; 5325 justify-content: space-between; 5326 } 5327 .header-dropdown__links a { 5328 width: 100%; 5329 } 5330 } 5331 @media screen and (min-width: 1024px) { 5332 .header-dropdown__links { 5333 padding-left: 36px; 5334 } 5335 } 5336</style> 5337 5338 5339 </ul> 5340 </div> 5341 5342 5343 5344 5345 5346 5347 5348 <li class="mobile-nav__menu-item" > 5349 <a href="/blogs/news/why-soy-protein" > 5350 why soy?
5351 <span class="mobile-nav__dropdown-icon-link"> 5352 <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> 5353 </span> 5354 5355 </a> 5356 </li> 5357 5358 5359 5360 5361 5362 5363 5364 5365 5366 5367 5368 5369 5370 <li class="mobile-nav__menu-item" > 5371 <a href="/pages/soylent-clinical-trials" > 5372 clinical trials 5373 <span class="mobile-nav__dropdown-icon-link"> 5374 <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> 5375 </span> 5376 5377 </a> 5378 </li> 5379 5380 5381 5382 5383 5384 5385 5386 5387 5388 5389 5390 5391 5392 <li class="mobile-nav__menu-item" > 5393 <a href="/pages/reviews" > 5394 reviews 5395 <span class="mobile-nav__dropdown-icon-link"> 5396 <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> 5397 </span> 5398 5399 </a> 5400 </li> 5401 5402 5403 5404 5405 5406 5407 5408 5409 5410 5411 5412 5413 5414 <li class="mobile-nav__menu-item" > 5415 <a href="/pages/soylent-product-recommendation-quiz" > 5416 product quiz 5417 <span class="mobile-nav__dropdown-icon-link"> 5418 <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> 5419 </span> 5420 5421 </a> 5422 </li> 5423 5424 5425 5426 5427 5428 5429 </ul> 5430 5431 <div class="mobile-nav-footer"> 5432 <div class="header-social-sharing social-sharing" data-social-sharing> 5433 5434 <a target="_blank" 5435 href="https://www.instagram.com/soylent/" 5436 title="Instagram"> 5437 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 5438<g clip-path="url(#clip0_2447_4682)"> 5439<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"/> 5440<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"/> 5441<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"/> 5442</g> 5443<defs> 5444<clipPath id="clip0_2447_4682"> 5445<rect width="20" height="20" fill="white"/> 5446</clipPath> 5447</defs> 5448</svg> 5449
5450 <span aria-hidden="true">Instagram</span> 5451 <span class="visually-hidden">Instagram</span> 5452 </a> 5453 5454 5455 5456 <a target="_blank" 5457 href="https:\/\/www.tiktok.com\/@soylent_nutrition" 5458 title="Tiktok"> 5459 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 5460<g clip-path="url(#clip0_2447_4687)"> 5461<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"/> 5462</g> 5463<defs> 5464<clipPath id="clip0_2447_4687"> 5465<rect width="20" height="20" fill="white"/> 5466</clipPath> 5467</defs> 5468</svg> 5469 5470 <span aria-hidden="true">Tiktok</span> 5471 <span class="visually-hidden">Tiktok</span> 5472 </a> 5473 5474 5475 5476 <a target="_blank" 5477 href="https://www.reddit.com/r/soylent/" 5478 title="Reddit"> 5479 <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> 5480<g clip-path="url(#clip0_2447_4690)"> 5481<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"/> 5482</g> 5483<defs> 5484<clipPath id="clip0_2447_4690"> 5485<rect width="20" height="20" fill="white"/> 5486</clipPath> 5487</defs> 5488</svg> 5489
5490 <span aria-hidden="true">Reddit</span> 5491 <span class="visually-hidden">Reddit</span> 5492 </a> 5493 5494 5495 </div> 5496 5497 <style> 5498 #shopify-section-social-sharing { 5499 display: flex; 5500 flex-direction: column; 5501 align-items: center; 5502 } 5503 .social-sharing--desktop .social-sharing > a { 5504 display: flex; 5505 align-items: center; 5506 justify-content: center; 5507 } 5508 .social-sharing___header { 5509 font-family: 'Lato'; 5510 font-weight: 500; 5511 font-size: 16px; 5512 line-height: 20px; 5513 letter-spacing: 0.5px; 5514 text-transform: uppercase; 5515 color: #000000; 5516 margin: 0; 5517 } 5518 .icon-mail { 5519 width: 17px; 5520 height: 12px; 5521 } 5522 .social-sharing { 5523 display: flex; 5524 justify-content: center; 5525 align-items: center; 5526 gap: 22px; 5527 } 5528 .social-sharing > a { 5529 display: flex; 5530 justify-content: center; 5531 align-items: center; 5532 } 5533 .header-social-sharing > a { 5534 height: 20px; 5535 width: 20px; 5536 } 5537 .rte a svg path { 5538 fill: #47af19; 5539 } 5540 .social-sharing___header { 5541 display: block; 5542 } 5543 .social-sharing { 5544 gap: 16px; 5545 display: none; 5546 } 5547 .mobile-nav-footer .social-sharing { 5548 display: flex; 5549 } 5550 @media screen and (min-width: 768px){ 5551 #shopify-section-social-sharing { 5552 display: flex; 5553 flex-direction: row; 5554 } 5555 .social-sharing___header { 5556 display: block; 5557 } 5558 } 5559 @media screen and (min-width: 1199px){ 5560 .social-sharing { 5561 gap: 16px; 5562 display: flex; 5563 } 5564 } 5565 </style> 5566 5567 5568 5569 5570 5571 5572 5573 <div class="header-nav__menu-item country-selector" 5574 aria-label="open country selector dropdown" 5575 data-country-selector-trigger> 5576 <div class="country-list__flag"> 5577 <img src="//soylent.com/cdn/shop/files/flag_3x_681abd70-d265-4605-9c60-e11498a6c18e_50x.png?v=1613773071" alt="" /> 5578 </div> 5579 5580 5581 <div class="country-dropdown" data-country-dropdown> 5582 <ul class="country-list__container"> 5583 5584 5585 <li class="country-list__item"> 5586 <a href="https://www.soylent.com/"> 5587 <span class="country-list__item-text">United States</span> 5588 <span class="country-list__flag"><img src="//soylent.com/cdn/shop/files/flag_3x_681abd70-d265-4605-9c60-e11498a6c18e_50x.png?v=1613773071" alt="" /> 5589 </span> 5590 </a> 5591 </li> 5592 5593 5594 5595 <li class="country-list__item"> 5596 <a href="http://soylent.ca"> 5597 <span class="country-list__item-text">Canada</span> 5598 <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="" /> 5599 </span> 5600 </a> 5601 </li> 5602 5603 5604 5605 <li class="country-list__item"> 5606 <a href="https://www.bigapplebuddy.com/brands/soylent"> 5607 <span class="country-list__item-text">Global</span> 5608 <span class="country-list__flag"><img src="//soylent.com/cdn/shop/files/Global_Flag_50x.png?v=1628286370" alt="" /> 5609 </span> 5610 </a> 5611 </li> 5612 5613 5614 5615 5616 5617 5618 5619 5620 5621 5622 5623 5624 5625 5626 5627 5628 </ul> 5629 </div> 5630 5631 5632 </div> 5633 5634</div> 5635 5636 5637 </div> 5638 5639 5640 5641 <div class="header-nav header-nav--logo"> 5642 5643 <h1 style="display: none !important;">Soylent</h1> 5644 5645 5646<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
56460-.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> 5647</a> 5648 5649 </div> 5650 5651 5652 <div class="header-nav header-nav--center header-nav--hide-on-mobile"> 5653 5654 <ul class="header-nav__menu header-nav__menu--main"> 5655 5656 5657 5658 5659 5660 5661 5662 5663 5664 5665 5666<li class="header-nav__menu-item" > 5667 <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"> 5668 SHOP 5669</a> 5670 5671 <div id="dropdown-nav_shop_item_NA6F9G" class="header-dropdown header-dropdown-shop"> 5672 <div class="header-dropdown__ctas "> 5673 <div class="container-fluid"> 5674 <div class="header-dropdown__ctas__inner"> 5675 5676 5677 5678 5679 5680 5681 5682 5683 5684 5685 5686 5687 5688 <a href="/collections/complete-meal-shakes" class="header-dropdown-shop-cta"> 5689 <div class="header-dropdown-shop-cta__image-wrapper-1" style="overflow: hidden;"> 5690 5691 <img class="header-dropdown-shop-cta__image-top-1" src="//soylent.com/cdn/shop/files/Complete_Meal_Gif_grande.png?v=1710113952" alt=""> 5692 5693 5694 </div> 5695 <div class="header-dropdown-shop-cta__content"> 5696 <h5>complete meal shakes</h5> 5697 <div><p>real science. real nutrition. real food.</p></div> 5698 <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div> 5699 </div> 5700</a> 5701 5702<style> 5703 .header-dropdown-shop-cta { 5704 width: 100%; 5705 display: flex; 5706 flex-direction: row; 5707 align-items: center; 5708 justify-content: flex-start; 5709 padding-left: 0; 5710 padding-bottom: 0; 5711 gap: 16px; 5712 } 5713 .header-dropdown-shop-cta__image-wrapper-1 { 5714 border: 1px solid #000; 5715 aspect-ratio: 1/1; 5716 max-width: 102px; 5717 width: 102px; 5718 position: relative; 5719 background: linear-gradient(to bottom, #5e93db 0%, #5e93db 50%, #ffffff 50%, #ffffff 100%); 5720 } 5721 .header-dropdown-shop-cta__image-wrapper-1 img { 5722 width: 100%; 5723 height: auto; 5724 aspect-ratio: 1/1; 5725 object-fit: contain; 5726 object-position: center; 5727 position: absolute; 5728 top: 0; 5729 left: 0; 5730 } 5731 5732 @keyframes fadeOut { 5733 0% { 5734 left: 0; 5735 } 5736 20% { 5737 left: 0; 5738 } 5739 40% { 5740 left: -150%; 5741 display: block; 5742 } 5743 49% { 5744 left: -150%; 5745 display: none; 5746 } 5747 50% { 5748 left: 150%; 5749 display: none; 5750 } 5751 60% { 5752 left: 150%; 5753 display: block; 5754 } 5755 80% { 5756 left: 0; 5757 } 5758 100% { 5759 left: 0; 5760 } 5761 } 5762 @keyframes fadeIn { 5763 0% { 5764 left: 150%; 5765 } 5766 20% { 5767 left: 150%; 5768 } 5769 40% { 5770 left: 0; 5771 } 5772 60% { 5773 left: 0; 5774 } 5775 80% { 5776 left: -150%; 5777 } 5778 100% { 5779 left: -150%; 5780 } 5781 } 5782 .header-dropdown-shop-cta__content { 5783 display: flex; 5784 flex-direction: column; 5785 gap: 8px; 5786 width: calc(100% - 118px); 5787 } 5788 .header-dropdown-shop-cta__content h5 { 5789 font-size: 16px; 5790 line-height: 24px; 5791 font-weight: 700; 5792 margin: 0; 5793 padding: 0; 5794 color: #212322; 5795 } 5796 .header-dropdown-shop-cta__content p { 5797 font-size: 14px; 5798 line-height: 18px; 5799 margin: 0 !important; 5800 padding: 0 !important; 5801 color: #505050; 5802 max-height: 36px; 5803 overflow: hidden; 5804 } 5805 .header-dropdown-shop-cta__content-btn { 5806 font-size: 14px; 5807 line-height: 16px; 5808 font-weight: 500; 5809 text-decoration: none; 5810 letter-spacing: 0.32px; 5811 color: #47AF19; 5812 margin: 0; 5813 } 5814 @media screen and (min-width: 597px) { 5815 .header-dropdown-shop-cta { 5816 width: calc(50% - 8px); 5817 height: fit-content; 5818 } 5819 } 5820 @media screen and (min-width: 768px) { 5821 .header-dropdown-shop-cta { 5822 gap: 36px; 5823 width: calc(50% - 9px); 5824 height: 162px; 5825 } 5826 .header-dropdown-shop-cta__image-wrapper-1 { 5827 max-width: 162px; 5828 width: 100%; 5829 } 5830 .header-dropdown-shop-cta__content { 5831 width: 100%; 5832 } 5833 .header-dropdown-shop-cta__content h5 { 5834 font-size: 18px; 5835 line-height: 24px; 5836 } 5837 .header-dropdown-shop-cta__content p { 5838 font-size: 16px; 5839 line-height: 24px; 5840 max-height: none; 5841 } 5842 .header-dropdown-shop-cta__content-btn { 5843 font-size: 16px; 5844 line-height: 24px; 5845 } 5846 } 5847</style> 5848 5849 5850 5851 5852 5853 5854 5855 5856 5857 5858 5859 5860 <a href="/collections/complete-meal-powder" class="header-dropdown-shop-cta"> 5861 <div class="header-dropdown-shop-cta__image-wrapper-2" style="overflow: hidden;"> 5862 5863 <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=""> 5864 5865 5866 </div> 5867 <div class="header-dropdown-shop-cta__content"> 5868 <h5>complete meal powder</h5> 5869 <div><p>perfectly portioned for nutritional absorption.</p></div> 5870 <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div> 5871 </div> 5872</a> 5873 5874<style> 5875 .header-dropdown-shop-cta { 5876 width: 100%; 5877 display: flex; 5878 flex-direction: row; 5879 align-items: center; 5880 justify-content: flex-start; 5881 padding-left: 0; 5882 padding-bottom: 0; 5883 gap: 16px; 5884 } 5885 .header-dropdown-shop-cta__image-wrapper-2 { 5886 border: 1px solid #000; 5887 aspect-ratio: 1/1; 5888 max-width: 102px; 5889 width: 102px; 5890 position: relative; 5891 background: linear-gradient(to bottom, #b5917c 0%, #b5917c 50%, #ffffff 50%, #ffffff 100%); 5892 } 5893 .header-dropdown-shop-cta__image-wrapper-2 img { 5894 width: 100%; 5895 height: auto; 5896 aspect-ratio: 1/1; 5897 object-fit: contain; 5898 object-position: center; 5899 position: absolute; 5900 top: 0; 5901 left: 0; 5902 } 5903 5904 @keyframes fadeOut { 5905 0% { 5906 left: 0; 5907 } 5908 20% { 5909 left: 0; 5910 } 5911 40% { 5912 left: -150%; 5913 display: block; 5914 } 5915 49% { 5916 left: -150%; 5917 display: none; 5918 } 5919 50% { 5920 left: 150%; 5921 display: none; 5922 } 5923 60% { 5924 left: 150%; 5925 display: block; 5926 } 5927 80% { 5928 left: 0; 5929 } 5930 100% { 5931 left: 0; 5932 } 5933 } 5934 @keyframes fadeIn { 5935 0% { 5936 left: 150%; 5937 } 5938 20% { 5939 left: 150%; 5940 } 5941 40% { 5942 left: 0; 5943 } 5944 60% { 5945 left: 0; 5946 } 5947 80% { 5948 left: -150%; 5949 } 5950 100% { 5951 left: -150%; 5952 } 5953 } 5954 .header-dropdown-shop-cta__content { 5955 display: flex; 5956 flex-direction: column; 5957 gap: 8px; 5958 width: calc(100% - 118px); 5959 } 5960 .header-dropdown-shop-cta__content h5 { 5961 font-size: 16px; 5962 line-height: 24px; 5963 font-weight: 700; 5964 margin: 0; 5965 padding: 0; 5966 color: #212322; 5967 } 5968 .header-dropdown-shop-cta__content p { 5969 font-size: 14px; 5970 line-height: 18px; 5971 margin: 0 !important; 5972 padding: 0 !important; 5973 color: #505050; 5974 max-height: 36px; 5975 overflow: hidden; 5976 } 5977 .header-dropdown-shop-cta__content-btn { 5978 font-size: 14px; 5979 line-height: 16px; 5980 font-weight: 500; 5981 text-decoration: none; 5982 letter-spacing: 0.32px; 5983 color: #47AF19; 5984 margin: 0; 5985 } 5986 @media screen and (min-width: 597px) { 5987 .header-dropdown-shop-cta { 5988 width: calc(50% - 8px); 5989 height: fit-content; 5990 } 5991 } 5992 @media screen and (min-width: 768px) { 5993 .header-dropdown-shop-cta { 5994 gap: 36px; 5995 width: calc(50% - 9px); 5996 height: 162px; 5997 } 5998 .header-dropdown-shop-cta__image-wrapper-2 { 5999 max-width: 162px; 6000 width: 100%; 6001 } 6002 .header-dropdown-shop-cta__content { 6003 width: 100%; 6004 } 6005 .header-dropdown-shop-cta__content h5 { 6006 font-size: 18px; 6007 line-height: 24px; 6008 } 6009 .header-dropdown-shop-cta__content p { 6010 font-size: 16px; 6011 line-height: 24px; 6012 max-height: none; 6013 } 6014 .header-dropdown-shop-cta__content-btn { 6015 font-size: 16px; 6016 line-height: 24px; 6017 } 6018 } 6019</style> 6020 6021 6022 6023 6024 6025 6026 6027 6028 6029 6030 6031 6032 <a href="/collections/complete-protein" class="header-dropdown-shop-cta"> 6033 <div class="header-dropdown-shop-cta__image-wrapper-3" style="overflow: hidden;"> 6034 6035 <img class="header-dropdown-shop-cta__image-top-3" src="//soylent.com/cdn/shop/files/Complete_Protein_Gif_grande.png?v=1710113952" alt=""> 6036 6037 6038 <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=""> 6039 6040 </div> 6041 <div class="header-dropdown-shop-cta__content"> 6042 <h5>complete protein</h5> 6043 <div><p>protein. rooted in science. taste perfected.</p></div> 6044 <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div> 6045 </div> 6046</a> 6047 6048<style> 6049 .header-dropdown-shop-cta { 6050 width: 100%; 6051 display: flex; 6052 flex-direction: row; 6053 align-items: center; 6054 justify-content: flex-start; 6055 padding-left: 0; 6056 padding-bottom: 0; 6057 gap: 16px; 6058 } 6059 .header-dropdown-shop-cta__image-wrapper-3 { 6060 border: 1px solid #000; 6061 aspect-ratio: 1/1; 6062 max-width: 102px; 6063 width: 102px; 6064 position: relative; 6065 background: linear-gradient(to bottom, #8fad15 0%, #8fad15 50%, #ffffff 50%, #ffffff 100%); 6066 } 6067 .header-dropdown-shop-cta__image-wrapper-3 img { 6068 width: 100%; 6069 height: auto; 6070 aspect-ratio: 1/1; 6071 object-fit: contain; 6072 object-position: center; 6073 position: absolute; 6074 top: 0; 6075 left: 0; 6076 } 6077 6078 .header-dropdown-shop-cta__image-top-3 { 6079 animation: fadeOut 3s infinite; 6080 } 6081 .header-dropdown-shop-cta__image-bot-3{ 6082 animation: fadeIn 3s infinite; 6083 } 6084 6085 @keyframes fadeOut { 6086 0% { 6087 left: 0; 6088 } 6089 20% { 6090 left: 0; 6091 } 6092 40% { 6093 left: -150%; 6094 display: block; 6095 } 6096 49% { 6097 left: -150%; 6098 display: none; 6099 } 6100 50% { 6101 left: 150%; 6102 display: none; 6103 } 6104 60% { 6105 left: 150%; 6106 display: block; 6107 } 6108 80% { 6109 left: 0; 6110 } 6111 100% { 6112 left: 0; 6113 } 6114 } 6115 @keyframes fadeIn { 6116 0% { 6117 left: 150%; 6118 } 6119 20% { 6120 left: 150%; 6121 } 6122 40% { 6123 left: 0; 6124 } 6125 60% { 6126 left: 0; 6127 } 6128 80% { 6129 left: -150%; 6130 } 6131 100% { 6132 left: -150%; 6133 } 6134 } 6135 .header-dropdown-shop-cta__content { 6136 display: flex; 6137 flex-direction: column; 6138 gap: 8px; 6139 width: calc(100% - 118px); 6140 } 6141 .header-dropdown-shop-cta__content h5 { 6142 font-size: 16px; 6143 line-height: 24px; 6144 font-weight: 700; 6145 margin: 0; 6146 padding: 0; 6147 color: #212322; 6148 } 6149 .header-dropdown-shop-cta__content p { 6150 font-size: 14px; 6151 line-height: 18px; 6152 margin: 0 !important; 6153 padding: 0 !important; 6154 color: #505050; 6155 max-height: 36px; 6156 overflow: hidden; 6157 } 6158 .header-dropdown-shop-cta__content-btn { 6159 font-size: 14px; 6160 line-height: 16px; 6161 font-weight: 500; 6162 text-decoration: none; 6163 letter-spacing: 0.32px; 6164 color: #47AF19; 6165 margin: 0; 6166 } 6167 @media screen and (min-width: 597px) { 6168 .header-dropdown-shop-cta { 6169 width: calc(50% - 8px); 6170 height: fit-content; 6171 } 6172 } 6173 @media screen and (min-width: 768px) { 6174 .header-dropdown-shop-cta { 6175 gap: 36px; 6176 width: calc(50% - 9px); 6177 height: 162px; 6178 } 6179 .header-dropdown-shop-cta__image-wrapper-3 { 6180 max-width: 162px; 6181 width: 100%; 6182 } 6183 .header-dropdown-shop-cta__content { 6184 width: 100%; 6185 } 6186 .header-dropdown-shop-cta__content h5 { 6187 font-size: 18px; 6188 line-height: 24px; 6189 } 6190 .header-dropdown-shop-cta__content p { 6191 font-size: 16px; 6192 line-height: 24px; 6193 max-height: none; 6194 } 6195 .header-dropdown-shop-cta__content-btn { 6196 font-size: 16px; 6197 line-height: 24px; 6198 } 6199 } 6200</style> 6201 6202 6203 6204 6205 6206 6207 6208 6209 6210 6211 6212 6213 <a href="/collections/complete-coffee-shakes" class="header-dropdown-shop-cta"> 6214 <div class="header-dropdown-shop-cta__image-wrapper-4" style="overflow: hidden;"> 6215 6216 <img class="header-dropdown-shop-cta__image-top-4" src="//soylent.com/cdn/shop/files/Cafe_Mocha_grande.png?v=1710113952" alt=""> 6217 6218 6219 </div> 6220 <div class="header-dropdown-shop-cta__content"> 6221 <h5>complete coffee</h5> 6222 <div><p>coffee that acts like a healthy breakfast.</p></div> 6223 <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div> 6224 </div> 6225</a> 6226 6227<style> 6228 .header-dropdown-shop-cta { 6229 width: 100%; 6230 display: flex; 6231 flex-direction: row; 6232 align-items: center; 6233 justify-content: flex-start; 6234 padding-left: 0; 6235 padding-bottom: 0; 6236 gap: 16px; 6237 } 6238 .header-dropdown-shop-cta__image-wrapper-4 { 6239 border: 1px solid #000; 6240 aspect-ratio: 1/1; 6241 max-width: 102px; 6242 width: 102px; 6243 position: relative; 6244 background: linear-gradient(to bottom, #f2ed6d 0%, #f2ed6d 50%, #ffffff 50%, #ffffff 100%); 6245 } 6246 .header-dropdown-shop-cta__image-wrapper-4 img { 6247 width: 100%; 6248 height: auto; 6249 aspect-ratio: 1/1; 6250 object-fit: contain; 6251 object-position: center; 6252 position: absolute; 6253 top: 0; 6254 left: 0; 6255 } 6256 6257 @keyframes fadeOut { 6258 0% { 6259 left: 0; 6260 } 6261 20% { 6262 left: 0; 6263 } 6264 40% { 6265 left: -150%; 6266 display: block; 6267 } 6268 49% { 6269 left: -150%; 6270 display: none; 6271 } 6272 50% { 6273 left: 150%; 6274 display: none; 6275 } 6276 60% { 6277 left: 150%; 6278 display: block; 6279 } 6280 80% { 6281 left: 0; 6282 } 6283 100% { 6284 left: 0; 6285 } 6286 } 6287 @keyframes fadeIn { 6288 0% { 6289 left: 150%; 6290 } 6291 20% { 6292 left: 150%; 6293 } 6294 40% { 6295 left: 0; 6296 } 6297 60% { 6298 left: 0; 6299 } 6300 80% { 6301 left: -150%; 6302 } 6303 100% { 6304 left: -150%; 6305 } 6306 } 6307 .header-dropdown-shop-cta__content { 6308 display: flex; 6309 flex-direction: column; 6310 gap: 8px; 6311 width: calc(100% - 118px); 6312 } 6313 .header-dropdown-shop-cta__content h5 { 6314 font-size: 16px; 6315 line-height: 24px; 6316 font-weight: 700; 6317 margin: 0; 6318 padding: 0; 6319 color: #212322; 6320 } 6321 .header-dropdown-shop-cta__content p { 6322 font-size: 14px; 6323 line-height: 18px; 6324 margin: 0 !important; 6325 padding: 0 !important; 6326 color: #505050; 6327 max-height: 36px; 6328 overflow: hidden; 6329 } 6330 .header-dropdown-shop-cta__content-btn { 6331 font-size: 14px; 6332 line-height: 16px; 6333 font-weight: 500; 6334 text-decoration: none; 6335 letter-spacing: 0.32px; 6336 color: #47AF19; 6337 margin: 0; 6338 } 6339 @media screen and (min-width: 597px) { 6340 .header-dropdown-shop-cta { 6341 width: calc(50% - 8px); 6342 height: fit-content; 6343 } 6344 } 6345 @media screen and (min-width: 768px) { 6346 .header-dropdown-shop-cta { 6347
6347 gap: 36px; 6348 width: calc(50% - 9px); 6349 height: 162px; 6350 } 6351 .header-dropdown-shop-cta__image-wrapper-4 { 6352 max-width: 162px; 6353 width: 100%; 6354 } 6355 .header-dropdown-shop-cta__content { 6356 width: 100%; 6357 } 6358 .header-dropdown-shop-cta__content h5 { 6359 font-size: 18px; 6360 line-height: 24px; 6361 } 6362 .header-dropdown-shop-cta__content p { 6363 font-size: 16px; 6364 line-height: 24px; 6365 max-height: none; 6366 } 6367 .header-dropdown-shop-cta__content-btn { 6368 font-size: 16px; 6369 line-height: 24px; 6370 } 6371 } 6372</style> 6373 6374 6375 6376 6377 6378 6379 6380 6381 6382 6383 6384 6385 <a href="/products/soylent-complete-energy-chocolate" class="header-dropdown-shop-cta"> 6386 <div class="header-dropdown-shop-cta__image-wrapper-5" style="overflow: hidden;"> 6387 6388 <img class="header-dropdown-shop-cta__image-top-5" src="//soylent.com/cdn/shop/files/Chocolate_grande.png?v=1710113952" alt=""> 6389 6390 6391 </div> 6392 <div class="header-dropdown-shop-cta__content"> 6393 <h5>complete energy</h5> 6394 <div><p>smart energy. fuel for the brain and the body. </p></div> 6395 <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div> 6396 </div> 6397</a> 6398 6399<style> 6400 .header-dropdown-shop-cta { 6401 width: 100%; 6402 display: flex; 6403 flex-direction: row; 6404 align-items: center; 6405 justify-content: flex-start; 6406 padding-left: 0; 6407 padding-bottom: 0; 6408 gap: 16px; 6409 } 6410 .header-dropdown-shop-cta__image-wrapper-5 { 6411 border: 1px solid #000; 6412 aspect-ratio: 1/1; 6413 max-width: 102px; 6414 width: 102px; 6415 position: relative; 6416 background: linear-gradient(to bottom, #fcd700 0%, #fcd700 50%, #ffffff 50%, #ffffff 100%); 6417 } 6418 .header-dropdown-shop-cta__image-wrapper-5 img { 6419 width: 100%; 6420 height: auto; 6421 aspect-ratio: 1/1; 6422 object-fit: contain; 6423 object-position: center; 6424 position: absolute; 6425 top: 0; 6426 left: 0; 6427 } 6428 6429 @keyframes fadeOut { 6430 0% { 6431 left: 0; 6432 } 6433 20% { 6434 left: 0; 6435 } 6436 40% { 6437 left: -150%; 6438 display: block; 6439 } 6440 49% { 6441 left: -150%; 6442 display: none; 6443 } 6444 50% { 6445 left: 150%; 6446 display: none; 6447 } 6448 60% { 6449 left: 150%; 6450 display: block; 6451 } 6452 80% { 6453 left: 0; 6454 } 6455 100% { 6456 left: 0; 6457 } 6458 } 6459 @keyframes fadeIn { 6460 0% { 6461 left: 150%; 6462 } 6463 20% { 6464 left: 150%; 6465 } 6466 40% { 6467 left: 0; 6468 } 6469 60% { 6470 left: 0; 6471 } 6472 80% { 6473 left: -150%; 6474 } 6475 100% { 6476 left: -150%; 6477 } 6478 } 6479 .header-dropdown-shop-cta__content { 6480 display: flex; 6481 flex-direction: column; 6482 gap: 8px; 6483 width: calc(100% - 118px); 6484 } 6485 .header-dropdown-shop-cta__content h5 { 6486 font-size: 16px; 6487 line-height: 24px; 6488 font-weight: 700; 6489 margin: 0; 6490 padding: 0; 6491 color: #212322; 6492 } 6493 .header-dropdown-shop-cta__content p { 6494 font-size: 14px; 6495 line-height: 18px; 6496 margin: 0 !important; 6497 padding: 0 !important; 6498 color: #505050; 6499 max-height: 36px; 6500 overflow: hidden; 6501 } 6502 .header-dropdown-shop-cta__content-btn { 6503 font-size: 14px; 6504 line-height: 16px; 6505 font-weight: 500; 6506 text-decoration: none; 6507 letter-spacing: 0.32px; 6508 color: #47AF19; 6509 margin: 0; 6510 } 6511 @media screen and (min-width: 597px) { 6512 .header-dropdown-shop-cta { 6513 width: calc(50% - 8px); 6514 height: fit-content; 6515 } 6516 } 6517 @media screen and (min-width: 768px) { 6518 .header-dropdown-shop-cta { 6519 gap: 36px; 6520 width: calc(50% - 9px); 6521 height: 162px; 6522 } 6523 .header-dropdown-shop-cta__image-wrapper-5 { 6524 max-width: 162px; 6525 width: 100%; 6526 } 6527 .header-dropdown-shop-cta__content { 6528 width: 100%; 6529 } 6530 .header-dropdown-shop-cta__content h5 { 6531 font-size: 18px; 6532 line-height: 24px; 6533 } 6534 .header-dropdown-shop-cta__content p { 6535 font-size: 16px; 6536 line-height: 24px; 6537 max-height: none; 6538 } 6539 .header-dropdown-shop-cta__content-btn { 6540 font-size: 16px; 6541 line-height: 24px; 6542 } 6543 } 6544</style> 6545 6546 6547<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> 6548 .header-dropdown-shop__links { 6549 width: 1000%; 6550 height: fit-content; 6551 display: flex; 6552 flex-direction: column; 6553 justify-content: center; 6554 gap: 12px; 6555 border-top: 2px solid #F7F7F7; 6556 margin-top: 12px; 6557 padding-top: 12px; 6558 margin-left: 0; 6559 padding-bottom: 0; 6560 padding-left: 0; 6561 margin-left: 0; 6562 } 6563 .header-dropdown-shop__links a { 6564 display: flex; 6565 align-items: center; 6566 justify-content: flex-start; 6567 color: #212322; 6568 text-decoration: none; 6569 font-size: 16px; 6570 line-height: 24px; 6571 font-weight: 700; 6572 } 6573 .header-dropdown-shop__links a:hover { 6574 color: #47Af19; 6575 } 6576 @media screen and (min-width: 768px) { 6577 .header-dropdown-shop__links { 6578 width: fit-content; 6579 height: 162px; 6580 gap: 0; 6581 flex-direction: column; 6582 justify-content: space-between; 6583 border-top: none; 6584 border-left: 2px solid #F7F7F7; 6585 margin-top: 0; 6586 padding-top: 0; 6587 padding-bottom: 0; 6588 padding-left: 36px; 6589 } 6590 .header-dropdown-shop__links a { 6591 font-size: 18px; 6592 line-height: 24px; 6593 width: 100%; 6594 height: fit-content; 6595 box-shadow: none; 6596 justify-content: flex-start; 6597 } 6598 } 6599</style> 6600 6601 6602 6603 </div> 6604 </div> 6605 </div> 6606 6607 <a class="sr-only" href="#" data-dropdown-close> 6608 close 6609 </a> 6610 </div> 6611 6612</li> 6613 6614 6615 6616 6617 6618 6619 6620 6621 6622 6623 6624 6625 6626 6627<li class="header-nav__menu-item" > 6628 <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"> 6629 Health Benefits 6630</a> 6631 6632 <div id="dropdown-nav_health_item_ycVwqN" class="header-dropdown header-dropdown-health"> 6633 <div class="header-dropdown__ctas "> 6634 <div class="container-fluid"> 6635 <div class="header-dropdown__ctas__inner"> 6636 6637 6638 6639 6640 6641 6642 6643 <div class="header-dropdown-health-cta"> 6644 <div class="header-dropdown-health-cta__top"> 6645 <h5>weight management</h5> 6646 <div class="header-dropdown-health-cta__top-detail"><p>make weight management easy.</p></div> 6647 <div class="header-dropdown-health-cta__top-border" style="background-color: #ade8bf;"></div> 6648 </div> 6649 <div class="header-dropdown-health-cta__nav"> 6650 6651 6652 <a href="https://soylent.com/pages/weight-loss"> 6653 weight loss 6654 <div class="icon-arrow-up"> 6655 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6656 <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"/> 6657 </svg> 6658</div> 6659 </a> 6660 6661 <a href="https://soylent.com/pages/weight-gain"> 6662 weight gain 6663 <div class="icon-arrow-up"> 6664 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6665 <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"/> 6666 </svg> 6667</div> 6668 </a> 6669 6670 <a href="https://soylent.com/pages/appetite-suppression"> 6671 appetite suppression 6672 <div class="icon-arrow-up"> 6673 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6674 <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"/> 6675 </svg> 6676</div> 6677 </a> 6678 6679 <a href="https://soylent.com/pages/weight-management-and-nutrition-soylent"> 6680 weight management 6681 <div class="icon-arrow-up"> 6682 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6683 <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"/> 6684 </svg> 6685</div> 6686 </a> 6687 6688 6689 </div> 6690</div> 6691 6692<style> 6693 .header-dropdown-health-cta { 6694 display: flex; 6695 flex-direction: column; 6696 width: 100%; 6697 padding-left: 16px; 6698 padding-bottom: 32px; 6699 } 6700 .header-dropdown-health-cta__top { 6701 padding-bottom: 20px; 6702 text-align: center; 6703 } 6704 .header-dropdown-health-cta__top h5 { 6705 font-size: 18px; 6706 line-height: 24px; 6707 font-weight: 700; 6708 color: #212322; 6709 margin: 0; 6710 margin-bottom: 8px; 6711 padding: 0; 6712 } 6713 .header-dropdown-health-cta__top-detail { 6714 display: flex; 6715 align-items: center; 6716 justify-content: center; 6717 font-size: 14px; 6718 line-height: 16px; 6719 font-weight: 400 !important; 6720 text-align: center; 6721 letter-spacing: 0em; 6722 margin: 0; 6723 margin-bottom: 16px; 6724 padding: 0; 6725 color: #505050; 6726 } 6727 .header-dropdown-health-cta__top-detail p { 6728 margin: 0; 6729 } 6730 .header-dropdown-health-cta__top-border { 6731 width: 100%; 6732 height: 4px; 6733 } 6734 .header-dropdown-health-cta__nav-item { 6735 padding: 16px; 6736 font-size: 16px; 6737 line-height: 24px; 6738 font-weight: 700; 6739 text-transform: lowercase; 6740 color: #212322; 6741 } 6742 .header-dropdown-health-cta__top { 6743 font-size: 18px; 6744 line-height: 24px; 6745 font-weight: 700; 6746 } 6747 .header-dropdown-health-cta__nav { 6748 display: flex; 6749 flex-direction: column; 6750 gap: 12px; 6751 } 6752 .header-dropdown-health-cta__nav a { 6753 display: flex; 6754 justify-content: space-between; 6755 gap: 8px; 6756 padding: 16px; 6757 width: 100%; 6758 font-size: 14px; 6759 line-height: 16px; 6760 letter-spacing: 0em; 6761 font-weight: 700; 6762 color: #212322; 6763 background-color: #fff; 6764 transition: all 0.25s ease-in-out; 6765 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 6766 } 6767 .header-dropdown-health-cta__nav a svg { 6768 opacity: 0; 6769 margin: 0; 6770 padding: 0; 6771 transition: all 0.25s ease-in-out; 6772 display: none; 6773 } 6774 .header-dropdown-health-cta__nav a:hover { 6775 color: #47AF19; 6776 } 6777 .header-dropdown-health-cta__nav a:hover > div svg { 6778 opacity: 1 !important; 6779 } 6780 .icon-arrow-up { 6781 margin: 5px; 6782 top: 3px; 6783 position: relative; 6784 } 6785 @media screen and (min-width: 597px) { 6786 .header-dropdown-health-cta__top-detail { 6787 height: 32px; 6788 } 6789 .header-dropdown-health-cta__nav { 6790 gap: 16px; 6791 } 6792 .header-dropdown-health-cta__nav a { 6793 font-size: 16px; 6794 line-height: 24px; 6795 } 6796 } 6797 @media screen and (min-width: 700px) { 6798 .header-dropdown-health-cta { 6799 width: 50%; 6800 padding-left: 16px; 6801 padding-bottom: 24px; 6802 } 6803 .header-dropdown-health-cta__nav { 6804 gap: 16px; 6805 } 6806 .header-dropdown-health-cta { 6807 width: 50%; 6808 } 6809 } 6810 @media screen and (min-width: 1024px) { 6811 .header-dropdown-health-cta { 6812 width: 25%; 6813 padding-left: 36px; 6814 padding-bottom: 0; 6815 } 6816 .header-dropdown-health-cta__nav a svg { 6817 display: block; 6818 } 6819 } 6820</style> 6821 6822 6823 6824 6825 6826 6827 <div class="header-dropdown-health-cta"> 6828 <div class="header-dropdown-health-cta__top"> 6829 <h5>fitness</h5> 6830 <div class="header-dropdown-health-cta__top-detail"><p>reach your fitness goals.</p></div> 6831 <div class="header-dropdown-health-cta__top-border" style="background-color: #5e93db;"></div> 6832 </div> 6833 <div class="header-dropdown-health-cta__nav"> 6834 6835 6836 <a href="https://soylent.com/pages/health-and-fitness-soylent"> 6837 fitness 6838 <div class="icon-arrow-up"> 6839 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6840 <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"/> 6841 </svg> 6842</div> 6843 </a> 6844 6845 <a href="https://soylent.com/pages/pre-and-post-workout-recovery-with-soylent"> 6846 workout recovery 6847 <div class="icon-arrow-up"> 6848 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6849 <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"/> 6850 </svg> 6851</div> 6852 </a> 6853 6854 <a href="https://soylent.com/pages/food-for-muscle-recovery-with-soylent"> 6855 muscle recovery 6856 <div class="icon-arrow-up"> 6857 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 6858 <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"/> 6859 </svg> 6860</div> 6861 </a> 6862 6863 6864 </div> 6865</div> 6866 6867<style> 6868 .header-dropdown-health-cta { 6869 display: flex; 6870 flex-direction: column; 6871 width: 100%; 6872 padding-left: 16px; 6873 padding-bottom: 32px; 6874 } 6875 .header-dropdown-health-cta__top { 6876 padding-bottom: 20px; 6877 text-align: center; 6878 } 6879 .header-dropdown-health-cta__top h5 { 6880 font-size: 18px; 6881 line-height: 24px; 6882 font-weight: 700; 6883 color: #212322; 6884 margin: 0; 6885 margin-bottom: 8px; 6886 padding: 0; 6887 } 6888 .header-dropdown-health-cta__top-detail { 6889 display: flex; 6890 align-items: center; 6891 justify-content: center; 6892 font-size: 14px; 6893 line-height: 16px; 6894 font-weight: 400 !important; 6895 text-align: center; 6896 letter-spacing: 0em; 6897 margin: 0; 6898 margin-bottom: 16px; 6899 padding: 0; 6900 color: #505050; 6901 } 6902 .header-dropdown-health-cta__top-detail p { 6903 margin: 0; 6904 } 6905 .header-dropdown-health-cta__top-border { 6906 width: 100%; 6907 height: 4px; 6908 } 6909 .header-dropdown-health-cta__nav-item { 6910 padding: 16px; 6911 font-size: 16px; 6912 line-height: 24px; 6913 font-weight: 700; 6914 text-transform: lowercase; 6915 color: #212322; 6916 } 6917 .header-dropdown-health-cta__top { 6918 font-size: 18px; 6919 line-height: 24px; 6920 font-weight: 700; 6921 } 6922 .header-dropdown-health-cta__nav { 6923 display: flex; 6924 flex-direction: column; 6925 gap: 12px; 6926 } 6927 .header-dropdown-health-cta__nav a { 6928 display: flex; 6929 justify-content: space-between; 6930 gap: 8px; 6931 padding: 16px; 6932 width: 100%; 6933 font-size: 14px; 6934 line-height: 16px; 6935 letter-spacing: 0em; 6936 font-weight: 700; 6937 color: #212322; 6938 background-color: #fff; 6939 transition: all 0.25s ease-in-out; 6940 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 6941 } 6942 .header-dropdown-health-cta__
6942nav a svg { 6943 opacity: 0; 6944 margin: 0; 6945 padding: 0; 6946 transition: all 0.25s ease-in-out; 6947 display: none; 6948 } 6949 .header-dropdown-health-cta__nav a:hover { 6950 color: #47AF19; 6951 } 6952 .header-dropdown-health-cta__nav a:hover > div svg { 6953 opacity: 1 !important; 6954 } 6955 .icon-arrow-up { 6956 margin: 5px; 6957 top: 3px; 6958 position: relative; 6959 } 6960 @media screen and (min-width: 597px) { 6961 .header-dropdown-health-cta__top-detail { 6962 height: 32px; 6963 } 6964 .header-dropdown-health-cta__nav { 6965 gap: 16px; 6966 } 6967 .header-dropdown-health-cta__nav a { 6968 font-size: 16px; 6969 line-height: 24px; 6970 } 6971 } 6972 @media screen and (min-width: 700px) { 6973 .header-dropdown-health-cta { 6974 width: 50%; 6975 padding-left: 16px; 6976 padding-bottom: 24px; 6977 } 6978 .header-dropdown-health-cta__nav { 6979 gap: 16px; 6980 } 6981 .header-dropdown-health-cta { 6982 width: 50%; 6983 } 6984 } 6985 @media screen and (min-width: 1024px) { 6986 .header-dropdown-health-cta { 6987 width: 25%; 6988 padding-left: 36px; 6989 padding-bottom: 0; 6990 } 6991 .header-dropdown-health-cta__nav a svg { 6992 display: block; 6993 } 6994 } 6995</style> 6996 6997 6998 6999 7000 7001 7002 <div class="header-dropdown-health-cta"> 7003 <div class="header-dropdown-health-cta__top"> 7004 <h5>health</h5> 7005 <div class="header-dropdown-health-cta__top-detail"><p>manage your health, the smart way.</p></div> 7006 <div class="header-dropdown-health-cta__top-border" style="background-color: #f8485e;"></div> 7007 </div> 7008 <div class="header-dropdown-health-cta__nav"> 7009 7010 7011 <a href="https://soylent.com/pages/diabetes-and-blood-sugar-management-with-soylent"> 7012 diabetes & blood sugar management 7013 <div class="icon-arrow-up"> 7014 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7015 <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"/> 7016 </svg> 7017</div> 7018 </a> 7019 7020 <a href="https://soylent.com/pages/surgery-liquid-diets-with-soylent"> 7021 surgery & liquid diets 7022 <div class="icon-arrow-up"> 7023 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7024 <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"/> 7025 </svg> 7026</div> 7027 </a> 7028 7029 7030 </div> 7031</div> 7032 7033<style> 7034 .header-dropdown-health-cta { 7035 display: flex; 7036 flex-direction: column; 7037 width: 100%; 7038 padding-left: 16px; 7039 padding-bottom: 32px; 7040 } 7041 .header-dropdown-health-cta__top { 7042 padding-bottom: 20px; 7043 text-align: center; 7044 } 7045 .header-dropdown-health-cta__top h5 { 7046 font-size: 18px; 7047 line-height: 24px; 7048 font-weight: 700; 7049 color: #212322; 7050 margin: 0; 7051 margin-bottom: 8px; 7052 padding: 0; 7053 } 7054 .header-dropdown-health-cta__top-detail { 7055 display: flex; 7056 align-items: center; 7057 justify-content: center; 7058 font-size: 14px; 7059 line-height: 16px; 7060 font-weight: 400 !important; 7061 text-align: center; 7062 letter-spacing: 0em; 7063 margin: 0; 7064 margin-bottom: 16px; 7065 padding: 0; 7066 color: #505050; 7067 } 7068 .header-dropdown-health-cta__top-detail p { 7069 margin: 0; 7070 } 7071 .header-dropdown-health-cta__top-border { 7072 width: 100%; 7073 height: 4px; 7074 } 7075 .header-dropdown-health-cta__nav-item { 7076 padding: 16px; 7077 font-size: 16px; 7078 line-height: 24px; 7079 font-weight: 700; 7080 text-transform: lowercase; 7081 color: #212322; 7082 } 7083 .header-dropdown-health-cta__top { 7084 font-size: 18px; 7085 line-height: 24px; 7086 font-weight: 700; 7087 } 7088 .header-dropdown-health-cta__nav { 7089 display: flex; 7090 flex-direction: column; 7091 gap: 12px; 7092 } 7093 .header-dropdown-health-cta__nav a { 7094 display: flex; 7095 justify-content: space-between; 7096 gap: 8px; 7097 padding: 16px; 7098 width: 100%; 7099 font-size: 14px; 7100 line-height: 16px; 7101 letter-spacing: 0em; 7102 font-weight: 700; 7103 color: #212322; 7104 background-color: #fff; 7105 transition: all 0.25s ease-in-out; 7106 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 7107 } 7108 .header-dropdown-health-cta__nav a svg { 7109 opacity: 0; 7110 margin: 0; 7111 padding: 0; 7112 transition: all 0.25s ease-in-out; 7113 display: none; 7114 } 7115 .header-dropdown-health-cta__nav a:hover { 7116 color: #47AF19; 7117 } 7118 .header-dropdown-health-cta__nav a:hover > div svg { 7119 opacity: 1 !important; 7120 } 7121 .icon-arrow-up { 7122 margin: 5px; 7123 top: 3px; 7124 position: relative; 7125 } 7126 @media screen and (min-width: 597px) { 7127 .header-dropdown-health-cta__top-detail { 7128 height: 32px; 7129 } 7130 .header-dropdown-health-cta__nav { 7131 gap: 16px; 7132 } 7133 .header-dropdown-health-cta__nav a { 7134 font-size: 16px; 7135 line-height: 24px; 7136 } 7137 } 7138 @media screen and (min-width: 700px) { 7139 .header-dropdown-health-cta { 7140 width: 50%; 7141 padding-left: 16px; 7142 padding-bottom: 24px; 7143 } 7144 .header-dropdown-health-cta__nav { 7145 gap: 16px; 7146 } 7147 .header-dropdown-health-cta { 7148 width: 50%; 7149 } 7150 } 7151 @media screen and (min-width: 1024px) { 7152 .header-dropdown-health-cta { 7153 width: 25%; 7154 padding-left: 36px; 7155 padding-bottom: 0; 7156 } 7157 .header-dropdown-health-cta__nav a svg { 7158 display: block; 7159 } 7160 } 7161</style> 7162 7163 7164 7165 7166 7167 7168 <div class="header-dropdown-health-cta"> 7169 <div class="header-dropdown-health-cta__top"> 7170 <h5>nutrition</h5> 7171 <div class="header-dropdown-health-cta__top-detail"><p>science-backed nutrition, perfected.</p></div> 7172 <div class="header-dropdown-health-cta__top-border" style="background-color: #eed484;"></div> 7173 </div> 7174 <div class="header-dropdown-health-cta__nav"> 7175 7176 7177 <a href="https://soylent.com/pages/fuel-plant-based-diets-with-soylent"> 7178 plant-based diets 7179 <div class="icon-arrow-up"> 7180 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7181 <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"/> 7182 </svg> 7183</div> 7184 </a> 7185 7186 <a href="/pages/daily-vitamins-and-minerals"> 7187 daily vitamins & minerals 7188 <div class="icon-arrow-up"> 7189 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7190 <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"/> 7191 </svg> 7192</div> 7193 </a> 7194 7195 <a href="https://soylent.com/pages/healthy-meal-replacement-for-athletes"> 7196 athlete & sports nutrition 7197 <div class="icon-arrow-up"> 7198 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7199 <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"/> 7200 </svg> 7201</div> 7202 </a> 7203 7204 <a href="https://soylent.com/pages/soylent-for-gluten-free-diets-and-lifestyles"> 7205 gluten-free diets 7206 <div class="icon-arrow-up"> 7207 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 7208 <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"/> 7209 </svg> 7210</div> 7211 </a> 7212 7213 7214 </div> 7215</div> 7216 7217<style> 7218 .header-dropdown-health-cta { 7219 display: flex; 7220 flex-direction: column; 7221 width: 100%; 7222 padding-left: 16px; 7223 padding-bottom: 32px; 7224 } 7225 .header-dropdown-health-cta__top { 7226 padding-bottom: 20px; 7227 text-align: center; 7228 } 7229 .header-dropdown-health-cta__top h5 { 7230 font-size: 18px; 7231 line-height: 24px; 7232 font-weight: 700; 7233 color: #212322; 7234 margin: 0; 7235 margin-bottom: 8px; 7236 padding: 0; 7237 } 7238 .header-dropdown-health-cta__top-detail { 7239 display: flex; 7240 align-items: center; 7241 justify-content: center; 7242 font-size: 14px; 7243 line-height: 16px; 7244 font-weight: 400 !important; 7245 text-align: center; 7246 letter-spacing: 0em; 7247 margin: 0; 7248 margin-bottom: 16px; 7249 padding: 0; 7250 color: #505050; 7251 } 7252 .header-dropdown-health-cta__top-detail p { 7253 margin: 0; 7254 } 7255 .header-dropdown-health-cta__top-border { 7256 width: 100%; 7257 height: 4px; 7258 } 7259 .header-dropdown-health-cta__nav-item { 7260 padding: 16px; 7261 font-size: 16px; 7262 line-height: 24px; 7263 font-weight: 700; 7264 text-transform: lowercase; 7265 color: #212322; 7266 } 7267 .header-dropdown-health-cta__top { 7268 font-size: 18px; 7269 line-height: 24px; 7270 font-weight: 700; 7271 } 7272 .header-dropdown-health-cta__nav { 7273 display: flex; 7274 flex-direction: column; 7275 gap: 12px; 7276 } 7277 .header-dropdown-health-cta__nav a { 7278 display: flex; 7279 justify-content: space-between; 7280 gap: 8px; 7281 padding: 16px; 7282 width: 100%; 7283 font-size: 14px; 7284 line-height: 16px; 7285 letter-spacing: 0em; 7286 font-weight: 700; 7287 color: #212322; 7288 background-color: #fff; 7289 transition: all 0.25s ease-in-out; 7290 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 7291 } 7292 .header-dropdown-health-cta__nav a svg { 7293 opacity: 0; 7294 margin: 0; 7295 padding: 0; 7296 transition: all 0.25s ease-in-out; 7297 display: none; 7298 } 7299 .header-dropdown-health-cta__nav a:hover { 7300 color: #47AF19; 7301 } 7302 .header-dropdown-health-cta__nav a:hover > div svg { 7303 opacity: 1 !important; 7304 } 7305 .icon-arrow-up { 7306 margin: 5px; 7307 top: 3px; 7308 position: relative; 7309 } 7310 @media screen and (min-width: 597px) { 7311 .header-dropdown-health-cta__top-detail { 7312 height: 32px; 7313 } 7314 .header-dropdown-health-cta__nav { 7315 gap: 16px; 7316 } 7317 .header-dropdown-health-cta__nav a { 7318 font-size: 16px; 7319 line-height: 24px; 7320 } 7321 } 7322 @media screen and (min-width: 700px) { 7323 .header-dropdown-health-cta { 7324 width: 50%; 7325 padding-left: 16px; 7326 padding-bottom: 24px; 7327 } 7328 .header-dropdown-health-cta__nav { 7329 gap: 16px; 7330 } 7331 .header-dropdown-health-cta { 7332 width: 50%; 7333 } 7334 } 7335 @media screen and (min-width: 1024px) { 7336 .header-dropdown-health-cta { 7337 width: 25%; 7338 padding-left: 36px; 7339 padding-bottom: 0; 7340 } 7341 .header-dropdown-health-cta__nav a svg { 7342 display: block; 7343 } 7344 } 7345</style> 7346 7347 7348 7349 7350 </div> 7351 </div> 7352 </div> 7353 7354 <a class="sr-only" href="#" data-dropdown-close> 7355 close 7356 </a> 7357 </div> 7358 7359</li> 7360 7361 7362 7363 7364 7365 7366 7367 7368 7369 7370 7371 7372 7373 7374<li class="header-nav__menu-item" > 7375 <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"> 7376 About 7377</a> 7378 7379 <div id="dropdown-nav_about_item_qPTFrX" class="header-dropdown header-dropdown-about"> 7380 <div class="header-dropdown__ctas "> 7381 <div class="container-fluid"> 7382 <div class="header-dropdown__ctas__inner"> 7383 7384 7385 7386 7387 7388 7389 7390 7391 7392 7393 7394 7395 7396 7397 7398 7399 7400 7401 7402 <a href="https://soylent.com/pages/about-the-company" class="header-dropdown__cta header-dropdown__cta-1"> 7403 7404 7405 7406 <div class="header-dropdown__cta-bg lazyload" style="background-image: url(//soylent.com/cdn/shop/files/Story_1_500x.png?v=1672935988)"></div> 7407 <span class="header-dropdown__cta-text"> 7408 7409 <h5>from lab to living room.</h5> 7410 7411 7412 <p>10 years of perfect food.</p> 7413 7414 7415 <p class="header-dropdown__cta-text-btn">LEARN MORE</p> 7416 7417 </span> 7418 7419 7420
7421 </a> 7422 7423 7424 7425 7426<style> 7427 .header-dropdown__cta { 7428 padding-left: 0; 7429 padding-bottom: 0; 7430 width: calc(50% - 8px); 7431 cursor: pointer; 7432 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 7433 } 7434 .header-dropdown__cta-3 { 7435 display: flex; 7436 flex-direction: row; 7437 width: 100%; 7438 } 7439 .header-dropdown__cta-text { 7440 display: flex; 7441 flex-direction: column; 7442 align-items: center; 7443 justify-self: center; 7444 gap: 8px; 7445 background-color: #fff; 7446 text-align: center; 7447 padding: 16px 0px; 7448 width: 100%; 7449 max-width: 120px; 7450 margin: 0 auto; 7451 } 7452 .header-dropdown__cta-bg { 7453 aspect-ratio: 1; 7454 } 7455 .header-dropdown__cta-3 .header-dropdown__cta-bg { 7456 width: calc(50% - 8px); 7457 } 7458 .header-dropdown__cta-3 .header-dropdown__cta-text { 7459 width: calc(50% + 8px); 7460 justify-content: center; 7461 } 7462 .header-dropdown__cta-text h5 { 7463 font-size: 16px; 7464 line-height: 16px; 7465 font-weight: 700; 7466 margin: 0 !important; 7467 } 7468 .header-dropdown__cta-text p { 7469 font-size: 14px; 7470 line-height: 16px; 7471 font-weight: 400; 7472 text-align: center; 7473 } 7474 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 7475 font-size: 14px; 7476 line-height: 16px; 7477 font-weight: 500; 7478 margin: 0 !important; 7479 color: #47AF19 !important; 7480 } 7481 .header-dropdown__cta:nth-child(2) { 7482 display: flex; 7483 flex-direction: row; 7484 } 7485 .mobile-nav__submenu-list-about .header-dropdown__cta { 7486 background-color: #fff; 7487 } 7488 @media screen and (min-width: 597px){ 7489 .header-dropdown__cta-text { 7490 padding: 24px 16px; 7491 max-width: 100%; 7492 } 7493 } 7494 @media screen and (min-width: 768px) { 7495 .header-dropdown__cta { 7496 width: calc(25% - 12px); 7497 } 7498 .header-dropdown-about .header-dropdown__cta { 7499 background-color: #fff; 7500 } 7501 .header-dropdown__cta-text { 7502 padding: 24px 16px; 7503 } 7504 .header-dropdown__cta-3 { 7505 display: flex; 7506 flex-direction: column; 7507 width: calc(25% - 12px); 7508 } 7509 .header-dropdown__cta-3 .header-dropdown__cta-bg { 7510 width: 100%; 7511 } 7512 .header-dropdown__cta-3 .header-dropdown__cta-text { 7513 width: 100%; 7514 justify-content: center; 7515 } 7516 .header-dropdown__cta-text h5 { 7517 font-size: 18px; 7518 line-height: 24px; 7519 } 7520 .header-dropdown__cta-text p { 7521 max-width: none; 7522 } 7523 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 7524 font-size: 16px; 7525 line-height: 24px; 7526 } 7527 } 7528 @media screen and (min-width: 992px) { 7529 .header-dropdown__cta { 7530 width: calc(25% - 27px); 7531 max-width: 261px; 7532 } 7533 .header-dropdown__cta-text p { 7534 font-size: 14px; 7535 line-height: 24px; 7536 } 7537 } 7538</style> 7539 7540 7541 7542 7543 7544 7545 7546 7547 7548 7549 7550 7551 7552 7553 7554 7555 7556 7557 <a href="https://soylent.com/pages/about-soylent" class="header-dropdown__cta header-dropdown__cta-2"> 7558 7559 7560 7561 <div class="header-dropdown__cta-bg lazyload" style="background-image: url(//soylent.com/cdn/shop/files/Soy_Resize_500x.png?v=1672937469)"></div> 7562 <span class="header-dropdown__cta-text"> 7563 7564 <h5>we hacked food.</h5> 7565 7566 7567 <p>nutrition nerd approved.</p> 7568 7569 7570 <p class="header-dropdown__cta-text-btn">LEARN MORE</p> 7571 7572 </span> 7573 7574 7575 7576 </a> 7577 7578 7579 7580 7581<style> 7582 .header-dropdown__cta { 7583 padding-left: 0; 7584 padding-bottom: 0; 7585 width: calc(50% - 8px); 7586 cursor: pointer; 7587 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 7588 } 7589 .header-dropdown__cta-3 { 7590 display: flex; 7591 flex-direction: row; 7592 width: 100%; 7593 } 7594 .header-dropdown__cta-text { 7595 display: flex; 7596 flex-direction: column; 7597 align-items: center; 7598 justify-self: center; 7599 gap: 8px; 7600 background-color: #fff; 7601 text-align: center; 7602 padding: 16px 0px; 7603 width: 100%; 7604 max-width: 120px; 7605 margin: 0 auto; 7606 } 7607 .header-dropdown__cta-bg { 7608 aspect-ratio: 1; 7609 } 7610 .header-dropdown__cta-3 .header-dropdown__cta-bg { 7611 width: calc(50% - 8px); 7612 } 7613 .header-dropdown__cta-3 .header-dropdown__cta-text { 7614 width: calc(50% + 8px); 7615 justify-content: center; 7616 } 7617 .header-dropdown__cta-text h5 { 7618 font-size: 16px; 7619 line-height: 16px; 7620 font-weight: 700; 7621 margin: 0 !important; 7622 } 7623 .header-dropdown__cta-text p { 7624 font-size: 14px; 7625 line-height: 16px; 7626 font-weight: 400; 7627 text-align: center; 7628 } 7629 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 7630 font-size: 14px; 7631 line-height: 16px; 7632 font-weight: 500; 7633 margin: 0 !important; 7634 color: #47AF19 !important; 7635 } 7636 .header-dropdown__cta:nth-child(2) { 7637 display: flex; 7638 flex-direction: row; 7639 } 7640 .mobile-nav__submenu-list-about .header-dropdown__cta { 7641 background-color: #fff; 7642 } 7643 @media screen and (min-width: 597px){ 7644 .header-dropdown__cta-text { 7645 padding: 24px 16px; 7646 max-width: 100%; 7647 } 7648 } 7649 @media screen and (min-width: 768px) { 7650 .header-dropdown__cta { 7651 width: calc(25% - 12px); 7652 } 7653 .header-dropdown-about .header-dropdown__cta { 7654 background-color: #fff; 7655 } 7656 .header-dropdown__cta-text { 7657 padding: 24px 16px; 7658 } 7659 .header-dropdown__cta-3 { 7660 display: flex; 7661 flex-direction: column; 7662 width: calc(25% - 12px); 7663 } 7664 .header-dropdown__cta-3 .header-dropdown__cta-bg { 7665 width: 100%; 7666 } 7667 .header-dropdown__cta-3 .header-dropdown__cta-text { 7668 width: 100%; 7669 justify-content: center; 7670 } 7671 .header-dropdown__cta-text h5 { 7672 font-size: 18px; 7673 line-height: 24px; 7674 } 7675 .header-dropdown__cta-text p { 7676 max-width: none; 7677 } 7678 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 7679 font-size: 16px; 7680 line-height: 24px; 7681 } 7682 } 7683 @media screen and (min-width: 992px) { 7684 .header-dropdown__cta { 7685 width: calc(25% - 27px); 7686 max-width: 261px; 7687 } 7688 .header-dropdown__cta-text p { 7689 font-size: 14px; 7690 line-height: 24px; 7691 } 7692 } 7693</style> 7694 7695 7696 7697 7698 7699 7700 7701 7702 7703 7704 7705 7706 7707 7708 7709 7710 7711 7712 <a href="/blogs/news/tagged/soylent-for-good" class="header-dropdown__cta header-dropdown__cta-3"> 7713 7714 7715 7716 <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> 7717 <span class="header-dropdown__cta-text"> 7718 7719 <h5>we give back.</h5> 7720 7721 7722 <p>food is a right. not a luxury.</p> 7723 7724 7725 <p class="header-dropdown__cta-text-btn">LEARN MORE</p> 7726 7727 </span> 7728 7729 7730
7731 </a> 7732 7733 7734 7735 7736<style> 7737 .header-dropdown__cta { 7738 padding-left: 0; 7739 padding-bottom: 0; 7740 width: calc(50% - 8px); 7741 cursor: pointer; 7742 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 7743 } 7744 .header-dropdown__cta-3 { 7745 display: flex; 7746 flex-direction: row; 7747 width: 100%; 7748 } 7749 .header-dropdown__cta-text { 7750 display: flex; 7751 flex-direction: column; 7752 align-items: center; 7753 justify-self: center; 7754 gap: 8px; 7755 background-color: #fff; 7756 text-align: center; 7757 padding: 16px 0px; 7758 width: 100%; 7759 max-width: 120px; 7760 margin: 0 auto; 7761 } 7762 .header-dropdown__cta-bg { 7763 aspect-ratio: 1; 7764 } 7765 .header-dropdown__cta-3 .header-dropdown__cta-bg { 7766 width: calc(50% - 8px); 7767 } 7768 .header-dropdown__cta-3 .header-dropdown__cta-text { 7769 width: calc(50% + 8px); 7770 justify-content: center; 7771 } 7772 .header-dropdown__cta-text h5 { 7773 font-size: 16px; 7774 line-height: 16px; 7775 font-weight: 700; 7776 margin: 0 !important; 7777 } 7778 .header-dropdown__cta-text p { 7779 font-size: 14px; 7780 line-height: 16px; 7781 font-weight: 400; 7782 text-align: center; 7783 } 7784 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 7785 font-size: 14px; 7786 line-height: 16px; 7787 font-weight: 500; 7788 margin: 0 !important; 7789 color: #47AF19 !important; 7790 } 7791 .header-dropdown__cta:nth-child(2) { 7792 display: flex; 7793 flex-direction: row; 7794 } 7795 .mobile-nav__submenu-list-about .header-dropdown__cta { 7796 background-color: #fff; 7797 } 7798 @media screen and (min-width: 597px){ 7799 .header-dropdown__cta-text { 7800 padding: 24px 16px; 7801 max-width: 100%; 7802 } 7803 } 7804 @media screen and (min-width: 768px) { 7805 .header-dropdown__cta { 7806 width: calc(25% - 12px); 7807 } 7808 .header-dropdown-about .header-dropdown__cta { 7809 background-color: #fff; 7810 } 7811 .header-dropdown__cta-text { 7812 padding: 24px 16px; 7813 } 7814 .header-dropdown__cta-3 { 7815 display: flex; 7816 flex-direction: column; 7817 width: calc(25% - 12px); 7818 } 7819 .header-dropdown__cta-3 .header-dropdown__cta-bg { 7820 width: 100%; 7821 } 7822 .header-dropdown__cta-3 .header-dropdown__cta-text { 7823 width: 100%; 7824 justify-content: center; 7825 } 7826 .header-dropdown__cta-text h5 { 7827 font-size: 18px; 7828 line-height: 24px; 7829 } 7830 .header-dropdown__cta-text p { 7831 max-width: none; 7832 } 7833 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 7834 font-size: 16px; 7835 line-height: 24px; 7836 } 7837 } 7838 @media screen and (min-width: 992px) { 7839 .header-dropdown__cta { 7840 width: calc(25% - 27px); 7841 max-width: 261px; 7842 } 7843 .header-dropdown__cta-text p { 7844 font-size: 14px; 7845 line-height: 24px; 7846 } 7847 } 7848</style> 7849 7850 7851 7852 7853 7854 7855 7856 7857 7858 7859 7860 7861 7862 7863 7864 7865<style> 7866 .header-dropdown__cta { 7867 padding-left: 0; 7868 padding-bottom: 0; 7869 width: calc(50% - 8px); 7870 cursor: pointer; 7871 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075); 7872 } 7873 .header-dropdown__cta-3 { 7874 display: flex; 7875 flex-direction: row; 7876 width: 100%; 7877 } 7878 .header-dropdown__cta-text { 7879 display: flex; 7880 flex-direction: column; 7881 align-items: center; 7882 justify-self: center; 7883 gap: 8px; 7884 background-color: #fff; 7885 text-align: center; 7886 padding: 16px 0px; 7887 width: 100%; 7888 max-width: 120px; 7889 margin: 0 auto; 7890 } 7891 .header-dropdown__cta-bg { 7892 aspect-ratio: 1; 7893 } 7894 .header-dropdown__cta-3 .header-dropdown__cta-bg { 7895 width: calc(50% - 8px); 7896 } 7897 .header-dropdown__cta-3 .header-dropdown__cta-text { 7898 width: calc(50% + 8px); 7899 justify-content: center; 7900 } 7901 .header-dropdown__cta-text h5 { 7902 font-size: 16px; 7903 line-height: 16px; 7904 font-weight: 700; 7905 margin: 0 !important; 7906 } 7907 .header-dropdown__cta-text p { 7908 font-size: 14px; 7909 line-height: 16px; 7910 font-weight: 400; 7911 text-align: center; 7912 } 7913 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 7914 font-size: 14px; 7915 line-height: 16px; 7916 font-weight: 500; 7917 margin: 0 !important; 7918 color: #47AF19 !important; 7919 } 7920 .header-dropdown__cta:nth-child(2) { 7921 display: flex; 7922 flex-direction: row; 7923 } 7924 .mobile-nav__submenu-list-about .header-dropdown__cta { 7925 background-color: #fff; 7926 } 7927 @media screen and (min-width: 597px){ 7928 .header-dropdown__cta-text { 7929 padding: 24px 16px; 7930 max-width: 100%; 7931 } 7932 } 7933 @media screen and (min-width: 768px) { 7934 .header-dropdown__cta { 7935 width: calc(25% - 12px); 7936 } 7937 .header-dropdown-about .header-dropdown__cta { 7938 background-color: #fff; 7939 } 7940 .header-dropdown__cta-text { 7941 padding: 24px 16px; 7942 } 7943 .header-dropdown__cta-3 { 7944 display: flex; 7945 flex-direction: column; 7946 width: calc(25% - 12px); 7947 } 7948 .header-dropdown__cta-3 .header-dropdown__cta-bg { 7949 width: 100%; 7950 } 7951 .header-dropdown__cta-3 .header-dropdown__cta-text { 7952 width: 100%; 7953 justify-content: center; 7954 } 7955 .header-dropdown__cta-text h5 { 7956 font-size: 18px; 7957 line-height: 24px; 7958 } 7959 .header-dropdown__cta-text p { 7960 max-width: none; 7961 } 7962 .header-dropdown__cta-text p.header-dropdown__cta-text-btn { 7963 font-size: 16px; 7964 line-height: 24px; 7965 } 7966 } 7967 @media screen and (min-width: 992px) { 7968 .header-dropdown__cta { 7969 width: calc(25% - 27px); 7970 max-width: 261px; 7971 } 7972 .header-dropdown__cta-text p { 7973 font-size: 14px; 7974 line-height: 24px; 7975 } 7976 } 7977</style> 7978 7979 7980<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> 7981 .header-dropdown-about__links { 7982 display: flex; 7983 flex-direction: row; 7984 flex-wrap: wrap; 7985 font-size: 16px !important; 7986 line-height: 24px !important; 7987 font-weight: 700 !important; 7988 text-transform: lowercase; 7989 gap: 16px; 7990 background: transparent; 7991 padding-bottom: 24px; 7992 } 7993 .header-dropdown-about__links:before { 7994 content: none !important; 7995 width: 0 !important; 7996 } 7997 .header-dropdown-about__links a { 7998 width: calc(50% - 8px); 7999 height: auto; 8000 font-size: 16px; 8001 line-height: 24px; 8002 text-align: center; 8003 padding: 0; 8004 justify-content: center; 8005 } 8006 .header-dropdown-about__links a:hover { 8007 color: #47AF19; 8008 } 8009 .header-dropdown-about__links a:nth-child(n+5){ 8010 width: 100%; 8011 } 8012 @media screen and (min-width: 768px) { 8013 .header-dropdown-about__links { 8014 flex-direction: column; 8015 } 8016 .header-dropdown-about__links a { 8017 width: 100%; 8018 text-align: left; 8019 } 8020 } 8021 </style> 8022 8023 8024 </div> 8025 </div> 8026 </div> 8027 8028 <a class="sr-only" href="#" data-dropdown-close> 8029 close 8030 </a> 8031 </div> 8032 8033</li> 8034 8035 8036 8037 8038 8039 8040 8041 8042 8043 8044 8045 8046 8047 8048<li class="header-nav__menu-item" > 8049 <a href="/blogs/news/why-soy-protein" > 8050 why soy? 8051</a> 8052 8053</li> 8054 8055 8056 8057 8058 8059 8060 8061 8062 8063 8064 8065 8066 8067 8068<li class="header-nav__menu-item" > 8069 <a href="/pages/soylent-clinical-trials" > 8070 clinical trials 8071</a> 8072 8073</li> 8074 8075 8076 8077 8078 8079 8080 8081 8082 8083 8084 8085 8086 8087 8088<li class="header-nav__menu-item" > 8089 <a href="/pages/reviews" > 8090 reviews 8091</a> 8092 8093</li> 8094 8095 8096 8097 8098 8099 8100 8101 8102 8103 8104 8105 8106 8107 8108<li class="header-nav__menu-item" > 8109 <a href="/pages/soylent-product-recommendation-quiz" > 8110 product quiz 8111</a> 8112 8113</li> 8114 8115 8116 </ul> 8117 8118 </div> 8119 8120 8121 <div class="header-nav header-nav--right header-nav--hide-on-mobile"> 8122 8123 8124 8125 <ul class="header-nav__menu header-nav__menu--user"> 8126 8127 <li class="header-nav__menu-item"> 8128 8129 <a href="/account/login" title="Login or register"> 8130 <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>
8131 <span class="icon-fallback-text">Account</span> 8132 </a> 8133 8134 </li> 8135 8136 <li class="header-nav__menu-item"> 8137 <a href="/cart" aria-label="Open Cart" data-ajax-cart-trigger> 8138 <div class="header-cart__badge" data-cart-badge> 8139 <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> 8140 8141 <span class="header-cart__badge-count" data-cart-badge-count>0</span> 8142 8143 </div> 8144 </a> 8145 </li> 8146</ul> 8147 8148 8149 </div> 8150 8151 8152 <div class="header-nav header-nav--right header-nav--hide-on-desktop"> 8153 8154 8155 8156 8157 8158 8159<ul class="header-nav__menu header-nav__menu--user"> 8160 8161 <li class="header-nav__menu-item"> 8162 8163 <a href="/account/login" title="Login or register"> 8164 <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> 8165 <span class="icon-fallback-text">Account</span> 8166 </a> 8167 8168 </li> 8169 8170 <li class="header-nav__menu-item"> 8171 <a href="/cart" aria-label="Open Cart" data-ajax-cart-trigger> 8172 <div class="header-cart__badge" data-cart-badge> 8173 <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> 8174 <span class="header-cart__badge-count" data-cart-badge-count>0</span> 8175 </a> 8176 </li> 8177</ul> 8178 8179 8180 </div> 8181 8182 </div> 8183 </div> 8184 8185 8186 </header> 8187 </nav> 8188 8189</div> 8190 8191 8192 8193<style> 8194 .header { 8195 height: 64px; 8196 } 8197 .header-container { 8198 border-bottom: 1px solid #e7e7e7; 8199 } 8200 .header-dropdown { 8201 box-shadow: 0px 4px 8px 0px #0000000A; 8202 background-color: #f7f7f7; 8203 } 8204 .header-dropdown-shop { 8205 background-color: #ffffff; 8206 } 8207 .header-dropdown__links a { 8208 margin: 0 !important; 8209 } 8210 .mobile-nav__submenu-list { 8211 margin-left: -16px; 8212 background: #f7f7f7; 8213 } 8214 .mobile-nav__submenu-list-shop { 8215 background: #ffffff; 8216 margin-left: 0; 8217 gap: 16px; 8218 padding-bottom: 20px; 8219 } 8220 .mobile-nav__submenu-list-about { 8221 margin-left: 0; 8222 gap: 16px; 8223 } 8224 .header-nav__menu-item>a[data-dropdown-trigger] { 8225 padding-right: 0; 8226 } 8227 .header-nav__menu-item>a[data-dropdown-trigger]:after { 8228 width: 0; 8229 height: 0; 8230 display: none; 8231 } 8232 .mobile-nav { 8233 height: calc(100vh - 96px); 8234 top: 64px; 8235 } 8236 .mobile-nav-footer { 8237 position: relative; 8238 display: flex; 8239 justify-content: space-between; 8240 width: 100%; 8241 height: 56px; 8242 bottom: 0; 8243 padding: 0 20px; 8244 border-bottom: 1px solid #E3E3E3; 8245 background-color: #fff; 8246 } 8247 .header-nav__menu-item.country-selector { 8248 display: flex; 8249 align-items: center; 8250 } 8251 .header-nav__menu--main .header-nav__menu-item>a:hover { 8252 color: #47af19; 8253 } 8254 .header-content { 8255 min-height: 64px; 8256 } 8257 .mobile-nav__menu-item { 8258 padding-top: 18px; 8259 padding-bottom: 18px; 8260 } 8261 @media screen and (max-width: 767px){ 8262 .country-dropdown { 8263 position: fixed; 8264 top: auto; 8265 right: 20px; 8266 bottom: 20px; 8267 left: auto; 8268 margin-left: 10px; 8269 box-shadow: 0 0 10px; 8270 } 8271 } 8272 @media screen and (min-width: 597px) { 8273 .mobile-nav__submenu-list { 8274 margin-left: -16px; 8275 gap: 0px; 8276 } 8277 .mobile-nav__submenu-list-shop { 8278 margin-left: 0; 8279 gap: 16px; 8280 } 8281 .mobile-nav__submenu-list-about { 8282 margin-left: 0; 8283 gap: 16px; 8284 } 8285 } 8286 @media screen and (min-width: 768px){ 8287 .mobile-nav, .mobile-nav.is-active { 8288 display: none !important; 8289 } 8290 .header { 8291 height: 100px; 8292 } 8293 .header-nav { 8294 justify-content: center; 8295 } 8296 .header-container { 8297 border-bottom: none; 8298 } 8299 .header-dropdown-shop .header-dropdown__ctas__inner { 8300 margin-left: 0; 8301 gap: 24px 16px; 8302 } 8303 .header-dropdown-about .header-dropdown__ctas__inner { 8304 margin-left: 0; 8305 gap: 16px; 8306 } 8307 } 8308 @media screen and (min-width: 992px){ 8309 .header-dropdown-shop .header-dropdown__ctas__inner { 8310 margin-left: 0; 8311 padding-top: 36px; 8312 padding-bottom: 36px; 8313 gap: 36px 18px; 8314 } 8315 .header-dropdown-about .header-dropdown__ctas__inner { 8316 gap: 36px; 8317 } 8318 } 8319 @media (min-width: 1200px) { 8320 .header-dropdown__ctas__inner { 8321 padding-top: 36px; 8322 padding-bottom: 36px; 8323 } 8324 } 8325</style> 8326</div> 8327 8328 <main role="main" id="MainContent"> 8329 <!-- BEGIN content_for_index --><div id="shopify-section-16243360044c1367c3" class="shopify-section"><style> 8330</style> 8331 8332<section class="home-hero exp-hp_hero_test_sep_24-0-show"> 8333 <div class="home-hero__inner"> 8334 <div class="home-hero__featured"> 8335 8336 <picture class="home-hero__image object-cover"><source 8337 media="(max-width: 576px)" 8338 srcset="//soylent.com/cdn/shop/files/soylent-chocolate-shake-work_M_640x.jpg?v=1738713823 640w" 8339 /><source 8340 media="(max-width: 999px)" 8341 srcset="//soylent.com/cdn/shop/files/soylent-chocolate-shake-work_T_2024x.jpg?v=1738713797 1024w" 8342 /><source 8343 media="(min-width: 1000px)" 8344 srcset="//soylent.com/cdn/shop/files/soylent-chocolate-meal-shake-work_D_2160x.jpg?v=1738713778 2160w" 8345 /><img 8346 8347 src="//soylent.com/cdn/shop/files/soylent-chocolate-meal-shake-work_D_2160x.jpg?v=1738713778" 8348 8349 class="object-cover" 8350 alt="" /> 8351 </picture> 8352 8353 </div> 8354 8355 <div class="container home-hero__container"> 8356 <div class="home-hero__content" style="color: #221F20;"> 8357 8358<div class="home-hero_star-rating-container"> 8359 <div class="home-hero__star-rating">
8360 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 8361 <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"/> 8362 </svg> 8363 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 8364 <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"/> 8365 </svg> 8366 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 8367 <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"/> 8368 </svg> 8369 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 8370 <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"/> 8371 </svg> 8372 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 8373 <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"/> 8374 </svg> 8375 </div> 8376 8377 <span class="home-hero__star-rating--text">over 14,000 five star reviews!</span> 8378</div> 8379 8380 8381<style> 8382.home-hero_star-rating-container { 8383 display: flex; 8384 align-items: center; 8385 font-style: normal; 8386 font-weight: 400; 8387 font-size: 16px; 8388 line-height: 20px; 8389 color: #212322; 8390 text-transform: capitalize; 8391 margin-bottom: 12px; 8392} 8393.home-hero__star-rating { 8394 display: flex; 8395 gap: 4px; 8396 margin-bottom: 2px; 8397} 8398.home-hero__star-rating--text { 8399 margin-left: 4px; 8400} 8401.home-hero__star-rating--text, 8402.home-hero__star-rating--text * { 8403 color: #212322 !important; 8404} 8405</style> 8406 8407 8408 8409 <h1 class="home-hero__title">complete, science-backed nutrition in every bottle.</h1> 8410 8411 8412 <div class="home-hero__description">discover our ready-to-drink meals, formulated with all 39 essential nutrients to fuel your day.</div> 8413 8414 8415 <a href="/collections/all-products" class="cta cta-1 home-hero__cta cta-arrow"> 8416 SHOP ALL 8417 8418 <span class="cta-ui"></span> 8419 8420 </a> 8421 8422 8423 </div> 8424 </div> 8425 </div> 8426</section> 8427<style> 8428.home-hero__content { 8429 background-color: #ffffff; 8430} 8431.home-hero__title { 8432 font-size: 25px; 8433 font-weight: bold; 8434} 8435.home-hero__description { 8436 font-size: 18px; 8437 line-height: 1.2; 8438 margin: 0; 8439} 8440.home-hero__cta { 8441 padding-right: 21px; 8442 color: #ffffff; 8443 background-color: #212322; 8444 width: auto; 8445 min-width: auto; 8446 margin-right: 16px; 8447 margin-left: 0; 8448 margin-top: 16px; 8449} 8450.home-hero__cta .cta-ui:before { 8451 background-color: #ffffff; 8452} 8453.home-hero__cta .cta-ui:after { 8454 border-color: #ffffff; 8455} 8456.home-hero__cta:hover { 8457 color: #ffffff; 8458 background-color: #212322; 8459} 8460.home-hero__cta:before { 8461 border-color: #ffffff; 8462} 8463.home-hero__cta2 { 8464 color: #ffffff; 8465 background-color: #000000; 8466} 8467.home-hero__cta2 .cta-ui:before { 8468 background-color: #ffffff; 8469} 8470.home-hero__cta2 .cta-ui:after { 8471 border-color: #ffffff; 8472} 8473.home-hero__cta2:hover {
8474 color: #ffffff; 8475 background-color: #000000; 8476} 8477.home-hero__cta2:before { 8478 border-color: #ffffff; 8479} 8480.home-hero__cta.cta-arrow { 8481 padding-right: 76px; 8482} 8483@media screen and (min-width: 768px){ 8484} 8485@media screen and (min-width: 992px){ 8486 .home-hero__title { 8487 font-size: 40px; 8488 } 8489 .home-hero__description { 8490 font-size: 30px; 8491 } 8492 .home-hero__content { 8493 padding-left: 0; 8494 padding-right: 0; 8495 max-width: 576px; 8496 background-color: rgba(0,0,0,0); 8497 8498 border: none; 8499 8500 } 8501 .home-hero__inner { 8502 justify-content: center; 8503 } 8504 .home-hero__cta { 8505 margin-right: 24px; 8506 margin-top: 24px; 8507 } 8508} 8509</style> 8510<!-- featureflag render test false --> 8511 8512<style> 8513 #shopify-section-16243360044c1367c3 { 8514 background: #ffffff; 8515 } 8516</style> 8517 8518</div><div id="shopify-section-nutrition_marquee_ALwTMf" class="shopify-section"> 8519 8520 8521<div class="nutrition-marquee"> 8522 <div class="marquee-inner"> 8523 <span class="marquee-content"> 8524 8525 <span>28 vitamins & minerals</span> 8526 8527 <span> 85289 essential amino acids</span> 8529 8530 <span> 853112 brain boosting nutrients</span> 8532 8533 <span> 8534omega 3 & 6</span> 8535 8536 <span> 8537slow burning carbs</span> 8538 8539 <span> 8540made in the USA</span> 8541 8542 <span> 8543plant-based</span> 8544 8545 <span> 8546science-backed</span> 8547 8548 <span> 8549no eggs or dairy</span> 8550 8551 </span> 8552 </div> 8553</div> 8554 8555<style> 8556.nutrition-marquee { 8557 --marquee-time: 0s; 8558 overflow: hidden; 8559 box-sizing: border-box; 8560 position: relative; 8561 display: flex; 8562 align-items: center; 8563 justify-content: flex-start; 8564 white-space: nowrap; 8565 height: 60px; 8566 color: #FFF; 8567 background-color: #000; 8568} 8569.exp-hp_hero_test_sep_24-1 .nutrition-marquee { 8570 border-top: 1px solid #FFF; 8571} 8572.marquee-inner { 8573 animation: marquee var(--marquee-time) linear infinite; 8574} 8575.marquee-content span { 8576 padding: 0 35px; 8577} 8578.nutrition-marquee:hover .marquee-inner { 8579 animation-play-state: paused; 8580} 8581 8582@keyframes marquee { 8583 from { 8584 transform: translateX(0); 8585 } 8586 to { 8587 transform: translateX(-100%); 8588 } 8589} 8590</style> 8591
8592<script> 8593 document.addEventListener("DOMContentLoaded", function(){ 8594 const speed = .6; 8595 const container = document.querySelector('.nutrition-marquee'); 8596 const inner = container.querySelector('.marquee-inner'); 8597 const content = container.querySelector('.marquee-content'); 8598 const contentWidth = content.getBoundingClientRect().width; 8599 container.style.setProperty('--marquee-time', ((1 / speed) * contentWidth) / 100 + 's'); 8600 // Duplicate content enough to fit 4k width 8601 const dups = 4100 / contentWidth; 8602 for(let i = 1; i <= dups; i++){ 8603 const node = content.cloneNode(true); 8604 node.style.setProperty('position', 'absolute'); 8605 node.style.setProperty('left', (i*100) + '%'); 8606 inner.appendChild(node); 8607 } 8608 }); 8609</script>
8609 8610 8611 8612 8613</div><div id="shopify-section-product_lineup_QeJtTX" class="shopify-section"><style> 8614 [id="shopify-section-product_lineup_QeJtTX"] { 8615 padding-top: 40px; 8616 padding-bottom: 40px; 8617 background-color: #F7F7F7; 8618 } 8619 8620 .product-lineup .splide__slide { 8621 -webkit-transform: translateZ(0); 8622 -webkit-backface-visibility: hidden; 8623 } 8624 8625 .progress { 8626 background: #e7e7e7; 8627 } 8628 8629 .progress-bar { 8630 background: #212322; 8631 height: 1px; 8632 transition: width 400ms ease; 8633 width: 0; 8634 } 8635 8636 .product-lineup .splide__list { 8637 height: auto; 8638 } 8639 8640 .product-lineup .card .link-wrapper { 8641 position: relative; 8642 background: #fff; 8643 box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04); 8644 padding-bottom: 12px; 8645 display: flex; 8646 flex-direction: column; 8647 height: 100%; 8648 justify-content: space-between; 8649 } 8650 8651 .product-lineup .card--quiz .link-wrapper { 8652 padding-top: 54px; 8653 } 8654 8655 .product-lineup .card .quiz-background-image { 8656 position: absolute; 8657 inset: 0; 8658 width: 100%; 8659 height: 100%; 8660 object-fit: cover; 8661 object-position: center; 8662 z-index: 1; 8663 } 8664 8665 .product-lineup .card .image-wrapper { 8666 position: relative; 8667 padding-top: 100%; 8668 width: 100%; 8669 margin: 0 auto; 8670 } 8671 8672 .product-lineup .card .image-wrapper img { 8673 position: absolute; 8674 inset: 0; 8675 width: 100%; 8676 height: 100%; 8677 object-fit: cover; 8678 } 8679 8680 .product-lineup .card .description { 8681 position: relative; 8682 z-index: 2; 8683 } 8684 8685 .product-lineup .card .description h3 { 8686 text-align: center; 8687 font-size: 18px; 8688 font-weight: 700; 8689 margin-bottom: 0; 8690 padding: 0 8px; 8691 text-transform: lowercase; 8692 } 8693 8694 .product-lineup .card .description p { 8695 text-align: center; 8696 margin-top: 8px; 8697 padding: 0 24px; 8698 font-size: 18px; 8699 line-height: 1.22; 8700 } 8701 8702 .product-lineup .card .bottom { 8703 position: relative; 8704 z-index: 2; 8705 padding: 0 12px; 8706 display: flex; 8707 flex-direction: column; 8708 align-items: center; 8709 } 8710 8711 .product-lineup .container::after { 8712 display: none !important; 8713 } 8714 8715 .product-lineup .card .bottom p { 8716 width: 100%; 8717 display: flex; 8718 align-items: center; 8719 justify-content: center; 8720 height: 48px; 8721 margin-top: 12px; 8722 margin-bottom: 0; 8723 font-size: 16px; 8724 font-weight: 700; 8725 transition: background-color 0.3s ease; 8726 background-color: #221f20; 8727 border: 1px solid #221f20; 8728 } 8729 8730 .product-lineup .card:hover .bottom p { 8731 background-color: #fff; 8732 } 8733 8734 .product-lineup .card .bottom p span { 8735 color: #fff; 8736 transition: color 0.3s ease; 8737 } 8738 8739 .product-lineup .card:hover .bottom p span { 8740 color: #221f20; 8741 } 8742 8743 .product-lineup .card .bottom p .desktop { 8744 display: none; 8745 } 8746 8747 .product-lineup .card--quiz .link-wrapper { 8748 padding: 12px 0; 8749 } 8750 8751 .product-lineup .controls { 8752 display: flex; 8753 align-items: center; 8754 gap: 32px; 8755 margin-top: 24px; 8756 } 8757 8758 .product-lineup .controls .progress { 8759 width: 100%; 8760 } 8761 8762 .product-lineup .controls .arrows button { 8763 background: none; 8764 border: none; 8765 cursor: pointer; 8766 outline: none; 8767 } 8768 8769 .product-lineup .controls .arrows { 8770 display: flex; 8771 } 8772 8773 .product-lineup-image { 8774 display: block; 8775 } 8776 8777 .product-lineup .description h3 { 8778 display: none; 8779 } 8780 8781 .product-lineup .card .description p { 8782 margin-top: 0; 8783 } 8784 8785 @media screen and (min-width: 640px) { 8786 .product-lineup .card--quiz .link-wrapper { 8787 padding-top: 32px; 8788 } 8789 } 8790 8791 @media screen and (min-width: 1024px) { 8792 .product-lineup .card .description h3 { 8793 font-size: 25px; 8794 padding: 0 12px; 8795 } 8796 8797 .product-lineup .card .description p { 8798 padding: 0 12px; 8799 } 8800 8801 .product-lineup .card .bottom p .mobile { 8802 display: none; 8803 } 8804 8805 .product-lineup .card .bottom p .desktop { 8806 display: inline; 8807 } 8808 } 8809 8810 @media screen and (max-width: 640px) { 8811 .product-lineup .splide__slide { 8812 width: 85% !important; 8813 } 8814 } 8815</style> 8816<section class="product-lineup"> 8817 <div id="product_lineup_QeJtTX-splide" class="splide"> 8818 <div class="splide__track"> 8819 <ul class="splide__list"> 8820 8821 8822 <li class="splide__slide card"> 8823 <a class="link-wrapper" href="/collections/meal-replacements"> 8824 <div class="description"> 8825 <div class="image-wrapper"> 8826 <img 8827 class="product-lineup-image" 8828 src="//soylent.com/cdn/shop/files/complete-meal-product-lineup.jpg?v=1767740897" 8829 alt="" 8830 loading="eager" /> 8831 </div> 8832 8833 <h3 style="color: #212322;"> 8834 Complete Meal 8835 </h3> 8836 <p style="color: #212322;"> 8837 the world's most perfect food. science-backed nutrition. 8838 </p> 8839 </div> 8840 <div class="bottom"> 8841 8842 8843 <div data-oke-star-rating data-oke-reviews-group-id="27287f05-486d-434d-9278-07f05929cf87"></div> 8844 8845 8846 <p>
8847 <span class="mobile"> 8848 Shop Now 8849 </span> 8850 <span class="desktop"> 8851 Shop Complete Meal 8852 </span> 8853 </p> 8854 </div> 8855 </a> 8856 </li> 8857 8858 8859 8860 <li class="splide__slide card"> 8861 <a class="link-wrapper" href="/collections/complete-protein"> 8862 <div class="description"> 8863 <div class="image-wrapper"> 8864 <img 8865 class="product-lineup-image" 8866 src="//soylent.com/cdn/shop/files/complete-protein-product-lineup.jpg?v=1767740897" 8867 alt="" 8868 loading="eager" /> 8869 </div> 8870 8871 <h3 style="color: #212322;"> 8872 Complete Protein 8873 </h3> 8874 <p style="color: #212322;"> 8875 protein. rooted in science. taste perfected. 8876 </p> 8877 </div> 8878 <div class="bottom"> 8879 8880 8881 <div data-oke-star-rating data-oke-reviews-group-id="08c1570f-027d-4d67-8f2e-b0d165ce0b15"></div> 8882 8883 8884 <p> 8885 <span class="mobile"> 8886 Shop Now 8887 </span> 8888 <span class="desktop"> 8889 Shop Complete Protein 8890 </span> 8891 </p> 8892 </div> 8893 </a> 8894 </li> 8895 8896 8897 8898 <li class="splide__slide card"> 8899 <a class="link-wrapper" href="/collections/complete-coffee-shakes"> 8900 <div class="description"> 8901 <div class="image-wrapper"> 8902 <img 8903 class="product-lineup-image" 8904 src="//soylent.com/cdn/shop/files/complete-coffee-product-lineup.jpg?v=1767740898" 8905 alt="" 8906 loading="eager" /> 8907 </div> 8908 8909 <h3 style="color: #212322;"> 8910 Complete Coffee 8911 </h3> 8912 <p style="color: #212322;"> 8913 functional coffee. caffeine for the boost. l-theanine for the balance. coffee perfected. 8914 </p> 8915 </div> 8916 <div class="bottom"> 8917 8918 8919 <div data-oke-star-rating data-oke-reviews-group-id="8c2ceab3-155b-4fcc-beea-dfbc10e3ac6c"></div> 8920 8921 8922 <p> 8923 <span class="mobile"> 8924 Shop Now 8925 </span> 8926 <span class="desktop"> 8927 Shop Complete Coffee 8928 </span> 8929 </p> 8930 </div> 8931 </a> 8932 </li> 8933 8934 8935 8936 <li class="splide__slide card"> 8937 <a class="link-wrapper" href="/products/soylent-complete-energy-chocolate"> 8938 <div class="description"> 8939 <div class="image-wrapper"> 8940 <img 8941 class="product-lineup-image" 8942 src="//soylent.com/cdn/shop/files/complete-energy-product-lineup.jpg?v=1767740898" 8943 alt="" 8944 loading="eager" /> 8945 </div> 8946 8947 <h3 style="color: #212322;"> 8948 Complete Energy 8949 </h3> 8950 <p style="color: #212322;"> 8951 smart energy. fuel for the brain and the body. energy perfected. 8952 </p> 8953 </div> 8954 <div class="bottom"> 8955 8956 8957 <div data-oke-star-rating data-oke-reviews-group-id="262803d9-4674-4d93-8ca6-0d272317fd83"></div> 8958 8959 8960 <p> 8961 <span class="mobile"> 8962 Shop Now 8963 </span> 8964 <span class="desktop"> 8965 Shop Complete Energy 8966 </span> 8967 </p> 8968 </div> 8969 </a> 8970 </li> 8971 8972 8973 8974 <li class="splide__slide card card--quiz"> 8975 <a class="link-wrapper" href="/pages/soylent-product-recommendation-quiz"> 8976 8977 <img 8978 class="quiz-background-image" 8979 src="//soylent.com/cdn/shop/files/cropped-person-holding-drink.png?v=1714688477" 8980 alt="Holding Soylent" 8981 loading="eager" /> 8982 8983 <div class="description"> 8984 <h3 style="color: #ffffff;"> 8985 find your perfect match 8986 </h3> 8987 <p style="color: #ffffff;"> 8988 which Soylent is right for you? 8989 </p> 8990 </div> 8991 <div class="bottom"> 8992 <p>
8993 <span class="mobile" style="color: ;"> 8994 Take The Quiz 8995 </span> 8996 <span class="desktop" style="color: ;"> 8997 Take The Quiz 8998 </span> 8999 </p> 9000 </div> 9001 </a> 9002 </li> 9003 9004 9005 </ul> 9006 </div> 9007 <div class="controls container"> 9008 <div class="progress"> 9009 <div class="progress-bar"></div> 9010 </div> 9011 <div class="arrows"> 9012 <button class="go-prev" type="button"> 9013 <svg 9014 width="23" 9015 height="16" 9016 viewBox="0 0 23 16" 9017 fill="none" 9018 xmlns="http://www.w3.org/2000/svg"> 9019 <path 9020 class="prev-path" 9021 d="M6.47103 0L7.55864 1.34461L2.94435 7.04926H23V8.95092H2.94449L7.55864 14.6554L6.47103 16L0 8L6.47103 0Z" 9022 fill="#AFAFAF" /> 9023 </svg> 9024 </button> 9025 <button class="go-next" type="button"> 9026 <svg 9027 width="23" 9028 height="16"
9029 viewBox="0 0 23 16" 9030 fill="none" 9031 xmlns="http://www.w3.org/2000/svg"> 9032 <path 9033 class="next-path" 9034 d="M16.529 0L15.4414 1.34461L20.0557 7.04926H0V8.95092H20.0555L15.4414 14.6554L16.529 16L23 8L16.529 0Z" 9035 fill="#212322" /> 9036 </svg> 9037 </button> 9038 </div> 9039 </div> 9040 </div> 9041</section> 9042 9043<!--
9043<script> 9044 // AB Test Only 9045 (async () => { 9046 const hp_lineup_image_test_state = await getABTestState('hp_lineup_image_test'); 9047 document.body.classList.add('exp-hp_lineup_image_test-'+hp_lineup_image_test_state); 9048 })(); 9049</script>
9049 --> 9050
9051<script> 9052 document.addEventListener('DOMContentLoaded', function () { 9053 const controlsContainer = document.querySelector('.product-lineup .controls'); 9054 9055 if (!controlsContainer) { 9056 console.error('controls is required for product lineup') 9057 return 9058 } 9059 9060 function getElementWidthWithoutPadding(element) { 9061 const computedStyle = window.getComputedStyle(element); 9062 const paddingLeft = parseFloat(computedStyle.paddingLeft); 9063 const paddingRight = parseFloat(computedStyle.paddingRight); 9064 return element.clientWidth - paddingLeft - paddingRight; 9065 } 9066 9067 const splideOptions = { 9068 perPage: 1, 9069 perMove: 1, 9070 pagination: false, 9071 arrows: false, 9072 mediaQuery: 'min', 9073 padding: { left: '20px', right: '20px' }, 9074 gap: 16, 9075 breakpoints: { 9076 640: { 9077 perPage: 2, 9078 gap: 16, 9079 }, 9080 768: { 9081 perPage: 2, 9082 gap: 16, 9083 }, 9084 1024: { 9085 perPage: 3, 9086 gap: 24 9087 }, 9088 1280: { 9089 perPage: 3, 9090 gap: 36 9091 }, 9092 1440: { 9093 perPage: 3, 9094 gap: 36 9095 } 9096 }, 9097 } 9098 9099 const splide = new Splide('#product_lineup_QeJtTX-splide', splideOptions) 9100 const bar = splide.root.querySelector('.progress-bar') 9101 9102 splide.on('mounted', function () { 9103 const goPrev = document.querySelector('.go-prev') 9104 const goNext = document.querySelector('.go-next') 9105 goPrev.addEventListener('click', () => splide.go('<')) 9106 goNext.addEventListener('click', () => splide.go('>')) 9107 }) 9108 9109 splide.on('moved', function () { 9110 const currentIndex = splide.index 9111 const end = splide.Components.Controller.getEnd() 9112 const prevSvgPath = document.querySelector('.go-prev .prev-path') 9113 const nextSvgPath = document.querySelector('.go-next .next-path') 9114 9115 if (currentIndex === 0){ 9116 prevSvgPath.setAttribute('fill', '#AFAFAF'); 9117 } else { 9118 prevSvgPath.setAttribute('fill', '#212322'); 9119 } 9120 9121 if (currentIndex === end) { 9122 nextSvgPath.setAttribute('fill', '#AFAFAF'); 9123 } else { 9124 nextSvgPath.setAttribute('fill', '#212322'); 9125 } 9126 }) 9127 9128 splide.on('mounted move', function () { 9129 const end = splide.Components.Controller.getEnd() + 1 9130 const rate = Math.min((splide.index + 1) / end, 1) 9131 bar.style.width = String(100 * rate) + '%' 9132 }) 9133 9134 splide.on('mounted resize', function () { 9135 const padding = (window.innerWidth - getElementWidthWithoutPadding(controlsContainer)) / 2 9136 splide.options.padding.left = (padding - 7) + 'px'; 9137 splide.options.padding.right = (padding - 7) + 'px'; 9138 splide.refresh(); 9139 }); 9140 9141 splide.mount() 9142 }) 9143</script>
9143 9144 9145</div><div id="shopify-section-animated_slidedown_images_PQMM8H" class="shopify-section"><div id="animated-slidedown-images" class="animated-slidedown__wrap"> 9146 9147 <div class="animated-slidedown__bar animated-slidedown__bar-1"> 9148 <div class="animated-slidedown__bar-color"></div> 9149 <div class="animated-slidedown__bar-img-container"> 9150 <img class="animated-slidedown__bar-img" src="//soylent.com/cdn/shop/files/Strawberry.png?v=1716350424" alt=""> 9151 </div> 9152 </div> 9153 9154 <div class="animated-slidedown__bar animated-slidedown__bar-2"> 9155 <div class="animated-slidedown__bar-color"></div> 9156 <div class="animated-slidedown__bar-img-container"> 9157 <img class="animated-slidedown__bar-img" src="//soylent.com/cdn/shop/files/Banana.png?v=1716350424" alt=""> 9158 </div> 9159 </div> 9160 9161 <div class="animated-slidedown__bar animated-slidedown__bar-3"> 9162 <div class="animated-slidedown__bar-color"></div> 9163 <div class="animated-slidedown__bar-img-container"> 9164 <img class="animated-slidedown__bar-img" src="//soylent.com/cdn/shop/files/Chocolate_1017e0e6-3409-49ef-9eb8-342a34864a92.png?v=1716350424" alt=""> 9165 </div> 9166 </div> 9167 9168 <div class="animated-slidedown__bar animated-slidedown__bar-4"> 9169 <div class="animated-slidedown__bar-color"></div> 9170 <div class="animated-slidedown__bar-img-container"> 9171 <img class="animated-slidedown__bar-img" src="//soylent.com/cdn/shop/files/Mint.png?v=1716350424" alt=""> 9172 </div> 9173 </div> 9174 9175 <div class="animated-slidedown__bar animated-slidedown__bar-5"> 9176 <div class="animated-slidedown__bar-color"></div> 9177 <div class="animated-slidedown__bar-img-container"> 9178 <img class="animated-slidedown__bar-img" src="//soylent.com/cdn/shop/files/Vanilla.png?v=1716350424" alt=""> 9179 </div> 9180 </div> 9181 9182 <div class="animated-slidedown__content"> 9183 <div class="animated-slidedown__content-slide animated-slidedown__content-slide-1 f11"> 9184 <span class="animated-slidedown__content-slide-header hide-mobile">why are we perfect?</span> 9185 <span class="animated-slidedown__content-slide-header hide-desktop">why are we perfect?</span> 9186 </div> 9187 <div class="animated-slidedown__content-slide animated-slidedown__content-slide-2 f11"> 9188 <span class="animated-slidedown__content-slide-header hide-mobile">weâre made of the perfect</span> 9189 <span class="animated-slidedown__content-slide-header hide-desktop">weâre made of the perfect</span> 9190 </div> 9191 <div class="animated-slidedown__content-slide animated-slidedown__content-slide-3 f11"> 9192 <span class="animated-slidedown__content-slide-header hide-mobile">synergy of ingredients</span> 9193 <span class="animated-slidedown__content-slide-header hide-desktop">synergy of ingredients</span> 9194 </div> 9195 <div class="animated-slidedown__content-slide animated-slidedown__content-slide-4 f11"> 9196 <span class="animated-slidedown__content-slide-header hide-mobile">protein + slow burning carbs + vitamins+ healthy fats</span> 9197 <span class="animated-slidedown__content-slide-header hide-desktop">micros + macros</span> 9198 </div> 9199 <div class="animated-slidedown__content-slide animated-slidedown__content-slide-5 f11"> 9200 <span class="animated-slidedown__content-slide-header hide-mobile">science-backed nutrition</span> 9201 <span class="animated-slidedown__content-slide-header hide-desktop">science-backed nutrition</span> 9202 </div> 9203 <div class="animated-slidedown__content-slide animated-slidedown__content-slide-6 f11"> 9204 <div class="animated-slidedown__content-slide-top"> 9205 <img class="animated-slidedown__content-slide-top__img" src="//soylent.com/cdn/shop/files/soylent-logo.png?v=1716513886" alt=""> 9206 <div class="animated-slidedown__content-slide-top__text f11">the world's most perfect food.</div> 9207 </div> 9208 9209 <div class="animated-slidedown__content-slide-bot"> 9210 9211 <a href="/pages/about-the-company" class="cta cta-1 home-hero__cta"> 9212 LEARN MORE 9213 </a> 9214 9215 9216 <a href="/collections" class="cta cta-1 home-hero__cta home-hero__cta2"> 9217 SHOP ALL 9218 </a> 9219 9220 </div> 9221 9222 </div> 9223 </div> 9224</div> 9225 9226<style> 9227 .animated-slidedown__wrap { 9228 position: relative; 9229 height: 80vh; 9230 display: flex; 9231 flex-direction: row; 9232 overflow: hidden; 9233 } 9234 .animated-slidedown__wrap .animated-slidedown__bar {
9235 position: relative; 9236 width: 20%; 9237 height: 100%; 9238 top: -85%; 9239 z-index: 10; 9240 } 9241 .animated-slidedown__bar-img-container { 9242 aspect-ratio: 288/470; 9243 top: 0%; 9244 position: relative; 9245 } 9246 .animated-slidedown__bar-img { 9247 position: absolute; 9248 top: -85%; 9249 opacity: 0; 9250 } 9251 .animated-slidedown__wrap .animated-slidedown__bar-color { 9252 height: 100%; 9253 } 9254 9255 .animated-slidedown__wrap .animated-slidedown__bar-1 .animated-slidedown__bar-color { 9256 background-color: #f8485e; 9257 } 9258 9259 .animated-slidedown__wrap .animated-slidedown__bar-2 .animated-slidedown__bar-color { 9260 background-color: #eed484; 9261 } 9262 9263 .animated-slidedown__wrap .animated-slidedown__bar-3 .animated-slidedown__bar-color { 9264 background-color: #623b2a; 9265 } 9266 9267 .animated-slidedown__wrap .animated-slidedown__bar-4 .animated-slidedown__bar-color { 9268 background-color: #ade8bf; 9269 } 9270 9271 .animated-slidedown__wrap .animated-slidedown__bar-5 .animated-slidedown__bar-color { 9272 background-color: #5e93db; 9273 } 9274 9275 .animated-slidedown__wrap .animated-slidedown__content { 9276 position: absolute; 9277 height: 100%; 9278 width: 100%; 9279 top: 0; 9280 left: 0; 9281 } 9282 .animated-slidedown__content-slide { 9283 width: 90%; 9284 max-width: 1126px; 9285 height: auto; 9286 text-align: center; 9287 position: absolute; 9288 top: 50%; 9289 left: 50%; 9290 translate: -50% -50%; 9291 opacity: 0; 9292 scale: 0.9; 9293 } 9294 .animated-slidedown__content-slide-6 { 9295 opacity: 1; 9296 scale: 1; 9297 } 9298 .animated-slidedown__content-slide-top { 9299 scale: 0.9; 9300 opacity: 0; 9301 } 9302 .animated-slidedown__content-slide-bot { 9303 opacity: 0; 9304 } 9305 .animated-slidedown__content-slide-top__img { 9306 max-height: 76px; 9307 width: auto; 9308 margin-bottom: 32px; 9309 } 9310 .animated-slidedown__content-slide-top__text { 9311 margin-bottom: 72px; 9312 } 9313 .animated-slidedown__content-slide-bot { 9314 display: flex; 9315 flex-direction: row; 9316 gap: 24px; 9317 justify-content: center; 9318 } 9319 .animated-slidedown__content-slide-bot .cta { 9320 width: fit-content; 9321 min-width: 158px; 9322 text-align: center; 9323 } 9324 .animated-slidedown__content-slide-bot .home-hero__cta { 9325 margin: 0; 9326 } 9327 .animated-slidedown__content-slide-header.hide-mobile { 9328 display: none; 9329 } 9330 .animated-slidedown__content-slide-header.hide-desktop { 9331 display: block; 9332 } 9333 @media screen and (min-width: 480px) { 9334 .animated-slidedown__content-slide-top__img { 9335 max-height: 164px; 9336 margin-bottom: 48px; 9337 } 9338 } 9339 @media screen and (min-width: 768px) { 9340 .animated-slidedown__wrap { 9341 height: 90vh; 9342 } 9343 .animated-slidedown__content-slide { 9344 width: 80%; 9345 } 9346 .animated-slidedown__content-slide-top__img { 9347 max-height: 200px; 9348 margin-bottom: 72px; 9349 } 9350 .animated-slidedown__content-slide-header.hide-mobile { 9351 display: block; 9352 } 9353 .animated-slidedown__content-slide-header.hide-desktop { 9354 display: none; 9355 } 9356 } 9357</style> 9358
9359<script> 9360(function(){ 9361 window.addEventListener('DOMContentLoaded', (event) => { 9362 onSectionRender() 9363 }) 9364 9365 function onSectionRender() { 9366 let hasIntersected = false 9367 const wrapper = document.querySelector('.animated-slidedown__wrap') 9368 9369 const options = { 9370 root: null, // Use the viewport as the root 9371 rootMargin: "0px", // No margin 9372 threshold: 0.35 // Trigger when 50% of the element is visible 9373 }; 9374 9375 const observer = new IntersectionObserver(scrolledToSection, options); 9376 9377 // Start observing the target element 9378 observer.observe(wrapper); 9379 9380 function scrolledToSection(entries, observer) { 9381 entries.forEach(entry => { 9382 if (entry.isIntersecting) { 9383 hasIntersected = true 9384 animateSection() 9385 } 9386 else { 9387 if (hasIntersected) resetSection() 9388 } 9389 }); 9390 } 9391 } 9392 9393 function transitionStyles(elem, styleProps, transitionProps) { 9394 return new Promise((resolve, reject) => { 9395 function handleTransitionsEnd() { 9396 transitionEventsHandled++; 9397 if(transitionEventsHandled == transitionEvents){ 9398 elem.removeEventListener("transitionend", handleTransitionsEnd); 9399 resolve(elem); 9400 } 9401 } 9402 9403 const transitionEvents = transitionProps.length 9404 let transitionEventsHandled = 0 9405 9406 elem.addEventListener("transitionend", handleTransitionsEnd) 9407 9408 // Create transition string for style properties 9409 let transitionString = '' 9410 let delayString = '' 9411 9412 transitionProps.forEach((transition, index) => { 9413 const currProp = transition.transitionProp 9414 const currDuration = transition.transitionDuration 9415 const currDelay = transition.transitionDelay 9416 9417 if(index === transitionProps.length - 1) { 9418 transitionString += `${currProp} ${currDuration}ms ease-in`; 9419 delayString += `${currDelay}ms`; 9420 } 9421 else { 9422 transitionString += `${currProp} ${currDuration}ms ease-in, `; 9423 delayString += `${currDelay}ms, `; 9424 } 9425 }) 9426 elem.style.transition = transitionString; 9427 elem.style.transitionDelay = delayString; 9428 9429 // Apply all the style properties to this element 9430 Object.entries(styleProps).forEach(([prop, value]) => { 9431 elem.style.setProperty(prop, value); 9432 }); 9433 9434 }); 9435 } 9436 9437 async function animateSection() { 9438 const bars = document.querySelectorAll('.animated-slidedown__bar') 9439 const bottleImages = document.querySelectorAll('.animated-slidedown__bar-img') 9440 9441 const slide1 = document.querySelector(".animated-slidedown__content-slide-1") 9442 const slide2 = document.querySelector(".animated-slidedown__content-slide-2") 9443 const slide3 = document.querySelector(".animated-slidedown__content-slide-3") 9444 const slide4 = document.querySelector(".animated-slidedown__content-slide-4") 9445 const slide5 = document.querySelector(".animated-slidedown__content-slide-5") 9446 9447 const slide6 = document.querySelector(".animated-slidedown__content-slide-6") 9448 const slide6top = document.querySelector('.animated-slidedown__content-slide-top') 9449 const slide6bot = document.querySelector('.animated-slidedown__content-slide-bot') 9450 9451 // slide 1 tranlsates up 9452 await transitionStyles(slide1, { scale: '1', opacity: 1}, [{ transitionDuration: 2250, transitionDelay: 0, transitionProp: 'scale' }, { transitionDuration: 350, transitionDelay: 0, transitionProp: 'opacity' }]) 9453 9454 // slide bars down and translates slide 1 up 9455 let parallelAnime = [] 9456 parallelAnime.push(transitionStyles(slide1, { top: '15%', opacity: 0 }, [ { transitionDuration: 150, transitionDelay: 300, transitionProp: 'top' }, { transitionDuration: 150, transitionDelay: 300, transitionProp: 'opacity' } ])) 9457 parallelAnime.push(transitionStyles(bars[0], { top: '85%' }, [ { transitionDuration: 650, transitionDelay: 150, transitionProp: 'top' } ])) 9458 parallelAnime.push(transitionStyles(bars[1], { top: '85%' }, [ { transitionDuration: 650, transitionDelay: 250, transitionProp: 'top' } ])) 9459 parallelAnime.push(transitionStyles(bars[2], { top: '85%' }, [ { transitionDuration: 650, transitionDelay: 350, transitionProp: 'top' } ])) 9460 parallelAnime.push(transitionStyles(bars[3], { top: '85%' }, [ { transitionDuration: 650, transitionDelay: 250, transitionProp: 'top' } ])) 9461 parallelAnime.push(transitionStyles(bars[4], { top: '85%' }, [ { transitionDuration: 650, transitionDelay: 150, transitionProp: 'top' } ])) 9462 9463 await Promise.all(parallelAnime) 9464 9465 // slide 2 translates up, zooms in, fades out 9466 await transitionStyles(slide2, { top: '65%'}, [{ transitionDuration: 1, transitionDelay: 0, transitionProp: 'top' }]) 9467 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' }]) 9468 await transitionStyles(slide2, { opacity: 0 }, [{ transitionDuration: 350, transitionDelay: 0, transitionProp: 'opacity' }]) 9469 9470 // slide 3 zooms in, fades out 9471 await transitionStyles(slide3, { scale: '1', opacity: 1}, [{ transitionDuration: 2000, transitionDelay: 0, transitionProp: 'scale' }, { transitionDuration: 150, transitionDelay: 0, transitionProp: 'opacity' }]) 9472 await transitionStyles(slide3, { opacity: 0 }, [{ transitionDuration: 350, transitionDelay: 0, transitionProp: 'opacity' }]) 9473 9474 // slide 4 zooms in, fades out 9475 await transitionStyles(slide4, { scale: '1', opacity: 1}, [{ transitionDuration: 2000, transitionDelay: 0, transitionProp: 'scale' }, { transitionDuration: 150, transitionDelay: 0, transitionProp: 'opacity' }]) 9476 await transitionStyles(slide5, { top: '15%' }, [{ transitionDuration: 1, transitionDelay: 0, transitionProp: 'top' }]) 9477 9478 // slide bars up and translates slide 4 down 9479 parallelAnime.length = 0 9480 parallelAnime.push(transitionStyles(slide4, { top: '65%', opacity: 0 }, [{ transitionDuration: 150, transitionDelay: 250, transitionProp: 'top' }, { transitionDuration: 150, transitionDelay: 250, transitionProp: 'opacity' }])) 9481 parallelAnime.push(transitionStyles(bars[0], { top: '-85%' }, [ { transitionDuration: 650, transitionDelay: 150, transitionProp: 'top' } ])) 9482 parallelAnime.push(transitionStyles(bars[1], { top: '-85%' }, [ { transitionDuration: 650, transitionDelay: 250, transitionProp: 'top' } ])) 9483 parallelAnime.push(transitionStyles(bars[2], { top: '-85%' }, [ { transitionDuration: 650, transitionDelay: 350, transitionProp: 'top' } ])) 9484 parallelAnime.push(transitionStyles(bars[3], { top: '-85%' }, [ { transitionDuration: 650, transitionDelay: 250, transitionProp: 'top' } ])) 9485 parallelAnime.push(transitionStyles(bars[4], { top: '-85%' }, [ { transitionDuration: 650, transitionDelay: 150, transitionProp: 'top' } ])) 9486 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' }])) 9487 9488 await Promise.all(parallelAnime) 9489 9490 // slide 5 translates down, zooms in, tranlates up 9491 // slide bars and bottles down, pause, slide down out of view 9492 parallelAnime.length = 0 9493 parallelAnime.push(transitionStyles(slide5, { top: '15%', opacity: 0 }, [ { transitionDuration: 150, transitionDelay: 300, transitionProp: 'top' }, { transitionDuration: 150, transitionDelay: 300, transitionProp: 'opacity' } ])) 9494 parallelAnime.push(transitionStyles(bars[0], { top: '-50%' }, [{ transitionDuration: 500, transitionDelay: 150, transitionProp: 'top' }])) 9495 parallelAnime.push(transitionStyles(bars[1], { top: '-50%' }, [{ transitionDuration: 500, transitionDelay: 250, transitionProp: 'top' }])) 9496 parallelAnime.push(transitionStyles(bars[2], { top: '-50%' }, [{ transitionDuration: 500, transitionDelay: 350, transitionProp: 'top' }])) 9497 parallelAnime.push(transitionStyles(bars[3], { top: '-50%' }, [{ transitionDuration: 500, transitionDelay: 450, transitionProp: 'top' }])) 9498 parallelAnime.push(transitionStyles(bars[4], { top: '-50%' }, [{ transitionDuration: 500, transitionDelay: 550, transitionProp: 'top' }])) 9499 parallelAnime.push(transitionStyles(bottleImages[0], { top: '-49%', opacity: '1' }, [{ transitionDuration: 250, transitionDelay: 400, transitionProp: 'top' }, { transitionDuration: 250, transitionDelay: 400, transitionProp: 'opacity' }])) 9500 parallelAnime.push(transitionStyles(bottleImages[1], { top: '-49%', opacity: '1' }, [{ transitionDuration: 250, transitionDelay: 500, transitionProp: 'top' }, { transitionDuration: 250, transitionDelay: 500, transitionProp: 'opacity' }])) 9501 parallelAnime.push(transitionStyles(bottleImages[2], { top: '-49%', opacity: '1' }, [{ transitionDuration: 250, transitionDelay: 600, transitionProp: 'top' }, { transitionDuration: 250, transitionDelay: 600, transitionProp: 'opacity' }])) 9502 parallelAnime.push(transitionStyles(bottleImages[3], { top: '-49%', opacity: '1' }, [{ transitionDuration: 250, transitionDelay: 700, transitionProp: 'top' }, { transitionDuration: 250, transitionDelay: 700, transitionProp: 'opacity' }])) 9503 parallelAnime.push(transitionStyles(bottleImages[4], { top: '-49%', opacity: '1' }, [{ transitionDuration: 250, transitionDelay: 800, transitionProp: 'top' }, { transitionDuration: 250, transitionDelay: 800, transitionProp: 'opacity' }])) 9504 9505 await Promise.all(parallelAnime) 9506 9507 parallelAnime.length = 0 9508 parallelAnime.push(transitionStyles(bars[0], { top: '100%' }, [{ transitionDuration: 750, transitionDelay: 1250, transitionProp: 'top' }])) 9509 parallelAnime.push(transitionStyles(bars[1], { top: '100%' }, [{ transitionDuration: 750, transitionDelay: 1150, transitionProp: 'top' }])) 9510 parallelAnime.push(transitionStyles(bars[2], { top: '100%' }, [{ transitionDuration: 750, transitionDelay: 1050, transitionProp: 'top' }])) 9511 parallelAnime.push(transitionStyles(bars[3], { top: '100%' }, [{ transitionDuration: 750, transitionDelay: 1150, transitionProp: 'top' }])) 9512 parallelAnime.push(transitionStyles(bars[4], { top: '100%' }, [{ transitionDuration: 750, transitionDelay: 1250, transitionProp: 'top' }])) 9513 9514 await Promise.all(parallelAnime) 9515 9516 await transitionStyles(slide6top, { scale: '1', opacity: 1 }, [{ transitionDuration: 2000, transitionDelay: 0, transitionProp: 'scale' }, { transitionDuration: 150, transitionDelay: 0, transitionProp: 'opacity' }]) 9517 await transitionStyles(slide6bot, { opacity: 1 }, [{ transitionDuration: 1000, transitionDelay: 0, transitionProp: 'opacity' }]) 9518 } 9519 9520 async function resetSection() { 9521 let section = document.querySelector('#shopify-section-animated_slidedown_images_PQMM8H') 9522 await fetch(window.Shopify.routes.root + '?section_id=animated_slidedown_images_PQMM8H') 9523 .then(response => response.text()).then((responseText) => { 9524 const newHtml = new DOMParser().parseFromString(responseText, 'text/html').getElementById('shopify-section-animated_slidedown_images_PQMM8H').innerHTML; 9525 section.innerHTML = newHtml; 9526 }) 9527 onSectionRender() 9528 } 9529})(); 9530</script>
9530 9531 9532</div><div id="shopify-section-periodic_table_erff9P" class="shopify-section"> 9533 9534 9535 <style> 9536 [id="shopify-section-periodic_table_erff9P"] { 9537 padding-top: 32px; 9538 padding-bottom: 32px; 9539 background-color: #000000; 9540 } 9541 9542 .periodic-table .title { 9543 color: #fff; 9544 line-height: 1; 9545 text-transform: lowercase; 9546 font-size: 25px; 9547 text-align: center; 9548 } 9549 9550 .periodic-table .grid { 9551 margin: 32px auto 0 auto; 9552 display: grid; 9553 grid-template-columns: repeat(2, 1fr); 9554 border: 1px solid #fff; 9555 max-width: 380px; 9556 } 9557 9558 .periodic-table .grid__item { 9559 aspect-ratio: 1 / 1; 9560 display: flex; 9561 flex-direction: column; 9562 align-items: center; 9563 justify-content: center; 9564 } 9565 9566 .periodic-table .grid__item:first-of-type { 9567 border-right: 1px solid #fff; 9568 border-bottom: 1px solid #fff; 9569 } 9570 9571 .periodic-table .grid__item:last-of-type { 9572 border-top: 1px solid #fff; 9573 border-left: 1px solid #fff; 9574 } 9575 9576 .periodic-table .grid__item h3 { 9577 color: #fff; 9578 margin: 0; 9579 font-size: 96px; 9580 line-height: .75; 9581 } 9582 9583 .periodic-table .grid__item p { 9584 color: #fff; 9585 margin: 10px 0 0; 9586 font-size: 13px; 9587 line-height: 1; 9588 } 9589 9590 @media screen and (min-width: 768px) { 9591 [id="shopify-section-periodic_table_erff9P"] { 9592 padding-top: 64px; 9593 padding-bottom: 64px; 9594 background-color: #000000; 9595 } 9596 9597 .periodic-table .title { 9598 font-size: 40px; 9599 } 9600 9601 .periodic-table .grid { 9602 margin: 72px auto 0 auto; 9603 max-width: 1024px; 9604 grid-template-columns: repeat(4, 1fr); 9605 } 9606 9607 .periodic-table .grid__item:first-of-type { 9608 border-bottom: none; 9609 } 9610 9611 .periodic-table .grid__item:last-of-type { 9612 border-top: none; 9613 border-left: none; 9614 } 9615 9616 .periodic-table .grid__item:not(:last-of-type) { 9617 border-right: 1px solid #fff; 9618 } 9619 9620 .periodic-table .grid__item h3 { 9621 font-size: 120px; 9622 } 9623 9624 .periodic-table .grid__item p { 9625 margin-top: 12px; 9626 font-size: 16px; 9627 } 9628 } 9629 9630 @media screen and (min-width: 1024px) { 9631 .periodic-table .grid__item h3 { 9632 font-size: 160px; 9633 } 9634 9635 .periodic-table .grid__item p { 9636 font-size: 22px; 9637 } 9638 } 9639 </style> 9640 9641 <section class="periodic-table container"> 9642 9643 <h2 class="title">technically, delicious.</h2> 9644 9645 <div class="grid"> 9646 9647 <div class="grid__item"> 9648 <h3>28</h3> 9649 <p>vitamins & minerals</p> 9650 </div> 9651 9652 <div class="grid__item"> 9653 <h3>12</h3> 9654 <p>brain boosters</p> 9655 </div> 9656 9657 <div class="grid__item"> 9658 <h3>9</h3> 9659 <p>essential amino acids</p> 9660 </div> 9661 9662 <div class="grid__item"> 9663 <h3>0</h3> 9664 <p>gluten, dairy, eggs</p> 9665 </div> 9666 9667 </div> 9668 </section> 9669 9670 9671 9672</div><div id="shopify-section-scientific_approach_module_WgBHQ9" class="shopify-section index-section">
9672<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js"></script>
9672 9673<link href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css" rel="stylesheet"> 9674 9675<div class="scientific-approach"> 9676 9677 <h2 class="scientific-approach__header">the science behind Soylentâs ingredients</h2> 9678 9679 <div class="scientific-approach__swipe-to-view"> 9680 swipe to view 9681 <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 9682 <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"/> 9683 </svg> 9684 </div> 9685 <div class="scientific-approach__design-blocks-container"> 9686 <div class="scientific-approach__design-modals-overlay"></div> 9687 <div class="scientific-approach__design-modals"> 9688 <div class="scientific-approach__design-modals-splide splide"> 9689 <div class="scientific-approach__design-modals-splide-track splide__track"> 9690 <div class="splide__list"> 9691 9692 <div class="scientific-approach__design-modal scientific-approach__design-modal-1 splide__slide"> 9693 <div class="scientific-approach__design-modal__header"> 9694 9695 <h3 class="scientific-approach__design-modal__title">soy protein</h3> 9696 9697 <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"> 9698 <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"/> 9699 </svg> 9700 </div> 9701 9702 <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> 9703 9704 9705 <div class="scientific-approach__design-modal__divider"></div> 9706 9707 9708 <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> 9709 <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> 9710 9711 </div> 9712 9713 <div class="scientific-approach__design-modal scientific-approach__design-modal-2 splide__slide"> 9714 <div class="scientific-approach__design-modal__header"> 9715 9716 <h3 class="scientific-approach__design-modal__title">allulose</h3> 9717 9718 <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"> 9719 <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"/> 9720 </svg> 9721 </div> 9722 9723 <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> 9724 9725 9726 <div class="scientific-approach__design-modal__divider"></div> 9727 9728 9729 <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> 9730 <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> 9731 9732 </div> 9733 9734 <div class="scientific-approach__design-modal scientific-approach__design-modal-3 splide__slide"> 9735 <div class="scientific-approach__design-modal__header"> 9736 9737 <h3 class="scientific-approach__design-modal__title">canola oil</h3> 9738 9739 <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"> 9740 <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"/> 9741 </svg> 9742 </div> 9743 9744 <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> 9745 9746 9747 <div class="scientific-approach__design-modal__divider"></div> 9748 9749 9750 <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> 9751 <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
9751icial 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> 9752 9753 </div> 9754 9755 <div class="scientific-approach__design-modal scientific-approach__design-modal-4 splide__slide"> 9756 <div class="scientific-approach__design-modal__header"> 9757 9758 <h3 class="scientific-approach__design-modal__title">sucralose</h3> 9759 9760 <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"> 9761 <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"/> 9762 </svg> 9763 </div> 9764 9765 <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> 9766 9767 9768 <div class="scientific-approach__design-modal__divider"></div> 9769 9770 9771 <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> 9772 <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> 9773 9774 </div> 9775 9776 <div class="scientific-approach__design-modal scientific-approach__design-modal-5 splide__slide"> 9777 <div class="scientific-approach__design-modal__header"> 9778 9779 <h3 class="scientific-approach__design-modal__title">vitamins + minerals</h3> 9780 9781 <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"> 9782 <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"/> 9783 </svg> 9784 </div> 9785 9786 <div class="scientific-approach__design-modal__subtitle"><p>all Soylent products contain 28 vitamins & minerals you need daily for maximum health.</p></div> 9787 9788 9789 <div class="scientific-approach__design-modal__divider"></div> 9790 9791 9792 <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> 9793 <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> 9794 9795 </div> 9796 9797 </div> 9798 </div> 9799 <div class="splide__arrows splide__arrows--ltr"> 9800 <button 9801 class="splide__arrow splide__arrow--prev" 9802 type="button" 9803 aria-label="Previous slide" 9804 >
9805 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 9806 <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"/> 9807 </svg> 9808 </button> 9809 <button 9810 class="splide__arrow splide__arrow--next" 9811 type="button" 9812 aria-label="Next slide" 9813 > 9814 <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg"> 9815 <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"/> 9816 </svg> 9817 </button> 9818 </div> 9819 </div> 9820 </div> 9821 9822 <div class="scientific-approach__design-blocks-wrapper__margin"></div> 9823 <div class="scientific-approach__design-blocks-wrapper"> 9824 <div class="scientific-approach__design-blocks"> 9825 <svg class="scientific-approach__design-curve" xmlns="http://www.w3.org/2000/svg" width="634" height="136" viewBox="0 0 634 136" fill="none"> 9826 <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
98267.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
982676L151.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"/> 9827 </svg> 9828 9829 9830 <div class="scientific-approach__design-block "> 9831 <div class="scientific-approach__design-block__text-content "> 9832 9833 <div class="scientific-approach__design-block__header">soy protein</div> 9834 9835 9836 <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> 9837 9838 9839 <div class="scientific-approach__design-block__btn">learn more</div> 9840 9841 </div> 9842 <div class="scientific-approach__design-block__connector scientific-approach__design-block__connector-1 "></div> 9843 <div class="scientific-approach__design-block__image-content"> 9844 <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"> 9845 <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
9845138.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"/> 9846 </svg> 9847 <div class="scientific-approach__design-block__ingredient" style="top: 15%; left: 19%;">soy protein</div> 9848 9849 <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=""> 9850 9851 </div> 9852 </div> 9853 9854 9855 <div class="scientific-approach__design-block scientific-approach__design-block-reverse"> 9856 <div class="scientific-approach__design-block__text-content scientific-approach__design-block__text-content-reverse"> 9857 9858 <div class="scientific-approach__design-block__header">allulose</div> 9859 9860 9861 <div class="scientific-approach__design-block__text">a sugar substitute with a fraction of the calories.</div> 9862 9863 9864 <div class="scientific-approach__design-block__btn">learn more</div> 9865 9866 </div> 9867 <div class="scientific-approach__design-block__connector scientific-approach__design-block__connector-2 scientific-approach__design-block__connector-reverse"></div> 9868 <div class="scientific-approach__design-block__image-content"> 9869 <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"> 9870 <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"/> 9871 </svg> 9872 <div class="scientific-approach__design-block__ingredient" style="top: 29%; left: 27%;">allulose</div> 9873 9874 <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=""> 9875 9876 </div> 9877 </div> 9878 9879 9880 <div class="scientific-approach__design-block "> 9881 <div class="scientific-approach__design-block__text-content "> 9882 9883 <div class="scientific-approach__design-block__header">canola oil</div> 9884 9885 9886 <div class="scientific-approach__design-block__text">packed with good fats that are awesome for your heart and can help lower cholesterol.</div> 9887 9888 9889 <div class="scientific-approach__design-block__btn">learn more</div> 9890 9891 </div> 9892 <div class="scientific-approach__design-block__connector scientific-approach__design-block__connector-3 "></div> 9893 <div class="scientific-approach__design-block__image-content"> 9894 <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"> 9895 <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
9895138.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"/> 9896 </svg> 9897 <div class="scientific-approach__design-block__ingredient" style="top: 30%; left: 18%;">canola oil</div> 9898 9899 <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=""> 9900 9901 </div> 9902 </div> 9903 9904 9905 <div class="scientific-approach__design-block scientific-approach__design-block-reverse"> 9906 <div class="scientific-approach__design-block__text-content scientific-approach__design-block__text-content-reverse"> 9907 9908 <div class="scientific-approach__design-block__header">sucralose</div> 9909 9910 9911 <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> 9912 9913 9914 <div class="scientific-approach__design-block__btn">learn more</div> 9915 9916 </div> 9917 <div class="scientific-approach__design-block__connector scientific-approach__design-block__connector-4 scientific-approach__design-block__connector-reverse"></div> 9918 <div class="scientific-approach__design-block__image-content"> 9919 <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"> 9920 <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"/> 9921 </svg> 9922 <div class="scientific-approach__design-block__ingredient" style="top: 30%; left: 16%;">sucralose</div> 9923 9924 <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=""> 9925 9926 </div> 9927 </div> 9928 9929 9930 <div class="scientific-approach__design-block "> 9931 <div class="scientific-approach__design-block__text-content "> 9932 9933 <div class="scientific-approach__design-block__header">vitamins + minerals</div> 9934 9935 9936 <div class="scientific-approach__design-block__text">
9936all Soylent contains 28 vitamins & minerals you need daily for maximum health.</div> 9937 9938 9939 <div class="scientific-approach__design-block__btn">learn more</div> 9940 9941 </div> 9942 <div class="scientific-approach__design-block__connector scientific-approach__design-block__connector-5 "></div> 9943 <div class="scientific-approach__design-block__image-content"> 9944 <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"> 9945 <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"/> 9946 </svg> 9947 <div class="scientific-approach__design-block__ingredient" style="top: 30%; left: 23%;">vitamins + minerals</div> 9948 9949 <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=""> 9950 9951 </div> 9952 </div> 9953 9954 </div> 9955 </div> 9956 </div> 9957</div> 9958 9959<style> 9960 .scientific-approach__design-blocks-wrapper__margin { 9961 border-left: 20px solid #fff; 9962 border-right: 20px solid #fff; 9963 height: 4px; 9964 width: 100%; 9965 position: absolute; 9966 top: 0; 9967 z-index: 2; 9968 pointer-events: none; 9969 } 9970 .scientific-approach { 9971 width: 100%; 9972 position: relative; 9973 margin-bottom: 12px; 9974 padding: 32px 0; 9975 } 9976 .scientific-approach__header { 9977 text-align: center; 9978 font-size: 25px; 9979 font-style: normal; 9980 font-weight: 700; 9981 line-height: normal; 9982 margin: 0 auto; 9983 margin-bottom: 16px; 9984 max-width: 280px; 9985 } 9986 .scientific-approach__swipe-to-view { 9987 margin-bottom: 16px; 9988 color: #505050; 9989 font-size: 16px; 9990 font-weight: 400; 9991 line-height: normal; 9992 display: flex; 9993 align-items: center; 9994 justify-content: center; 9995 gap: 12px; 9996 } 9997 .scientific-approach__design-blocks-container { 9998 position: relative; 9999 width: 100%; 10000 } 10001 .scientific-approach__design-blocks-wrapper { 10002 max-width: 1200px; 10003 overflow-x: scroll; 10004 transform: rotateX(180deg); 10005 } 10006 .scientific-approach__design-blocks { 10007 position: relative; 10008 display: flex; 10009 align-items: center; 10010 justify-content: flex-start; 10011 gap: 42px; 10012 margin: 0 auto; 10013 max-width: 1200px; 10014 height: 630px; 10015 --widthA: calc(100vw - 161px); 10016 --widthB: calc(var(--widthA) / 2); 10017 margin-left: var(--widthB); 10018 transform: rotateX(180deg); 10019 } 10020 .scientific-approach__design-block { 10021 position: relative; 10022 display: flex; 10023 flex-direction: column; 10024 gap: 42px; 10025 max-width: 191px; 10026 width: 191px; 10027 } 10028 .scientific-approach__design-block__header { 10029 font-size: 18px; 10030 font-weight: 700; 10031 line-height: 22px; 10032 } 10033 .scientific-approach__design-block__connector { 10034 position: absolute; 10035 width: 2px; 10036 background-color: #000; 10037 } 10038 .scientific-approach__design-block__connector-reverse { 10039 height: 52px; 10040 top: unset; 10041 bottom: -52px; 10042 } 10043 .scientific-approach__design-block__text-content { 10044 position: absolute; 10045 display: flex; 10046 flex-direction: column; 10047 gap: 8px; 10048 text-align: left; 10049 border: 2px solid #000; 10050 padding: 16px; 10051 width: calc(100vw - 40px); 10052 max-width: 390px; 10053 left: 50%; 10054 transform: translateX(-50%); 10055 bottom: 120%; 10056 } 10057 .scientific-approach__design-block__text-content-reverse { 10058 bottom: unset; 10059 top: 120%; 10060 } 10061 .scientific-approach__design-block__btn { 10062 color: #47AF19; 10063 text-decoration: underline; 10064 cursor: pointer; 10065 } 10066 .scientific-approach__design-block__btn:hover { 10067 color: #47AF19; 10068 text-decoration: underline; 10069 } 10070 .scientific-approach__design-block__image-content { 10071 position: relative; 10072 display: flex; 10073 flex-direction: column; 10074 justify-content: center; 10075 align-items: center; 10076 max-width: 161px; 10077 min-width: 161px; 10078 height: 168px; 10079 } 10080 .scientific-approach__design-block__image { 10081 width: 100%; 10082 height: 100%; 10083 object-fit: contain; 10084 } 10085 .scientific-approach__design-block__ingredient { 10086 position: absolute; 10087 margin-top: 4px; 10088 font-size: 26px; 10089 font-weight: 700; 10090 line-height: 30px; 10091 max-width: 120px; 10092 text-align: center; 10093 display: none; 10094 } 10095 .scientific-approach__design-block__ingredient-image { 10096 width: 75px; 10097 position: absolute; 10098 top: 50%; 10099 left: 50%; 10100 transform: translate(-50%, -50%); 10101 } 10102 10103 10104 .scientific-approach__design-block__connector-1 { 10105 height: 34%; 10106 10107 top: -21%; 10108 10109 left: 18%; 10110 } 10111 10112 10113 .scientific-approach__design-block__connector-2 { 10114 height: 36%; 10115 10116 bottom: -21%; 10117 10118 left: 18%; 10119 } 10120 10121 10122 .scientific-approach__design-block__connector-3 { 10123 height: 36%; 10124 10125 top: -21%; 10126 10127 left: 18%; 10128 } 10129 10130 10131 .scientific-approach__design-block__connector-4 { 10132 height: 34%; 10133 10134 bottom: -21%; 10135 10136 left: 18%; 10137 } 10138 10139 10140 .scientific-approach__design-block__connector-5 { 10141 height: 36%; 10142 10143 top: -21%; 10144 10145 left: 18%; 10146 } 10147 10148 10149 .scientific-approach__design-modal { 10150 padding: 24px; 10151 gap: 16px; 10152 display: flex; 10153 flex-direction: column; 10154 background-size: contain; 10155 background-position: bottom right; 10156 background-repeat: no-repeat; 10157 background-color: #F7F7F7; 10158 box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08); 10159 height: fit-content; 10160 background-image: none; 10161 } 10162 .scientific-approach__design-modal__bg { 10163 position: absolute; 10164 height: 100%; 10165 width: 100%; 10166 } 10167 .scientific-approach__design-modal__header { 10168 width: 100%; 10169 display: flex; 10170 justify-content: space-between; 10171 align-items: center; 10172 } 10173 .scientific-approach__design-modal__close { 10174 cursor: pointer; 10175 pointer-events: all; 10176 } 10177 .scientific-approach__design-modal__text-truncated { 10178 display: block; 10179 } 10180 .scientific-approach__design-modal__text { 10181 display: none; 10182 } 10183 .scientific-approach__design-modal.is-active .scientific-approach__design-modal__text-truncated { 10184 display: none; 10185 } 10186 .scientific-approach__design-modal.is-active .scientific-approach__design-modal__text { 10187 display: block; 10188 } 10189 .scientific-approach__design-modal__title, .scientific-approach__design-modal__subtitle p, .scientific-approach__design-modal__text p { 10190 margin: 0; 10191 } 10192 .scientific-approach__design-modal__title { 10193 font-size: 25px; 10194 font-weight: 700; 10195 } 10196 .scientific-approach__design-modal__divider { 10197 width: 100%; 10198 height: 2px; 10199 background-color: #e3e3e3; 10200 } 10201 .scientific-approach__design-modals { 10202 position: fixed; 10203 left: 50%; 10204 top: 50%; 10205 transform: translate(-50%, -50%); 10206 visibility: hidden; 10207 opacity: 0; 10208 pointer-events: none; 10209 display: none; 10210 width: 100%; 10211 } 10212 .scientific-approach__design-modals.active { 10213 z-index: 101; 10214 visibility: visible; 10215 opacity: 1; 10216 pointer-events: all; 10217 display: block; 10218 margin-left: 0px; 10219 } 10220 .scientific-approach__design-modals-splide-track { 10221 overflow: visible; 10222 margin: 0 auto; 10223 } 10224 .scientific-approach__design-modals-splide .splide__arrow { 10225 width: 48px; 10226 height: 48px; 10227 background: #FFF; 10228 box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04); 10229 } 10230 .scientific-approach__design-modals-splide .splide__arrow--prev { 10231 left: -33px; 10232 } 10233 .scientific-approach__design-modals-splide .splide__arrow--next { 10234 right: -33px; 10235 } 10236 .scientific-approach__design-modals-overlay { 10237 position: fixed; 10238 top: 0; 10239 left: -1000px; 10240 width: 100%; 10241 height: 100%; 10242 background: rgba(0, 0, 0, 0.5); 10243 z-index: -1; 10244 visibility: hidden; 10245 opacity: 0; 10246 pointer-events: none; 10247 } 10248 .scientific-approach__design-modals-overlay.active { 10249 visibility: visible; 10250 left: 0; 10251 opacity: 1; 10252 z-index: 100; 10253 pointer-events: all; 10254 } 10255 .scientific-approach__design-curve { 10256 position: absolute; 10257 width: 964px; 10258 height: 200px; 10259 left: -45px; 10260 } 10261 .scientific-approach__design-block__image-curve { 10262 position: absolute; 10263 width: 100%; 10264 height: 100%; 10265 } 10266 .scientific-approach__design-blocks-wrapper::-webkit-scrollbar {
10267 width: 90%; 10268 height: 1px; 10269 cusrsor: pointer; 10270 } 10271 .scientific-approach__design-blocks-wrapper::-webkit-scrollbar-track { 10272 background: #E7E7E7; 10273 } 10274 .scientific-approach__design-blocks-wrapper::-webkit-scrollbar-thumb { 10275 background: #212322; 10276 } 10277 .scientific-approach__design-blocks-wrapper::-webkit-scrollbar-thumb:hover { 10278 background: #212322; 10279 } 10280 .scientific-approach__design-modals-splide .splide__arrows { 10281 display: none; 10282 margin-left: 40px; 10283 } 10284 .scientific-approach__design-modals-splide .splide__list { 10285 align-items: center; 10286 } 10287 @media screen and (min-width: 480px){ 10288 .scientific-approach__design-blocks { 10289 height: 700px; 10290 } 10291 .scientific-approach__design-block__text-content { 10292 width: 150%; 10293 max-width: 290px; 10294 } 10295 .scientific-approach__design-blocks { 10296 margin-left: 10vw; 10297 } 10298 } 10299 @media screen and (min-width: 768px){ 10300 .scientific-approach { 10301 padding: 64px 0; 10302 } 10303 .scientific-approach__header { 10304 font-size: 40px; 10305 font-weight: 700; 10306 line-height: normal; 10307 max-width: 90%; 10308 } 10309 .scientific-approach__design-blocks { 10310 position: relative; 10311 } 10312 .scientific-approach__design-block__ingredient { 10313 display: block; 10314 } 10315 .scientific-approach__design-block__image-content { 10316 position: relative; 10317 display: flex; 10318 justify-content: center; 10319 align-items: center; 10320 max-width: 191px; 10321 min-width: 191px; 10322 height: 198px; 10323 } 10324 10325 .scientific-approach__design-block__ingredient-image-1 { 10326 top: 60% !important; 10327 left: 52% !important; 10328 } 10329 10330 .scientific-approach__design-block__ingredient-image-2 { 10331 top: 60% !important; 10332 left: 50% !important; 10333 } 10334 10335 .scientific-approach__design-block__ingredient-image-3 { 10336 top: 62% !important; 10337 left: 48% !important; 10338 } 10339 10340 .scientific-approach__design-block__ingredient-image-4 { 10341 top: 61% !important; 10342 left: 47% !important; 10343 } 10344 10345 .scientific-approach__design-block__ingredient-image-5 { 10346 top: 75% !important; 10347 left: 70% !important; 10348 } 10349 10350 .scientific-approach__design-block__ingredient-image { 10351 margin-top: 4px; 10352 } 10353 .scientific-approach__design-curve { 10354 position: absolute; 10355 width: 1064px; 10356 height: 228px; 10357 left: -30px; 10358 } 10359 } 10360 @media screen and (min-width: 900px){ 10361 .scientific-approach__design-modals-splide .splide__list { 10362 margin-left: 0px !important; 10363 } 10364 .scientific-approach__design-modals-splide .splide__arrows { 10365 position: absolute; 10366 width: 89%; 10367 display: flex; 10368 align-items: center; 10369 justify-content: center; 10370 margin: 0 auto; 10371 top: 50%; 10372 left: 50%; 10373 transform: translate(-50%); 10374 z-index: 10; 10375 margin-left: 0px; 10376 } 10377 .scientific-approach__design-modal { 10378 /*transform: scale(0.9);*/ 10379 padding: 64px; 10380 gap: 32px; 10381 } 10382 10383 10384 .scientific-approach__design-modal-1 { 10385 background-image: url(//soylent.com/cdn/shop/files/Ingredient_Pop-up_Frame_6.png?v=1715135892) 10386 } 10387 10388 10389 10390 .scientific-approach__design-modal-2 { 10391 background-image: url(//soylent.com/cdn/shop/files/Ingredient_Pop-up_Frame_7.png?v=1715135892) 10392 } 10393 10394 10395 10396 .scientific-approach__design-modal-3 { 10397 background-image: url(//soylent.com/cdn/shop/files/Ingredient_Pop-up_Frame_8.png?v=1715135891) 10398 } 10399 10400 10401 10402 .scientific-approach__design-modal-4 { 10403 background-image: url(//soylent.com/cdn/shop/files/Ingredient_Pop-up_Frame_9.png?v=1715135891) 10404 } 10405 10406 10407 10408 .scientific-approach__design-modal-5 { 10409 background-image: url(//soylent.com/cdn/shop/files/Ingredient_Pop-up_Frame_10.png?v=1715135891) 10410 } 10411 10412 10413 .scientific-approach__design-modal.is-active { 10414 transform: unset; 10415 } 10416 .scientific-approach__design-modal-1.is-active, .scientific-approach__design-modal-1.is-active + .scientific-approach__design-modal-2 { 10417 left: 0%; 10418 } 10419 .scientific-approach__design-block__header { 10420 display: none; 10421 } 10422 .scientific-approach__design-modals { 10423 margin-left: 0px; 10424 left: 50%; 10425 top: calc(100% - 700px); 10426 transform: translateX(-50%); 10427 width: auto; 10428 } 10429 .scientific-approach__design-modal__text-truncated, .scientific-approach__design-modal__text { 10430 width: 65%; 10431 } 10432 } 10433 @media screen and (min-width: 1280px){ 10434 .scientific-approach__swipe-to-view { 10435 display: none; 10436 } 10437 .scientific-approach__design-blocks-wrapper { 10438 overflow-x: initial; 10439 margin: 0 auto; 10440 } 10441 .scientific-approach__design-blocks { 10442 position: relative; 10443 justify-content: center; 10444 padding-left: 0; 10445 overflow: initial; 10446 margin-left: 0; 10447 } 10448 .scientific-approach__design-curve { 10449 left: 10px; 10450 } 10451 } 10452</style> 10453
10454<script> 10455 document.addEventListener('DOMContentLoaded', function() { 10456 const modalSplide = new Splide( '.scientific-approach__design-modals-splide', { 10457 perPage: 1, 10458 perMove: 1, 10459 cloneStatus: false, 10460 pagination: false, 10461 padding: '80px', 10462 gap: '80px', 10463 updateOnMove: true, 10464 width: '900px', 10465 useIndex: true, 10466 drag: false, 10467 breakpoints: { 10468 900: { 10469 padding: '40px', 10470 gap: '40px', 10471 width: '100%', 10472 drag: true, 10473 }, 10474 480: { 10475 padding: '32px', 10476 gap: '16px', 10477 width: '100%', 10478 drag: true, 10479 } 10480 } 10481 }); 10482 10483 modalSplide.mount(); 10484 10485 const modalContainer = document.querySelector('.scientific-approach__design-modals'); 10486 const modalBtns = document.querySelectorAll('.scientific-approach__design-block__btn') 10487 const modalCloseBtns = document.querySelectorAll('.scientific-approach__design-modal__close') 10488 const modalOverlay = document.querySelector('.scientific-approach__design-modals-overlay') 10489 10490 modalBtns.forEach((btn, index) => { 10491 btn.addEventListener('click', event => { 10492 modalContainer.classList.add('active') 10493 modalOverlay.classList.add('active') 10494 modalSplide.go(index) 10495 }) 10496 }) 10497 10498 modalCloseBtns.forEach(btn => { 10499 btn.addEventListener('click', event => { 10500 modalContainer.classList.remove('active') 10501 modalOverlay.classList.remove('active') 10502 }) 10503 }) 10504 10505 modalOverlay.addEventListener('click', event => { 10506 modalContainer.classList.remove('active') 10507 modalOverlay.classList.remove('active') 10508 }) 10509 }); 10510</script>
10510 10511 10512</div><div id="shopify-section-expert_recommendations_zQ63Vq" class="shopify-section"> 10513 10514 10515 <style> 10516 [id="shopify-section-expert_recommendations_zQ63Vq"] { 10517 padding-top: 32px; 10518 padding-bottom: 32px; 10519 background-color: #212322; 10520 } 10521 10522 .expert-recs .hide-mobile { 10523 display: none !important; 10524 } 10525 10526 .expert-recs .title { 10527 color: #fff; 10528 line-height: 1.24; 10529 font-size: 25px; 10530 margin: 0; 10531 } 10532 10533 .expert-recs .splide { 10534 margin-top: 24px; 10535 } 10536 10537 .expert-recs .card { 10538 background-color: #fff; 10539 display: flex; 10540 flex-direction: column; 10541 } 10542 10543 .expert-recs .top { 10544 border-bottom: 1px solid #E3E3E3; 10545 height: 104px; 10546 display: flex; 10547 justify-content: center; 10548 align-items: center; 10549 } 10550 10551 .expert-recs .top img { 10552 height: 40px; 10553 width: auto; 10554 } 10555 10556 .expert-recs .bottom { 10557 padding: 24px; 10558 flex: 1; 10559 display: flex; 10560 flex-direction: column; 10561 } 10562 10563 .expert-recs .heading { 10564 font-size: 18px; 10565 line-height: 22.37px; 10566 margin: 0; 10567 } 10568 10569 .expert-recs .copy { 10570 margin-top: 8px; 10571 } 10572 10573 .expert-recs .copy .desktop { 10574 display: none 10575 } 10576 10577 .expert-recs .copy button { 10578 color: #47AF19; 10579 display: block; 10580 text-transform: lowercase; 10581 margin: 12px 0 0; 10582 padding: 0; 10583 text-decoration: underline; 10584 font-size: 16px; 10585 cursor: pointer; 10586 } 10587 10588 .expert-recs .copy p { 10589 margin: 0; 10590 font-size: 18px; 10591 line-height: 22.37px; 10592 } 10593 10594 .expert-recs .controls { 10595 display: flex; 10596 justify-content: center; 10597 margin-top: 16px; 10598 } 10599 10600 .expert-recs .progress { 10601 display: none; 10602 } 10603 10604 .expert-recs .counter { 10605 display: flex; 10606 align-items: center; 10607 color: #fff; 10608 margin-top: -6px; 10609 } 10610 10611 .expert-recs .link { 10612 color: #47AF19; 10613 display: block; 10614 text-decoration: underline; 10615 text-transform: lowercase; 10616 margin-top: auto; 10617 padding-top: 12px; 10618 } 10619 10620 .expert-recs .link::after { 10621 position: absolute; 10622 margin-left: 4px; 10623 content: url('https://cdn.shopify.com/s/files/1/0003/5933/3902/files/external_link_icon_de41d55d-2ba9-4170-9158-db2003ce9f12.svg?v=1712595892'); 10624 } 10625 10626 .expert-recs .arrows { 10627 display: flex; 10628 gap: 16px; 10629 } 10630 10631 .expert-recs .arrows button { 10632 cursor: pointer; 10633 outline: none; 10634 padding: 0; 10635 } 10636 10637 @media screen and (min-width: 768px) { 10638 .expert-recs .copy .mobile { 10639 display: none; 10640 } 10641 10642 .expert-recs .hide-desktop { 10643 display: none !important; 10644 } 10645 10646 .expert-recs .counter { 10647 display: none; 10648 } 10649 10650 .expert-recs .copy .desktop { 10651 display: block; 10652 } 10653 10654 .expert-recs .hide-mobile { 10655 display: block !important; 10656 } 10657 10658 .expert-recs .controls { 10659 margin-top: 24px; 10660 align-items: center; 10661 justify-content: space-between; 10662 gap: 30px; 10663 } 10664 10665 .expert-recs .progress { 10666 display: block; 10667 background: #e7e7e7; 10668 width: 100%; 10669 position: relative; 10670 height: 1px; 10671 } 10672 10673 .expert-recs .progress-bar { 10674 background: #47AF19; 10675 height: 1px; 10676 transition: left 400ms ease; 10677 position: absolute; 10678 left: 0; 10679 top: 0; 10680 } 10681 } 10682 10683 @media screen and (min-width: 1024px) { 10684 [id="shopify-section-expert_recommendations_zQ63Vq"] { 10685 padding-top: 64px; 10686 padding-bottom: 64px; 10687 } 10688 10689 .expert-recs .title { 10690 font-size: 40px; 10691 } 10692 10693 .expert-recs .top img { 10694 height: 48px; 10695 } 10696 10697 .expert-recs .splide { 10698 margin-top: 40px; 10699 } 10700 10701 .expert-recs .bottom { 10702 padding: 32px; 10703 } 10704 10705 .expert-recs .heading { 10706 font-size: 25px; 10707 line-height: 31.08px; 10708 } 10709 10710 .expert-recs .copy { 10711 margin-top: 16px; 10712 } 10713 10714 .expert-recs .link { 10715 display: block; 10716 } 10717 10718 .expert-recs .controls { 10719 margin-top: 40px; 10720 } 10721 } 10722 </style> 10723 10724 <section class="expert-recs container"> 10725 10726 <h2 class="title hide-desktop"> 10727 Soylent fuels science.<br>because it is science. 10728 </h2> 10729 10730 10731 <h2 class="title hide-mobile"> 10732 Soylent fuels science. because it is science. 10733 </h2> 10734 10735 <div id="expert_recommendations_zQ63Vq-splide" class="splide"> 10736 <div class="splide__track"> 10737 <ul class="splide__list"> 10738 10739 <li class="splide__slide card"> 10740 <div class="top" style="background-color: #ffffff;"> 10741 <img 10742 src="//soylent.com/cdn/shop/files/53d1f978e3af345e5a44abf55eb5cd0a.png?v=1714755390" 10743 width="140" 10744 height="48" 10745 alt="Logo"> 10746 </div> 10747 <div class="bottom"> 10748 10749 <h3 class="heading">
10750 Soylent complete meal shakes help cancer patients maintain weight and quality of life 10751 </h3> 10752 10753 10754 <div class="copy" x-data="{ showFullText: false }"> 10755 <div class="desktop"> 10756 <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> 10757 </div> 10758 <div class="mobile" x-show="!showFullText"> 10759 <p>Soylent liquid meal replacement with aggressive dietary moni... 10760 <button x-on:click="showFullText = true">Read more</button> 10761 </div> 10762 <div class="mobile" x-show="showFullText"> 10763 <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> 10764 10765 <a 10766 class="link" 10767 href="https://www.redjournal.org/article/S0360-3016(21)01984-2/fulltext" 10768 target="_blank"> 10769 Check out their research. 10770 </a> 10771 10772 <button x-on:click="showFullText = false">Read less</button> 10773 </div> 10774 </div> 10775 10776 10777 <a 10778 class="link hide-mobile" 10779 href="https://www.redjournal.org/article/S0360-3016(21)01984-2/fulltext" 10780 target="_blank"> 10781 Check out their research. 10782 </a> 10783 10784 </div> 10785 </li> 10786 10787 <li class="splide__slide card"> 10788 <div class="top" style="background-color: #ffffff;"> 10789 <img 10790 src="//soylent.com/cdn/shop/files/UCLA_Health.png?v=1714446762" 10791 width="140" 10792 height="48" 10793 alt="Logo"> 10794 </div> 10795 <div class="bottom"> 10796 10797 <h3 class="heading"> 10798 Soylent is the perfect hack in the cholesterol lowering portfolio diet. 10799 </h3> 10800 10801 10802 <div class="copy" x-data="{ showFullText: false }"> 10803 <div class="desktop"> 10804 <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> 10805 </div> 10806 <div class="mobile" x-show="!showFullText"> 10807 <p>In addition to reducing LDL (or 'bad') cholesterol by about ... 10808 <button x-on:click="showFullText = true">Read more</button> 10809 </div> 10810 <div class="mobile" x-show="showFullText"> 10811 <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> 10812 10813 <a 10814 class="link" 10815 href="https://temertymedicine.utoronto.ca/news/portfolio-diet-lowers-many-risk-factors-heart-disease" 10816 target="_blank"> 10817 Check out their research. 10818 </a> 10819 10820 <button x-on:click="showFullText = false">Read less</button> 10821 </div> 10822 </div> 10823 10824 10825 <a 10826 class="link hide-mobile" 10827 href="https://temertymedicine.utoronto.ca/news/portfolio-diet-lowers-many-risk-factors-heart-disease" 10828 target="_blank"> 10829 Check out their research. 10830 </a> 10831 10832 </div> 10833 </li> 10834 10835 <li class="splide__slide card"> 10836 <div class="top" style="background-color: #ffffff;"> 10837 <img 10838 src="//soylent.com/cdn/shop/files/89fd84102944ff1f6d74dc82875045b4.png?v=1714784951" 10839 width="140" 10840 height="48" 10841 alt="Logo"> 10842 </div> 10843 <div class="bottom"> 10844 10845 <h3 class="heading"> 10846 Soylent can improve your gut microbiome. 10847 </h3> 10848 10849 10850 <div class="copy" x-data="{ showFullText: false }"> 10851 <div class="desktop"> 10852 <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> 10853 </div> 10854 <div class="mobile" x-show="!showFullText"> 10855 <p>Among Soylent dieters, we find a significant increase in the... 10856 <button x-on:click="showFullText = true">Read more</button> 10857 </div> 10858 <div class="mobile" x-show="showFullText"> 10859 <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> 10860 10861 <a 10862 class="link"
10863 href="https://www.biorxiv.org/content/10.1101/200881v1.full" 10864 target="_blank"> 10865 Check out their research. 10866 </a> 10867 10868 <button x-on:click="showFullText = false">Read less</button> 10869 </div> 10870 </div> 10871 10872 10873 <a 10874 class="link hide-mobile" 10875 href="https://www.biorxiv.org/content/10.1101/200881v1.full" 10876 target="_blank"> 10877 Check out their research. 10878 </a> 10879 10880 </div> 10881 </li> 10882 10883 <li class="splide__slide card"> 10884 <div class="top" style="background-color: #ffffff;"> 10885 <img 10886 src="//soylent.com/cdn/shop/files/e5ec54a7bf15d9d5f42df90e973d3b63.png?v=1714784937" 10887 width="140" 10888 height="48" 10889 alt="Logo"> 10890 </div> 10891 <div class="bottom"> 10892 10893 <h3 class="heading"> 10894 More than 700 Google staff members regular use Soylent to fuel their innovation. 10895 </h3> 10896 10897 10898 10899 </div> 10900 </li> 10901 10902 <li class="splide__slide card"> 10903 <div class="top" style="background-color: #ffffff;"> 10904 <img 10905 src="//soylent.com/cdn/shop/files/8048633cb2173131e2116dd983235fb2.png?v=1714785205" 10906 width="140" 10907 height="48" 10908 alt="Logo"> 10909 </div> 10910 <div class="bottom"> 10911 10912 <h3 class="heading"> 10913 400+ MIT students and faculty have used Soylent to nourish their minds and bodies. The future of technology runs on Soylent! 10914 </h3> 10915 10916 10917 10918 </div> 10919 </li> 10920 10921 </ul> 10922 </div> 10923 </div> 10924 <div class="controls"> 10925 <div class="progress"> 10926 <div class="progress-bar"></div> 10927 </div> 10928 <div class="arrows"> 10929 <button class="nav-prev" type="button"> 10930 <svg 10931 width="23" 10932 height="16"
10933 viewBox="0 0 23 16" 10934 fill="none" 10935 xmlns="http://www.w3.org/2000/svg"> 10936 <path 10937 class="prev-path" 10938 d="M6.47103 0L7.55864 1.34461L2.94435 7.04926H23V8.95092H2.94449L7.55864 14.6554L6.47103 16L0 8L6.47103 0Z" 10939 fill="#AFAFAF" /> 10940 </svg> 10941 </button> 10942 <div class="counter"> 10943 <span data-slide-index>1</span>/<span>5</span> 10944 </div> 10945 <button class="nav-next" type="button"> 10946 <svg 10947 width="23" 10948 height="16" 10949 viewBox="0 0 23 16" 10950 fill="none" 10951 xmlns="http://www.w3.org/2000/svg"> 10952 <path 10953 class="next-path" 10954 d="M16.529 0L15.4414 1.34461L20.0557 7.04926H0V8.95092H20.0555L15.4414 14.6554L16.529 16L23 8L16.529 0Z" 10955 fill="#FFFFFF" /> 10956 </svg> 10957 </button> 10958 </div> 10959 </div> 10960 </section> 10961 10962
10962<script> 10963 document.addEventListener('DOMContentLoaded', function () { 10964 const splideOptions = { 10965 perPage: 1, 10966 perMove: 1, 10967 pagination: false, 10968 arrows: false, 10969 mediaQuery: 'min', 10970 gap: 16, 10971 breakpoints: { 10972 768: { 10973 perPage: 2, 10974 gap: 24, 10975 }, 10976 1024: { 10977 perPage: 2, 10978 gap: 36, 10979 }, 10980 }, 10981 }; 10982 10983 const sectionEl = document.querySelector('#shopify-section-expert_recommendations_zQ63Vq'); 10984 const splide = new Splide('#expert_recommendations_zQ63Vq-splide', splideOptions); 10985 const bar = sectionEl.querySelector('.expert-recs .progress-bar'); 10986 10987 splide.on('mounted', function () { 10988 const navPrev = sectionEl.querySelector('.nav-prev'); 10989 const navNext = sectionEl.querySelector('.nav-next'); 10990 navPrev.addEventListener('click', () => splide.go('<')); 10991 navNext.addEventListener('click', () => splide.go('>')); 10992 }); 10993 10994 splide.on('moved', function () { 10995 const currentIndex = splide.index; 10996 const end = splide.Components.Controller.getEnd(); 10997 const prevSvgPath = sectionEl.querySelector('.nav-prev .prev-path'); 10998 const nextSvgPath = sectionEl.querySelector('.nav-next .next-path'); 10999 11000 if (currentIndex === 0) { 11001 prevSvgPath.setAttribute('fill', '#AFAFAF'); 11002 } else { 11003 prevSvgPath.setAttribute('fill', '#FFFFFF'); 11004 } 11005 11006 if (currentIndex === end) { 11007 nextSvgPath.setAttribute('fill', '#AFAFAF'); 11008 } else { 11009 nextSvgPath.setAttribute('fill', '#FFFFFF'); 11010 } 11011 }); 11012 11013 splide.on('mounted move', function () { 11014 const end = splide.Components.Controller.getEnd() + 1; 11015 const barWidth = 100 / end; 11016 const currentIndex = splide.index; 11017 11018 bar.style.width = `${barWidth + 1}%`; 11019 bar.style.left = `${barWidth * currentIndex}%`; 11020 }); 11021 11022 splide.on('moved', function (newIndex) { 11023 const counter = sectionEl.querySelector('[data-slide-index]'); 11024 11025 if (!counter) { 11026 return; 11027 } 11028 11029 counter.textContent = newIndex + 1; 11030 }); 11031 11032 splide.mount(); 11033 }); 11034 </script>
11034 11035 11036 11037</div><div id="shopify-section-color_band_divider_zAx4NN" class="shopify-section"><div class="color-band-divider"> 11038 11039 <div class="color-band-section" style="background-color: #f8485e;"></div> 11040 11041 <div class="color-band-section" style="background-color: #eed484;"></div> 11042 11043 <div class="color-band-section" style="background-color: #623b2a;"></div> 11044 11045 <div class="color-band-section" style="background-color: #ade8bf;"></div> 11046 11047 <div class="color-band-section" style="background-color: #5e93db;"></div> 11048 11049</div> 11050<style> 11051[id="shopify-section-color_band_divider_zAx4NN"] { 11052 padding-top: 0px; 11053 padding-bottom: 24px; 11054} 11055@media screen and (min-width: 1024px) { 11056 [id="shopify-section-color_band_divider_zAx4NN"] { 11057 padding-top: 0px; 11058 padding-bottom: 32px; 11059 } 11060} 11061.color-band-divider { 11062 display: flex; 11063 justify-content: center; 11064 align-items: stretch; 11065} 11066.color-band-section { 11067 height: 24px; 11068 flex: 1 1 auto; 11069} 11070@media screen and (min-width: 992px){ 11071 .color-band-section { 11072 height: 40px; 11073 } 11074} 11075</style> 11076</div><div id="shopify-section-press_logos_UYcabt" class="shopify-section"><div class="press-logos-container container container-ls"> 11077 <div id="press_logos_UYcabt-splide" class="splide press-logos-carousel"> 11078 <div class="splide__track"> 11079 <ul class="splide__list"> 11080 11081 <li class="press-logo splide__slide card"> 11082 11083 <a href="https://www.nytimes.com/2019/04/18/style/soylent-squared-food-bars.html?partner=IFTTT" target="_blank"> 11084 11085 <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"> 11086 11087 </a> 11088 11089 </li> 11090 11091 <li class="press-logo splide__slide card"> 11092 11093 <a href="https://time.com/collection/best-inventions-2019/5733091/soylent-squared/" target="_blank"> 11094 11095 <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"> 11096 11097 </a> 11098 11099 </li> 11100 11101 <li class="press-logo splide__slide card"> 11102 11103 <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"> 11104 11105 <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"> 11106 11107 </a> 11108 11109 </li> 11110 11111 <li class="press-logo splide__slide card"> 11112 11113 <a href="https://www.cnn.com/2019/04/19/business/soylent-meal-bar-growth-strategy/index.html" target="_blank"> 11114 11115 <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"> 11116 11117 </a> 11118 11119 </li> 11120 11121 <li class="press-logo splide__slide card"> 11122 11123 <a href="https://www.sfgate.com/shopping/article/Soylent-review-drink-for-3-years-14992445.php" target="_blank"> 11124 11125 <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"> 11126 11127 </a> 11128 11129 </li> 11130 11131 <li class="press-logo splide__slide card"> 11132 11133 <a href="https://podcasts.apple.com/us/podcast/smartless/id1521578868" target="_blank"> 11134 11135 <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"> 11136 11137 </a> 11138 11139 </li> 11140 11141 <li class="press-logo splide__slide card"> 11142 11143 <a href="https://www.vox.com/the-goods/2019/11/11/20953750/soylent-huel-sustainable-meal-replacement-tried" target="_blank"> 11144 11145 <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"> 11146 11147 </a> 11148 11149 </li> 11150 11151 <li class="press-logo splide__slide card"> 11152 11153 <a href="https://www.fastcompany.com/90453441/youtube-beauty-star-michelle-phan-wake
11153s-up-without-an-alarm" target="_blank"> 11154 11155 <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"> 11156 11157 </a> 11158 11159 </li> 11160 11161 <li class="press-logo splide__slide card"> 11162 11163 <a href="https://techcrunch.com/2019/04/18/soylent-now-sells-solid-snack-bars/" target="_blank"> 11164 11165 <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"> 11166 11167 </a> 11168 11169 </li> 11170 11171 </ul> 11172 </div> 11173 <div class="controls"> 11174 <div class="progress"> 11175 <div class="progress-bar"></div> 11176 </div> 11177 <div class="arrows"> 11178 <button class="nav-prev" type="button"> 11179 <svg 11180 width="23" 11181 height="16"
11182 viewBox="0 0 23 16" 11183 fill="none" 11184 xmlns="http://www.w3.org/2000/svg"> 11185 <path 11186 class="prev-path" 11187 d="M6.47103 0L7.55864 1.34461L2.94435 7.04926H23V8.95092H2.94449L7.55864 14.6554L6.47103 16L0 8L6.47103 0Z" 11188 fill="#AFAFAF" /> 11189 </svg> 11190 </button> 11191 <div class="counter" style="display: none !important;"> 11192 <span data-slide-index>1</span>/<span class="press-logos-desktop">9</span><span class="press-logos-mobile">4</span> 11193 </div> 11194 <button class="nav-next" type="button"> 11195 <svg 11196 width="23" 11197 height="16" 11198 viewBox="0 0 23 16" 11199 fill="none" 11200 xmlns="http://www.w3.org/2000/svg"> 11201 <path 11202 class="next-path" 11203 d="M16.529 0L15.4414 1.34461L20.0557 7.04926H0V8.95092H20.0555L15.4414 14.6554L16.529 16L23 8L16.529 0Z" 11204 fill="#000000" /> 11205 </svg> 11206 </button> 11207 </div> 11208 </div> 11209 </div> 11210</div>
11211<script> 11212 document.addEventListener('DOMContentLoaded', function() { 11213 const splideOptions = { 11214 perPage: 2, 11215 perMove: 1, 11216 pagination: false, 11217 arrows: false, 11218 mediaQuery: 'min', 11219 gap: 16, 11220 grid: { 11221 rows: 2, 11222 gap : { 11223 row: '1rem', 11224 } 11225 }, 11226 breakpoints: { 11227 768: { 11228 grid: { 11229 rows: 1, 11230 }, 11231 perPage: 4, 11232 gap: 36 11233 }, 11234 } 11235 }; 11236 11237 const sectionEl = document.querySelector('#shopify-section-press_logos_UYcabt'); 11238 const splide = new Splide('#press_logos_UYcabt-splide', splideOptions); 11239 const bar = sectionEl.querySelector('.progress-bar'); 11240 const counter = sectionEl.querySelector('[data-slide-index]'); 11241 11242 splide.on('mounted', function() { 11243 const navPrev = sectionEl.querySelector('.nav-prev'); 11244 const navNext = sectionEl.querySelector('.nav-next'); 11245 navPrev.addEventListener('click', () => splide.go('<')); 11246 navNext.addEventListener('click', () => splide.go('>')); 11247 }); 11248 11249 splide.on('moved', function(newIndex) { 11250 const currentIndex = splide.index; 11251 const end = splide.Components.Controller.getEnd(); 11252 const prevSvgPath = sectionEl.querySelector('.nav-prev .prev-path'); 11253 const nextSvgPath = sectionEl.querySelector('.nav-next .next-path'); 11254 11255 if (currentIndex === 0) { 11256 prevSvgPath.setAttribute('fill', '#AFAFAF'); 11257 } else { 11258 prevSvgPath.setAttribute('fill', '#000000'); 11259 } 11260 11261 if (currentIndex === end) { 11262 nextSvgPath.setAttribute('fill', '#AFAFAF'); 11263 } else { 11264 nextSvgPath.setAttribute('fill', '#000000'); 11265 } 11266 11267 if (!counter) { 11268 return; 11269 } 11270 counter.textContent = newIndex + 1; 11271 }); 11272 11273 splide.on('mounted move', function() { 11274 const end = splide.Components.Controller.getEnd() + 1; 11275 const barWidth = 100 / end; 11276 const currentIndex = splide.index; 11277 bar.style.width = `${ 11278 barWidth + 1 11279 }%`; 11280 bar.style.left = `${ 11281 barWidth * currentIndex 11282 }%`; 11283 }); 11284 11285 splide.mount(window.splide.Extensions); 11286 }); 11287</script>
11287 11288<style> 11289 .press-logos-desktop { 11290 display: none; 11291 } 11292 .press-logo.card { 11293 display: flex; 11294 flex-direction: column; 11295 justify-content: center; 11296 align-items: center; 11297 padding: 30px; 11298 } 11299 .press-logo.card img { 11300 width: auto; 11301 max-height: 65px; 11302 } 11303 11304 .press-logos-container .controls { 11305 display: flex; 11306 justify-content: center; 11307 margin-top: 16px; 11308 align-items: center; 11309 justify-content: space-between; 11310 gap: 30px; 11311 } 11312 11313 .press-logos-container .counter { 11314 display: flex; 11315 align-items: center; 11316 margin-top: -6px; 11317 } 11318 11319 .press-logos-container .arrows { 11320 display: flex; 11321 gap: 16px; 11322 } 11323 11324 .press-logos-container .arrows button { 11325 cursor: pointer; 11326 outline: none; 11327 padding: 0; 11328 } 11329 11330 .press-logos-container .progress { 11331 display: block; 11332 background: #e7e7e7; 11333 width: 100%; 11334 position: relative; 11335 height: 1px; 11336 } 11337 11338 .press-logos-container .progress-bar { 11339 background: #000000; 11340 height: 1px; 11341 transition: left 400ms ease; 11342 position: absolute; 11343 left: 0; 11344 top: 0; 11345 } 11346 11347 @media screen and (min-width: 768px){ 11348 .press-logos-desktop { 11349 display: inline; 11350 } 11351 .press-logos-mobile { 11352 display: none; 11353 } 11354 .press-logos-container .controls { 11355 margin-top: 24px; 11356 } 11357 } 11358</style> 11359</div><div id="shopify-section-index_spacer_fVpNNh" class="shopify-section"><div data-section-id="index_spacer_fVpNNh" data-section-type="spacer"> 11360 11361 <style type="text/css"> 11362 11363 #spacer-index_spacer_fVpNNh { 11364 height: 50px; 11365 } 11366 11367 11368 11369 @media (max-width: 991px) { 11370 #spacer-index_spacer_fVpNNh { 11371 height: 50px; 11372 } 11373 } 11374 11375 11376 11377 @media (max-width: 767px) { 11378 #spacer-index_spacer_fVpNNh { 11379 height: 50px; 11380 } 11381 } 11382 11383 </style> 11384 11385 11386<div id="spacer-index_spacer_fVpNNh" 11387 class="spacer spacer--medium"> 11388</div> 11389</div> 11390 11391</div><div id="shopify-section-7898940e-9743-455c-9c34-02c3fbdac70d" class="shopify-section"><style> 11392 [id="shopify-section-7898940e-9743-455c-9c34-02c3fbdac70d"] { 11393 padding-top: 32px; 11394 padding-bottom: 32px; 11395 background-color: #F7F7F7; 11396 } 11397 11398 @media screen and (min-width: 1024px) { 11399 [id="shopify-section-7898940e-9743-455c-9c34-02c3fbdac70d"] { 11400 padding-top: 64px; 11401 padding-bottom: 64px; 11402 } 11403 } 11404</style> 11405 11406 11407 11408 11409 11410 <div 11411 data-oke-carousel 11412 11413 11414 11415 > 11416 </div> 11417 11418</div><div id="shopify-section-1624346964e5b3b4c2" class="shopify-section section-spacing section-spacing--bottom-desktop-none"> 11419<div class="try-it-person"> 11420 <div class="try-it-person__container container"> 11421 <div class="try-it-person__inner"> 11422 <div class="try-it-person__content"> 11423 <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"> 11424 <img src="//soylent.com/cdn/shop/files/amazon_150x.png?v=1623991879" alt="Amazon" width="138" height="42" /> 11425 </div></div><div class="try-it-person__content-icon"><div class="try-it-person__content-icon-image"> 11426 <img src="//soylent.com/cdn/shop/files/walmart_150x.png?v=1623991880" alt="Walmart" width="138" height="42" /> 11427 </div></div><div class="try-it-person__content-icon"><div class="try-it-person__content-icon-image"> 11428 <img src="//soylent.com/cdn/shop/files/FreshCart_Kroger_Lockup_-768x286_150x.png?v=1715032582" alt="Kroger" width="138" height="42" /> 11429 </div></div><div class="try-it-person__content-icon"><div class="try-it-person__content-icon-image"> 11430 <img src="//soylent.com/cdn/shop/files/Meijer_logo_svg_150x.png?v=1715032689" alt="Meijer" width="138" height="42" /> 11431 </div></div><div class="try-it-person__content-icon"><div class="try-it-person__content-icon-image"> 11432 <img src="//soylent.com/cdn/shop/files/H-E-B_logo_svg_150x.png?v=1715032739" alt="HEB" width="138" height="42" /> 11433 </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> 11434 </div> 11435 </div> 11436 11437 <div class="try-it-person__image"> 11438 <div class="try-it-person__picture"> 11439 <picture><source 11440 media="(max-width: 767px)" 11441 sizes="(min-width: 1440px) 33vw ,(min-width: 1024px) 50vw ,(min-width: 768px) 50vw ,100vw" 11442 data-srcset="//soylent.com/cdn/shop/files/NYNY_Retail_HP_640x.jpg?v=1703789225 640w" 11443 /><source 11444 media="(max-width: 999px)" 11445 sizes="(min-width: 1440px) 33vw ,(min-width: 1024px) 50vw ,(min-width: 768px) 50vw ,100vw" 11446 data-srcset="//soylent.com/cdn/shop/files/NYNY_Retail_HP_2024x.jpg?v=1703789225 1024w" 11447 /><source 11448 media="(min-width: 1000px)" 11449 sizes="(min-width: 1440px) 33vw ,(min-width: 1024px) 50vw ,(min-width: 768px) 50vw ,100vw" 11450 data-srcset="//soylent.com/cdn/shop/files/NYNY_Retail_HP_2160x.jpg?v=1703789225 2160w" 11451 /><img 11452 data-src="//soylent.com/cdn/shop/files/NYNY_Retail_HP_1600x.jpg?v=1703789225" 11453 class="lazyload try-it-person__picture-img object-contain" 11454 alt="want a Soylent today?" /> 11455 </picture> 11456 </div> 11457 </div> 11458 </div> 11459 </div> 11460 </div><style> 11461 #shopify-section-1624346964e5b3b4c2 { 11462 background: #ffffff; 11463 color: #212322 !important; 11464 } 11465</style> 11466 11467 11468</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"> 11469 11470 <style type="text/css"> 11471 11472 #spacer-62d23f20-3dda-4065-a552-98ae602c34c6 { 11473 height: 25px; 11474 } 11475 11476 11477 11478 @media (max-width: 991px) { 11479 #spacer-62d23f20-3dda-4065-a552-98ae602c34c6 { 11480 height: 50px; 11481 } 11482 } 11483 11484 11485 11486 @media (max-width: 767px) { 11487 #spacer-62d23f20-3dda-4065-a552-98ae602c34c6 { 11488 height: 50px; 11489 } 11490 } 11491 11492 </style> 11493 11494 11495<div id="spacer-62d23f20-3dda-4065-a552-98ae602c34c6" 11496 class="spacer spacer--medium"> 11497</div> 11498</div> 11499 11500</div><div id="shopify-section-1624346248a5613673" class="shopify-section section-spacing section-spacing--small"> 11501 <section class="our-mission"> 11502 <div class="container"> 11503 11504 <h2 class="small-heading our-mission__title">good for you, good for the planet.</h2> 11505 11506 <div class="our-mission__inner"> 11507 11508 <div class="our-mission__content-grid"> 11509 11510 <div class="our-mission__item"> 11511 <div class="our-mission__item-icon"> 11512 <img 11513 class="lazyload" 11514 src="//soylent.com/cdn/shop/files/icon-1.svg?v=14487901786495830135" 11515 data-src="//soylent.com/cdn/shop/files/icon-1.svg?v=14487901786495830135" 11516 alt="complete nutrition" 11517 width="67" 11518 height="67" 11519 > 11520 </div> 11521 <div class="our-mission__item-content"> 11522 <h3 class="p1 fw7 our-mission__item-title">complete nutrition</h3> 11523 <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> 11524 </div> 11525 </div> 11526 11527 <div class="our-mission__item"> 11528 <div class="our-mission__item-icon"> 11529 <img 11530 class="lazyload" 11531 src="//soylent.com/cdn/shop/files/icon-3.svg?v=17286142263843201633" 11532 data-src="//soylent.com/cdn/shop/files/icon-3.svg?v=17286142263843201633" 11533 alt="sustainability" 11534 width="67" 11535 height="67" 11536 > 11537 </div> 11538 <div class="our-mission__item-content"> 11539 <h3 class="p1 fw7 our-mission__item-title">sustainability</h3> 11540 <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> 11541 </div> 11542 </div> 11543 11544 <div class="our-mission__item"> 11545 <div class="our-mission__item-icon"> 11546 <img 11547 class="lazyload" 11548 src="//soylent.com/cdn/shop/files/icon-2.svg?v=16588380698404734469" 11549 data-src="//soylent.com/cdn/shop/files/icon-2.svg?v=16588380698404734469" 11550 alt="science-based" 11551 width="67" 11552 height="67" 11553 > 11554 </div> 11555 <div class="our-mission__item-content"> 11556 <h3 class="p1 fw7 our-mission__item-title">science-based</h3> 11557 <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> 11558 </div> 11559 </div> 11560 11561 <div class="our-mission__item"> 11562 <div class="our-mission__item-icon"> 11563 <img 11564 class="lazyload" 11565 src="//soylent.com/cdn/shop/files/icon-4.svg?v=17484930403509546712" 11566 data-src="//soylent.com/cdn/shop/files/icon-4.svg?v=17484930403509546712" 11567 alt="affordability" 11568 width="67" 11569 height="67" 11570 > 11571 </div> 11572 <div class="our-mission__item-content"> 11573 <h3 class="p1 fw7 our-mission__item-title">affordability</h3> 11574 <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> 11575 </div> 11576 </div> 11577 11578 </div> 11579 11580 11581 <div class="our-mission__counting"> 11582 11583 <h3 class="p1 fw7 our-mission__counting-text">over 6 million meals donated through #SoylentForGood!</h3> 11584 11585 11586 <p class="f11 fw7 our-mission__counting-number">6,179,898</p> 11587 11588 11589 <a href="/blogs/news/tagged/soylent-for-good" class="cta cta-7 our-mission__cta">Learn more</a> 11590 11591 </div> 11592 </div> 11593 </div> 11594 </section> 11595 11596 11597<style> 11598 #shopify-section-1624346248a5613673 { 11599 background: #ffffff; 11600 color: #212322 !important; 11601 padding-top: 0px; 11602 padding-bottom: 0px; 11603 } 11604</style> 11605 11606 11607</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"> 11608 11609 <style type="text/css"> 11610 11611 #spacer-66b5207c-42fd-4c86-a9ca-782d5cd46b91 { 11612 height: 50px; 11613 } 11614 11615 11616 11617 @media (max-width: 991px) { 11618 #spacer-66b5207c-42fd-4c86-a9ca-782d5cd46b91 { 11619 height: 50px; 11620 } 11621 } 11622 11623 11624 11625 @media (max-width: 767px) { 11626 #spacer-66b5207c-42fd-4c86-a9ca-782d5cd46b91 { 11627 height: 50px; 11628 } 11629 } 11630 11631 </style> 11632 11633 11634<div id="spacer-66b5207c-42fd-4c86-a9ca-782d5cd46b91" 11635 class="spacer spacer--medium"> 11636</div> 11637</div> 11638 11639</div><div id="shopify-section-1a0b50ab-3269-420a-9b40-f896e6a88d72" class="shopify-section"><section class="foursixty-section container"> 11640 11641<header> 11642<h2 class="small-heading fs_title">follow us @ Soylent</h2> 11643<p style="padding-bottom:15px;">tag us on Instagram for a chance to be featured!</p> 11644</header> 11645
11646<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>
11646 11647<style> 11648.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; } 11649.fs-embed { max-height: 90vh; } 11650.foursixty-section .fs-wrapper {margin-bottom: 30px;} 11651.fs-post-info { font-size: 12px !important; } 11652.fs-post-info a, .fs-service-username, .fs-slashes, .fs-detail-date { text-transform: lowercase; color: #666 !important; } 11653.foursixty-section { padding-top: 20px; padding-bottom: 10px;} 11654.fs-add-to-cart-enabled .fs-view a, .fs-add-to-cart-enabled .fs-view a:link { font-size: 12px; font-weight: 500;} 11655.fs-shopify-add-cart.fs-shopify-add-cart-container { font-family: inherit; max-width: 110px; font-size: 11px; padding: 12px 15px; color: #b1d6b4 } 11656.fs-shopify-add-cart.fs-shopify-add-cart-container:hover { background-color: #b1d6b4!important; color: #000!important; } 11657.fs-button-bar .fs-buy-button {font-family: inherit; font-size: 13px; color: inherit; } 11658.fs-button-bar .fs-buy-button:hover { background-color: #b1d6b4!important; color: #000!important; } 11659.fs-option-label {font-family: inherit; font-size: 13px; } 11660h2.fs_title {margin-bottom: 0!important; color: inherit;} 11661/* extra space for additional CSS */ 11662.fs-next-button::before { content: "LOAD MORE"; border: 2px solid #000; padding: 10px; }.fs-next-button svg { display: none; } 11663.fs-next-button:hover:before { background-color: #000; color: #fff; } 11664@media only screen and (max-width: 768px) { 11665 .fs-wrapper div.fs-entry-container { height: 0; width: 33.3334% !important; padding-top: 33.3334% !important; } } 11666</style> 11667 11668<style> 11669#reviews .foursixty-section.container{ 11670 width:100%; 11671 max-width:1440px; 11672} 11673@media only screen and (min-width: 768px) { 11674 #reviews .foursixty-section.container{ 11675 padding-left:40px; 11676 padding-right:40px; 11677 } 11678} 11679 11680@media only screen and (min-width: 992px) { 11681 #reviews .foursixty-section.container{ 11682 padding-left:60px; 11683 padding-right:60px; 11684 } 11685} 11686 11687@media only screen and (min-width: 1200px) { 11688 #reviews .foursixty-section.container{ 11689 padding-left:80px; 11690 padding-right:80px; 11691 } 11692} 11693</style> 11694 11695<style> 11696 #shopify-section-1a0b50ab-3269-420a-9b40-f896e6a88d72 { 11697 background: #ffffff; 11698 color: #212322 !important; 11699 } 11700</style> 11701 11702</section> 11703 11704 11705 11706 11707</div><!-- END content_for_index --> 11708 11709 </main> 11710 11711 <div id="shopify-section-footer" class="shopify-section"><footer class="footer" data-section-id="footer" data-section-type="footer"> 11712 <div class="footer__container container"> 11713 <div class="footer__inner"> 11714 <div class="footer__top"> 11715 11716 <div class="footer__columns"><div class="footer__column-menu"> 11717 <h2 class="footer_column-menu__title fw7 f12"> 11718 learn more 11719 </h2> 11720 <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> 11721 </div>
11721<div class="footer__column-menu"> 11722 <h2 class="footer_column-menu__title fw7 f12"> 11723 support 11724 </h2> 11725 <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> 11726 </div><div class="footer__social-list"> 11727 <h2 class="footer__social-list-title fw7 f6"> 11728 social 11729 </h2> 11730 <ul class="footer__social-list-inner"> 11731 <li class="footer__social-item icon-instagram"> 11732 <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"> 11733<g clip-path="url(#clip0_2447_4682)"> 11734<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"/> 11735<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"/> 11736<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"/> 11737</g> 11738<defs> 11739<clipPath id="clip0_2447_4682"> 11740<rect width="20" height="20" fill="white"/> 11741</clipPath> 11742</defs> 11743</svg> 11744<span class="icon-fallback-text">Instagram</span> 11745 </a> 11746 </li><li class="footer__social-item icon-tiktok"> 11747 <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"> 11748<g clip-path="url(#clip0_2447_4687)"> 11749<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
117495.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"/> 11750</g> 11751<defs> 11752<clipPath id="clip0_2447_4687"> 11753<rect width="20" height="20" fill="white"/> 11754</clipPath> 11755</defs> 11756</svg> 11757<span class="icon-fallback-text">Tiktok</span> 11758 </a> 11759 </li><li class="footer__social-item icon-twitter"> 11760 <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> 11761<span class="icon-fallback-text">Twitter</span> 11762 </a> 11763 </li><li class="footer__social-item icon-reddit"> 11764 <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"> 11765<g clip-path="url(#clip0_2447_4690)"> 11766<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"/> 11767</g> 11768<defs> 11769<clipPath id="clip0_2447_4690"> 11770<rect width="20" height="20" fill="white"/> 11771</clipPath> 11772</defs> 11773</svg> 11774<span class="icon-fallback-text">Reddit</span> 11775 </a> 11776 </li><li class="footer__social-item icon-linkedin"> 11777 <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> 11778 </a> 11779 </li><li class="footer__social-item icon-facebook"> 11780 <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
11780ox="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> 11781 </a> 11782 </li> 11783 </ul> 11784 </div></div> 11785 11786 <div class="footer__subscribe-form" data-footer-subscribe-form-content><div class="klaviyo-form-YmL3b8"></div> 11787</div> 11788 </div> 11789 <div class="footer__bottom"> 11790 <div class="footer__menu-bottom"> 11791 <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"> 11792 <title id="soylent-logo-svg">soylent logo</title> 11793 <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 11794 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"/> 11795 <g> 11796 <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 11797 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 11798 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 11799 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 11800 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 11801 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 11802 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 11803 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 11804 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 11805 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 11806 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 11807 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 11808 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 11809 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 11810 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 11811 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 11812 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 11813 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 11814 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 11815 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 11816 C134.4,44.3,133.9,43.6,133,43.6L133,43.6z"/> 11817 <path class="st1" d="M0,0v71h150V0H0z M3.2,68V3h143.7v65L3.2,68L3.2,68z"/> 11818 </g> 11819 </svg> 11820 </div> 11821 11822 <div class="footer__menu-bottom-nav"><ul class="footer__menu-bottom-nav-inner"> 11823 <li class="footer__menu-bottom-nav-item"><a class="f9" href="/pages/terms">terms & conditions</a></li> 11824 11825 11826 <li class="footer__menu-bottom-nav-item"><a class="f9" href="/pages/privacy-policy">privacy policy</a></li> 11827 11828 11829 <li class="footer__menu-bottom-nav-item"><a class="f9" href="/pages/ada-compliance">accessibility statement</a></li> 11830 11831 11832 <li class="footer__menu-bottom-nav-item">
11832<a class="f9" href="/pages/do-not-sell-or-share-my-personal-information-notice">do not sell or share my personal Info</a></li> 11833 11834 11835 <li class="footer__menu-bottom-nav-item"><a class="f9" href="/pages/notice-of-collection-ccpa">notice of collection</a></li> 11836 11837 11838 <li class="footer__menu-bottom-nav-item"><a class="f9" href="/pages/cookies">cookie policy</a></li> 11839 11840</ul></div> 11841 </div> 11842 <div class="footer__copyright"> 11843 <p class="footer__copyright-text f9">Copyright © 2026, <a href="/" title="">Soylent</a></p> 11844 </div> 11845 </div> 11846 </div> 11847 </div> 11848</footer> 11849 11850<style> 11851 .footer__social-item-link svg path { 11852 fill: white; 11853 } 11854</style> 11855 11856 11857</div> 11858 </div> 11859
11859<script defer src="https://rebuyengine.com/onsite/js/global.js?shop=soylent-prod.myshopify.com"></script>
11859 11860 11861 11862 11863 11864 11865
11866<script type="text/x-handlebars-template" data-slideup-template> 11867 <div class="slideup"> 11868 <div class="slideup__container"> 11869 <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> 11870 <div class="slideup__content"> 11871 {{#if title}} 11872 <h4 class="slideup__title">{{ title }}</h4> 11873 {{/if}} 11874 {{#if text}} 11875 <div class="slideup__text">{{ text }}</div> 11876 {{/if}} 11877 </div> 11878 </div> 11879 </div> 11880</script>
11880 11881 11882 <div id="search-overlay" class="overlay" tabindex="-1"> 11883 <div class="overlay__content-wrapper"> 11884 <div class="overlay__content"> 11885 <div style="width: 500px; max-width: 100%; padding: 20px 35px; margin: 0 auto; position: relative;"> 11886 <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> 11887 <form action="/search" method="get" role="search"> 11888 <input type="hidden" name="type" value="product,article" /> 11889 <div class="minimal-input-box minimal-input-box--large"> 11890 <input type="search" placeholder="Search products & content" class="minimal-input-box__input" /> 11891 <button type="submit" class="minimal-input-box__submit"> 11892 <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> 11893 <span class="icon-fallback-text">Search</span> 11894 </button> 11895 </div> 11896 </form> 11897 </div> 11898 </div> 11899 </div> 11900</div> 11901 11902 11903 11904 11905
11906<script src="//soylent.com/cdn/shop/t/714/assets/vendors@collection@index@[email protected]?v=5329428953114170831687817161" defer></script>
11906 11907
11907<script src="//soylent.com/cdn/shop/t/714/assets/vendors@index@[email protected]?v=75211479120591076291687817161" defer></script>
11907 11908
11908<script src="//soylent.com/cdn/shop/t/714/assets/index.js?v=71152470059657994451780551286" defer></script>
11908<div data-rebuy-id="13181"></div><div data-rebuy-id='13181'></div> 11909 11910
11911<script> 11912 var _klOnsite = _klOnsite || [] 11913 11914 window.addEventListener('DOMContentLoaded', (event) => { 11915 11916 let atcBtns = document.querySelectorAll('.add-to-cart') 11917 atcBtns.forEach(function (element, index){ 11918 11919 element.addEventListener('click', function (e) { 11920 11921 let index = element.getAttribute('key') 11922 let tab = document.querySelector('.collection-tab__nav-item.active') 11923 let tabIndex = tab ? tab.getAttribute('key') : "" 11924 let tabProductsData = tab ? window.BARREL.collectionTab[tabIndex].products : window.BARREL.collection.products 11925 var item = { 11926 Name: tabProductsData[index].title, 11927 ProductID: tabProductsData[index].id, 11928 ImageURL: tabProductsData[index].featuredImage, 11929 URL: "https://soylent.com" + tabProductsData[index].url, 11930 Price: (tabProductsData[index].price / 100).toLocaleString('en-US', { style: 'currency', currency: 'USD' }) 11931 } 11932 11933 _klOnsite.push(['track', 'Added to Cart', item]); 11934 }) 11935 }) 11936}) 11937</script>
11937 11938 11939 11940
11941<script type="text/javascript"> 11942 var _klOnsite = _klOnsite || []; 11943 _klOnsite.push(['track', 'Viewed Page', 11944 { 11945 url: window.location.href, 11946 path: window.location.pathname, 11947 title: document.title, 11948 template: "index", 11949 handle: '', 11950 } 11951 ]); 11952</script>
11952 11953 11954 11955 <!--
11956<script> 11957 window.addEventListener("load", () => { 11958 11959 let targetSelector = ""; 11960 let attributes = {}; 11961 11962 attributes.size = "sm"; // xs, sm, md, lg 11963 attributes.showUpperLimit = false; 11964 attributes.showInterestFree = false; 11965 attributes.logoType = "lockup"; 11966 attributes.isEligible = true; 11967 attributes.locale = "en_US"; 11968 attributes.currency = "USD"; 11969 11970 11971 let cartItems = []; 11972 console.log(cartItems); 11973 console.log(cartItems.some(item => item.properties["shipping_interval_frequency"])); 11974 let subscriptionProductPresent = cartItems.some(item => item.properties["shipping_interval_frequency"]); 11975 let giftCardPresent = cartItems.some(item => item.gift_card); 11976 if (subscriptionProductPresent) { 11977 attributes.cartIsEligible = false; 11978 } 11979 if (giftCardPresent) { 11980 attributes.cartIsEligible = false; 11981 } 11982 attributes.size = "sm"; 11983 attributes.showInterestFree = true; 11984 attributes.amount = "0.00"; 11985 targetSelector = '.cart-list__footer-width-container .clearfix'; 11986 attributes.amountSelector = ".cart-list__subtotal"; 11987 11988 Afterpay.createPlacements({ 11989 targetSelector, 11990 attributes 11991 }); 11992 11993 11994 }); 11995 </script>
11995 11996 <style> 11997 11998 @media screen and (max-width:770px){ 11999 afterpay-placement {} 12000 } 12001 @media screen and (min-width:771px){ 12002 afterpay-placement {} 12003 .cart afterpay-placement { 12004 text-align: right; 12005 } 12006 } 12007 afterpay-placement { 12008 --logo-badge-width: 80px; 12009 margin-top: 0px; 12010 margin-bottom: 0px; 12011 text-align: center; 12012 } 12013 .cart afterpay-placement { 12014 margin-top: -10px; 12015 } 12016 </style> 12017 --> 12018
12018<script> 12019 function handleRebuyEvent(event) { 12020 const cartItems = Rebuy.Cart.cart.items; 12021 12022 cartItems.forEach((item, index) => { 12023 const quantityLimit = Number(item?.product?.metafields?.custom_fields?.quantity_limit); 12024 const itemQuantity = item?.quantity; 12025 12026 const quantityWidgetButton = document.querySelectorAll('.rebuy-cart__flyout-item-quantity-widget-button')[(index * 2) + 1]; 12027 if (!quantityWidgetButton) return; 12028 12029 if (itemQuantity === quantityLimit) quantityWidgetButton.disabled = true; 12030 else quantityWidgetButton.disabled = false; 12031 }); 12032 } 12033 12034 // quantity limits 12035 document.addEventListener('rebuy:cart.enriched', handleRebuyEvent); 12036 document.addEventListener('rebuy:cart.change', handleRebuyEvent); 12037 document.addEventListener('rebuy:smartcart.ready', handleRebuyEvent); 12038</script>
12038 12039
12039<script> 12040 if (window.Govalo) { // Get variants 12041 let variants = null; 12042 12043 // Map them 12044 variants = Object.assign({}, ... variants ?. map(({title, id}) => ({[title]: id})) || []); 12045 12046 // Add event listener to dom 12047 window.addEventListener("load", () => { 12048 12049 // Our modal window looks for this element on the Shopify page. If it isn't there, we should create it. 12050 if (!document.querySelector(Govalo.meta.selectors.variantData)) { // Create the input to match our selector. 12051 var input = document.createElement("input"); 12052 input.hidden = true; 12053 input.name = "id"; 12054 12055 var parent = document.querySelector("form"); 12056 if (! parent) { // Set it to any div. 12057 parent = document.querySelector("div"); 12058 } 12059 12060 parent.appendChild(input); 12061 } 12062 12063 // Get the input that we created or existed on the page. 12064 var dataEl = document.querySelector(Govalo.meta.selectors.variantData); 12065 12066 // On find, look for vairant UI 12067 function handleGovalo() { 12068 12069 // Set the inital value to the default variant. 12070 var variantIds = Object.values(variants); 12071 12072 if (! variantIds.length) { 12073 console.log("govalo: cannot find the variants for the product"); 12074 return; 12075 } 12076 12077 dataEl.setAttribute("value", variantIds[0]); 12078 12079 var select = document.querySelector("select"); 12080 select.addEventListener("change", () => { 12081 var selected; 12082 if (! select.selectedOptions.length) { 12083 selected = variantIds[0]; 12084 } else { 12085 selected = variants[select.selectedOptions[0].value]; 12086 } 12087 12088 input.setAttribute("value", selected); 12089 }); 12090 } 12091 12092 // Prep ovserver 12093 var observer = new MutationObserver((mutation, me) => { 12094 12095 // We need this 12096 var gvlo = document.querySelector("#gvloApp"); 12097 if (gvlo) { 12098 handleGovalo(); 12099 me.disconnect(); 12100 } 12101 }); 12102 observer.observe(document, { 12103 childList: true, 12104 subtree: true 12105 }); 12106 }); 12107 } 12108</script>
12108 12109 12110 12111<style type="text/css"> 12112 12113 .adp-discount-tiers h4 { 12114 text-align: inherit; 12115 color: inherit; 12116 font-size: inherit; 12117 background-color: inherit; 12118 color: #212322!important; 12119} 12120 12121table.adp-discount-table th { 12122 background-color: inherit; 12123 border-color: inherit; 12124 color: inherit; 12125 border-width: inherit; 12126 font-size: inherit; 12127 padding: inherit; 12128 text-align: center; 12129 border-style: solid; 12130} 12131 12132table.adp-discount-table td { 12133 background-color: inherit; 12134 border-color: inherit; 12135 color: inherit; 12136 border-width: inherit; 12137 font-size: inherit; 12138 padding: inherit; 12139 text-align: center; 12140 border-style: solid; 12141} 12142 12143table.adp-discount-table { 12144 min-width: inherit; 12145 max-width: inherit; 12146 border-color: inherit; 12147 border-width: inherit; 12148 font-family: inherit; 12149 border-collapse: collapse; 12150 margin: auto; 12151 width: 100%; 12152} 12153 12154table.adp-discount-table td:last-child { 12155 color: inherit; 12156 background-color: inherit; 12157 font-family: inherit; 12158 font-size: inherit; 12159} 12160 12161 12162 div#appikon-notification-bar { 12163 font-size: 110%; 12164 background-color: #47af19; 12165 padding: 12px; 12166 color: #FFFFFF; 12167 font-family: inherit; 12168 z-index: 9999999999999; 12169 display: none; 12170 left: 0px; 12171 width: 100%; 12172 margin: 0px; 12173 margin-bottom: 20px; 12174 text-align: center; 12175 text-transform: none; 12176} 12177 12178.appikon-cart-item-success-notes, 12179.appikon-cart-item-upsell-notes { 12180 font-weight: bold; 12181 color: #47af19; 12182 font-size: 85%; 12183 display: block; 12184} 12185.appikon-cart-item-success-notes { 12186 border-bottom: 1px solid #e3e3e3; 12187 padding-bottom: 8px; 12188 margin-bottom: 8px; 12189} 12190.appikon-cart-item-success-notes:empty, 12191.appikon-cart-item-upsell-notes:empty { 12192 display: none; 12193} 12194 12195#appikon-discount-item { 12196 font-size: 70%; 12197 padding-top: 5px; 12198 padding-bottom: 5px; 12199} 12200 12201#appikon-summary-item { 12202 font-size: 70%; 12203 padding-top: 5px; 12204 padding-bottom: 5px; 12205} 12206 12207 .push-down { 12208 margin-top: 50px!important; 12209 } 12210 12211 div#shopacado-banner { 12212 position: absolute; 12213 top: 0; 12214 left: 0; 12215 background-color: #DDEEEE; 12216 width: 100%; 12217 height: 50px; 12218 z-index:99999; 12219 } 12220 12221 div#shopacado-banner-content { 12222 width: 800px; 12223 margin: 0 auto; 12224 padding: 10px; 12225 text-align: center 12226 } 12227 12228 .adp-vol-wrapper { 12229 margin-top: 20px; 12230 margin-bottom: 20px; 12231 } 12232 12233 .appikon-cart-item-unit-price .original_price, 12234 .appikon-cart-item-line-price .original_price { 12235 display: block; 12236 text-decoration: line-through !important; 12237 } 12238 12239 .appikon-cart-item-price, 12240 .appikon-cart-total, 12241 .appikon-cart-item-line-price .discounted_price, 12242 .appikon-cart-item-unit-price .discounted_price { 12243 display: block; 12244 font-weight: bold; 12245 } 12246 12247 .appikon-cart-item-success-notes a, 12248 .appikon-cart-item-upsell-notes a { 12249 color: #0078bd; 12250 } 12251 12252 .wholesale-cart-total { 12253 display: block; 12254 font-weight: bold; 12255 } 12256 12257 .wholesale-original-cart-total { 12258 display: block; 12259 } 12260 12261 .appikon-messages { 12262 display: block; 12263 } 12264 12265 .summary-line-note { 12266 padding-right: 10px; 12267 } 12268 12269 .summary-line-discount { 12270 color: #0078bd; 12271 } 12272 12273 #appikon-discount-code { 12274 max-width: 150px; 12275 display: inline-block; 12276 height: 40px; 12277 } 12278 12279 #appikon-remove-discount-code { 12280 margin-right: 5px; 12281 color: red; 12282 font-size: 85%; 12283 border: none; 12284 background: none; 12285 } 12286 12287 #apply-appikon-discount { 12288 display: inline-block; 12289 max-width: 200px; 12290 vertical-align: top; 12291 height: 40px; 12292 } 12293 12294 .appikon-discount-code-error { 12295 color: red; 12296 white-space: nowrap; 12297 } 12298 12299 table.adp-discount-table tr:first-child td:after { 12300 border: none; 12301 } 12302 12303 div#appikon-notification-bar span { 12304 display: block; 12305 } 12306 12307 div#appikon-notification-bar span.money { 12308 display: inline-block; 12309 } 12310 12311 div#appikon-close-notification { 12312 float: right; 12313 font-weight: bold; 12314 height: 0; 12315 overflow: visible; 12316 cursor: pointer; 12317 margin-right: 2em; 12318 } 12319 12320 .adp-eqs { 12321 display: none; 12322 } 12323 12324 .adp-product-bundle .adp-product-wrapper, 12325 .adp-product-bundle .bundle-plus, 12326 .adp-product-bundle .bundle-total { 12327 display: inline-block; 12328 text-align: center; 12329 vertical-align: middle; 12330 } 12331 12332 12333 .adp-bundle-wrapper .adp-product-bundle .adp-info-wrapper a { 12334 text-decoration: none; 12335 } 12336 12337 #two-product.adp-product-bundle .bundle-plus img { 12338 position: relative; 12339 max-width: 35px; 12340 min-width: 12px; 12341 } 12342 12343 #three-product.adp-product-bundle.button-under .bundle-plus img { 12344 position: relative; 12345 margin-left: 0px; 12346 max-width: 22px !important; 12347 min-width: 12px; 12348 } 12349 12350 #three-product.adp-product-bundle.with-total .bundle-plus img { 12351 position: relative; 12352 margin-left: -22% !important; 12353 max-width: 22px !important; 12354 min-width: 12px; 12355 } 12356 12357 #four-product.adp-product-bundle.button-under .bundle-plus img { 12358 position: relative; 12359 margin-left: -22% !important; 12360 max-width: 22px !important; 12361 min-width: 12px; 12362 } 12363 12364 #four-product.adp-product-bundle.with-total .bundle-plus img { 12365 position: relative; 12366 margin-left: -22% !important; 12367 max-width: 22px !important; 12368 min-width: 12px; 12369 } 12370 12371 #over-four-product.adp-product-bundle .bundle-plus img { 12372 position: relative; 12373 min-width: 12px; 12374 } 12375 12376 .adp-product-bundle .adp-product-wrapper { 12377 line-height: 15px; 12378 } 12379 12380 .adp-product-bundle .adp-product-wrapper img { 12381 width: 80%; 12382 } 12383 12384 .adp-product-bundle .bundle-name p.product-title { 12385 margin-bottom: 5px; 12386 } 12387 12388 p.product-quantity { 12389 color: #6b6b6b; 12390 font-size: 12px; 12391 } 12392 12393 .adp-product-bundle .adp-price { 12394 margin-bottom: 5px; 12395 display: inline-block; 12396 margin-right: 5px; 12397 width: 100%; 12398 } 12399 12400 .adp-product-bundle .buy-bundle input.addtocart { 12401 padding: 5px 10px; 12402 background-color: #222; 12403 color: #FFF; 12404 border: none; 12405 } 12406 12407 .appikon-variants-container select { 12408 width: 100%; 12409 margin-bottom: 5px 12410 } 12411
12412 .adp-product-bundle .appikon-variants-container { 12413 border: none; 12414 margin: 0; 12415 padding: 0; 12416 } 12417 12418 .adp-product-bundle .adp-price.regular { 12419 color: #bbb; 12420 text-decoration: line-through; 12421 } 12422 12423 .adp-product-bundle .adp-product-wrapper { 12424 vertical-align: top !important; 12425 line-height: 15px; 12426 text-align: left; 12427 } 12428 12429 .adp-product-bundle .adp-image { 12430 min-height: 130px; 12431 max-height: 130px; 12432 line-height: 125px; 12433 border: 1px solid #d9d9d9; 12434 background: #fff; 12435 text-align: center; 12436 } 12437 12438 .adp-product-bundle .adp-image img { 12439 max-height: 115px; 12440 max-width: 100%; 12441 vertical-align: middle; 12442 height: auto; 12443 width: auto; 12444 } 12445 12446 .adp-bundle-wrapper .adp-product-bundle button { 12447 display: inline-block; 12448 padding: 4px 10px 4px; 12449 margin-bottom: 0; 12450 text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); 12451 color: #ffffff; 12452 text-align: center; 12453 vertical-align: middle; 12454 background-repeat: repeat-x; 12455 border: 1px solid #cccccc; 12456 border-bottom-color: #b3b3b3; 12457 -webkit-border-radius: 4px; 12458 -moz-border-radius: 4px; 12459 border-radius: 4px; 12460 -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 12461 -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 12462 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); 12463 cursor: pointer; 12464 background-color: #414141; 12465 background-image: -moz-linear-gradient(top, #555555, #222222); 12466 background-image: -ms-linear-gradient(top, #555555, #222222); 12467 background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222)); 12468 background-image: -webkit-linear-gradient(top, #555555, #222222); 12469 background-image: -o-linear-gradient(top, #555555, #222222); 12470 background-image: linear-gradient(top, #555555, #222222); 12471 background-repeat: repeat-x; 12472 filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0); 12473 border-color: #222222 #222222 #000000; 12474 border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); 12475 filter: progid: dximagetransform.microsoft.gradient(enabled=false); 12476 padding: 5px 10px; 12477 } 12478 12479 .adp-product-bundle button .top-button { 12480 font-size: 12px; 12481 border-bottom: 1px solid rgba(0, 0, 0, 0.2); 12482 display: block; 12483 padding: 0 5px 2px 5px; 12484 } 12485 12486 .adp-product-bundle button .bottom-button { 12487 font-size: 14px; 12488 padding: 2px 5px 0 5px; 12489 display: block; 12490 border-top: 1px solid rgba(255, 255, 255, 0.1); 12491 } 12492 12493 .adp-product-bundle .adp-price { 12494 position: static; 12495 background: none; 12496 text-align: left; 12497 padding: 0; 12498 } 12499 12500 .adp-product-bundle .adp-eqs { 12501 width: auto; 12502 margin: 0 10px; 12503 } 12504 12505 #two-product.adp-product-bundle .adp-product-wrapper { 12506 width: 46%; 12507 } 12508 12509 #two-product.adp-product-bundle .bundle-plus { 12510 font-size: 75px 12511 } 12512 12513 #two-product.adp-product-bundle.with-total .bundle-total { 12514 width: 100%; 12515 margin: 10px 0 0 0; 12516 text-align: right; 12517 display: inline-block; 12518 } 12519 12520 #three-product.adp-product-bundle .adp-product-wrapper { 12521 width: 28%; 12522 } 12523 12524 #three-product.adp-product-bundle .bundle-plus { 12525 width: 3.1%; 12526 font-size: 50px 12527 } 12528 12529 #four-product.adp-product-bundle.button-under .adp-product-wrapper { 12530 width: 21.2%; 12531 } 12532 12533 #four-product.adp-product-bundle.with-total .adp-product-wrapper { 12534 width: 17%; 12535 } 12536 12537 #four-product.adp-product-bundle.button-under .bundle-plus { 12538 width: 5%; 12539 font-size: 40px 12540 } 12541 12542 #four-product.adp-product-bundle .bundle-plus { 12543 width: 3%; 12544 font-size: 40px 12545 } 12546 12547 #over-four-product.adp-product-bundle .adp-product-wrapper { 12548 width: 17%; 12549 } 12550 12551 #over-four-product.adp-product-bundle .bundle-plus { 12552 width: 3.5%; 12553 font-size: 40px 12554 } 12555 12556 .with-total .bundle-total button { 12557 white-space: normal; 12558 } 12559 12560 #two-product.adp-product-bundle.with-total .adp-product-wrapper { 12561 flex: 1; 12562 flex-basis: 115px; 12563 } 12564 12565 #three-product.adp-product-bundle.with-total .adp-product-wrapper { 12566 flex: 1; 12567 flex-basis: 100px; 12568 } 12569 12570 #three-product.adp-product-bundle.with-total .bundle-total button { 12571 width: 100%; 12572 margin-top: 0px; 12573 } 12574 12575 .adp-product-bundle.with-total .bundle-total .adp-eqs { 12576 width: 23px; 12577 } 12578 12579 .adp-product-bundle.with-total .bundle-total .adp-eqs img { 12580 margin: auto; 12581 max-width: 23px; 12582 height: 16px; 12583 } 12584 12585 #four-product.adp-product-bundle.with-total .adp-product-wrapper, 12586 #four-product.adp-product-bundle.with-total .bundle-total { 12587 flex: 1; 12588 flex-basis: 90px; 12589 } 12590 12591 #four-product.adp-product-bundle.with-total .bundle-plus { 12592 font-size: 40px; 12593 margin: 0 5px; 12594 } 12595 12596 #four-product.adp-product-bundle.with-total .bundle-total { 12597 font-size: 25px 12598 } 12599 12600 #four-product.adp-product-bundle .adp-eqs { 12601 display: none; 12602 } 12603 12604 #four-product.adp-product-bundle.with-total .bundle-total { 12605 flex: 1; 12606 flex-basis: 130px; 12607 height: inherit; 12608 max-height: 100px; 12609 min-height: 50px; 12610 text-align: center; 12611 margin-top: 20px; 12612 } 12613 12614 #over-four-product.adp-product-bundle.with-total .adp-product-wrapper, 12615 #over-four-product.adp-product-bundle.with-total .bundle-total { 12616 flex: 1; 12617 flex-basis: 90px; 12618 } 12619 12620 #over-four-product.adp-product-bundle.with-total .bundle-plus { 12621 font-size: 40px 12622 } 12623 12624 #over-four-product.adp-product-bundle.with-total .bundle-total { 12625 font-size: 25px 12626 } 12627 12628 #over-four-product.adp-product-bundle .adp-eqs { 12629 display: none; 12630 } 12631 12632 .adp-product-bundle.button-under .bundle-total, 12633 #over-four-product.adp-product-bundle.with-total .bundle-total { 12634 flex: 1; 12635 flex-basis: 130px; 12636 height: 100%; 12637 text-align: center; 12638 margin-top: 20px; 12639 } 12640 12641 .adp-product-bundle.button-under .adp-product-wrapper { 12642 flex-basis: auto; 12643 } 12644 12645 #two-product.adp-product-bundle.button-under .bundle-plus, 12646 #three-product.adp-product-bundle.button-under .bundle-plus { 12647 width: 8%; 12648 } 12649 12650 #max-two { 12651 width: 61%; 12652 } 12653 12654 #max-two .bundle-plus { 12655 width: 10% 12656 } 12657 12658 #three-product.max-two .bundle-total, 12659 #four-product.max-two .bundle-total, 12660 #over-four-product.max-two .bundle-total { 12661 height: 384px; 12662 } 12663 12664 #three-product.max-two .adp-eqs, 12665 #four-product.max-two .adp-eqs, 12666 #over-four-product.max-two .adp-eqs { 12667 position: relative; 12668 top: 50%; 12669 } 12670 12671 #three-product.max-two button, 12672 #four-product.max-two button { 12673 position: relative; 12674 top: 50%; 12675 } 12676 12677 #over-four-product.max-two button { 12678 position: relative; 12679 top: 50%; 12680 } 12681 12682 #max-two { 12683 width: 60%; 12684 display: inline-block; 12685 } 12686 12687 #max-two .bundle-plus:nth-child(4n+4) { 12688 display: none; 12689 } 12690 12691 .adp-product-bundle.button-under { 12692 flex-wrap: wrap; 12693 } 12694 12695 .adp-product-bundle .adp-product-wrapper { 12696 width: 45%; 12697 } 12698 12699 .adp-product-bundle .bundle-total { 12700 color: #bfbfbf; 12701 font-size: 21px; 12702 font-weight: bold; 12703 } 12704 12705 12706 /* .adp-product-bundle .bundle-name{ overflow-x: hidden;} */ 12707 12708 .with-total.adp-product-bundle .adp-eqs { 12709 display: flex; 12710 width: 24px; 12711 } 12712 12713 .adp-product-bundle .bundle-total button { 12714 width: 100%; 12715 /*max-width: 150px;*/ 12716 } 12717 12718 @media screen and (min-width: 650px) { 12719 #four-product.adp-product-bundle, 12720 #over-four-product.adp-product-bundle { 12721 flex-wrap: wrap; 12722 } 12723 #four-product.adp-product-bundle.with-total .bundle-total .adp-eqs, 12724 #over-four-product.adp-product-bundle.with-total .bundle-total .adp-eqs { 12725 display: none; 12726 } 12727 .adp-product-bundle.with-total .bundle-total { 12728 justify-content: center; 12729 } 12730 #four-product.adp-product-bundle.with-total .adp-product-wrapper { 12731 flex-basis: auto; 12732 } 12733 #over-four-product.adp-product-bundle.with-total .adp-product-wrapper { 12734 flex-basis: auto; 12735 } 12736 #four-product .adp-product-bundle.with-total .bundle-total, 12737 #over-four-product.adp-product-bundle.with-total .bundle-total { 12738 min-height: 50px; 12739 max-height: 100px; 12740 height: inherit; 12741 } 12742 #four-product .adp-info-wrapper .bundle-name { 12743 font-size: 90%; 12744 word-break: break-word; 12745 } 12746 #over-four-product .adp-info-wrapper .bundle-name { 12747 font-size: 85%; 12748 word-break: break-word; 12749 } 12750 #four-product.with-total.adp-product-bundle .bundle-total button span, 12751 #over-four-product.with-total.adp-product-bundle .bundle-total button span { 12752 font-size: 15px; 12753 } 12754 #four-product.with-total.adp-product-bundle .bundle-total button.add-appikon-bundle, 12755 #over-four-product.with-total.adp-product-bundle .bundle-total button.add-appikon-bundle { 12756 width: 100%; 12757 margin: 0; 12758 } 12759 } 12760 12761 @media screen and (max-width: 650px) { 12762 .adp-product-bundle { 12763 flex-direction: column; 12764 } 12765 .adp-product-bundle .adp-product-wrapper { 12766 width: 100% !important; 12767 } 12768 .adp-product-bundle .adp-product-wrapper>a:first-child { 12769 width: 35% !important; 12770 margin-right: 20px; 12771 display: block; 12772 float: left; 12773 } 12774 .adp-product-bundle .adp-product-wrapper .bundle-name { 12775 margin: 0; 12776 } 12777 .adp-product-bundle .bundle-plus { 12778 width: 100% !important; 12779 max-width: 100%; 12780 line-height: 0; 12781 border-bottom: 1px solid #ccc; 12782 margin: 10px 0 25px; 12783 } 12784 .adp-product-bundle .bundle-total .adp-eqs { 12785 display: none; 12786 } 12787 .adp-product-bundle .bundle-plus img, 12788 #two-product.adp-product-bundle.with-total .bundle-plus img, 12789 #three-product.adp-product-bundle.with-total .bundle-plus img, 12790 #four-product.adp-product-bundle.with-total .bundle-plus img, 12791 #over-four-product.adp-product-bundle.with-total .bundle-plus img, 12792 #two-product.adp-product-bundle.button-under .bundle-plus img, 12793 #three-product.adp-product-bundle.button-under .bundle-plus img, 12794 #four-product.adp-product-bundle.button-under .bundle-plus img, 12795 #over-four-product.adp-product-bundle.button-under .bundle-plus img { 12796 margin-left: 0 !important; 12797 margin-bottom: -18px; 12798 max-width: 35px !important; 12799 } 12800 .appikon-variants-container select { 12801 width: auto; 12802 margin-top: 10px 12803 } 12804 .adp-product-bundle .bundle-total { 12805 width: 100% !important; 12806 text-align: center; 12807 margin-top: 20px; 12808 } 12809 .adp-product-bundle .adp-eqs { 12810 width: 100%; 12811 border-bottom: 1px solid #ccc; 12812 margin: -22px 0 0 0; 12813 position: relative; 12814 } 12815 .adp-product-bundle .adp-eqs img { 12816 margin-left: 0 !important; 12817 margin-bottom: -18px; 12818 display: none; 12819 } 12820 .adp-product-bundle .adp-image-container { 12821 width: 35%; 12822 display: inline-block; 12823 float: left; 12824 } 12825 .adp-product-bundle .adp-info-wrapper { 12826 width: 60%; 12827 display: inline-block; 12828 float: left; 12829 padding-left: 10px; 12830 } 12831 .adp-product-bundle .adp-info-wrapper a { 12832 text-decoration: none; 12833 } 12834 .adp-product-bundle .adp-info-wrapper select.adp-variants { 12835 width: 100%; 12836 } 12837 #two-product.adp-product-bundle.with-total .bundle-plus { 12838 margin: 0 0 30px; 12839 } 12840 #two-product.adp-product-bundle .bundle-plus img, 12841 #three-product.adp-product-bundle .bundle-plus img, 12842 #four-product.adp-product-bundle .bundle-plus img, 12843 #over-four-product.adp-product-bundle .bundle-plus img { 12844 max-width: 35px !important; 12845 margin-left: 0 !important; 12846 } 12847 #three-product.adp-product-bundle.with-total .bundle-total button { 12848 margin-top: 20px; 12849 width: 100%; 12850 } 12851 #three-product.adp-product-bundle.with-total .bundle-plus { 12852 margin: 10px 0 25px; 12853 } 12854 #four-product.adp-product-bundle.with-total .bundle-plus { 12855 margin: 10px 0 25px; 12856 } 12857 #over-four-product.adp-product-bundle.with-total .bundle-plus { 12858 margin: 10px 0 25px; 12859 } 12860 } 12861 12862 .adp-product-bundle .adp-price { 12863 color: #8C0000; 12864 } 12865 12866 .adp-product-bundle .bundle-total { 12867 color: #8C1919; 12868 } 12869 12870 .adp-product-bundle .bundle-total button { 12871 width: 100%; 12872 } 12873 12874 .adp-product-bundle button .top-button { 12875 border-bottom: 0px; 12876 } 12877 12878 @media (max-width: 650px) { 12879 .bundle-name { 12880 display: inline-block !important; 12881 } 12882 .adp-eqs { 12883 width: 100% !important; 12884 } 12885 .bundle-name { 12886 padding-top: 10px !important; 12887 } 12888 .bundle-total button { 12889 margin-left: auto !important; 12890 margin-right: auto !important; 12891 display: block; 12892 } 12893 } 12894 12895 .bundle-total button { 12896 color: #fff; 12897 margin: -10px 0 -10px; 12898 width: 100%; 12899 border: none; 12900 text-decoration: none; 12901 font-size: 13%; 12902 font-family: inherit; 12903 text-transform: uppercase; 12904 font-weight: 500; 12905 padding: 10px; 12906 height: 100%; 12907 } 12908 12909 .with-total.adp-product-bundle .bundle-total button.add-appikon-bundle { 12910 width: 100%; 12911 margin: 0; 12912 height: inherit; 12913 min-height: 50px; 12914 } 12915 12916 .adp-product-bundle button .top-button { 12917 border-bottom: 0px; 12918 } 12919 12920 @media (max-width: 650px) { 12921 .bundle-name { 12922 display: inline-block !important; 12923 } 12924 .adp-eqs { 12925 width: 100% !important; 12926 } 12927 .bundle-name { 12928 padding-top: 10px !important; 12929 } 12930 .bundle-total button { 12931 margin-left: auto !important; 12932 margin-right: auto !important; 12933 display: block; 12934 } 12935 .with-total.adp-product-bundle .bundle-total button.add-appikon-bundle { 12936 width: 100%; 12937 margin-top: 10px; 12938 height: inherit; 12939 max-height: 100px; 12940 min-height: 50px; 12941 } 12942 } 12943 12944 .dp-popup div, 12945 .dp-popup span, 12946 .dp-popup h1, 12947 .dp-popup h2, 12948 .dp-popup h3, 12949 .dp-popup h4, 12950 .dp-popup h5, 12951 .dp-popup h6, 12952 .dp-popup p, 12953 .dp-popup a, 12954 .dp-popup img, 12955 .dp-popup b, 12956 .dp-popup u, 12957 .dp-popup i, 12958 .dp-popup ol, 12959 .dp-popup ul, 12960 .dp-popup li, 12961 .dp-popup form, 12962 .dp-popup label, 12963 .dp-popup table, 12964 .dp-popup tbody, 12965 .dp-popup tfoot, 12966 .dp-popup thead, 12967 .dp-popup tr, 12968 .dp-popup th, 12969 .dp-popup td { 12970 margin: 0; 12971 padding: 0; 12972 border: 0; 12973 font-size: 100%; 12974 font: inherit; 12975 vertical-align: baseline; 12976 text-transform: none; 12977 } 12978 12979 .dp-popup body { 12980 line-height: 1; 12981 } 12982 12983 .dp-popup ol, 12984 .dp-popup ul { 12985 list-style: none; 12986 } 12987 12988 .dp-popup table { 12989 border-collapse: collapse; 12990 border-spacing: 0; 12991 } 12992 12993 .blocker { 12994 position: fixed; 12995 top: 0; 12996 right: 0; 12997 bottom: 0; 12998 left: 0; 12999 width: 100%; 13000 height: 100%; 13001 overflow: auto; 13002 z-index: 2147483646; 13003 padding: 20px; 13004 box-sizing: border-box; 13005 background-color: rgb(0, 0, 0); 13006 background-color: rgba(0, 0, 0, 0.75); 13007 text-align: center; 13008 } 13009 13010 .blocker:before { 13011 c
13011ontent: ''; 13012 display: inline-block; 13013 height: 100%; 13014 vertical-align: middle; 13015 margin-right: -0.05em; 13016 } 13017 13018 .blocker.behind { 13019 background-color: transparent; 13020 } 13021 13022 .dp-popup-dpModal { 13023 display: inline-block; 13024 min-width: 400px; 13025 vertical-align: middle; 13026 position: relative; 13027 z-index: 2147483647; 13028 max-width: 600px; 13029 background: #fff; 13030 padding: 30px; 13031 -webkit-border-radius: 8px; 13032 -moz-border-radius: 8px; 13033 -o-border-radius: 8px; 13034 -ms-border-radius: 8px; 13035 border-radius: 8px; 13036 -webkit-box-shadow: 0 0 10px #000; 13037 -moz-box-shadow: 0 0 10px #000; 13038 -o-box-shadow: 0 0 10px #000; 13039 -ms-box-shadow: 0 0 10px #000; 13040 box-shadow: 0 0 10px #000; 13041 text-align: center; 13042 text-transform: none; 13043 font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; 13044 font-size: 14px; 13045 line-height: 1.42857143; 13046 color: #333333; 13047 -moz-transition: background-color 0.15s linear; 13048 -webkit-transition: background-color 0.15s linear; 13049 -o-transition: background-color 0.15s linear; 13050 transition: background-color 0.15s cubic-bezier(0.785, 0.135, 0.150, 0.860); 13051 } 13052 13053 .dp-popup-dpModal a { 13054 background-color: transparent; 13055 } 13056 13057 .dp-popup-dpModal a:active, 13058 .dp-popup-dpModal a:hover { 13059 outline: 0; 13060 } 13061 13062 .dp-popup-dpModal hr { 13063 height: 0; 13064 -webkit-box-sizing: content-box; 13065 -moz-box-sizing: content-box; 13066 box-sizing: content-box; 13067 height: 0; 13068 margin-top: 20px; 13069 margin-bottom: 20px; 13070 border: 0; 13071 border-top: 1px solid #eeeeee; 13072 } 13073 13074 .dp-popup-dpModal button, 13075 .dp-popup-dpModal input, 13076 .dp-popup-dpModal optgroup, 13077 .dp-popup-dpModal select, 13078 .dp-popup-dpModal textarea { 13079 color: inherit; 13080 font: inherit; 13081 margin: 0; 13082 font-family: inherit; 13083 font-size: inherit; 13084 line-height: inherit; 13085 } 13086 13087 .dp-popup-dpModal button { 13088 overflow: visible; 13089 } 13090 13091 .dp-popup-dpModal button, 13092 .dp-popup-dpModal select { 13093 text-transform: none; 13094 } 13095 13096 .dp-popup-dpModal button { 13097 -webkit-appearance: button; 13098 cursor: pointer; 13099 } 13100 13101 .dp-popup-dpModal button::-moz-focus-inner, 13102 .dp-popup-dpModal input::-moz-focus-inner { 13103 border: 0; 13104 padding: 0; 13105 } 13106 13107 .dp-popup-dpModal input { 13108 line-height: normal; 13109 } 13110 13111 .dp-popup-dpModal input[type='number']::-webkit-inner-spin-button, 13112 .dp-popup-dpModal input[type='number']::-webkit-outer-spin-button { 13113 height: auto; 13114 } 13115 13116 .dp-popup-dpModal body.fadein { 13117 background: rgba(0, 0, 0, 0.65); 13118 } 13119 13120 #dpModal-container { 13121 width: auto; 13122 } 13123 13124 .dp-popup-dpModal #popup-dpModal-container { 13125 background: white; 13126 padding: 12px 18px 40px 18px; 13127 } 13128 13129 @media only screen and (min-width:500px) { 13130 .dp-popup-dpModal #popup-dpModal-container { 13131 border-radius: 5px; 13132 padding: 30px 40px; 13133 } 13134 } 13135 13136 @media only screen and (min-width:992px) { 13137 .dp-popup-dpModal #popup-dpModal-container { 13138 margin-top: 140px; 13139 } 13140 } 13141 13142 .dp-popup-dpModal .fade { 13143 opacity: 0; 13144 -webkit-transition: opacity 0.15s linear; 13145 -o-transition: opacity 0.15s linear; 13146 transition: opacity 0.15s linear; 13147 } 13148 13149 .dp-popup-dpModal .fade.in { 13150 opacity: 1; 13151 } 13152 13153 13154 /* only the stuff we need added here */ 13155 13156 .dp-popup-dpModal h2 { 13157 font-size: 24px; 13158 font-family: inherit; 13159 font-weight: 500; 13160 line-height: 1.1; 13161 color: inherit; 13162 } 13163 13164 .dp-popup-dpModal h3 { 13165 font-family: inherit; 13166 font-weight: normal; 13167 line-height: 1.1; 13168 color: inherit; 13169 font-size: 18px; 13170 margin-top: 10px; 13171 margin-bottom: 20px; 13172 font-weight: 500; 13173 } 13174 13175 .dp-popup-dpModal p.body-text { 13176 font-size: 20; 13177 margin-top: 40px; 13178 margin-bottom: 10px; 13179 } 13180 13181 .dp-popup-dpModal .form-control { 13182 display: block; 13183 width: 100%; 13184 height: 34px; 13185 padding: 6px 12px; 13186 font-size: 14px; 13187 line-height: 1.42857143; 13188 color: #555; 13189 background-color: #fff; 13190 background-image: none; 13191 border: 1px solid #ccc; 13192 border-radius: 5px; 13193 -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 13194 -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 13195 box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075); 13196 -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s; 13197 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 13198 transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s; 13199 } 13200 13201 .dp-popup-dpModal .input-lg { 13202 height: 46px; 13203 padding: 10px 16px; 13204 line-height: 1.3333333; 13205 border-radius: 6px; 13206 } 13207 13208 .dp-popup-dpModal select.input-lg { 13209 height: 46px; 13210 } 13211 13212 @media screen and (-webkit-min-device-pixel-ratio:0) { 13213 .dp-popup-dpModal select:focus, 13214 .dp-popup-dpModal textarea:focus, 13215 .dp-popup-dpModal input:focus { 13216 font-size: 16px; 13217 background: #eee; 13218 } 13219 } 13220 13221 .dp-popup-dpModal .form-group { 13222 margin-bottom: 15px; 13223 } 13224 13225 .dp-popup-dpModal .btn { 13226 display: inline-block; 13227 padding: 8px 12px; 13228 margin-bottom: 0; 13229 font-size: 14px; 13230 line-height: 1.42857143; 13231 text-align: center; 13232 vertical-align: middle; 13233 letter-spacing: 1px; 13234 -ms-touch-action: manipulation; 13235 touch-action: manipulation; 13236 cursor: pointer; 13237 -webkit-user-select: none; 13238 -moz-user-select: none;
13239 -ms-user-select: none; 13240 user-select: none; 13241 background-image: none; 13242 border: 1px solid transparent; 13243 border-radius: 3px; 13244 } 13245 13246 .dp-popup-dpModal .btn-success { 13247 width: 100%; 13248 color: #ffffff; 13249 background-color: #4ed14e; 13250 } 13251 13252 .dp-popup-dpModal .btn-lg { 13253 line-height: 24px; 13254 font-size: 15px; 13255 padding: 14px; 13256 line-height: 1.3333333; 13257 } 13258 13259 .dp-popup-dpModal .close { 13260 -webkit-appearance: none; 13261 padding: 0; 13262 cursor: pointer; 13263 background: 0 0; 13264 border: 0; 13265 text-align: center; 13266 font-size: 21px; 13267 font-weight: 700; 13268 line-height: 1; 13269 color: #000; 13270 text-shadow: 0 1px 0 #fff; 13271 } 13272 13273 .dp-popup-dpModal form { 13274 margin-top: 10px; 13275 } 13276 13277 .dp-popup-dpModal .dpModal-content .close { 13278 font-size: 30px; 13279 } 13280 13281 .dp-popup-dpModal .dpModal-backdrop.in { 13282 filter: alpha(opacity=65); 13283 opacity: .65; 13284 } 13285 13286 .dp-popup-dpModal .completed_message { 13287 display: none; 13288 } 13289 13290 .dp-popup-dpModal .complete .completed_message { 13291 display: block; 13292 } 13293 13294 .dp-popup-dpModal .single-variant { 13295 display: none; 13296 } 13297 13298 .dp-popup-dpModal div.footer { 13299 margin-top: 20px; 13300 } 13301 13302 .dp-popup-dpModal div.footer p { 13303 color: #b3b3b3; 13304 font-size: 12px; 13305 } 13306 13307 .dp-popup-dpModal div.no-thanks { 13308 padding-top: 20px; 13309 } 13310 13311 .dp-popup-dpModal div.no-thanks a { 13312 color: #aaaaaa; 13313 font-size: 100%; 13314 } 13315 13316 @media (min-width: 0px) { 13317 .dp-popup-dpModal { 13318 min-width: 100%; 13319 } 13320 } 13321 13322 @media (min-width: 300px) { 13323 .dp-popup-dpModal { 13324 min-width: 80%; 13325 } 13326 } 13327 13328 @media (min-width: 768px) { 13329 .dp-popup-dpModal { 13330 min-width: 600px; 13331 } 13332 } 13333 13334 .dp-popup-dpModal img { 13335 vertical-align: middle; 13336 max-width: 100%; 13337 } 13338 13339 .dp-popup-dpModal img.single { 13340 margin-right: 20px; 13341 margin-left: 0px; 13342 display: inline-block; 13343 padding-right: 20px; 13344 max-width: 100%; 13345 height: auto; 13346 margin: 0 auto; 13347 } 13348 13349 #upsell-minimized-button { 13350 background-color: #44c767; 13351 border-top-left-radius: 8px; 13352 border-top-right-radius: 8px; 13353 -moz-border-top-left-radius: 8px; 13354 -moz-border-top-right-radius: 8px; 13355 -webkit-border-top-left-radius: 8px; 13356 -webkit-border-top-right-radius: 8px; 13357 /*border:1px solid #18ab29;*/ 13358 display: inline-block; 13359 cursor: pointer; 13360 color: #ffffff; 13361 /*font-family:Arial;*/ 13362 padding: 10px 16px; 13363 text-decoration: none; 13364 background: #44c767; 13365 color: #ffffff; 13366 font-size: 16px; 13367 -webkit-transform: rotate(90deg); 13368 -webkit-transform-origin: left bottom; 13369 -moz-transform: rotate(90deg); 13370 -moz-transform-origin: left bottom; 13371 -ms-transform: rotate(90deg); 13372 -ms-transform-origin: left bottom; 13373 -o-transform: rotate(90deg); 13374 -o-transform-origin: left bottom; 13375 transform: rotate(90deg); 13376 left: 0px; 13377 top: 100px; 13378 transform-origin: left bottom; 13379 white-space: nowrap; 13380 position: fixed; 13381 } 13382 13383 #upsell-minimized-button:hover { 13384 /*background-color:#5cbf2a;*/ 13385 } 13386 13387 .dp-popup-dpModal a.close-dpModal { 13388 position: absolute; 13389 top: -12.5px; 13390 right: -12.5px; 13391 display: block; 13392 width: 30px; 13393 height: 30px; 13394 text-indent: -9999px; 13395 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
13395wYJEkIavX7/+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; 13396 } 13397 13398 .dp-popup .just-added { 13399 width: 100%; 13400 border-bottom: 1px solid #eee; 13401 padding-bottom: 20px; 13402 } 13403 13404 .dp-popup .multiple-products-true div { 13405 display: block; 13406 float: left; 13407 } 13408 13409 .dp-popup .product-container.discount-applies-true { 13410 display: flex; 13411 flex-wrap: wrap; 13412 } 13413 13414 .dp-popup .multiple-products-false div { 13415 display: block; 13416 } 13417 13418 .dp-popup .multiple-products-false div.product-container { 13419 max-width: 350px; 13420 width: 100%; 13421 margin-left: auto; 13422 margin-right: auto; 13423 flex-direction: column; 13424 } 13425 13426 .dp-popup .multiple-products-false .image { 13427 flex: 1; 13428 min-height: 150px; 13429 } 13430 13431 .dp-popup .multiple-products-true .image { 13432 width: 100px; 13433 } 13434 13435 .dp-popup .multiple-products-false .image img { 13436 max-width: 150px; 13437 max-height: 150px; 13438 } 13439 13440 .dp-popup .multiple-products-true .image img { 13441 max-width: 100px; 13442 max-height: 100px; 13443 } 13444 13445 .dp-popup .multiple-products-false .details { 13446 flex: 1 0 0; 13447 text-align: center; 13448 font-size: 14px; 13449 padding-left: 15px; 13450 padding-right: 15px; 13451 padding-top: 20px; 13452 } 13453 13454 .dp-popup .multiple-products-true .details { 13455 flex: 1; 13456 text-align: left; 13457 font-size: 14px; 13458 padding-left: 15px; 13459 padding-right: 15px; 13460 max-width: 320px; 13461 } 13462 13463 .dp-popup .multiple-products-false .actions { 13464 flex: 1; 13465 text-align: center; 13466 padding-top: 20px; 13467 } 13468 13469 .dp-popup .multiple-products-true .actions { 13470 vertical-align: middle; 13471 max-width: 116px; 13472 width: 100%; 13473 float: right 13474 } 13475 13476 @media (min-width: 651px) { 13477 .dp-popup .multiple-products-true .actions button.add-upsells, 13478 .dp-popup .multiple-products-true .actions select.adp-variants { 13479 min-width: 116px; 13480 max-width: 116px; 13481 } 13482 } 13483 13484 .dp-popup .other-upsells { 13485 width: 100%; 13486 } 13487 13488 .dp-popup .product-container { 13489 width: 100%; 13490 padding-bottom: 10px; 13491 padding-top: 10px; 13492 } 13493 13494 .dp-popup .product-container:not(first) { 13495 border-top: 1px #eee solid; 13496 } 13497 13498 .dp-popup .product-container select { 13499 -webkit-appearance: none; 13500 -moz-appearance: none; 13501 appearance: none; 13502 background-position: right center; 13503 background-image: url(//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/ico-select.svg?3069916476021763728); 13504 background-repeat: no-repeat; 13505 background-position: right 10px center; 13506 background-size: auto; 13507 padding-right: 28px; 13508 text-indent: 0.01px; 13509 width: 100%; 13510 margin-bottom: 10px; 13511 font-size: 12px; 13512 display: block; 13513 padding-left: 10px; 13514 } 13515 13516 .dp-popup .product-container .variant-wrapper { 13517 float: none; 13518 } 13519 13520 .dp-popup .no-thanks { 13521 text-align: center; 13522 width: 100%; 13523 } 13524 13525 .dp-popup-dpModal .adp-image { 13526 width: 100%; 13527 } 13528 13529 .dp-popup-dpModal .upsell-total { 13530 width: 100%; 13531 padding-top: 10px; 13532 } 13533 13534 .dp-popup-dpModal button.add-upsells { 13535 color: #ffffff; 13536 font-size: 100%; 13537 font-size: 14px; 13538 background-color: #a1c65b; 13539 display: inline-block; 13540 padding: 8px 12px; 13541 margin-bottom: 0; 13542 line-height: 1.42857143; 13543 text-align: center; 13544 vertical-align: middle; 13545 letter-spacing: 1px; 13546 -ms-touch-action: manipulation; 13547 touch-action: manipulation; 13548 cursor: pointer; 13549 -webkit-user-select: none; 13550 -moz-user-select: none;
13551 -ms-user-select: none; 13552 user-select: none; 13553 background-image: none; 13554 border: 1px solid transparent; 13555 border-radius: 3px; 13556 font-weight: 500; 13557 width: 100%; 13558 box-shadow: none; 13559 } 13560 13561 .adp-price .adp-regular { 13562 width: 100%; 13563 } 13564 13565 .product-price .adp-sale { 13566 display: block; 13567 width: 100%; 13568 } 13569 13570 .dp-popup-dpModal .product-price { 13571 padding-top: 10px; 13572 font-weight: bold; 13573 } 13574 13575 .dp-popup-dpModal #one-product .product-price { 13576 font-size: 22px; 13577 } 13578 13579 .dp-popup-dpModal .multiple-products-true .product-price { 13580 font-size: 16px; 13581 } 13582 13583 .dp-popup-dpModal #one-product .product-price s { 13584 vertical-align: middle; 13585 font-size: 16px; 13586 } 13587 13588 .dp-popup-dpModal .product-price .adp-sale s { 13589 font-weight: normal; 13590 color: #000; 13591 opacity: 1; 13592 padding-left: 5px; 13593 font-size: 13px; 13594 font-size: 100%; 13595 } 13596 13597 .discount-applies-false .product-price .adp-sale, 13598 .discount-applies- .product-price .adp-sale { 13599 color: #000; 13600 } 13601 13602 .discount-applies-true .adp-price .adp-sale { 13603 text-decoration: line-through; 13604 width: 100%; 13605 } 13606 13607 .discount-applies-true .product-price .adp-sale { 13608 display: block; 13609 width: 100%; 13610 color: #8C0000; 13611 } 13612 13613 #dpModal-container .product-title { 13614 font-weight: 400; 13615 width: 100%; 13616 } 13617 13618 .dp-popup-dpModal .upsell-title { 13619 font-family: inherit; 13620 font-weight: normal; 13621 line-height: 1.1; 13622 color: inherit; 13623 font-size: 18px; 13624 margin-top: 10px; 13625 margin-bottom: 20px; 13626 font-weight: 500; 13627 text-align: center; 13628 } 13629 13630 @media (max-width: 650px) { 13631 .dp-popup .multiple-products-true .details { 13632 flex: 1; 13633 padding-left: 20px; 13634 } 13635 .dp-popup .multiple-products-true .actions { 13636 max-width: inherit; 13637 width: 100%; 13638 padding-top: 15px; 13639 } 13640 .dp-popup .product-container { 13641 padding-bottom: 20px; 13642 padding-top: 20px; 13643 } 13644 } 13645 13646 .adp-bundle-wrapper .appikon-variants-container select.adp-variants { 13647 -webkit-appearance: none; 13648 -moz-appearance: none; 13649 appearance: none; 13650 background-position: right center; 13651 background-image: url(//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/ico-select.svg?3069916476021763728); 13652 background-repeat: no-repeat; 13653 background-position: right 10px center; 13654 background-size: auto; 13655 padding-right: 28px; 13656 text-indent: 0.01px; 13657 width: 100%; 13658 margin-bottom: 10px; 13659 font-size: 12px; 13660 display: block; 13661 padding-left: 10px; 13662 } 13663 13664 .adp-bundle-wrapper .adp-product-bundle button.add-appikon-bundle { 13665 cursor: pointer; 13666 background-color: #a1c65b; 13667 background-image: none; 13668 color: #fff; 13669 margin: -10px 0 -10px; 13670 width: 100%; 13671 border: none; 13672 text-decoration: none; 13673 font-size: 13px; 13674 font-family: inherit; 13675 text-transform: uppercase; 13676 font-weight: 500; 13677 padding: 10px; 13678 } 13679 13680 .adp-product-bundle .bundle-total button span { 13681 font-size: 13px; 13682 } 13683 13684 table.adp-discount-table tr th:first-child { 13685 flex: 1; 13686 } 13687 13688 table.adp-discount-table tr th:nth-child(2) { 13689 flex: 2; 13690 } 13691 13692 table.adp-discount-table tr td:first-child { 13693 flex: 1; 13694 } 13695 13696 table.adp-discount-table tr td:nth-child(2) { 13697 flex: 2; 13698 } 13699 13700 table.adp-discount-table thead { 13701 display: table-header-group; 13702 vertical-align: middle; 13703 } 13704 13705 #dpModal-container .no_touch { 13706 cursor: default; 13707 pointer-events: none; 13708 } 13709 13710 #dpModal-container .no_touch:hover { 13711 opacity: 1; 13712 } 13713 13714 .dp-popup-dpModal .upsell-title, 13715 .dp-popup-dpModal .product-title, 13716 .dp-popup-dpModal .product-price .adp-sale, 13717 .dp-popup-dpModal div.no-thanks a {} 13718 13719 .adp-product-bundle .bundle-name {} 13720 13721 .adp-product-bundle .adp-price {} 13722 13723 .adp-bundle-wrapper .appikon-variants-container select.adp-variants {} 13724 13725 .adp-bundle-wrapper {} 13726 13727 #appikon-discount-item:empty, 13728 #appikon-summary-item:empty { 13729 display: none; 13730 } 13731 13732 .adp_show_animation { 13733 visibility: visible; 13734 opacity: 1; 13735 } 13736 13737 .adp_default_animation { 13738 visibility: hidden; 13739 } 13740 13741 div.adp_show_animation.adp_default_animation { 13742 visibility: visible; 13743 } 13744 13745 .adp_fade_and_scale_effect { 13746 -webkit-transform: scale(0.7); 13747 -moz-transform: scale(0.7); 13748 -ms-transform: scale(0.7); 13749 transform: scale(0.7); 13750 opacity: 0; 13751 -webkit-transition: all 0.4s; 13752 -moz-transition: all 0.4s; 13753 transition: all 0.4s; 13754 } 13755 13756 .adp_show_animation.adp_fade_and_scale_effect { 13757 -webkit-transform: scale(1); 13758 -moz-transform: scale(1); 13759 -ms-transform: scale(1); 13760 transform: scale(1); 13761 opacity: 1; 13762 } 13763 13764 .adp_slide_from_the_right { 13765 -webkit-transform: translateX(20%); 13766 -moz-transform: translateX(20%); 13767 -ms-transform: translateX(20%); 13768 transform: translateX(20%); 13769 opacity: 0; 13770 -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); 13771 -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); 13772 transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); 13773 } 13774 13775 .adp_show_animation.adp_slide_from_the_right { 13776 -webkit-transform: translateX(0); 13777 -moz-transform: translateX(0); 13778 -ms-transform: translateX(0); 13779 transform: translateX(0); 13780 opacity: 1; 13781 } 13782 13783 .adp_slide_from_the_left { 13784 -webkit-transform: translateX(-20%); 13785 -moz-transform: translateX(-20%); 13786 -ms-transform: translateX(-20%); 13787 transform: translateX(-20%); 13788 opacity: 0; 13789 -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); 13790 -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); 13791 transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9); 13792 } 13793 13794 .adp_show_animation.adp_slide_from_the_left { 13795 -webkit-transform: translateX(0); 13796 -moz-transform: translateX(0); 13797 -ms-transform: translateX(0); 13798 transform: translateX(0); 13799 opacity: 1; 13800 } 13801 13802 .adp_slide_from_the_bottom { 13803 -webkit-transform: translateY(20%); 13804 -moz-transform: translateY(20%); 13805 -ms-transform: translateY(20%); 13806 transform: translateY(20%); 13807 opacity: 0; 13808 -webkit-transition: all 0.3s; 13809 -moz-transition: all 0.3s; 13810 transition: all 0.3s; 13811 } 13812 13813 .adp_show_animation.adp_slide_from_the_bottom { 13814 -webkit-transform: translateY(0); 13815 -moz-transform: translateY(0); 13816 -ms-transform: translateY(0); 13817 transform: translateY(0); 13818 opacity: 1; 13819 } 13820 13821 .adp_fall_effect { 13822 -o-transform: perspective(1300px) translateZ(600px) rotateX(30deg); 13823 -ms-transform: perspective(1300px) translateZ(600px) rotateX(30deg); 13824 -moz-transform: perspective(1300px) translateZ(600px) rotateX(30deg);
13825 -webkit-transform: perspective(300px) translateZ(600px) rotateX(30deg); 13826 transform: perspective(1300px) translateZ(600px) rotateX(30deg); 13827 opacity: 0; 13828 } 13829 13830 .adp_show_animation.adp_fall_effect { 13831 -webkit-transition: all 0.3s ease-in; 13832 -moz-transition: all 0.3s ease-in; 13833 transition: all 0.3s ease-in; 13834 -webkit-transform: translateZ(0px) rotateX(0deg); 13835 -moz-transform: translateZ(0px) rotateX(0deg); 13836 -ms-transform: translateZ(0px) rotateX(0deg); 13837 transform: translateZ(0px) rotateX(0deg); 13838 opacity: 1; 13839 } 13840 13841 div.dp-popup.is_funnel_true span.adp-sale s { 13842 text-decoration: none !important; 13843 } 13844 13845 #appikon-notification-bar { 13846 margin-bottom: 0 !important; 13847 } 13848</style> 13849
13850<script type="text/javascript"> 13851 function hasFlag(flag){ 13852 return window.appikonDiscount.settings.flags[flag] == true 13853 } 13854 13855 window.appikon = {}; 13856 window.appikonDiscount = {}; 13857 window.appikonDiscount.settings = { 13858 "dp": { 13859 "installed": true, 13860 "vd_table_type": "default", 13861 "vd_product_message": "Buy at discounted prices" 13862 }, 13863 "delay_mobile_refresh_cart": 2, 13864 "delay_refresh_cart": 0.5, 13865 "discount_method": "DRAFT", 13866 "hide_paypal": true, 13867 "show_discount_code": false, 13868 "avoid_cart_quantity_adjustment": false, 13869 "show_notification_bar": true, 13870 "show_cart_notification_bar": false, 13871 "show_product_notification_bar": false, 13872 "turn_off_agree_checkbox": false, 13873 "calculation_note": "Please wait while we calculate your cart totals", 13874 "plus_minus_qty_selector": "", 13875 "checkout_selector": ".rebuy-button.block", 13876 "drawer_cart_selector": "", 13877 "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", 13878 "drawer_cart_line_price_selector": "", 13879 "drawer_cart_unit_price_selector": "", 13880 "drawer_cart_sub_total_selector": "", 13881 "terms_selector": "", 13882 "regular_cart_product_title_selector": "", 13883 "regular_cart_line_price_selector": "", 13884 "regular_cart_sub_total_selector": "", 13885 "regular_cart_unit_price_selector": "", 13886 "is_dynamic_insertion": true, 13887 "listen_to_ajax_cart_events_strategy": true, 13888 "draft_order_invoice_load_delay": 500, 13889 "flags": { 13890 "new_css": true, 13891 "new_qty_layout": false, 13892 "hide_buy_it_now_setting": false, 13893 "upsell_popup_open_qty": false, 13894 "animate_upsell_popup_appearance": true, 13895 "no_discount_compare_at_price": false, 13896 "offer_metrics": false, 13897 "upsell_popup_on_checkout_click": false, 13898 "fix_empire_theme": false, 13899 "use_google_fonts": false, 13900 "discounted_price_for_bundles": false, 13901 "refresh_on_qty_plush_minus": false, 13902 "refresh_on_qty_change_hard": false, 13903 "several_collections_for_upsells": true, 13904 "avoid_default_qty_input_event_change": false, 13905 "notify_about_disocunt_calculations": false, 13906 "subscribe_api_messages": true, 13907 "entitled_variant_ids": true, 13908 "charts": false, 13909 "delay_price_rule_deletion": false, 13910 "disable_checkout_button": false, 13911 "cart_new_line_prices": true, 13912 "quick_start": true, 13913 "upsell_popup_z_index": false, 13914 "simple_stats_cacher": false, 13915 "enable_funnels": false, 13916 "quantities_refresh_over_submit": false, 13917 "quantities_no_input_trigger": false, 13918 "hide_paypal_to_style": false, 13919 "price_rules_short_life": true, 13920 "settings_async_price_rules": false, 13921 "search_bundle_products": true, 13922 "new_free_plan": false, 13923 "multi_line_notification": true, 13924 "api_optimization": true, 13925 "script_v2": true, 13926 "sqs_order_webhooks": true, 13927 "ts_metrics_view": false, 13928 "order_logs": true, 13929 "active_offers_api_call": false, 13930 "backup_api": false, 13931 "cache_counter_worker": false, 13932 "correct_adp_identifier": false, 13933 "enable_quantity_change_reload": true 13934 }, 13935 "app_root_url": "/apps/appikon_discounted_pricing", 13936 "vd_placement_settings": {"placement":"BEFORE","final_selector":".js-volume-discount-table"}, 13937 "notification_placement_settings": {"final_selector":null,"placement":"AFTER"}, 13938 "notification_cart_placement_settings": {"final_selector":null,"placement":"AFTER"}, 13939 "notification_bar_selector": null, 13940 "product_page_offer_active": false, 13941 "no_active_offers": false, 13942 "product_ids_in_use": [], 13943 "collection_ids_in_use": [], 13944 "entire_store_in_use": false, 13945 "shop" : "soylent-business.myshopify.com", 13946 "discount_code_settings" : {"inputPlacementSelector":"#appikon-discount-item","inputPlacementPosition":"AFTER"}, 13947 "use_compare_at_price" : false, 13948 "product_page_price_selector": "", 13949 }; 13950 window.appikonDiscount.settings.global = { 13951 "env": "production", 13952 "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", 13953 "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]", 13954 "appikonPlusImageUrl": "//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/adp-plus_38x.png?18337618242689679898", 13955 "headerSelector": "#shopify-section-header, main, div.content, section.main-content, div#content, section#content" 13956 }; 13957 window.appikon.discount_method = window.appikonDiscount.settings.discount_method; 13958 window.appikonResponseStore = {}; 13959 window.appikonResponseStore.cartJS = ""; 13960 window.appikonResponseStore.discountResponse = ""; 13961 13962 13963 13964 13965 13966 13967 13968 13969 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}; 13970 ["requires_shipping", "total_discount", "item_count", "total_weight"].map(function(a) { 13971 delete window.appikon.cart[a] 13972 }) 13973 13974 if (hasFlag("correct_adp_identifier") && window.appikon.cart && window.appikon.cart.attributes && window.appikon.cart.attributes["adp_identifier"]){ 13975 var appikonSafe = function(cb){ try{cb()} catch(e){} } 13976 appikonSafe(function() { 13977 var awaitJQuery = function (cb) { 13978 appikonSafe(function(){ if (window.jQuery) { cb() } else { setTimeout(function() { awaitJQuery(cb) }, 150) } }) 13979 } 13980 awaitJQuery(function(){ 13981 appikonSafe(function(){ 13982 jQuery.post('/cart/update.js', { attributes: {'adp_identifier': ''} }) 13983 }) 13984 }) 13985 }) 13986 } 13987 13988 window.appikon.cart.items = []; 13989 window.appikon.cart_product_ids = []; 13990 window.appikon.cart_collection_ids = []; 13991 13992 13993 13994 window.appikon.adp_page = ""; 13995 13996 13997 13998 window.appikon.money_format = "${{amount}}"; 13999 14000 14001 //appikonHandlebars 14002 !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 14002
14002orts.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
14002("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 14002
14002var 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 14002
14002pr_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 14002
14002],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 14002-14003
14002,{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], 14003 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 14003
14003,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 14003-14004
14003,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); 14004 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
14004n","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 14004-14007
14004,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"]}])}); 14005 14006 14007 window.appikonDiscount.isAppikonProductPage = null != decode
14007URIComponent(window.location.pathname).match(/\/products\/(([a-zA-Z0-9]|[\-\.\_\~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[\ud83c\ud83d\ud83e][\ud000-\udfff]){1,})\/?/); 14008 window.appikonDiscount.isAppikonCartPage = window.location.pathname === '/cart'; 14009 14010 window.appikonDiscount.reloadCurrency = () => { 14011 "object" == typeof Currency && "object" == typeof Currency.moneyFormats && "function" == typeof mlvedaload && mlvedaload(); 14012 try { 14013 "object" == typeof DoublyGlobalCurrency && "function" == typeof DoublyGlobalCurrency.convertAll && DoublyGlobalCurrency.convertAll(jQueryGrizzly("[name=doubly-currencies]").val()) 14014 } catch (t) { 14015 console.log(t) 14016 } 14017 } 14018 14019 window.appikonDiscount.checkTermsAccepted = ($) => { 14020 if (window.appikonDiscount.settings.turn_off_agree_checkbox) { 14021 return true; 14022 } 14023 14024 if (window.appikonDiscount.settings.terms_selector) { 14025 let customSelectors = window.appikonDiscount.settings.terms_selector.split(','); 14026 for (let i = 0; i < customSelectors.length; i++) { 14027 let termsSelector = "input[type='checkbox']" + customSelectors[i]; 14028 let termsSelectorChecked = "input[type='checkbox']" + customSelectors[i] + ":checked"; 14029 14030 if ($(termsSelector).length > 0 && $(termsSelectorChecked).length === 0) { 14031 return false; 14032 } 14033 } 14034 } else { 14035 let termsSelector = "input[type='checkbox']#agree"; 14036 let termsSelectorChecked = "input[type='checkbox']#agree:checked"; 14037 14038 if ($(termsSelector).length > 0 && $(termsSelectorChecked).length === 0) { 14039 return false; 14040 } 14041 } 14042 14043 return true; 14044 } 14045 14046 window.appikonDiscount.DiscountedPricingCheckout = ($, t) => { 14047 if (window.appikonDiscount.checkTermsAccepted($)) { 14048 $(t.target).prop("disabled", "disabled"); 14049 14050 window.appikon.action_type = "checkout"; 14051 var i = [], 14052 a = []; 14053 $("[name^='attributes']").each(function () { 14054 var t = $(this), 14055 e = $(this).attr("name"), 14056 n = { 14057 name: e = e.replace(/^attributes\[/i, "").replace(/\]$/i, ""), 14058 value: t.val() 14059 }; 14060 if ("" != n.value) switch (t[0].tagName.toLowerCase()) { 14061 case "input": 14062 "checkbox" == t.attr("type") ? t.is(":checked") && a.push(n) : a.push(n); 14063 break; 14064 default: 14065 a.push(n) 14066 } 14067 }); 14068 var r = ""; 14069 if (window.Shopify.locale) { 14070 i.push("locale=" + window.Shopify.locale); 14071 } 14072 $("[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) { 14073 i.push("attributes" + encodeURIComponent("[" + t.name + "]") + "=" + encodeURIComponent(t.value)) 14074 }), $.ajax({ 14075 cache: !1, 14076 contentType: "application/json; charset=utf-8", 14077 dataType: "json", 14078 type: "POST", 14079 url: window.appikonDiscount.settings.app_root_url, 14080 data: JSON.stringify(window.appikon), 14081 success: function (t) { 14082 t.invoice_url ? (i.length && (t.invoice_url += "?" + i.join("&")), 14083 setTimeout(function () { 14084 window.location.href = t.invoice_url 14085 }, window.appikonDiscount.settings.draft_order_invoice_load_delay) 14086 ) : ( 14087 t.invoice_url = "/checkout", 14088 t.discount_code && (window.appikonDiscount.setCookie("adp-pr-id", t.pr_id, 14), i.push("discount=" + t.discount_code)), 14089 i.length && (t.invoice_url += "?" + i.join("&")), 14090 window.location.href = t.invoice_url 14091 ) 14092 }, 14093 error: function (e) { 14094 console.log(e); 14095 window.location.href = "/checkout" 14096 } 14097 }) 14098 } 14099 } 14100 14101 window.appikonDiscount.checkoutEventHandler = ($, t) => { 14102 t.preventDefault(); 14103 try { 14104 t.stopImmediatePropagation(); 14105 window.appikonDiscount.DiscountedPricingCheckout($, t) 14106 } catch (e) { 14107 console.log(e); 14108 window.location = "/checkout" 14109 } 14110 } 14111 14112 window.appikonDiscount.addGlobalStyle = (t) => { 14113 try { 14114 var e = document.head || document.getElementsByTagName("head")[0], 14115 n = document.createElement("style"); 14116 n.innerHTML = t, n.type = "text/css", e.appendChild(n) 14117 } catch (o) {} 14118 } 14119 14120 window.appikonDiscount.addCheckoutEventHandlers = ($) => { 14121 var checkoutSelectors = window.appikonDiscount.getCheckoutSelectors(); 14122 14123 if (! window.appikonDiscount.checkoutClickListener) { 14124 window.appikonDiscount.checkoutClickListener = (t) => window.appikonDiscount.checkoutEventHandler($, t); 14125 } 14126
14127 checkoutSelectors.forEach(function (t) { 14128 var e = document.querySelectorAll(t); 14129 if ("object" == typeof e && e) { 14130 for (var n = 0; n < e.length; n++) { 14131 var o = e[n]; 14132 if ("function" != typeof o.addEventListener) return; 14133 o.addEventListener("click", window.appikonDiscount.checkoutClickListener, false); 14134 } 14135 } 14136 }); 14137 } 14138 14139 window.appikonDiscount.removeCheckoutEventHandlers = ($) => { 14140 var checkoutSelectors = window.appikonDiscount.getCheckoutSelectors(); 14141 checkoutSelectors.forEach(function (t) { 14142 var e = document.querySelectorAll(t); 14143 if ("object" == typeof e && e) { 14144 for (var n = 0; n < e.length; n++) { 14145 var o = e[n]; 14146 if ("function" != typeof o.addEventListener) return; 14147 if (window.appikonDiscount.checkoutClickListener) { 14148 o.removeEventListener("click", window.appikonDiscount.checkoutClickListener, false); 14149 } 14150 } 14151 } 14152 }); 14153 } 14154 14155 window.appikonDiscount.showCartDiscounts = ($, t) => { 14156 window.appikon.discounts = t; 14157 14158 window.appikonDiscount.updateCartItems($, t.cart.items); 14159 14160 if ("string" == typeof t.discounted_price_html) { 14161 if (window.appikonDiscount.settings.hide_paypal) { 14162 $(".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;}"); 14163 } 14164 14165 if (t.positive_discount) { 14166 window.appikonDiscount.displayCartTotals($, t); 14167 } 14168 14169 if (t.zero_discount_only || 0 == window.appikon.cart.total_price) { 14170 $('form[action*="/cart"]').append("<input type='hidden' value='1' name='attributes[adp_identifier]'>"); 14171 try { 14172 window.appikon.cart.attributes.adp_identifier = 1 14173 } catch (o) { 14174 } 14175 // remove event checkout listeners if no discounts 14176 window.appikonDiscount.removeCheckoutEventHandlers($); 14177 } else { 14178 window.appikonDiscount.addCheckoutEventHandlers($); 14179 } 14180 $(".wholesale-cart-total").css("font-weight", "bold"); 14181 // $("span.wholesale-original-cart-total").css("display", "block"); 14182 } else { 14183 if (window.appikonDiscount.settings.use_compare_at_price === true) { 14184 $(".wholesale-cart-total").html("<span class=''>" + t.compare_at_price_html + "</span>"); 14185 } else { 14186 $(".wholesale-cart-total").html("<span class=''>" + t.original_price_html + "</span>"); 14187 } 14188 $("span.wholesale-original-cart-total").css("display", "none"); 14189 $(".wholesale-cart-total").css("font-weight", "normal"); 14190 14191 // remove event checkout listeners if no discounts 14192 window.appikonDiscount.removeCheckoutEventHandlers($); 14193 } 14194 } 14195 14196 window.appikonDiscount.showAppikonNotificatioBar = ($, notificationMessage, selector, placement) => { 14197 if(notificationMessage && notificationMessage.trim()) { 14198 var notificationBarElement = "<div id='appikon-notification-bar'><div id='appikon-close-notification'>X</div>" + notificationMessage.trim() + "</div>" 14199 // Remove old notification 14200 $('#appikon-notification-bar').remove() 14201 14202 if(selector) { 14203 var selectorElement = $(selector).first(); 14204 if(selectorElement.length){ 14205 "before" == placement.toLowerCase() ? selectorElement.before(notificationBarElement) : selectorElement.after(notificationBarElement) 14206 } 14207 } else { 14208 window.appikonDiscount.settings.global.headerSelector.split(",").forEach(function (t) { 14209 t = $.trim(t) 14210 "#shopify-section-header" == t ? $(t).after(notificationBarElement) : "main" == t ? $(t).prepend(notificationBarElement) : $(t).before(notificationBarElement) 14211 }) 14212 } 14213 14214 $("#appikon-notification-bar").length > 0 && $("#appikon-notification-bar").show() 14215 } 14216 } 14217 14218 window.appikonDiscount.showAppikonNotification = ($, notificationMessage) => { 14219 // Show product page Notification 14220 if(window.appikonDiscount.isAppikonProductPage && window.appikonDiscount.settings.show_product_notification_bar) { 14221 window.appikonDiscount.showAppikonNotificatioBar($, notificationMessage, 14222 window.appikonDiscount.settings.notification_placement_settings.final_selector, 14223 window.appikonDiscount.settings.notification_placement_settings.placement) 14224 } 14225 14226 if(window.appikonDiscount.isAppikonCartPage && window.appikonDiscount.settings.show_cart_notification_bar) { 14227 window.appikonDiscount.showAppikonNotificatioBar($, notificationMessage, 14228 window.appikonDiscount.settings.notification_cart_placement_settings.final_selector, 14229 window.appikonDiscount.settings.notification_cart_placement_settings.placement) 14230 } 14231 } 14232 14233 window.appikonDiscount.showVolDiscounts = ($, info) => { 14234 if (info.discount_table && info.discount_table.automatic_type) { 14235 var templateVariables = { 14236 product_message: info.offer_product_message || window.appikonDiscount.settings.dp.vd_product_message, 14237 vol_rows: info.vol_rows 14238 } 14239 14240 if (info.discount_table.automatic_type === "DEFAULT") { 14241 var discountTiersTemplate = $("#adp-discount-tiers-default").html(); 14242 } else if (info.discount_table.automatic_type === "DETAILED") { 14243 var discountTiersTemplate = $("#adp-discount-tiers-detailed").html(); 14244 } else if (info.discount_table.automatic_type === "GRID_RANGE") { 14245 var discountTiersTemplate = $("#adp-discount-tiers-grid").html(); 14246 } else if (info.discount_table.automatic_type === "GRID_RANGE_ALT") { 14247 var discountTiersTemplate = $("#adp-discount-tiers-grid-alt").html(); 14248 } 14249 14250 var volDiscountHtml = appikonHandlebars.compile(discountTiersTemplate)(templateVariables); 14251 $("div.adp-vol-wrapper").html(volDiscountHtml); 14252 } 14253 } 14254 14255 window.appikonDiscount.showBuyXDiscounts = ($, info) => { 14256 var discountTiersTemplate = $("#adp-buy-x-discount-tiers").html(), 14257 templateVariables = { 14258 product_message: info.offer_product_message || window.appikonDiscount.settings.dp.vd_product_message, 14259 vol_rows: info.vol_rows 14260 }, 14261 buyXDiscountHtml = appikonHandlebars.compile(discountTiersTemplate)(templateVariables); 14262 $("div.adp-vol-wrapper").html(buyXDiscountHtml); 14263 } 14264 14265 window.appikonDiscount.appikonDelegate = ($, discountResponse) => { 14266 if (discountResponse.vol_rows) { 14267 window.appikon.vol_rows = discountResponse.vol_rows; 14268 } 14269 14270 if (discountResponse.discount_table && discountResponse.discount_table.type === "CUSTOM" && discountResponse.discount_table.html) { 14271 let elements = []; 14272 let found = false;
14273 14274 let foundGeneric = $(".shopacado-discount-table-container"); 14275 if (foundGeneric.length > 0) { 14276 found = true; 14277 elements.push(foundGeneric); 14278 } 14279 14280 if (discountResponse.discount_table.placement_selector) { 14281 let foundElements = $(discountResponse.discount_table.placement_selector); 14282 if (foundElements.length > 0) { 14283 found = true; 14284 for(var j=0; j<foundElements.length; j++){ 14285 var element = foundElements.eq(j); 14286 elements.push(element); 14287 } 14288 } 14289 } 14290 14291 if (!found) { 14292 let e = $("form[action*='/cart/add']").first(); 14293 elements.push(e); 14294 } 14295 for (let i = 0; i < elements.length; i++) { 14296 let element = elements[i]; 14297 14298 let wrapper = "<div class='adp-vol-wrapper'></div>"; 14299 if (discountResponse.discount_table.placement_position == 'BEFORE') { 14300 element.before(wrapper); 14301 } else { 14302 element.after(wrapper); 14303 } 14304 } 14305 $("div.adp-vol-wrapper").html(discountResponse.discount_table.html); 14306 } else if (discountResponse.discount_table && discountResponse.discount_table.type === "AUTOMATIC") { 14307 if (discountResponse.vol_rows && discountResponse.vol_rows.length > 0 && ("buy_x_dollars" == discountResponse.type || "vd" == discountResponse.type)) { 14308 var e; 14309 if (window.appikonDiscount.settings.vd_placement_settings.hasOwnProperty("final_selector")) { 14310 e = $(window.appikonDiscount.settings.vd_placement_settings.final_selector).first(); 14311 if (0 === e.length) { 14312 e = $("form[action*='/cart/add']").first(); 14313 } 14314 } else { 14315 e = $("form[action*='/cart/add']").first(); 14316 } 14317 if (0 === $(".adp-vol-wrapper").length) { 14318 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>"); 14319 } 14320 "buy_x_dollars" === discountResponse.type ? window.appikonDiscount.showBuyXDiscounts($, discountResponse) : window.appikonDiscount.showVolDiscounts($, discountResponse); 14321 } 14322 } 14323 14324 var objectExists = function (t) { 14325 return "object" == typeof t ? t : null 14326 }; 14327 if (objectExists(discountResponse.discounts)) { 14328 if(window.appikonDiscount.isAppikonProductPage && discountResponse.product_notification) { 14329 window.appikonDiscount.showAppikonNotification($, discountResponse.product_notification); 14330 } else if(window.appikonDiscount.isAppikonCartPage && discountResponse.notifications && discountResponse.notifications.length) { 14331 window.appikonDiscount.showAppikonNotification($, discountResponse.notifications[0]); 14332 } 14333 14334 if (objectExists(discountResponse.discounts.cart) && objectExists(discountResponse.discounts.cart.items)) { 14335 window.appikonDiscount.showCartDiscounts($, discountResponse.discounts); 14336 } 14337 } 14338 14339 if (discountResponse.product_lowest_price_message && 14340 window.appikonDiscount.settings.product_page_price_selector && 14341 window.appikonDiscount.settings.product_page_price_selector !== "") { 14342 window.appikonDiscount.productLowestPriceMessage = discountResponse.product_lowest_price_message; 14343 $(window.appikonDiscount.settings.product_page_price_selector).html("<span>" + discountResponse.product_lowest_price_message + "</span>"); 14344 } 14345 14346 window.appikonDiscount.reloadCurrency() 14347 14348 if (window.appikonDiscount.postDiscountHandlers) { 14349 for (let i = 0; i < window.appikonDiscount.postDiscountHandlers.length; i++) { 14350 window.appikonDiscount.postDiscountHandlers[i](discountResponse); 14351 } 14352 } 14353 } 14354 14355 window.appikonDiscount.isCartChange = ($, newCart) => { 14356 var isCartChange = false;
14357 14358 var oldCart = window.appikonResponseStore.cartJS; 14359 14360 var cartPropertiesToCompare = ["original_total_price", "total_discount", "total_weight", "item_count", "items_subtotal_price"]; 14361 14362 $.each(cartPropertiesToCompare, function (i, prop) { 14363 if (oldCart[prop] !== newCart[prop]) { 14364 isCartChange = true; 14365 return false; // break the loop 14366 } 14367 }); 14368 14369 if(!isCartChange && oldCart.items.length !== newCart.items.length) { 14370 isCartChange = true; 14371 } 14372 14373 if(!isCartChange) { 14374 $.each(oldCart.items, function(i, oldItem){ 14375 var newItem = newCart.items[i]; 14376 if(oldItem.id !== newItem.id || oldItem.quantity !== newItem.quantity) { 14377 isCartChange = true; 14378 return false; // break the loop 14379 } 14380 }) 14381 } 14382 14383 return isCartChange; 14384 } 14385 14386 window.appikonDiscount.processCartData = ($, ajaxCartData) => { 14387 if (window.appikonDiscount.isCartChange($, aja
14387xCartData)) { 14388 window.appikonResponseStore.cartJS = ajaxCartData; 14389 window.appikonDiscount.prepareAppikonDiscountRequestData($, ajaxCartData) 14390 } else { 14391 window.appikonDiscount.fillCartData($, false); 14392 } 14393 } 14394 14395 window.appikonDiscount.addCompareAtPrice = async ($, cart) => { 14396 var totalCompareAtPrice = 0; 14397 await Promise.all(cart.items.map(async (item) => { 14398 $.ajax({ 14399 url: '/products/' + item.handle + '.js', 14400 dataType: 'json', 14401 async: false, 14402 success: function(product){ 14403 for (const variant of product.variants) { 14404 item["compare_at_price"] = item["price"]; 14405 if (variant.id == item.variant_id && variant.compare_at_price != null) { 14406 item["compare_at_price"] = variant.compare_at_price; 14407 break; 14408 } 14409 }; 14410 const compareAtLinePrice = item["compare_at_price"] * item["quantity"]; 14411 totalCompareAtPrice += compareAtLinePrice; 14412 item["compare_at_line_price"] = compareAtLinePrice; 14413 } 14414 }); 14415 })); 14416 14417 cart.compare_at_total_price = totalCompareAtPrice; 14418 14419 return cart; 14420 } 14421 14422 window.appikonDiscount.insertCartTitleSnippet = ($, productTitleSelector) => { 14423 14424 var isInserted = false; 14425 14426 if (!productTitleSelector) { 14427 return isInserted; 14428 } 14429 14430 var selectors = productTitleSelector.split(","); 14431 14432 $.each(selectors, function(index, selector) { 14433 var elems = $(selector); 14434 14435 if (elems.length) { 14436 var cart = window.appikon.cart; 14437 elems.each(function (index) { 14438 if (index < cart.items.length && $(this).find(".appikon-cart-item-success-notes").length === 0) { 14439 14440 $(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>"); 14441 14442 isInserted = true; 14443 } 14444 }); 14445 } 14446 14447 }) 14448 14449 return isInserted; 14450 } 14451 14452 window.appikonDiscount.insertCartLinePriceSnippet = ($, cartLinePriceSelector) => { 14453 14454 var isInserted = false; 14455 14456 if (!cartLinePriceSelector) { 14457 return isInserted; 14458 } 14459 14460 var selectors = cartLinePriceSelector.split(","); 14461 14462 $.each(selectors, function(index, selector) { 14463 var elems = $(selector); 14464 14465 if (elems.length) { 14466 var cart = window.appikon.cart; 14467 elems.each(function (index) { 14468 if (index < cart.items.length && $(this).find(".appikon-cart-item-line-price").length == 0) { 14469 $(this).html("<span class='appikon-cart-item-line-price' data-key='" + cart.items[index].key + "'>" + 14470 $(this).html() + "</span>"); 14471 14472 isInserted = true; 14473 } 14474 }); 14475 } 14476 14477 }) 14478 14479 return isInserted; 14480 } 14481 14482 window.appikonDiscount.insertCartUnitPriceSnippet = ($, cartUnitPriceSelector) => { 14483 14484 var isInserted = false; 14485 14486 if (!cartUnitPriceSelector) { 14487 return isInserted; 14488 } 14489 14490 var selectors = cartUnitPriceSelector.split(","); 14491 14492 $.each(selectors, function(index, selector) { 14493 var elems = $(selector); 14494 14495 if (elems.length) { 14496 var cart = window.appikon.cart; 14497 elems.each(function (index) { 14498 if (index < cart.items.length && $(this).find(".appikon-cart-item-unit-price").length == 0) { 14499 $(this).html("<span class='appikon-cart-item-unit-price' data-key='" + cart.items[index].key + "'>" + $(this).html() + "</span>"); 14500 } 14501 }); 14502 } 14503 14504 }) 14505 14506 return isInserted; 14507 } 14508 14509 window.appikonDiscount.insertCartSubTotalSnippet = ($, cartSubTotalSelector) => { 14510 14511 var isInserted = false;
14512 14513 if (cartSubTotalSelector) { 14514 var selectors = cartSubTotalSelector.split(","); 14515 14516 $.each(selectors, function(index, selector) { 14517 var elem = $(selector).eq(0); 14518 14519 if(elem && elem.length && elem.find(".wholesale-original-cart-total").length == 0) { 14520 elem.html("<span class='wholesale-original-cart-total'>" + 14521 "<span class='wholesale-original-price'>" + elem.html() + "</span>" + 14522 "</span>" + 14523 "<span class='wholesale-cart-total'></span>" + 14524 "<div class='additional-notes'>" + 14525 "<span class='wholesale-minimums-note'></span>" + 14526 "<span class='wholesale-extra-note'></span>" + 14527 "</div>"); 14528 14529 isInserted = true; 14530 } 14531 14532 }) 14533 14534 } 14535 14536 return isInserted; 14537 } 14538 14539 window.appikonDiscount.insertCartSnippets = ($, cartType) => { 14540 var productTitleInserted = null; 14541 var linePriceInserted = null; 14542 var subtotalInserted = null; 14543 var unitPriceInserted = null; 14544 14545 if (cartType === 'DRAWER') { 14546 productTitleInserted = window.appikonDiscount.insertCartTitleSnippet($, window.appikonDiscount.settings.drawer_cart_product_title_selector); 14547 linePriceInserted = window.appikonDiscount.insertCartLinePriceSnippet($, window.appikonDiscount.settings.drawer_cart_line_price_selector); 14548 unitPriceInserted = window.appikonDiscount.insertCartUnitPriceSnippet($, window.appikonDiscount.settings.drawer_cart_unit_price_selector); 14549 subtotalInserted = window.appikonDiscount.insertCartSubTotalSnippet($, window.appikonDiscount.settings.drawer_cart_sub_total_selector); 14550 } else if (cartType === 'REGULAR') { 14551 productTitleInserted = window.appikonDiscount.insertCartTitleSnippet($, window.appikonDiscount.settings.regular_cart_product_title_selector); 14552 linePriceInserted = window.appikonDiscount.insertCartLinePriceSnippet($, window.appikonDiscount.settings.regular_cart_line_price_selector); 14553 unitPriceInserted = window.appikonDiscount.insertCartUnitPriceSnippet($, window.appikonDiscount.settings.regular_cart_unit_price_selector); 14554 subtotalInserted = window.appikonDiscount.insertCartSubTotalSnippet($, window.appikonDiscount.settings.regular_cart_sub_total_selector); 14555 } 14556 14557 return productTitleInserted || linePriceInserted || subtotalInserted || unitPriceInserted; 14558 } 14559 14560 window.appikonDiscount.fillCartData = ($, forceFill) => { 14561 setTimeout(function() { 14562 if(window.appikonResponseStore.discountResponse) { 14563 var drawerCartSnippets = window.appikonDiscount.insertCartSnippets($, "DRAWER"); 14564 var regularCartSnippets = false; 14565 if (window.appikonDiscount.settings.is_dynamic_insertion) { 14566 regularCartSnippets = window.appikonDiscount.insertCartSnippets($, "REGULAR"); 14567 } 14568 14569 if(drawerCartSnippets || regularCartSnippets || forceFill == true) { 14570 window.appikonDiscount.appikonDelegate($, window.appikonResponseStore.discountResponse); 14571 } 14572 } 14573 }, 400); 14574 } 14575 14576 window.appikonDiscount.enableCheckoutButtons = ($) => { 14577 var checkoutSelectors = window.appikonDiscount.getCheckoutSelectors(); 14578 $.each(checkoutSelectors, function(index, selector){ 14579 $(selector).prop('disabled', false); 14580 }); 14581 } 14582 14583 window.appikonDiscount.disableCheckoutButtons = ($) => { 14584 var checkoutSelectors = window.appikonDiscount.getCheckoutSelectors(); 14585 $.each(checkoutSelectors, function(index, selector){ 14586 $(selector).prop('disabled', true); 14587 }); 14588 } 14589 14590 window.appikonDiscount.getCheckoutSelectors = () => { 14591 var checkoutSelectors = window.appikonDiscount.settings.global.appikonCheckoutSelector.split(","); 14592 14593 if(window.appikonDiscount.settings.checkout_selector) { 14594 window.appikonDiscount.settings.checkout_selector.split(",").forEach(function(selector){ 14595 checkoutSelectors.push(selector.trim()); 14596 }); 14597 } 14598 14599 return checkoutSelectors; 14600 } 14601 14602 window.appikonDiscount.getAppikonDiscountData = ($) => { 14603 if (window.appikonDiscount.settings.use_compare_at_price === true){ 14604 var xhrAppiconCartRequet = $.ajax({ 14605 cache: !1, 14606 type: "GET", 14607 url: "/cart.js", 14608 dataType : "json" 14609 }).done(async function(ajaxCartData) { 14610 let cartWithCompareAt = await window.appikonDiscount.addCompareAtPrice($, ajaxCartData); 14611 window.appikonDiscount.processCartData($, cartWithCompareAt); 14612 }).fail(function(jqXHR, status, error) { 14613 console.error("getAppikonDiscountData", error, jqXHR.responseText) 14614 }) 14615 14616 } else { 14617 var xhrAppiconCartRequet = $.ajax({ 14618 cache: !1, 14619 type: "GET", 14620 url: "/cart.js", 14621 dataType : "json" 14622 }).done(function(ajaxCartData) { 14623 window.appikonDiscount.processCartData($, ajaxCartData); 14624 }).fail(function(jqXHR, status, error) { 14625 console.error("getAppikonDiscountData", error, jqXHR.responseText) 14626 }) 14627 } 14628 } 14629 14630 window.appikonDiscount.prepareAppikonDiscountRequestData = ($, appikonDrawerCart) => { 14631 window.appikon.cart = appikonDrawerCart; 14632 window.appikon.adp_page = 'cart'; 14633 14634 window.appikon.discounts = {}; 14635 window.appikon.cart_product_ids = []; 14636
14637 appikonDrawerCart.items.forEach(function(item){ 14638 var appikon_item = item; 14639 ["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) { 14640 delete appikon_item[k] 14641 }); 14642 14643 window.appikon.cart_product_ids.push(appikon_item.product_id); 14644 }); 14645 14646 14647 if(window.appikon.cart.items.length > 0) { 14648 // Get Product Metadata 14649 var xhrAppiconCartViewJSONRequet = $.ajax({ 14650 cache: !1, 14651 type: "GET", 14652 url: "/cart?view=appikon.json", 14653 dataType: "text", 14654 beforeSend: function(xhr){xhr.setRequestHeader('x-requested-with', '');} 14655 }).done(function(data) { 14656 14657 var cartMetadataResponse = JSON.parse(data) 14658 14659 window.appikon.cart_collection_ids = []; 14660 14661 window.appikon.cart.items.forEach(function(item){ 14662 14663 cartMetadataResponse.items.forEach(function(cartMetadataItem){ 14664 if(cartMetadataItem.id == item.id) { 14665 item["collection_ids"] = cartMetadataItem.collectionIds; 14666 } 14667 }); 14668 14669 window.appikon.cart_collection_ids.push(item.collection_ids); 14670 }); 14671 14672 // disable checkout buttons 14673 window.appikonDiscount.disableCheckoutButtons($); 14674 14675 // send request to discount api 14676 var xhrAppikonDiscountRequest = $.ajax({ 14677 cache: !1, 14678 type: "POST", 14679 url: window.appikonDiscount.settings.app_root_url, 14680 data: JSON.stringify(window.appikon), 14681 dataType: "json", 14682 contentType: "application/json; charset=utf-8" 14683 }).done(function(data) { 14684 14685 window.appikonResponseStore.discountResponse = data; 14686 14687 window.appikonDiscount.fillCartData($, true); 14688 window.appikonDiscount.enableCheckoutButtons($); 14689 14690 }).fail(function(jqXHR, status, error) { 14691 console.error("calculateAppikonDiscount", error, jqXHR.responseText) 14692 window.appikonDiscount.enableCheckoutButtons($); 14693 }); 14694 14695 }).fail(function(jqXHR, status, error) { 14696 console.error("prepareAppikonDiscountRequestData", error, jqXHR.responseText) 14697 }) 14698 } 14699 } 14700 14701 window.appikonDiscount.triggerDiscountCalculation = ($) => { 14702 if (window.appikonResponseStore.cartJS) { 14703 window.appikonDiscount.prepareAppikonDiscountRequestData($, window.appikonResponseStore.cartJS); 14704 } else { 14705 window.appikonDiscount.getAppikonDiscountData($); 14706 } 14707 } 14708 14709 window.appikonDiscount.updateCartItems = ($, items) => { 14710 for (var e = 0; e < items.length; e++) { 14711 var n = items[e]; 14712 14713 n.upsell_note = n.upsell_note ? n.upsell_note : ""; 14714 n.success_note = n.success_note ? n.success_note : ""; 14715 14716 if (n.discounted_price < n.original_price) { 14717 if (window.appikonDiscount.settings.use_compare_at_price === true) { 14718 $(".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>"); 14719 $(".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>"); 14720 $(".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>"); 14721 } else { 14722 $(".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>"); 14723 $(".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>"); 14724 $(".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>"); 14725 } 14726 $("span.discounted_price").css("font-weight", "bold"); 14727 } else { 14728 if (window.appikonDiscount.settings.use_compare_at_price === true) { 14729 $(".appikon-cart-item-price[data-key='" + n.key + "']").html("<span class='discounted_price appkion_original_price'>" + n.compare_at_price_format + "</span>"); 14730 $(".appikon-cart-item-line-price[data-key='" + n.key + "']").html("<span class='discounted_price appkion_original_price'>" + n.compare_at_line_price_format + "</span>"); 14731 $(".appikon-cart-item-unit-price[data-key='" + n.key + "']").html("<span class='discounted_price appkion_original_price'>" + n.compare_at_price_format + "</span>"); 14732 } else { 14733 $(".appikon-cart-item-price[data-key='" + n.key + "']").html("<span class='discounted_price appkion_original_price'>" + n.original_price_format + "</span>"); 14734 $(".appikon-cart-item-line-price[data-key='" + n.key + "']").html("<span class='discounted_price appkion_original_price'>" + n.original_line_price_format + "</span>"); 14735 $(".appikon-cart-item-unit-price[data-key='" + n.key + "']").html("<span class='discounted_price appkion_original_price'>" + n.original_price_format + "</span>"); 14736 } 14737 $("span.discounted_price").css("font-weight", "normal"); 14738 } 14739 14740 $(".appikon-cart-item-upsell-notes[data-key='" + n.key + "']").html(n.upsell_note); 14741 $(".appikon-cart-item-success-notes[data-key='" + n.key + "']").html(n.success_note); 14742 } 14743 }; 14744 14745 window.appikonDiscount.displayCartTotals = ($, t) => { 14746 $(".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"); 14747 $(".wholesale-original-cart-total").show() 14748 14749 if (window.appikonDiscount.settings.use_compare_at_price === true) { 14750 $("span.wholesale-original-price").html(t.compare_at_price_html); 14751 } else { 14752 $("span.wholesale-original-price").html(t.original_price_html); 14753 } 14754 14755 $(".wholesale-cart-total").html("<span class=''>" + t.discounted_price_html + "</span>"); 14756 var e = ""; 14757 if (t.summary_item_html) { 14758 e = t.summary_item_html; 14759 } 14760 14761 $(".subtotal .cart_savings.sale").hide(); 14762 $(".wholesale-cart-total").prepend("<span class='appikon-messages'><div id='appikon-summary-item'>" + e + "</div><div id='appikon-discount-item'></div></span>"); 14763 if (window.appikonDiscount.settings.show_discount_code) { 14764 $('.appikon-discounts-wrapper').remove(); 14765 14766 var discountCodePlacementSelectors = window.appikonDiscount.settings.discount_code_settings.inputPlacementSelector.split(',');
14767 discountCodePlacementSelectors.forEach((selector, index, array) => { 14768 let discountCodeWrapper = "<div class='appikon-discounts-wrapper'>" + 14769 "<input type='text' id='appikon-discount-code' placeholder='Discount Code'>" + 14770 "<button id='apply-appikon-discount' class='btn btn--secondary'>Apply</button>" + 14771 "</div>" 14772 14773 if (window.appikonDiscount.settings.discount_code_settings.inputPlacementPosition === "BEFORE") { 14774 $(selector).before(discountCodeWrapper); 14775 } else if (window.appikonDiscount.settings.discount_code_settings.inputPlacementPosition === "AFTER") { 14776 $(selector).after(discountCodeWrapper); 14777 } else if (window.appikonDiscount.settings.discount_code_settings.inputPlacementPosition === "PREPEND") { 14778 $(selector).prepend(discountCodeWrapper); 14779 } else if (window.appikonDiscount.settings.discount_code_settings.inputPlacementPosition === "APPEND") { 14780 $(selector).append(discountCodeWrapper); 14781 } else if (window.appikonDiscount.settings.discount_code_settings.inputPlacementPosition === "REPLACE") { 14782 $(selector).after(discountCodeWrapper); 14783 $(selector).hide(); 14784 } 14785 }); 14786 14787 if (window.appikon.discount_code) { 14788 $(".appikon-discounts-wrapper").hide(); 14789 $("div[id=appikon-discount-item]").html('<button id="appikon-remove-discount-code" type="button">X</button>' + t.discount_item_html); 14790 14791 document.querySelectorAll("#appikon-remove-discount-code").forEach(item => { 14792 item.addEventListener('click', event => { 14793 window.appikonDiscount.deleteCookie("appikon_discount_" + window.appikonDiscount.settings.shop); 14794 delete window.appikon.discount_code; 14795 window.appikonDiscount.triggerDiscountCalculation($); 14796 }); 14797 }); 14798 } else { 14799 $(".appikon-discounts-wrapper").show(); 14800 } 14801 14802 } 14803 14804 $(".wholesale-cart-total span").css("text-decoration", "none"); 14805 window.appikonDiscount.reloadCurrency(); 14806 }; 14807 14808 window.appikonDiscount.deleteCookie = (t) => { 14809 var o = new Date; 14810 o.setTime(o.getTime() - 1000); 14811 var i = "expires=" + o.toUTCString(); 14812 document.cookie = t + "=; " + i + "; path=/;" 14813 } 14814 14815 window.appikonDiscount.setCookie = (t, e, n) => { 14816 var o = new Date; 14817 o.setTime(o.getTime() + 24 * n * 60 * 60 * 1e3); 14818 var i = "expires=" + o.toUTCString(); 14819 document.cookie = t + "=" + e + "; " + i + "; path=/;" 14820 } 14821 14822 window.appikonDiscount.setCookieMinutes = (t, e, m) => { 14823 var o = new Date; 14824 o.setTime(o.getTime() + m * 60000); 14825 var i = "expires=" + o.toUTCString(); 14826 document.cookie = t + "=" + e + "; " + i + "; path=/;" 14827 } 14828 14829 window.appikonDiscount.setCookieSession = (t, e) => { 14830 document.cookie = t + "=" + e + "; path=/;" 14831 } 14832 14833 window.appikonDiscount.getCookie = (t) => { 14834 for (var e = t + "=", n = document.cookie.split(";"), o = 0; o < n.length; o++) { 14835 for (var i = n[o]; 14836 " " == i.charAt(0);) i = i.substring(1); 14837 if (0 == i.indexOf(e)) return i.substring(e.length, i.length) 14838 } 14839 return "" 14840 } 14841 14842 // custom JS settings overrides 14843 14844</script>
14844 14845 14846
14847<script id="adp-discount-tiers-default" type="text/x-handlebars-template"> 14848 <div class="adp-discount-tiers"> 14849 <h4>{{{product_message}}}</h4> 14850 <table class="adp-discount-table"> 14851 <thead> 14852 <tr> 14853 <th>Minimum Qty</th> 14854 <th>Discount</th> 14855 </tr> 14856 </thead> 14857 <tbody> 14858 {{#vol_rows}} 14859 <tr> 14860 <td>{{{quantity}}} +</td> 14861 <td>{{{price.title}}}</td> 14862 </tr> 14863 {{/vol_rows}} 14864 </tbody> 14865 </table> 14866</div> 14867 14868</script>
vendor: 1 bytes, line 14868
14868
14869<script id="adp-discount-tiers-detailed" type="text/x-handlebars-template"> 14870 <div class="adp-discount-tiers"><h4>{{{product_message}}}</h4> 14871 <table class="adp-discount-table"> 14872 <thead> 14873 <tr> 14874 <th>Qty</th> 14875 <th>Discount</th> 14876 </tr> 14877 </thead> 14878 <tbody> {{#vol_rows}} 14879 <tr> 14880 <td>Buy {{{quantity}}}</td> 14881 <td>{{{price.title}}} each</td> 14882 </tr> 14883 {{/vol_rows}} 14884 </tbody> 14885 </table> 14886</div> 14887 14888</script>
vendor: 1 bytes, line 14888
14888
14889<script id="adp-discount-tiers-grid" type="text/x-handlebars-template"> 14890 <div class="adp-discount-tiers"><h4>{{{product_message}}}</h4> 14891 <table class="adp-discount-table"> 14892 <thead> 14893 <tr> 14894 <th>Minimum Qty</th> 14895 <th>Maximum Qty</th> 14896 <th>Discount</th> 14897 </tr> 14898 </thead> 14899 <tbody> {{#vol_rows}} 14900 <tr> 14901 <td>{{{quantity}}}</td> 14902 <td>{{{next_range_qty}}}</td> 14903 <td>{{{price.title}}}</td> 14904 </tr> 14905 {{/vol_rows}} 14906 </tbody> 14907 </table> 14908</div> 14909 14910</script>
vendor: 1 bytes, line 14910
14910
14911<script id="adp-discount-tiers-grid-alt" type="text/x-handlebars-template"> 14912 <div class="adp-discount-tiers"><h4>{{{product_message}}}</h4> 14913 <table class="adp-discount-table"> 14914 <thead> 14915 <tr> 14916 <th>Qty</th> 14917 <th>Discount</th> 14918 </tr> 14919 </thead> 14920 <tbody> {{#vol_rows}} 14921 <tr> 14922 <td>{{{quantity}}} - {{{next_range_qty}}}</td> 14923 <td>{{{price.title}}}</td> 14924 </tr> 14925 {{/vol_rows}} 14926 </tbody> 14927 </table> 14928</div> 14929 14930</script>
vendor: 1 bytes, line 14930
14930
14931<script id="adp-buy-x-discount-tiers" type="text/x-handlebars-template"> 14932 <div class="adp-discount-tiers"><h4>{{{product_message}}}</h4> 14933 <table class="adp-discount-table"> 14934 <thead> 14935 <tr> 14936 <th>Qty</th> 14937 <th>Discount</th> 14938 </tr> 14939 </thead> 14940 <tbody> {{#vol_rows}} 14941 <tr> 14942 <td>Buy {{{quantity}}}</td> 14943 <td>{{{price.title}}}</td> 14944 </tr> 14945 {{/vol_rows}} 14946 </tbody> 14947 </table> 14948</div> 14949 14950</script>
14950 14951 14952
14953<script type="text/javascript"> 14954 14955 function getUrlParam(paramName) { 14956 const urlParams = new URLSearchParams(window.location.search); 14957 return urlParams.get(paramName); 14958 } 14959 14960 const testOfferParam = getUrlParam('shopacadoTestToken'); 14961 const testOfferName = getUrlParam('shopacadoTestName'); 14962 14963 ! function (window, document) { 14964 "use strict"; 14965 14966 if (testOfferParam) { 14967 window.appikonDiscount.setCookieSession('shopacado-test-offer-token', testOfferParam); 14968 window.appikonDiscount.setCookieSession('shopacado-test-offer-name', testOfferName); 14969 14970 var uri = window.location.toString(); 14971 if (uri.indexOf("?") > 0) { 14972 var clean_uri = uri.substring(0, uri.indexOf("?")); 14973 window.history.replaceState({}, document.title, clean_uri); 14974 } 14975 } 14976 14977 function isMobileBrowser() { 14978 var t = !1; 14979 try { 14980 (/(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.
14980substr(0, 4))) && (t = !0) 14981 } catch (e) {} 14982 return t 14983 } 14984 14985 function reqJquery(t) { 14986 if ("undefined" == typeof jQuery || !jQuery || 1 === parseInt(jQuery.fn.jquery) && parseFloat(jQuery.fn.jquery.replace(/^1\./, "")) < 10) { 14987 var e = document.getElementsByTagName("head")[0], 14988 n = document.createElement("script"); 14989 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 () { 14990 n.readyState ? "complete" !== n.readyState && "loaded" !== n.readyState || (n.onreadystatechange = null, t(jQuery.noConflict(!0))) : t(jQuery.noConflict(!0)) 14991 }, e.appendChild(n) 14992 } else t(jQuery) 14993 } 14994 14995 if (-1 !== document.location.search.indexOf("clear_cookies=1")) { 14996 window.appikonDiscount.setCookie("adp-skip-ids", ""); 14997 window.appikonDiscount.setCookie("cart", ""); 14998 } 14999 15000 reqJquery(function ($) { 15001 checkForTestOffer(); 15002 15003 function notifyCalculationsInProgress() { 15004 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 15005 } 15006 15007 function hideCalculationsInProgressNote() { 15008 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 15009 } 15010 15011 function getRefreshDelayValue() { 15012 var t = ""; 15013 return t = isMobileBrowser() ? window.appikonDiscount.settings.delay_mobile_refresh_cart : window.appikonDiscount.settings.delay_refresh_cart, 1e3 * parseFloat(t) 15014 } 15015 15016 function checkForTestOffer() { 15017 window.appikon.test_offer_token = window.appikonDiscount.getCookie('shopacado-test-offer-token'); 15018 window.appikon.test_offer_name = window.appikonDiscount.getCookie('shopacado-test-offer-name'); 15019 15020 if (window.appikon.test_offer_token && window.appikon.test_offer_token != "") { 15021 showTestOfferNotice(); 15022 } 15023 } 15024 15025 function showTestOfferNotice() { 15026 var noticeHtml = ` 15027 <div id="shopacado-banner"> 15028 <div id="shopacado-banner-content"> 15029 Testing Offer: ` + window.appikon.test_offer_name + ` 15030 <button id="shopacado-stop-test-offer">Stop Testing</button> 15031 </div> 15032 </div> 15033 `; 15034 $("#shopacado-banner").remove(); 15035 $("body").prepend(noticeHtml); 15036 $("body").addClass("push-down"); 15037 $("#shopacado-stop-test-offer").click( function () { 15038 removeTestOfferNotice(); 15039 }); 15040 } 15041 15042 function removeTestOfferNotice() { 15043 $("#shopacado-banner").remove(); 15044 $("body").removeClass("push-down"); 15045 window.appikonDiscount.deleteCookie("shopacado-test-offer-token"); 15046 window.appikonDiscount.deleteCookie("shopacado-test-offer-name"); 15047 delete window.appikon.test_offer_token; 15048 delete window.appikon.test_offer_name; 15049 } 15050 15051 window.appikonDiscount.calculateDiscounts = () => window.appikonDiscount.getAppikonDiscountData($); 15052 15053 function refreshAppikonData() { 15054 window.appikonDiscount.getAppikonDiscountData($); 15055 } 15056 15057 function handleCartRequests(url) { 15058 15059 var isCartRequestProcessed = true; 15060 15061 if ((url.includes('/cart.js') 15062 || url.includes('/cart.json') 15063 || url.includes('/cart/add') 15064 || url.includes('/cart/update') 15065 || (window.appikonDiscount.settings.is_dynamic_insertion && url.includes('/cart/change')) 15066 || url.includes('/cart/clear') 15067 || url.endsWith('/cart') 15068 || url.includes('/cart?')) 15069 && !url.includes('/cart?view=appikon.json')) { 15070 15071 if (url.includes('/cart/add') || url.endsWith('/cart') || url.includes('/cart?') ) { 15072 $.ajax({ 15073 cache: !1, 15074 type: "GET", 15075 url: "/cart.js", 15076 dataType: "json" 15077 }).done(function (ajaxCartData) { 15078 //window.appikonDiscount.processCartData($, ajaxCartData); 15079 }).fail(function (jqXHR, status, error) { 15080 console.error(error) 15081 }) 15082 } else { 15083 isCartRequestProcessed = false;
15084 } 15085 } 15086 15087 return isCartRequestProcessed; 15088 15089 } 15090 15091 var appikonCookieCode = window.appikonDiscount.getCookie("appikon_discount_" + window.appikonDiscount.settings.shop); 15092 appikonCookieCode && (window.appikon.discount_code = appikonCookieCode); 15093 15094 if (hasFlag("disable_checkout_button")) { 15095 var checkoutBtn = $(window.appikonDiscount.settings.global.appikonCheckoutSelector); 15096 var originalCheckoutContent = checkoutBtn.val() || checkoutBtn.html(); 15097 var originalBorder = checkoutBtn.css("border-color"); 15098 var originalBackground = checkoutBtn.css("background-color"); 15099 var enableCheckoutButton = function () { 15100 checkoutBtn.html(originalCheckoutContent).val(originalCheckoutContent).removeAttr("disabled").removeAttr("border-color").removeAttr("background-color") 15101 }; 15102 } 15103 if (window.appikonDiscount.isAppikonCartPage) { 15104 var skipIds = window.appikonDiscount.getCookie("adp-skip-ids"); 15105 skipIds && (window.appikon.skip_ids = skipIds) 15106 } 15107 15108 function continuePageLoad() { 15109 $(document).ready(function () { 15110 if(window.appikonDiscount.settings.dp.installed) { 15111 refreshAppikonData(); 15112 15113 if (window.appikonDiscount.settings.listen_to_ajax_cart_events_strategy) { 15114 // Intercept AJAX requests 15115 var origOpen = window.XMLHttpRequest.prototype.open; 15116 window.XMLHttpRequest.prototype.open = function() { 15117 this.addEventListener('load', async function() { 15118 var url = this.responseURL; 15119 if(!handleCartRequests(url)) { 15120 var ajaxCartData = JSON.parse(this.responseText); 15121 if (window.appikonDiscount.settings.use_compare_at_price === true) { 15122 var cartWithCompareAt = await window.appikonDiscount.addCompareAtPrice($, ajaxCartData); 15123 window.appikonDiscount.processCartData($, cartWithCompareAt); 15124 } else { 15125 window.appikonDiscount.processCartData($, ajaxCartData); 15126 } 15127 } 15128 }); 15129 origOpen.apply(this, arguments); 15130 }; 15131 15132 // Intercept fetch requests 15133 const originalFetch = window.fetch; 15134 window.fetch = function() { 15135 return new Promise((resolve, reject) => { 15136 originalFetch.apply(this, arguments) 15137 .then((response) => { 15138 var url = response.url; 15139 15140 if(!handleCartRequests(url)) { 15141 15142 $.ajax({ 15143 cache: !1, 15144 type: "GET", 15145 url: "/cart.js", 15146 dataType: "json" 15147 }) 15148 // response.clone().json().then(ajaxCartData => { 15149 // window.appikonDiscount.processCartData($, ajaxCartData); 15150 //}); 15151 } 15152 15153 resolve(response); 15154 }) 15155 .catch((error) => { 15156 reject(error); 15157 }) 15158 }); 15159 } 15160 15161 } else { 15162 var appikonCallRepeater = setInterval(refreshAppikonData,1000); 15163 } 15164 } 15165 }); 15166 15167 window.appikon.adp_page && window.appikon.adp_page === 'product' && window.appikonDiscount.settings.dp.installed > 0 && ($.ajax({ 15168 cache: !1, 15169 type: "POST", 15170 url: window.appikonDiscount.settings.app_root_url, 15171 data: JSON.stringify(window.appikon), 15172 dataType: "json", 15173 contentType: "application/json; charset=utf-8", 15174 success: function (t) { 15175 window.appikonDiscount.appikonDelegate($, t); 15176 } 15177 })), setTimeout(function () { 15178 "function" == typeof ga && ga(function (t) {
15179 window.gaclientId = t.get("clientId") 15180 }) 15181 }, 1e3), hasFlag("refresh_on_qty_plush_minus") && ($(document).on("click", window.appikonDiscount.settings.plus_minus_qty_selector, function () { 15182 var t = this; 15183 window.appikonDiscount.isAppikonCartPage && setTimeout(function () { 15184 $(t).parents('form[action*="/cart"]').submit() 15185 }, 500) 15186 }), hasFlag("refresh_on_qty_change_hard") && (window.appikonDiscount.cartSubmit = function () { 15187 window.appikonDiscount.isAppikonCartPage && setTimeout(function () { 15188 $('form[action*="/cart"]').submit() 15189 }, 500) 15190 }, $(document).ready(function () { 15191 setTimeout(function () { 15192 var t, e = document.querySelectorAll(window.appikonDiscount.settings.plus_minus_qty_selector); 15193 for (t = 0; t < e.length; t++) e[t].setAttribute("onclick", "window.appikonDiscount.cartSubmit();") 15194 }, 1200) 15195 15196 15197 }))); 15198 var debutEditBtnExists = $("div.cart__edit button.btn.cart__edit--active:visible").length > 0, 15199 qtyInputEvent = debutEditBtnExists ? "" : "input "; 15200 if (window.appikonDiscount.isAppikonCartPage && $(document).on(qtyInputEvent + "change", "input.appikon-quantity, input[name^='updates['], input[id^='updates_'], input[id^='Updates_']", function (t) { 15201 var e = this; 15202 t.preventDefault(), "" != $.trim($(this).val()) && (setTimeout(function () { 15203 if (hasFlag("enable_quantity_change_reload")) { 15204 hasFlag("quantities_refresh_over_submit") ? window.location.reload() : $(e).parents('form[action*="/cart"]').submit() 15205 } 15206 }, getRefreshDelayValue())) 15207 }), window.appikonDiscount.isAppikonCartPage && ($(document).on("click", "td.cart-qty span.icon-plus, td.cart-qty span.icon-minus", function (t) { 15208 t.preventDefault(), $(this).parents('form[action*="/cart"]').submit() 15209 }), !window.appikonDiscount.settings.is_dynamic_insertion && $(document).ajaxSuccess(function (t, e, n) { 15210 n && "/cart/change.js" == n.url && window.location.reload() 15211 }), 1 != hasFlag("avoid_default_qty_input_event_change") && (setTimeout(function () { 15212 $(".js-qty__adjust").off("click") 15213 }, 500), $(document).on("click", "div.js-qty .js-qty__adjust", function (t) { 15214 if(!window.appikonDiscount.settings.avoid_cart_quantity_adjustment) { 15215 t.preventDefault(); 15216 var e = parseInt($(this).parents("div.js-qty").find("input").val()); 15217 if ($(this).hasClass("js-qty__adjust--plus")) var n = e + 1; 15218 else n = e - 1; 15219 $(this).parents("div.js-qty").find("input").val(n).change() 15220 } else { 15221 $(this).parents("div.js-qty").find("input").change() 15222 } 15223 }))), $(document).on("click", "button#apply-appikon-discount", function (t) { 15224 t.preventDefault(); 15225 var discount_code_entered = $("input[id=appikon-discount-code]:visible").val().trim(); 15226 window.appikonDiscount.setCookieMinutes("appikon_discount_" + window.appikonDiscount.settings.shop, discount_code_entered, 5); 15227 window.appikon.discount_code = discount_code_entered; 15228 window.appikonDiscount.triggerDiscountCalculation($); 15229 }), $(document).on("click", "div#appikon-close-notification", function (t) { 15230 t.preventDefault(), window.appikonDiscount.setCookie("appikon_notifications_closed", 1, .01), $("#appikon-notification-bar").slideUp("slow") 15231 }), $(document).on("click", ".appikon-variants-container select.adp-variants", function () { 15232 $(this).children("option").length < 1 && alert("All item variants are out of stock") 15233 }), hasFlag("use_google_fonts")) { 15234 function insertGoogleFontStyle(t) { 15235 var e = document.head, 15236 n = document.createElement("link"); 15237 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) 15238 } 15239 }; 15240 } 15241 15242 window.appikon.multicurrency = {}; 15243 if (window.Shopify && window.Shopify.currency) { 15244 window.appikon.multicurrency.currency = window.Shopify.currency.active; 15245 window.appikon.multicurrency.rate = window.Shopify.currency.rate; 15246 window.appikon.multicurrency.locale = window.Shopify.locale; 15247 } 15248 15249 if (window.theme && window.theme.moneyFormat) { 15250 window.appikon.multicurrency.moneyFormat = window.theme.moneyFormat; 15251 } else if (window.theme && window.theme.strings && window.theme.strings.moneyFormat) { 15252 window.appikon.multicurrency.moneyFormat = window.theme.strings.moneyFormat; 15253 } else if (window.Theme && window.Theme.strings && window.Theme.strings.moneyFormat) { 15254 window.appikon.multicurrency.moneyFormat = window.Theme.strings.moneyFormat; 15255 } else if (window.Theme && window.Theme.moneyFormat) { 15256 window.appikon.multicurrency.moneyFormat = window.Theme.moneyFormat; 15257 } else if (window.mwSwitcherObjects && window.mwSwitcherObjects.shop.money_format){ 15258 window.appikon.multicurrency.moneyFormat = window.mwSwitcherObjects.shop.money_format; 15259 } else if (window.Shopify.currency && window.Shopify.currency.active && window.Currency && window.Currency.money_format && window.Currency.money_format[window.Shopify.currency.active]) { 15260 window.appikon.multicurrency.moneyFormat = window.Currency.money_format[window.Shopify.currency.active]; 15261 } else if (window.Currency && window.Currency.currentCurrency && window.Currency.moneyFormats && window.Currency.moneyFormats[window.Currency.currentCurrency]) { 15262 window.appikon.multicurrency.moneyFormat = window.Currency.moneyFormats[window.Currency.currentCurrency].money_format; 15263 } else if (window.ACSCurrency && window.ACSCurrency.currentCurrency) { 15264 window.appikon.multicurrency.moneyFormat = window.ACSCurrency.moneyFormats[window.ACSCurrency.currentCurrency].money_format; 15265 }
15265 else if (window.FlashsearchThemeSettings && window.FlashsearchThemeSettings.shop && window.FlashsearchThemeSettings.shop.moneyFormat) { 15266 window.appikon.multicurrency.moneyFormat = window.FlashsearchThemeSettings.shop.moneyFormat; 15267 } 15268 15269 typeof continuePageLoad === "function" && continuePageLoad(); 15270 15271 15272 }); 15273 }(window, document); 15274 15275 15276</script>
15276 15277 15278 15279
15279<script src="//soylent.com/cdn/shop/t/714/assets/ajaxinate.min.js?v=69145893314062996711687817172" type="text/javascript"></script>
15279 15280 15281 <div data-rebuy-id="124439"></div> 15282
15282<script src="https://autopilot.kodif.io/chat/v1/application/769af8fd-a856-4b74-8c5e-c02d2232324b/widget-script"></script>
15282 15283<div id="shopify-block-AMXlNNXM5SWtGZ0cxR__17151115064775110295" class="shopify-block shopify-app-block"><style data-recharge-theme='{"has_theme_customization": true, "design_mode": false }'> 15284 .recharge-theme { 15285 /* App */ 15286 --recharge-app-background: #FFFFFF; 15287 --recharge-app-container: 1200px; 15288 --recharge-app-vertical-padding: 32px; 15289 15290 /* Brand colors */ 15291 15292--recharge-color-brand: #000000; 15293 15294 /* Tints */ 15295 --recharge-color-brand-120: #000000; 15296 --recharge-color-brand-20: #333333; 15297 --recharge-color-brand-40: #666666; 15298 --recharge-color-brand-60: #999999; 15299 --recharge-color-brand-75: #bfbfbf; 15300 --recharge-color-brand-85: #d9d9d9; 15301 15302 /* Neutral */ 15303 --recharge-color-neutral: hsl(0, 35%, 7%); 15304 --recharge-color-neutral-80: hsl(0, 7%, 25%); 15305 --recharge-color-neutral-70: hsl(0, 5%, 35%); 15306 --recharge-color-neutral-40: hsl(0, 3%, 63%); 15307 --recharge-color-neutral-10: hsl(0, 2%, 91%); 15308 15309 15310 /* Links */ 15311 --recharge-button-secondary: #47AF19; 15312 --recharge-button-secondary-120: #378713; 15313 --recharge-button-secondary-60: #91cf75; 15314 15315 /* Images */ 15316 --recharge-images-ratio: 1; 15317 15318 /* Cards */ 15319 15320 --recharge-cards-background: #FFFFFF; 15321 15322 15323 15324 --recharge-cards-border-color: #000000; 15325 15326 15327 /* Fonts */ 15328 --recharge-typography-scale: 16px; 15329 --recharge-typography-size-1: calc(3 * var(--recharge-typography-scale)); 15330 --recharge-typography-size-2: calc(2.25 * var(--recharge-typography-scale)); 15331 --recharge-typography-size-3: calc(1.625 * var(--recharge-typography-scale)); 15332 --recharge-typography-size-4: calc(1.25 * var(--recharge-typography-scale)); 15333 --recharge-typography-size-5: calc(1 * var(--recharge-typography-scale)); 15334 --recharge-typography-size-6: calc(.875 * var(--recharge-typography-scale)); 15335 15336 /** Text **/ 15337 --recharge-typography-light: #FFFFFF; 15338 --recharge-typography-primary: var(--recharge-color-neutral); 15339 --recharge-typography-secondary: var(--recharge-color-neutral-70); 15340 15341 /* Corners */ 15342 --recharge-corners-radius: 0px; 15343 15344 --recharge-button-border-radius: 0px; 15345 15346 15347 /* Views */ 15348 15349 --recharge-views-background: #FFFFFF; 15350 15351 15352 /* Buttons */ 15353 --recharge-button-font-family: inherit; 15354 --recharge-button-brand: var(--recharge-color-brand); 15355 --recharge-button-color: #FFFFFF; 15356 } 15357</style> 15358 15359</div>
15359<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
15359 15360</body> 15361 15362</html> 15363<!-- Begin Shopify-Afterpay JavaScript Snippet (v1.0.1) -->
15364<script type="text/javascript"> 15365 // Liquid variables: 15366 var afterpay_product = null; 15367 var afterpay_product_variant = null; 15368 var afterpay_cart_total_price = 0; 15369</script>
15369 15370<!-- 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.