PageSourceSearch

https://soylent.com/

html soylent.com collected 2026-09-24 18:49:02 UTC 703,922 bytes, 15,370 lines download raw bytes

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 = '&#8592;'
1997            const rightArrow = document.createElement('button')
1998            rightArrow.innerHTML ='&#8594;'
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&amp;v=1716917909" alt="" srcset="//soylent.com/cdn/shop/files/new-york-times-logo.png?height=106&amp;v=1716917909 352w, //soylent.com/cdn/shop/files/new-york-times-logo.png?height=250&amp;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&amp;v=1716921128" alt="" srcset="//soylent.com/cdn/shop/files/time-logo.png?height=110&amp;v=1716921128 352w, //soylent.com/cdn/shop/files/time-logo.png?height=250&amp;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&amp;v=1716922711" alt="" srcset="//soylent.com/cdn/shop/files/forbes-logo.png?height=151&amp;v=1716922711 352w, //soylent.com/cdn/shop/files/forbes-logo.png?height=250&amp;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&amp;v=1716922822" alt="" srcset="//soylent.com/cdn/shop/files/cnn-logo.png?height=168&amp;v=1716922822 352w, //soylent.com/cdn/shop/files/cnn-logo.png?height=250&amp;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&amp;v=1716923145" alt="" srcset="//soylent.com/cdn/shop/files/sfgate-logo.png?height=127&amp;v=1716923145 352w, //soylent.com/cdn/shop/files/sfgate-logo.png?height=250&amp;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&amp;v=1716923259" alt="" srcset="//soylent.com/cdn/shop/files/smartless-logo.png?height=76&amp;v=1716923259 352w, //soylent.com/cdn/shop/files/smartless-logo.png?height=181&amp;v=1716923259 832w, //soylent.com/cdn/shop/files/smartless-logo.png?height=250&amp;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&amp;v=1716923639" alt="" srcset="//soylent.com/cdn/shop/files/vox-logo.png?height=234&amp;v=1716923639 352w, //soylent.com/cdn/shop/files/vox-logo.png?height=250&amp;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&amp;v=1716924011" alt="" srcset="//soylent.com/cdn/shop/files/fast-company-logo.png?height=50&amp;v=1716924011 352w, //soylent.com/cdn/shop/files/fast-company-logo.png?height=118&amp;v=1716924011 832w, //soylent.com/cdn/shop/files/fast-company-logo.png?height=170&amp;v=1716924011 1200w, //soylent.com/cdn/shop/files/fast-company-logo.png?height=250&amp;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&amp;v=1716924733" alt="" srcset="//soylent.com/cdn/shop/files/techcrunch-logo.png?height=128&amp;v=1716924733 352w, //soylent.com/cdn/shop/files/techcrunch-logo.png?height=250&amp;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 &copy; 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 &amp; 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={"&":"&amp;","<":"&lt;",">":"&gt;",'"':"&quot;","'":"&#x27;","`":"&#x60;","=":"&#x3D;"},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.