PageSourceSearch

https://soylent.com/

html soylent.com collected 2026-10-02 04:45:57 UTC 704,354 bytes, 15,385 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>
21  
22  
22<script type="text/javascript" async src="https://na.shgcdn3.com/pixel-collector.js"></script>
22
23<!-- ! Yoast SEO -->
24    <!-- Google tag (gtag.js) -->
vendor: 68 bytes, lines 24-25
24
25    <script async src="https://www.googletagmanager.com/gtag/js?id=
25G-BDLS35Q0N3
vendor: 16 bytes, lines 25-26
25"></script>
26    
26<script>
27      
vendor: 145 bytes, lines 27-30
27window.dataLayer = window.dataLayer || [];
28      function gtag(){dataLayer.push(arguments);}
29      gtag('js', new Date());
30      gtag('config', '
30G-BDLS35Q0N3
vendor: 8 bytes, lines 30-31
30');
31    
31</script>
31
32    
33    
33<script>
34      (function(d){
35        var s = d.createElement("script");
36        /* uncomment the following line to override default position*/
37        /* s.setAttribute("data-position", 3);*/
38        /* uncomment the following line to override default size (values: small, large)*/
39        /* s.setAttribute("data-size", "small");*/
40        /* uncomment the following line to override default language (e.g., fr, de, es, he, nl, etc.)*/
41        /* s.setAttribute("data-language", "language");*/
42        /* uncomment the following line to override color set via widget (e.g., #053f67)*/
43        /* s.setAttribute("data-color", "#053e67");*/
44        /* uncomment the following line to override type set via widget (1=person, 2=chair, 3=eye, 4=text)*/
45        /* s.setAttribute("data-type", "1");*/
46        /* s.setAttribute("data-statement_text:", "Our Accessibility Statement");*/
47        /* s.setAttribute("data-statement_url", "http://www.example.com/accessibility")";*/
48        /* uncomment the following line to override support on mobile devices*/
49        /* s.setAttribute("data-mobile", true);*/
50        /* uncomment the following line to set custom trigger action for accessibility menu*/
51        /* s.setAttribute("data-trigger", "triggerId")*/
52        s.setAttribute("data-account", "hYC8d6kXDC");
53        s.setAttribute("src", "https://cdn.userway.org/widget.js");
54        (d.body || d.head).appendChild(s);
55      })(document)
56    </script>
56
57    <noscript>Please ensure Javascript is enabled for purposes of <a href="https://userway.org">website accessibility</a></noscript>
58  
59    
59<script src="https://rapid-cdn.yottaa.com/rapid/lib/kp0RX0aQWh1tZA.js"></script>
59
60
61    <meta charset="utf-8">
62    <meta http-equiv="X-UA-Compatible" content="IE=edge">
63    <meta name="viewport" content="width=device-width,initial-scale=1"><meta name="facebook-domain-verification" content="7cap94nl31qagxvfg0lkonceat4ern"><link rel="preconnect" href="https://cdn.shopify.com" crossorigin>
64<link rel="preconnect" href="https://monorail-edge.shopifysvc.com">
65
66<link rel="preconnect" href="https://fonts.googleapis.com">
67<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
68<link href="https://fonts.googleapis.com/css2?family=Lato:ital,wght@0,100;0,300;0,400;0,700;0,900;1,100;1,300;1,400;1,700;1,900&display=swap" rel="stylesheet">
69
70<link rel="preload" href="//soylent.com/cdn/shop/t/714/assets/theme.css?v=131213818941927855271786551490" as="style">
71
72<link rel="preload" href="//soylent.com/cdn/shop/t/714/assets/vendor-head.js?v=90722642034164553641687817175" as="script">
73<link rel="preload" href="//soylent.com/cdn/shop/t/714/assets/vendor.js?v=98259850420039445481687817172" as="script">
74<link rel="preload" href="//soylent.com/cdn/shop/t/714/assets/theme.js?v=132834971653664138521714764790" as="script"><link rel="preload" href="//soylent.com/cdn/shop/t/714/assets/index.css?v=179359555931846656811786551481" as="style">
75    
75<script rel="preload" src="//soylent.com/cdn/shop/t/714/assets/vendors@collection@index@[email protected]?v=5329428953114170831687817161" as="script"></script>
75
76    
76<script rel="preload" src="//soylent.com/cdn/shop/t/714/assets/vendors@index@[email protected]?v=75211479120591076291687817161" as="script"></script>
76
77    
77<script rel="preload" src="//soylent.com/cdn/shop/t/714/assets/index.js?v=71152470059657994451780551286" as="script"></script>
77<link rel="preload" as="image" imagesrcset="//soylent.com/cdn/shop/files/soylent-chocolate-shake-work_M_640x.jpg?v=1738713823" imagesizes="100vw" media="(max-width: 767px)"><link rel="preload" as="image" imagesrcset="//soylent.com/cdn/shop/files/soylent-chocolate-shake-work_T_2024x.jpg?v=1738713797" imagesizes="100vw" media="(min-width: 768px) and (max-width: 999px)"><link rel="preload" as="image" imagesrcset="//soylent.com/cdn/shop/files/soylent-chocolate-meal-shake-work_D_2160x.jpg?v=1738713778" imagesizes="100vw" media="(min-width: 1000px)">
78      <link rel="apple-touch-icon" sizes="180x180" href="//soylent.com/cdn/shop/files/apple-icon-114x114_180x180.png?v=1613538174">
79      <link rel="icon" type="image/png" sizes="32x32" href="//soylent.com/cdn/shop/files/apple-icon-114x114_32x32.png?v=1613538174">
80      <link rel="icon" type="image/png" sizes="16x16" href="//soylent.com/cdn/shop/files/apple-icon-114x114_16x16.png?v=1613538174">
81    
82    
83    <!-- Google Tag Manager -->
84    
84<script>
vendor: 358 bytes, lines 84-89
84
85      (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
86      new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
87      j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
88      'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
89      })(window,document,'script','dataLayer','
89GTM-K2KDZMV
vendor: 8 bytes, lines 89-90
89');
90    
90</script>
90<!-- OneTrust Cookies Consent Notice start for soylent.com -->
91<script type="text/javascript" src="https://cdn.cookielaw.org/consent/cdee8e49-668b-4a13-91bb-fc14b88da24d/OtAutoBlock.js"></script>
vendor: 1 bytes, line 91
91
92<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" data-document-language="true" type="text/javascript" charset="UTF-8" data-domain-script="cdee8e49-668b-4a13-91bb-fc14b88da24d"></script>
vendor: 1 bytes, line 92
92
93<script type="text/javascript">
94function OptanonWrapper() { }
95</script>
95
96<!-- OneTrust Cookies Consent Notice end for soylent.com -->
97
98<style>
99#loyaltylion .lion-tier-box--0 .lion-tier-box__purchase-rule {display: none}
100
101#loyaltylion .lion-tier-box__purchase-rule {display: none}
102</style><!-- Google tag (gtag.js) - Google Ads. Placed directly after OneTrust (head_code_top)
103         so OneTrust auto-block still governs it, but high enough to clear the Google Ads
104         "tag installed too low" diagnostic. Do not move above head_code_top/OtAutoBlock. -->
vendor: 68 bytes, lines 104-105
104
105    <script async src="https://www.googletagmanager.com/gtag/js?id=
105AW-951406793
vendor: 16 bytes, lines 105-106
105"></script>
106    
106<script>
107      
vendor: 145 bytes, lines 107-110
107window.dataLayer = window.dataLayer || [];
108      function gtag(){dataLayer.push(arguments);}
109      gtag('js', new Date());
110      gtag('config', '
110AW-951406793
vendor: 8 bytes, lines 110-111
110');
111    
111</script>
111
112
113    
114
115
116
117    
118<script>window.FeatureFlags={_internal:{time:1790916356},pdp_retain_callout_apr_25:true,freq_selector_test_feb_25:false,prepaid_test_feb_25:true,flavor_selector_test_jan_25:true,collection_shop_now_cta:false,hp_hero_test_sep_24:false,pencil_banner_reviews:false,cta_caps_test_may_24:false,hp_hero_test_may_24:false,test:false,}</script>
118
119
120    
120<script id="growthbook-sdk" src="https://cdn.jsdelivr.net/npm/@growthbook/growthbook/dist/bundles/index.js"></script>
120
121    
121<script>
122    async function getABTestState(ab_test_key, variations = [0,1], timeout = 10000){
123      const params = Object.fromEntries(new URLSearchParams(window.location.search));
124      if(params.hasOwnProperty('exp:'+ab_test_key)){
125        try {
126                document.documentElement.classList.add('exp-'+ab_test_key+'-'+params['exp:'+ab_test_key]);
127          return parseInt(params['exp:'+ab_test_key]);
128        } catch(e){
129          console.warn(e);
130        }
131      }
132      if(!window.FeatureFlags[ab_test_key]){
133            document.documentElement.classList.add('exp-'+ab_test_key+'--1');
134        return -1;
135      }
136      if(!window.gb){
137        await new Promise(resolve => {
138          console.log("Waiting for GB SDK!", window.gb);
139          window.addEventListener('growthbook:initialized', e => {
140            resolve(e);
141          });
142          setTimeout(() => {
143            console.log("Timing out GB SDK!");
144            resolve();
145          }, timeout);
146        });
147        console.log("Done waiting for GB SDK!", window.gb);
148      }
149      if(!window.gb){
150            document.documentElement.classList.add('exp-'+ab_test_key+'-0');
151        return 0;
152      }
153      const exp = gb.run({
154        key: ab_test_key,
155        variations: variations,
156        hashVersion: 2,
157      });
158        console.log(ab_test_key, exp);
159        document.documentElement.classList.add('exp-'+ab_test_key+'-'+exp.value);
160      return exp.value;
161    }
162    </script>
162
163    
163<script>
164      window.dataLayer = window.dataLayer || [];
165      window.gtag = window.gtag || function() { window.dataLayer.push(arguments); };
166      async function gbLoaded(){
167        return new Promise(resolve => {
168          document.addEventListener("growthbook.ready", e => resolve());
169        })
170      }
171      gtag('get', 'G-BDLS35Q0N3', 'client_id', function(cid) {
172        gtag('set', 'user_properties', {
173          client_id: `${cid}`,
174        });
175        // Wait for the SDK to load before starting GrowthBook
176        if (window.growthbook) {
177          startGrowthbook();
178        } else {
179          document.querySelector("#growthbook-sdk").addEventListener("load", startGrowthbook);
180        }
181
182        async function startGrowthbook() {
183          if (!window.growthbook) return;
184          window.gb = new growthbook.GrowthBook({
185            apiHost: "https://cdn.growthbook.io",
186            clientKey: "sdk-P7FDTrOCcR55w6jP",
187            enableDevMode: true,
188            attributes: {
189              id: `${cid}`,
190              clientId: `${cid}`
191            },
192            trackingCallback: function(experiment, result) {
193              // this will only fire if you actually test a feature, e.g. gb.isOn("test_feature")
194              console.log("firing experiment viewed", experiment, result);
195              gtag("event", "experiment_viewed", {
196                event_category: "experiment",
197                experiment_id: experiment.key,
198                variation_id: result.variationId,
199                client_id: `${cid}`,
200                timestamp: new Date().getTime(),
201              });
202            }
203          });
204          
205          const eventTest = new Event('growthbook:initialized');
206          window.dispatchEvent(eventTest);
207
208          const cta_caps_test_may_24 = await getABTestState('cta_caps_test_may_24');
209
210          // TODO: Instrument DOM with AB test logic
211          await gb.loadFeatures({ autoRefresh: true });
212          document.dispatchEvent(new CustomEvent("growthbook.ready"));
213          // gb.isOn("test_feature");
214        }
215      });
216    </script>
216
217
218    
219    <link rel='preconnect dns-prefetch' href='https://triplewhale-pixel.web.app/' crossorigin />
220    <link rel='preconnect dns-prefetch' href='https://api.config-security.com/' crossorigin />
221    
221<script>
222    /* >> TriplePixel :: start*/
223    ~function(W,H,A,L,E,_,B,N){function O(U,T,H,R){void 0===R&&(R=!1),H=new XMLHttpRequest,H.open("GET",U,!0),H.send(null),H.onreadystatechange=function(){4===H.readyState&&200===H.status?(R=H.responseText,U.includes(".txt")?eval(R):N[B]=R):(299<H.status||H.status<200)&&T&&!R&&(R=!0,O(U,T-1))}}if(N=window,!N[H+"sn"]){N[H+"sn"]=1;try{A.setItem(H,1+(0|A.getItem(H)||0)),(E=JSON.parse(A.getItem(H+"U")||"[]")).push(location.href),A.setItem(H+"U",JSON.stringify(E))}catch(e){}A.getItem('"!nC`')||(A=N,A[H]||(L=function(){return Date.now().toString(36)+"_"+Math.random().toString(36)},E=A[H]=function(t,e){return W=L(),(E._q=E._q||[]).push([W,t,e]),W},E.ch=W,B="configSecurityConfModel",N[B]=1,O("//conf.config-security.com/model",0),O("//triplewhale-pixel.web.app/triplefw.txt?",5)))}}("K","TriplePixel",localStorage);
224    /* << TriplePixel :: end*/
225    </script>
225
226    
227
228    
229    
229<script>(function(w,d,t,r,u){var f,n,i;w[u]=w[u]||[],f=function(){var o={ti:"355013935"};o.q=w[u],w[u]=new UET(o),w[u].push("pageLoad")},n=d.createElement(t),n.src=r,n.async=1,n.onload=n.onreadystatechange=function(){var s=this.readyState;s&&s!=="loaded"&&s!=="complete"||(f(),n.onload=n.onreadystatechange=null)},i=d.getElementsByTagName(t)[0],i.parentNode.insertBefore(n,i)})(window,document,"script","//bat.bing.com/bat.js","uetq");</script>
229
230    
231    
232    
233
234
235
236
237  
238  
239
240  
241  
242
243  
244  
245
246
247    
248
249<script>
250!function(w,d){if(!w.rdt){var p=w.rdt=function(){p.sendEvent?p.sendEvent.apply(p,arguments):p.callQueue.push(arguments)};p.callQueue=[];var t=d.createElement("script");t.src="https://www.redditstatic.com/ads/pixel.js",t.async=!0;var s=d.getElementsByTagName("script")[0];s.parentNode.insertBefore(t,s)}}(window,document);
251rdt('init','t2_1vwa1fdu', {
252    "optOut":false,
253    "useDecimalCurrencyValues":true,
254    
255});
256rdt('track', 'PageVisit');
257
258window.addEventListener('add-to-cart', (e) => {
259    rdt('track', 'AddToCart', {
260        "currency": "USD",
261        "itemCount": e.detail.quantity,
262        "value": e.detail.final_line_price,
263        "products": [
264            {
265                "id": e.detail.product_id,
266                "name": e.detail.title,
267                "category": e.detail.product_type,
268            },
269        ]
270    });
271});
272
273if(!!window.Shopify && !!window.Shopify.Checkout && !!window.Shopify.Checkout.page && !!window.Shopify.Checkout.page == 'thank_you'){
274    rdt('track', 'Purchase', {
275        "currency": "USD",
276        "itemCount": 1,
277        "transactionId": "",
278        "value": parseFloat('0.00'),
279        "products": [
280        
281        // additional products can be added here
282        ]
283    });
284}
285</script>
285
286<!-- DO NOT MODIFY UNLESS TO REPLACE A USER IDENTIFIER -->
287<!-- End Reddit Pixel -->
288
289<!-- Clarity -->
290<script type="text/javascript">
291    (function(c,l,a,r,i,t,y){
292        c[a]=c[a]||function(){(c[a].q=c[a].q||[]).push(arguments)};
293        t=l.createElement(r);t.async=1;t.src="https://www.clarity.ms/tag/"+i;
294        y=l.getElementsByTagName(r)[0];y.parentNode.insertBefore(t,y);
295    })(window, document, "clarity", "script", "l1rphv3jya");
296</script>
296
297<!-- Clarity <> Onetrust Consent Connector -->
298<script type="text/javascript">
299(function() {
300  const ANALYTICS_CATEGORY = 'C0002';
301  const TARGETING = 'C0004';
302
303  function sendClarityConsent() {
304    if (typeof window.clarity !== 'function') return;
305
306    // Check if OneTrust has defined the active consent groups
307    const activeGroups = (window.OnetrustActiveGroups || '').split(',');
308
309    const analyticsGranted = activeGroups.includes(ANALYTICS_CATEGORY);
310    const adsGranted = activeGroups.includes(TARGETING);
311
312    // Inform Microsoft Clarity about the consent state
313    window.clarity('consentv2', {
314      ad_storage: adsGranted ? 'granted' : 'denied',
315      analytics_storage: analyticsGranted ? 'granted' : 'denied'
316    });
317
318    // If analytics is denied, explicitly disable Clarity
319    if (!analyticsGranted) {
320      window.clarity('consent', false);
321    }
322  }
323
324  // Run once on page load (initial state)
325  window.addEventListener('load', sendClarityConsent);
326
327  // Run whenever OneTrust consent changes
328  window.addEventListener('OneTrustGroupsUpdated', sendClarityConsent);
329})();
330</script>
330
331
332    
332<script>
333  (function(){
334    dataLayer.push({
335      'event': 'identify',
336      'userId': null,
337      'email': ''
338    });
339  })();
340</script>
340
341
342<style>*,:after,:before{box-sizing:border-box}html{font-family:sans-serif;line-height:1.15;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%;-ms-overflow-style:scrollbar;-webkit-tap-highlight-color:rgba(0,0,0,0)}body{margin:0;font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-size:1rem;font-weight:400;line-height:1.5625;color:#505050;text-align:left;background-color:#fff;letter-spacing:0;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{margin-top:0;margin-bottom:1.5rem}p{margin-bottom:.8rem}dl,ol,p,ul{margin-top:0}dl,ol,ul{margin-bottom:1rem}a{color:#212322;text-decoration:none;background-color:transparent;-webkit-text-decoration-skip:objects;transition:color .3s ease-in}img{vertical-align:middle;border-style:none;max-width:100%;height:auto}[role=button],a,area,button,input:not([type=range]),label,select,summary,textarea{touch-action:manipulation}label{margin-bottom:.5rem}button{border-radius:0}button,input,optgroup,select,textarea{margin:0;font-family:inherit;font-size:inherit;line-height:inherit}button,input{overflow:visible}button,select{text-transform:none}[type=reset],[type=submit],button,html [type=button]{-webkit-appearance:button}#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-headline h1 abbr,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-answer-by-container:before,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-answer-details .pr-answer-by-expert span,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-item .pr-qa-display-item-icon,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-item .pr-qa-display-item-text,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-search [for=pr-query],#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-sort .pr-qa-sort-headline,#product-power-reviews .p-w-r .pr-review-snapshot .pr-faceoff-img-txt,#product-power-reviews .p-w-r .pr-review-snapshot .pr-review-snapshot-recomend .pr-snippet-reco-to-friend-green .pr-reco-value,#product-power-reviews .p-w-r .pr-review-snapshot .pr-review-snapshot-snippets-headline,.ajax-cart__item-price,.content-card--large-text .content-card__title,.counter__title,.floating-content__slideshow-wrapper .floating-content-card .floating-content--title,.h1,.h2,.h3,.h4,.h5,.h6,.hero--block-count-2 .hero__block .hero__title.hero__title-block-index--1,.hero--block-count-2 .hero__block .hero__title.hero__title-block-index--2,.hero__block .hero__title.hero__title-block-index--1,.hero__block .hero__title.hero__title-block-index--2,.hero__block .hero__title.hero__title-block-index--3,.page-header__title,.page-hero__title,.page-hero__toptitle,.pdf__price-wrapper,.pdf__title,.subscription-modal .subscription-modal__title,h1,h2,h3,h4,h5,h6{margin-bottom:1.5rem;font-family:inherit;font-weight:700;color:#212322;text-transform:none}#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-headline h1 abbr .small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-headline h1 abbr small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-answer-by-container:before .small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-answer-by-container:before small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-answer-details .pr-answer-by-expert span .small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-answer-details .pr-answer-by-expert span small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-item .pr-qa-display-item-icon .small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-item .pr-qa-display-item-icon small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-item .pr-qa-display-item-text .small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-question .pr-qa-display-item .pr-qa-display-item-text small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-search [for=pr-query] .small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-search [for=pr-query] small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-sort .pr-qa-sort-headline .small,#product-power-reviews .p-w-r .pr-qa-display .pr-qa-display-sort .pr-qa-sort-headline small,#product-power-reviews .p-w-r .pr-review-snapshot .pr-faceoff-img-txt .small,#product-power-reviews .p-w-r .pr-review-snapshot .pr-faceoff-img-txt small,#product-power-reviews .p-w-r .pr-review-snapshot .pr-review-snapshot-recomend .pr-snippet-reco-to-friend-green .pr-reco-value .small,#product-power-reviews .p-w-r .pr-review-snapshot .pr-review-snapshot-recomend .pr-snippet-reco-to-friend-green .pr-reco-value small,#product-power-reviews .p-w-r .pr-review-snapshot .pr-review-snapshot-snippets-headline .small,#product-power-reviews .p-w-r .pr-review-snapshot .pr-review-snapshot-snippets-headline small,.ajax-cart__item-price .small,.ajax-cart__item-price small,.content-card--large-text .content-card__title .small,.content-card--large-text .content-card__title small,.counter__title .small,.counter__title small,.floating-content__slideshow-wrapper .floating-content-card .floating-content--title .small,.floating-content__slideshow-wrapper .floating-content-card .floating-content--title small,.h1 .small,.h1 small,.h2 .small,.h2 small,.h3 .small,.h3 small,.h4 .small,.h4 small,.h5 .small,.h5 small,.h6 .small,.h6 small,.hero--block-count-2 .hero__block .hero__title.hero__title-block-index--1 .small,.hero--block-count-2 .hero__block .hero__title.hero__title-block-index--1 small,.hero--block-count-2 .hero__block .hero__title.hero__title-block-index--2 small,.hero__block .hero__title.hero__title-block-index--1 .small,.hero__block .hero__title.hero__title-block-index--1 small,.hero__block .hero__title.hero__title-block-index--2 .small,.hero__block .hero__title.hero__title-block-index--2 small,.hero__block .hero__title.hero__title-block-index--3 .small,.hero__block .hero__title.hero__title-block-index--3 small,.page-header__title .small,.page-header__title small,.page-hero__title .small,.page-hero__title small,.page-hero__toptitle .small,.page-hero__toptitle small,.pdf__price-wrapper .small,.pdf__price-wrapper small,.pdf__title .small,.pdf__title small,.subscription-modal .subscription-modal__title .small,.subscription-modal .subscription-modal__title small,h1 .small,h1 small,h2 .small,h2 small,h3 .small,h3 small,h4 .small,h4 small,h5 .small,h5 small,h6 .small,h6 small{font-weight:400;line-height:1;color:#9f9f9f}.h1,.hero__block .hero__title.hero__title-block-index--1,.page-hero__title,h1{font-size:4.375rem;letter-spacing:0;line-height:.929}@media (max-width:991px){.h1,.hero__block .hero__title.hero__title-block-index--1,.page-hero__title,h1{font-size:3.125rem;line-height:1.09}}.banner__text.banner__text--large,.content-header__subtitle,.p1,.page-hero__subtitle,.subscription-modal .subscription-modal__eyebrow{font-size:1.5rem;letter-spacing:0;line-height:1.5;font-weight:400}.account-block__heading,.expandable-list__header-title,.form-group-lg .chosen-container-single .chosen-results,.form-group-lg .chosen-container-single .chosen-single span,.header-nav__menu-item>a,.mobile-nav__menu-item>a,.nav-text,.page-header__toptitle,.page-sidebar__menu,.pika-label,.slideup__title{font-size:1rem;font-weight:500;letter-spacing:.03em;line-height:1.188;text-transform:uppercase}.header-cart__badge-count,.header-nav__menu--user .header-nav__menu-item>a,.nav-small-text{font-size:.875rem;font-weight:500;letter-spacing:.04em;line-height:1.143;text-transform:uppercase}button{border:none;background:transparent}.visually-hidden{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.article-main,.container{margin-right:auto;margin-left:auto;padding-left:20px;padding-right:20px;*zoom:1;max-width:1640px}.article-main:after,.container:after{content:"";display:table;clear:both}@media (min-width:768px){.article-main,.container{width:760px}}@media (min-width:992px){.article-main,.container{width:980px}}@media (min-width:1200px){.article-main,.container{width:1180px}.template-product .article-main,.template-product .container{width:1280px}.template-index .article-main,.template-index .container,.template-page-id-me-landing .article-main,.template-page-id-me-landing .container{max-width:1280px}}@media (min-width:1200px) and (min-width:1480px){.template-index .article-main,.template-index .container,.template-page-id-me-landing .article-main,.template-page-id-me-landing .container{padding:0}}@media (min-width:1480px){.article-main,.container{width:1440px}}.article-main .article-main,.article-main .container,.container .article-main,.container .container{width:100%}.container-fluid,.header-container,.slideup__container{margin-right:auto;margin-left:auto;padding-left:20px;padding-right:20px;*zoom:1;max-width:1640px}.container-fluid:after,.header-container:after,.slideup__container:after{content:"";display:table;clear:both}.layout-wrapper{display:-moz-flex;display:flex;-moz-flex-direction:column;flex-direction:column;min-height:100vh}main#MainContent{-moz-flex:1;flex:1}@media (min-width:768px){main#MainContent{margin-top:73px}}@media (min-width:1200px){main#MainContent{margin-top:0}}.layout-wrapper{overflow:hidden}.site-fixed-header .layout-wrapper{position:relative;padding-top:60px}@media (min-width:768px){.site-fixed-header .layout-wrapper{padding-top:90px}}@media (min-width:992px){.site-fixed-header .layout-wrapper{padding-top:100px}}.layout-wrapper .shopify-section:not(:first-child),.layout-wrapper .shopify-section[data-section-id*=footer]{dis
342play:none}body:not(.template-index):not(.template-collection-category) main#MainContent{opacity:0}div.lazyload{background-image:unset!important}img.lazyload:not([src]){visibility:hidden}.icon{display:inline-block;width:20px;height:20px;vertical-align:middle;fill:currentColor}.icon-fallback-text{position:absolute!important;overflow:hidden;clip:rect(0 0 0 0);height:1px;width:1px;margin:-1px;padding:0;border:0}.icon-menu{position:relative;height:18px;width:22px}.icon-menu .icon__inner{margin-top:-1px}.icon-menu .icon__inner,.icon-menu .icon__inner:after,.icon-menu .icon__inner:before{content:"";position:absolute;left:0;right:0;height:2px;background-color:#212322;transition:all .3s cubic-bezier(.42,0,.13,1.04)}.icon-menu .icon__inner{top:50%}.icon-menu .icon__inner:before{top:-8px}.icon-menu .icon__inner:after{top:8px}label{display:inline-block;max-width:100%;margin-bottom:5px;font-size:.875rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em}input:not([type=checkbox]):not([type=radio]),select:not([multiple]),textarea{-webkit-appearance:none;-moz-appearance:none}.overlay{display:none}.hero{position:relative;display:-moz-flex;display:flex;-moz-flex-direction:column;flex-direction:column}@media (min-width:768px){.hero{min-height:500px;-moz-flex-direction:row;flex-direction:row}}@media (min-width:1200px){.hero{min-height:540px}}.hero.hero--block-count-3{flex-wrap:wrap;-moz-flex-direction:row;flex-direction:row}.hero__block{width:100%;position:relative;display:-moz-flex;display:flex;-moz-align-items:center;-ms-align-items:center;align-items:center;-moz-flex:1;flex:1;padding-top:50px;padding-bottom:75px}@media (min-width:768px){.hero__block{padding-top:40px;padding-bottom:40px}}.hero__block .cta--block{margin-top:60px}.hero--block-count-2 .hero__block .hero__title.hero__title-block-index--1,.hero--block-count-2 .hero__block .hero__title.hero__title-block-index--2,.hero__block .hero__title.hero__title-block-index--1,.hero__block .hero__title.hero__title-block-index--2,.hero__block .hero__title.hero__title-block-index--3{color:inherit}.hero--block-count-2 .hero__block .cta--block{margin-top:70px}@media (min-width:768px){.hero--block-count-2 .hero__block{width:50%}.hero--block-count-3 .hero__block{width:50%;-moz-flex:0 0 50%;flex:0 0 50%}.hero--block-count-3 .hero__block:first-child{-moz-flex:0 0 100%;flex:0 0 100%}}@media (min-width:1200px){.hero--block-count-3 .hero__block{width:50%}}.hero__block--text-light,.hero__block--text-light .hero__text,.hero__block--text-light .hero__title,.hero__block--text-light .hero__top-title{color:#fff}.hero__bg-container,.hero__bg-image{position:absolute;left:0;bottom:0;top:0;right:0;z-index:-1}.hero__bg-image{background-size:cover;background-position:50%}.hero__overlay-container{position:absolute;top:0;left:0;right:0;bottom:0;z-index:-1}.hero__content{display:block;margin-left:auto;margin-right:auto;text-align:left}.hero__content.hero__content--left{margin-left:0}.hero__content.hero__content--right{margin-right:0}.hero__content.hero__text-align--left{text-align:left}#MainContent .p-w-r .hero__content.hero__text-align--left .pr-accessible-btn,#MainContent .p-w-r .hero__content.hero__text-align--left .pr-btn-ask-question,#MainContent .p-w-r .hero__content.hero__text-align--left .pr-flag-review-btn-cancel,#MainContent .p-w-r .hero__content.hero__text-align--left .pr-flag-review-btn-submit,#product-power-reviews .p-w-r .pr-qa-display-ask-question .hero__content.hero__text-align--left .pr-btn-ask-question,.hero__content.hero__text-align--left #MainContent .p-w-r .pr-accessible-btn,.hero__content.hero__text-align--left #MainContent .p-w-r .pr-btn-ask-question,.hero__content.hero__text-align--left #MainContent .p-w-r .pr-flag-review-btn-cancel,.hero__content.hero__text-align--left #MainContent .p-w-r .pr-flag-review-btn-submit,.hero__content.hero__text-align--left #product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question,.hero__content.hero__text-align--left .cta{margin-right:auto}.hero__content.hero__text-align--center{text-align:center}#MainContent .p-w-r .hero__content.hero__text-align--center .pr-accessible-btn,#MainContent .p-w-r .hero__content.hero__text-align--center .pr-btn-ask-question,#MainContent .p-w-r .hero__content.hero__text-align--center .pr-flag-review-btn-cancel,#MainContent .p-w-r .hero__content.hero__text-align--center .pr-flag-review-btn-submit,#product-power-reviews .p-w-r .pr-qa-display-ask-question .hero__content.hero__text-align--center .pr-btn-ask-question,.hero__content.hero__text-align--center #MainContent .p-w-r .pr-accessible-btn,.hero__content.hero__text-align--center #MainContent .p-w-r .pr-btn-ask-question,.hero__content.hero__text-align--center #MainContent .p-w-r .pr-flag-review-btn-cancel,.hero__content.hero__text-align--center #MainContent .p-w-r .pr-flag-review-btn-submit,.hero__content.hero__text-align--center #product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question,.hero__content.hero__text-align--center .cta{margin-left:auto;margin-right:auto}.hero__content.hero__text-align--right{text-align:right}#MainContent .p-w-r .hero__content.hero__text-align--right .pr-accessible-btn,#MainContent .p-w-r .hero__content.hero__text-align--right .pr-btn-ask-question,#MainContent .p-w-r .hero__content.hero__text-align--right .pr-flag-review-btn-cancel,#MainContent .p-w-r .hero__content.hero__text-align--right .pr-flag-review-btn-submit,#product-power-reviews .p-w-r .pr-qa-display-ask-question .hero__content.hero__text-align--right .pr-btn-ask-question,.hero__content.hero__text-align--right #MainContent .p-w-r .pr-accessible-btn,.hero__content.hero__text-align--right #MainContent .p-w-r .pr-btn-ask-question,.hero__content.hero__text-align--right #MainContent .p-w-r .pr-flag-review-btn-cancel,.hero__content.hero__text-align--right #MainContent .p-w-r .pr-flag-review-btn-submit,.hero__content.hero__text-align--right #product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question,.hero__content.hero__text-align--right .cta{margin-left:auto}#product-power-reviews .p-w-r .pr-review-display .pr-rd-main-footer .hero__content .pr-rd-pagination-btn,.hero__content #product-power-reviews .p-w-r .pr-review-display .pr-rd-main-footer .pr-rd-pagination-btn,.hero__content .cta-3{color:#212322}#product-power-reviews .p-w-r .pr-review-display .pr-rd-main-footer .hero__content .pr-rd-pagination-btn:before,.hero__content #product-power-reviews .p-w-r .pr-review-display .pr-rd-main-footer .pr-rd-pagination-btn:before,.hero__content .cta-3:before{background-color:#212322}#product-power-reviews .p-w-r .pr-review-display .pr-rd-main-footer .hero__block--text-light .hero__content .pr-rd-pagination-btn,.hero__block--text-light .hero__content #product-power-reviews .p-w-r .pr-review-display .pr-rd-main-footer .pr-rd-pagination-btn,.hero__block--text-light .hero__content .cta-3{color:#fff}#product-power-reviews .p-w-r .pr-review-display .pr-rd-main-footer .hero__block--text-light .hero__content .pr-rd-pagination-btn:before,.hero__block--text-light .hero__content #product-power-reviews .p-w-r .pr-review-display .pr-rd-main-footer .pr-rd-pagination-btn:before,.hero__block--text-light .hero__content .cta-3:before{background-color:#fff}.hero__content .hero__text:last-child,.hero__content .hero__title:last-child{margin-bottom:0}.hero__top-title{margin-bottom:1rem}@media (min-width:992px){.hero__block:first-child .hero--block-count-3 .hero__title{font-size:3.75rem}}.hero--block-count-3 .hero__title{margin-bottom:36px;font-size:3.125rem}.hero__text{margin-bottom:45px;font-weight:400}.home-hero__inner{position:relative}@media (min-width:768px){.home-hero__inner{display:flex;flex-direction:column;justify-content:center;min-height:430px}}@media (min-width:992px){.home-hero__inner{min-height:572px}}@media (min-width:1200px){.home-hero__inner{min-height:650px}}.home-hero__container{padding:0}@media (min-width:768px){.home-hero__container{padding:0 40px}}.home-hero__featured{position:relative;min-height:255px}@media (min-width:768px){.home-hero__featured{position:absolute;width:100%;height:100%}}.home-hero__image{position:absolute;
342left:0;top:0;right:0;bottom:0}.home-hero__image,.home-hero__image img{width:100%;height:100%}.home-hero__content{width:100%;padding:38px 22px;border:4px solid #212322}@media (min-width:768px){.home-hero__content{position:relative;max-width:333px}}@media (min-width:992px){.home-hero__content{max-width:440px;padding:32px}}@media (min-width:1200px){.home-hero__content{max-width:510px;padding:73px 50px}}#MainContent .p-w-r .pr-accessible-btn,#MainContent .p-w-r .pr-btn-ask-question,#MainContent .p-w-r .pr-flag-review-btn-cancel,#MainContent .p-w-r .pr-flag-review-btn-submit,#product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question,.cta{position:relative;display:inline-block;text-transform:uppercase;cursor:pointer;font-weight:700}#MainContent .p-w-r button.pr-accessible-btn,#MainContent .p-w-r button.pr-btn-ask-question,#MainContent .p-w-r button.pr-flag-review-btn-cancel,#MainContent .p-w-r button.pr-flag-review-btn-submit,#product-power-reviews .p-w-r .pr-qa-display-ask-question button.pr-btn-ask-question,button.cta{border:0}#MainContent .p-w-r .pr-accessible-btn,#MainContent .p-w-r .pr-btn-ask-question,#MainContent .p-w-r .pr-flag-review-btn-cancel,#MainContent .p-w-r .pr-flag-review-btn-submit,#product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question,.cta-1,.cta-2,.cta-4,.cta-5,.cta-6,.step__footer__continue-btn{text-align:center;font-size:1rem;letter-spacing:.12em;line-height:1;padding:19.5px 102px;max-width:100%}@media (min-width:576px){#MainContent .p-w-r .pr-accessible-btn,#MainContent .p-w-r .pr-btn-ask-question,#MainContent .p-w-r .pr-flag-review-btn-cancel,#MainContent .p-w-r .pr-flag-review-btn-submit,#product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question,.cta-1,.cta-2,.cta-4,.cta-5,.cta-6,.step__footer__continue-btn{min-width:300px}}#MainContent .p-w-r .pr-accessible-btn:before,#MainContent .p-w-r .pr-btn-ask-question:before,#MainContent .p-w-r .pr-flag-review-btn-cancel:before,#MainContent .p-w-r .pr-flag-review-btn-submit:before,#product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question:before,.cta-1:before,.cta-2:before,.cta-4:before,.cta-5:before,.cta-6:before,.step__footer__continue-btn:before{position:absolute;content:"";top:0;left:0;right:0;bottom:0;border:2px solid #fff;transition:all .15s ease-in}#MainContent .p-w-r .cta--large.pr-accessible-btn,#MainContent .p-w-r .cta--large.pr-btn-ask-question,#MainContent .p-w-r .cta--large.pr-flag-review-btn-cancel,#MainContent .p-w-r .cta--large.pr-flag-review-btn-submit,#product-power-reviews .p-w-r .pr-qa-display-ask-question .cta--large.pr-btn-ask-question,.cta--large.cta-1,.cta--large.cta-2,.cta--large.cta-4,.cta--large.cta-5,.cta--large.cta-6,.cta--large.step__footer__continue-btn{padding-top:30px;padding-bottom:30px}#MainContent .p-w-r .pr-accessible-btn,#MainContent .p-w-r .pr-btn-ask-question,#MainContent .p-w-r .pr-flag-review-btn-submit,#product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question,.cta-1{padding-left:21px;padding-right:76px;text-align:left;background-color:#fff;color:#212322}#MainContent .p-w-r .pr-accessible-btn:before,#MainContent .p-w-r .pr-btn-ask-question:before,#MainContent .p-w-r .pr-flag-review-btn-submit:before,#product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question:before,.cta-1:before{border-color:#212322}#MainContent .p-w-r .pr-accessible-btn .cta-ui,#MainContent .p-w-r .pr-btn-ask-question .cta-ui,#MainContent .p-w-r .pr-flag-review-btn-submit .cta-ui,#product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question .cta-ui,.cta-1 .cta-ui{width:34px;position:absolute;top:50%;right:18px;transition:all .3s ease-out}#MainContent .p-w-r .pr-accessible-btn .cta-ui:after,#MainContent .p-w-r .pr-accessible-btn .cta-ui:before,#MainContent .p-w-r .pr-btn-ask-question .cta-ui:after,#MainContent .p-w-r .pr-btn-ask-question .cta-ui:before,#MainContent .p-w-r .pr-flag-review-btn-submit .cta-ui:after,#MainContent .p-w-r .pr-flag-review-btn-submit .cta-ui:before,#product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question .cta-ui:after,#product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question .cta-ui:before,.cta-1 .cta-ui:after,.cta-1 .cta-ui:before{content:"";position:absolute}#MainContent .p-w-r .pr-accessible-btn .cta-ui:before,#MainContent .p-w-r .pr-btn-ask-question .cta-ui:before,#MainContent .p-w-r .pr-flag-review-btn-submit .cta-ui:before,#product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question .cta-ui:before,.cta-1 .cta-ui:before{height:2px;width:100%;top:0;right:0;background-color:#212322}#MainContent .p-w-r .pr-accessible-btn .cta-ui:after,#MainContent .p-w-r .pr-btn-ask-question .cta-ui:after,#MainContent .p-w-r .pr-flag-review-btn-submit .cta-ui:after,#product-power-reviews .p-w-r .pr-qa-display-ask-question .pr-btn-ask-question .cta-ui:after,.cta-1 .cta-ui:after{height:12px;width:12px;border:2px solid #212322;border-width:2px 2px 0 0;top:-5px;right:0;transform:rotate(45deg)}#MainContent .p-w-r .cta--large.pr-accessible-btn,#MainContent .p-w-r .cta--large.pr-btn-ask-question,#MainContent .p-w-r .cta--large.pr-flag-review-btn-submit,#product-power-reviews .p-w-r .pr-qa-display-ask-question .cta--large.pr-btn-ask-question,.cta-1.cta--large{padding-top:30px;padding-bottom:30px}.cta--block{display:block;width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.cta--block+.cta--block{margin-top:1rem}.cta-5{background-color:#212322;padding-left:21px;padding-right:76px;text-align:left;color:#fff}.cta-5:before{border-color:#fff}.cta-5 .cta-ui{width:34px;position:absolute;top:50%;right:18px;transition:all .3s ease-out}.cta-5 .cta-ui:after,.cta-5 .cta-ui:before{content:"";position:absolute}.cta-5 .cta-ui:before{height:2px;width:100%;top:0;right:0;background-color:#fff}.cta-5 .cta-ui:after{height:12px;width:12px;border:2px solid #fff;border-width:2px 2px 0 0;top:-5px;right:0;transform:rotate(45deg)}.header-nav__menu-item.country-selector:after,.header-nav__menu-item>a[data-dropdown-trigger]:after{transform:rotate(135deg);content:"";position:absolute;right:0;top:50%;margin-top:-3px;display:block;width:6px;height:6px;border-top:1.5px solid;border-right:1.5px solid}.header{position:relative;z-index:100;
342top:0;left:0;right:0;height:60px;box-shadow:0 1px 0 0 #e7e7e7;-webkit-backface-visibility:hidden;backface-visibility:hidden}@media (min-width:768px){.header{height:90px}}@media (min-width:992px){.header{height:100px}}.site-fixed-header .header{position:absolute}.header.is-fixed{position:fixed}.header-content{height:100%;background-color:#fff;color:#505050}.header-container{display:-moz-flex;display:flex;-moz-justify-content:space-between;-ms-justify-content:space-between;justify-content:space-between;-ms-flex-pack:space-between;padding-left:80px;padding-right:80px;max-width:1440px;height:100%}@media (max-width:1199px){.header-container{padding-left:60px;padding-right:60px}}@media (max-width:991px){.header-container{padding-left:40px;padding-right:40px}}@media (max-width:767px){.header-container{padding-left:20px;padding-right:20px}}.header-logo{max-width:76px}@media (min-width:768px){.header-logo{max-width:106px}}.header-logo .icon{display:block;width:100%;height:auto;overflow:visible}.header-nav{display:-moz-flex;display:flex;-moz-align-items:center;-ms-align-items:center;align-items:center;-moz-justify-content:flex-start;-ms-justify-content:flex-start;justify-content:flex-start;-ms-flex-pack:flex-start;-moz-flex:1;flex:1}.header-nav.header-nav--right{-moz-justify-content:flex-end;-ms-justify-content:flex-end;justify-content:flex-end;-ms-flex-pack:flex-end}@media (min-width:1200px){.header-nav.header-nav--center{padding-left:30px}}@media (max-width:1199px){.header-nav.header-nav--center{position:absolute;top:100%;left:0;right:0;background-color:#fff;border-top:1px solid #e7e7e7;border-bottom:1px solid #e7e7e7}}.header-nav.header-nav--logo{-moz-flex-grow:inherit;-ms-flex-grow:inherit;flex-grow:inherit;-ms-flex-basis:auto;flex-basis:auto;padding-right:0}@media (min-width:768px){.header-nav.header-nav--logo{padding-left:0}}@media (max-width:767px){.header-nav.header-nav--logo{padding:0;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%)}}.header-nav.header-nav--left{padding-left:0}.header-nav.header-nav--right{padding-right:0;-moz-flex-grow:inherit;-ms-flex-grow:inherit;flex-grow:inherit;-ms-flex-basis:auto;flex-basis:auto}@media (max-width:1199px){.header-nav.header-nav--right{margin-left:auto}}@media (max-width:767px){.header-nav.header-nav--hide-on-mobile{display:none}}@media (min-width:768px){.header-nav.header-nav--hide-on-desktop{display:none}}.header-nav__menu{list-style:none;margin:0;padding:0}.header-nav__menu+.header-nav__menu{margin-left:20px}@media (max-width:1199px){.header-nav__menu--main{width:100%;height:73px;line-height:73px;text-align:center}}.header-nav__menu-item{display:inline-block;margin:0 15px;text-align:left}.header-nav__menu--user .header-nav__menu-item{margin:0 10px}.header-nav__menu-item:first-child{margin-left:0}.header-nav__menu-item:last-child{margin-right:0}.header-nav__menu-item svg:not(:root){overflow:visible}.header-nav__menu-item>a{position:relative;padding:27px 0;font-size:13px;font-weight:700}.header-nav__menu-item>a[data-dropdown-trigger]{padding-right:12px}.header-nav__menu-item.header-nav__menu-item--separator>a{position:relative}.header-nav__menu-item.header-nav__menu-item--separator>a:after{content:"";display:inline-block;vertical-align:middle;height:32px;margin-left:20px;border-right:1px solid #e7e7e7}.header-nav__menu-item .header-nav__menu-item__icon{margin-left:20px}.header-nav__menu--user .header-nav__menu-item>a{font-size:13px;font-weight:700}@media (min-width:1200px){.header-nav__menu--main .header-nav__menu-item>a{padding-top:0;padding-bottom:0;height:100px;line-height:100px}}.header-nav__menu-item.country-selector{overflow:visible;position:relative;padding-right:12px;cursor:pointer}.header-nav__menu-item.country-selector img{width:26px;height:auto}@media (max-width:767px){.header-nav__menu-item.country-selector img{display:inline!important}}.country-dropdown{display:none}.country-list__flag{width:23px;height:auto}.country-selector .country-list__flag{padding:33px 0}.country-list__item .country-list__flag{margin-left:1rem}.header-cart__badge{display:inline-block;position:relative}.header-cart__badge-count{position:absolute;top:13px;left:18%;height:10px;width:10px;line-height:18px;color:#212322;text-align:center;opacity:0;line-height:10px;font-size:10px}@media (min-width:768px){.header-cart__badge-count{top:10px}}.has-items .header-cart__badge-count{opacity:1}.header-dropdown,.header-dropdown img{display:none}.header-nav__store-locator-icon{margin-left:20px}.pencil-banner{position:relative;z-index:101;padding:9px 0;background-color:#f7f7f7;font-size:.875rem;line-height:1.2;text-align:center;color:#505050}.pencil-banner a{color:#47af19;text-decoration:underline}.pencil-banner p:last-child{margin-bottom:0}@media (min-width:992px){.pencil-banner{padding-top:22px;padding-bottom:22px}}.pencil-banner__content{padding-left:20px;padding-right:20px}.ajax-cart-container,.mobile-nav{display:none}.mobile-nav{height:calc(100vh - 60px)}.mobile-nav__submenu-item .mobile-nav__submenu-item-image img{display:none}.u-bg-light-grey{background-color:#ccc}.u-bg-off-white{background-color:#f7f7f7}.u-padding-normalize{padding:0}.u-border-transparent{border-color:transparent}</style>
343
344<link rel="stylesheet" href="//soylent.com/cdn/shop/t/714/assets/theme.css?v=131213818941927855271786551490" media="print" onload="this.media='all'">
345
346<style>
347  .oke-sr-count {
348    font-size: 13px !important;
349    color: #505050 !important;
350  }
351</style><link rel="stylesheet" href="//soylent.com/cdn/shop/t/714/assets/index.css?v=179359555931846656811786551481">
351<script>
352      document.documentElement.className = document.documentElement.className.replace('no-js', 'js');
353
354      window.reviewSnippets = [];
355      window.SHOPIFY_CDN = "//soylent.com/cdn/shop/t/714/assets/test.jpg?v=226797".split('test.jpg').shift();
356      window.BARREL = {
357        moovwebToken: "16129e11-7a38-4d6e-a2f9-04c4bd6ed665",
358        pwrApiKey: "c4364db5-c91e-4c98-b271-db4f70d96faa",
359        pwrMerchantGroupId: 79184,
360        pwrMerchantId: 988138,
361        bodyCopyModal: "Your order will be processed in the next business day."
362      };
363      window.theme = {
364        strings: {
365          addToCart: "Add to Cart",
366          soldOut: "Sold Out",
367          unavailable: "Unavailable",
368          adding: "Adding...",
369          subscribe: "Subscribe"
370        },
371        moneyFormat: "${{amount}}",
372        oos_protection: false
373      };
374    </script>
374
375
376    
377
378    
378<script src="//soylent.com/cdn/shop/t/714/assets/vendor-head.js?v=90722642034164553641687817175" async></script>
378
379
380    
380<script src="//soylent.com/cdn/shop/t/714/assets/vendor.js?v=98259850420039445481687817172" defer></script>
380
381
382    
382<script src="//soylent.com/cdn/shop/t/714/assets/theme.js?v=132834971653664138521714764790" defer></script>
382
383
384    
385
386  
386<script>window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.start');</script>
386<meta name="google-site-verification" content="voSkp-_vkf8uxkIYEGc7-ClSuaLQi3mDq1arjZfD-EY">
387<meta id="shopify-digital-wallet" name="shopify-digital-wallet" content="/359333902/digital_wallets/dialog">
388<meta id="in-context-paypal-metadata" data-shop-id="359333902" data-venmo-supported="true" data-environment="production" data-locale="en_US" data-paypal-v4="true" data-currency="USD">
389<link rel="ucp" href="/.well-known/ucp" version="2026-08-25">
389<script async="async" src="/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=9764975"></script>
389
390<link rel="preconnect" href="https://shop.app" crossorigin="anonymous">
391<script async="async" src="https://shop.app/checkouts/internal/preloads.js?locale=en-US&default_configuration_id=9764975&shop_id=359333902" crossorigin="anonymous"></script>
vendor: 1 bytes, line 391
391
392<script id="apple-pay-shop-capabilities" type="application/json">{"shopId":359333902,"countryCode":"US","currencyCode":"USD","merchantCapabilities":["supports3DS"],"merchantId":"gid:\/\/shopify\/Shop\/359333902","merchantName":"Soylent","requiredBillingContactFields":["postalAddress","email"],"requiredShippingContactFields":["postalAddress","email"],"shippingType":"shipping","supportedNetworks":["visa","masterCard","amex","discover","elo","jcb"],"total":{"type":"pending","label":"Soylent","amount":"1.00"},"shopifyPaymentsEnabled":true,"supportsSubscriptions":true}</script>
vendor: 1 bytes, line 392
392
393<script id="shopify-features" type="application/json">{"accessToken":"592e36e2bb40e835c969fdfb5eca22e9","betas":["rich-media-storefront-analytics"],"domain":"soylent.com","predictiveSearch":true,"shopId":359333902,"locale":"en"}</script>
vendor: 1 bytes, line 393
393
394<script>var Shopify = Shopify || {};
395Shopify.shop = "soylent-prod.myshopify.com";
396Shopify.locale = "en";
397Shopify.currency = {"active":"USD","rate":"1.0"};
398Shopify.country = "US";
399Shopify.theme = {"name":"soylent\/main","id":126746296431,"schema_name":"Soylent","schema_version":"0.1.0","theme_store_id":null,"role":"main"};
400Shopify.theme.handle = "null";
401Shopify.theme.style = {"id":null,"handle":null};
402Shopify.cdnHost = "soylent.com/cdn";
403Shopify.routes = Shopify.routes || {};
404Shopify.routes.root = "/";
405Shopify.shopJsCdnBaseUrl = "https://cdn.shopify.com/shopifycloud/shop-js";
406Shopify.SignInWithShop = Shopify.SignInWithShop || {};
407Shopify.SignInWithShop.User = Shopify.SignInWithShop.User || {};
408Shopify.SignInWithShop.User.recognized = false;</script>
vendor: 1 bytes, line 408
408
409<script type="module">!function(o){(o.Shopify=o.Shopify||{}).modules=!0}(window);</script>
vendor: 1 bytes, line 409
409
410<script>!function(o){function n(){var o=[];function n(){o.push(Array.prototype.slice.apply(arguments))}return n.q=o,n}var t=o.Shopify=o.Shopify||{};t.loadFeatures=n(),t.autoloadFeatures=n()}(window);</script>
vendor: 1 bytes, line 410
410
411<script>
412  window.ShopifyPay = window.ShopifyPay || {};
413  window.ShopifyPay.apiHost = "shop.app\/pay";
414  window.ShopifyPay.redirectState = null;
415</script>
vendor: 1 bytes, line 415
415
416<script>
417  window.Shopify = window.Shopify || {};
418  window.Shopify.SignInWithShop = window.Shopify.SignInWithShop || {};
419  window.Shopify.SignInWithShop.assetMetrics = { sampleRate: 0.25 };
420  window.Shopify.SignInWithShop.eligible = true;
421</script>
vendor: 1 bytes, line 421
421
422<script id="shop-js-analytics" type="application/json">{"pageType":"index"}</script>
vendor: 1 bytes, line 422
422
423<script defer="defer" async type="module" src="https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js"></script>
vendor: 1 bytes, line 423
423
424<script type="module">
425  await import("https://cdn.shopify.com/shopifycloud/shop-js/modules/v2/loader.init-shop-cart-sync.en.esm.js");
426
427  window.Shopify.SignInWithShop?.initShopCartSync?.({"fedCMEnabled":true,"windoidEnabled":true});
428
429</script>
vendor: 1 bytes, line 429
429
430<script>
431  window.Shopify = window.Shopify || {};
432  if (!window.Shopify.featureAssets) window.Shopify.featureAssets = {};
433  window.Shopify.featureAssets['shop-js'] = {"avatar":["modules/v2/loader.avatar.en.esm.js"],"checkout-modal":["modules/v2/loader.checkout-modal.en.esm.js"],"init-customer-accounts-sign-up":["modules/v2/loader.init-customer-accounts-sign-up.en.esm.js"],"init-customer-accounts":["modules/v2/loader.init-customer-accounts.en.esm.js"],"init-fed-cm":["modules/v2/loader.init-fed-cm.en.esm.js"],"init-shop-cart-sync":["modules/v2/loader.init-shop-cart-sync.en.esm.js"],"init-shop-email-lookup-coordinator":["modules/v2/loader.init-shop-email-lookup-coordinator.en.esm.js"],"init-shop-for-new-customer-accounts":["modules/v2/loader.init-shop-for-new-customer-accounts.en.esm.js"],"init-shop-user-recognition":["modules/v2/loader.init-shop-user-recognition.en.esm.js"],"init-windoid":["modules/v2/loader.init-windoid.en.esm.js"],"lead-capture":["modules/v2/loader.lead-capture.en.esm.js"],"listener":["modules/v2/loader.listener.en.esm.js"],"pay-button":["modules/v2/loader.pay-button.en.esm.js"],"payment-terms":["modules/v2/loader.payment-terms.en.esm.js"],"shop-button":["modules/v2/loader.shop-button.en.esm.js"],"shop-cart-sync":["modules/v2/loader.shop-cart-sync.en.esm.js"],"shop-cash-offers":["modules/v2/loader.shop-cash-offers.en.esm.js"],"shop-follow-button":["modules/v2/loader.shop-follow-button.en.esm.js"],"shop-login-button":["modules/v2/loader.shop-login-button.en.esm.js"],"shop-login":["modules/v2/loader.shop-login.en.esm.js"],"shop-toast-manager":["modules/v2/loader.shop-toast-manager.en.esm.js"],"shop-user-recognition":["modules/v2/loader.shop-user-recognition.en.esm.js"]};
434</script>
vendor: 1 bytes, line 434
434
435<script>window.BARREL.shopifyAppUrls = ["https:\/\/d23dclunsivw3h.cloudfront.net\/redirect-app.js?shop=soylent-prod.myshopify.com","https:\/\/static.rechargecdn.com\/assets\/js\/widget.min.js?shop=soylent-prod.myshopify.com","https:\/\/www.buynowbutton.us\/apps\/buynowbutton\/assets\/js\/buynowbutton.js?shop=soylent-prod.myshopify.com","https:\/\/static-us.afterpay.com\/shopify\/afterpay-attract\/afterpay-attract-widget.js?shop=soylent-prod.myshopify.com","https:\/\/shopify-widget.route.com\/shopify.widget.js?shop=soylent-prod.myshopify.com","https:\/\/assets.tapcart.com\/__tc-ck-loader\/index.js?appId=y5Be5Agu4Z\u0026environment=production\u0026shop=soylent-prod.myshopify.com",];</script>
435<script>(function() {
436  var isLoaded = false;
437  function asyncLoad() {
438    if (isLoaded) return;
439    isLoaded = true;
440    var urls = ["https:\/\/container.pepperjam.com\/2426137996.js?shop=soylent-prod.myshopify.com","https:\/\/light.spicegems.org\/0\/js\/scripttags\/soylent-prod\/country_redirect_502421e07d14b319f1e5abe4c31c25bd.min.js?v=19\u0026shop=soylent-prod.myshopify.com","https:\/\/cdn.rebuyengine.com\/onsite\/js\/rebuy.js?shop=soylent-prod.myshopify.com",];for (var i = 0; i < urls.length; i++) {
441      var s = document.createElement('script');
442      s.type = 'text/javascript';
443      s.async = true;
444      s.src = urls[i];
445      var x = document.getElementsByTagName('script')[0];
446      x.parentNode.insertBefore(s, x);
447    }
448  };
449  if(window.attachEvent) {
450    window.attachEvent('onload', asyncLoad);
451  } else {
452    window.addEventListener('load', asyncLoad, false);
453  }
454})();</script>
vendor: 1 bytes, line 454
454
455<script id="__st">var __st={"a":359333902,"offset":-25200,"reqid":"cf742a6c-90e5-4ac4-950f-e8677e365c0a-1790916356","pageurl":"soylent.com\/","u":"f7902e261377","p":"home"};</script>
vendor: 1 bytes, line 455
455
456<script>window.ShopifyPaypalV4VisibilityTracking = true;</script>
vendor: 1 bytes, line 456
456
457<script id="captcha-bootstrap">!function(){'use strict';const t='contact',e='account',n='new_comment',o=[[t,t],['blogs',n],['comments',n],[t,'customer']],c=[[e,'customer_login'],[e,'guest_login'],[e,'recover_customer_password'],[e,'create_customer']],r=t=>t.map((([t,e])=>`form[action*='/${t}']:not([data-nocaptcha='true']) input[name='form_type'][value='${e}']`)).join(','),a=t=>()=>t?[...document.querySelectorAll(t)].map((t=>t.form)):[];function s(){const t=[...o],e=r(t);return a(e)}const i='password',u='form_key',d=['recaptcha-v3-token','g-recaptcha-response','h-captcha-response',i],f=()=>{try{return window.sessionStorage}catch{return}},m='__shopify_v',_=t=>t.elements[u];function p(t,e,n=!1){try{const o=window.sessionStorage,c=JSON.parse(o.getItem(e)),{data:r}=function(t){const{data:e,action:n}=t;return t[m]||n?{data:e,action:n}:{data:t,action:n}}(c);for(const[e,n]of Object.entries(r))t.elements[e]&&(t.elements[e].value=n);n&&o.removeItem(e)}catch(o){console.error('form repopulation failed',{error:o})}}const l='form_type',E='cptcha';function T(t){t.dataset[E]=!0}const w=window,h=w.document,L='Shopify',v='ce_forms',y='captcha';let A=!1;((t,e)=>{const n=(g='f06e6c50-85a8-45c8-87d0-21a2b65856fe',I='https://cdn.shopify.com/shopifycloud/storefront-forms-hcaptcha/ce_storefront_forms_captcha_hcaptcha.v1.5.3.iife.js',D={infoText:'Protected by hCaptcha',privacyText:'Privacy',termsText:'Terms'},(t,e,n)=>{const o=w[L][v],c=o.bindForm;if(c)return c(t,g,e,D).then(n);var r;o.q.push([[t,g,e,D],n]),r=I,A||(h.body.append(Object.assign(h.createElement('script'),{id:'captcha-provider',async:!0,src:r})),A=!0)});var g,I,D;w[L]=w[L]||{},w[L][v]=w[L][v]||{},w[L][v].q=[],w[L][y]=w[L][y]||{},w[L][y].protect=function(t,e){n(t,void 0,e),T(t)},Object.freeze(w[L][y]),function(t,e,n,w,h,L){const[v,y,A,g]=function(t,e,n){const i=e?o:[],u=t?c:[],d=[...i,...u],f=r(d),m=r(i),_=r(d.filter((([t,e])=>n.includes(e))));return[a(f),a(m),a(_),s()]}(w,h,L),I=t=>{const e=t.target;return e instanceof HTMLFormElement?e:e&&e.form},D=t=>v().includes(t);t.addEventListener('submit',(t=>{const e=I(t);if(!e)return;const n=D(e)&&!e.dataset.hcaptchaBound&&!e.dataset.recaptchaBound,o=_(e),c=g().includes(e)&&(!o||!o.value);(n||c)&&t.preventDefault(),c&&!n&&(function(t){try{if(!f())return;!function(t){const e=f();if(!e)return;const n=_(t);if(!n)return;const o=n.value;o&&e.removeItem(o)}(t);const e=Array.from(Array(32),(()=>Math.random().toString(36)[2])).join('');!function(t,e){_(t)||t.append(Object.assign(document.createElement('input'),{type:'hidden',name:u})),t.elements[u].value=e}(t,e),function(t,e){const n=f();if(!n)return;const o=[...t.querySelectorAll(`input[type='${i}']`)].map((({name:t})=>t)),c=[...d,...o],r={};for(const[a,s]of new FormData(t).entries())c.includes(a)||(r[a]=s);n.setItem(e,JSON.stringify({[m]:1,action:t.action,data:r}))}(t,e)}catch(e){console.error('failed to persist form',e)}}(e),e.submit())}));const S=(t,e)=>{t&&!t.dataset[E]&&(n(t,e.some((e=>e===t))),T(t))};for(const o of['focusin','change'])t.addEventListener(o,(t=>{const e=I(t);D(e)&&S(e,y())}));const B=e.get('form_key'),M=e.get(l),P=B&&M;t.addEventListener('DOMContentLoaded',(()=>{const t=y();if(P)for(const e of t)e.elements[l].value===M&&p(e,B);[...new Set([...A(),...v().filter((t=>'true'===t.dataset.shopifyCaptcha))])].forEach((e=>S(e,t)))}))}(h,new URLSearchParams(w.location.search),n,t,e,['guest_login'])})(!0,!0)}();</script>
vendor: 1 bytes, line 457
457
458<script integrity="sha256-JjoPp5ZfB1sSAs5SQaol1x1GgvveM+BgmRzyDexInEQ=" data-source-attribution="shopify.loadfeatures" defer="defer" src="//soylent.com/cdn/shopifycloud/storefront/assets/storefront/load_feature-1bd60354.js" crossorigin="anonymous"></script>
vendor: 1 bytes, line 458
458
459<script>(function () {var userAgent = navigator.userAgent;var platform = navigator.platform;var maxTouchPoints = navigator.maxTouchPoints || 0;var isIOS = /iPad|iPhone|iPod/.test(platform) || (platform === 'MacIntel' && maxTouchPoints > 1);var isMacSafari = platform.indexOf('Mac') === 0 && /Safari/.test(userAgent) && !/Chrome|Chromium|CriOS|FxiOS|Edg|OPR|Android/.test(userAgent);var isAppleSafari = isIOS || isMacSafari;if (isAppleSafari) {fetch('/sf_private_access_tokens' + location.search).catch(function () {});}function browserMajorVersion(pattern) {var match = userAgent.match(pattern);return match ? parseInt(match[1], 10) : null;}function shouldLoadAutosizesPolyfill() {if (!window.PerformanceObserver?.supportedEntryTypes?.includes('paint')) {return false;}var chromeVersion = browserMajorVersion(/Chrome\/(\d+)/);if (chromeVersion !== null) {return chromeVersion < 126;}var firefoxVersion = browserMajorVersion(/Firefox\/(\d+)/);if (firefoxVersion !== null) {return firefoxVersion < 150;}var safariVersion = isAppleSafari ? browserMajorVersion(/Version\/(\d+).*Safari\//) : null;if (safariVersion !== null) {return safariVersion < 27;}return true;}if (shouldLoadAutosizesPolyfill()) {var autosizesScript = document.createElement('script');autosizesScript.async = true;autosizesScript.crossOrigin = 'anonymous';autosizesScript.src = "//soylent.com/cdn/shopifycloud/storefront/assets/storefront/autosizes-84416378.js";(document.head || document.documentElement).appendChild(autosizesScript);}window.ShopifyAnalytics = window.ShopifyAnalytics || {};window.ShopifyAnalytics.performance = window.ShopifyAnalytics.performance || {};(function () {var LONG_FRAME_THRESHOLD = 50;var longAnimationFrames = [];var activeRafId = null;function collectLongFrames() {var previousTime = null;function rafMonitor(now) {if (activeRafId === null) {return;}var delta = now - previousTime;if (delta > LONG_FRAME_THRESHOLD) {longAnimationFrames.push({startTime: previousTime,endTime: now,});}previousTime = now;activeRafId = requestAnimationFrame(rafMonitor);}previousTime = performance.now();activeRafId = requestAnimationFrame(rafMonitor);}if (!window.PerformanceObserver?.supportedEntryTypes?.includes('long-animation-frame')) {collectLongFrames();var timeoutId = setTimeout(function () {cancelAnimationFrame(activeRafId);}, 10000);window.ShopifyAnalytics.performance.getLongAnimationFrames = function (stopCollection) {if (stopCollection === undefined) {stopCollection = false;}if (stopCollection) {clearTimeout(timeoutId);cancelAnimationFrame(activeRafId);}return longAnimationFrames;};}})();})();</script>
459<script crossorigin="anonymous" defer="defer" src="//soylent.com/cdn/shopifycloud/storefront/assets/shopify_pay/storefront-616277c7.js?v=20250812"></script>
vendor: 1 bytes, line 459
459
460<script id="shopify-origin-trials" async="async" integrity="sha256-qJbe/jEZBHtr5W/BlA2cKAz3vkXu6vJQyLjgvgCC86g=" src="//cdn.shopify.com/shopifycloud/storefront/assets/storefront/origin_trials-318ab40a.js" crossorigin="anonymous" onload="window.__shopifyOriginTrialsDone = true" onerror="window.__shopifyOriginTrialsDone = true"></script>
vendor: 1 bytes, line 460
460
461<script>
462  window.Shopify = window.Shopify || {};
463  window.Shopify.MCP = window.Shopify.MCP || {};
464  window.Shopify.MCP.enabled = true;
465  window.Shopify.MCP.shop = "soylent-prod.myshopify.com";
466  window.Shopify.MCP.mcpEndpoint = "https:\/\/soylent.com\/api\/mcp";
467  window.Shopify.MCP.tools = [{"name":"search_shop_policies_and_faqs","description":"Used to get facts about the stores policies, products, or services.\nSome examples of questions you can ask are:\n  - What is your return policy?\n  - What is your shipping policy?\n  - What is your phone number?\n  - What are your hours of operation?\"\n","inputSchema":{"$schema":"https:\/\/json-schema.org\/draft\/2020-12\/schema","type":"object","properties":{"query":{"type":"string","description":"A natural language query."},"context":{"type":"string","description":"Additional information about the request such as user demographics, mood, location, or other relevant details that could help in tailoring the response appropriately."}},"required":["query"]}}];
468</script>
vendor: 1 bytes, line 468
468
469<script>(()=>{var d="shopify:webmcp_adapter_loaded",n=Symbol.for("shopify.webmcp_adapter_loading");function s(c,a,{win:r=window,doc:o=document}={}){function p(){try{return r.localStorage.getItem(d)==="true"}catch{return!1}}function l(){try{r.localStorage.setItem(d,"true")}catch{}}function u(){return typeof(o.modelContext||r.navigator?.modelContext)?.registerTool=="function"}function f(){if(r[n]||!u())return;let t=o.head||o.getElementsByTagName("head")[0];if(!t)return;let e=o.createElement("script");e.type="module",e.crossOrigin="anonymous",a&&(e.integrity=a),e.src=c,e.addEventListener("load",l,{once:!0}),e.addEventListener("error",()=>{r[n]=!1},{once:!0}),t.appendChild(e),r[n]=!0}function _(t){let e=o.getElementById("shopify-origin-trials");if(!e||r.__shopifyOriginTrialsDone){t();return}e.addEventListener("load",t,{once:!0}),e.addEventListener("error",t,{once:!0})}function i(){_(()=>r.setTimeout(f,0))}function m(){o.addEventListener("DOMContentLoaded",i,{once:!0})}p()?i():m()}s("\/\/soylent.com\/cdn\/shopifycloud\/storefront\/assets\/storefront\/webmcp-c6b62ece.js","sha256-ke4DDuBjdvea3vxLWxHc9E9nq8zihuG4IfYEGbb77ys=");})();
470</script>
vendor: 1 bytes, line 470
470
471<script data-source-attribution="shopify.dynamic_checkout.dynamic.init">var Shopify=Shopify||{};Shopify.PaymentButton=Shopify.PaymentButton||{isStorefrontPortableWallets:!0,init:function(){window.Shopify.PaymentButton.init=function(){};var t=document.createElement("script");t.src="https://soylent.com/cdn/shopifycloud/portable-wallets/latest/portable-wallets.en.js",t.type="module",document.head.appendChild(t)}};
472</script>
vendor: 1 bytes, line 472
472
473<script data-source-attribution="shopify.dynamic_checkout.buyer_consent">
474  function portableWalletsHideBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.add("hidden"),t.setAttribute("aria-hidden","true"),n.removeEventListener("click",e))}function portableWalletsShowBuyerConsent(e){var t=document.getElementById("shopify-buyer-consent"),n=document.getElementById("shopify-subscription-policy-button");t&&n&&(t.classList.remove("hidden"),t.removeAttribute("aria-hidden"),n.addEventListener("click",e))}window.Shopify?.PaymentButton&&(window.Shopify.PaymentButton.hideBuyerConsent=portableWalletsHideBuyerConsent,window.Shopify.PaymentButton.showBuyerConsent=portableWalletsShowBuyerConsent);
475</script>
vendor: 1 bytes, line 475
475
476<script data-source-attribution="shopify.dynamic_checkout.cart.bootstrap">document.addEventListener("DOMContentLoaded",(function(){function t(){return document.querySelector("shopify-accelerated-checkout-cart, shopify-accelerated-checkout")}if(t())Shopify.PaymentButton.init();else{new MutationObserver((function(e,n){t()&&(Shopify.PaymentButton.init(),n.disconnect())})).observe(document.body,{childList:!0,subtree:!0})}}));
477</script>
477
478<link id="shopify-accelerated-checkout-styles" rel="stylesheet" media="screen" href="https://soylent.com/cdn/shopifycloud/portable-wallets/latest/accelerated-checkout-backwards-compat.css" crossorigin="anonymous">
479<style id="shopify-accelerated-checkout-cart">
480        #shopify-buyer-consent {
481  margin-top: 1em;
482  display: inline-block;
483  width: 100%;
484}
485
486#shopify-buyer-consent.hidden {
487  display: none;
488}
489
490#shopify-subscription-policy-button {
491  background: none;
492  border: none;
493  padding: 0;
494  text-decoration: underline;
495  font-size: inherit;
496  cursor: pointer;
497}
498
499#shopify-subscription-policy-button::before {
500  box-shadow: none;
501}
502
503      </style>
504
505<script id="shopify-cfh-end">window.performance && window.performance.mark && window.performance.mark('shopify.content_for_header.end');</script>
505
506  
507
508
509
510
511
512  
512<script type="text/javascript">
513    
514      window.__shgMoneyFormat = window.__shgMoneyFormat || {"USD":{"currency":"USD","currency_symbol":"$","currency_symbol_location":"left","decimal_places":2,"decimal_separator":".","thousands_separator":","}};
515    
516    window.__shgCurrentCurrencyCode = window.__shgCurrentCurrencyCode || {
517      currency: "USD",
518      currency_symbol: "$",
519      decimal_separator: ".",
520      thousands_separator: ",",
521      decimal_places: 2,
522      currency_symbol_location: "left"
523    };
524  </script>
524
525
526
527
528<script
529      type="text/javascript"
530      async
531      src="https://static.klaviyo.com/onsite/js/klaviyo.js?company_id=VST9Su"
532    >
533    </script>
533
534
535    <!-- splide scripts since splide is used on cart drawer -->
536    
536<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js"></script>
536
537    
537<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide-extension-grid.min.js"></script>
537
538    
539    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css">
539<script>
540  (function() {function delayLoad() {
541        setTimeout(function() {
542          var urls = [].concat(window.BARREL.shopifyAppUrls || []);
543          for (var i = 0; i < urls.length; i++) {
544            var s = document.createElement('script');
545            s.type = 'text/javascript';
546            s.async = true;
547            s.src = urls[i];
548            var x = document.getElementsByTagName('script')[0];
549            x.parentNode.insertBefore(s, x);
550          };},1000);
551      };
552
553
554      
555      
556
557      
558        window.addEventListener('scroll', delayLoad, {once: true});
559      
560}());
561</script>
561
562
563
564
565    
565<script
566      src="https://js.afterpay.com/afterpay-1.x.js"
567      data-min="1.00"
568      data-max="2000.00"
569      async
570    >
571    </script>
571
572
573    
574
575<script type="text/javascript">
576  
577    window.SHG_CUSTOMER = null;
578  
579</script>
579
580
581
582
583
584
585
586
587
588
589    
589<script src="https://track.getgobot.com/gobot/js/shopify.js?key=-NI-QPKiwEImW_irIZHU&ad=soylent&li=a-08kq"></script>
589
590
591
592    
593    
594<script>
595    window.tubSettings = {}
596    window.tubSettings.otpTwoPrice = '$33.00/tub'
597    window.tubSettings.otpThreePrice = '$28.83/tub'
598    window.tubSettings.otpTwoSavings = ''
599    window.tubSettings.otpThreeSavings = '$6.67/tub'
600    window.tubSettings.subTwoPrice = '$30.00/tub'
601    window.tubSettings.subThreePrice = '$23.83/tub'
602    window.tubSettings.subTwoSavings = '$2.50/tub'
603    window.tubSettings.subThreeSavings = '$8.67/tub'
604</script>
604
605
606
607
608	<link rel="stylesheet" href="https://doui4jqs03un3.cloudfront.net/style.css.gz">
609	
609<script src="https://doui4jqs03un3.cloudfront.net/vendors.js.gz"></script>
609
610	
610<script src="https://doui4jqs03un3.cloudfront.net/client.js.gz" defer="defer"></script>
610
611
612
613  
614
615  
616
617<!-- BEGIN app block: shopify://apps/bnb-app-amazon-buy-now-button/blocks/bnb-embbed/f900151e-f272-47b7-9f07-6ef0c33815e4 -->
617<script>
618    if ('undefined' == typeof window.jQuery) {
619        var script = document.createElement('script');
620        script.src = 'https://code.jquery.com/jquery-3.4.1.min.js';
621        document.getElementsByTagName('head')[0].appendChild(script);
622    }
623    let metafield = 'true';
624    document.addEventListener('DOMContentLoaded', () => {
625        console.log(Shopify.designMode);
626        if (Shopify.designMode === true) {
627            checkForPlan(window.jQuery, shop, Shopify.theme, metafield);
628        }
629    });
630    function checkForPlan($, shop) {
631        $.ajax({
632            url: 'https://app.buynowbuttons.com/apps/buynowbutton/check_plan.php',
633            type: "post",
634            data: {
635                store: shop,
636                theme: Shopify.theme,
637                metafield: metafield
638            },
639            success: function(e) {
640                console.log(e);
641                if (e && e !== "") {
642                    if (metafield != e) {
643
644                    }
645                }
646            },
647            error: function() {}
648        })
649    }
650</script>
650
651<!-- END app block --><!-- BEGIN app block: shopify://apps/black-crow-ai-that-delivers/blocks/blackcrow_ai_script/3e73f597-cb71-47a1-8a06-0c931482ecd2 -->
652
653<script type="text/javascript" async src="https://shopify-init.blackcrow.ai/js/core/soylent-prod.js?shop=soylent-prod.myshopify.com&tagSrc=ShopifyThemeAppExtension"></script>
653
654
655
656<!-- END app block --><!-- BEGIN app block: shopify://apps/bnb-app-amazon-buy-now-button/blocks/bnb-collections-embed/f900151e-f272-47b7-9f07-6ef0c33815e4 -->
656<script>
657    if ('undefined' == typeof window.jQuery) {
658        var script = document.createElement('script');
659        script.src = 'https://code.jquery.com/jquery-3.4.1.min.js';
660        document.getElementsByTagName('head')[0].appendChild(script);
661    }
662    let theme_file = 'snippets/card-product.liquid';
663    let card_wrapper = 'card-wrapper underline-links-hover';
664    let product_id_var = 'card_product.id';
665    let card_wrapper_class = card_wrapper.split(" ");
666    //let metafield = 'true'
667    document.addEventListener('DOMContentLoaded', () => {
668        if (Shopify.designMode === true) {
669            //checkForPlan(window.jQuery, shop);
670        }
671        window.jQuery('.'+card_wrapper_class[0]).each(function(){
672            let product_id = window.jQuery(this).data('product-id');
673            //jQuery(this).append('<div class="buy_now_button_app product_id_'+product_id+'" data-product-id="'+product_id+'"></div>');
674            startbuynowbuttonCollection(window.jQuery, product_id);
675        });
676    });
677    function startbuynowbuttonCollection(t, id) {
678        t.ajax({
679            url: product_pathUrl,
680            type: "post",
681            data: {
682                store: shop,
683                id: id,
684                type: 'collection'
685            },
686            success: function(e) {
687                console.log(e);
688                if (e && e !== "") {
689                    let r = t.parseJSON(e);
690                    t('.product_id_'+r.pid).append('<div class="buy_now_button_app appended_product_id_'+r.pid+'" data-product-id="'+r.pid+'"></div>');
691                    //t('.'+card_wrapper_class[0]+' .buy_now_button_app.appended_product_id_'+r.pid).first().css("display", "block");
692                    t('.'+card_wrapper_class[0]).each(function(){
693                        $(this).find('.buy_now_button_app.appended_product_id_'+r.pid).first().css("display", "block");
694                    });
695                    t('.buy_now_button_app.appended_product_id_'+r.pid).html(r.page).addClass("market_icon"), setTimeout(function () {
696                    }, 2000);
697                    /*t('.'+card_wrapper_class[0]).each(function(){
698                        let product_id = t(this).data('product-id');
699                        console.log(product_id);
700                        console.log(r.pid);
701
702                        if (product_id === r.pid) {
703                            console.log(r);
704                            t(this).append('<div class="buy_now_button_app test product_id_'+product_id+'" data-product-id="'+product_id+'"></div>');
705                            t('.buy_now_button_app.product_id_'+product_id).html(r.page).addClass("market_icon"), setTimeout(function () {
706                            }, 2000)
707                        }
708                    });*/
709                }
710            },
711            error: function() {}
712        })
713    }
714</script>
714
715<!-- END app block --><!-- BEGIN app block: shopify://apps/yoast-seo/blocks/metatags/7c777011-bc88-4743-a24e-64336e1e5b46 -->
716<!-- This site is optimized with Yoast SEO for Shopify -->
717<title>Soylent Let us take a few things off your plate.</title>
718<meta name="description" content="Soylent products turn a full meal into a one-step process with everything the body needs to thrive. Complete nutrition science-backed and sustainable." />
719<link rel="canonical" href="https://soylent.com/" />
720<meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
721<meta property="og:site_name" content="Soylent" />
722<meta property="og:url" content="https://soylent.com/" />
723<meta property="og:locale" content="en_US" />
724<meta property="og:type" content="website" />
725<meta property="og:title" content="Soylent Let us take a few things off your plate." />
726<meta property="og:description" content="Soylent products turn a full meal into a one-step process with everything the body needs to thrive. Complete nutrition science-backed and sustainable." />
727<meta property="og:image" content="https://soylent.com/cdn/shop/files/soylent_logo-01.png?v=1613688881" />
728<meta property="og:image:height" content="628" />
729<meta property="og:image:width" content="1200" />
730<meta name="twitter:card" content="summary_large_image" />
731<script type="application/ld+json" id="yoast-schema-graph">
732{
733  "@context": "https://schema.org",
734  "@graph": [
735    {
736      "@type": "Organization",
737      "@id": "https://soylent.com/#/schema/organization/1",
738      "url": "https://soylent.com",
739      "name": "Soylent",
740      "logo": {
741        "@id": "https://soylent.com/#/schema/ImageObject/23038854856815"
742      },
743      "image": [
744        {
745          "@id": "https://soylent.com/#/schema/ImageObject/23038854856815"
746        }
747      ],
748      "hasMerchantReturnPolicy": {
749        "@type": "MerchantReturnPolicy",
750        "merchantReturnLink": "https://soylent.com/policies/refund-policy"
751      },
752      "sameAs": ["https:\/\/www.facebook.com\/Soylent\/"]
753    },
754    {
755      "@type": "ImageObject",
756      "@id": "https://soylent.com/#/schema/ImageObject/23038854856815",
757      "width": 756,
758      "height": 458,
759      "url": "https:\/\/soylent.com\/cdn\/shop\/files\/soylent_logo.webp?v=1644950824",
760      "contentUrl": "https:\/\/soylent.com\/cdn\/shop\/files\/soylent_logo.webp?v=1644950824"
761    },
762    {
763      "@type": "WebSite",
764      "@id": "https://soylent.com/#/schema/website/1",
765      "url": "https://soylent.com",
766      "name": "Soylent",
767      "potentialAction": {
768        "@type": "SearchAction",
769        "target": "https://soylent.com/search?q={search_term_string}",
770        "query-input": "required name=search_term_string"
771      },
772      "publisher": {
773        "@id": "https://soylent.com/#/schema/organization/1"
774      },
775      "inLanguage": "en"
776    },
777    {
778      "@type": ["WebPage","CollectionPage"],
779      "@id": "https:\/\/soylent.com\/",
780      "name": "Soylent Let us take a few things off your plate.",
781      "description": "Soylent products turn a full meal into a one-step process with everything the body needs to thrive. Complete nutrition science-backed and sustainable.",
782      "about": {
783        "@id": "https://soylent.com/#/schema/organization/1"
784      },
785      "breadcrumb": {
786        "@id": "https:\/\/soylent.com\/#\/schema\/breadcrumb"
787      },
788      "primaryImageOfPage": {
789        "@id": "https://soylent.com/#/schema/ImageObject/7165455499375"
790      },
791      "image": [{
792        "@id": "https://soylent.com/#/schema/ImageObject/7165455499375"
793      }],
794      "isPartOf": {
795        "@id": "https://soylent.com/#/schema/website/1"
796      },
797      "url": "https:\/\/soylent.com\/"
798    },
799    {
800      "@type": "ImageObject",
801      "@id": "https://soylent.com/#/schema/ImageObject/7165455499375",
802      "caption": "Soylent Logo",
803      "inLanguage": "en",
804      "width": 1200,
805      "height": 628,
806      "url": "https:\/\/soylent.com\/cdn\/shop\/files\/soylent_logo-01.png?v=1613688881",
807      "contentUrl": "https:\/\/soylent.com\/cdn\/shop\/files\/soylent_logo-01.png?v=1613688881"
808    },
809    {
810      "@type": "BreadcrumbList",
811      "@id": "https:\/\/soylent.com\/#\/schema\/breadcrumb",
812      "itemListElement": [
813        {
814          "@type": "ListItem",
815          "name": "Soylent.com - Let us take a few things off your plate.",
816          "position": 1
817        }
818      ]
819    }
820
821  ]}
822</script>
822
823<!--/ Yoast SEO -->
824<!-- END app block --><!-- BEGIN app block: shopify://apps/minmaxify-order-limits/blocks/app-embed-block/3acfba32-89f3-4377-ae20-cbb9abc48475 -->
824<script src="https://limits.minmaxify.com/soylent-prod.myshopify.com?v=120b_s&r=20240821201858" defer></script>
824
825
826<!-- END app block --><!-- BEGIN app block: shopify://apps/okendo/blocks/theme-settings/bb689e69-ea70-4661-8fb7-ad24a2e23c29 --><!-- BEGIN app snippet: header-metafields -->
827
828
829
830
831
832
833
834
835
836
837
838
839    
840        <style data-oke-reviews-version="0.81.8" type="text/css" data-href="https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/css/okendo-reviews-styles.9d163ae1.css"></style><style data-oke-reviews-version="0.81.8" type="text/css" data-href="https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/css/modules/okendo-star-rating.4cb378a8.css"></style><style data-oke-reviews-version="0.81.8" type="text/css" data-href="https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/css/modules/okendo-reviews-keywords.0942444f.css"></style><style data-oke-reviews-version="0.81.8" type="text/css" data-href="https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/css/modules/okendo-reviews-summary.a0c9d7d6.css"></style><style type="text/css">.okeReviews[data-oke-container],div.okeReviews{font-size:14px;font-size:var(--oke-text-regular);font-weight:400;font-family:var(--oke-text-fontFamily);line-height:1.6}.okeReviews[data-oke-container] *,.okeReviews[data-oke-container] :after,.okeReviews[data-oke-container] :before,div.okeReviews *,div.okeReviews :after,div.okeReviews :before{box-sizing:border-box}.okeReviews[data-oke-container] h1,.okeReviews[data-oke-container] h2,.okeReviews[data-oke-container] h3,.okeReviews[data-oke-container] h4,.okeReviews[data-oke-container] h5,.okeReviews[data-oke-container] h6,div.okeReviews h1,div.okeReviews h2,div.okeReviews h3,div.okeReviews h4,div.okeReviews h5,div.okeReviews h6{font-size:1em;font-weight:400;line-height:1.4;margin:0}.okeReviews[data-oke-container] ul,div.okeReviews ul{padding:0;margin:0}.okeReviews[data-oke-container] li,div.okeReviews li{list-style-type:none;padding:0}.okeReviews[data-oke-container] p,div.okeReviews p{line-height:1.8;margin:0 0 4px}.okeReviews[data-oke-container] p:last-child,div.okeReviews p:last-child{margin-bottom:0}.okeReviews[data-oke-container] a,div.okeReviews a{text-decoration:none;color:inherit}.okeReviews[data-oke-container] button,div.okeReviews button{border-radius:0;border:0;box-shadow:none;margin:0;width:auto;min-width:auto;padding:0;background-color:transparent;min-height:auto}.okeReviews[data-oke-container] button,.okeReviews[data-oke-container] input,.okeReviews[data-oke-container] select,.okeReviews[data-oke-container] textarea,div.okeReviews button,div.okeReviews input,div.okeReviews select,div.okeReviews textarea{font-family:inherit;font-size:1em}.okeReviews[data-oke-container] label,.okeReviews[data-oke-container] select,div.okeReviews label,div.okeReviews select{display:inline}.okeReviews[data-oke-container] select,div.okeReviews select{width:auto}.okeReviews[data-oke-container] article,.okeReviews[data-oke-container] aside,div.okeReviews article,div.okeReviews aside{margin:0}.okeReviews[data-oke-container] table,div.okeReviews table{background:transparent;border:0;border-collapse:collapse;border-spacing:0;font-family:inherit;font-size:1em;table-layout:auto}.okeReviews[data-oke-container] table td,.okeReviews[data-oke-container] table th,.okeReviews[data-oke-container] table tr,div.okeReviews table td,div.okeReviews table th,div.okeReviews table tr{border:0;font-family:inherit;font-size:1em}.okeReviews[data-oke-container] table td,.okeReviews[data-oke-container] table th,div.okeReviews table td,div.okeReviews table th{background:transparent;font-weight:400;letter-spacing:normal;padding:0;text-align:left;text-transform:none;vertical-align:middle}.okeReviews[data-oke-container] table tr:hover td,.okeReviews[data-oke-container] table tr:hover th,div.okeReviews table tr:hover td,div.okeReviews table tr:hover th{background:transparent}.okeReviews[data-oke-container] fieldset,div.okeReviews fieldset{border:0;padding:0;margin:0;min-width:0}.okeReviews[data-oke-container] img,.okeReviews[data-oke-container] svg,div.okeReviews img,div.okeReviews svg{max-width:none}.okeReviews[data-oke-container] div:empty,div.okeReviews div:empty{display:block}.okeReviews[data-oke-container] .oke-icon:before,div.okeReviews .oke-icon:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:inherit}.okeReviews[data-oke-container] .oke-icon--select-arrow:before,div.okeReviews .oke-icon--select-arrow:before{content:""}.okeReviews[data-oke-container] .oke-icon--loading:before,div.okeReviews .oke-icon--loading:before{content:""}
840.okeReviews[data-oke-container] .oke-icon--pencil:before,div.okeReviews .oke-icon--pencil:before{content:""}.okeReviews[data-oke-container] .oke-icon--filter:before,div.okeReviews .oke-icon--filter:before{content:""}.okeReviews[data-oke-container] .oke-icon--play:before,div.okeReviews .oke-icon--play:before{content:""}.okeReviews[data-oke-container] .oke-icon--tick-circle:before,div.okeReviews .oke-icon--tick-circle:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-left:before,div.okeReviews .oke-icon--chevron-left:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-right:before,div.okeReviews .oke-icon--chevron-right:before{content:""}.okeReviews[data-oke-container] .oke-icon--thumbs-down:before,div.okeReviews .oke-icon--thumbs-down:before{content:""}.okeReviews[data-oke-container] .oke-icon--thumbs-up:before,div.okeReviews .oke-icon--thumbs-up:before{content:""}.okeReviews[data-oke-container] .oke-icon--close:before,div.okeReviews .oke-icon--close:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-up:before,div.okeReviews .oke-icon--chevron-up:before{content:""}.okeReviews[data-oke-container] .oke-icon--chevron-down:before,div.okeReviews .oke-icon--chevron-down:before{content:""}.okeReviews[data-oke-container] .oke-icon--star:before,div.okeReviews .oke-icon--star:before{content:""}.okeReviews[data-oke-container] .oke-icon--magnifying-glass:before,div.okeReviews .oke-icon--magnifying-glass:before{content:""}@font-face{font-family:oke-widget-icons;src:url(https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/fonts/oke-widget-icons.ttf) format("truetype"),url(https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/fonts/oke-widget-icons.woff) format("woff"),url(https://d3hw6dc1ow8pp2.cloudfront.net/reviews-widget-plus/img/oke-widget-icons.bc0d6b0a.svg) format("svg");font-weight:400;font-style:normal;font-display:block}.okeReviews[data-oke-container] .oke-button,div.okeReviews .oke-button{display:inline-block;border-style:solid;border-color:var(--oke-button-borderColor);border-width:var(--oke-button-borderWidth);background-color:var(--oke-button-backgroundColor);line-height:1;padding:12px 24px;margin:0;border-radius:var(--oke-button-borderRadius);color:var(--oke-button-textColor);text-align:center;position:relative;font-weight:var(--oke-button-fontWeight);font-size:var(--oke-button-fontSize);font-family:var(--oke-button-fontFamily);outline:0}.okeReviews[data-oke-container] .oke-button-text,.okeReviews[data-oke-container] .oke-button .oke-icon,div.okeReviews .oke-button-text,div.okeReviews .oke-button .oke-icon{line-height:1}.okeReviews[data-oke-container] .oke-button.oke-is-loading,div.okeReviews .oke-button.oke-is-loading{position:relative}.okeReviews[data-oke-container] .oke-button.oke-is-loading:before,div.okeReviews .oke-button.oke-is-loading:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:undefined;font-size:12px;display:inline-block;animation:oke-spin 1s linear infinite;position:absolute;width:12px;height:12px;top:0;left:0;bottom:0;right:0;margin:auto}.okeReviews[data-oke-container] .oke-button.oke-is-loading>*,div.okeReviews .oke-button.oke-is-loading>*{opacity:0}.okeReviews[data-oke-container] .oke-button.oke-is-active,div.okeReviews .oke-button.oke-is-active{background-color:var(--oke-button-backgroundColorActive);color:var(--oke-button-textColorActive);border-color:var(--oke-button-borderColorActive)}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading),div.okeReviews .oke-button:not(.oke-is-loading){cursor:pointer}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover{background-color:var(--oke-button-backgroundColorHover);color:var(--oke-button-textColorHover);border-color:var(--oke-button-borderColorHover);box-shadow:0 0 0 2px var(--oke-button-backgroundColorHover)}.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):active,.okeReviews[data-oke-container] .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):active,div.okeReviews .oke-button:not(.oke-is-loading):not(.oke-is-active):hover:active{background-color:var(--oke-button-backgroundColorActive);color:var(--oke-button-textColorActive);border-color:var(--oke-button-borderColorActive)}.okeReviews[data-oke-container] .oke-title,div.okeReviews .oke-title{font-weight:var(--oke-title-fontWeight);font-size:var(--oke-title-fontSize);font-family:var(--oke-title-fontFamily)}.okeReviews[data-oke-container] .oke-bodyText,div.okeReviews .oke-bodyText{font-weight:var(--oke-bodyText-fontWeight);font-size:var(--oke-bodyText-fontSize);font-family:var(--oke-bodyText-fontFamily)}.okeReviews[data-oke-container] .oke-linkButton,div.okeReviews .oke-linkButton{curs
840or:pointer;font-weight:700;pointer-events:auto;text-decoration:underline}.okeReviews[data-oke-container] .oke-linkButton:hover,div.okeReviews .oke-linkButton:hover{text-decoration:none}.okeReviews[data-oke-container] .oke-readMore,div.okeReviews .oke-readMore{cursor:pointer;color:inherit;text-decoration:underline}.okeReviews[data-oke-container] .oke-select,div.okeReviews .oke-select{cursor:pointer;background-repeat:no-repeat;background-position-x:100%;background-position-y:50%;border:none;padding:0 24px 0 12px;-moz-appearance:none;appearance:none;color:inherit;-webkit-appearance:none;background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='currentColor' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E");outline-offset:4px}.okeReviews[data-oke-container] .oke-select:disabled,div.okeReviews .oke-select:disabled{background-color:transparent;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg fill='%239a9db1' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3Cpath d='M0 0h24v24H0z' fill='none'/%3E%3C/svg%3E")}.okeReviews[data-oke-container] .oke-loader,div.okeReviews .oke-loader{position:relative}.okeReviews[data-oke-container] .oke-loader:before,div.okeReviews .oke-loader:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:var(--oke-text-secondaryColor);font-size:12px;display:inline-block;animation:oke-spin 1s linear infinite;position:absolute;width:12px;height:12px;top:0;left:0;bottom:0;right:0;margin:auto}.okeReviews[data-oke-container] .oke-a11yText,div.okeReviews .oke-a11yText{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.okeReviews[data-oke-container] .oke-hidden,div.okeReviews .oke-hidden{display:none}.okeReviews[data-oke-container] .oke-modal,div.okeReviews .oke-modal{bottom:0;left:0;overflow:auto;position:fixed;right:0;top:0;z-index:2147483647;max-height:100%;background-color:rgba(0,0,0,.5);padding:40px 0 32px}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal,div.okeReviews .oke-modal{display:flex;align-items:center;padding:48px 0}}.okeReviews[data-oke-container] .oke-modal ::-moz-selection,div.okeReviews .oke-modal ::-moz-selection{background-color:rgba(39,45,69,.2)}.okeReviews[data-oke-container] .oke-modal ::selection,div.okeReviews .oke-modal ::selection{background-color:rgba(39,45,69,.2)}.okeReviews[data-oke-container] .oke-modal,.okeReviews[data-oke-container] .oke-modal p,div.okeReviews .oke-modal,div.okeReviews .oke-modal p{color:#272d45}.okeReviews[data-oke-container] .oke-modal-content,div.okeReviews .oke-modal-content{background-color:#fff;margin:auto;position:relative;will-change:transform,opacity;width:calc(100% - 64px)}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal-content,div.okeReviews .oke-modal-content{max-width:1000px}}.okeReviews[data-oke-container] .oke-modal-close,div.okeReviews .oke-modal-close{cursor:pointer;position:absolute;width:32px;height:32px;top:-32px;padding:4px;right:-4px;line-height:1}.okeReviews[data-oke-container] .oke-modal-close:before,div.okeReviews .oke-modal-close:before{font-family:oke-widget-icons!important;font-style:normal;font-weight:400;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;content:"";color:#fff;font-size:24px;display:inline-block;width:24px;height:24px}.okeReviews[data-oke-container] .oke-modal-overlay,div.okeReviews .oke-modal-overlay{background-color:rgba(43,46,56,.9)}@media only screen and (min-width:1024px){.okeReviews[data-oke-container] .oke-modal--large .oke-modal-content,div.okeReviews .oke-modal--large .oke-modal-content{max-width:1200px}}.okeReviews[data-oke-container] .oke-modal .oke-helpful,.okeReviews[data-oke-container] .oke-modal .oke-helpful-vote-button,.okeReviews[data-oke-container] .oke-modal .oke-reviewContent-date,div.okeReviews .oke-modal .oke-helpful,div.okeReviews .oke-modal .oke-helpful-vote-button,div.okeReviews .oke-modal .oke-reviewContent-date{color:#676986}.oke-modal .okeReviews[data-oke-container].oke-w,.oke-modal div.okeReviews.oke-w{color:#272d45}.okeReviews[data-oke-container] .oke-tag,div.okeReviews .oke-tag{align-items:center;color:#272d45;display:flex;font-size:var(--oke-text-small);font-weight:600;text-align:left;position:relative;z-index:2;background-color:#f4f4f6;padding:4px 6px;border:none;border-radius:4px;gap:6px;line-height:1}.okeReviews[data-oke-container] .oke-tag svg,div.okeReviews .oke-tag svg{fill:currentColor;height:1rem}.okeReviews[data-oke-container] .hooper,div.okeReviews .hooper{height:auto}.okeReviews--left{text-align:left}.okeReviews--right{text-align:right}.okeReviews--center{text-align:center}.okeReviews :not([tabindex="-1"]):focus-visible{outline:5px auto highlight;outline:5px auto -webkit-focus-ring-color}.is-oke-modalOpen{overflow:hidden!important}img.oke-is-error{background-color:var(--oke-shadingColor);background-size:cover;background-position:50% 50%;box-shadow:inset 0 0 0 1px var(--oke-border-color)}@keyframes oke-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes oke-fade-in{0%{opacity:0}
840to{opacity:1}}
841.oke-stars{line-height:1;position:relative;display:inline-block}.oke-stars-background svg{overflow:visible}.oke-stars-foreground{overflow:hidden;position:absolute;top:0;left:0}.oke-sr{display:inline-block;padding-top:var(--oke-starRating-spaceAbove);padding-bottom:var(--oke-starRating-spaceBelow)}.oke-sr .oke-is-clickable{cursor:pointer}.oke-sr--hidden{display:none}.oke-sr-count,.oke-sr-rating,.oke-sr-stars{display:inline-block;vertical-align:middle}.oke-sr-stars{line-height:1;margin-right:8px}.oke-sr-rating{display:none}.oke-sr-count--brackets:before{content:"("}.oke-sr-count--brackets:after{content:")"}
842.oke-rk{display:block}.okeReviews[data-oke-container] .oke-reviewsKeywords-heading,div.okeReviews .oke-reviewsKeywords-heading{font-weight:700;margin-bottom:8px}.okeReviews[data-oke-container] .oke-reviewsKeywords-heading-skeleton,div.okeReviews .oke-reviewsKeywords-heading-skeleton{height:calc(var(--oke-button-fontSize) + 4px);width:150px}.okeReviews[data-oke-container] .oke-reviewsKeywords-list,div.okeReviews .oke-reviewsKeywords-list{display:inline-flex;align-items:center;flex-wrap:wrap;gap:4px}.okeReviews[data-oke-container] .oke-reviewsKeywords-list-category,div.okeReviews .oke-reviewsKeywords-list-category{background-color:var(--oke-filter-backgroundColor);color:var(--oke-filter-textColor);border:1px solid var(--oke-filter-borderColor);border-radius:var(--oke-filter-borderRadius);padding:6px 16px;transition:background-color .1s ease-out,border-color .1s ease-out;white-space:nowrap}.okeReviews[data-oke-container] .oke-reviewsKeywords-list-category.oke-is-clickable,div.okeReviews .oke-reviewsKeywords-list-category.oke-is-clickable{cursor:pointer}.okeReviews[data-oke-container] .oke-reviewsKeywords-list-category.oke-is-active,div.okeReviews .oke-reviewsKeywords-list-category.oke-is-active{background-color:var(--oke-filter-backgroundColorActive);color:var(--oke-filter-textColorActive);border-color:var(--oke-filter-borderColorActive)}.okeReviews[data-oke-container] .oke-reviewsKeywords .oke-translateButton,div.okeReviews .oke-reviewsKeywords .oke-translateButton{margin-top:12px}
843.oke-rs{display:block}.oke-rs .oke-reviewsSummary.oke-is-preRender .oke-reviewsSummary-summary{-webkit-mask:linear-gradient(180deg,#000 0,#000 40%,transparent 95%,transparent 0) 100% 50%/100% 100% repeat-x;mask:linear-gradient(180deg,#000 0,#000 40%,transparent 95%,transparent 0) 100% 50%/100% 100% repeat-x;max-height:150px}.okeReviews[data-oke-container] .oke-reviewsSummary .oke-tooltip,div.okeReviews .oke-reviewsSummary .oke-tooltip{display:inline-block;font-weight:400}.okeReviews[data-oke-container] .oke-reviewsSummary .oke-tooltip-trigger,div.okeReviews .oke-reviewsSummary .oke-tooltip-trigger{height:15px;width:15px;overflow:hidden;transform:translateY(-10%)}.okeReviews[data-oke-container] .oke-reviewsSummary-heading,div.okeReviews .oke-reviewsSummary-heading{align-items:center;-moz-column-gap:4px;column-gap:4px;display:inline-flex;font-weight:700;margin-bottom:8px}.okeReviews[data-oke-container] .oke-reviewsSummary-heading-skeleton,div.okeReviews .oke-reviewsSummary-heading-skeleton{height:calc(var(--oke-button-fontSize) + 4px);width:150px}.okeReviews[data-oke-container] .oke-reviewsSummary-icon,div.okeReviews .oke-reviewsSummary-icon{fill:currentColor;font-size:14px}.okeReviews[data-oke-container] .oke-reviewsSummary-icon svg,div.okeReviews .oke-reviewsSummary-icon svg{vertical-align:baseline}.okeReviews[data-oke-container] .oke-reviewsSummary-summary.oke-is-truncated,div.okeReviews .oke-reviewsSummary-summary.oke-is-truncated{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}</style>
844    
845    
845<script type="application/json" id="oke-reviews-settings">{"subscriberId":"833a8c0a-7d58-4eed-8a87-737d12f1f1b3","analyticsSettings":{"isWidgetOnScreenTrackingEnabled":true,"provider":"gtag"},"locale":"en","localeAndVariant":{"code":"en"},"matchCustomerLocale":false,"widgetSettings":{"global":{"dateSettings":{"format":{"type":"relative"}},"hideOkendoBranding":true,"stars":{"foregroundColor":"#47AF19","backgroundColor":"#E5E5E5","interspace":2,"showBorder":false},"recorderPlusEnabled":true},"homepageCarousel":{"slidesPerPage":{"large":3,"medium":2},"totalSlides":12,"scrollBehaviour":"slide","style":{"showDates":false,"layout":{"name":"default","reviewDetailsPosition":"above","showProductName":false,"showAttributeBars":false,"showProductDetails":"always"},"border":{"color":"#E5E5EB","width":{"value":1,"unit":"px"}},"highlightColor":"#47AF19","spaceAbove":{"value":20,"unit":"px"},"arrows":{"color":"#202322","size":{"value":24,"unit":"px"},"enabled":true},"avatar":{"backgroundColor":"#E5E5EB","placeholderTextColor":"#2C3E50","size":{"value":48,"unit":"px"},"enabled":false},"media":{"size":{"value":80,"unit":"px"},"imageGap":{"value":4,"unit":"px"},"enabled":false},"stars":{"height":{"value":15,"unit":"px"}},"text":{"primaryColor":"#202322","fontSizeRegular":{"value":14,"unit":"px"},"fontSizeSmall":{"value":12,"unit":"px"},"secondaryColor":"#202322"},"spaceBelow":{"value":20,"unit":"px"},"productImageSize":{"value":48,"unit":"px"}},"defaultSort":"rating desc","autoPlay":false,"truncation":{"bodyMaxLines":4,"truncateAll":true,"enabled":true}},"mediaCarousel":{"minimumImages":1,"linkText":"Read More","autoPlay":false,"slideSize":"medium","arrowPosition":"outside"},"mediaGrid":{"gridStyleDesktop":{"layout":"default-desktop"},"gridStyleMobile":{"layout":"default-mobile"},"showMoreArrow":{"arrowColor":"#676986","enabled":true,"backgroundColor":"#f4f4f6"},"linkText":"Read More","infiniteScroll":false,"gapSize":{"value":10,"unit":"px"}},"questions":{"initialPageSize":6,"loadMorePageSize":6},"reviewsBadge":{"layout":"large","colorScheme":"dark"},"reviewsTab":{"enabled":false},"reviewsWidget":{"tabs":{"reviews":true,"questions":false},"header":{"columnDistribution":"space-between","verticalAlignment":"top","blocks":[{"columnWidth":"one-third","modules":[{"name":"rating-average","layout":"one-line"},{"name":"rating-breakdown","backgroundColor":"#F4F4F6","shadingColor":"#47AF19","stretchMode":"contain"}],"textAlignment":"left"},{"columnWidth":"two-thirds","modules":[{"name":"recommended"},{"name":"reviews-summary","heading":"Reviews Summary","maxTextLines":3}],"textAlignment":"left"}]},"style":{"showDates":true,"border":{"color":"#E7E7E7","width":{"value":1,"unit":"px"}},"bodyFont":{"hasCustomFontSettings":false},"headingFont":{"hasCustomFontSettings":false},"filters":{"backgroundColorActive":"#202322","backgroundColor":"#FFFFFF","borderColor":"#202322","borderRadius":{"value":0,"unit":"px"},"borderColorActive":"#202322","textColorActive":"#FFFFFF","textColor":"#202322","searchHighlightColor":"#B2F9E9"},"avatar":{"enabled":false},"stars":{"height":{"value":15,"unit":"px"}},"shadingColor":"#F7F7F8","productImageSize":{"value":47,"unit":"px"},"button":{"backgroundColorActive":"#FFFFFF","borderColorHover":"#221F20","backgroundColor":"#47AF19","borderColor":"#47AF19","backgroundColorHover":"#FFFFFF","textColorHover":"#221F20","borderRadius":{"value":0,"unit":"px"},"borderWidth":{"value":1,"unit":"px"},"borderColorActive":"#221F20","textColorActive":"#221F20","textColor":"#FFFFFF","font":{"hasCustomFontSettings":false}},"highlightColor":"#47AF19","spaceAbove":{"value":20,"unit":"px"},"text":{"primaryColor":"#202322","fontSizeRegular":{"value":18,"unit":"px"},"fontSizeLarge":{"value":18,"unit":"px"},"fontSizeSmall":{"value":15,"unit":"px"},"secondaryColor":"#202322"},"spaceBelow":{"value":20,"unit":"px"},"attributeBar":{"style":"default","backgroundColor":"#D3D4DD","shadingColor":"#47AF19","markerColor":"#47AF19"}},"showWhenEmpty":false,"reviews":{"list":{"layout":{"collapseReviewerDetails":false,"columnAmount":4,"name":"default","showAttributeBars":false,"borderStyle":"full","showProductVariantName":false,"showProductDetails":"always"},"loyalty":{"maxInitialAchievements":3,"showVipTiers":false},"initialPageSize":3,"replyTruncation":{"bodyMaxLines":4,"enabled":true},"media":{"layout":"thumbnail","size":{"value":75,"unit":"px"},"imageGap":{"value":4,"unit":"px"}},"truncation":{"bodyMaxLines":4,"truncateAll":false,"enabled":true},"loadMorePageSize":5},"controls":{"filterMode":"closed","writeReviewButtonEnabled":true,"freeTextSearchEnabled":true,"defaultSort":"rating desc"}}},"starRatings":{"showWhenEmpty":false,"style":{"text":{"content":"review-count","style":"number-and-text","brackets":false},"spaceAbove":{"value":0,"unit":"px"},"spaceBelow":{"value":0,"unit":"px"},"height":{"value":15,"unit":"px"}},"clickBehavior":"scroll-to-widget"}},"features":{"attributeFiltersEnabled":true,"recorderPlusEnabled":true,"recorderQandaPlusEnabled":true,"reviewsKeywordsEnabled":true,"reviewsSummariesEnabled":true}}</script>
845
846            <style id="oke-css-vars">:root{--oke-widget-spaceAbove:20px;--oke-widget-spaceBelow:20px;--oke-starRating-spaceAbove:0;--oke-starRating-spaceBelow:0;--oke-button-backgroundColor:#47af19;--oke-button-backgroundColorHover:#fff;--oke-button-backgroundColorActive:#fff;--oke-button-textColor:#fff;--oke-button-textColorHover:#221f20;--oke-button-textColorActive:#221f20;--oke-button-borderColor:#47af19;--oke-button-borderColorHover:#221f20;--oke-button-borderColorActive:#221f20;--oke-button-borderRadius:0;--oke-button-borderWidth:1px;--oke-button-fontWeight:700;--oke-button-fontSize:var(--oke-text-regular,14px);--oke-button-fontFamily:inherit;--oke-border-color:#e7e7e7;--oke-border-width:1px;--oke-text-primaryColor:#202322;--oke-text-secondaryColor:#202322;--oke-text-small:15px;--oke-text-regular:18px;--oke-text-large:18px;--oke-text-fontFamily:inherit;--oke-avatar-size:undefined;--oke-avatar-backgroundColor:undefined;--oke-avatar-placeholderTextColor:undefined;--oke-highlightColor:#47af19;--oke-shadingColor:#f7f7f8;--oke-productImageSize:47px;--oke-attributeBar-shadingColor:#47af19;--oke-attributeBar-borderColor:undefined;--oke-attributeBar-backgroundColor:#d3d4dd;--oke-attributeBar-markerColor:#47af19;--oke-filter-backgroundColor:#fff;--oke-filter-backgroundColorActive:#202322;--oke-filter-borderColor:#202322;--oke-filter-borderColorActive:#202322;--oke-filter-textColor:#202322;--oke-filter-textColorActive:#fff;--oke-filter-borderRadius:0;--oke-filter-searchHighlightColor:#b2f9e9;--oke-mediaGrid-chevronColor:#676986;--oke-stars-foregroundColor:#47af19;--oke-stars-backgroundColor:#e5e5e5;--oke-stars-borderWidth:0}.oke-w,oke-modal{--oke-title-fontWeight:600;--oke-title-fontSize:var(--oke-text-regular,14px);--oke-title-fontFamily:inherit;--oke-bodyText-fontWeight:400;--oke-bodyText-fontSize:var(--oke-text-regular,14px);--oke-bodyText-fontFamily:inherit}</style>
847            <style id="oke-reviews-custom-css">.template-product .oke-sr{margin-top:20px}.okendo-review-widget-container{margin-top:100px;margin-bottom:60px}.okeReviews.oke-w[data-oke-container] .oke-w-writeReview{display:none}[data-oke-carousel],[data-oke-media-grid],[data-oke-media-carousel],[data-oke-questions-widget],[data-oke-widget]{width:100%}div.okeReviews[data-oke-container].oke-w{max-width:unset}div.okeReviews[data-oke-container] p{font-size:15px;line-height:18.65px}.okeReviews[data-oke-container] .oke-reviewContent .oke-reviewContent-title{color:#212322;font-size:1.13em}div.oke-modal .okeReviews[data-oke-container].oke-w,div.okeReviews[data-oke-container] .oke-modal,div.okeReviews[data-oke-container] .oke-modal p,div.okeReviews[data-oke-container] .oke-modal .oke-helpful,div.okeReviews[data-oke-container] .oke-modal .oke-helpful-vote-button,div.okeReviews[data-oke-container] .oke-modal .oke-reviewContent-date{color:var(--oke-text-primaryColor)}div.okeReviews[data-oke-container] .oke-button{font-size:13px;transition:none}.okeReviews[data-oke-container] .oke-is-small .oke-sortSelect-label{margin-right:0}.okeReviews[data-oke-container] .oke-is-small .oke-w-reviews-count,.okeReviews[data-oke-container] .oke-is-small .oke-sortSelect{font-size:.9em}div.okeReviews[data-oke-container] .oke-w-textSearchFilter-input{border-radius:0}div.okeReviews[data-oke-container] .oke-w-reviews-controls{flex-wrap:wrap}@media(min-width:992px){div.okeReviews[data-oke-container] p{font-size:18px;line-height:22.37px}}.okeReviews[data-oke-container] .oke-reviewCarousel .oke-reviewCarousel-header-title{font-size:25px;font-weight:700;line-height:31px}@media all and (min-width:992px){.okeReviews[data-oke-container] .oke-reviewCarousel .oke-reviewCarousel-header-title{font-size:30px;line-height:37px}}</style>
848            <template id="oke-reviews-body-template"><svg id="oke-star-symbols" style="display:none!important" data-oke-id="oke-star-symbols"><symbol id="oke-star-empty" style="overflow:visible;"><path id="star-default--empty" fill="var(--oke-stars-backgroundColor)" stroke="var(--oke-stars-borderColor)" stroke-width="var(--oke-stars-borderWidth)" d="M3.34 13.86c-.48.3-.76.1-.63-.44l1.08-4.56L.26 5.82c-.42-.36-.32-.7.24-.74l4.63-.37L6.92.39c.2-.52.55-.52.76 0l1.8 4.32 4.62.37c.56.05.67.37.24.74l-3.53 3.04 1.08 4.56c.13.54-.14.74-.63.44L7.3 11.43l-3.96 2.43z"/></symbol><symbol id="oke-star-filled" style="overflow:visible;"><path id="star-default--filled" fill="var(--oke-stars-foregroundColor)" stroke="var(--oke-stars-borderColor)" stroke-width="var(--oke-stars-borderWidth)" d="M3.34 13.86c-.48.3-.76.1-.63-.44l1.08-4.56L.26 5.82c-.42-.36-.32-.7.24-.74l4.63-.37L6.92.39c.2-.52.55-.52.76 0l1.8 4.32 4.62.37c.56.05.67.37.24.74l-3.53 3.04 1.08 4.56c.13.54-.14.74-.63.44L7.3 11.43l-3.96 2.43z"/></symbol></svg></template>
848<script>document.addEventListener('readystatechange',() =>{Array.from(document.getElementById('oke-reviews-body-template')?.content.children)?.forEach(function(child){if(!Array.from(document.body.querySelectorAll('[data-oke-id='.concat(child.getAttribute('data-oke-id'),']'))).length){document.body.prepend(child)}})},{once:true});</script>
848
849
850
851
852
853    
854    
855
856
857
858
859    
859<script src="https://surveys.okendo.io/js/init-quizzes.js" defer></script>
859
860
861
862
863
864
865
866
867<!-- END app snippet -->
868
869<!-- BEGIN app snippet: widget-plus-initialisation-script -->
870
871
872
873
874    
874<script async id="okendo-reviews-script" src="https://cdn-static.okendo.io/reviews-widget-plus/js/okendo-reviews.js"></script>
874
875
876<!-- END app snippet -->
877
878
879<!-- END app block --><!-- BEGIN app block: shopify://apps/klaviyo-email-marketing-sms/blocks/klaviyo-onsite-embed/2632fe16-c075-4321-a88b-50b567f42507 -->
880
881
882
883
884
885
886
887
888
889
890
891
892  
892<script async src="https://static.klaviyo.com/onsite/js/VST9Su/klaviyo.js?company_id=VST9Su"></script>
892
893  
893<script>!function(){if(!window.klaviyo){window._klOnsite=window._klOnsite||[];try{window.klaviyo=new Proxy({},{get:function(n,i){return"push"===i?function(){var n;(n=window._klOnsite).push.apply(n,arguments)}:function(){for(var n=arguments.length,o=new Array(n),w=0;w<n;w++)o[w]=arguments[w];var t="function"==typeof o[o.length-1]?o.pop():void 0,e=new Promise((function(n){window._klOnsite.push([i].concat(o,[function(i){t&&t(i),n(i)}]))}));return e}}})}catch(n){window.klaviyo=window.klaviyo||[],window.klaviyo.push=function(){var n;(n=window._klOnsite).push.apply(n,arguments)}}}}();</script>
893
894
895  
896
897
898
899
900  
900<script>
901    window.klaviyoReviewsProductDesignMode = false
902  </script>
902
903
904
905
906
907
908
909
910
911
912<!-- END app block -->
912<script src="https://cdn.shopify.com/extensions/019f511a-1c67-7a71-a162-07397e50c10c/bnb-app-11/assets/buynowbutton.js" type="text/javascript" defer="defer"></script>
vendor: 1 bytes, line 912
912
913<script src="https://cdn.shopify.com/extensions/019f511a-1c67-7a71-a162-07397e50c10c/bnb-app-11/assets/buynowbutton-lists.js" type="text/javascript" defer="defer"></script>
913
914<link href="https://monorail-edge.shopifysvc.com" rel="dns-prefetch">
915<script>(function(){if ("sendBeacon" in navigator && "performance" in window) {try {var session_token_from_headers = performance.getEntriesByType('navigation')[0].serverTiming.find(x => x.name == '_s').description;} catch {var session_token_from_headers = undefined;}var session_cookie_matches = document.cookie.match(/_shopify_s=([^;]*)/);var session_token_from_cookie = session_cookie_matches && session_cookie_matches.length === 2 ? session_cookie_matches[1] : "";var session_token = session_token_from_headers || session_token_from_cookie || "";function handle_abandonment_event(e) {var entries = performance.getEntries().filter(function(entry) {return /monorail-edge.shopifysvc.com/.test(entry.name);});if (!window.abandonment_tracked && entries.length === 0) {window.abandonment_tracked = true;var currentMs = Date.now();var navigation_start = performance.timing.navigationStart;var payload = {shop_id: 359333902,url: window.location.href,navigation_start,duration: currentMs - navigation_start,session_token,page_type: "index"};window.navigator.sendBeacon("https://monorail-edge.shopifysvc.com/v1/produce", JSON.stringify({schema_id: "online_store_buyer_site_abandonment/1.1",payload: payload,metadata: {event_created_at_ms: currentMs,event_sent_at_ms: currentMs}}));}}window.addEventListener('pagehide', handle_abandonment_event);}}());</script>
vendor: 1 bytes, line 915
915
916<script>
917  window.__TREKKIE_SHIM_QUEUE = window.__TREKKIE_SHIM_QUEUE || [];
918</script>
vendor: 1 bytes, line 918
918
919<script>(function(){var wpmLoader=function(){"use strict";var e=/Googlebot|Storebot-Google|bingbot|Baiduspider|YandexBot|DuckDuckBot|Slurp|facebookexternalhit|Twitterbot|LinkedInBot|Applebot|AdsBot-Google|Mediapartners-Google|APIs-Google|PetalBot|SemrushBot|AhrefsBot|MJ12bot|DotBot|Acunetix|PerplexityBot|Perplexity-User/i,t=/bytedance/i;function i(){try{var e=document.cookie;if(!e||"string"!=typeof e)return;for(var t=0,i=e.split(";");t<i.length;t++){var n=i[t],r=n.indexOf("=");if(-1!==r){var o=n.slice(0,r).trim();if(o){var a=void 0;try{a=decodeURIComponent(o)}catch(e){a=o}if("_shopify_s"===a){var d=n.slice(r+1).trim();try{return decodeURIComponent(d)}catch(e){return d}}}}}return}catch(e){return}}function n(e){try{"undefined"!=typeof console&&"function"==typeof console.warn&&console.warn(e)}catch(e){}}function r(e,t){return"string"==typeof e&&e.length>0&&e.length<=t?e:void 0}function o(e){var t;switch(null==(t=null==e?void 0:e.navigation)?void 0:t.type){case 0:return"navigate";case 1:return"reload";case 2:return"back_forward";default:return}}function a(){var e,t,i;try{var n=null==(i=null==(t=null==(e=self.ShopifyAnalytics)?void 0:e.lib)?void 0:t.trekkie)?void 0:i.state;return"awaiting-consent"===n||"initialized"===n?n:void 0}catch(e){return}}return function(d,s,u,l){var c=arguments.length>4&&void 0!==arguments[4]?arguments[4]:{};try{var p=c.trekkieShim;!0!==p&&"true"!==p||null!=window.__TREKKIE_SHIM_QUEUE||(window.__TREKKIE_SHIM_QUEUE=[])}catch(e){}var f,v,h,y,g=(v=(f={modern:/Edge?\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Firefox\/(1{2}[4-9]|1[2-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Chrom(ium|e)\/(9{2}|\d{3,})\.\d+(\.\d+|)|(Maci|X1{2}).+ Version\/(15\.\d+|(1[6-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(9{2}|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(15[._]\d+|(1[6-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|SamsungBrowser\/([2-9]\d|\d{3,})\.\d+/,legacy:/Edge?\/(1[6-9]|[2-9]\d|\d{3,})\.\d+(\.\d+|)|Firefox\/(5[4-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)|Chrom(ium|e)\/(5[1-9]|[6-9]\d|\d{3,})\.\d+(\.\d+|)([\d.]+$|.*Safari\/(?![\d.]+ Edge\/[\d.]+$))|(Maci|X1{2}).+ Version\/(10\.\d+|(1[1-9]|[2-9]\d|\d{3,})\.\d+)([,.]\d+|)( \(\w+\)|)( Mobile\/\w+|) Safari\/|Chrome.+OPR\/(3[89]|[4-9]\d|\d{3,})\.\d+\.\d+|(CPU[ +]OS|iPhone[ +]OS|CPU[ +]iPhone|CPU IPhone OS|CPU iPad OS)[ +]+(10[._]\d+|(1[1-9]|[2-9]\d|\d{3,})[._]\d+)([._]\d+|)|Android:?[ /-](14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})(\.\d+|)(\.\d+|)|Mobile Safari.+OPR\/([89]\d|\d{3,})\.\d+\.\d+|Android.+Firefox\/(15\d|1[6-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+Chrom(ium|e)\/(14[89]|1[5-9]\d|[2-9]\d{2}|\d{4,})\.\d+(\.\d+|)|Android.+(UC? ?Browser|UCWEB|U3)[ /]?(15\.([5-9]|\d{2,})|(1[6-9]|[2-9]\d|\d{3,})\.\d+)\.\d+|SamsungBrowser\/(5\.\d+|([6-9]|\d{2,})\.\d+)|Android.+MQ{2}Browser\/(14(\.(9|\d{2,})|)|(1[5-9]|[2-9]\d|\d{3,})(\.\d+|))(\.\d+|)|K[Aa][Ii]OS\/(3\.\d+|([4-9]|\d{2,})\.\d+)(\.\d+|)/}).modern,h=f.legacy,(y=navigator.userAgent).match(e)?"bot":y.match(v)?"modern":y.match(h)?"legacy":y.match(t)?"bot":"unknown"),m=function(e){var t,i,n=r(e,128);try{var a=window.performance,d=null==(t=null==a?void 0:a.getEntriesByType)?void 0:t.call(a,"navigation")[0];if(!d)return{requestId:n,navigationType:o(a)};var s="type"in d?r(d.type,64):void 0,u="serverTiming"in d&&Array.isArray(d.serverTiming)?d.serverTiming:[];return{requestId:null!=n?n:r(null==(i=u.find(function(e){return"requestID"===e.name}))?void 0:i.description,128),navigationType:s}}catch(e){return{requestId:n}}}(c.requestId),w=function(e){var t=e.version,r=e.browserTarget,o=e.surface,a=e.shopId,d=e.monorailEndpoint,s=window.location.href;return{emit:function(e){var u=e.status,l=e.errorMsg,c=e.failureReason,p=e.useKeepaliveFallback,f=void 0!==p&&p,v=e.navigationType,h=e.pagehidePersisted,y=e.requestId,g=e.trekkieState;if(d){var m,w;try{var b=(new Date).getTime();m=JSON.stringify({metadata:{event_sent_at_ms:b},events:[{schema_id:"web_pixels_manager_load/3.3",payload:{version:t,bundle_target:r,page_url:s,status:u,surface:o,error_msg:l,failure_reason:c,navigation_type:v,pagehide_persisted:h,request_id:y,trekkie_state:g,shop_id:a,visit_token:i()},metadata:{event_created_at_ms:b}}]})}catch(e){return}try{if("function"==typeof window.navigator.sendBeacon&&-1===(w=window.navigator.userAgent).indexOf("iPhone; CPU iPhone OS 12_")&&-1===w.indexOf("iPad; CPU OS 12_")&&-1===w.indexOf("iPod touch; CPU iPhone OS 12_")&&window.navigator.sendBeacon.bind(window.navigator)(d,m))return}catch(e){}if(f)try{"function"==typeof window.fetch&&window.fetch(d,{method:"POST",headers:{"Content-Type":"text/plain"},body:m,keepalive:!0}
919).catch(function(){})}catch(e){}else try{var _=new XMLHttpRequest;_.open("POST",d,!0),_.setRequestHeader("Content-Type","text/plain"),_.send(m)}catch(e){n("[Web Pixels Manager] Got an unhandled error while logging to Monorail.")}}else n("[Web Pixels Manager] No Monorail endpoint provided, skipping logging.")}}}({version:u,browserTarget:g,surface:d.surface,shopId:d.shopId,monorailEndpoint:d.monorailEndpoint});if(Boolean(null==(_=null==(b=window.Shopify)?void 0:b.analytics)?void 0:_.replayQueue))w.emit({status:"setup-skipped",errorMsg:"replay queue already initialized."});else{var b,_;w.emit({status:"setup-started"}),window.Shopify=window.Shopify||{};var S=window.Shopify;S.analytics=S.analytics||{};var P=S.analytics;P.replayQueue=[],P.publish=function(e,t,i){return P.replayQueue.push([e,t,i]),!0};try{self.performance.mark("wpm:start")}catch(e){}var k,C="modern"===g?"modern":"legacy",E=(null!=l?l:{modern:"",legacy:""})[C],I=[(k={baseUrl:s,hashVersion:u,buildTarget:C}).baseUrl,"/wpm","/b",k.hashVersion,"modern"===k.buildTarget?"m":"l",".js"].join(""),O=!1,T=!1;try{c.browserTarget=g,function(){O=!0;try{window.addEventListener("pagehide",M)}catch(e){O=!1}}(),R(function(){try{R(x)}catch(e){D(e)}}),w.emit({status:"loading",requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()})}catch(e){D(e)}}function U(){var e;if(q(),!function(){var e,t;return Boolean(null==(t=null==(e=window.Shopify)?void 0:e.analytics)?void 0:t.initialized)}()){var t,i,n;try{if("function"!=typeof(null==(e=window.webPixelsManager)?void 0:e.init))return void A();if(!(null!==(n=i=t=window.webPixelsManager.init(d))&&"function"!=typeof n&&Object(n)===n&&"publish"in i&&"function"==typeof i.publish&&"publishCustomEvent"in i&&"function"==typeof i.publishCustomEvent&&"visitor"in i&&"function"==typeof i.visitor))return void A()}catch(e){return void A(e)}var r=window.Shopify.analytics;r.replayQueue.forEach(function(e){var i=e[0],n=e[1],r=e[2];t.publishCustomEvent(i,n,r)}),r.replayQueue=[],r.publish=t.publishCustomEvent,r.visitor=t.visitor,r.initialized=!0}}function A(e){B("manager_api_unavailable",void 0===e?void 0:Q(e))}function x(){B("script_load_failed","".concat(I," has failed to load"))}function B(e,t){T||(T=!0,q(),w.emit({status:"failed",errorMsg:t,failureReason:e,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function M(e){O&&(q(),w.emit({status:"pagehide-while-loading",useKeepaliveFallback:!0,pagehidePersisted:e.persisted,requestId:m.requestId,navigationType:m.navigationType,trekkieState:a()}))}function q(){O=!1;try{window.removeEventListener("pagehide",M)}catch(e){}}function R(e){var t;!function(e){var t=e.src,i=e.async,n=void 0===i||i,r=e.onload,o=e.onerror,a=e.sri,d=e.scriptDataAttributes,s=void 0===d?{}:d,u=document.createElement("script"),l=document.querySelector("head"),c=document.querySelector("body");if(u.async=n,u.src=t,a&&(u.integrity=a,u.crossOrigin="anonymous"),s)for(var p in s)if(Object.prototype.hasOwnProperty.call(s,p))try{u.dataset[p]=String(s[p])}catch(e){}if(r&&u.addEventListener("load",r),o&&u.addEventListener("error",o),l)l.appendChild(u);else{if(!c)throw new Error("Did not find a head or body element to append the script");c.appendChild(u)}}({src:I,async:!0,onload:U,onerror:e,sri:(t=E,"string"==typeof t&&/^sha384-[A-Za-z0-9+/=]+$/.test(t)?E:""),scriptDataAttributes:c})}function D(e){B("script_append_failed",Q(e))}function Q(e){return e instanceof Error?e.message:"Unknown error"}}}();wpmLoader({shopId: 359333902,storefrontBaseUrl: "https://soylent.com",extensionsBaseUrl: "https://extensions.shopifycdn.com/cdn/shopifycloud/web-pixels-manager",monorailEndpoint: "https://soylent.com/.well-known/shopify/monorail/unstable/produce_batch",surface: "storefront-renderer",enabledBetaFlags: ["4c64608a","16072cab","8450a54b","7ee89bf1"],webPixelsConfigList: [{"id":"2596208751","configuration":"{\"store_id\":\"45326\",\"environment\":\"prod\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"10c4f173702937db6fa4bf871600cafd","type":"APP","apiClientId":294517,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]}
919,"dataSharingState":"unrestricted"},{"id":"1257078895","configuration":"{\"accountID\":\"VST9Su\",\"webPixelConfig\":\"eyJlbmFibGVBZGRlZFRvQ2FydEV2ZW50cyI6IHRydWV9\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"c63c5b72c8d77be5f2d27d14c081da38","type":"APP","apiClientId":123074,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"704577647","configuration":"{\"site_id\":\"f441db60-019a-4873-9df7-29b0ccc6c72a\",\"analytics_endpoint\":\"https:\\\/\\\/na.shgcdn3.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"695709fc3f146fa50a25299517a954f2","type":"APP","apiClientId":1158168,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_personal_data"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"685441135","configuration":"{ \"bundleName\": \"soylent-prod\" }","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"6d69af31d151d9c0dc4842dc2c8531ca","type":"APP","apiClientId":5106349,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"491913327","configuration":"{\"shopId\":\"soylent-prod.myshopify.com\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7093dff47f098f6de2afb75b62011ebe","type":"APP","apiClientId":2753413,"privacyPurposes":["ANALYTICS","MARKETING"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"316113007","configuration":"{\"config\":\"{\\\"google_tag_ids\\\":[\\\"G-BDLS35Q0N3\\\",\\\"GT-TNH3KHB\\\"],\\\"gtag_events\\\":[{\\\"type\\\":\\\"search\\\",\\\"action_label\\\":\\\"G-BDLS35Q0N3\\\"},{\\\"type\\\":\\\"begin_checkout\\\",\\\"action_label\\\":\\\"G-BDLS35Q0N3\\\"},{\\\"type\\\":\\\"remove_from_cart\\\",\\\"action_label\\\":\\\"G-BDLS35Q0N3\\\"},{\\\"type\\\":\\\"view_item\\\",\\\"action_label\\\":[\\\"G-BDLS35Q0N3\\\",\\\"MC-CCN30TBYHZ\\\"]},{\\\"type\\\":\\\"purchase\\\",\\\"action_label\\\":[\\\"G-BDLS35Q0N3\\\",\\\"MC-CCN30TBYHZ\\\"]},{\\\"type\\\":\\\"add_shipping_info\\\",\\\"action_label\\\":\\\"G-BDLS35Q0N3\\\"},{\\\"type\\\":\\\"page_view\\\",\\\"action_label\\\":[\\\"G-BDLS35Q0N3\\\",\\\"MC-CCN30TBYHZ\\\"]},{\\\"type\\\":\\\"view_item_list\\\",\\\"action_label\\\":\\\"G-BDLS35Q0N3\\\"},{\\\"type\\\":\\\"add_payment_info\\\",\\\"action_label\\\":\\\"G-BDLS35Q0N3\\\"},{\\\"type\\\":\\\"add_to_cart\\\",\\\"action_label\\\":\\\"G-BDLS35Q0N3\\\"},{\\\"type\\\":\\\"view_cart\\\",\\\"action_label\\\":\\\"G-BDLS35Q0N3\\\"}],\\\"enable_monitoring_mode\\\":false}\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"a3321ca85cf5aaf6b57585fcd8d67b3a","type":"APP","apiClientId":1780363,"privacyPurposes":[],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"266403951","configuration":"{\"pixelCode\":\"C4TS95BQ8B0GT169DHLG\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"22e92c2ad45662f435e4801458fb78cc","type":"APP","apiClientId":4383523,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"}
919,{"id":"145981551","configuration":"{\"hashed_organization_id\":\"46d6699a16c0919a04be2f23409cf678_v1\",\"app_key\":\"soylent-prod\",\"allow_collect_personal_data\":\"true\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"01efe7afb13dafa90bc1421b50b2a3ed","type":"APP","apiClientId":111542,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"134643823","configuration":"{\"pixel_id\":\"1528181130809220\",\"pixel_type\":\"facebook_pixel\",\"metaapp_system_user_token\":\"-\"}","eventPayloadVersion":"v1","runtimeContext":"OPEN","scriptVersion":"96420dbe9ea96c426a1b7f364f977719","type":"APP","apiClientId":2329312,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized","enabledFlags":["9a3ed68a"]},{"id":"55115887","configuration":"{\"subscriberId\":\"833a8c0a-7d58-4eed-8a87-737d12f1f1b3\",\"pixelEventTrackingEnabled\":\"true\",\"pixelReviewsEventsEnabled\":\"false\",\"pixelReviewsOnScreenTimerEnabled\":\"false\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"51addb49e96ee79ec1795596c3471e86","type":"APP","apiClientId":1576377,"privacyPurposes":["ANALYTICS"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"31850607","configuration":"{\"tagID\":\"2612863372523\"}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"7ae565e198624b39e0856d352b9a6b4c","type":"APP","apiClientId":3009811,"privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"dataSharingAdjustments":{"protectedCustomerApprovalScopes":["read_customer_address","read_customer_email","read_customer_name","read_customer_personal_data","read_customer_phone"],"dataSharingControls":["share_all_events"]},"dataSharingState":"optimized"},{"id":"18645103","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING","SALE_OF_DATA"],"name":"Retention.com Script"},{"id":"28049519","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"5","type":"CUSTOM","privacyPurposes":[],"name":"Klaviyo Non Recurring Revenue "},{"id":"87425135","eventPayloadVersion":"1","runtimeContext":"LAX","scriptVersion":"1","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"],"name":"Yottaa"},{"id":"shopify-app-pixel","configuration":"{}","eventPayloadVersion":"v1","runtimeContext":"STRICT","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"APP","privacyPurposes":["ANALYTICS","MARKETING"]},{"id":"shopify-custom-pixel","eventPayloadVersion":"v1","runtimeContext":"LAX","scriptVersion":"0530","apiClientId":"shopify-pixel","type":"CUSTOM","privacyPurposes":["ANALYTICS","MARKETING"]}],isMerchantRequest: false,initData: {"shop":{"name":"Soylent","paymentSettings":{"currencyCode":"USD"},"myshopifyDomain":"soylent-prod.myshopify.com","countryCode":"US","storefrontUrl":"https:\/\/soylent.com"},"customer":null,"cart":null,"checkout":null,"productVariants":[],"products":[{"id":"4605292675183","handle":"soylent-complete-energy-chocolate","isCollective":null,"title":null,"type":null,"untranslatedTitle":null,"url":null,"vendor":null,"remoteShopId":null,"variants":[{"id":"32248221958255","image":null,"price":null,"sku":null,"title":null,"untranslatedTitle":null}]}],"purchasingCompany":null},},"https://soylent.com/cdn","5982071ew7ea472e3p69b68784m2150dfea",{"modern":"","legacy":""},{"trekkieShim":true,"agentContext":true,"apiClientId":"580111","facebookCapiEnabled":"true","themeId":"126746296431","themePublished":"true","eventMetadataId":"db8426ec-976e-435c-abf9-59d86ec12c48","pageType":"home","shopId":"359333902","storefrontBaseUrl":"https:\/\/soylent.com","extensionBaseUrl":"https:\/\/extensions.shopifycdn.com\/cdn\/shopifycloud\/web-pixels-manager","surface":"storefront-renderer","enabledBetaFlags":"[\"4c64608a\", \"16072cab\", \"8450a54b\", \"7ee89bf1\"]","isMerchantRequest":"false","hashVersion":"5982071ew7ea472e3p69b68784m2150dfea","publish":"custom","events":"[[\"page_viewed\",{}]]"});})();</script>
919<script>
920  window.ShopifyAnalytics = window.ShopifyAnalytics || {};
921  window.ShopifyAnalytics.meta = window.ShopifyAnalytics.meta || {};
922  window.ShopifyAnalytics.meta.currency = 'USD';
923  var meta = {"page":{"pageType":"home","requestId":"cf742a6c-90e5-4ac4-950f-e8677e365c0a-1790916356"}};
924  for (var attr in meta) {
925    window.ShopifyAnalytics.meta[attr] = meta[attr];
926  }
927</script>
vendor: 1 bytes, line 927
927
928<script class="analytics">
929  (function () {
930    var customDocumentWrite = function(content) {
931      var jquery = null;
932
933      if (window.jQuery) {
934        jquery = window.jQuery;
935      } else if (window.Checkout && window.Checkout.$) {
936        jquery = window.Checkout.$;
937      }
938
939      if (jquery) {
940        jquery('body').append(content);
941      }
942    };
943
944    var hasLoggedConversion = function(token) {
945      if (token) {
946        return document.cookie.indexOf('loggedConversion=' + token) !== -1;
947      }
948      return false;
949    }
950
951    var setCookieIfConversion = function(token) {
952      if (token) {
953        var twoMonthsFromNow = new Date(Date.now());
954        twoMonthsFromNow.setMonth(twoMonthsFromNow.getMonth() + 2);
955
956        document.cookie = 'loggedConversion=' + token + '; expires=' + twoMonthsFromNow;
957      }
958    }
959
960    var trekkie = window.ShopifyAnalytics.lib = window.trekkie = window.trekkie || [];
961    window.ShopifyAnalytics.lib.trekkie = window.trekkie;
962    if (trekkie.integrations) {
963      return;
964    }
965    trekkie.methods = [
966      'identify',
967      'page',
968      'ready',
969      'track',
970      'trackForm',
971      'trackLink'
972    ];
973    trekkie.factory = function(method) {
974      return function() {
975        var args = Array.prototype.slice.call(arguments);
976        args.unshift(method);
977        trekkie.push(args);
978        if (method == 'track' || method == 'page') {
979          var pageUrl;
980          try {
981            pageUrl = window.location.href;
982          } catch (e) {}
983          var pageReferrer;
984          try {
985            pageReferrer = document.referrer;
986          } catch (e) {}
987          try {
988            if (window.__TREKKIE_SHIM_QUEUE == null) {
989              window.__TREKKIE_SHIM_QUEUE = [];
990            }
991            window.__TREKKIE_SHIM_QUEUE.push({
992              from: 'trekkie-stub',
993              method: method,
994              args: args.slice(1),
995              pageContext: {
996                url: pageUrl,
997                referrer: pageReferrer
998              }
999            });
1000          } catch (e) {
1001            // no-op
1002          }
1003        }
1004        return trekkie;
1005      };
1006    };
1007    for (var i = 0; i < trekkie.methods.length; i++) {
1008      var key = trekkie.methods[i];
1009      trekkie[key] = trekkie.factory(key);
1010    }
1011    trekkie.load = function(config) {
1012      trekkie.config = config || {};
1013      trekkie.config.initialDocumentCookie = document.cookie;
1014      var first = document.getElementsByTagName('script')[0];
1015var script = document.createElement('script');
1016script.type = 'text/javascript';
1017script.onerror = function(e) {
1018  var scriptFallback = document.createElement('script');
1019  scriptFallback.type = 'text/javascript';
1020  scriptFallback.onerror = function(error) {
1021          var Monorail = {
1022      produce: function produce(monorailDomain, schemaId, payload) {
1023        var currentMs = new Date().getTime();
1024        var event = {
1025          schema_id: schemaId,
1026          payload: payload,
1027          metadata: {
1028            event_created_at_ms: currentMs,
1029            event_sent_at_ms: currentMs
1030          }
1031        };
1032        return Monorail.sendRequest("https://" + monorailDomain + "/v1/produce", JSON.stringify(event));
1033      },
1034      sendRequest: function sendRequest(endpointUrl, payload) {
1035        // Try the sendBeacon API
1036        if (window && window.navigator && typeof window.navigator.sendBeacon === 'function' && typeof window.Blob === 'function' && !Monorail.isIos12()) {
1037          var blobData = new window.Blob([payload], {
1038            type: 'text/plain'
1039          });
1040
1041          if (window.navigator.sendBeacon(endpointUrl, blobData)) {
1042            return true;
1043          } // sendBeacon was not successful
1044
1045        } // XHR beacon
1046
1047        var xhr = new XMLHttpRequest();
1048
1049        try {
1050          xhr.open('POST', endpointUrl);
1051          xhr.setRequestHeader('Content-Type', 'text/plain');
1052          xhr.send(payload);
1053        } catch (e) {
1054          console.log(e);
1055        }
1056
1057        return false;
1058      },
1059      isIos12: function isIos12() {
1060        return window.navigator.userAgent.lastIndexOf('iPhone; CPU iPhone OS 12_') !== -1 || window.navigator.userAgent.lastIndexOf('iPad; CPU OS 12_') !== -1;
1061      }
1062    };
1063    Monorail.produce('monorail-edge.shopifysvc.com',
1064      'trekkie_storefront_load_errors/1.1',
1065      {shop_id: 359333902,
1066      theme_id: 126746296431,
1067      app_name: "storefront",
1068      context_url: window.location.href,
1069      source_url: "//soylent.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js"});
1070
1071  };
1072  scriptFallback.async = true;
1073  scriptFallback.src = '//soylent.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1074  first.parentNode.insertBefore(scriptFallback, first);
1075};
1076script.async = true;
1077script.src = '//soylent.com/cdn/s/trekkie.storefront.2f6d7d7ede7d24234881a9cd5f47e679642fa1f6.min.js';
1078first.parentNode.insertBefore(script, first);
1079
1080    };
1081    trekkie.load(
1082      {"Trekkie":{"appName":"storefront","development":false,"defaultAttributes":{"shopId":359333902,"isMerchantRequest":null,"themeId":126746296431,"themeCityHash":"6807638181175089666","contentLanguage":"en","currency":"USD","eventMetadataId":"db8426ec-976e-435c-abf9-59d86ec12c48"},"isServerSideCookieWritingEnabled":true,"monorailRegion":"shop_domain","enabledBetaFlags":["764d78cb","8450a54b","7ee89bf1","4c64608a"]},"Session Attribution":{},"S2S":{"facebookCapiEnabled":true,"source":"trekkie-storefront-renderer","apiClientId":580111}}
1083    );
1084
1085    var loaded = false;
1086    trekkie.ready(function() {
1087      if (loaded) return;
1088      loaded = true;
1089
1090      window.ShopifyAnalytics.lib = window.trekkie;
1091
1092      var originalDocumentWrite = document.write;
1093      document.write = customDocumentWrite;
1094      try { window.ShopifyAnalytics.merchantGoogleAnalytics.call(this); } catch(error) {};
1095      document.write = originalDocumentWrite;
1096
1097      var match = window.location.pathname.match(/checkouts\/(.+)\/(thank_you|post_purchase)/)
1098      var token = match? match[1]: undefined;
1099      if (!hasLoggedConversion(token)) {
1100        setCookieIfConversion(token);
1101        
1102      }
1103    });
1104
1105    window.ShopifyAnalytics.lib.page(null,{"pageType":"home","requestId":"cf742a6c-90e5-4ac4-950f-e8677e365c0a-1790916356","shopifyEmitted":true});
1106
1107    var eventsListenerScript = document.createElement('script');
1108    eventsListenerScript.async = true;
1109    eventsListenerScript.src = "//soylent.com/cdn/shopifycloud/storefront/assets/shop_events_listener-4e26a9ce.js";
1110    document.getElementsByTagName('head')[0].appendChild(eventsListenerScript);
1111})();</script>
vendor: 1 bytes, line 1111
1111
1112<script
1113  defer
1114  src="https://soylent.com/cdn/shopifycloud/perf-kit/shopify-perf-kit-3.9.4.min.js"
1115  data-application="storefront-renderer"
1116  data-shop-id="359333902"
1117  data-render-region="gcp-us-central1"
1118  data-page-type="index"
1119  data-theme-instance-id="126746296431"
1120  data-theme-name="Soylent"
1121  data-theme-version="0.1.0"
1122  data-monorail-region="shop_domain"
1123  data-resource-timing-sampling-rate="10"
1124  data-shs="true"
1125  data-shs-beacon="true"
1126  data-shs-export-with-fetch="true"
1127  data-shs-logs-sample-rate="1"
1128  data-shs-beacon-endpoint="https://soylent.com/api/collect"
1129></script>
1129
1130<meta name="shopify-y" content="6b01144b-c404-4a11-9c39-e7daacda28af" data-expiration="1822473956000"><meta name="shopify-s" content="170799c3-1747-481b-9a18-31dfd7ad756e" data-expiration="1790918156000"><meta name="new-cookie-storage-activated" content="t">
1131</head>
1132
1133  
1134
1135  <body id="soylent-com-let-us-take-a-few-things-off-your-plate" class="template-index         site-fixed-header">
1136    
1137
1138    <div
1139        class="ffui-container"
1140        x-data="ffui()"
1141        x-init="init()"
1142        x-show="visible"
1143        :class="(collapsed ? 'collapsed' : '')"
1144        x-cloak
1145    >
1146        <div class="minimized-title" x-show="collapsed">
1147            Date Override: <span x-text="!overrideActive ? 'None' : overrideDate"></span>
1148        </div>
1149        <div class="ffui-controls">
1150            <div class="ffui-control ffui-expand-button" x-show="collapsed" @click="collapsed = false">+</div>
1151            <div class="ffui-control ffui-collapse-button" x-show="!collapsed" @click="collapsed = true">-</div>
1152        </div>
1153        <div class="ffui-title">
1154            <div>
1155                Date Override: <span x-text="!overrideActive ? 'None' : ''"></span>
1156            </div>
1157            <div>
1158                <a href="#" @click.prevent="listActiveFFs()">List Active FFs</a> | 
1159                <a href="#" @click.prevent="copyShareLink()" x-text="copyTimeout ? 'Copied!' : 'Copy Link'"></a>
1160            </div>
1161        </div>
1162        <div class="ffui-form">
1163            <input type="datetime-local" name="ffui_date" x-model="newDate" />
1164            <button @click.prevent="updateDate(newDate)">Update</button>
1165            <button @click.prevent="updateDate('')">Clear</button>
1166        </div>
1167    </div>
1168    
1168<script>
1169        function ffui(){
1170            return {
1171                copyTimeout: null,
1172                overrideActive: false,
1173                visible: false,
1174                collapsed: false,
1175                overrideDate: '',
1176                newDate: '',
1177                init(){
1178                    // Feel like this could be simplified
1179                    const cartDateAttribute = ``;
1180                    this.overrideActive = cartDateAttribute.length > 0;
1181                    const searchParams = new URLSearchParams(window.location.search);
1182                    const params = Object.fromEntries(searchParams);
1183                    if(params.ffui && params.ffui.length > 5){
1184                        this.updateDate(params.ffui, false).then(() => {
1185                            searchParams.delete('ffui');
1186                            location.search = searchParams.toString();
1187                        });
1188                    }
1189                    const paramKeys = Object.keys(params).map(x => x.toLowerCase());
1190                    this.visible = paramKeys.includes('ffui') || this.overrideActive;
1191                    this.collapsed = !paramKeys.includes('ffui');
1192                    this.overrideDate = cartDateAttribute;
1193                    this.newDate = this.overrideActive ? this.overrideDate : (new Date()).toISOString().split('.')[0];
1194                },
1195                updateDate(date = '', reload = true){
1196                    return fetch(window.Shopify.routes.root + 'cart/update.js', {
1197                        method: 'POST',
1198                        headers: {
1199                            'Content-Type': 'application/json'
1200                        },
1201                        body: JSON.stringify({ attributes: {_date_now_override: date} })
1202                    })
1203                    .then(response => {
1204                        if(reload){
1205                            location.reload();
1206                        }
1207                    })
1208                    .catch(error => {
1209                        console.error('Error:', error);
1210                    });
1211                },
1212                copyShareLink(){
1213                    const currentParams = new URLSearchParams(window.location.search);
1214                    currentParams.set('ffui', this.newDate);
1215                    currentParams.set('preview_theme_id', Shopify.theme.id);
1216                    const locationNoQuery = location.href.split('?')[0];
1217                    navigator.clipboard.writeText(locationNoQuery+'?'+currentParams.toString())
1218                    if(this.copyTimeout){
1219                        clearTimeout(this.copyTimeout);
1220                    }
1221                    this.copyTimeout = setTimeout(e => {
1222                        this.copyTimeout = null;
1223                    }, 3000);
1224                },
1225                listActiveFFs(){
1226                    alert(Object.entries(window.FeatureFlags).map(x => {
1227                        if(x[0][0] == '_'){
1228                            return false;
1229                        }
1230                        if(!x[1]){
1231                            return false;
1232                        }
1233                        return x[0];
1234                    }).filter(x => x).join("\r\n"));
1235                },
1236            }
1237        }
1238    </script>
1238
1239    <style>
1240        [x-cloak] { display: none !important; }
1241        .ffui-container {
1242            position: fixed;
1243            bottom: 0;
1244            left: 0;
1245            height: 200px;
1246            width: 500px;
1247            background-color: #FFF;
1248            z-index: 9999999999;
1249            padding: 20px;
1250            border: 2px solid black;
1251        }
1252        .ffui-container.collapsed {
1253            bottom: -175px;
1254        }
1255        .ffui-container .minimized-title {
1256            position: absolute;
1257            left: 5px;
1258            top: 0;
1259        }
1260        .ffui-controls {
1261            position: absolute;
1262            top: 0;
1263            right: 0;
1264            height: 20px;
1265            width: 20px;
1266            display: flex;
1267            justify-content: center;
1268            align-items: center;
1269            text-align: center;
1270            cursor: pointer;
1271            font-size: 32px;
1272            line-height: 1;
1273        }
1274        .ffui-title {
1275            display: flex;
1276            justify-content: space-between;
1277            align-items: center;
1278        }
1279        .ffui-title a {
1280            text-decoration: underline;
1281        }
1282        .ffui-form {
1283            display: flex;
1284            width: 100%;
1285            border: 2px solid black;
1286        }
1287        .ffui-form input {
1288            flex: 1 0 auto;
1289            outline: none;
1290            border: none;
1291            height: 40px;
1292            padding: 5px 10px;
1293        }
1294        .ffui-form button {
1295            background: black;
1296            color: white;
1297            height: 40px;
1298            padding: 4px 10px;
1299            flex: 0 0 auto;
1300            cursor: pointer;
1301            outline: none;
1302        }
1303        .ffui-form button:hover {
1304            background-color: #333;
1305        }
1306        .ffui-form button:active, .ffui-container a {
1307            outline: none;
1308        }
1309    </style>
1310
1311    
1312  
1312<script id="rebuy-cart-template" type="text/template">
1313  	<div id="rebuy-cart" class="rebuy-cart" v-cloak v-bind:class="[visible ? 'is-visible' : '', 'currency-' + currency() ]">
1314  		<div class="rebuy-cart__flyout">
1315  			<div class="rebuy-cart__flyout-header">
1316  				<h4 class="rebuy-cart__flyout-title" v-html="settings.language.cart_title"></h4>
1317  				<button class="rebuy-cart__flyout-close" type="button" v-on:click="hide()">
1318  					<i class="fal fa-times"></i>
1319  				</button>
1320  			</div>
1321  			<div class="sample-upsell-notification-bar">
1322  				<p>
1323
1324  				</p>
1325  			</div>
1326  			<div class="rebuy-cart__flyout-body">
1327  				<div class="rebuy-cart__flyout-announcement-bar" id="rebuy-smart-cart-announcement-bar" v-if="announcementBarEnabled()">
1328  					<div class="rebuy-cart__flyout-announcement-bar-message" v-for="message in settings.announcement_bar.messages" v-html="message"></div>
1329  				</div>
1330
1331  				<div class="rebuy-cart__flyout-shipping-bar" v-if="freeShippingEnabled()" v-bind:class="[ freeShippingHelperMessage() ? 'has-helper' : '', hasFreeShipping() ? 'has-free-shipping': '' ]">
1332  					<div class="rebuy-cart__flyout-shipping-bar-message" v-if="!hasFreeShipping()" v-html="freeShippingRemainingMessage()"></div>
1333  					<div class="rebuy-cart__flyout-shipping-bar-message" v-if="hasFreeShipping()" v-html="freeShippingCompleteMessage()"></div>
1334  					<div class="rebuy-cart__flyout-shipping-bar-meter" v-bind:class="[hasFreeShippingProgress() ? 'has-progress' : 'no-progress']">
1335  						<div class="rebuy-cart__flyout-shipping-bar-meter-fill" v-bind:style="{ width: freeShippingPercentComplete() }">
1336  							<span class="rebuy-cart__flyout-shipping-bar-meter-fill-text" v-html="freeShippingPercentComplete()"></span>
1337  						</div>
1338  					</div>
1339  					<div class="rebuy-cart__flyout-shipping-bar-helper" v-if="freeShippingHelperMessage()" v-html="freeShippingHelperMessage()"></div>
1340  				</div>
1341
1342				<div v-if="progressBarEnabled()" class="rebuy-cart__progress-bar-container above">
1343					<div v-for="bar in settings.progress_bar.bars" v-if="isValidBar(bar)">
1344						<div class="rebuy-cart__progress-step-wrapper" v-bind:class="[ 'count-' + bar.tiers.length ]">
1345							<div v-for="tier in bar.tiers" class="rebuy-cart__progress-step"
1346								v-bind:style="{ width: progressStepMaxWidth(bar) }"
1347								v-bind:class="[ progressTierReached(tier) ? 'complete' : '' ]">
1348								<div class="rebuy-cart__progress-step-icon" v-html="progressTierIcon(tier)"></div>
1349								<span class="rebuy-cart__progress-step-label">{{ getTierLabel(tier)}}</span>
1350							</div>
1351						</div>
1352
1353						<div class="rebuy-cart__progress-bar-wrapper">
1354							<div class="rebuy-cart__progress-bar-meter"
1355								v-bind:class="[hasTierProgress() ? 'has-progress' : 'no-progress']">
1356								<div class="rebuy-cart__progress-bar-meter-fill" v-bind:style="{ width: tiersPercentageComplete(bar) }"
1357									role="progressbar" tabindex="0" aria-valuemin="0" aria-valuemax="100"
1358									v-bind:aria-valuenow="tiersPercentageComplete(bar, true)"
1359									aria-labelledby="rebuy-cart__progress-bar-meter-label">
1360									<span class="sr-only"></span>
1361								</div>
1362							</div>
1363
1364							<div id="rebuy-cart__progress-bar-meter-label" class="rebuy-cart__progress-bar-prompt"
1365								v-if="hasProgressPrompt(bar)" v-html="getTierFeedbackText(bar)"></div>
1366						</div>
1367
1368						<div class="rebuy-cart__progress-free-products"
1369							v-if="getBarLayout(bar) == 'above' && earnedProducts(bar).length > 0">
1370							<div class="rebuy-cart__progress-free-products-title">Free Gifts</div>
1371							<div class="rebuy-cart__progress-free-products-list" ref="freeProductList">
1372								<div v-for="product in earnedProducts(bar)" class="rebuy-cart__progress-free-product"
1373									v-bind:style="[ freeProductTileStyle(bar) ]">
1374									<div class="rebuy-cart__progress-free-product-image" v-bind:style="freeProductStyles(product)">
1375									</div>
1376									<div class="rebuy-cart__progress-free-product-info">
1377										<div>
1378											<p class="rebuy-cart__progress-free-product-title" v-html="product.title"></p>
1379											<span v-if="product.chosen_variant" class="rebuy-cart__progress-free-product-variant-title"
1380												v-html="getFreeVariantTitle(product)"></span>
1381										</div>
1382										<div v-if="!product.chosen_variant"
1383											class="rebuy-cart__progress-free-product-variant-select-container">
1384											<select class="rebuy-cart__progress-free-product-variant-select"
1385												v-on:change="selectFreeProductVariant($event, product)">
1386												<option value="" disabled selected>Select Variant</option>
1387												<option v-for="variant in freeProductOptions(product)" v-bind:value="variant.id">{{
1388													variant.title }}</option>
1389											</select>
1390											<div class="rebuy-cart__progress-free-product-variant-select-prompt"
1391												v-html="freeProductPrompt(product)"></div>
1392										</div>
1393									</div>
1394									<button v-show="product.chosen_variant" class="rebuy-cart__progress-free-product-remove"
1395										v-on:click="removeFreeProduct(product)">
1396										<i class="fal fa-times"></i>
1397										<span class="sr-only">Remove {{ product.title }}
1397 {{ product.chosen_variant?.title ?
1398											product.chosen_variant.title : '' }} from Cart</span>
1399									</button>
1400								</div>
1401							</div>
1402						</div>
1403					</div>
1404				</div>
1405
1406  				<div class="rebuy-cart__flyout-content" v-bind:class="[ hasItems() ? 'has-items' : 'no-items' ]">
1407  					<div class="rebuy-cart__flyout-items" v-if="hasItems()">
1408  						<div class="rebuy-cart__flyout-item" v-for="item in items()" v-if="!isHiddenItem(item)" v-bind:class="[ 'product-' + item.handle, itemProductTagsClasses(item), itemPropertyClasses(item) ]">
1409  							<div class="rebuy-cart__flyout-item-media">
1410  								<a v-bind:href="itemURL(item)">
1411  									<img v-bind:src="sizeImage(item.image, '240x240')" v-bind:alt="item.title" />
1412  								</a>
1413  								<button class="rebuy-cart__flyout-item-remove" type="button" v-on:click="removeItem(item)">
1414									<span style="transform: scale(1.6); display: inline-block; margin-right: 2px; font-weight: 500;">×</span> Remove
1415  								</button>
1416  							</div>
1417  							<div class="rebuy-cart__flyout-item-info">
1418  								<a class="rebuy-cart__flyout-item-product-title" v-bind:href="itemURL(item)" v-html="item.product_title"></a>
1419  								<div class="rebuy-cart__flyout-item-variant-title" v-html="item.variant_title" v-if="item.variant_title"></div>
1420								
1421								<div v-if="handleBundleDiscounts(items(), item)" class="volume-discount__message-wrapper">
1422									<p v-if="item.product.tags.includes('volume_discount_one-time')">
1423										Add another tub to your cart for just <span v-html="cart_bundle_discount_onetime < 2 ? `${ window.tubSettings.otpTwoPrice }` : `${ window.tubSettings.otpThreePrice }`"></span>
1424									</p>
1425									<p v-if="item.product.tags.includes('volume_discount_subscription')">
1426										Add another tub to your cart for just <span v-html="cart_bundle_discount_subscription < 2 ? `${ window.tubSettings.subTwoPrice }` : `${ window.tubSettings.subThreePrice }`"></span>
1427									</p>
1428								</div>
1429
1430  								<div class="rebuy-cart__flyout-item-discount-message" v-if="hasLineItemDiscount(item)" v-html="lineItemDiscountMessage(item)">
1431  								</div>
1432
1433  								<div class="rebuy-cart__flyout-item-properties" v-if="hasItemProperties(item)">
1434  									<div class="rebuy-cart__flyout-item-property rebuy-cart__flyout-item-property--delivery-frequency" v-if="itemDeliveryFrequency(item)" v-html="itemDeliveryFrequency(item)"></div>
1435  									<div class="rebuy-cart__flyout-item-property" v-for="property in itemProperties(item)" v-bind:class="[ itemPropertyKeyClass(property), itemPropertyValueClass(property) ]">
1436  										<span class="rebuy-cart__flyout-item-property-name" v-html="property.key"></span><span class="rebuy-cart__flyout-item-property-separator">:</span> <span class="rebuy-cart__flyout-item-property-value" v-html="property.value"></span>
1437  									</div>
1438  								</div>
1439  								<div class="rebuy-cart__flyout-item-quantity">
1440
1441  									<div class="rebuy-cart__flyout-item-quantity-widget">
1442  										<button class="rebuy-cart__flyout-item-quantity-widget-button" v-on:click="decreaseItem(item)" type="button">
1443  											<i class="far fa" v-bind:class="[(item.status == 'decreasing') ? 'fa-sync-alt fa-fast-spin' : 'fa-minus']"></i>
1444  										</button>
1445
1446  										<span class="rebuy-cart__flyout-item-quantity-widget-label" v-html="item.quantity"></span>
1447
1448  										<button class="rebuy-cart__flyout-item-quantity-widget-button" v-on:click="increaseItem(item)" type="button">
1449  											<i class="far fa" v-bind:class="[(item.status == 'increasing') ? 'fa-sync-alt fa-fast-spin' : 'fa-plus']"></i>
1450  										</button>
1451  									</div>
1452
1453  								</div>
1454  								<div class="rebuy-cart__flyout-item-price">
1455  									<div v-if="itemHasDiscount(item)">
1456  										<span class="rebuy-money sale" v-html="formatMoney(itemPrice(item))"></span>
1457  										<span class="rebuy-money compare-at" v-html="formatMoney(compareAtPrice(item))"></span>
1458  									</div>
1459  									<div v-if="!itemHasDiscount(item)">
1460  										<span class="rebuy-money" v-html="formatMoney(itemPrice(item))"></span>
1461  									</div>
1462  								</div>
1463  								<div class="rebuy-cart__flyout-item-subscription" v-if="hasSwitchToSubscription(item)">
1464  									<button
1465  										class="rebuy-button outline"
1466  										v-if="!item.product.subscription || item.status == 'downgrading' || item.status == 'upgrading'"
1467  										v-bind:disabled="(item.status == 'downgrading' || item.status == 'upgrading')"
1468  										v-on:click="updateItemDeliveryFrequency(item, item.product.subscription_frequencies[0])"
1469  										type="button">
1470  											<span v-html="switchToSubscriptionLabelPercentageFormatted(item)"></span>
1471  									</button>
1472
1473  									<select
1474  										class="rebuy-select muted"
1475  										v-if="item.product.subscription && item.status != 'downgrading'"
1476  										v-model="item.product.subscription_frequency"
1477  										v-on:change="updateItemDeliveryFrequency(item)">
1478  										<optgroup
1479  											v-if="!item.product.is_subscription_only"
1480  											v-bind:label="onetimeOptionGroupLabel(item)">
1481  											<option v-bind:value="'onetime'" v-html="onetimeOptionLabel(item)"></option>
1482  										</optgroup>
1483  										<optgroup
1484
1485                                              v-bind:label="subscriptionLabelPercentageFormatted(item)">
1486  											<option
1487  												v-for="frequency in item.product.subscription_frequencies"
1488  												v-bind:value="frequency" v-html="subscriptionOptionLabel(item, frequency, item.product.subscription_interval)">
1489  											</option>
1490  										</optgroup>
1491  									</select>
1492  								</div>
1493
1494  							</div>
1495
1496  						</div>
1497  						<div class="rebuy-cart__flyout-note" v-if="notesEnabled()">
1498  							<label class="rebuy-cart__flyout-note-toggle">
1499  								<input class="rebuy-cart__flyout-note-toggle-input rebuy-checkbox" type="checkbox" v-model="notes.visible" v-on:click="notesToggle()" />
1500  								<span class="rebuy-cart__flyout-note-toggle-label" v-html="settings.language.notes_label"></span>
1501  							</label>
1502  							<div class="rebuy-cart__flyout-note-content" v-if="notesIsVisible()">
1503  								<textarea
1504  									id="rebuy-cart-notes"
1505  									class="rebuy-textarea rebuy-cart__flyout-note-textarea"
1506  									v-model="notes.value"
1507  									v-on:keyup="notesChange(event)"
1508  									v-on:keydown="notesChange(event)"
1509  									v-on:change="notesChange(event)"
1510  									v-bind:placeholder="settings.language.notes_placeholder"></textarea>
1511  									<small id="rebuy-cart-characters-remaining" v-html="notesRemainingCharacters()"></small>
1512  							</div>
1513  						</div>
1514  					</div>
1515
1516  					<div class="rebuy-cart__flyout-empty-cart" v-if="!hasItems()" v-html="emptyCartMessage()"></div>
1517
1518  					<!-- eq add sample to cart start -->
1519
1520  					<div id="add-to-cart__container" class="cart-sample__padding-0"></div>
1521
1522  					<!--  eq add sample to cart end -->
1523
1524  					<div class="rebuy-cart__flyout-recommendations" v-if="hasCrossSells()">
1525  						<div v-for="widget_id in settings.cross_sells" v-bind:data-rebuy-id="widget_id"></div>
1526  					</div>
1527					<!-- Route Code
1528  				    <div style="margin: 0 20px !important;">
1529                      <div class="route-div" multiple-widgets desktop-align="center"  ></div>
1530                      <div style="font-size: 12px; margin-top: -10px; margin-bottom: 15px; text-align: center;">
1531                      <b>For subscription orders:<br></b> Choosing Route Package Protection means that protection will be added to each recurring order. Package protection may be cancelled at any time.</i>
1532                      </div>
1533					</div>
1534					Route Code End -->
1535  				</div>
1536
1537  			</div>
1538
1539  			<div class="rebuy-cart__flyout-footer" v-if="hasItems()">
1540
1541
1542  				<div class="rebuy-cart__flyout-subtotal">
1543  					<div class="rebuy-cart__flyout-subtotal-label">
1544  						<span v-html="subtotalLabel()"></span>
1545  					</div>
1546  					<div class="rebuy-cart__flyout-subtotal-amount" v-html="subtotal()"></div>
1547  				</div>
1548
1549  				<div class="rebuy-cart__flyout-actions">
1550  					<button v-if="hasCheckoutButton()" class="rebuy-button block" type="button" v-on:click="checkout()">
1551  						<span v-html="checkoutLabel()"></span>
1552  					</button>
1553
1554  					<button v-if="hasViewCartButton()" class="rebuy-button block" v-bind:class="{'outline': hasCheckoutButton()}" type="button" v-on:click="viewCart()">
1555  						<span v-html="viewCartLabel()"></span>
1556  					</button>
1557
1558  					<button v-if="hasContinueShoppingButton()" class="rebuy-button block outline" type="button" v-on:click="hide()">
1559  						<span v-html="continueShoppingLabel()"></span>
1560  					</button>
1561  				</div>
1562
1563  				<div class="rebuy-cart__flyout-installments" v-if="installmentsEnabled()" v-html="installmentsMessage()"></div>
1564
1565  			</div>
1566  		</div>
1567
1568  		<div class="rebuy-cart__background" v-on:click="hide()"></div>
1569  	</div>
1570  </script>
1570
1571
1572
1573<style>
1574.volume-discount__message-wrapper p{
1575	color:#47AF19;
1576	font-weight:700;
1577}
1578
1579.rebuy-cart__flyout-item-discount-message{
1580	display:none !important;
1581}
1582</style>
1583
1584<script>
1585	document.addEventListener('rebuy:cart.ready', function(event){
1586		const flyoutInstallmentsLink = document.querySelector('.rebuy-cart__flyout-installments a');
1587		if(!flyoutInstallmentsLink) return;
1588		flyoutInstallmentsLink.innerHTML = "<img style='width: 100px;' src='https://cdn.shopify.com/s/files/1/0003/5933/3902/files/afterpay-badge-blackonmint100x21_4x_5e41ca43-3fe0-49cb-b20d-4fb5728a837a.png?v=1636135247'>"
1589	});
1590
1591
1592  //   Below is the switch to subscription button label
1593  //   <span v-html="switchToSubscriptionLabel(item)"></span>
1594
1595  //   Below is the original function used within the option group label for subscription items
1596  //   v-bind:label="subscriptionOptionGroupLabel(item)">
1597
1598
1599    function switchToSubscriptionLabelPercentageFormatted (item) {
1600      var label = Rebuy.SmartCart.settings.switch_to_subscription.language.upgrade_to_subscription_label;
1601
1602      var discount;
1603
1604      if (Rebuy.Shop?.sellingPlanEnabled && item.product.selling_plan_groups) {
1605        discount = formatNumberDecimal(item.product.selling_plan_groups[0].discount_amount, 2);
1606        
1607        label = label.replace('{{ subscription_discount }}', discount);
1608        
1609      } else {
1610        discount = formatNumberDecimal(item.product.subscription_discount, 2);
1611        
1612        label = label.replace('{{ subscription_discount }}', discount);
1613        
1614      }
1615
1616      if (item.status == 'upgrading') {
1617        label = Rebuy.SmartCart.settings.switch_to_subscription.language.upgrading_label;
1618      } else if (item.status == 'downgrading') {
1619        label = Rebuy.SmartCart.settings.switch_to_subscription.language.downgrading_label;
1620      }
1621
1622      return label;
1623    }
1624
1625
1626    function subscriptionLabelPercentageFormatted (item) {
1627      var label = Rebuy.SmartCart.settings.switch_to_subscription.language.subscription_option_group_label;
1628
1629      var discount = item.product.subscription_discount;
1630
1631      discount = formatNumberDecimal(discount, 2);
1632
1633      
1634      label = label.replace('{{ subscription_discount }}', discount);
1635      
1636      return label;
1637    }
1638
1639    function formatNumberDecimal(number, decimal_count, thousands_separator, decimial_separator) {
1640
1641      number = Math.abs(Number(number) || 0);
1642
1643      decimal_count = (typeof decimal_count == 'undefined' ? 2 : decimal_count);
1644      thousands_separator = (typeof thousands_separator == 'undefined' ? ',' : thousands_separator);
1645      decimial_separator = (typeof decimial_separator == 'undefined' ? '.' : decimial_separator);
1646
1647      if (typeof decimal_count == "number") {
1648        // Round to an integer
1649        if (decimal_count == 0) {
1650          number = -Math.round(-number);
1651        }
1652
1653        // Run to fixed
1654        number = number.toFixed(decimal_count);
1655      }
1656
1657      var parts = number.split('.');
1658      var integers = parts[0].replace(/(\d)(?=(\d\d\d)+(?!\d))/g, '$1' + thousands_separator);
1659      var decimals = parts[1] ? (decimial_separator + parts[1]) : '';
1660
1661      return integers + decimals;
1662    }
1663
1664	let cart_bundle_discount_onetime = 0
1665	let cart_bundle_discount_subscription = 0
1666
1667	function handleBundleDiscounts(items,item){
1668		let oneTimeCount = 0;
1669		let subCount = 0;
1670		let cartItems = items;
1671		for (cartItem of cartItems ) {
1672			if(cartItem.product?.tags.includes('volume_discount_subscription')){
1673			 subCount+= cartItem.quantity
1674			} else if (cartItem.product?.tags.includes('volume_discount_one-time')){
1675				oneTimeCount += cartItem.quantity
1676			}
1677		};
1678
1679		cart_bundle_discount_onetime = oneTimeCount
1680		cart_bundle_discount_subscription = subCount
1681		
1682		if(item.product?.tags.includes('volume_discount_one-time')){
1683			return oneTimeCount < 3
1684		} else if (item.product?.tags.includes('volume_discount_subscription')){
1685			return subCount < 3
1686		};
1687	}
1688	
1689</script>
1689
1690<!--
1691<script
1692  src="https://cdn.routeapp.io/route-widget-shopify/v2/route-widget-shopify-stable-v2.min.js?shop=soylent-prod.myshopify.com"
1693>
1694</script>
1694
1695-->
1696
1697
1698
1699<script>
1700   let samplesPriority = {}
1701   
1702  const cartItemCount = 0
1703  const cartItems = []
1704  const samplesObjectRef = []
1705  let availableSamples = []
1706  const sampleSelectors = {
1707      container:'#add-to-cart__container',
1708      slider:'.samples-splide-container',
1709      upsellBar:'.sample-upsell-notification-bar',
1710      sampleLineItemSelector:'.tag-sample'
1711  }
1712
1713  class CartSamples {
1714      constructor(options){
1715          const { itemCount, samples, minimumCartCount, sliderContainerSelector, sampleContainerSelector, upsellBarSelector, cartItems, sampleLineItemSelector, samplesPriority } = options
1716          this.count = 0
1717          this.samples = samples
1718          this.minimum = minimumCartCount
1719          this.sampleSliderSelector = sliderContainerSelector
1720          this.sampleContainer = sampleContainerSelector
1721          this.upsellBar = upsellBarSelector
1722          this.cart = cartItems
1723          this.sampleLineItemSelector = sampleLineItemSelector
1724          this.currentSample = null
1725          this.sampleLineItemRendered = false
1726          this.preferredSample = samplesPriority
1727          this.preferredSampleId = null
1728          this.sampleOriginal = samples //unedited samples array
1729          this.preferredSampleType = null
1730      }
1731
1732      init(){
1733          this.initRebuyEventListeners()
1734      }
1735
1736      initRebuyEventListeners(){
1737          const classRef = this
1738
1739          //when smart cart is open
1740          document.addEventListener('rebuy:smartcart.show', function(event){
1741              Rebuy.Cart.fetchCart()
1742              classRef.getCartItems()
1743          });
1744
1745          document.addEventListener('rebuy:cart.change', function(event){
1746              classRef.validateCartHTML()
1747          });
1748
1749      }
1750
1751      checkForMinimumItemCount(){
1752          if(this.count < this.minimum){
1753              this.showSampleUpsellBar()
1754              return
1755          }
1756          this.createSampleSlider()
1757          this.hideSampleUpsellBar()
1758      }
1759
1760      setPreferredSample(){
1761        let preferredSampleId
1762
1763        let sampleObjKeys = Object.keys(this.preferredSample)
1764
1765        this.cart.forEach(cartItem => {
1766            if(!preferredSampleId){
1767                let id = cartItem.product_id
1768                
1769                sampleObjKeys.forEach(key =>{
1770                    if(!!this.preferredSample[key].products.length){
1771                        let check = this.preferredSample[key].products.find(item =>{
1772                            
1773                            return item.id == id
1774                        })
1775                        if (check){
1776                            preferredSampleId = key
1777                        }
1778                    }
1779                })
1780            }
1781        })
1782
1783        if(preferredSampleId){
1784            this.preferredSampleId = preferredSampleId
1785            this.preferredSampleType = this.preferredSample[this.preferredSampleId].product_match
1786            let sampleItem = this.samples.find(sample =>{
1787                return sample.id == preferredSampleId
1788            })
1789
1790            let newSampleArray = sampleItem ? [sampleItem] :[]
1791            
1792            this.samples.forEach(sample =>{
1793                if(sample.id != preferredSampleId){
1794                    newSampleArray.push(sample)
1795                }
1796            })
1797
1798            this.samples = newSampleArray
1799        } else {
1800            this.preferredSampleId = null
1801            this.preferredSampleType = null
1802            this.resetSamples()
1803        }
1804      }
1805
1806      setPreferredSampleType(sample){
1807        this.preferredSampleType = this.preferredSample[sample.product_id].product_match
1808      }
1809
1810      checkCartForPreferredSampleType(){
1811        if(!this.preferredSampleType){
1812            return
1813        }
1814        let hasProductType = false
1815
1816        //check cart for product type
1817        this.cart.forEach(item =>{
1818            if(item.product_type === this.preferredSampleType){
1819                hasProductType = true
1820            }
1821        })
1822
1823        //remove sample if product type not present in cart
1824        if(!hasProductType){
1825            this.updateSampleQuantity(this.currentSample.key,0)
1826        }
1827      }
1828
1829      resetSamples(){
1830        this.samples = this.sampleOriginal
1831      }
1832
1833
1834      updateSampleQuantity(variantID,quantity, button = null){ 
1835          if(!!button){
1836              button.innerHTML = 'Removing...'
1837          }
1838
1839          const formData = {
1840              quantity:quantity,
1841              id:variantID
1842          }
1843
1844          const url = `/cart/change.js`
1845          const options ={
1846              method:'POST',
1847              headers:{
1848                  'Content-Type': 'application/json'
1849              },
1850              body: JSON.stringify(formData)
1851          }
1852
1853          const removeFromCartRequest = fetch(url,options)
1854          .then(response => {
1855              response.json().then(data =>{
1856                  if(!!button){
1857                          button.remove()
1858                  }
1859
1860                  this.sampleLineItemRendered = false
1861                  this.currentSample = null
1862                  this.createSampleSlider()
1863                  setTimeout(()=>{this.unhideLineItemProperties()},1000)
1864
1865              })
1866          })
1867          .catch((error) => {
1868              console.error('Error:', error);
1869          });
1870      }
1871
1872      showSampleUpsellBar(){
1873          const upsellBar = document.querySelector(this.upsellBar)
1874          upsellBar.innerHTML = this.count===0 ? 'Add two more cases and get a free sample!' : 'Add one more case and get a free sample!'
1875          upsellBar.style.display = 'block';
1876
1877      }
1878
1879      hideRebuyUpsell(){
1880          const upsellWidget = document.querySelector('#rebuy-cart .rebuy-cart__flyout-recommendations')
1881          upsellWidget.style.display = 'none'
1882      }
1883
1884      showRebuyUpsell(){
1885          const upsellWidget = document.querySelector('#rebuy-cart .rebuy-cart__flyout-recommendations')
1886          upsellWidget.style.display = 'block'
1887      }
1888
1889      hideSampleUpsellBar(){
1890          const upsellBar = document.querySelector(this.upsellBar)
1891          upsellBar.style.display = 'none';
1892      }
1893
1894      hideSampleSection(){
1895          const sampleSection = document.querySelector(sampleContainerSelector)
1896          sampleSection.style.display = 'none'
1897      }
1898
1899      showSampleSection(){
1900          const sampleSection = document.querySelector(sampleContainerSelector)
1901          sampleSection.style.display = 'block'
1902      }
1903
1904      getCartItems(){
1905          const url = `/cart.js`
1906
1907          const options ={
1908              method:'GET',
1909              headers:{
1910                  'Content-Type': 'application/json'
1911              }
1912          }
1913
1914          const getCartRequest = fetch(url,options)
1915          .then(response =>{
1916              response.json().then(data =>{
1917                  this.setCartItems(data)
1918              }).then(data =>{
1919                  this.checkCartForExistingSample()
1920              })
1921          })
1922          .catch((error) => {
1923              console.error('Error:', error);
1924          });
1925      }
1926
1927      setCartItems(data){
1928          this.cart = data.items
1929      }
1930
1931      checkCartForExistingSample(){
1932          let count = 0
1933          let cartHasSample = false;
1934          this.cart.forEach(item =>{
1935              if(item.product_type === 'sample'){
1936                  cartHasSample = true
1937                  this.currentSample = item
1938                  this.setPreferredSampleType(item)
1939                  if(item.quantity > 1){
1940                      this.updateSampleQuantity(item.key, 1)
1941                  }
1942              } else if(item.product_type !== 'Accessories' && item.product_type !== 'Insurance' && item.product_type !== '' && item.product_type !== 'Gift Card' && item.product_type !== 'Gift Cards'){
1943                  count+=item.quantity
1944              }
1945          })
1946          this.count = count
1947
1948          if(cartHasSample && this.count >= this.minimum){
1949              this.customizeSampleInfoLineItem()
1950              this.destroySampleSlider()
1951              this.hideSampleUpsellBar()
1952              this.checkCartForPreferredSampleType()
1953          } else if(cartHasSample && this.count < this.minimum){
1954              this.sampleLineItemRendered = false
1955              this.updateSampleQuantity(this.currentSample.key, 0)
1956              const swapButton = document.querySelector('.sample-swap-button')
1957              if(!!swapButton){
1958                  swapButton.remove()
1959              }
1960
1961              this.destroySampleSlider()
1962              Rebuy.Cart.fetchCart()
1963
1964          } else if(this.count < this.minimum){
1965              this.destroySampleSlider()
1966          }
1967
1968          this.handleRemovingLeftoverNodes()
1969
1970          if(!cartHasSample){
1971              this.checkForMinimumItemCount()
1972          }
1973
1974      }
1975
1976      handleRemovingLeftoverNodes(){
1977          const cartLineItems = document.querySelectorAll('.rebuy-cart__flyout-item:not(.tag-sample)')
1978
1979          cartLineItems.forEach(item =>{
1980              const removeButton = item.querySelector('.rebuy-cart__flyout-item-remove')
1981              removeButton.style.display = 'inline-block'
1982          })
1983
1984      }
1985
1986      createSampleSlider(){
1987          const cartSampleContainer = document.querySelector(this.sampleContainer)
1988
1989          this.destroySampleSlider()
1990          this.setPreferredSample()
1991
1992          
1993          cartSampleContainer.classList.remove('cart-sample__padding-0')
1994
1995          const chooseSampleText = document.createElement('p')
1996          chooseSampleText.innerHTML = "Choose your free sample:"
1997          chooseSampleText.classList.add('sample-slider-header')
1998
1999          cartSampleContainer.appendChild(chooseSampleText)
2000
2001          const cartSampleSlider = document.createElement('div')
2002          cartSampleSlider.classList.add('splide')
2003          cartSampleSlider.classList.add('samples-splide-container')
2004
2005          cartSampleContainer.appendChild(cartSampleSlider)
2006
2007            const arrowsContainer = document.createElement('div')
2008            arrowsContainer.classList.add('splide__arrows')
2009
2010            const leftArrow = document.createElement('button')
2011            leftArrow.innerHTML = '&#8592;'
2012            const rightArrow = document.createElement('button')
2013            rightArrow.innerHTML ='&#8594;'
2014
2015            if(this.samples.length < 3){
2016                leftArrow.style.display="none"
2017                rightArrow.style.display="none"
2018                arrowsContainer.style.display = "none"
2019            }
2020
2021            leftArrow.classList.add('splide__arrow')
2022            leftArrow.classList.add('splide__arrow--prev')
2023            rightArrow.classList.add('splide__arrow')
2024            rightArrow.classList.add('splide__arrow--next')
2025
2026            cartSampleSlider.appendChild(arrowsContainer)
2027
2028            arrowsContainer.appendChild(leftArrow)
2029            arrowsContainer.appendChild(rightArrow)
2030
2031
2032          const track = document.createElement('div')
2033          const list = document.createElement('ul')
2034
2035          track.classList.add('splide__track')
2036          list.classList.add('splide__list')
2037          track.appendChild(list)
2038
2039          for (let item in this.samples){
2040            
2041            if(this.preferredSample[this.samples[item].id].showSample || this.samples[item].id == this.preferredSampleId){
2042                const listItem = document.createElement('li')
2043                const sampleCard = new cartSampleCard(this.samples[item]).init()
2044  
2045                listItem.classList.add('splide__slide')
2046                listItem.appendChild(sampleCard)
2047                list.appendChild(listItem)
2048            }
2049          }
2050
2051          cartSampleSlider.appendChild(track)
2052          track.appendChild(list)
2053
2054          this.initSplideSlider()
2055          this.hideRebuyUpsell()
2056      }
2057
2058      initSplideSlider(){
2059          
2060          const options = {
2061              rewind:true,
2062              perPage:2,
2063              perMove:2,
2064              gap:'8px'
2065          }
2066          const sampleSplide = new Splide(this.sampleSliderSelector, options)
2067          sampleSplide.mount()
2068          this.sampleSplide = sampleSplide
2069      }
2070
2071      customizeSampleInfoLineItem(){
2072
2073          const sampleLineItem = document.querySelector(this.sampleLineItemSelector)
2074
2075          if(!!!sampleLineItem){
2076              this.getCartItems()
2077              return
2078          }
2079          const sampleInfoContainer = sampleLineItem.querySelector('.rebuy-cart__flyout-item-info')
2080          const sampleTitle = sampleLineItem.querySelector('.rebuy-cart__flyout-item-product-title')
2081          const swapButtonExists = sampleInfoContainer.querySelector('.sample-swap-button')
2082
2083          if(!!!sampleTitle){
2084              sampleTitle.href = '#'
2085          }
2086
2087          if(!!!swapButtonExists){
2088              const swapButton = document.createElement('button')
2089              swapButton.innerHTML = 'Swap Sample'
2090              swapButton.classList.add('sample-swap-button')
2091              swapButton.onclick = (e) => {
2092                  swapButton.innerHTML = 'Removing...'
2093                  this.swapSample(e)
2094              }
2095              sampleInfoContainer.appendChild(swapButton)
2096          }
2097
2098
2099          const properties = sampleLineItem.querySelector('.rebuy-cart__flyout-item-properties')
2100          const quantity = sampleLineItem.querySelector('.rebuy-cart__flyout-item-quantity')
2101          const price = sampleLineItem.querySelector('.rebuy-cart__flyout-item-price')
2102          const description = sampleLineItem.querySelector('.rebuy-cart__flyout-item-variant-title')
2103
2104          if(!!properties){
2105              properties.style.display = 'none'
2106          }
2107
2108          if(!!quantity){
2109              quantity.style.display = 'none'
2110          }
2111
2112          if(!!price){
2113
2114              price.style.display = 'none'
2115          }
2116
2117          if(!!description){
2118              description.style.display = 'none'
2119          }
2120
2121
2122          const removeBtn = sampleLineItem.querySelector('.rebuy-cart__flyout-item-remove')
2123          if(!!removeBtn){
2124              removeBtn.style.display = 'none'
2125          }
2126          this.sampleLineItemRendered = true
2127
2128      }
2129
2130      swapSample(e){
2131          this.updateSampleQuantity(this.currentSample.key,0, e.target)
2132      }
2133
2134      unhideLineItemProperties(){
2135          const properties = document.querySelectorAll('.rebuy-cart__flyout-item-properties')
2136          const quantity = document.querySelectorAll('.rebuy-cart__flyout-item-quantity')
2137          const price = document.querySelectorAll('.rebuy-cart__flyout-item-price')
2138          const description = document.querySelectorAll('.rebuy-cart__flyout-item-variant-title')
2139
2140          if(properties.length > 0){
2141              properties.forEach(el =>{
2142                  el.style.display = 'block'
2143              })
2144          }
2145
2146          if(quantity.length > 0){
2147              quantity.forEach(el =>{
2148                  el.style.display = 'block'
2149              })
2150          }
2151
2152          if(price.length > 0){
2153              price.forEach(el =>{
2154                  el.style.display = 'block'
2155              })
2156          }
2157
2158          if(description.length > 0){
2159              description.forEach(el =>{
2160                  el.style.display = 'block'
2161              })
2162          }
2163
2164      }
2165
2166      destroySampleSlider(){
2167          const sliderContainer = document.querySelector(this.sampleContainer)
2168
2169          if(sliderContainer.childElementCount === 0){
2170              return
2171          }
2172          sliderContainer.classList.add('cart-sample__padding-0')
2173          const header = sliderContainer.querySelector('.sample-slider-header')
2174          const slider = sliderContainer.querySelector('.splide')
2175
2176          header.remove()
2177          slider.remove()
2178
2179          this.sampleSplide.destroy({completely: true})
2180
2181          this.showRebuyUpsell()
2182      }
2183
2184      validateCartHTML(){
2185          const lineItems = document.querySelectorAll('.rebuy-cart__flyout-item')
2186          const sampleLineItem = document.querySelectorAll('.property-value-free-sample')
2187
2188          if(lineItems.length > 0){
2189              lineItems.forEach(item =>{
2190                  const elementsToHide = {
2191                      properties: item.querySelector('.rebuy-cart__flyout-item-properties') || null,
2192                      quantity: item.querySelector('.rebuy-cart__flyout-item-quantity') || null,
2193                      price: item.querySelector('.rebuy-cart__flyout-item-price') || null,
2194                      description: item.querySelector('.rebuy-cart__flyout-item-variant-title') || null,
2195                      subscrriptionSelect: item.querySelector('.rebuy-cart__flyout-item-subscription') || null,
2196                  }
2197                  const sampleSelector = item.querySelector('.property-value-free-sample')
2198
2199                  if(!!sampleSelector){
2200                      for (const element in elementsToHide) {
2201                          if(!!elementsToHide[element]){
2202                              elementsToHide[element].style.display = 'none'
2203                          }
2204                      }
2205                  } else{
2206                      for (const element in elementsToHide) {
2207                          if(!!elementsToHide[element]){
2208                              elementsToHide[element].style.display = 'block'
2209                          }
2210                      }
2211                      let lingeringSwapButton = item.querySelector('.sample-swap-button')
2212                      if(!!lingeringSwapButton){
2213                          lingeringSwapButton.remove()
2214                      }
2215
2216                  }
2217              })
2218          }
2219      }
2220  }
2221
2222
2223  class cartSampleCard {
2224      constructor(productObject){
2225          this.product = productObject
2226      }
2227
2228      init(){
2229          return this.createSampleCard()
2230      }
2231
2232      createSampleCard(){
2233          const { featured_image, title, variants } = this.product
2234
2235          const frag = document.createDocumentFragment()
2236          const cardContainer = document.createElement('div')
2237          const imageWrapper = document.createElement('div')
2238          const image = document.createElement('img')
2239          const button = document.createElement('button')
2240          const descriptionContainer = document.createElement('div')
2241          const description = document.createElement('p')
2242
2243          imageWrapper.classList.add('add-to-cart__card-image-wrapper')
2244          image.classList.add('add-to-cart__card-image')
2245
2246          image.src = featured_image
2247          image.alt = title
2248
2249          button.innerHTML = 'ADD TO CART'
2250          button.classList.add('add-to-cart__card-button')
2251
2252          button.onclick = ()=>{
2253              button.innerHTML = 'Adding...'
2254              // Disable all 'Add to Cart' Buttons
2255              const sampleButtons = document.querySelectorAll(sampleSelectors.slider + ' .add-to-cart__card-button')
2256              sampleButtons.forEach(btn => btn.disabled = true)
2257              // Add the sample to the cart
2258              this.handleAddSampleToCart(variants[0].id)
2259          }
2260
2261          description.innerHTML = title
2262          description.classList.add('cart-sample-slide__description')
2263
2264          frag.appendChild(cardContainer)
2265          imageWrapper.appendChild(image)
2266          cardContainer.appendChild(imageWrapper)
2267          descriptionContainer.appendChild(description)
2268          cardContainer.appendChild(descriptionContainer)
2269          cardContainer.appendChild(button)
2270          return cardContainer
2271      }
2272
2273      handleAddSampleToCart(productID){
2274          const formData = {
2275              'items': [{
2276                  'id':productID,
2277                  'quantity':1,
2278                  properties: {
2279                      'sample': 'Free Sample'
2280                  }
2281              }]
2282          }
2283          const url = `/cart/add.js`
2284          const options ={
2285              method:'POST',
2286              headers:{
2287                  'Content-Type': 'application/json'
2288              },
2289              body: JSON.stringify(formData)
2290          }
2291
2292          const addToCartRequest = fetch(url,options)
2293          .then(response => {
2294                return response.json();
2295          })
2296          .then(data => console.log(data))
2297          .catch((error) => {
2298              console.error('Error:', error);
2299          });
2300      }
2301  }
2302
2303  function initSampleSlider(){
2304      samplesObjectRef.forEach(item => {
2305          if(item.available === true){
2306              availableSamples.push(item)
2307          }
2308      })
2309
2310      const cartSampleData = {
2311          itemCount:cartItemCount,
2312          samples:availableSamples,
2313          minimumCartCount:2,
2314          sliderContainerSelector: sampleSelectors.slider,
2315          sampleContainerSelector: sampleSelectors.container,
2316          upsellBarSelector: sampleSelectors.upsellBar,
2317          cartItems: cartItems,
2318          sampleLineItemSelector: sampleSelectors.sampleLineItemSelector,
2319          samplesPriority: samplesPriority
2320      }
2321
2322      if(availableSamples.length > 0){
2323          const cartSamples = new CartSamples(cartSampleData);
2324          cartSamples.init()
2325      }
2326  }
2327
2328  initSampleSlider()
2329</script>
2329
2330<style>
2331  .samples-splide-container li{
2332      list-style:none
2333  }
2334
2335  .samples-splide-container{
2336      width:500px;
2337      max-width:100%;
2338  }
2339
2340  #add-to-cart__container{
2341      width:100%;
2342      padding:20px;
2343      padding-bottom:45px;
2344  }
2345
2346  #add-to-cart__container.cart-sample__padding-0{
2347      padding:0;
2348  }
2349
2350  .sample-upsell-notification-bar{
2351      padding:16.5px 20px;
2352      background-color: #47af19;
2353      display:none;
2354      color:white;
2355  }
2356
2357  .sample-upsell-notification-bar p{
2358      padding:0;
2359      margin:0;
2360      text-align:center;
2361      font-family: Lato;
2362      font-size: 14px;
2363      font-weight: 500;
2364      line-height: 17px;
2365      letter-spacing: 0em;
2366  }
2367
2368  .sample-swap-button{
2369      color:#47af19;
2370      background:none;
2371      display:flex;
2372      align-items:center;
2373      font-size: 16px;
2374      font-weight: 500;
2375      line-height: 20px;
2376      letter-spacing: 0em;
2377      text-align: left;
2378      padding:0;
2379      cursor:pointer;
2380  }
2381
2382  .sample-swap-button::after{
2383      content:'\21C4';
2384      margin-left:5px;
2385      display:flex;
2386      align-items:center;
2387  }
2388
2389  .sample-slider-header{
2390      font-size: 20px;
2391      font-weight: 700;
2392      line-height: 25px;
2393      letter-spacing: 0em;
2394      text-align: left;
2395      color:black;
2396  }
2397
2398  .cart-sample-slide__description{
2399      font-size: 14px;
2400      font-weight: 700;
2401      line-height: 20px;
2402      letter-spacing: 0em;
2403      text-align: center;
2404      min-height:40px;
2405      color:black;
2406
2407  }
2408
2409  .add-to-cart__card-button{
2410      font-size: 14px;
2411      font-weight: 700;
2412      line-height: 17px;
2413      letter-spacing: 1.899999976158142px;
2414      text-align: center;
2415      background-color:#47AF19;
2416      color:white;
2417      padding:11.5px 15px;
2418      width:100%;
2419  }
2420
2421  .add-to-cart__card-image-wrapper{
2422      position: relative;
2423      padding-top: 93px;
2424      width: 124px;
2425      margin-bottom: 16px;
2426      margin-left: auto;
2427      margin-right: auto;
2428      display: block;
2429  }
2430
2431  .add-to-cart__card-image{
2432      position:absolute;
2433      left:0;
2434      right:0;
2435      top:0;
2436      bottom:0;
2437      object-fit:contain;
2438      width:100%;
2439  }
2440
2441  #add-to-cart__container .splide__pagination{
2442      bottom:-23px;
2443  }
2444
2445  #add-to-cart__container .splide__pagination__page{
2446      background-color:#D7D7D7;
2447  }
2448
2449  #add-to-cart__container .splide__pagination__page.is-active{
2450      background-color:black;
2451      transform:unset;
2452  }
2453
2454  #add-to-cart__container .splide__arrow{
2455      background:none;
2456      width:23px;
2457      font-size:30px;
2458      top:33%;
2459  }
2460
2461  #add-to-cart__container .splide__arrow--prev{
2462      left:-10px;
2463  }
2464  #add-to-cart__container .splide__arrow--next{
2465      right:-10px;
2466  }
2467
2468  .tag-sample .rebuy-cart__flyout-item-product-title{
2469      margin-bottom:8px;
2470  }
2471
2472  .rebuy-cart__flyout-recommendations .rebuy-widget .rebuy-product-grid.large-style-line .rebuy-product-block .rebuy-product-actions {
2473      width: 90px !important;
2474  }
2475
2476  @media (min-width:768px){
2477      .cart-sample-slide__description{
2478          font-size: 18px;
2479      }
2480  }
2481</style>
2482
2483
2484<script>
2485	document.addEventListener('rebuy:cart.add', function(event) {
2486		if(window._gbt) _gbt.detectCart()
2487	}); 
2488</script>
2488
2489
2490<style>
2491.rebuy-cart__progress-bar-container {
2492	display: block;
2493}
2494.sample-upsell-notification-bar {
2495	display: none !important;
2496}
2497.rebuy-cart__progress-bar-meter-fill {
2498	background-color: #A2E4B6;
2499}
2500.rebuy-cart__progress-bar-meter {
2501	background-color: #E5F6EA;
2502}
2503</style>
2504
2505    <!-- Google Tag Manager (noscript) -->
vendor: 68 bytes, lines 2505-2506
2505
2506<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
2506GTM-K2KDZMV
vendor: 83 bytes, lines 2506-2507
2506"
2507height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
2508<!-- End Google Tag Manager (noscript) -->
2509
2510
2511    
2512    <div id="shopify-section-swatches" class="shopify-section"><div data-section-id="swatches" data-section-type="swatches">
2513  
2514</div>
2515
2516
2517</div>
2518
2519    
2520    <div id="shopify-section-announcement-banner" class="shopify-section">
2521
2522
2523
2524
2525
2526
2527
2528<div class="announcement-bar__container shopify-section-announcement-banner">
2529    <div class="announcement-bar__left-col">
2530      <div class="header-social-sharing social-sharing" data-social-sharing>
2531    
2532      <a target="_blank"
2533         href="https://www.instagram.com/soylent/"
2534         title="Instagram">
2535        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2536<g clip-path="url(#clip0_2447_4682)">
2537<path d="M10 0C7.28418 0 6.94363 0.0115116 5.87702 0.0601778C4.81264 0.108765 4.0857 0.277787 3.44959 0.525008C2.792 0.780565 2.23432 1.1225 1.67839 1.67843C1.12246 2.23436 0.780526 2.79204 0.524968 3.44963C0.277747 4.0857 0.108725 4.81264 0.0601381 5.87702C0.0114719 6.94363 0 7.28418 0 10C0 12.7159 0.0114719 13.0564 0.0601381 14.123C0.108725 15.1874 0.277747 15.9143 0.524968 16.5504C0.780526 17.208 1.12246 17.7657 1.67839 18.3216C2.23432 18.8776 2.792 19.2195 3.44959 19.4751C4.0857 19.7223 4.81264 19.8913 5.87702 19.9399C6.94363 19.9885 7.28418 20 10 20C12.7159 20 13.0564 19.9885 14.123 19.9399C15.1874 19.8913 15.9143 19.7223 16.5504 19.4751C17.208 19.2195 17.7657 18.8776 18.3216 18.3216C18.8776 17.7657 19.2195 17.208 19.4751 16.5504C19.7223 15.9143 19.8913 15.1874 19.9399 14.123C19.9885 13.0564 20 12.7159 20 10C20 7.28418 19.9885 6.94363 19.9399 5.87702C19.8913 4.81264 19.7223 4.0857 19.4751 3.44963C19.2195 2.79204 18.8776 2.23436 18.3216 1.67843C17.7657 1.1225 17.208 0.780565 16.5504 0.525008C15.9143 0.277787 15.1874 0.108765 14.123 0.0601778C13.0564 0.0115116 12.7159 0 10 0ZM10 1.80184C12.6701 1.80184 12.9864 1.812 14.0409 1.86011C15.0159 1.90461 15.5454 2.06752 15.8977 2.20443C16.3645 2.38584 16.6976 2.60257 17.0476 2.95249C17.3975 3.3024 17.6142 3.63556 17.7956 4.10229C17.9326 4.45467 18.0955 4.98416 18.1399 5.95915C18.188 7.01362 18.1982 7.32991 18.1982 10C18.1982 12.6701 18.188 12.9864 18.1399 14.0409C18.0955 15.0159 17.9326 15.5454 17.7956 15.8977C17.6142 16.3645 17.3975 16.6976 17.0476 17.0476C16.6976 17.3975 16.3645 17.6142 15.8977 17.7956C15.5454 17.9326 15.0159 18.0955 14.0409 18.1399C12.9866 18.188 12.6703 18.1982 10 18.1982C7.32971 18.1982 7.0135 18.188 5.95915 18.1399C4.98416 18.0955 4.45467 17.9326 4.10229 17.7956C3.63552 17.6142 3.3024 17.3975 2.95245 17.0476C2.60253 16.6976 2.3858 16.3645 2.20443 15.8977C2.06748 15.5454 1.90457 15.0159 1.86007 14.0409C1.81196 12.9864 1.8018 12.6701 1.8018 10C1.8018 7.32991 1.81196 7.01362 1.86007 5.95915C1.90457 4.98416 2.06748 4.45467 2.20443 4.10229C2.3858 3.63556 2.60253 3.3024 2.95245 2.95249C3.3024 2.60257 3.63552 2.38584 4.10229 2.20443C4.45467 2.06752 4.98416 1.90461 5.95915 1.86011C7.01362 1.812 7.32991 1.80184 10 1.80184Z" fill="#505050"/>
2538<path d="M9.99844 13.3332C8.15746 13.3332 6.66508 11.8409 6.66508 9.99991C6.66508 8.15893 8.15746 6.66655 9.99844 6.66655C11.8394 6.66655 13.3318 8.15893 13.3318 9.99991C13.3318 11.8409 11.8394 13.3332 9.99844 13.3332ZM9.99844 4.86475C7.16235 4.86475 4.86328 7.16381 4.86328 9.99991C4.86328 12.836 7.16235 15.135 9.99844 15.135C12.8345 15.135 15.1336 12.836 15.1336 9.99991C15.1336 7.16381 12.8345 4.86475 9.99844 4.86475Z" fill="#505050"/>
2539<path d="M16.5367 4.6619C16.5367 5.32465 15.9995 5.86188 15.3367 5.86188C14.674 5.86188 14.1367 5.32465 14.1367 4.6619C14.1367 3.99915 14.674 3.46191 15.3367 3.46191C15.9995 3.46191 16.5367 3.99915 16.5367 4.6619Z" fill="#505050"/>
2540</g>
2541<defs>
2542<clipPath id="clip0_2447_4682">
2543<rect width="20" height="20" fill="white"/>
2544</clipPath>
2545</defs>
2546</svg>
2547
2548        <span aria-hidden="true">Instagram</span>
2549        <span class="visually-hidden">Instagram</span>
2550      </a>
2551    
2552  
2553    
2554      <a target="_blank"
2555         href="https:\/\/www.tiktok.com\/@soylent_nutrition"
2556         title="Tiktok">
2557        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2558<g clip-path="url(#clip0_2447_4687)">
2559<path d="M10.441 0H13.7771C13.8129 0.145716 13.8408 0.293281 13.8605 0.442035C13.9622 1.60223 14.4929 2.68279 15.349 3.47249C16.205 4.26219 17.3247 4.70425 18.4894 4.71226V7.85655C18.3333 7.90727 18.1696 7.92986 18.0056 7.92327C17.2296 7.83756 16.4605 7.69822 15.7037 7.50626C1
25595.0506 7.25491 14.4153 6.95954 13.8021 6.62218V7.0392C13.8021 8.70726 13.8021 10.4254 13.8021 12.1184C13.8105 12.8075 13.7659 13.4962 13.6687 14.1785C13.5224 15.3173 13.0868 16.3996 12.4035 17.3224C11.7203 18.2451 10.812 18.9774 9.76543 19.4495C9.15039 19.6757 8.52062 19.8596 7.88053 20H6.72123C6.67265 19.977 6.62248 19.9574 6.5711 19.9416C5.3961 19.7922 4.29235 19.2958 3.40095 18.5158C2.50955 17.7358 1.871 16.7077 1.56693 15.563C1.42694 15.0648 1.32105 14.5576 1.25 14.045V13.0692C1.34174 12.6105 1.40847 12.1518 1.54191 11.7014C1.9178 10.4988 2.64402 9.43571 3.62762 8.64823C4.61123 7.86075 5.80745 7.38472 7.06318 7.28107C7.43849 7.22269 7.8138 7.20601 8.21414 7.17264C8.21414 8.25688 8.21414 9.25771 8.21414 10.2669C8.21414 10.5088 8.08903 10.5421 7.88886 10.6005C7.2494 10.7471 6.62206 10.9423 6.0123 11.1843C5.54268 11.3613 5.13919 11.679 4.85703 12.094C4.57487 12.5091 4.42782 13.0011 4.43599 13.5029C4.40062 14.072 4.53362 14.6388 4.81841 15.1327C5.10319 15.6266 5.52713 16.0258 6.03732 16.2802C6.50386 16.5687 7.04576 16.7117 7.5939 16.6909C8.14204 16.6701 8.67155 16.4865 9.11489 16.1635C9.44684 15.9258 9.72524 15.6211 9.93211 15.2692C10.139 14.9172 10.2697 14.5257 10.3159 14.1201C10.4156 13.29 10.4574 12.4539 10.441 11.618C10.441 7.91493 10.441 4.20906 10.441 0.500417C10.466 0.325271 10.4493 0.166806 10.441 0Z" fill="#505050"/>
2560</g>
2561<defs>
2562<clipPath id="clip0_2447_4687">
2563<rect width="20" height="20" fill="white"/>
2564</clipPath>
2565</defs>
2566</svg>
2567
2568        <span aria-hidden="true">Tiktok</span>
2569        <span class="visually-hidden">Tiktok</span>
2570      </a>
2571    
2572  
2573    
2574      <a target="_blank"
2575         href="https://www.reddit.com/r/soylent/"
2576         title="Reddit">
2577        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
2578<g clip-path="url(#clip0_2447_4690)">
2579<path d="M20 10.1581C20 8.88787 18.9665 7.85434 17.6962 7.85434C17.1311 7.85434 16.5983 8.05877 16.1776 8.42888C14.6541 7.45394 12.6213 6.83968 10.379 6.77352L11.751 2.08072L15.1197 2.7066C15.1196 2.73397 15.1143 2.76008 15.1157 2.78774C15.1566 3.58946 15.842 4.20834 16.6437 4.16744C17.4454 4.12655 18.0643 3.44111 18.0234 2.63942C17.9825 1.8377 17.2971 1.21882 16.4954 1.25972C15.9778 1.28612 15.5397 1.58302 15.3028 2.00464L15.3016 2.00415L11.2422 1.25L9.62527 6.77223C7.37752 6.83215 5.33825 7.44285 3.8082 8.41601C3.38975 8.05387 2.86246 7.85434 2.30379 7.85434C1.03357 7.85434 0 8.88783 0 10.1581C0 10.9438 0.404486 11.6683 1.05948 12.091C1.01968 12.3209 0.996963 12.5544 0.996963 12.7913C0.996963 16.1166 5.02782 18.8221 9.98287 18.8221C14.9379 18.8221 18.9687 16.1165 18.9687 12.7913C18.9687 12.5612 18.9476 12.3345 18.91 12.111C19.583 11.6915 20 10.9562 20 10.1581ZM5.71228 11.7261C5.71228 10.9448 6.34594 10.3108 7.12839 10.3108C7.91011 10.3108 8.54377 10.9448 8.54377 11.7261C8.54377 12.5082 7.91011 13.1419 7.12839 13.1419C6.34594 13.1419 5.71228 12.5082 5.71228 11.7261ZM13.3201 15.5552C13.278 15.5994 12.2621 16.6329 9.96631 16.6329C7.65876 16.6329 6.73565 15.585 6.69763 15.5406C6.56754 15.3887 6.58527 15.1599 6.73719 15.0302C6.88833 14.9013 7.11487 14.9179 7.24532 15.0675C7.26601 15.0901 8.03648 15.9092 9.96635 15.9092C11.9298 15.9092 12.7906 15.0611 12.7993 15.0529C12.9384 14.9111 13.1672 14.9077 13.31 15.0468C13.4521 15.1855 13.4574 15.4117 13.3201 15.5552ZM13.0386 13.1419C12.2561 13.1419 11.6225 12.5082 11.6225 11.7261C11.6225 10.9448 12.2561 10.3108 13.0386 10.3108C13.8203 10.3108 14.454 10.9448 14.454 11.7261C14.454 12.5082 13.8203 13.1419 13.0386 13.1419Z" fill="#505050"/>
2580</g>
2581<defs>
2582<clipPath id="clip0_2447_4690">
2583<rect width="20" height="20" fill="white"/>
2584</clipPath>
2585</defs>
2586</svg>
2587
2588        <span aria-hidden="true">Reddit</span>
2589        <span class="visually-hidden">Reddit</span>
2590      </a>
2591    
2592  
2593  </div>
2594  
2595  <style>
2596    #shopify-section-social-sharing {
2597      display: flex;
2598      flex-direction: column;
2599      align-items: center;
2600    }
2601    .social-sharing--desktop .social-sharing > a {
2602      display: flex;
2603      align-items: center;
2604      justify-content: center;
2605    }
2606    .social-sharing___header { 
2607      font-family: 'Lato';
2608      font-weight: 500;
2609      font-size: 16px;
2610      line-height: 20px;
2611      letter-spacing: 0.5px;
2612      text-transform: uppercase;
2613      color: #000000; 
2614      margin: 0;
2615    }
2616    .icon-mail {
2617      width: 17px;
2618      height: 12px;
2619    }
2620    .social-sharing {
2621      display: flex;
2622      justify-content: center;
2623      align-items: center;
2624      gap: 22px;
2625    }
2626    .social-sharing > a {
2627      display: flex;
2628      justify-content: center;
2629      align-items: center;
2630    }
2631    .header-social-sharing > a {
2632      height: 20px;
2633      width: 20px;
2634    }
2635    .rte a svg path {
2636      fill: #47af19;
2637    }
2638    .social-sharing___header {
2639      display: block;
2640    }
2641    .social-sharing {
2642        gap: 16px;
2643        display: none;
2644    }
2645    .mobile-nav-footer .social-sharing {
2646      display: flex;
2647    }
2648    @media screen and (min-width: 768px){
2649      #shopify-section-social-sharing {
2650        display: flex;
2651        flex-direction: row;
2652      }
2653      .social-sharing___header {
2654        display: block;
2655      }
2656    }
2657    @media screen and (min-width: 1199px){
2658      .social-sharing {
2659        gap: 16px;
2660        display: flex;
2661      }
2662    }
2663  </style>
2664    </div>
2665
2666    
2667      <div class="announcement-bar" data-section-id="announcement-banner" data-section-type="pencil-banner" x-data x-cloak>
2668    
2669        <div class="pencil-banner" role="region" aria-label="banner" data-pencil-banner data-slideshow-wrapper data-speed="5000">
2670        <div class="container slideshow"
2671            id="slideshow-announcement-banner"
2672            data-slideshow>
2673            
2674                
2675            
2676                
2677            
2678                
2679            
2680                
2681            
2682                
2683                    <div class="pencil-banner__content" data-slideshow-slide>
2684                        <p>over 18,000 <span class="pencil-star-images">
2685  <img src="https://cdn.shopify.com/s/files/1/0003/5933/3902/files/Full_Star.png?v=1613709959" />
2686  <img src="https://cdn.shopify.com/s/files/1/0003/5933/3902/files/Full_Star.png?v=1613709959" />
2687  <img src="https://cdn.shopify.com/s/files/1/0003/5933/3902/files/Full_Star.png?v=1613709959" />
2688  <img src="https://cdn.shopify.com/s/files/1/0003/5933/3902/files/Full_Star.png?v=1613709959" />
2689  <img src="https://cdn.shopify.com/s/files/1/0003/5933/3902/files/Half_Star-full-canvas-gray.png?v=1613709989" />
2690</span> reviews! <br/><a href="/pages/reviews" title="Reviews">see reviews</a></p>
2691                    </div>
2692                
2693            
2694                
2695                    <div class="pencil-banner__content" data-slideshow-slide>
2696                        <p>get free shipping on orders over $50!</p>
2697                    </div>
2698                
2699            
2700        </div><button class="u-border-transparent slick-arrow slick-arrow--prev" aria-label="pencil banner previous" data-about-us-carousel-arrow-prev>
2701            <span class="arrow arrow--left">
2702                <svg style="transform: rotate(180deg);" width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2703                <path d="M2.05338 5.01596C3.41754 6.36495 4.69876 7.62982 6 8.915C5.55672 9.32985 5.18208 9.68088 4.84175 10C3.22307 8.33478 1.57865 6.63766 4.36226e-07 5.01015C1.55863 3.42617 3.21735 1.74354 4.93327 -9.32565e-08C5.17922 0.284305 5.53098 0.687554 5.91706 1.13142C4.68732 2.36728 3.41754 3.64375 2.05338 5.01305L2.05338 5.01596Z" fill="#505050"/>
2704                </svg>
2705            </span>
2706            </button>
2707            <button class="u-border-transparent slick-arrow slick-arrow--next" aria-label="pencil banner previous" data-about-us-carousel-arrow-next>
2708            <span class="arrow arrow--right">
2709                <svg width="6" height="10" viewBox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg">
2710                <path d="M3.94662 4.98404C2.58246 3.63505 1.30124 2.37018 0 1.085C0.443279 0.670148 0.817922 0.319118 1.15825 0C2.77693 1.66522 4.42135 3.36234 6 4.98985C4.44137 6.57383 2.78265 8.25646 1.06673 10C0.820782 9.7157 0.469018 9.31245 0.0829361 8.86858C1.31268 7.63272 2.58246 6.35625 3.94662 4.98695V4.98404Z" fill="#505050"/>
2711                </svg>
2712            </span>
2713            </button></div>
2714    
2715</div>
2716    
2717
2718    <div class="announcement-bar__right-col">
2719        
2720          
2721    
2722        <a href="/pages/store-locator" class="store-locator">Store Locator</a>
2723    
2724
2725    
2726
2727    
2728
2729    
2730
2731    
2732
2733    
2734
2735
2736<style>
2737    .store-locator {
2738        letter-spacing: .04em;
2739        font-size: 13px;    
2740        line-height: 1.143;
2741        font-weight: 700;
2742        text-transform: uppercase;
2743    }
2744</style>
2745        
2746
2747        
2748          <div class="announcement-bar__right-col-divider"></div>
2749        
2750
2751        
2752          
2753
2754
2755
2756
2757<ul class="header-nav__menu header-nav__menu--user">
2758  
2759    <li class="header-nav__menu-item country-selector">
2760      <div data-country-selector-trigger>
2761        <a href="#"
2762        aria-label="Open country selector dropdown">
2763          <div class="country-list__flag">
2764            <img src="//soylent.com/cdn/shop/files/flag_3x_681abd70-d265-4605-9c60-e11498a6c18e_50x.png?v=1613773071" alt="" />
2765          </div>
2766        </a>
2767        
2768          
2769<div class="country-dropdown" data-country-dropdown>
2770  <ul class="country-list__container">
2771    
2772      
2773    
2774      
2775        <li class="country-list__item">
2776          <a tabindex="0" aria-label="United States" href="https://www.soylent.com/">
2777            <span class="country-list__item-text">United States</span>
2778            <span class="country-list__flag"><img src="//soylent.com/cdn/shop/files/flag_3x_681abd70-d265-4605-9c60-e11498a6c18e_50x.png?v=1613773071" alt="" />
2779            </span>
2780          </a>
2781        </li>
2782      
2783    
2784      
2785        <li class="country-list__item">
2786          <a tabindex="0" aria-label="Canada" href="http://soylent.ca">
2787            <span class="country-list__item-text">Canada</span>
2788            <span class="country-list__flag"><img src="//soylent.com/cdn/shop/files/flag-of-canada_2x_5e094232-c170-40e0-a920-1be00692a12b_50x.png?v=1613773071" alt="" />
2789            </span>
2790          </a>
2791        </li>
2792      
2793    
2794      
2795        <li class="country-list__item">
2796          <a tabindex="0" aria-label="Global" href="https://www.bigapplebuddy.com/brands/soylent">
2797            <span class="country-list__item-text">Global</span>
2798            <span class="country-list__flag"><img src="//soylent.com/cdn/shop/files/Global_Flag_50x.png?v=1628286370" alt="" />
2799            </span>
2800          </a>
2801        </li>
2802      
2803    
2804      
2805    
2806      
2807    
2808  </ul>
2809</div>
2810
2811        
2812      </div>
2813    </li>
2814  
2815</ul>
2816
2817<script>
2818  (function(){
2819    let section = document.querySelector('.shopify-section-announcement-banner')
2820
2821    section.querySelector('[data-country-selector-trigger]').addEventListener('mouseenter', function() {
2822      section.querySelector('[data-country-dropdown]').classList.toggle('is-open');
2823    })
2824
2825    section.querySelector('[data-country-selector-trigger]').addEventListener('mouseleave', function() {
2826      section.querySelector('[data-country-dropdown]').classList.toggle('is-open');
2827    })
2828  })();
2829</script>
2829
2830        
2831    </div>
2832</div>
2833
2834
2835
2836<style>
2837    button {
2838      outline: none !important;
2839    }
2840    .announcement-bar__container {
2841        width: 100%;
2842        height: 32px;
2843        max-width: 100%;
2844        display: flex;
2845        align-items: center;
2846        justify-content: space-between;
2847        align-items: center;
2848        padding-left: 0px;
2849        padding-right: 0px;
2850        max-width: 1440px;
2851        margin: 0 auto;
2852    }
2853    .header-nav__menu-item.header-nav__menu-item--separator > a:after {
2854        display: none !important;
2855    }
2856    .header-nav__menu-item>a, .country-selector .country-list__flag {
2857        padding: 12px 0;
2858    }
2859    .pencil-banner {
2860        width: 100%;
2861        max-width: 600px;
2862        max-width: 100%;
2863        padding: 0 !important;
2864        margin: 0 auto;
2865    }
2866    .pencil-banner__content {
2867        width: 100%;
2868        padding-left: 40px;
2869        padding-right: 40px;
2870    }
2871    .country-dropdown.is-open {
2872      z-index: 1000;
2873    }
2874    .announcement-bar__left-col {
2875      display: none;
2876    }
2877    .announcement-bar__right-col {
2878      display: none;
2879    }
2880    .announcement-bar {
2881      width: 100%;
2882    }
2883    #slideshow-announcement-banner {
2884        width: 100%;
2885    }
2886    #shopify-section-announcement-banner {
2887        background-color: #f7f7f7;
2888    }
2889    .pencil-banner .slick-arrow--prev {
2890        padding: 0;
2891    }
2892
2893    @media screen and (min-width: 1199px) {
2894        .announcement-bar__container {
2895          padding-left: 80px;
2896          padding-right: 80px;
2897          height: 48px;
2898        }
2899        .announcement-bar__left-col {
2900          display: flex;
2901        }
2902        .announcement-bar__right-col {
2903          display: flex;
2904          flex-direction: row;
2905          align-items: center;
2906          gap: 16px;
2907        }
2908        .announcement-bar__right-col-divider {
2909          height: 24px;
2910          width: 1px;
2911          background-color: #D9D9D9;
2912        }/*
2913        .pencil-banner {
2914          width: 100%;
2915          max-width: 600px;
2916        }*/
2917        .announcement-bar {
2918          width: 100%;
2919          max-width: 600px;
2920        }
2921    }
2922</style>
2923
2924
2925</div>
2926
2927    <div class="layout-wrapper">
2928      <div id="shopify-section-header-logo-left" class="shopify-section">
2929
2930
2931
2932
2933
2934
2935
2936
2937
2938
2939
2940
2941
2942
2943
2944<div data-section-id="header-logo-left" data-section-type="header">
2945  <nav>
2946    <header class="header" role="region" aria-label="banner" data-header>
2947      <div class="header-content">
2948        <div class="header-container">
2949
2950          
2951          <div class="header-nav header-nav--left header-nav--hide-on-desktop">
2952
2953            
2954              <ul class="header-nav__menu">
2955  <li class="header-nav__menu-item">
2956    <button href="#" class="u-padding-normalize u-border-transparent" title="Toggle menu" data-mobile-nav-toggle>
2957      <span class="icon icon-menu">
2958        <span class="icon__inner"></span>
2959      </span>
2960    </button>
2961  </li>
2962</ul>
2963            
2964
2965          </div>
2966          
2967          <div class="mobile-nav" data-mobile-nav>
2968            <ul class="mobile-nav__menu-list">
2969      
2970
2971
2972
2973
2974
2975  <li class="mobile-nav__menu-item" >
2976    <a href="/collections/all-products" data-block="nav_shop_item_NA6F9G" aria-controls="submenu-nav_shop_item_NA6F9G" aria-expanded="false" data-submenu-trigger="#submenu-nav_shop_item_NA6F9G">
2977      SHOP
2978      
2979      <div class="mobile-nav__dropdown-icon">
2980        <span class="mobile-nav__dropdown-icon--inner"></span>
2981      </div>
2982    </a>
2983  </li>
2984
2985
2986    
2987        <div id="submenu-nav_shop_item_NA6F9G" class="mobile-nav__submenu" data-block="nav_shop_item_NA6F9G" data-submenu>
2988      <ul class="mobile-nav__submenu-list mobile-nav__submenu-list-shop">
2989      
2990        
2991          
2992            
2993            
2994            
2995            
2996            
2997            
2998            
2999            
3000            
3001            
3002            
3003            
3004            
3005  
3006            
3007
3008            <a href="/collections/complete-meal-shakes" class="header-dropdown-shop-cta">
3009  <div class="header-dropdown-shop-cta__image-wrapper-1" style="overflow: hidden;">
3010    
3011      <img class="header-dropdown-shop-cta__image-top-1" src="//soylent.com/cdn/shop/files/Complete_Meal_Gif_grande.png?v=1710113952" alt="">
3012    
3013    
3014  </div>
3015  <div class="header-dropdown-shop-cta__content">
3016    <h5>complete meal shakes</h5>
3017    <div><p>real science. real nutrition. real food.</p></div>
3018    <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div>
3019  </div>
3020</a>
3021
3022<style>
3023  .header-dropdown-shop-cta {
3024    width: 100%;
3025    display: flex;
3026    flex-direction: row;
3027    align-items: center;
3028    justify-content: flex-start;
3029    padding-left: 0;
3030    padding-bottom: 0;
3031    gap: 16px;
3032  }
3033  .header-dropdown-shop-cta__image-wrapper-1 {
3034    border: 1px solid #000;
3035    aspect-ratio: 1/1;
3036    max-width: 102px;
3037    width: 102px;
3038    position: relative;
3039    background: linear-gradient(to bottom, #5e93db 0%, #5e93db 50%, #ffffff 50%, #ffffff 100%);
3040  }
3041  .header-dropdown-shop-cta__image-wrapper-1 img {
3042    width: 100%;
3043    height: auto;
3044    aspect-ratio: 1/1;
3045    object-fit: contain;
3046    object-position: center;
3047    position: absolute;
3048    top: 0;
3049    left: 0;
3050  }
3051  
3052  @keyframes fadeOut {
3053    0% { 
3054      left: 0;
3055    }
3056    20% { 
3057      left: 0;
3058    }
3059    40% { 
3060      left: -150%;
3061      display: block;
3062    }
3063    49% { 
3064      left: -150%;
3065      display: none;
3066    }
3067    50% { 
3068      left: 150%;
3069      display: none;
3070    }
3071    60% { 
3072      left: 150%;
3073      display: block;
3074    }
3075    80% { 
3076      left: 0;
3077    }
3078    100% { 
3079      left: 0;
3080    }
3081  }
3082  @keyframes fadeIn {
3083    0% { 
3084      left: 150%;
3085    }
3086    20% { 
3087      left: 150%;
3088    }
3089    40% { 
3090      left: 0;
3091    }
3092    60% { 
3093      left: 0;
3094    }
3095    80% { 
3096      left: -150%;
3097    }
3098    100% { 
3099      left: -150%;
3100    }
3101  }
3102  .header-dropdown-shop-cta__content {
3103    display: flex;
3104    flex-direction: column;
3105    gap: 8px;
3106    width: calc(100% - 118px);
3107  }
3108  .header-dropdown-shop-cta__content h5 {
3109    font-size: 16px;
3110    line-height: 24px;
3111    font-weight: 700;
3112    margin: 0;
3113    padding: 0;
3114    color: #212322;
3115  }
3116  .header-dropdown-shop-cta__content p {
3117    font-size: 14px;
3118    line-height: 18px;
3119    margin: 0 !important;
3120    padding: 0 !important;
3121    color: #505050;
3122    max-height: 36px;
3123    overflow: hidden;
3124  }
3125  .header-dropdown-shop-cta__content-btn {
3126    font-size: 14px;
3127    line-height: 16px;
3128    font-weight: 500;
3129    text-decoration: none;
3130    letter-spacing: 0.32px;
3131    color: #47AF19;
3132    margin: 0;
3133  }
3134  @media screen and (min-width: 597px) {
3135    .header-dropdown-shop-cta {
3136      width: calc(50% - 8px);
3137      height: fit-content;
3138    }
3139  }
3140  @media screen and (min-width: 768px) {
3141    .header-dropdown-shop-cta {
3142      gap: 36px;
3143      width: calc(50% - 9px);
3144      height: 162px;
3145    }
3146    .header-dropdown-shop-cta__image-wrapper-1 {
3147      max-width: 162px;
3148      width: 100%;
3149    }
3150    .header-dropdown-shop-cta__content {
3151      width: 100%;
3152    }
3153    .header-dropdown-shop-cta__content h5 {
3154      font-size: 18px;
3155      line-height: 24px;
3156    }
3157    .header-dropdown-shop-cta__content p {
3158      font-size: 16px;
3159      line-height: 24px;
3160      max-height: none;
3161    }
3162    .header-dropdown-shop-cta__content-btn {
3163      font-size: 16px;
3164      line-height: 24px;
3165    }
3166  }
3167</style>
3168
3169          
3170            
3171            
3172            
3173            
3174            
3175            
3176            
3177            
3178            
3179            
3180            
3181            
3182            
3183  
3184            
3185
3186            <a href="/collections/complete-meal-powder" class="header-dropdown-shop-cta">
3187  <div class="header-dropdown-shop-cta__image-wrapper-2" style="overflow: hidden;">
3188    
3189      <img class="header-dropdown-shop-cta__image-top-2" src="//soylent.com/cdn/shop/files/shop-complete-meal-powder-choc-navi_grande.png?v=1744470231" alt="">
3190    
3191    
3192  </div>
3193  <div class="header-dropdown-shop-cta__content">
3194    <h5>complete meal powder</h5>
3195    <div><p>perfectly portioned for nutritional absorption.</p></div>
3196    <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div>
3197  </div>
3198</a>
3199
3200<style>
3201  .header-dropdown-shop-cta {
3202    width: 100%;
3203    display: flex;
3204    flex-direction: row;
3205    align-items: center;
3206    justify-content: flex-start;
3207    padding-left: 0;
3208    padding-bottom: 0;
3209    gap: 16px;
3210  }
3211  .header-dropdown-shop-cta__image-wrapper-2 {
3212    border: 1px solid #000;
3213    aspect-ratio: 1/1;
3214    max-width: 102px;
3215    width: 102px;
3216    position: relative;
3217    background: linear-gradient(to bottom, #b5917c 0%, #b5917c 50%, #ffffff 50%, #ffffff 100%);
3218  }
3219  .header-dropdown-shop-cta__image-wrapper-2 img {
3220    width: 100%;
3221    height: auto;
3222    aspect-ratio: 1/1;
3223    object-fit: contain;
3224    object-position: center;
3225    position: absolute;
3226    top: 0;
3227    left: 0;
3228  }
3229  
3230  @keyframes fadeOut {
3231    0% { 
3232      left: 0;
3233    }
3234    20% { 
3235      left: 0;
3236    }
3237    40% { 
3238      left: -150%;
3239      display: block;
3240    }
3241    49% { 
3242      left: -150%;
3243      display: none;
3244    }
3245    50% { 
3246      left: 150%;
3247      display: none;
3248    }
3249    60% { 
3250      left: 150%;
3251      display: block;
3252    }
3253    80% { 
3254      left: 0;
3255    }
3256    100% { 
3257      left: 0;
3258    }
3259  }
3260  @keyframes fadeIn {
3261    0% { 
3262      left: 150%;
3263    }
3264    20% { 
3265      left: 150%;
3266    }
3267    40% { 
3268      left: 0;
3269    }
3270    60% { 
3271      left: 0;
3272    }
3273    80% { 
3274      left: -150%;
3275    }
3276    100% { 
3277      left: -150%;
3278    }
3279  }
3280  .header-dropdown-shop-cta__content {
3281    display: flex;
3282    flex-direction: column;
3283    gap: 8px;
3284    width: calc(100% - 118px);
3285  }
3286  .header-dropdown-shop-cta__content h5 {
3287    font-size: 16px;
3288    line-height: 24px;
3289    font-weight: 700;
3290    margin: 0;
3291    padding: 0;
3292    color: #212322;
3293  }
3294  .header-dropdown-shop-cta__content p {
3295    font-size: 14px;
3296    line-height: 18px;
3297    margin: 0 !important;
3298    padding: 0 !important;
3299    color: #505050;
3300    max-height: 36px;
3301    overflow: hidden;
3302  }
3303  .header-dropdown-shop-cta__content-btn {
3304    font-size: 14px;
3305    line-height: 16px;
3306    font-weight: 500;
3307    text-decoration: none;
3308    letter-spacing: 0.32px;
3309    color: #47AF19;
3310    margin: 0;
3311  }
3312  @media screen and (min-width: 597px) {
3313    .header-dropdown-shop-cta {
3314      width: calc(50% - 8px);
3315      height: fit-content;
3316    }
3317  }
3318  @media screen and (min-width: 768px) {
3319    .header-dropdown-shop-cta {
3320      gap: 36px;
3321      width: calc(50% - 9px);
3322      height: 162px;
3323    }
3324    .header-dropdown-shop-cta__image-wrapper-2 {
3325      max-width: 162px;
3326      width: 100%;
3327    }
3328    .header-dropdown-shop-cta__content {
3329      width: 100%;
3330    }
3331    .header-dropdown-shop-cta__content h5 {
3332      font-size: 18px;
3333      line-height: 24px;
3334    }
3335    .header-dropdown-shop-cta__content p {
3336      font-size: 16px;
3337      line-height: 24px;
3338      max-height: none;
3339    }
3340    .header-dropdown-shop-cta__content-btn {
3341      font-size: 16px;
3342      line-height: 24px;
3343    }
3344  }
3345</style>
3346
3347          
3348            
3349            
3350            
3351            
3352            
3353            
3354            
3355            
3356            
3357            
3358            
3359            
3360            
3361  
3362            
3363
3364            <a href="/collections/complete-protein" class="header-dropdown-shop-cta">
3365  <div class="header-dropdown-shop-cta__image-wrapper-3" style="overflow: hidden;">
3366    
3367      <img class="header-dropdown-shop-cta__image-top-3" src="//soylent.com/cdn/shop/files/Complete_Protein_Gif_grande.png?v=1710113952" alt="">
3368    
3369    
3370      <img class="header-dropdown-shop-cta__image-bot-3" src="//soylent.com/cdn/shop/files/complete-protein-powder-vanilla-tub_884e4894-3b63-47c3-93e3-0d99eb74e164_grande.png?v=1712864488" alt="">
3371    
3372  </div>
3373  <div class="header-dropdown-shop-cta__content">
3374    <h5>complete protein</h5>
3375    <div><p>protein. rooted in science. taste perfected.</p></div>
3376    <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div>
3377  </div>
3378</a>
3379
3380<style>
3381  .header-dropdown-shop-cta {
3382    width: 100%;
3383    display: flex;
3384    flex-direction: row;
3385    align-items: center;
3386    justify-content: flex-start;
3387    padding-left: 0;
3388    padding-bottom: 0;
3389    gap: 16px;
3390  }
3391  .header-dropdown-shop-cta__image-wrapper-3 {
3392    border: 1px solid #000;
3393    aspect-ratio: 1/1;
3394    max-width: 102px;
3395    width: 102px;
3396    position: relative;
3397    background: linear-gradient(to bottom, #8fad15 0%, #8fad15 50%, #ffffff 50%, #ffffff 100%);
3398  }
3399  .header-dropdown-shop-cta__image-wrapper-3 img {
3400    width: 100%;
3401    height: auto;
3402    aspect-ratio: 1/1;
3403    object-fit: contain;
3404    object-position: center;
3405    position: absolute;
3406    top: 0;
3407    left: 0;
3408  }
3409  
3410    .header-dropdown-shop-cta__image-top-3 {
3411      animation: fadeOut 3s infinite;
3412    }
3413    .header-dropdown-shop-cta__image-bot-3{
3414      animation: fadeIn 3s infinite;
3415    }
3416  
3417  @keyframes fadeOut {
3418    0% { 
3419      left: 0;
3420    }
3421    20% { 
3422      left: 0;
3423    }
3424    40% { 
3425      left: -150%;
3426      display: block;
3427    }
3428    49% { 
3429      left: -150%;
3430      display: none;
3431    }
3432    50% { 
3433      left: 150%;
3434      display: none;
3435    }
3436    60% { 
3437      left: 150%;
3438      display: block;
3439    }
3440    80% { 
3441      left: 0;
3442    }
3443    100% { 
3444      left: 0;
3445    }
3446  }
3447  @keyframes fadeIn {
3448    0% { 
3449      left: 150%;
3450    }
3451    20% { 
3452      left: 150%;
3453    }
3454    40% { 
3455      left: 0;
3456    }
3457    60% { 
3458      left: 0;
3459    }
3460    80% { 
3461      left: -150%;
3462    }
3463    100% { 
3464      left: -150%;
3465    }
3466  }
3467  .header-dropdown-shop-cta__content {
3468    display: flex;
3469    flex-direction: column;
3470    gap: 8px;
3471    width: calc(100% - 118px);
3472  }
3473  .header-dropdown-shop-cta__content h5 {
3474    font-size: 16px;
3475    line-height: 24px;
3476    font-weight: 700;
3477    margin: 0;
3478    padding: 0;
3479    color: #212322;
3480  }
3481  .header-dropdown-shop-cta__content p {
3482    font-size: 14px;
3483    line-height: 18px;
3484    margin: 0 !important;
3485    padding: 0 !important;
3486    color: #505050;
3487    max-height: 36px;
3488    overflow: hidden;
3489  }
3490  .header-dropdown-shop-cta__content-btn {
3491    font-size: 14px;
3492    line-height: 16px;
3493    font-weight: 500;
3494    text-decoration: none;
3495    letter-spacing: 0.32px;
3496    color: #47AF19;
3497    margin: 0;
3498  }
3499  @media screen and (min-width: 597px) {
3500    .header-dropdown-shop-cta {
3501      width: calc(50% - 8px);
3502      height: fit-content;
3503    }
3504  }
3505  @media screen and (min-width: 768px) {
3506    .header-dropdown-shop-cta {
3507      gap: 36px;
3508      width: calc(50% - 9px);
3509      height: 162px;
3510    }
3511    .header-dropdown-shop-cta__image-wrapper-3 {
3512      max-width: 162px;
3513      width: 100%;
3514    }
3515    .header-dropdown-shop-cta__content {
3516      width: 100%;
3517    }
3518    .header-dropdown-shop-cta__content h5 {
3519      font-size: 18px;
3520      line-height: 24px;
3521    }
3522    .header-dropdown-shop-cta__content p {
3523      font-size: 16px;
3524      line-height: 24px;
3525      max-height: none;
3526    }
3527    .header-dropdown-shop-cta__content-btn {
3528      font-size: 16px;
3529      line-height: 24px;
3530    }
3531  }
3532</style>
3533
3534          
3535            
3536            
3537            
3538            
3539            
3540            
3541            
3542            
3543            
3544            
3545            
3546            
3547            
3548  
3549            
3550
3551            <a href="/collections/complete-coffee-shakes" class="header-dropdown-shop-cta">
3552  <div class="header-dropdown-shop-cta__image-wrapper-4" style="overflow: hidden;">
3553    
3554      <img class="header-dropdown-shop-cta__image-top-4" src="//soylent.com/cdn/shop/files/Cafe_Mocha_grande.png?v=1710113952" alt="">
3555    
3556    
3557  </div>
3558  <div class="header-dropdown-shop-cta__content">
3559    <h5>complete coffee</h5>
3560    <div><p>coffee that acts like a healthy breakfast.</p></div>
3561    <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div>
3562  </div>
3563</a>
3564
3565<style>
3566  .header-dropdown-shop-cta {
3567    width: 100%;
3568    display: flex;
3569    flex-direction: row;
3570    align-items: center;
3571    justify-content: flex-start;
3572    padding-left: 0;
3573    padding-bottom: 0;
3574    gap: 16px;
3575  }
3576  .header-dropdown-shop-cta__image-wrapper-4 {
3577    border: 1px solid #000;
3578    aspect-ratio: 1/1;
3579    max-width: 102px;
3580    width: 102px;
3581    position: relative;
3582    background: linear-gradient(to bottom, #f2ed6d 0%, #f2ed6d 50%, #ffffff 50%, #ffffff 100%);
3583  }
3584  .header-dropdown-shop-cta__image-wrapper-4 img {
3585    width: 100%;
3586    height: auto;
3587    aspect-ratio: 1/1;
3588    object-fit: contain;
3589    object-position: center;
3590    position: absolute;
3591    top: 0;
3592    left: 0;
3593  }
3594  
3595  @keyframes fadeOut {
3596    0% { 
3597      left: 0;
3598    }
3599    20% { 
3600      left: 0;
3601    }
3602    40% { 
3603      left: -150%;
3604      display: block;
3605    }
3606    49% { 
3607   
3607   left: -150%;
3608      display: none;
3609    }
3610    50% { 
3611      left: 150%;
3612      display: none;
3613    }
3614    60% { 
3615      left: 150%;
3616      display: block;
3617    }
3618    80% { 
3619      left: 0;
3620    }
3621    100% { 
3622      left: 0;
3623    }
3624  }
3625  @keyframes fadeIn {
3626    0% { 
3627      left: 150%;
3628    }
3629    20% { 
3630      left: 150%;
3631    }
3632    40% { 
3633      left: 0;
3634    }
3635    60% { 
3636      left: 0;
3637    }
3638    80% { 
3639      left: -150%;
3640    }
3641    100% { 
3642      left: -150%;
3643    }
3644  }
3645  .header-dropdown-shop-cta__content {
3646    display: flex;
3647    flex-direction: column;
3648    gap: 8px;
3649    width: calc(100% - 118px);
3650  }
3651  .header-dropdown-shop-cta__content h5 {
3652    font-size: 16px;
3653    line-height: 24px;
3654    font-weight: 700;
3655    margin: 0;
3656    padding: 0;
3657    color: #212322;
3658  }
3659  .header-dropdown-shop-cta__content p {
3660    font-size: 14px;
3661    line-height: 18px;
3662    margin: 0 !important;
3663    padding: 0 !important;
3664    color: #505050;
3665    max-height: 36px;
3666    overflow: hidden;
3667  }
3668  .header-dropdown-shop-cta__content-btn {
3669    font-size: 14px;
3670    line-height: 16px;
3671    font-weight: 500;
3672    text-decoration: none;
3673    letter-spacing: 0.32px;
3674    color: #47AF19;
3675    margin: 0;
3676  }
3677  @media screen and (min-width: 597px) {
3678    .header-dropdown-shop-cta {
3679      width: calc(50% - 8px);
3680      height: fit-content;
3681    }
3682  }
3683  @media screen and (min-width: 768px) {
3684    .header-dropdown-shop-cta {
3685      gap: 36px;
3686      width: calc(50% - 9px);
3687      height: 162px;
3688    }
3689    .header-dropdown-shop-cta__image-wrapper-4 {
3690      max-width: 162px;
3691      width: 100%;
3692    }
3693    .header-dropdown-shop-cta__content {
3694      width: 100%;
3695    }
3696    .header-dropdown-shop-cta__content h5 {
3697      font-size: 18px;
3698      line-height: 24px;
3699    }
3700    .header-dropdown-shop-cta__content p {
3701      font-size: 16px;
3702      line-height: 24px;
3703      max-height: none;
3704    }
3705    .header-dropdown-shop-cta__content-btn {
3706      font-size: 16px;
3707      line-height: 24px;
3708    }
3709  }
3710</style>
3711
3712          
3713            
3714            
3715            
3716            
3717            
3718            
3719            
3720            
3721            
3722            
3723            
3724            
3725            
3726  
3727            
3728
3729            <a href="/products/soylent-complete-energy-chocolate" class="header-dropdown-shop-cta">
3730  <div class="header-dropdown-shop-cta__image-wrapper-5" style="overflow: hidden;">
3731    
3732      <img class="header-dropdown-shop-cta__image-top-5" src="//soylent.com/cdn/shop/files/Chocolate_grande.png?v=1710113952" alt="">
3733    
3734    
3735  </div>
3736  <div class="header-dropdown-shop-cta__content">
3737    <h5>complete energy</h5>
3738    <div><p>smart energy. fuel for the brain and the body. </p></div>
3739    <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div>
3740  </div>
3741</a>
3742
3743<style>
3744  .header-dropdown-shop-cta {
3745    width: 100%;
3746    display: flex;
3747    flex-direction: row;
3748    align-items: center;
3749    justify-content: flex-start;
3750    padding-left: 0;
3751    padding-bottom: 0;
3752    gap: 16px;
3753  }
3754  .header-dropdown-shop-cta__image-wrapper-5 {
3755    border: 1px solid #000;
3756    aspect-ratio: 1/1;
3757    max-width: 102px;
3758    width: 102px;
3759    position: relative;
3760    background: linear-gradient(to bottom, #fcd700 0%, #fcd700 50%, #ffffff 50%, #ffffff 100%);
3761  }
3762  .header-dropdown-shop-cta__image-wrapper-5 img {
3763    width: 100%;
3764    height: auto;
3765    aspect-ratio: 1/1;
3766    object-fit: contain;
3767    object-position: center;
3768    position: absolute;
3769    top: 0;
3770    left: 0;
3771  }
3772  
3773  @keyframes fadeOut {
3774    0% { 
3775      left: 0;
3776    }
3777    20% { 
3778      left: 0;
3779    }
3780    40% { 
3781      left: -150%;
3782      display: block;
3783    }
3784    49% { 
3785      left: -150%;
3786      display: none;
3787    }
3788    50% { 
3789      left: 150%;
3790      display: none;
3791    }
3792    60% { 
3793      left: 150%;
3794      display: block;
3795    }
3796    80% { 
3797      left: 0;
3798    }
3799    100% { 
3800      left: 0;
3801    }
3802  }
3803  @keyframes fadeIn {
3804    0% { 
3805      left: 150%;
3806    }
3807    20% { 
3808      left: 150%;
3809    }
3810    40% { 
3811      left: 0;
3812    }
3813    60% { 
3814      left: 0;
3815    }
3816    80% { 
3817      left: -150%;
3818    }
3819    100% { 
3820      left: -150%;
3821    }
3822  }
3823  .header-dropdown-shop-cta__content {
3824    display: flex;
3825    flex-direction: column;
3826    gap: 8px;
3827    width: calc(100% - 118px);
3828  }
3829  .header-dropdown-shop-cta__content h5 {
3830    font-size: 16px;
3831    line-height: 24px;
3832    font-weight: 700;
3833    margin: 0;
3834    padding: 0;
3835    color: #212322;
3836  }
3837  .header-dropdown-shop-cta__content p {
3838    font-size: 14px;
3839    line-height: 18px;
3840    margin: 0 !important;
3841    padding: 0 !important;
3842    color: #505050;
3843    max-height: 36px;
3844    overflow: hidden;
3845  }
3846  .header-dropdown-shop-cta__content-btn {
3847    font-size: 14px;
3848    line-height: 16px;
3849    font-weight: 500;
3850    text-decoration: none;
3851    letter-spacing: 0.32px;
3852    color: #47AF19;
3853    margin: 0;
3854  }
3855  @media screen and (min-width: 597px) {
3856    .header-dropdown-shop-cta {
3857      width: calc(50% - 8px);
3858      height: fit-content;
3859    }
3860  }
3861  @media screen and (min-width: 768px) {
3862    .header-dropdown-shop-cta {
3863      gap: 36px;
3864      width: calc(50% - 9px);
3865      height: 162px;
3866    }
3867    .header-dropdown-shop-cta__image-wrapper-5 {
3868      max-width: 162px;
3869      width: 100%;
3870    }
3871    .header-dropdown-shop-cta__content {
3872      width: 100%;
3873    }
3874    .header-dropdown-shop-cta__content h5 {
3875      font-size: 18px;
3876      line-height: 24px;
3877    }
3878    .header-dropdown-shop-cta__content p {
3879      font-size: 16px;
3880      line-height: 24px;
3881      max-height: none;
3882    }
3883    .header-dropdown-shop-cta__content-btn {
3884      font-size: 16px;
3885      line-height: 24px;
3886    }
3887  }
3888</style>
3889
3890          
3891<div class="header-dropdown-shop__links"><a href="/collections/all-products">shop all</a><a href="/collections/variety-packs-bundles">variety packs</a><a href="/products/gift-card">gift cards</a><a href="/collections/all-merchandise">merch</a></div><style>
3892  .header-dropdown-shop__links {
3893    width: 1000%;
3894    height: fit-content;
3895    display: flex;
3896    flex-direction: column;
3897    justify-content: center;
3898    gap: 12px;
3899    border-top: 2px solid #F7F7F7;
3900    margin-top: 12px;
3901    padding-top: 12px;
3902    margin-left: 0;
3903    padding-bottom: 0;
3904    padding-left: 0;
3905    margin-left: 0;
3906  }
3907  .header-dropdown-shop__links a {
3908    display: flex;
3909    align-items: center;
3910    justify-content: flex-start;
3911    color: #212322;
3912    text-decoration: none;
3913    font-size: 16px;
3914    line-height: 24px;
3915    font-weight: 700;
3916  }
3917  .header-dropdown-shop__links a:hover {
3918    color: #47Af19;
3919  }
3920  @media screen and (min-width: 768px) {
3921    .header-dropdown-shop__links {
3922      width: fit-content;
3923      height: 162px;
3924      gap: 0;
3925      flex-direction: column;
3926      justify-content: space-between;
3927      border-top: none;
3928      border-left: 2px solid #F7F7F7;
3929      margin-top: 0;
3930      padding-top: 0;
3931      padding-bottom: 0;
3932      padding-left: 36px;
3933    }
3934    .header-dropdown-shop__links a {
3935      font-size: 18px;
3936      line-height: 24px;
3937      width: 100%;
3938      height: fit-content;
3939      box-shadow: none;
3940      justify-content: flex-start;
3941    }
3942  }
3943</style>
3944  
3945        
3946      
3947    </ul>
3948        </div>
3949      
3950      
3951
3952
3953
3954
3955
3956  <li class="mobile-nav__menu-item" >
3957    <a href="" data-block="nav_health_item_ycVwqN" aria-controls="submenu-nav_health_item_ycVwqN" aria-expanded="false" data-submenu-trigger="#submenu-nav_health_item_ycVwqN">
3958      Health Benefits
3959      
3960      <div class="mobile-nav__dropdown-icon">
3961        <span class="mobile-nav__dropdown-icon--inner"></span>
3962      </div>
3963    </a>
3964  </li>
3965
3966
3967    
3968        <div id="submenu-nav_health_item_ycVwqN" class="mobile-nav__submenu" data-block="nav_health_item_ycVwqN" data-submenu>
3969      <ul class="mobile-nav__submenu-list">
3970      
3971        
3972          
3973            
3974            
3975            
3976            
3977            <div class="header-dropdown-health-cta">
3978  <div class="header-dropdown-health-cta__top">
3979    <h5>weight management</h5>
3980    <div class="header-dropdown-health-cta__top-detail"><p>make weight management easy.</p></div>
3981    <div class="header-dropdown-health-cta__top-border" style="background-color: #ade8bf;"></div>
3982  </div>
3983  <div class="header-dropdown-health-cta__nav">
3984    
3985      
3986        <a href="https://soylent.com/pages/weight-loss">
3987          weight loss
3988          <div class="icon-arrow-up">
3989    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3990    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
3991    </svg>
3992</div>
3993        </a>
3994      
3995        <a href="https://soylent.com/pages/weight-gain">
3996          weight gain
3997          <div class="icon-arrow-up">
3998    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
3999    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
4000    </svg>
4001</div>
4002        </a>
4003      
4004        <a href="https://soylent.com/pages/appetite-suppression">
4005          appetite suppression
4006          <div class="icon-arrow-up">
4007    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4008    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
4009    </svg>
4010</div>
4011        </a>
4012      
4013        <a href="https://soylent.com/pages/weight-management-and-nutrition-soylent">
4014          weight management
4015          <div class="icon-arrow-up">
4016    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4017    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
4018    </svg>
4019</div>
4020        </a>
4021      
4022    
4023  </div>
4024</div>
4025
4026<style>
4027  .header-dropdown-health-cta {
4028    display: flex;
4029    flex-direction: column;
4030    width: 100%;
4031    padding-left: 16px;
4032    padding-bottom: 32px;
4033  }
4034  .header-dropdown-health-cta__top {
4035    padding-bottom: 20px;
4036    text-align: center;
4037  }
4038  .header-dropdown-health-cta__top h5 {
4039    font-size: 18px;
4040    line-height: 24px;
4041    font-weight: 700;
4042    color: #212322;
4043    margin: 0;
4044    margin-bottom: 8px;
4045    padding: 0;
4046  }
4047  .header-dropdown-health-cta__top-detail {
4048    display: flex;
4049    align-items: center;
4050    justify-content: center;
4051    font-size: 14px;
4052    line-height: 16px;
4053    font-weight: 400 !important;
4054    text-align: center;
4055    letter-spacing: 0em;
4056    margin: 0;
4057    margin-bottom: 16px;
4058    padding: 0;
4059    color: #505050;
4060  }
4061  .header-dropdown-health-cta__top-detail p {
4062    margin: 0;
4063  }
4064  .header-dropdown-health-cta__top-border {
4065    width: 100%;
4066    height: 4px;
4067  }
4068  .header-dropdown-health-cta__nav-item {
4069    padding: 16px;
4070    font-size: 16px;
4071    line-height: 24px;
4072    font-weight: 700;
4073    text-transform: lowercase;
4074    color: #212322;
4075  }
4076  .header-dropdown-health-cta__top {
4077    font-size: 18px;
4078    line-height: 24px;
4079    font-weight: 700;
4080  }
4081  .header-dropdown-health-cta__nav {
4082    display: flex;
4083    flex-direction: column;
4084    gap: 12px;
4085  }
4086  .header-dropdown-health-cta__nav a {
4087    display: flex;
4088    justify-content: space-between;
4089    gap: 8px;
4090    padding: 16px;
4091    width: 100%;
4092    font-size: 14px;
4093    line-height: 16px;
4094    letter-spacing: 0em;
4095    font-weight: 700;
4096    color: #212322;
4097    background-color: #fff;
4098    transition: all 0.25s ease-in-out;
4099    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075);
4100  }
4101  .header-dropdown-health-cta__nav a svg {
4102    opacity: 0;
4103    margin: 0;
4104    padding: 0;
4105    transition: all 0.25s ease-in-out;
4106    display: none;
4107  }
4108  .header-dropdown-health-cta__nav a:hover {
4109    color: #47AF19;
4110  }
4111  .header-dropdown-health-cta__nav a:hover > div svg {
4112    opacity: 1 !important;
4113  }
4114  .icon-arrow-up {
4115    margin: 5px; 
4116    top: 3px; 
4117    position: relative;
4118  }
4119  @media screen and (min-width: 597px) {
4120    .header-dropdown-health-cta__top-detail {
4121      height: 32px;
4122    }
4123    .header-dropdown-health-cta__nav {
4124      gap: 16px;
4125    }
4126    .header-dropdown-health-cta__nav a {
4127      font-size: 16px;
4128      line-height: 24px;
4129    }
4130  }
4131  @media screen and (min-width: 700px) {
4132    .header-dropdown-health-cta {
4133      width: 50%;
4134      padding-left: 16px;
4135      padding-bottom: 24px;
4136    }
4137    .header-dropdown-health-cta__nav {
4138      gap: 16px;
4139    }
4140    .header-dropdown-health-cta {
4141      width: 50%;
4142    }
4143  }
4144  @media screen and (min-width: 1024px) {
4145    .header-dropdown-health-cta {
4146      width: 25%;
4147      padding-left: 36px;
4148      padding-bottom: 0;
4149    }
4150    .header-dropdown-health-cta__nav a svg {
4151      display: block;
4152    }
4153  }
4154</style>
4155
4156          
4157            
4158            
4159            
4160            
4161            <div class="header-dropdown-health-cta">
4162  <div class="header-dropdown-health-cta__top">
4163    <h5>fitness</h5>
4164    <div class="header-dropdown-health-cta__top-detail"><p>reach your fitness goals.</p></div>
4165    <div class="header-dropdown-health-cta__top-border" style="background-color: #5e93db;"></div>
4166  </div>
4167  <div class="header-dropdown-health-cta__nav">
4168    
4169      
4170        <a href="https://soylent.com/pages/health-and-fitness-soylent">
4171          fitness
4172          <div class="icon-arrow-up">
4173    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4174    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
4175    </svg>
4176</div>
4177        </a>
4178      
4179        <a href="https://soylent.com/pages/pre-and-post-workout-recovery-with-soylent">
4180          workout recovery
4181          <div class="icon-arrow-up">
4182    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4183    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
4184    </svg>
4185</div>
4186        </a>
4187      
4188        <a href="https://soylent.com/pages/food-for-muscle-recovery-with-soylent">
4189          muscle recovery
4190          <div class="icon-arrow-up">
4191    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4192    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
4193    </svg>
4194</div>
4195        </a>
4196      
4197    
4198  </div>
4199</div>
4200
4201<style>
4202  .header-dropdown-health-cta {
4203    display: flex;
4204    flex-direction: column;
4205    width: 100%;
4206    padding-left: 16px;
4207    padding-bottom: 32px;
4208  }
4209  .header-dropdown-health-cta__top {
4210    padding-bottom: 20px;
4211    text-align: center;
4212  }
4213  .header-dropdown-health-cta__top h5 {
4214    font-size: 18px;
4215    line-height: 24px;
4216    font-weight: 700;
4217    color: #212322;
4218    margin: 0;
4219    margin-bottom: 8px;
4220    padding: 0;
4221  }
4222  .header-dropdown-health-cta__top-detail {
4223    display: flex;
4224    align-items: center;
4225    justify-content: center;
4226    font-size: 14px;
4227    line-height: 16px;
4228    font-weight: 400 !important;
4229    text-align: center;
4230    letter-spacing: 0em;
4231    margin: 0;
4232    margin-bottom: 16px;
4233    padding: 0;
4234    color: #505050;
4235  }
4236  .header-dropdown-health-cta__top-detail p {
4237    margin: 0;
4238  }
4239  .header-dropdown-health-cta__top-border {
4240    width: 100%;
4241    height: 4px;
4242  }
4243  .header-dropdown-health-cta__nav-item {
4244    padding: 16px;
4245    font-size: 16px;
4246    line-height: 24px;
4247    font-weight: 700;
4248    text-transform: lowercase;
4249    color: #212322;
4250  }
4251  .header-dropdown-health-cta__top {
4252    font-size: 18px;
4253    line-height: 24px;
4254    font-weight: 700;
4255  }
4256  .header-dropdown-health-cta__nav {
4257    display: flex;
4258    flex-direction: column;
4259    gap: 12px;
4260  }
4261  .header-dropdown-health-cta__nav a {
4262    display: flex;
4263    justify-content: space-between;
4264    gap: 8px;
4265    padding: 16px;
4266    width: 100%;
4267    font-size: 14px;
4268    line-height: 16px;
4269    letter-spacing: 0em;
4270    font-weight: 700;
4271    color: #212322;
4272    background-color: #fff;
4273    transition: all 0.25s ease-in-out;
4274    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075);
4275  }
4276  .header-dropdown-health-cta__nav a svg {
4277    opacity: 0;
4278    margin: 0;
4279    padding: 0;
4280    transition: all 0.25s ease-in-out;
4281    display: none;
4282  }
4283  .header-dropdown-health-cta__nav a:hover {
4284    color: #47AF19;
4285  }
4286  .header-dropdown-health-cta__nav a:hover > div svg {
4287    opacity: 1 !important;
4288  }
4289  .icon-arrow-up {
4290    margin: 5px; 
4291    top: 3px; 
4292    position: relative;
4293  }
4294  @media screen and (min-width: 597px) {
4295    .header-dropdown-health-cta__top-detail {
4296      height: 32px;
4297    }
4298    .header-dropdown-health-cta__nav {
4299      gap: 16px;
4300    }
4301    .header-dropdown-health-cta__nav a {
4302      font-size: 16px;
4303      line-height: 24px;
4304    }
4305  }
4306  @media screen and (min-width: 700px) {
4307    .header-dropdown-health-cta {
4308      width: 50%;
4309      padding-left: 16px;
4310      padding-bottom: 24px;
4311    }
4312    .header-dropdown-health-cta__nav {
4313      gap: 16px;
4314    }
4315    .header-dropdown-health-cta {
4316      width: 50%;
4317    }
4318  }
4319  @media screen and (min-width: 1024px) {
4320    .header-dropdown-health-cta {
4321      width: 25%;
4322      padding-left: 36px;
4323      padding-bottom: 0;
4324    }
4325    .header-dropdown-health-cta__nav a svg {
4326      display: block;
4327    }
4328  }
4329</style>
4330
4331          
4332            
4333            
4334            
4335            
4336            <div class="header-dropdown-health-cta">
4337  <div class="header-dropdown-health-cta__top">
4338    <h5>health</h5>
4339    <div class="header-dropdown-health-cta__top-detail"><p>manage your health, the smart way.</p></div>
4340    <div class="header-dropdown-health-cta__top-border" style="background-color: #f8485e;"></div>
4341  </div>
4342  <div class="header-dropdown-health-cta__nav">
4343    
4344      
4345        <a href="https://soylent.com/pages/diabetes-and-blood-sugar-management-with-soylent">
4346          diabetes & blood sugar management
4347          <div class="icon-arrow-up">
4348    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4349    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
4350    </svg>
4351</div>
4352        </a>
4353      
4354        <a href="https://soylent.com/pages/surgery-liquid-diets-with-soylent">
4355          surgery & liquid diets
4356          <div class="icon-arrow-up">
4357    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4358    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
4359    </svg>
4360</div>
4361        </a>
4362      
4363    
4364  </div>
4365</div>
4366
4367<style>
4368  .header-dropdown-health-cta {
4369    display: flex;
4370    flex-direction: column;
4371    width: 100%;
4372    padding-left: 16px;
4373    padding-bottom: 32px;
4374  }
4375  .header-dropdown-health-cta__top {
4376    padding-bottom: 20px;
4377    text-align: center;
4378  }
4379  .header-dropdown-health-cta__top h5 {
4380    font-size: 18px;
4381    line-height: 24px;
4382    font-weight: 700;
4383    color: #212322;
4384    margin: 0;
4385    margin-bottom: 8px;
4386    padding: 0;
4387  }
4388  .header-dropdown-health-cta__top-detail {
4389    display: flex;
4390    align-items: center;
4391    justify-content: center;
4392    font-size: 14px;
4393    line-height: 16px;
4394    font-weight: 400 !important;
4395    text-align: center;
4396    letter-spacing: 0em;
4397    margin: 0;
4398    margin-bottom: 16px;
4399    padding: 0;
4400    color: #505050;
4401  }
4402  .header-dropdown-health-cta__top-detail p {
4403    margin: 0;
4404  }
4405  .header-dropdown-health-cta__top-border {
4406    width: 100%;
4407    height: 4px;
4408  }
4409  .header-dropdown-health-cta__nav-item {
4410    padding: 16px;
4411    font-size: 16px;
4412    line-height: 24px;
4413    font-weight: 700;
4414    text-transform: lowercase;
4415    color: #212322;
4416  }
4417  .header-dropdown-health-cta__top {
4418    font-size: 18px;
4419    line-height: 24px;
4420    font-weight: 700;
4421  }
4422  .header-dropdown-health-cta__nav {
4423    display: flex;
4424    flex-direction: column;
4425    gap: 12px;
4426  }
4427  .header-dropdown-health-cta__nav a {
4428    display: flex;
4429    justify-content: space-between;
4430    gap: 8px;
4431    padding: 16px;
4432    width: 100%;
4433    font-size: 14px;
4434    line-height: 16px;
4435    letter-spacing: 0em;
4436    font-weight: 700;
4437    color: #212322;
4438    background-color: #fff;
4439    transition: all 0.25s ease-in-out;
4440    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075);
4441  }
4442  .header-dropdown-health-cta__nav a svg {
4443    opacity: 0;
4444    margin: 0;
4445    padding: 0;
4446    transition: all 0.25s ease-in-out;
4447    display: none;
4448  }
4449  .header-dropdown-health-cta__nav a:hover {
4450    color: #47AF19;
4451  }
4452  .header-dropdown-health-cta__nav a:hover > div svg {
4453    opacity: 1 !important;
4454  }
4455  .icon-arrow-up {
4456    margin: 5px; 
4457    top: 3px; 
4458    position: relative;
4459  }
4460  @media screen and (min-width: 597px) {
4461    .header-dropdown-health-cta__top-detail {
4462      height: 32px;
4463    }
4464    .header-dropdown-health-cta__nav {
4465      gap: 16px;
4466    }
4467    .header-dropdown-health-cta__nav a {
4468      font-size: 16px;
4469      line-height: 24px;
4470    }
4471  }
4472  @media screen and (min-width: 700px) {
4473    .header-dropdown-health-cta {
4474      width: 50%;
4475      padding-left: 16px;
4476      padding-bottom: 24px;
4477    }
4478    .header-dropdown-health-cta__nav {
4479      gap: 16px;
4480    }
4481    .header-dropdown-health-cta {
4482      width: 50%;
4483    }
4484  }
4485  @media screen and (min-width: 1024px) {
4486    .header-dropdown-health-cta {
4487      width: 25%;
4488      padding-left: 36px;
4489      padding-bottom: 0;
4490    }
4491    .header-dropdown-health-cta__nav a svg {
4492      display: block;
4493    }
4494  }
4495</style>
4496
4497          
4498            
4499            
4500            
4501 
4501           
4502            <div class="header-dropdown-health-cta">
4503  <div class="header-dropdown-health-cta__top">
4504    <h5>nutrition</h5>
4505    <div class="header-dropdown-health-cta__top-detail"><p>science-backed nutrition, perfected.</p></div>
4506    <div class="header-dropdown-health-cta__top-border" style="background-color: #eed484;"></div>
4507  </div>
4508  <div class="header-dropdown-health-cta__nav">
4509    
4510      
4511        <a href="https://soylent.com/pages/fuel-plant-based-diets-with-soylent">
4512          plant-based diets
4513          <div class="icon-arrow-up">
4514    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4515    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
4516    </svg>
4517</div>
4518        </a>
4519      
4520        <a href="/pages/daily-vitamins-and-minerals">
4521          daily vitamins & minerals 
4522          <div class="icon-arrow-up">
4523    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4524    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
4525    </svg>
4526</div>
4527        </a>
4528      
4529        <a href="https://soylent.com/pages/healthy-meal-replacement-for-athletes">
4530          athlete & sports nutrition
4531          <div class="icon-arrow-up">
4532    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4533    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
4534    </svg>
4535</div>
4536        </a>
4537      
4538        <a href="https://soylent.com/pages/soylent-for-gluten-free-diets-and-lifestyles">
4539          gluten-free diets
4540          <div class="icon-arrow-up">
4541    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
4542    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
4543    </svg>
4544</div>
4545        </a>
4546      
4547    
4548  </div>
4549</div>
4550
4551<style>
4552  .header-dropdown-health-cta {
4553    display: flex;
4554    flex-direction: column;
4555    width: 100%;
4556    padding-left: 16px;
4557    padding-bottom: 32px;
4558  }
4559  .header-dropdown-health-cta__top {
4560    padding-bottom: 20px;
4561    text-align: center;
4562  }
4563  .header-dropdown-health-cta__top h5 {
4564    font-size: 18px;
4565    line-height: 24px;
4566    font-weight: 700;
4567    color: #212322;
4568    margin: 0;
4569    margin-bottom: 8px;
4570    padding: 0;
4571  }
4572  .header-dropdown-health-cta__top-detail {
4573    display: flex;
4574    align-items: center;
4575    justify-content: center;
4576    font-size: 14px;
4577    line-height: 16px;
4578    font-weight: 400 !important;
4579    text-align: center;
4580    letter-spacing: 0em;
4581    margin: 0;
4582    margin-bottom: 16px;
4583    padding: 0;
4584    color: #505050;
4585  }
4586  .header-dropdown-health-cta__top-detail p {
4587    margin: 0;
4588  }
4589  .header-dropdown-health-cta__top-border {
4590    width: 100%;
4591    height: 4px;
4592  }
4593  .header-dropdown-health-cta__nav-item {
4594    padding: 16px;
4595    font-size: 16px;
4596    line-height: 24px;
4597    font-weight: 700;
4598    text-transform: lowercase;
4599    color: #212322;
4600  }
4601  .header-dropdown-health-cta__top {
4602    font-size: 18px;
4603    line-height: 24px;
4604    font-weight: 700;
4605  }
4606  .header-dropdown-health-cta__nav {
4607    display: flex;
4608    flex-direction: column;
4609    gap: 12px;
4610  }
4611  .header-dropdown-health-cta__nav a {
4612    display: flex;
4613    justify-content: space-between;
4614    gap: 8px;
4615    padding: 16px;
4616    width: 100%;
4617    font-size: 14px;
4618    line-height: 16px;
4619    letter-spacing: 0em;
4620    font-weight: 700;
4621    color: #212322;
4622    background-color: #fff;
4623    transition: all 0.25s ease-in-out;
4624    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075);
4625  }
4626  .header-dropdown-health-cta__nav a svg {
4627    opacity: 0;
4628    margin: 0;
4629    padding: 0;
4630    transition: all 0.25s ease-in-out;
4631    display: none;
4632  }
4633  .header-dropdown-health-cta__nav a:hover {
4634    color: #47AF19;
4635  }
4636  .header-dropdown-health-cta__nav a:hover > div svg {
4637    opacity: 1 !important;
4638  }
4639  .icon-arrow-up {
4640    margin: 5px; 
4641    top: 3px; 
4642    position: relative;
4643  }
4644  @media screen and (min-width: 597px) {
4645    .header-dropdown-health-cta__top-detail {
4646      height: 32px;
4647    }
4648    .header-dropdown-health-cta__nav {
4649      gap: 16px;
4650    }
4651    .header-dropdown-health-cta__nav a {
4652      font-size: 16px;
4653      line-height: 24px;
4654    }
4655  }
4656  @media screen and (min-width: 700px) {
4657    .header-dropdown-health-cta {
4658      width: 50%;
4659      padding-left: 16px;
4660      padding-bottom: 24px;
4661    }
4662    .header-dropdown-health-cta__nav {
4663      gap: 16px;
4664    }
4665    .header-dropdown-health-cta {
4666      width: 50%;
4667    }
4668  }
4669  @media screen and (min-width: 1024px) {
4670    .header-dropdown-health-cta {
4671      width: 25%;
4672      padding-left: 36px;
4673      padding-bottom: 0;
4674    }
4675    .header-dropdown-health-cta__nav a svg {
4676      display: block;
4677    }
4678  }
4679</style>
4680
4681          
4682        
4683      
4684    </ul>
4685        </div>
4686      
4687      
4688
4689
4690
4691
4692
4693  <li class="mobile-nav__menu-item" >
4694    <a href="" data-block="nav_about_item_qPTFrX" aria-controls="submenu-nav_about_item_qPTFrX" aria-expanded="false" data-submenu-trigger="#submenu-nav_about_item_qPTFrX">
4695      About
4696      
4697      <div class="mobile-nav__dropdown-icon">
4698        <span class="mobile-nav__dropdown-icon--inner"></span>
4699      </div>
4700    </a>
4701  </li>
4702
4703
4704    
4705        <div id="submenu-nav_about_item_qPTFrX" class="mobile-nav__submenu" data-block="nav_about_item_qPTFrX" data-submenu>
4706      <ul class="mobile-nav__submenu-list mobile-nav__submenu-list-about">
4707      
4708        
4709          
4710            
4711            
4712            
4713            
4714            
4715            
4716
4717
4718
4719
4720
4721
4722
4723
4724  
4725  
4726    <a href="https://soylent.com/pages/about-the-company" class="header-dropdown__cta header-dropdown__cta-1">
4727  
4728
4729
4730    <div class="header-dropdown__cta-bg lazyload" style="background-image: url(//soylent.com/cdn/shop/files/Story_1_500x.png?v=1672935988)"></div>
4731    <span class="header-dropdown__cta-text">
4732      
4733        <h5>from lab to living room.</h5>
4734      
4735      
4736        <p>10 years of perfect food.</p>
4737      
4738      
4739        <p class="header-dropdown__cta-text-btn">LEARN MORE</p>
4740      
4741    </span>
4742
4743  
4744  
4745    </a>
4746  
4747
4748
4749
4750<style>
4751  .header-dropdown__cta {
4752    padding-left: 0;
4753    padding-bottom: 0;
4754    width: calc(50% - 8px);
4755    cursor: pointer;
4756    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075);
4757  }
4758  .header-dropdown__cta-3 {
4759    display: flex;
4760    flex-direction: row;
4761    width: 100%;
4762  }
4763  .header-dropdown__cta-text {
4764    display: flex;
4765    flex-direction: column;
4766    align-items: center;
4767    justify-self: center;
4768    gap: 8px;
4769    background-color: #fff;
4770    text-align: center;
4771    padding: 16px 0px;
4772    width: 100%;
4773    max-width: 120px;
4774    margin: 0 auto;
4775  }
4776  .header-dropdown__cta-bg {
4777    aspect-ratio: 1;
4778  }
4779  .header-dropdown__cta-3 .header-dropdown__cta-bg {
4780    width: calc(50% - 8px);
4781  }
4782  .header-dropdown__cta-3 .header-dropdown__cta-text {
4783    width: calc(50% + 8px);
4784    justify-content: center;
4785  }
4786  .header-dropdown__cta-text h5 {
4787    font-size: 16px;
4788    line-height: 16px;
4789    font-weight: 700;
4790    margin: 0 !important;
4791  }
4792  .header-dropdown__cta-text p {
4793    font-size: 14px;
4794    line-height: 16px;
4795    font-weight: 400;
4796    text-align: center;
4797  }
4798  .header-dropdown__cta-text p.header-dropdown__cta-text-btn {
4799    font-size: 14px;
4800    line-height: 16px;
4801    font-weight: 500;
4802    margin: 0 !important;
4803    color: #47AF19 !important;
4804  }
4805  .header-dropdown__cta:nth-child(2) {
4806    display: flex;
4807    flex-direction: row;
4808  }
4809  .mobile-nav__submenu-list-about .header-dropdown__cta {
4810    background-color: #fff;
4811  }
4812  @media screen and (min-width: 597px){
4813    .header-dropdown__cta-text {
4814      padding: 24px 16px;
4815      max-width: 100%;
4816    }
4817  }
4818  @media screen and (min-width: 768px) {
4819    .header-dropdown__cta {
4820      width: calc(25% - 12px);
4821    }
4822    .header-dropdown-about .header-dropdown__cta {
4823      background-color: #fff;
4824    }
4825    .header-dropdown__cta-text {
4826      padding: 24px 16px;
4827    }
4828    .header-dropdown__cta-3 {
4829      display: flex;
4830      flex-direction: column;
4831      width: calc(25% - 12px);
4832    }
4833    .header-dropdown__cta-3 .header-dropdown__cta-bg {
4834      width: 100%;
4835    }
4836    .header-dropdown__cta-3 .header-dropdown__cta-text {
4837      width: 100%;
4838      justify-content: center;
4839    }
4840    .header-dropdown__cta-text h5 {
4841      font-size: 18px;
4842      line-height: 24px;
4843    }
4844    .header-dropdown__cta-text p {
4845      max-width: none;
4846    }
4847    .header-dropdown__cta-text p.header-dropdown__cta-text-btn {
4848      font-size: 16px;
4849      line-height: 24px;
4850    }
4851  }
4852  @media screen and (min-width: 992px) {
4853    .header-dropdown__cta {
4854      width: calc(25% - 27px);
4855      max-width: 261px;
4856    }
4857    .header-dropdown__cta-text p {
4858      font-size: 14px;
4859      line-height: 24px;
4860    }
4861  }
4862</style>
4863
4864          
4865            
4866            
4867            
4868            
4869            
4870            
4871
4872
4873
4874
4875
4876
4877
4878
4879  
4880  
4881    <a href="https://soylent.com/pages/about-soylent" class="header-dropdown__cta header-dropdown__cta-2">
4882  
4883
4884
4885    <div class="header-dropdown__cta-bg lazyload" style="background-image: url(//soylent.com/cdn/shop/files/Soy_Resize_500x.png?v=1672937469)"></div>
4886    <span class="header-dropdown__cta-text">
4887      
4888        <h5>we hacked food.</h5>
4889      
4890      
4891        <p>nutrition nerd approved.</p>
4892      
4893      
4894        <p class="header-dropdown__cta-text-btn">LEARN MORE</p>
4895      
4896    </span>
4897
4898  
4899  
4900    </a>
4901  
4902
4903
4904
4905<style>
4906  .header-dropdown__cta {
4907    padding-left: 0;
4908    padding-bottom: 0;
4909    width: calc(50% - 8px);
4910    cursor: pointer;
4911    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075);
4912  }
4913  .header-dropdown__cta-3 {
4914    display: flex;
4915    flex-direction: row;
4916    width: 100%;
4917  }
4918  .header-dropdown__cta-text {
4919    display: flex;
4920    flex-direction: column;
4921    align-items: center;
4922    justify-self: center;
4923    gap: 8px;
4924    background-color: #fff;
4925    text-align: center;
4926    padding: 16px 0px;
4927    width: 100%;
4928    max-width: 120px;
4929    margin: 0 auto;
4930  }
4931  .header-dropdown__cta-bg {
4932    aspect-ratio: 1;
4933  }
4934  .header-dropdown__cta-3 .header-dropdown__cta-bg {
4935    width: calc(50% - 8px);
4936  }
4937  .header-dropdown__cta-3 .header-dropdown__cta-text {
4938    width: calc(50% + 8px);
4939    justify-content: center;
4940  }
4941  .header-dropdown__cta-text h5 {
4942    font-size: 16px;
4943    line-height: 16px;
4944    font-weight: 700;
4945    margin: 0 !important;
4946  }
4947  .header-dropdown__cta-text p {
4948    font-size: 14px;
4949    line-height: 16px;
4950    font-weight: 400;
4951    text-align: center;
4952  }
4953  .header-dropdown__cta-text p.header-dropdown__cta-text-btn {
4954    font-size: 14px;
4955    line-height: 16px;
4956    font-weight: 500;
4957    margin: 0 !important;
4958    color: #47AF19 !important;
4959  }
4960  .header-dropdown__cta:nth-child(2) {
4961    display: flex;
4962    flex-direction: row;
4963  }
4964  .mobile-nav__submenu-list-about .header-dropdown__cta {
4965    background-color: #fff;
4966  }
4967  @media screen and (min-width: 597px){
4968    .header-dropdown__cta-text {
4969      padding: 24px 16px;
4970      max-width: 100%;
4971    }
4972  }
4973  @media screen and (min-width: 768px) {
4974    .header-dropdown__cta {
4975      width: calc(25% - 12px);
4976    }
4977    .header-dropdown-about .header-dropdown__cta {
4978      background-color: #fff;
4979    }
4980    .header-dropdown__cta-text {
4981      padding: 24px 16px;
4982    }
4983    .header-dropdown__cta-3 {
4984      display: flex;
4985      flex-direction: column;
4986      width: calc(25% - 12px);
4987    }
4988    .header-dropdown__cta-3 .header-dropdown__cta-bg {
4989      width: 100%;
4990    }
4991    .header-dropdown__cta-3 .header-dropdown__cta-text {
4992      width: 100%;
4993      justify-content: center;
4994    }
4995    .header-dropdown__cta-text h5 {
4996      font-size: 18px;
4997      line-height: 24px;
4998    }
4999    .header-dropdown__cta-text p {
5000      max-width: none;
5001    }
5002    .header-dropdown__cta-text p.header-dropdown__cta-text-btn {
5003      font-size: 16px;
5004      line-height: 24px;
5005    }
5006  }
5007  @media screen and (min-width: 992px) {
5008    .header-dropdown__cta {
5009      width: calc(25% - 27px);
5010      max-width: 261px;
5011    }
5012    .header-dropdown__cta-text p {
5013      font-size: 14px;
5014      line-height: 24px;
5015    }
5016  }
5017</style>
5018
5019          
5020            
5021            
5022            
5023            
5024            
5025            
5026
5027
5028
5029
5030
5031
5032
5033
5034  
5035  
5036    <a href="/blogs/news/tagged/soylent-for-good" class="header-dropdown__cta header-dropdown__cta-3">
5037  
5038
5039
5040    <div class="header-dropdown__cta-bg lazyload" style="background-image: url(//soylent.com/cdn/shop/files/Donation_January_IMG_0305-Edit_1_93e768fd-21b0-4713-951f-0f0583cac722_500x.png?v=1672936085)"></div>
5041    <span class="header-dropdown__cta-text">
5042      
5043        <h5>we give back.</h5>
5044      
5045      
5046        <p>food is a right. not a luxury.</p>
5047      
5048      
5049        <p class="header-dropdown__cta-text-btn">LEARN MORE</p>
5050      
5051    </span>
5052
5053  
5054  
5055    </a>
5056  
5057
5058
5059
5060<style>
5061  .header-dropdown__cta {
5062    padding-left: 0;
5063    padding-bottom: 0;
5064    width: calc(50% - 8px);
5065    cursor: pointer;
5066    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075);
5067  }
5068  .header-dropdown__cta-3 {
5069    display: flex;
5070    flex-direction: row;
5071    width: 100%;
5072  }
5073  .header-dropdown__cta-text {
5074    display: flex;
5075    flex-direction: column;
5076    align-items: center;
5077    justify-self: center;
5078    gap: 8px;
5079    background-color: #fff;
5080    text-align: center;
5081    padding: 16px 0px;
5082    width: 100%;
5083    max-width: 120px;
5084    margin: 0 auto;
5085  }
5086  .header-dropdown__cta-bg {
5087    aspect-ratio: 1;
5088  }
5089  .header-dropdown__cta-3 .header-dropdown__cta-bg {
5090    width: calc(50% - 8px);
5091  }
5092  .header-dropdown__cta-3 .header-dropdown__cta-text {
5093    width: calc(50% + 8px);
5094    justify-content: center;
5095  }
5096  .header-dropdown__cta-text h5 {
5097    font-size: 16px;
5098    line-height: 16px;
5099    font-weight: 700;
5100    margin: 0 !important;
5101  }
5102  .header-dropdown__cta-text p {
5103    font-size: 14px;
5104    line-height: 16px;
5105    font-weight: 400;
5106    text-align: center;
5107  }
5108  .header-dropdown__cta-text p.header-dropdown__cta-text-btn {
5109    font-size: 14px;
5110    line-height: 16px;
5111    font-weight: 500;
5112    margin: 0 !important;
5113    color: #47AF19 !important;
5114  }
5115  .header-dropdown__cta:nth-child(2) {
5116    display: flex;
5117    flex-direction: row;
5118  }
5119  .mobile-nav__submenu-list-about .header-dropdown__cta {
5120    background-color: #fff;
5121  }
5122  @media screen and (min-width: 597px){
5123    .header-dropdown__cta-text {
5124      padding: 24px 16px;
5125      max-width: 100%;
5126    }
5127  }
5128  @media screen and (min-width: 768px) {
5129    .header-dropdown__cta {
5130      width: calc(25% - 12px);
5131    }
5132    .header-dropdown-about .header-dropdown__cta {
5133      background-color: #fff;
5134    }
5135    .header-dropdown__cta-text {
5136      padding: 24px 16px;
5137    }
5138    .header-dropdown__cta-3 {
5139      display: flex;
5140      flex-direction: column;
5141      width: calc(25% - 12px);
5142    }
5143    .header-dropdown__cta-3 .header-dropdown__cta-bg {
5144      width: 100%;
5145    }
5146    .header-dropdown__cta-3 .header-dropdown__cta-text {
5147      width: 100%;
5148      justify-content: center;
5149    }
5150    .header-dropdown__cta-text h5 {
5151      font-size: 18px;
5152      line-height: 24px;
5153    }
5154    .header-dropdown__cta-text p {
5155      max-width: none;
5156    }
5157    .header-dropdown__cta-text p.header-dropdown__cta-text-btn {
5158      font-size: 16px;
5159      line-height: 24px;
5160    }
5161  }
5162  @media screen and (min-width: 992px) {
5163    .header-dropdown__cta {
5164      width: calc(25% - 27px);
5165      max-width: 261px;
5166    }
5167    .header-dropdown__cta-text p {
5168      font-size: 14px;
5169      line-height: 24px;
5170    }
5171  }
5172</style>
5173
5174          
5175            
5176            
5177            
5178            
5179            
5180            
5181
5182
5183
5184
5185
5186
5187
5188
5189<style>
5190  .header-dropdown__cta {
5191    padding-left: 0;
5192    padding-bottom: 0;
5193    width: calc(50% - 8px);
5194    cursor: pointer;
5195    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075);
5196  }
5197  .header-dropdown__cta-3 {
5198    display: flex;
5199    flex-direction: row;
5200    width: 100%;
5201  }
5202  .header-dropdown__cta-text {
5203    display: flex;
5204    flex-direction: column;
5205    align-items: center;
5206    justify-self: center;
5207    gap: 8px;
5208    background-color: #fff;
5209    text-align: center;
5210    padding: 16px 0px;
5211    width: 100%;
5212    max-width: 120px;
5213    margin: 0 auto;
5214  }
5215  .header-dropdown__cta-bg {
5216    aspect-ratio: 1;
5217  }
5218  .header-dropdown__cta-3 .header-dropdown__cta-bg {
5219    width: calc(50% - 8px);
5220  }
5221  .header-dropdown__cta-3 .header-dropdown__cta-text {
5222    width: calc(50% + 8px);
5223    justify-content: center;
5224  }
5225  .header-dropdown__cta-text h5 {
5226    font-size: 16px;
5227    line-height: 16px;
5228    font-weight: 700;
5229    margin: 0 !important;
5230  }
5231  .header-dropdown__cta-text p {
5232    font-size: 14px;
5233    line-height: 16px;
5234    font-weight: 400;
5235    text-align: center;
5236  }
5237  .header-dropdown__cta-text p.header-dropdown__cta-text-btn {
5238    font-size: 14px;
5239    line-height: 16px;
5240    font-weight: 500;
5241    margin: 0 !important;
5242    color: #47AF19 !important;
5243  }
5244  .header-dropdown__cta:nth-child(2) {
5245    display: flex;
5246    flex-direction: row;
5247  }
5248  .mobile-nav__submenu-list-about .header-dropdown__cta {
5249    background-color: #fff;
5250  }
5251  @media screen and (min-width: 597px){
5252    .header-dropdown__cta-text {
5253      padding: 24px 16px;
5254      max-width: 100%;
5255    }
5256  }
5257  @media screen and (min-width: 768px) {
5258    .header-dropdown__cta {
5259      width: calc(25% - 12px);
5260    }
5261    .header-dropdown-about .header-dropdown__cta {
5262      background-color: #fff;
5263    }
5264    .header-dropdown__cta-text {
5265      padding: 24px 16px;
5266    }
5267    .header-dropdown__cta-3 {
5268      display: flex;
5269      flex-direction: column;
5270      width: calc(25% - 12px);
5271    }
5272    .header-dropdown__cta-3 .header-dropdown__cta-bg {
5273      width: 100%;
5274    }
5275    .header-dropdown__cta-3 .header-dropdown__cta-text {
5276      width: 100%;
5277      justify-content: center;
5278    }
5279    .header-dropdown__cta-text h5 {
5280      font-size: 18px;
5281      line-height: 24px;
5282    }
5283    .header-dropdown__cta-text p {
5284      max-width: none;
5285    }
5286    .header-dropdown__cta-text p.header-dropdown__cta-text-btn {
5287      font-size: 16px;
5288      line-height: 24px;
5289    }
5290  }
5291  @media screen and (min-width: 992px) {
5292    .header-dropdown__cta {
5293      width: calc(25% - 27px);
5294      max-width: 261px;
5295    }
5296    .header-dropdown__cta-text p {
5297      font-size: 14px;
5298      line-height: 24px;
5299    }
5300  }
5301</style>
5302
5303          
5304<div class="header-dropdown__links"><a href="https://soylent.com/pages/blogs">Blog</a><a href="/blogs/press">Press</a><a href="/pages/reviews">Reviews</a><a href="/pages/soylent-discount-programs">Discount Programs</a></div><style>
5305  .header-dropdown__links {
5306    display: flex;
5307    flex-direction: row;
5308    flex-wrap: wrap;
5309    font-size: 16px !important;
5310    line-height: 24px !important;
5311    font-weight: 700 !important;
5312    text-transform: lowercase;
5313    gap: 12px;
5314    background: transparent;
5315    padding-bottom: 24px;
5316    padding-left: 0;
5317    padding-top: 12px;
5318    margin-top: 12px;
5319    border-top: 2px solid #ebebeb;
5320  }
5321  .header-dropdown__links:before {
5322    content: none !important;
5323    width: 0 !important;
5324  }
5325  .header-dropdown__links a {
5326    width: 100%;
5327    height: auto;
5328    font-size: 16px;
5329    line-height: 24px;
5330    padding: 0;
5331    justify-content: center;
5332  }
5333  .header-dropdown__links a:nth-child(n+5){
5334    width: 100%;
5335  }
5336  @media screen and (min-width: 768px) {
5337    .header-dropdown__links {
5338      padding-left: 36px;
5339      flex-direction: column;
5340      justify-content: space-between;
5341    }
5342    .header-dropdown__links a {
5343      width: 100%;
5344    }
5345  }
5346  @media screen and (min-width: 1024px) {
5347    .header-dropdown__links {
5348      padding-left: 36px;
5349    }
5350  }
5351</style>
5352
5353      
5354    </ul>
5355        </div>
5356      
5357      
5358
5359
5360
5361
5362
5363  <li class="mobile-nav__menu-item" >
5364    <a href="/blogs/news/why-soy-protein" >
5365      why soy?
5366      <span class="mobile-nav__dropdown-icon-link">
5367          <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.75.75L12 6l-5.25 5.25M0 6h11.25" stroke="#000" stroke-width="1.5"/></svg>
5368        </span>
5369      
5370    </a>
5371  </li>
5372
5373
5374    
5375      
5376        
5377      
5378    
5379      
5380
5381
5382
5383
5384
5385  <li class="mobile-nav__menu-item" >
5386    <a href="/pages/soylent-clinical-trials" >
5387      clinical trials
5388      <span class="mobile-nav__dropdown-icon-link">
5389          <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.75.75L12 6l-5.25 5.25M0 6h11.25" stroke="#000" stroke-width="1.5"/></svg>
5390        </span>
5391      
5392    </a>
5393  </li>
5394
5395
5396    
5397      
5398        
5399      
5400    
5401      
5402
5403
5404
5405
5406
5407  <li class="mobile-nav__menu-item" >
5408    <a href="/pages/reviews" >
5409      reviews
5410      <span class="mobile-nav__dropdown-icon-link">
5411          <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.75.75L12 6l-5.25 5.25M0 6h11.25" stroke="#000" stroke-width="1.5"/></svg>
5412        </span>
5413      
5414    </a>
5415  </li>
5416
5417
5418    
5419      
5420        
5421      
5422    
5423      
5424
5425
5426
5427
5428
5429  <li class="mobile-nav__menu-item" >
5430    <a href="/pages/soylent-product-recommendation-quiz" >
5431      product quiz
5432      <span class="mobile-nav__dropdown-icon-link">
5433          <svg width="14" height="12" viewBox="0 0 14 12" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6.75.75L12 6l-5.25 5.25M0 6h11.25" stroke="#000" stroke-width="1.5"/></svg>
5434        </span>
5435      
5436    </a>
5437  </li>
5438
5439
5440    
5441      
5442        
5443      
5444    </ul>
5445            
5446            <div class="mobile-nav-footer">
5447              <div class="header-social-sharing social-sharing" data-social-sharing>
5448    
5449      <a target="_blank"
5450         href="https://www.instagram.com/soylent/"
5451         title="Instagram">
5452        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
5453<g clip-path="url(#clip0_2447_4682)">
5454<path d="M10 0C7.28418 0 6.94363 0.0115116 5.87702 0.0601778C4.81264 0.108765 4.0857 0.277787 3.44959 0.525008C2.792 0.780565 2.23432 1.1225 1.67839 1.67843C1.12246 2.23436 0.780526 2.79204 0.524968 3.44963C0.277747 4.0857 0.108725 4.81264 0.0601381 5.87702C0.0114719 6.94363 0 7.28418 0 10C0 12.7159 0.0114719 13.0564 0.0601381 14.123C0.108725 15.1874 0.277747 15.9143 0.524968 16.5504C0.780526 17.208 1.12246 17.7657 1.67839 18.3216C2.23432 18.8776 2.792 19.2195 3.44959 19.4751C4.0857 19.7223 4.81264 19.8913 5.87702 19.9399C6.94363 19.9885 7.28418 20 10 20C12.7159 20 13.0564 19.9885 14.123 19.9399C15.1874 19.8913 15.9143 19.7223 16.5504 19.4751C17.208 19.2195 17.7657 18.8776 18.3216 18.3216C18.8776 17.7657 19.2195 17.208 19.4751 16.5504C19.7223 15.9143 19.8913 15.1874 19.9399 14.123C19.9885 13.0564 20 12.7159 20 10C20 7.28418 19.9885 6.94363 19.9399 5.87702C19.8913 4.81264 19.7223 4.0857 19.4751 3.44963C19.2195 2.79204 18.8776 2.23436 18.3216 1.67843C17.7657 1.1225 17.208 0.780565 16.5504 0.525008C15.9143 0.277787 15.1874 0.108765 14.123 0.0601778C13.0564 0.0115116 12.7159 0 10 0ZM10 1.80184C12.6701 1.80184 12.9864 1.812 14.0409 1.86011C15.0159 1.90461 15.5454 2.06752 15.8977 2.20443C16.3645 2.38584 16.6976 2.60257 17.0476 2.95249C17.3975 3.3024 17.6142 3.63556 17.7956 4.10229C17.9326 4.45467 18.0955 4.98416 18.1399 5.95915C18.188 7.01362 18.1982 7.32991 18.1982 10C18.1982 12.6701 18.188 12.9864 18.1399 14.0409C18.0955 15.0159 17.9326 15.5454 17.7956 15.8977C17.6142 16.3645 17.3975 16.6976 17.0476 17.0476C16.6976 17.3975 16.3645 17.6142 15.8977 17.7956C15.5454 17.9326 15.0159 18.0955 14.0409 18.1399C12.9866 18.188 12.6703 18.1982 10 18.1982C7.32971 18.1982 7.0135 18.188 5.95915 18.1399C4.98416 18.0955 4.45467 17.9326 4.10229 17.7956C3.63552 17.6142 3.3024 17.3975 2.95245 17.0476C2.60253 16.6976 2.3858 16.3645 2.20443 15.8977C2.06748 15.5454 1.90457 15.0159 1.86007 14.0409C1.81196 12.9864 1.8018 12.6701 1.8018 10C1.8018 7.32991 1.81196 7.01362 1.86007 5.95915C1.90457 4.98416 2.06748 4.45467 2.20443 4.10229C2.3858 3.63556 2.60253 3.3024 2.95245 2.95249C3.3024 2.60257 3.63552 2.38584 4.10229 2.20443C4.45467 2.06752 4.98416 1.90461 5.95915 1.86011C7.01362 1.812 7.32991 1.80184 10 1.80184Z" fill="#505050"/>
5455<path d="M9.99844 13.3332C8.15746 13.3332 6.66508 11.8409 6.66508 9.99991C6.66508 8.15893 8.15746 6.66655 9.99844 6.66655C11.8394 6.66655 13.3318 8.15893 13.3318 9.99991C13.3318 11.8409 11.8394 13.3332 9.99844 13.3332ZM9.99844 4.86475C7.16235 4.86475 4.86328 7.16381 4.86328 9.99991C4.86328 12.836 7.16235 15.135 9.99844 15.135C12.8345 15.135 15.1336 12.836 15.1336 9.99991C15.1336 7.16381 12.8345 4.86475 9.99844 4.86475Z" fill="#505050"/>
5456<path d="M16.5367 4.6619C16.5367 5.32465 15.9995 5.86188 15.3367 5.86188C14.674 5.86188 14.1367 5.32465 14.1367 4.6619C14.1367 3.99915 14.674 3.46191 15.3367 3.46191C15.9995 3.46191 16.5367 3.99915 16.5367 4.6619Z" fill="#505050"/>
5457</g>
5458<defs>
5459<clipPath id="clip0_2447_4682">
5460<rect width="20" height="20" fill="white"/>
5461</clipPath>
5462</defs>
5463</svg>
5464
5465        <span aria-hidden="true">Instagram</span>
5466        <span class="visually-hidden">Instagram</span>
5467      </a>
5468    
5469  
5470    
5471      <a target="_blank"
5472         href="https:\/\/www.tiktok.com\/@soylent_nutrition"
5473         title="Tiktok">
5474        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
5475<g clip-path="url(#clip0_2447_4687)">
5476<path d="M10.441 0H13.7771C13.8129 0.145716 13.8408 0.293281 13.8605 0.442035C13.9622 1.60223 14.4929 2.68279 15.349 3.47249C16.205 4.26219 17.3247 4.70425 18.4894 4.71226V7.85655C18.3333 7.90727 18.1696 7.92986 18.0056 7.92327C17.2296 7.83756 16.4605 7.69822 15.7037 7.50626C15.0506 7.25491 14.4153 6.95954 13.8021 6.62218V7.0392C13.8021 8.70726 13.8021 10.4254 13.8021 12.1184C13.8105 12.8075 13.7659 13.4962 13.6687 14.1785C13.5224 15.3173 13.0868 16.3996 12.4035 17.3224C11.7203 18.2451 10.812 18.9774 9.76543 19.4495C9.15039 19.6757 8.52062 19.8596 7.88053 20H6.72123C6.67265 19.977 6.62248 19.9574 6.5711 19.9416C5.3961 19.7922 4.29235 19.2958 3.40095 18.5158C2.50955 17.7358 1.871 16.7077 1.56693 15.563C1.42694 15.0648 1.32105 14.5576 1.25 14.045V13.0692C1.34174 12.6105 1.40847 12.1518 1.54191 11.7014C1.9178 10.4988 2.64402 9.43571 3.62762 8.64823C4.61123 7.86075 5.80745 7.38472 7.06318 7.28107C7.43849 7.22269 7.8138 7.20601 8.21414 7.17264C8.21414 8.25688 8.21414 9.25771 8.21414 10.2669C8.21414 10.5088 8.08903 10.5421 7.88886 10.6005C7.2494 10.7471 6.62206 10.9423 6.0123 11.1843C5.54268 11.3613 5.13919 11.679 4.85703 12.094C4.57487 12.5091 4.42782 13.0011 4.43599 13.5029C4.40062 14.072 4.53362 14.6388 4.81841 15.1327C5.10319 15.6266 5.52713 16.0258 6.03732 16.2802C6.50386 16.5687 7.04576 16.7117 7.5939 16.6909C8.14204 16.6701 8.67155 16.4865 9.11489 16.1635C9.44684 15.9258 9.72524 15.6211 9.93211 15.2692C10.139 14.9172 10.2697 14.5257 10.3159 14.1201C10.4156 13.29 10.4574 12.4539 10.441 11.618C10.441 7.91493 10.441 4.20906 10.441 0.500417C10.466 0.325271 10.4493 0.166806 10.441 0Z" fill="#505050"/>
5477</g>
5478<defs>
5479<clipPath id="clip0_2447_4687">
5480<rect width="20" height="20" fill="white"/>
5481</clipPath>
5482</defs>
5483</svg>
5484
5485        <span aria-hidden="true">Tiktok</span>
5486        <span class="visually-hidden">Tiktok</span>
5487      </a>
5488    
5489  
5490    
5491      <a target="_blank"
5492         href="https://www.reddit.com/r/soylent/"
5493         title="Reddit">
5494        <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
5495<g clip-path="url(#clip0_2447_4690)">
5496<path d="M20 10.1581C20 8.88787 18.9665 7.85434 17.6962 7.85434C17.1311 7.85434 16.5983 8.05877 16.1776 8.42888C14.6541 7.45394 12.6213 6.83968 10.379 6.77352L11.751 2.08072L15.1197 2.7066C15.1196 2.73397 15.1143 2.76008 15.1157 2.78774C15.1566 3.58946 15.842 4.20834 16.6437 4.16744C17.4454 4.12655 18.0643 3.44111 18.0234 2.63942C17.9825 1.8377 17.2971 1.21882 16.4954 1.25972C15.9778 1.28612 15.5397 1.58302 15.3028 2.00464L15.3016 2.00415L11.2422 1.25L9.62527 6.77223C7.37752 6.83215 5.33825 7.44285 3.8082 8.41601C3.38975 8.05387 2.86246 7.85434 2.30379 7.85434C1.03357 7.85434 0 8.88783 0 10.1581C0 10.9438 0.404486 11.6683 1.05948 12.091C1.01968 12.3209 0.996963 12.5544 0.996963 12.7913C0.996963 16.1166 5.02782 18.8221 9.98287 18.8221C14.9379 18.8221 18.9687 16.1165 18.9687 12.7913C18.9687 12.5612 18.9476 12.3345 18.91 12.111C19.583 11.6915 20 10.9562 20 10.1581ZM5.71228 11.7261C5.71228 10.9448 6.34594 10.3108 7.12839 10.3108C7.91011 10.3108 8.54377 10.9448 8.54377 11.7261C8.54377 12.5082 7.91011 13.1419 7.12839 13.1419C6.34594 13.1419 5.71228 12.5082 5.71228 11.7261ZM13.3201 15.5552C13.278 15.5994 12.2621 16.6329 9.96631 16.6329C7.65876 16.6329 6.73565 15.585 6.69763 15.5406C6.56754 15.3887 6.58527 15.1599 6.73719 15.0302C6.88833 14.9013 7.11487 14.9179 7.24532 15.0675C7.26601 15.0901 8.03648 15.9092 9.96635 15.9092C11.9298 15.9092 12.7906 15.0611 12.7993 15.0529C12.9384 14.9111 13.1672 14.9077 13.31 15.0468C13.4521 15.1855 13.4574 15.4117 13.3201 15.5552ZM13.0386 13.1419C12.2561 13.1419 11.6225 12.5082 11.6225 11.7261C11.6225 10.9448 12.2561 10.3108 13.0386 10.3108C13.8203 10.3108 14.454 10.9448 14.454 11.7261C14.454 12.5082 13.8203 13.1419 13.0386 13.1419Z" fill="#505050"/>
5497</g>
5498<defs>
5499<clipPath id="clip0_2447_4690">
5500<rect width="20" height="20" fill="white"/>
5501</clipPath>
5502</defs>
5503</svg>
5504
5505        <span aria-hidden="true">Reddit</span>
5506        <span class="visually-hidden">Reddit</span>
5507      </a>
5508    
5509  
5510  </div>
5511  
5512  <style>
5513    #shopify-section-social-sharing {
5514      display: flex;
5515      flex-direction: column;
5516      align-items: center;
5517    }
5518    .social-sharing--desktop .social-sharing > a {
5519      display: flex;
5520      align-items: center;
5521      justify-content: center;
5522    }
5523    .social-sharing___header { 
5524      font-family: 'Lato';
5525      font-weight: 500;
5526      font-size: 16px;
5527      line-height: 20px;
5528      letter-spacing: 0.5px;
5529      text-transform: uppercase;
5530      color: #000000; 
5531      margin: 0;
5532    }
5533    .icon-mail {
5534      width: 17px;
5535      height: 12px;
5536    }
5537    .social-sharing {
5538      display: flex;
5539      justify-content: center;
5540      align-items: center;
5541      gap: 22px;
5542    }
5543    .social-sharing > a {
5544      display: flex;
5545      justify-content: center;
5546      align-items: center;
5547    }
5548    .header-social-sharing > a {
5549      height: 20px;
5550      width: 20px;
5551    }
5552    .rte a svg path {
5553      fill: #47af19;
5554    }
5555    .social-sharing___header {
5556      display: block;
5557    }
5558    .social-sharing {
5559        gap: 16px;
5560        display: none;
5561    }
5562    .mobile-nav-footer .social-sharing {
5563      display: flex;
5564    }
5565    @media screen and (min-width: 768px){
5566      #shopify-section-social-sharing {
5567        display: flex;
5568        flex-direction: row;
5569      }
5570      .social-sharing___header {
5571        display: block;
5572      }
5573    }
5574    @media screen and (min-width: 1199px){
5575      .social-sharing {
5576        gap: 16px;
5577        display: flex;
5578      }
5579    }
5580  </style>
5581
5582
5583
5584
5585
5586
5587
5588    <div class="header-nav__menu-item country-selector"
5589    aria-label="open country selector dropdown"
5590    data-country-selector-trigger>
5591      <div class="country-list__flag">
5592        <img src="//soylent.com/cdn/shop/files/flag_3x_681abd70-d265-4605-9c60-e11498a6c18e_50x.png?v=1613773071" alt="" />
5593      </div>
5594        
5595          
5596  <div class="country-dropdown" data-country-dropdown>
5597    <ul class="country-list__container">
5598      
5599        
5600          <li class="country-list__item">
5601            <a href="https://www.soylent.com/">
5602              <span class="country-list__item-text">United States</span>
5603              <span class="country-list__flag"><img src="//soylent.com/cdn/shop/files/flag_3x_681abd70-d265-4605-9c60-e11498a6c18e_50x.png?v=1613773071" alt="" />
5604              </span>
5605            </a>
5606          </li>
5607        
5608      
5609        
5610          <li class="country-list__item">
5611            <a href="http://soylent.ca">
5612              <span class="country-list__item-text">Canada</span>
5613              <span class="country-list__flag"><img src="//soylent.com/cdn/shop/files/flag-of-canada_2x_5e094232-c170-40e0-a920-1be00692a12b_50x.png?v=1613773071" alt="" />
5614              </span>
5615            </a>
5616          </li>
5617        
5618      
5619        
5620          <li class="country-list__item">
5621            <a href="https://www.bigapplebuddy.com/brands/soylent">
5622              <span class="country-list__item-text">Global</span>
5623              <span class="country-list__flag"><img src="//soylent.com/cdn/shop/files/Global_Flag_50x.png?v=1628286370" alt="" />
5624              </span>
5625            </a>
5626          </li>
5627        
5628      
5629        
5630      
5631        
5632      
5633        
5634      
5635        
5636      
5637        
5638      
5639        
5640      
5641        
5642      
5643    </ul>
5644  </div>
5645
5646        
5647    </div>
5648
5649</div>
5650
5651            
5652          </div>
5653          
5654
5655          
5656          <div class="header-nav header-nav--logo">
5657            
5658  <h1   style="display: none !important;">Soylent</h1>
5659
5660
5661<a href="/"  class="header-logo"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon--wide icon--full-color icon-soylent-full-color" viewBox="0 0 117 54"><path d="M16.18 35.548h.344c2.993 0 6.49-1.222 6.49-4.656 0-3.74-3.668-4.363-6.625-4.876-1.766-.317-4.735-1.087-4.735-2.688v-.293c0-2.2 2.822-2.787 4.49-2.787h.233c2.098 0 3.533.868 4.428 1.516.405.305 1.031.122 1.178-.306.086-.256-.012-.537-.257-.72-1.068-.77-2.773-1.81-5.349-1.81h-.233c-2.846 0-5.913 1.284-5.913 4.107v.293c0 2.982 4.465 3.703 5.937 3.935 2.724.44 5.386 1.075 5.386 3.63 0 2.455-2.6 3.323-5.03 3.323h-.343c-1.78 0-4.343-1.075-5.19-2.615-.122-.232-.38-.367-.662-.367-.294 0-.576.147-.7.379a.557.557 0 00.025.599c1.104 2.065 4.257 3.336 6.527 3.336zM32.128 35.548h.43c3.361 0 6.097-2.322 6.097-5.17V24.11c0-2.847-2.736-5.17-6.097-5.17h-.43c-3.36 0-6.096 2.323-6.096 5.17v6.269c0 2.86 2.735 5.169 6.096 5.169zm-4.637-5.17V24.11c0-2.126 2.086-3.85 4.65-3.85h.429c2.564 0 4.65 1.724 4.65 3.85v6.269c0 2.126-2.086 3.85-4.65 3.85h-.43c-2.55 0-4.624-1.712-4.649-3.826v-.024zM48.591 42.342h.43c3.36 0 6.096-2.322 6.096-5.169v-17.56c0-.415-.392-.672-.748-.672-.392 
56610-.711.293-.711.672v11.426c-.246 1.784-2.294 3.19-4.662 3.19h-.417c-2.564 0-4.65-1.736-4.65-3.875V19.625c0-.39-.318-.672-.748-.672-.392 0-.711.293-.711.672v10.73c0 2.871 2.736 5.205 6.097 5.205h.43c1.815 0 3.606-.684 4.648-1.699v3.312c0 2.126-2.085 3.85-4.649 3.85h-.43c-2.38 0-4.501-1.076-5.053-2.579a.705.705 0 00-.687-.464c-.356 0-.749.256-.749.647 0 .074 0 .184.074.294.87 2.248 3.876 3.421 6.44 3.421zM64.453 35.548c.49 0 .748-.33.748-.648 0-.39-.319-.684-.748-.684-1.84 0-3.337-1.247-3.337-2.786V12.868c0-.404-.294-.672-.748-.672-.393 0-.712.293-.712.672v18.586c0 2.298 2.11 4.094 4.797 4.094zM73.102 35.548h.429c2.6 0 4.92-1.406 5.766-3.495l.024-.073c.012-.037.037-.098.037-.172 0-.366-.344-.647-.785-.647-.331 0-.589.183-.65.428-.663 1.588-2.43 2.651-4.404 2.651h-.43c-2.564 0-4.65-1.723-4.65-3.849v-2.53h10.44c.418 0 .749-.305.749-.672v-3.067c0-2.945-2.662-5.169-6.183-5.169h-.307c-3.386 0-6.133 2.322-6.133 5.17v6.268c0 2.847 2.735 5.157 6.097 5.157zm-4.638-9.019v-2.42c0-2.125 2.098-3.848 4.687-3.848h.38c2.564 0 4.65 1.723 4.65 3.849v2.42h-9.716zM83.762 35.548c.43 0 .748-.281.748-.672V23.829c0-1.93 2.147-3.556 4.686-3.556h.38c2.577 0 4.687 1.735 4.687 3.874v10.729c0 .379.307.672.711.672.356 0 .749-.257.749-.672v-10.73c0-2.871-2.748-5.205-6.134-5.205h-.38c-1.84 0-3.644.684-4.687 1.723v-1.039c0-.39-.294-.647-.748-.647-.417 0-.711.268-.711.647v15.25c-.013.38.306.673.699.673zM99.158 20.334h1.754v11.12c0 2.298 2.11 4.106 4.796 4.106.479 0 .724-.342.724-.66 0-.317-.257-.66-.724-.66-1.864 0-3.336-1.222-3.336-2.786v-11.12h3.103c.479 0 .724-.342.724-.66 0-.317-.257-.66-.724-.66h-3.103v-6.183c0-.379-.319-.66-.724-.66-.417 0-.724.281-.724.66v6.171H99.17c-.49 0-.76.342-.76.66-.013.33.257.672.748.672z" fill="#221F20"/><path d="M0 0v54h116.111V0H0zm114.492 52.387H1.619V1.613h112.873v50.774z" fill="#221F20"/></svg><span class="icon-fallback-text">Soylent</span>
5662</a>
5663
5664          </div>
5665
5666          
5667          <div class="header-nav header-nav--center header-nav--hide-on-mobile">
5668
5669            <ul class="header-nav__menu header-nav__menu--main">
5670      
5671        
5672
5673
5674
5675
5676
5677
5678
5679
5680
5681<li class="header-nav__menu-item" >
5682  <a href="/collections/all-products" data-block="nav_shop_item_NA6F9G" aria-controls="dropdown-nav_shop_item_NA6F9G" aria-expanded="false" data-dropdown-trigger="#dropdown-nav_shop_item_NA6F9G">
5683    SHOP
5684</a>
5685  
5686  <div id="dropdown-nav_shop_item_NA6F9G" class="header-dropdown header-dropdown-shop">
5687      <div class="header-dropdown__ctas ">
5688        <div class="container-fluid">
5689          <div class="header-dropdown__ctas__inner">
5690            
5691      
5692        
5693          
5694          
5695          
5696          
5697          
5698          
5699          
5700          
5701          
5702          
5703          <a href="/collections/complete-meal-shakes" class="header-dropdown-shop-cta">
5704  <div class="header-dropdown-shop-cta__image-wrapper-1" style="overflow: hidden;">
5705    
5706      <img class="header-dropdown-shop-cta__image-top-1" src="//soylent.com/cdn/shop/files/Complete_Meal_Gif_grande.png?v=1710113952" alt="">
5707    
5708    
5709  </div>
5710  <div class="header-dropdown-shop-cta__content">
5711    <h5>complete meal shakes</h5>
5712    <div><p>real science. real nutrition. real food.</p></div>
5713    <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div>
5714  </div>
5715</a>
5716
5717<style>
5718  .header-dropdown-shop-cta {
5719    width: 100%;
5720    display: flex;
5721    flex-direction: row;
5722    align-items: center;
5723    justify-content: flex-start;
5724    padding-left: 0;
5725    padding-bottom: 0;
5726    gap: 16px;
5727  }
5728  .header-dropdown-shop-cta__image-wrapper-1 {
5729    border: 1px solid #000;
5730    aspect-ratio: 1/1;
5731    max-width: 102px;
5732    width: 102px;
5733    position: relative;
5734    background: linear-gradient(to bottom, #5e93db 0%, #5e93db 50%, #ffffff 50%, #ffffff 100%);
5735  }
5736  .header-dropdown-shop-cta__image-wrapper-1 img {
5737    width: 100%;
5738    height: auto;
5739    aspect-ratio: 1/1;
5740    object-fit: contain;
5741    object-position: center;
5742    position: absolute;
5743    top: 0;
5744    left: 0;
5745  }
5746  
5747  @keyframes fadeOut {
5748    0% { 
5749      left: 0;
5750    }
5751    20% { 
5752      left: 0;
5753    }
5754    40% { 
5755      left: -150%;
5756      display: block;
5757    }
5758    49% { 
5759      left: -150%;
5760      display: none;
5761    }
5762    50% { 
5763      left: 150%;
5764      display: none;
5765    }
5766    60% { 
5767      left: 150%;
5768      display: block;
5769    }
5770    80% { 
5771      left: 0;
5772    }
5773    100% { 
5774      left: 0;
5775    }
5776  }
5777  @keyframes fadeIn {
5778    0% { 
5779      left: 150%;
5780    }
5781    20% { 
5782      left: 150%;
5783    }
5784    40% { 
5785      left: 0;
5786    }
5787    60% { 
5788      left: 0;
5789    }
5790    80% { 
5791      left: -150%;
5792    }
5793    100% { 
5794      left: -150%;
5795    }
5796  }
5797  .header-dropdown-shop-cta__content {
5798    display: flex;
5799    flex-direction: column;
5800    gap: 8px;
5801    width: calc(100% - 118px);
5802  }
5803  .header-dropdown-shop-cta__content h5 {
5804    font-size: 16px;
5805    line-height: 24px;
5806    font-weight: 700;
5807    margin: 0;
5808    padding: 0;
5809    color: #212322;
5810  }
5811  .header-dropdown-shop-cta__content p {
5812    font-size: 14px;
5813    line-height: 18px;
5814    margin: 0 !important;
5815    padding: 0 !important;
5816    color: #505050;
5817    max-height: 36px;
5818    overflow: hidden;
5819  }
5820  .header-dropdown-shop-cta__content-btn {
5821    font-size: 14px;
5822    line-height: 16px;
5823    font-weight: 500;
5824    text-decoration: none;
5825    letter-spacing: 0.32px;
5826    color: #47AF19;
5827    margin: 0;
5828  }
5829  @media screen and (min-width: 597px) {
5830    .header-dropdown-shop-cta {
5831      width: calc(50% - 8px);
5832      height: fit-content;
5833    }
5834  }
5835  @media screen and (min-width: 768px) {
5836    .header-dropdown-shop-cta {
5837      gap: 36px;
5838      width: calc(50% - 9px);
5839      height: 162px;
5840    }
5841    .header-dropdown-shop-cta__image-wrapper-1 {
5842      max-width: 162px;
5843      width: 100%;
5844    }
5845    .header-dropdown-shop-cta__content {
5846      width: 100%;
5847    }
5848    .header-dropdown-shop-cta__content h5 {
5849      font-size: 18px;
5850      line-height: 24px;
5851    }
5852    .header-dropdown-shop-cta__content p {
5853      font-size: 16px;
5854      line-height: 24px;
5855      max-height: none;
5856    }
5857    .header-dropdown-shop-cta__content-btn {
5858      font-size: 16px;
5859      line-height: 24px;
5860    }
5861  }
5862</style>
5863
5864        
5865          
5866          
5867          
5868          
5869          
5870          
5871          
5872          
5873          
5874          
5875          <a href="/collections/complete-meal-powder" class="header-dropdown-shop-cta">
5876  <div class="header-dropdown-shop-cta__image-wrapper-2" style="overflow: hidden;">
5877    
5878      <img class="header-dropdown-shop-cta__image-top-2" src="//soylent.com/cdn/shop/files/shop-complete-meal-powder-choc-navi_grande.png?v=1744470231" alt="">
5879    
5880    
5881  </div>
5882  <div class="header-dropdown-shop-cta__content">
5883    <h5>complete meal powder</h5>
5884    <div><p>perfectly portioned for nutritional absorption.</p></div>
5885    <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div>
5886  </div>
5887</a>
5888
5889<style>
5890  .header-dropdown-shop-cta {
5891    width: 100%;
5892    display: flex;
5893    flex-direction: row;
5894    align-items: center;
5895    justify-content: flex-start;
5896    padding-left: 0;
5897    padding-bottom: 0;
5898    gap: 16px;
5899  }
5900  .header-dropdown-shop-cta__image-wrapper-2 {
5901    border: 1px solid #000;
5902    aspect-ratio: 1/1;
5903    max-width: 102px;
5904    width: 102px;
5905    position: relative;
5906    background: linear-gradient(to bottom, #b5917c 0%, #b5917c 50%, #ffffff 50%, #ffffff 100%);
5907  }
5908  .header-dropdown-shop-cta__image-wrapper-2 img {
5909    width: 100%;
5910    height: auto;
5911    aspect-ratio: 1/1;
5912    object-fit: contain;
5913    object-position: center;
5914    position: absolute;
5915    top: 0;
5916    left: 0;
5917  }
5918  
5919  @keyframes fadeOut {
5920    0% { 
5921      left: 0;
5922    }
5923    20% { 
5924      left: 0;
5925    }
5926    40% { 
5927      left: -150%;
5928      display: block;
5929    }
5930    49% { 
5931      left: -150%;
5932      display: none;
5933    }
5934    50% { 
5935      left: 150%;
5936      display: none;
5937    }
5938    60% { 
5939      left: 150%;
5940      display: block;
5941    }
5942    80% { 
5943      left: 0;
5944    }
5945    100% { 
5946      left: 0;
5947    }
5948  }
5949  @keyframes fadeIn {
5950    0% { 
5951      left: 150%;
5952    }
5953    20% { 
5954      left: 150%;
5955    }
5956    40% { 
5957      left: 0;
5958    }
5959    60% { 
5960      left: 0;
5961    }
5962    80% { 
5963      left: -150%;
5964    }
5965    100% { 
5966      left: -150%;
5967    }
5968  }
5969  .header-dropdown-shop-cta__content {
5970    display: flex;
5971    flex-direction: column;
5972    gap: 8px;
5973    width: calc(100% - 118px);
5974  }
5975  .header-dropdown-shop-cta__content h5 {
5976    font-size: 16px;
5977    line-height: 24px;
5978    font-weight: 700;
5979    margin: 0;
5980    padding: 0;
5981    color: #212322;
5982  }
5983  .header-dropdown-shop-cta__content p {
5984    font-size: 14px;
5985    line-height: 18px;
5986    margin: 0 !important;
5987    padding: 0 !important;
5988    color: #505050;
5989    max-height: 36px;
5990    overflow: hidden;
5991  }
5992  .header-dropdown-shop-cta__content-btn {
5993    font-size: 14px;
5994    line-height: 16px;
5995    font-weight: 500;
5996    text-decoration: none;
5997    letter-spacing: 0.32px;
5998    color: #47AF19;
5999    margin: 0;
6000  }
6001  @media screen and (min-width: 597px) {
6002    .header-dropdown-shop-cta {
6003      width: calc(50% - 8px);
6004      height: fit-content;
6005    }
6006  }
6007  @media screen and (min-width: 768px) {
6008    .header-dropdown-shop-cta {
6009      gap: 36px;
6010      width: calc(50% - 9px);
6011      height: 162px;
6012    }
6013    .header-dropdown-shop-cta__image-wrapper-2 {
6014      max-width: 162px;
6015      width: 100%;
6016    }
6017    .header-dropdown-shop-cta__content {
6018      width: 100%;
6019    }
6020    .header-dropdown-shop-cta__content h5 {
6021      font-size: 18px;
6022      line-height: 24px;
6023    }
6024    .header-dropdown-shop-cta__content p {
6025      font-size: 16px;
6026      line-height: 24px;
6027      max-height: none;
6028    }
6029    .header-dropdown-shop-cta__content-btn {
6030      font-size: 16px;
6031      line-height: 24px;
6032    }
6033  }
6034</style>
6035
6036        
6037          
6038          
6039          
6040          
6041          
6042          
6043          
6044          
6045          
6046          
6047          <a href="/collections/complete-protein" class="header-dropdown-shop-cta">
6048  <div class="header-dropdown-shop-cta__image-wrapper-3" style="overflow: hidden;">
6049    
6050      <img class="header-dropdown-shop-cta__image-top-3" src="//soylent.com/cdn/shop/files/Complete_Protein_Gif_grande.png?v=1710113952" alt="">
6051    
6052    
6053      <img class="header-dropdown-shop-cta__image-bot-3" src="//soylent.com/cdn/shop/files/complete-protein-powder-vanilla-tub_884e4894-3b63-47c3-93e3-0d99eb74e164_grande.png?v=1712864488" alt="">
6054    
6055  </div>
6056  <div class="header-dropdown-shop-cta__content">
6057    <h5>complete protein</h5>
6058    <div><p>protein. rooted in science. taste perfected.</p></div>
6059    <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div>
6060  </div>
6061</a>
6062
6063<style>
6064  .header-dropdown-shop-cta {
6065    width: 100%;
6066    display: flex;
6067    flex-direction: row;
6068    align-items: center;
6069    justify-content: flex-start;
6070    padding-left: 0;
6071    padding-bottom: 0;
6072    gap: 16px;
6073  }
6074  .header-dropdown-shop-cta__image-wrapper-3 {
6075    border: 1px solid #000;
6076    aspect-ratio: 1/1;
6077    max-width: 102px;
6078    width: 102px;
6079    position: relative;
6080    background: linear-gradient(to bottom, #8fad15 0%, #8fad15 50%, #ffffff 50%, #ffffff 100%);
6081  }
6082  .header-dropdown-shop-cta__image-wrapper-3 img {
6083    width: 100%;
6084    height: auto;
6085    aspect-ratio: 1/1;
6086    object-fit: contain;
6087    object-position: center;
6088    position: absolute;
6089    top: 0;
6090    left: 0;
6091  }
6092  
6093    .header-dropdown-shop-cta__image-top-3 {
6094      animation: fadeOut 3s infinite;
6095    }
6096    .header-dropdown-shop-cta__image-bot-3{
6097      animation: fadeIn 3s infinite;
6098    }
6099  
6100  @keyframes fadeOut {
6101    0% { 
6102      left: 0;
6103    }
6104    20% { 
6105      left: 0;
6106    }
6107    40% { 
6108      left: -150%;
6109      display: block;
6110    }
6111    49% { 
6112      left: -150%;
6113      display: none;
6114    }
6115    50% { 
6116      left: 150%;
6117      display: none;
6118    }
6119    60% { 
6120      left: 150%;
6121      display: block;
6122    }
6123    80% { 
6124      left: 0;
6125    }
6126    100% { 
6127      left: 0;
6128    }
6129  }
6130  @keyframes fadeIn {
6131    0% { 
6132      left: 150%;
6133    }
6134    20% { 
6135      left: 150%;
6136    }
6137    40% { 
6138      left: 0;
6139    }
6140    60% { 
6141      left: 0;
6142    }
6143    80% { 
6144      left: -150%;
6145    }
6146    100% { 
6147      left: -150%;
6148    }
6149  }
6150  .header-dropdown-shop-cta__content {
6151    display: flex;
6152    flex-direction: column;
6153    gap: 8px;
6154    width: calc(100% - 118px);
6155  }
6156  .header-dropdown-shop-cta__content h5 {
6157    font-size: 16px;
6158    line-height: 24px;
6159    font-weight: 700;
6160    margin: 0;
6161    padding: 0;
6162    color: #212322;
6163  }
6164  .header-dropdown-shop-cta__content p {
6165    font-size: 14px;
6166    line-height: 18px;
6167    margin: 0 !important;
6168    padding: 0 !important;
6169    color: #505050;
6170    max-height: 36px;
6171    overflow: hidden;
6172  }
6173  .header-dropdown-shop-cta__content-btn {
6174    font-size: 14px;
6175    line-height: 16px;
6176    font-weight: 500;
6177    text-decoration: none;
6178    letter-spacing: 0.32px;
6179    color: #47AF19;
6180    margin: 0;
6181  }
6182  @media screen and (min-width: 597px) {
6183    .header-dropdown-shop-cta {
6184      width: calc(50% - 8px);
6185      height: fit-content;
6186    }
6187  }
6188  @media screen and (min-width: 768px) {
6189    .header-dropdown-shop-cta {
6190      gap: 36px;
6191      width: calc(50% - 9px);
6192      height: 162px;
6193    }
6194    .header-dropdown-shop-cta__image-wrapper-3 {
6195      max-width: 162px;
6196      width: 100%;
6197    }
6198    .header-dropdown-shop-cta__content {
6199      width: 100%;
6200    }
6201    .header-dropdown-shop-cta__content h5 {
6202      font-size: 18px;
6203      line-height: 24px;
6204    }
6205    .header-dropdown-shop-cta__content p {
6206      font-size: 16px;
6207      line-height: 24px;
6208      max-height: none;
6209    }
6210    .header-dropdown-shop-cta__content-btn {
6211      font-size: 16px;
6212      line-height: 24px;
6213    }
6214  }
6215</style>
6216
6217        
6218          
6219          
6220          
6221          
6222          
6223          
6224          
6225          
6226          
6227          
6228          <a href="/collections/complete-coffee-shakes" class="header-dropdown-shop-cta">
6229  <div class="header-dropdown-shop-cta__image-wrapper-4" style="overflow: hidden;">
6230    
6231      <img class="header-dropdown-shop-cta__image-top-4" src="//soylent.com/cdn/shop/files/Cafe_Mocha_grande.png?v=1710113952" alt="">
6232    
6233    
6234  </div>
6235  <div class="header-dropdown-shop-cta__content">
6236    <h5>complete coffee</h5>
6237    <div><p>coffee that acts like a healthy breakfast.</p></div>
6238    <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div>
6239  </div>
6240</a>
6241
6242<style>
6243  .header-dropdown-shop-cta {
6244    width: 100%;
6245    display: flex;
6246    flex-direction: row;
6247    align-items: center;
6248    justify-content: flex-start;
6249    padding-left: 0;
6250    padding-bottom: 0;
6251    gap: 16px;
6252  }
6253  .header-dropdown-shop-cta__image-wrapper-4 {
6254    border: 1px solid #000;
6255    aspect-ratio: 1/1;
6256    max-width: 102px;
6257    width: 102px;
6258    position: relative;
6259    background: linear-gradient(to bottom, #f2ed6d 0%, #f2ed6d 50%, #ffffff 50%, #ffffff 100%);
6260  }
6261  .header-dropdown-shop-cta__image-wrapper-4 img {
6262    width: 100%;
6263    height: auto;
6264    aspect-ratio: 1/1;
6265    object-fit: contain;
6266    object-position: center;
6267    position: absolute;
6268    top: 0;
6269    left: 0;
6270  }
6271  
6272  @keyframes fadeOut {
6273    0% { 
6274      left: 0;
6275    }
6276    20% { 
6277      left: 0;
6278    }
6279    40% { 
6280      left: -150%;
6281      display: block;
6282    }
6283    49% { 
6284      left: -150%;
6285      display: none;
6286    }
6287    50% { 
6288      left: 150%;
6289      display: none;
6290    }
6291    60% { 
6292      left: 150%;
6293      display: block;
6294    }
6295    80% { 
6296      left: 0;
6297    }
6298    100% { 
6299      left: 0;
6300    }
6301  }
6302  @keyframes fadeIn {
6303    0% { 
6304      left: 150%;
6305    }
6306    20% { 
6307      left: 150%;
6308    }
6309    40% { 
6310      left: 0;
6311    }
6312    60% { 
6313      left: 0;
6314    }
6315    80% { 
6316      left: -150%;
6317    }
6318    100% { 
6319      left: -150%;
6320    }
6321  }
6322  .header-dropdown-shop-cta__content {
6323    display: flex;
6324    flex-direction: column;
6325    gap: 8px;
6326    width: calc(100% - 118px);
6327  }
6328  .header-dropdown-shop-cta__content h5 {
6329    font-size: 16px;
6330    line-height: 24px;
6331    font-weight: 700;
6332    margin: 0;
6333    padding: 0;
6334    color: #212322;
6335  }
6336  .header-dropdown-shop-cta__content p {
6337    font-size: 14px;
6338    line-height: 18px;
6339    margin: 0 !important;
6340    padding: 0 !important;
6341    color: #505050;
6342    max-height: 36px;
6343    overflow: hidden;
6344  }
6345  .header-dropdown-shop-cta__content-btn {
6346    font-size: 14px;
6347    line-height: 16px;
6348    font-weight: 500;
6349    text-decoration: none;
6350    letter-spacing: 0.32px;
6351    color: #47AF19;
6352    margin: 0;
6353  }
6354  @media screen and (min-width: 597px) {
6355    .header-dropdown-shop-cta {
6356      width: calc(50% - 8px);
6357      height: fit-content;
6358    }
6359  }
6360  @media screen and (min-width: 768px) {
6361    .header-dropdown-shop-cta {
6362    
6362  gap: 36px;
6363      width: calc(50% - 9px);
6364      height: 162px;
6365    }
6366    .header-dropdown-shop-cta__image-wrapper-4 {
6367      max-width: 162px;
6368      width: 100%;
6369    }
6370    .header-dropdown-shop-cta__content {
6371      width: 100%;
6372    }
6373    .header-dropdown-shop-cta__content h5 {
6374      font-size: 18px;
6375      line-height: 24px;
6376    }
6377    .header-dropdown-shop-cta__content p {
6378      font-size: 16px;
6379      line-height: 24px;
6380      max-height: none;
6381    }
6382    .header-dropdown-shop-cta__content-btn {
6383      font-size: 16px;
6384      line-height: 24px;
6385    }
6386  }
6387</style>
6388
6389        
6390          
6391          
6392          
6393          
6394          
6395          
6396          
6397          
6398          
6399          
6400          <a href="/products/soylent-complete-energy-chocolate" class="header-dropdown-shop-cta">
6401  <div class="header-dropdown-shop-cta__image-wrapper-5" style="overflow: hidden;">
6402    
6403      <img class="header-dropdown-shop-cta__image-top-5" src="//soylent.com/cdn/shop/files/Chocolate_grande.png?v=1710113952" alt="">
6404    
6405    
6406  </div>
6407  <div class="header-dropdown-shop-cta__content">
6408    <h5>complete energy</h5>
6409    <div><p>smart energy. fuel for the brain and the body. </p></div>
6410    <div class="header-dropdown-shop-cta__content-btn">SHOP NOW</div>
6411  </div>
6412</a>
6413
6414<style>
6415  .header-dropdown-shop-cta {
6416    width: 100%;
6417    display: flex;
6418    flex-direction: row;
6419    align-items: center;
6420    justify-content: flex-start;
6421    padding-left: 0;
6422    padding-bottom: 0;
6423    gap: 16px;
6424  }
6425  .header-dropdown-shop-cta__image-wrapper-5 {
6426    border: 1px solid #000;
6427    aspect-ratio: 1/1;
6428    max-width: 102px;
6429    width: 102px;
6430    position: relative;
6431    background: linear-gradient(to bottom, #fcd700 0%, #fcd700 50%, #ffffff 50%, #ffffff 100%);
6432  }
6433  .header-dropdown-shop-cta__image-wrapper-5 img {
6434    width: 100%;
6435    height: auto;
6436    aspect-ratio: 1/1;
6437    object-fit: contain;
6438    object-position: center;
6439    position: absolute;
6440    top: 0;
6441    left: 0;
6442  }
6443  
6444  @keyframes fadeOut {
6445    0% { 
6446      left: 0;
6447    }
6448    20% { 
6449      left: 0;
6450    }
6451    40% { 
6452      left: -150%;
6453      display: block;
6454    }
6455    49% { 
6456      left: -150%;
6457      display: none;
6458    }
6459    50% { 
6460      left: 150%;
6461      display: none;
6462    }
6463    60% { 
6464      left: 150%;
6465      display: block;
6466    }
6467    80% { 
6468      left: 0;
6469    }
6470    100% { 
6471      left: 0;
6472    }
6473  }
6474  @keyframes fadeIn {
6475    0% { 
6476      left: 150%;
6477    }
6478    20% { 
6479      left: 150%;
6480    }
6481    40% { 
6482      left: 0;
6483    }
6484    60% { 
6485      left: 0;
6486    }
6487    80% { 
6488      left: -150%;
6489    }
6490    100% { 
6491      left: -150%;
6492    }
6493  }
6494  .header-dropdown-shop-cta__content {
6495    display: flex;
6496    flex-direction: column;
6497    gap: 8px;
6498    width: calc(100% - 118px);
6499  }
6500  .header-dropdown-shop-cta__content h5 {
6501    font-size: 16px;
6502    line-height: 24px;
6503    font-weight: 700;
6504    margin: 0;
6505    padding: 0;
6506    color: #212322;
6507  }
6508  .header-dropdown-shop-cta__content p {
6509    font-size: 14px;
6510    line-height: 18px;
6511    margin: 0 !important;
6512    padding: 0 !important;
6513    color: #505050;
6514    max-height: 36px;
6515    overflow: hidden;
6516  }
6517  .header-dropdown-shop-cta__content-btn {
6518    font-size: 14px;
6519    line-height: 16px;
6520    font-weight: 500;
6521    text-decoration: none;
6522    letter-spacing: 0.32px;
6523    color: #47AF19;
6524    margin: 0;
6525  }
6526  @media screen and (min-width: 597px) {
6527    .header-dropdown-shop-cta {
6528      width: calc(50% - 8px);
6529      height: fit-content;
6530    }
6531  }
6532  @media screen and (min-width: 768px) {
6533    .header-dropdown-shop-cta {
6534      gap: 36px;
6535      width: calc(50% - 9px);
6536      height: 162px;
6537    }
6538    .header-dropdown-shop-cta__image-wrapper-5 {
6539      max-width: 162px;
6540      width: 100%;
6541    }
6542    .header-dropdown-shop-cta__content {
6543      width: 100%;
6544    }
6545    .header-dropdown-shop-cta__content h5 {
6546      font-size: 18px;
6547      line-height: 24px;
6548    }
6549    .header-dropdown-shop-cta__content p {
6550      font-size: 16px;
6551      line-height: 24px;
6552      max-height: none;
6553    }
6554    .header-dropdown-shop-cta__content-btn {
6555      font-size: 16px;
6556      line-height: 24px;
6557    }
6558  }
6559</style>
6560
6561        
6562<div class="header-dropdown-shop__links"><a href="/collections/all-products">shop all</a><a href="/collections/variety-packs-bundles">variety packs</a><a href="/products/gift-card">gift cards</a><a href="/collections/all-merchandise">merch</a></div><style>
6563  .header-dropdown-shop__links {
6564    width: 1000%;
6565    height: fit-content;
6566    display: flex;
6567    flex-direction: column;
6568    justify-content: center;
6569    gap: 12px;
6570    border-top: 2px solid #F7F7F7;
6571    margin-top: 12px;
6572    padding-top: 12px;
6573    margin-left: 0;
6574    padding-bottom: 0;
6575    padding-left: 0;
6576    margin-left: 0;
6577  }
6578  .header-dropdown-shop__links a {
6579    display: flex;
6580    align-items: center;
6581    justify-content: flex-start;
6582    color: #212322;
6583    text-decoration: none;
6584    font-size: 16px;
6585    line-height: 24px;
6586    font-weight: 700;
6587  }
6588  .header-dropdown-shop__links a:hover {
6589    color: #47Af19;
6590  }
6591  @media screen and (min-width: 768px) {
6592    .header-dropdown-shop__links {
6593      width: fit-content;
6594      height: 162px;
6595      gap: 0;
6596      flex-direction: column;
6597      justify-content: space-between;
6598      border-top: none;
6599      border-left: 2px solid #F7F7F7;
6600      margin-top: 0;
6601      padding-top: 0;
6602      padding-bottom: 0;
6603      padding-left: 36px;
6604    }
6605    .header-dropdown-shop__links a {
6606      font-size: 18px;
6607      line-height: 24px;
6608      width: 100%;
6609      height: fit-content;
6610      box-shadow: none;
6611      justify-content: flex-start;
6612    }
6613  }
6614</style>
6615
6616      
6617    
6618          </div>
6619        </div>
6620      </div>
6621      
6622      <a class="sr-only" href="#" data-dropdown-close>
6623        close
6624      </a>
6625    </div>
6626  
6627</li>
6628
6629      
6630    
6631      
6632        
6633
6634
6635
6636
6637
6638
6639
6640
6641
6642<li class="header-nav__menu-item" >
6643  <a href="" data-block="nav_health_item_ycVwqN" aria-controls="dropdown-nav_health_item_ycVwqN" aria-expanded="false" data-dropdown-trigger="#dropdown-nav_health_item_ycVwqN">
6644    Health Benefits
6645</a>
6646  
6647  <div id="dropdown-nav_health_item_ycVwqN" class="header-dropdown header-dropdown-health">
6648      <div class="header-dropdown__ctas ">
6649        <div class="container-fluid">
6650          <div class="header-dropdown__ctas__inner">
6651            
6652      
6653        
6654          
6655          
6656          
6657          
6658          <div class="header-dropdown-health-cta">
6659  <div class="header-dropdown-health-cta__top">
6660    <h5>weight management</h5>
6661    <div class="header-dropdown-health-cta__top-detail"><p>make weight management easy.</p></div>
6662    <div class="header-dropdown-health-cta__top-border" style="background-color: #ade8bf;"></div>
6663  </div>
6664  <div class="header-dropdown-health-cta__nav">
6665    
6666      
6667        <a href="https://soylent.com/pages/weight-loss">
6668          weight loss
6669          <div class="icon-arrow-up">
6670    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6671    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
6672    </svg>
6673</div>
6674        </a>
6675      
6676        <a href="https://soylent.com/pages/weight-gain">
6677          weight gain
6678          <div class="icon-arrow-up">
6679    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6680    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
6681    </svg>
6682</div>
6683        </a>
6684      
6685        <a href="https://soylent.com/pages/appetite-suppression">
6686          appetite suppression
6687          <div class="icon-arrow-up">
6688    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6689    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
6690    </svg>
6691</div>
6692        </a>
6693      
6694        <a href="https://soylent.com/pages/weight-management-and-nutrition-soylent">
6695          weight management
6696          <div class="icon-arrow-up">
6697    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6698    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
6699    </svg>
6700</div>
6701        </a>
6702      
6703    
6704  </div>
6705</div>
6706
6707<style>
6708  .header-dropdown-health-cta {
6709    display: flex;
6710    flex-direction: column;
6711    width: 100%;
6712    padding-left: 16px;
6713    padding-bottom: 32px;
6714  }
6715  .header-dropdown-health-cta__top {
6716    padding-bottom: 20px;
6717    text-align: center;
6718  }
6719  .header-dropdown-health-cta__top h5 {
6720    font-size: 18px;
6721    line-height: 24px;
6722    font-weight: 700;
6723    color: #212322;
6724    margin: 0;
6725    margin-bottom: 8px;
6726    padding: 0;
6727  }
6728  .header-dropdown-health-cta__top-detail {
6729    display: flex;
6730    align-items: center;
6731    justify-content: center;
6732    font-size: 14px;
6733    line-height: 16px;
6734    font-weight: 400 !important;
6735    text-align: center;
6736    letter-spacing: 0em;
6737    margin: 0;
6738    margin-bottom: 16px;
6739    padding: 0;
6740    color: #505050;
6741  }
6742  .header-dropdown-health-cta__top-detail p {
6743    margin: 0;
6744  }
6745  .header-dropdown-health-cta__top-border {
6746    width: 100%;
6747    height: 4px;
6748  }
6749  .header-dropdown-health-cta__nav-item {
6750    padding: 16px;
6751    font-size: 16px;
6752    line-height: 24px;
6753    font-weight: 700;
6754    text-transform: lowercase;
6755    color: #212322;
6756  }
6757  .header-dropdown-health-cta__top {
6758    font-size: 18px;
6759    line-height: 24px;
6760    font-weight: 700;
6761  }
6762  .header-dropdown-health-cta__nav {
6763    display: flex;
6764    flex-direction: column;
6765    gap: 12px;
6766  }
6767  .header-dropdown-health-cta__nav a {
6768    display: flex;
6769    justify-content: space-between;
6770    gap: 8px;
6771    padding: 16px;
6772    width: 100%;
6773    font-size: 14px;
6774    line-height: 16px;
6775    letter-spacing: 0em;
6776    font-weight: 700;
6777    color: #212322;
6778    background-color: #fff;
6779    transition: all 0.25s ease-in-out;
6780    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075);
6781  }
6782  .header-dropdown-health-cta__nav a svg {
6783    opacity: 0;
6784    margin: 0;
6785    padding: 0;
6786    transition: all 0.25s ease-in-out;
6787    display: none;
6788  }
6789  .header-dropdown-health-cta__nav a:hover {
6790    color: #47AF19;
6791  }
6792  .header-dropdown-health-cta__nav a:hover > div svg {
6793    opacity: 1 !important;
6794  }
6795  .icon-arrow-up {
6796    margin: 5px; 
6797    top: 3px; 
6798    position: relative;
6799  }
6800  @media screen and (min-width: 597px) {
6801    .header-dropdown-health-cta__top-detail {
6802      height: 32px;
6803    }
6804    .header-dropdown-health-cta__nav {
6805      gap: 16px;
6806    }
6807    .header-dropdown-health-cta__nav a {
6808      font-size: 16px;
6809      line-height: 24px;
6810    }
6811  }
6812  @media screen and (min-width: 700px) {
6813    .header-dropdown-health-cta {
6814      width: 50%;
6815      padding-left: 16px;
6816      padding-bottom: 24px;
6817    }
6818    .header-dropdown-health-cta__nav {
6819      gap: 16px;
6820    }
6821    .header-dropdown-health-cta {
6822      width: 50%;
6823    }
6824  }
6825  @media screen and (min-width: 1024px) {
6826    .header-dropdown-health-cta {
6827      width: 25%;
6828      padding-left: 36px;
6829      padding-bottom: 0;
6830    }
6831    .header-dropdown-health-cta__nav a svg {
6832      display: block;
6833    }
6834  }
6835</style>
6836
6837        
6838          
6839          
6840          
6841          
6842          <div class="header-dropdown-health-cta">
6843  <div class="header-dropdown-health-cta__top">
6844    <h5>fitness</h5>
6845    <div class="header-dropdown-health-cta__top-detail"><p>reach your fitness goals.</p></div>
6846    <div class="header-dropdown-health-cta__top-border" style="background-color: #5e93db;"></div>
6847  </div>
6848  <div class="header-dropdown-health-cta__nav">
6849    
6850      
6851        <a href="https://soylent.com/pages/health-and-fitness-soylent">
6852          fitness
6853          <div class="icon-arrow-up">
6854    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6855    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
6856    </svg>
6857</div>
6858        </a>
6859      
6860        <a href="https://soylent.com/pages/pre-and-post-workout-recovery-with-soylent">
6861          workout recovery
6862          <div class="icon-arrow-up">
6863    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6864    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
6865    </svg>
6866</div>
6867        </a>
6868      
6869        <a href="https://soylent.com/pages/food-for-muscle-recovery-with-soylent">
6870          muscle recovery
6871          <div class="icon-arrow-up">
6872    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
6873    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
6874    </svg>
6875</div>
6876        </a>
6877      
6878    
6879  </div>
6880</div>
6881
6882<style>
6883  .header-dropdown-health-cta {
6884    display: flex;
6885    flex-direction: column;
6886    width: 100%;
6887    padding-left: 16px;
6888    padding-bottom: 32px;
6889  }
6890  .header-dropdown-health-cta__top {
6891    padding-bottom: 20px;
6892    text-align: center;
6893  }
6894  .header-dropdown-health-cta__top h5 {
6895    font-size: 18px;
6896    line-height: 24px;
6897    font-weight: 700;
6898    color: #212322;
6899    margin: 0;
6900    margin-bottom: 8px;
6901    padding: 0;
6902  }
6903  .header-dropdown-health-cta__top-detail {
6904    display: flex;
6905    align-items: center;
6906    justify-content: center;
6907    font-size: 14px;
6908    line-height: 16px;
6909    font-weight: 400 !important;
6910    text-align: center;
6911    letter-spacing: 0em;
6912    margin: 0;
6913    margin-bottom: 16px;
6914    padding: 0;
6915    color: #505050;
6916  }
6917  .header-dropdown-health-cta__top-detail p {
6918    margin: 0;
6919  }
6920  .header-dropdown-health-cta__top-border {
6921    width: 100%;
6922    height: 4px;
6923  }
6924  .header-dropdown-health-cta__nav-item {
6925    padding: 16px;
6926    font-size: 16px;
6927    line-height: 24px;
6928    font-weight: 700;
6929    text-transform: lowercase;
6930    color: #212322;
6931  }
6932  .header-dropdown-health-cta__top {
6933    font-size: 18px;
6934    line-height: 24px;
6935    font-weight: 700;
6936  }
6937  .header-dropdown-health-cta__nav {
6938    display: flex;
6939    flex-direction: column;
6940    gap: 12px;
6941  }
6942  .header-dropdown-health-cta__nav a {
6943    display: flex;
6944    justify-content: space-between;
6945    gap: 8px;
6946    padding: 16px;
6947    width: 100%;
6948    font-size: 14px;
6949    line-height: 16px;
6950    letter-spacing: 0em;
6951    font-weight: 700;
6952    color: #212322;
6953    background-color: #fff;
6954    transition: all 0.25s ease-in-out;
6955    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075);
6956  }
6957  .header-dropdown-health-cta__
6957nav a svg {
6958    opacity: 0;
6959    margin: 0;
6960    padding: 0;
6961    transition: all 0.25s ease-in-out;
6962    display: none;
6963  }
6964  .header-dropdown-health-cta__nav a:hover {
6965    color: #47AF19;
6966  }
6967  .header-dropdown-health-cta__nav a:hover > div svg {
6968    opacity: 1 !important;
6969  }
6970  .icon-arrow-up {
6971    margin: 5px; 
6972    top: 3px; 
6973    position: relative;
6974  }
6975  @media screen and (min-width: 597px) {
6976    .header-dropdown-health-cta__top-detail {
6977      height: 32px;
6978    }
6979    .header-dropdown-health-cta__nav {
6980      gap: 16px;
6981    }
6982    .header-dropdown-health-cta__nav a {
6983      font-size: 16px;
6984      line-height: 24px;
6985    }
6986  }
6987  @media screen and (min-width: 700px) {
6988    .header-dropdown-health-cta {
6989      width: 50%;
6990      padding-left: 16px;
6991      padding-bottom: 24px;
6992    }
6993    .header-dropdown-health-cta__nav {
6994      gap: 16px;
6995    }
6996    .header-dropdown-health-cta {
6997      width: 50%;
6998    }
6999  }
7000  @media screen and (min-width: 1024px) {
7001    .header-dropdown-health-cta {
7002      width: 25%;
7003      padding-left: 36px;
7004      padding-bottom: 0;
7005    }
7006    .header-dropdown-health-cta__nav a svg {
7007      display: block;
7008    }
7009  }
7010</style>
7011
7012        
7013          
7014          
7015          
7016          
7017          <div class="header-dropdown-health-cta">
7018  <div class="header-dropdown-health-cta__top">
7019    <h5>health</h5>
7020    <div class="header-dropdown-health-cta__top-detail"><p>manage your health, the smart way.</p></div>
7021    <div class="header-dropdown-health-cta__top-border" style="background-color: #f8485e;"></div>
7022  </div>
7023  <div class="header-dropdown-health-cta__nav">
7024    
7025      
7026        <a href="https://soylent.com/pages/diabetes-and-blood-sugar-management-with-soylent">
7027          diabetes & blood sugar management
7028          <div class="icon-arrow-up">
7029    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
7030    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
7031    </svg>
7032</div>
7033        </a>
7034      
7035        <a href="https://soylent.com/pages/surgery-liquid-diets-with-soylent">
7036          surgery & liquid diets
7037          <div class="icon-arrow-up">
7038    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
7039    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
7040    </svg>
7041</div>
7042        </a>
7043      
7044    
7045  </div>
7046</div>
7047
7048<style>
7049  .header-dropdown-health-cta {
7050    display: flex;
7051    flex-direction: column;
7052    width: 100%;
7053    padding-left: 16px;
7054    padding-bottom: 32px;
7055  }
7056  .header-dropdown-health-cta__top {
7057    padding-bottom: 20px;
7058    text-align: center;
7059  }
7060  .header-dropdown-health-cta__top h5 {
7061    font-size: 18px;
7062    line-height: 24px;
7063    font-weight: 700;
7064    color: #212322;
7065    margin: 0;
7066    margin-bottom: 8px;
7067    padding: 0;
7068  }
7069  .header-dropdown-health-cta__top-detail {
7070    display: flex;
7071    align-items: center;
7072    justify-content: center;
7073    font-size: 14px;
7074    line-height: 16px;
7075    font-weight: 400 !important;
7076    text-align: center;
7077    letter-spacing: 0em;
7078    margin: 0;
7079    margin-bottom: 16px;
7080    padding: 0;
7081    color: #505050;
7082  }
7083  .header-dropdown-health-cta__top-detail p {
7084    margin: 0;
7085  }
7086  .header-dropdown-health-cta__top-border {
7087    width: 100%;
7088    height: 4px;
7089  }
7090  .header-dropdown-health-cta__nav-item {
7091    padding: 16px;
7092    font-size: 16px;
7093    line-height: 24px;
7094    font-weight: 700;
7095    text-transform: lowercase;
7096    color: #212322;
7097  }
7098  .header-dropdown-health-cta__top {
7099    font-size: 18px;
7100    line-height: 24px;
7101    font-weight: 700;
7102  }
7103  .header-dropdown-health-cta__nav {
7104    display: flex;
7105    flex-direction: column;
7106    gap: 12px;
7107  }
7108  .header-dropdown-health-cta__nav a {
7109    display: flex;
7110    justify-content: space-between;
7111    gap: 8px;
7112    padding: 16px;
7113    width: 100%;
7114    font-size: 14px;
7115    line-height: 16px;
7116    letter-spacing: 0em;
7117    font-weight: 700;
7118    color: #212322;
7119    background-color: #fff;
7120    transition: all 0.25s ease-in-out;
7121    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075);
7122  }
7123  .header-dropdown-health-cta__nav a svg {
7124    opacity: 0;
7125    margin: 0;
7126    padding: 0;
7127    transition: all 0.25s ease-in-out;
7128    display: none;
7129  }
7130  .header-dropdown-health-cta__nav a:hover {
7131    color: #47AF19;
7132  }
7133  .header-dropdown-health-cta__nav a:hover > div svg {
7134    opacity: 1 !important;
7135  }
7136  .icon-arrow-up {
7137    margin: 5px; 
7138    top: 3px; 
7139    position: relative;
7140  }
7141  @media screen and (min-width: 597px) {
7142    .header-dropdown-health-cta__top-detail {
7143      height: 32px;
7144    }
7145    .header-dropdown-health-cta__nav {
7146      gap: 16px;
7147    }
7148    .header-dropdown-health-cta__nav a {
7149      font-size: 16px;
7150      line-height: 24px;
7151    }
7152  }
7153  @media screen and (min-width: 700px) {
7154    .header-dropdown-health-cta {
7155      width: 50%;
7156      padding-left: 16px;
7157      padding-bottom: 24px;
7158    }
7159    .header-dropdown-health-cta__nav {
7160      gap: 16px;
7161    }
7162    .header-dropdown-health-cta {
7163      width: 50%;
7164    }
7165  }
7166  @media screen and (min-width: 1024px) {
7167    .header-dropdown-health-cta {
7168      width: 25%;
7169      padding-left: 36px;
7170      padding-bottom: 0;
7171    }
7172    .header-dropdown-health-cta__nav a svg {
7173      display: block;
7174    }
7175  }
7176</style>
7177
7178        
7179          
7180          
7181          
7182          
7183          <div class="header-dropdown-health-cta">
7184  <div class="header-dropdown-health-cta__top">
7185    <h5>nutrition</h5>
7186    <div class="header-dropdown-health-cta__top-detail"><p>science-backed nutrition, perfected.</p></div>
7187    <div class="header-dropdown-health-cta__top-border" style="background-color: #eed484;"></div>
7188  </div>
7189  <div class="header-dropdown-health-cta__nav">
7190    
7191      
7192        <a href="https://soylent.com/pages/fuel-plant-based-diets-with-soylent">
7193          plant-based diets
7194          <div class="icon-arrow-up">
7195    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
7196    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
7197    </svg>
7198</div>
7199        </a>
7200      
7201        <a href="/pages/daily-vitamins-and-minerals">
7202          daily vitamins & minerals 
7203          <div class="icon-arrow-up">
7204    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
7205    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
7206    </svg>
7207</div>
7208        </a>
7209      
7210        <a href="https://soylent.com/pages/healthy-meal-replacement-for-athletes">
7211          athlete & sports nutrition
7212          <div class="icon-arrow-up">
7213    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
7214    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
7215    </svg>
7216</div>
7217        </a>
7218      
7219        <a href="https://soylent.com/pages/soylent-for-gluten-free-diets-and-lifestyles">
7220          gluten-free diets
7221          <div class="icon-arrow-up">
7222    <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
7223    <path d="M2.26016 0.0225511C5.20805 0.0147648 8.11702 0.00542063 10.8967 -0.00236541C10.8874 2.91905 10.878 5.8467 10.8671 8.85065C10.6117 8.84442 10.0869 8.82729 9.38307 8.80549C9.422 6.91965 9.46093 5.00578 9.50453 2.85365L1.72914 10.629L0.52382 9.42372L8.22914 1.71841C6.14552 1.76512 4.23944 1.80873 2.16984 1.85389C2.20877 1.05501 2.23525 0.527103 2.26016 0.0225511Z" fill="#47AF19"/>
7224    </svg>
7225</div>
7226        </a>
7227      
7228    
7229  </div>
7230</div>
7231
7232<style>
7233  .header-dropdown-health-cta {
7234    display: flex;
7235    flex-direction: column;
7236    width: 100%;
7237    padding-left: 16px;
7238    padding-bottom: 32px;
7239  }
7240  .header-dropdown-health-cta__top {
7241    padding-bottom: 20px;
7242    text-align: center;
7243  }
7244  .header-dropdown-health-cta__top h5 {
7245    font-size: 18px;
7246    line-height: 24px;
7247    font-weight: 700;
7248    color: #212322;
7249    margin: 0;
7250    margin-bottom: 8px;
7251    padding: 0;
7252  }
7253  .header-dropdown-health-cta__top-detail {
7254    display: flex;
7255    align-items: center;
7256    justify-content: center;
7257    font-size: 14px;
7258    line-height: 16px;
7259    font-weight: 400 !important;
7260    text-align: center;
7261    letter-spacing: 0em;
7262    margin: 0;
7263    margin-bottom: 16px;
7264    padding: 0;
7265    color: #505050;
7266  }
7267  .header-dropdown-health-cta__top-detail p {
7268    margin: 0;
7269  }
7270  .header-dropdown-health-cta__top-border {
7271    width: 100%;
7272    height: 4px;
7273  }
7274  .header-dropdown-health-cta__nav-item {
7275    padding: 16px;
7276    font-size: 16px;
7277    line-height: 24px;
7278    font-weight: 700;
7279    text-transform: lowercase;
7280    color: #212322;
7281  }
7282  .header-dropdown-health-cta__top {
7283    font-size: 18px;
7284    line-height: 24px;
7285    font-weight: 700;
7286  }
7287  .header-dropdown-health-cta__nav {
7288    display: flex;
7289    flex-direction: column;
7290    gap: 12px;
7291  }
7292  .header-dropdown-health-cta__nav a {
7293    display: flex;
7294    justify-content: space-between;
7295    gap: 8px;
7296    padding: 16px;
7297    width: 100%;
7298    font-size: 14px;
7299    line-height: 16px;
7300    letter-spacing: 0em;
7301    font-weight: 700;
7302    color: #212322;
7303    background-color: #fff;
7304    transition: all 0.25s ease-in-out;
7305    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075);
7306  }
7307  .header-dropdown-health-cta__nav a svg {
7308    opacity: 0;
7309    margin: 0;
7310    padding: 0;
7311    transition: all 0.25s ease-in-out;
7312    display: none;
7313  }
7314  .header-dropdown-health-cta__nav a:hover {
7315    color: #47AF19;
7316  }
7317  .header-dropdown-health-cta__nav a:hover > div svg {
7318    opacity: 1 !important;
7319  }
7320  .icon-arrow-up {
7321    margin: 5px; 
7322    top: 3px; 
7323    position: relative;
7324  }
7325  @media screen and (min-width: 597px) {
7326    .header-dropdown-health-cta__top-detail {
7327      height: 32px;
7328    }
7329    .header-dropdown-health-cta__nav {
7330      gap: 16px;
7331    }
7332    .header-dropdown-health-cta__nav a {
7333      font-size: 16px;
7334      line-height: 24px;
7335    }
7336  }
7337  @media screen and (min-width: 700px) {
7338    .header-dropdown-health-cta {
7339      width: 50%;
7340      padding-left: 16px;
7341      padding-bottom: 24px;
7342    }
7343    .header-dropdown-health-cta__nav {
7344      gap: 16px;
7345    }
7346    .header-dropdown-health-cta {
7347      width: 50%;
7348    }
7349  }
7350  @media screen and (min-width: 1024px) {
7351    .header-dropdown-health-cta {
7352      width: 25%;
7353      padding-left: 36px;
7354      padding-bottom: 0;
7355    }
7356    .header-dropdown-health-cta__nav a svg {
7357      display: block;
7358    }
7359  }
7360</style>
7361
7362        
7363      
7364    
7365          </div>
7366        </div>
7367      </div>
7368      
7369      <a class="sr-only" href="#" data-dropdown-close>
7370        close
7371      </a>
7372    </div>
7373  
7374</li>
7375
7376      
7377    
7378      
7379        
7380
7381
7382
7383
7384
7385
7386
7387
7388
7389<li class="header-nav__menu-item" >
7390  <a href="" data-block="nav_about_item_qPTFrX" aria-controls="dropdown-nav_about_item_qPTFrX" aria-expanded="false" data-dropdown-trigger="#dropdown-nav_about_item_qPTFrX">
7391    About
7392</a>
7393  
7394  <div id="dropdown-nav_about_item_qPTFrX" class="header-dropdown header-dropdown-about">
7395      <div class="header-dropdown__ctas ">
7396        <div class="container-fluid">
7397          <div class="header-dropdown__ctas__inner">
7398            
7399      
7400        
7401          
7402          
7403          
7404          
7405          
7406          
7407
7408
7409
7410
7411
7412
7413
7414
7415  
7416  
7417    <a href="https://soylent.com/pages/about-the-company" class="header-dropdown__cta header-dropdown__cta-1">
7418  
7419
7420
7421    <div class="header-dropdown__cta-bg lazyload" style="background-image: url(//soylent.com/cdn/shop/files/Story_1_500x.png?v=1672935988)"></div>
7422    <span class="header-dropdown__cta-text">
7423      
7424        <h5>from lab to living room.</h5>
7425      
7426      
7427        <p>10 years of perfect food.</p>
7428      
7429      
7430        <p class="header-dropdown__cta-text-btn">LEARN MORE</p>
7431      
7432    </span>
7433
7434  
7435  
7436    </a>
7437  
7438
7439
7440
7441<style>
7442  .header-dropdown__cta {
7443    padding-left: 0;
7444    padding-bottom: 0;
7445    width: calc(50% - 8px);
7446    cursor: pointer;
7447    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075);
7448  }
7449  .header-dropdown__cta-3 {
7450    display: flex;
7451    flex-direction: row;
7452    width: 100%;
7453  }
7454  .header-dropdown__cta-text {
7455    display: flex;
7456    flex-direction: column;
7457    align-items: center;
7458    justify-self: center;
7459    gap: 8px;
7460    background-color: #fff;
7461    text-align: center;
7462    padding: 16px 0px;
7463    width: 100%;
7464    max-width: 120px;
7465    margin: 0 auto;
7466  }
7467  .header-dropdown__cta-bg {
7468    aspect-ratio: 1;
7469  }
7470  .header-dropdown__cta-3 .header-dropdown__cta-bg {
7471    width: calc(50% - 8px);
7472  }
7473  .header-dropdown__cta-3 .header-dropdown__cta-text {
7474    width: calc(50% + 8px);
7475    justify-content: center;
7476  }
7477  .header-dropdown__cta-text h5 {
7478    font-size: 16px;
7479    line-height: 16px;
7480    font-weight: 700;
7481    margin: 0 !important;
7482  }
7483  .header-dropdown__cta-text p {
7484    font-size: 14px;
7485    line-height: 16px;
7486    font-weight: 400;
7487    text-align: center;
7488  }
7489  .header-dropdown__cta-text p.header-dropdown__cta-text-btn {
7490    font-size: 14px;
7491    line-height: 16px;
7492    font-weight: 500;
7493    margin: 0 !important;
7494    color: #47AF19 !important;
7495  }
7496  .header-dropdown__cta:nth-child(2) {
7497    display: flex;
7498    flex-direction: row;
7499  }
7500  .mobile-nav__submenu-list-about .header-dropdown__cta {
7501    background-color: #fff;
7502  }
7503  @media screen and (min-width: 597px){
7504    .header-dropdown__cta-text {
7505      padding: 24px 16px;
7506      max-width: 100%;
7507    }
7508  }
7509  @media screen and (min-width: 768px) {
7510    .header-dropdown__cta {
7511      width: calc(25% - 12px);
7512    }
7513    .header-dropdown-about .header-dropdown__cta {
7514      background-color: #fff;
7515    }
7516    .header-dropdown__cta-text {
7517      padding: 24px 16px;
7518    }
7519    .header-dropdown__cta-3 {
7520      display: flex;
7521      flex-direction: column;
7522      width: calc(25% - 12px);
7523    }
7524    .header-dropdown__cta-3 .header-dropdown__cta-bg {
7525      width: 100%;
7526    }
7527    .header-dropdown__cta-3 .header-dropdown__cta-text {
7528      width: 100%;
7529      justify-content: center;
7530    }
7531    .header-dropdown__cta-text h5 {
7532      font-size: 18px;
7533      line-height: 24px;
7534    }
7535    .header-dropdown__cta-text p {
7536      max-width: none;
7537    }
7538    .header-dropdown__cta-text p.header-dropdown__cta-text-btn {
7539      font-size: 16px;
7540      line-height: 24px;
7541    }
7542  }
7543  @media screen and (min-width: 992px) {
7544    .header-dropdown__cta {
7545      width: calc(25% - 27px);
7546      max-width: 261px;
7547    }
7548    .header-dropdown__cta-text p {
7549      font-size: 14px;
7550      line-height: 24px;
7551    }
7552  }
7553</style>
7554
7555        
7556          
7557          
7558          
7559          
7560          
7561          
7562
7563
7564
7565
7566
7567
7568
7569
7570  
7571  
7572    <a href="https://soylent.com/pages/about-soylent" class="header-dropdown__cta header-dropdown__cta-2">
7573  
7574
7575
7576    <div class="header-dropdown__cta-bg lazyload" style="background-image: url(//soylent.com/cdn/shop/files/Soy_Resize_500x.png?v=1672937469)"></div>
7577    <span class="header-dropdown__cta-text">
7578      
7579        <h5>we hacked food.</h5>
7580      
7581      
7582        <p>nutrition nerd approved.</p>
7583      
7584      
7585        <p class="header-dropdown__cta-text-btn">LEARN MORE</p>
7586      
7587    </span>
7588
7589  
7590  
7591    </a>
7592  
7593
7594
7595
7596<style>
7597  .header-dropdown__cta {
7598    padding-left: 0;
7599    padding-bottom: 0;
7600    width: calc(50% - 8px);
7601    cursor: pointer;
7602    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075);
7603  }
7604  .header-dropdown__cta-3 {
7605    display: flex;
7606    flex-direction: row;
7607    width: 100%;
7608  }
7609  .header-dropdown__cta-text {
7610    display: flex;
7611    flex-direction: column;
7612    align-items: center;
7613    justify-self: center;
7614    gap: 8px;
7615    background-color: #fff;
7616    text-align: center;
7617    padding: 16px 0px;
7618    width: 100%;
7619    max-width: 120px;
7620    margin: 0 auto;
7621  }
7622  .header-dropdown__cta-bg {
7623    aspect-ratio: 1;
7624  }
7625  .header-dropdown__cta-3 .header-dropdown__cta-bg {
7626    width: calc(50% - 8px);
7627  }
7628  .header-dropdown__cta-3 .header-dropdown__cta-text {
7629    width: calc(50% + 8px);
7630    justify-content: center;
7631  }
7632  .header-dropdown__cta-text h5 {
7633    font-size: 16px;
7634    line-height: 16px;
7635    font-weight: 700;
7636    margin: 0 !important;
7637  }
7638  .header-dropdown__cta-text p {
7639    font-size: 14px;
7640    line-height: 16px;
7641    font-weight: 400;
7642    text-align: center;
7643  }
7644  .header-dropdown__cta-text p.header-dropdown__cta-text-btn {
7645    font-size: 14px;
7646    line-height: 16px;
7647    font-weight: 500;
7648    margin: 0 !important;
7649    color: #47AF19 !important;
7650  }
7651  .header-dropdown__cta:nth-child(2) {
7652    display: flex;
7653    flex-direction: row;
7654  }
7655  .mobile-nav__submenu-list-about .header-dropdown__cta {
7656    background-color: #fff;
7657  }
7658  @media screen and (min-width: 597px){
7659    .header-dropdown__cta-text {
7660      padding: 24px 16px;
7661      max-width: 100%;
7662    }
7663  }
7664  @media screen and (min-width: 768px) {
7665    .header-dropdown__cta {
7666      width: calc(25% - 12px);
7667    }
7668    .header-dropdown-about .header-dropdown__cta {
7669      background-color: #fff;
7670    }
7671    .header-dropdown__cta-text {
7672      padding: 24px 16px;
7673    }
7674    .header-dropdown__cta-3 {
7675      display: flex;
7676      flex-direction: column;
7677      width: calc(25% - 12px);
7678    }
7679    .header-dropdown__cta-3 .header-dropdown__cta-bg {
7680      width: 100%;
7681    }
7682    .header-dropdown__cta-3 .header-dropdown__cta-text {
7683      width: 100%;
7684      justify-content: center;
7685    }
7686    .header-dropdown__cta-text h5 {
7687      font-size: 18px;
7688      line-height: 24px;
7689    }
7690    .header-dropdown__cta-text p {
7691      max-width: none;
7692    }
7693    .header-dropdown__cta-text p.header-dropdown__cta-text-btn {
7694      font-size: 16px;
7695      line-height: 24px;
7696    }
7697  }
7698  @media screen and (min-width: 992px) {
7699    .header-dropdown__cta {
7700      width: calc(25% - 27px);
7701      max-width: 261px;
7702    }
7703    .header-dropdown__cta-text p {
7704      font-size: 14px;
7705      line-height: 24px;
7706    }
7707  }
7708</style>
7709
7710        
7711          
7712          
7713          
7714          
7715          
7716          
7717
7718
7719
7720
7721
7722
7723
7724
7725  
7726  
7727    <a href="/blogs/news/tagged/soylent-for-good" class="header-dropdown__cta header-dropdown__cta-3">
7728  
7729
7730
7731    <div class="header-dropdown__cta-bg lazyload" style="background-image: url(//soylent.com/cdn/shop/files/Donation_January_IMG_0305-Edit_1_93e768fd-21b0-4713-951f-0f0583cac722_500x.png?v=1672936085)"></div>
7732    <span class="header-dropdown__cta-text">
7733      
7734        <h5>we give back.</h5>
7735      
7736      
7737        <p>food is a right. not a luxury.</p>
7738      
7739      
7740        <p class="header-dropdown__cta-text-btn">LEARN MORE</p>
7741      
7742    </span>
7743
7744  
7745  
7746    </a>
7747  
7748
7749
7750
7751<style>
7752  .header-dropdown__cta {
7753    padding-left: 0;
7754    padding-bottom: 0;
7755    width: calc(50% - 8px);
7756    cursor: pointer;
7757    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075);
7758  }
7759  .header-dropdown__cta-3 {
7760    display: flex;
7761    flex-direction: row;
7762    width: 100%;
7763  }
7764  .header-dropdown__cta-text {
7765    display: flex;
7766    flex-direction: column;
7767    align-items: center;
7768    justify-self: center;
7769    gap: 8px;
7770    background-color: #fff;
7771    text-align: center;
7772    padding: 16px 0px;
7773    width: 100%;
7774    max-width: 120px;
7775    margin: 0 auto;
7776  }
7777  .header-dropdown__cta-bg {
7778    aspect-ratio: 1;
7779  }
7780  .header-dropdown__cta-3 .header-dropdown__cta-bg {
7781    width: calc(50% - 8px);
7782  }
7783  .header-dropdown__cta-3 .header-dropdown__cta-text {
7784    width: calc(50% + 8px);
7785    justify-content: center;
7786  }
7787  .header-dropdown__cta-text h5 {
7788    font-size: 16px;
7789    line-height: 16px;
7790    font-weight: 700;
7791    margin: 0 !important;
7792  }
7793  .header-dropdown__cta-text p {
7794    font-size: 14px;
7795    line-height: 16px;
7796    font-weight: 400;
7797    text-align: center;
7798  }
7799  .header-dropdown__cta-text p.header-dropdown__cta-text-btn {
7800    font-size: 14px;
7801    line-height: 16px;
7802    font-weight: 500;
7803    margin: 0 !important;
7804    color: #47AF19 !important;
7805  }
7806  .header-dropdown__cta:nth-child(2) {
7807    display: flex;
7808    flex-direction: row;
7809  }
7810  .mobile-nav__submenu-list-about .header-dropdown__cta {
7811    background-color: #fff;
7812  }
7813  @media screen and (min-width: 597px){
7814    .header-dropdown__cta-text {
7815      padding: 24px 16px;
7816      max-width: 100%;
7817    }
7818  }
7819  @media screen and (min-width: 768px) {
7820    .header-dropdown__cta {
7821      width: calc(25% - 12px);
7822    }
7823    .header-dropdown-about .header-dropdown__cta {
7824      background-color: #fff;
7825    }
7826    .header-dropdown__cta-text {
7827      padding: 24px 16px;
7828    }
7829    .header-dropdown__cta-3 {
7830      display: flex;
7831      flex-direction: column;
7832      width: calc(25% - 12px);
7833    }
7834    .header-dropdown__cta-3 .header-dropdown__cta-bg {
7835      width: 100%;
7836    }
7837    .header-dropdown__cta-3 .header-dropdown__cta-text {
7838      width: 100%;
7839      justify-content: center;
7840    }
7841    .header-dropdown__cta-text h5 {
7842      font-size: 18px;
7843      line-height: 24px;
7844    }
7845    .header-dropdown__cta-text p {
7846      max-width: none;
7847    }
7848    .header-dropdown__cta-text p.header-dropdown__cta-text-btn {
7849      font-size: 16px;
7850      line-height: 24px;
7851    }
7852  }
7853  @media screen and (min-width: 992px) {
7854    .header-dropdown__cta {
7855      width: calc(25% - 27px);
7856      max-width: 261px;
7857    }
7858    .header-dropdown__cta-text p {
7859      font-size: 14px;
7860      line-height: 24px;
7861    }
7862  }
7863</style>
7864
7865        
7866          
7867          
7868          
7869          
7870          
7871          
7872
7873
7874
7875
7876
7877
7878
7879
7880<style>
7881  .header-dropdown__cta {
7882    padding-left: 0;
7883    padding-bottom: 0;
7884    width: calc(50% - 8px);
7885    cursor: pointer;
7886    box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.075);
7887  }
7888  .header-dropdown__cta-3 {
7889    display: flex;
7890    flex-direction: row;
7891    width: 100%;
7892  }
7893  .header-dropdown__cta-text {
7894    display: flex;
7895    flex-direction: column;
7896    align-items: center;
7897    justify-self: center;
7898    gap: 8px;
7899    background-color: #fff;
7900    text-align: center;
7901    padding: 16px 0px;
7902    width: 100%;
7903    max-width: 120px;
7904    margin: 0 auto;
7905  }
7906  .header-dropdown__cta-bg {
7907    aspect-ratio: 1;
7908  }
7909  .header-dropdown__cta-3 .header-dropdown__cta-bg {
7910    width: calc(50% - 8px);
7911  }
7912  .header-dropdown__cta-3 .header-dropdown__cta-text {
7913    width: calc(50% + 8px);
7914    justify-content: center;
7915  }
7916  .header-dropdown__cta-text h5 {
7917    font-size: 16px;
7918    line-height: 16px;
7919    font-weight: 700;
7920    margin: 0 !important;
7921  }
7922  .header-dropdown__cta-text p {
7923    font-size: 14px;
7924    line-height: 16px;
7925    font-weight: 400;
7926    text-align: center;
7927  }
7928  .header-dropdown__cta-text p.header-dropdown__cta-text-btn {
7929    font-size: 14px;
7930    line-height: 16px;
7931    font-weight: 500;
7932    margin: 0 !important;
7933    color: #47AF19 !important;
7934  }
7935  .header-dropdown__cta:nth-child(2) {
7936    display: flex;
7937    flex-direction: row;
7938  }
7939  .mobile-nav__submenu-list-about .header-dropdown__cta {
7940    background-color: #fff;
7941  }
7942  @media screen and (min-width: 597px){
7943    .header-dropdown__cta-text {
7944      padding: 24px 16px;
7945      max-width: 100%;
7946    }
7947  }
7948  @media screen and (min-width: 768px) {
7949    .header-dropdown__cta {
7950      width: calc(25% - 12px);
7951    }
7952    .header-dropdown-about .header-dropdown__cta {
7953      background-color: #fff;
7954    }
7955    .header-dropdown__cta-text {
7956      padding: 24px 16px;
7957    }
7958    .header-dropdown__cta-3 {
7959      display: flex;
7960      flex-direction: column;
7961      width: calc(25% - 12px);
7962    }
7963    .header-dropdown__cta-3 .header-dropdown__cta-bg {
7964      width: 100%;
7965    }
7966    .header-dropdown__cta-3 .header-dropdown__cta-text {
7967      width: 100%;
7968      justify-content: center;
7969    }
7970    .header-dropdown__cta-text h5 {
7971      font-size: 18px;
7972      line-height: 24px;
7973    }
7974    .header-dropdown__cta-text p {
7975      max-width: none;
7976    }
7977    .header-dropdown__cta-text p.header-dropdown__cta-text-btn {
7978      font-size: 16px;
7979      line-height: 24px;
7980    }
7981  }
7982  @media screen and (min-width: 992px) {
7983    .header-dropdown__cta {
7984      width: calc(25% - 27px);
7985      max-width: 261px;
7986    }
7987    .header-dropdown__cta-text p {
7988      font-size: 14px;
7989      line-height: 24px;
7990    }
7991  }
7992</style>
7993
7994        
7995<div class="header-dropdown-about__links"><a href="https://soylent.com/pages/blogs">Blog</a><a href="/blogs/press">Press</a><a href="/pages/reviews">Reviews</a><a href="/pages/soylent-discount-programs">Discount Programs</a></div><style>
7996    .header-dropdown-about__links {
7997      display: flex;
7998      flex-direction: row;
7999      flex-wrap: wrap;
8000      font-size: 16px !important;
8001      line-height: 24px !important;
8002      font-weight: 700 !important;
8003      text-transform: lowercase;
8004      gap: 16px;
8005      background: transparent;
8006      padding-bottom: 24px;
8007    }
8008    .header-dropdown-about__links:before {
8009      content: none !important;
8010      width: 0 !important;
8011    }
8012    .header-dropdown-about__links a {
8013      width: calc(50% - 8px);
8014      height: auto;
8015      font-size: 16px;
8016      line-height: 24px;
8017      text-align: center;
8018      padding: 0;
8019      justify-content: center;
8020    }
8021    .header-dropdown-about__links a:hover {
8022        color: #47AF19;
8023    }
8024    .header-dropdown-about__links a:nth-child(n+5){
8025      width: 100%;
8026    }
8027    @media screen and (min-width: 768px) {
8028      .header-dropdown-about__links {
8029        flex-direction: column;
8030      }
8031      .header-dropdown-about__links a {
8032        width: 100%;
8033        text-align: left;
8034      }
8035    }
8036  </style>
8037  
8038    
8039          </div>
8040        </div>
8041      </div>
8042      
8043      <a class="sr-only" href="#" data-dropdown-close>
8044        close
8045      </a>
8046    </div>
8047  
8048</li>
8049
8050      
8051    
8052      
8053        
8054
8055
8056
8057
8058
8059
8060
8061
8062
8063<li class="header-nav__menu-item" >
8064  <a href="/blogs/news/why-soy-protein" >
8065    why soy?
8066</a>
8067  
8068</li>
8069
8070      
8071    
8072      
8073        
8074
8075
8076
8077
8078
8079
8080
8081
8082
8083<li class="header-nav__menu-item" >
8084  <a href="/pages/soylent-clinical-trials" >
8085    clinical trials
8086</a>
8087  
8088</li>
8089
8090      
8091    
8092      
8093        
8094
8095
8096
8097
8098
8099
8100
8101
8102
8103<li class="header-nav__menu-item" >
8104  <a href="/pages/reviews" >
8105    reviews
8106</a>
8107  
8108</li>
8109
8110      
8111    
8112      
8113        
8114
8115
8116
8117
8118
8119
8120
8121
8122
8123<li class="header-nav__menu-item" >
8124  <a href="/pages/soylent-product-recommendation-quiz" >
8125    product quiz
8126</a>
8127  
8128</li>
8129
8130      
8131    </ul>
8132
8133          </div>
8134
8135          
8136          <div class="header-nav header-nav--right header-nav--hide-on-mobile">
8137
8138            
8139
8140            <ul class="header-nav__menu header-nav__menu--user">
8141  
8142    <li class="header-nav__menu-item">
8143      
8144        <a href="/account/login" title="Login or register">
8145          <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 8.53a3.5 3.5 0 100-7 3.5 3.5 0 000 7zm0 1.5a5 5 0 100-10 5 5 0 000 10zM9 12.78a7.25 7.25 0 00-7.25 7.25H.25a8.75 8.75 0 1117.5 0h-1.5A7.25 7.25 0 009 12.78z" fill="#000"/></svg>
8146          <span class="icon-fallback-text">Account</span>
8147        </a>
8148      
8149    </li>
8150  
8151  <li class="header-nav__menu-item">
8152    <a href="/cart" aria-label="Open Cart" data-ajax-cart-trigger>
8153      <div class="header-cart__badge" data-cart-badge>
8154        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-bag"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.586.28a4.888 4.888 0 00-4.888 4.887v1.32H1.701L.584 17.655a3.75 3.75 0 003.731 4.123h8.543a3.75 3.75 0 003.73-4.123l-1.116-11.17h-1.998V5.167c0-2.7-2.188-4.888-4.888-4.888zM5.198 5.166a3.388 3.388 0 116.776 0v1.32H5.198v-1.32zM2.076 17.805l.982-9.819h11.056l.982 9.82a2.25 2.25 0 01-2.238 2.473H4.315a2.25 2.25 0 01-2.239-2.474z" fill="#000"/></svg>
8155        
8156          <span class="header-cart__badge-count" data-cart-badge-count>0</span>
8157        
8158      </div>
8159    </a>
8160  </li>
8161</ul>
8162
8163
8164          </div>
8165
8166          
8167          <div class="header-nav header-nav--right header-nav--hide-on-desktop">
8168
8169            
8170
8171
8172
8173
8174<ul class="header-nav__menu header-nav__menu--user">
8175  
8176    <li class="header-nav__menu-item">
8177      
8178        <a href="/account/login" title="Login or register">
8179          <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-user"><path fill-rule="evenodd" clip-rule="evenodd" d="M9 8.53a3.5 3.5 0 100-7 3.5 3.5 0 000 7zm0 1.5a5 5 0 100-10 5 5 0 000 10zM9 12.78a7.25 7.25 0 00-7.25 7.25H.25a8.75 8.75 0 1117.5 0h-1.5A7.25 7.25 0 009 12.78z" fill="#000"/></svg>
8180          <span class="icon-fallback-text">Account</span>
8181        </a>
8182      
8183    </li>
8184  
8185  <li class="header-nav__menu-item">
8186    <a href="/cart" aria-label="Open Cart" data-ajax-cart-trigger>
8187      <div class="header-cart__badge" data-cart-badge>
8188        <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-bag"><path fill-rule="evenodd" clip-rule="evenodd" d="M8.586.28a4.888 4.888 0 00-4.888 4.887v1.32H1.701L.584 17.655a3.75 3.75 0 003.731 4.123h8.543a3.75 3.75 0 003.73-4.123l-1.116-11.17h-1.998V5.167c0-2.7-2.188-4.888-4.888-4.888zM5.198 5.166a3.388 3.388 0 116.776 0v1.32H5.198v-1.32zM2.076 17.805l.982-9.819h11.056l.982 9.82a2.25 2.25 0 01-2.238 2.473H4.315a2.25 2.25 0 01-2.239-2.474z" fill="#000"/></svg>
8189        <span class="header-cart__badge-count" data-cart-badge-count>0</span>
8190    </a>
8191  </li>
8192</ul>
8193
8194
8195          </div>
8196
8197        </div>
8198      </div>
8199
8200
8201    </header>
8202  </nav>
8203
8204</div>
8205
8206
8207
8208<style>
8209  .header {
8210    height: 64px;
8211  }
8212  .header-container {
8213    border-bottom: 1px solid #e7e7e7;
8214  }
8215  .header-dropdown {
8216    box-shadow: 0px 4px 8px 0px #0000000A;
8217    background-color: #f7f7f7;
8218  }
8219  .header-dropdown-shop {
8220    background-color: #ffffff;
8221  }
8222  .header-dropdown__links a {
8223    margin: 0 !important;
8224  }
8225  .mobile-nav__submenu-list {
8226    margin-left: -16px;
8227    background: #f7f7f7;
8228  }
8229  .mobile-nav__submenu-list-shop {
8230    background: #ffffff;
8231    margin-left: 0;
8232    gap: 16px;
8233    padding-bottom: 20px;
8234  }
8235  .mobile-nav__submenu-list-about {
8236    margin-left: 0;
8237    gap: 16px;
8238  }
8239  .header-nav__menu-item>a[data-dropdown-trigger] {
8240    padding-right: 0;
8241  }
8242  .header-nav__menu-item>a[data-dropdown-trigger]:after {
8243    width: 0;
8244    height: 0;
8245    display: none;
8246  }
8247  .mobile-nav {
8248    height: calc(100vh - 96px);
8249    top: 64px;
8250  }
8251  .mobile-nav-footer {
8252    position: relative;
8253    display: flex;
8254    justify-content: space-between;
8255    width: 100%;
8256    height: 56px;
8257    bottom: 0;
8258    padding: 0 20px;
8259    border-bottom: 1px solid #E3E3E3;
8260    background-color: #fff;
8261  }
8262  .header-nav__menu-item.country-selector {
8263    display: flex;
8264    align-items: center;
8265  }
8266  .header-nav__menu--main .header-nav__menu-item>a:hover {
8267    color: #47af19;
8268  }
8269  .header-content {
8270    min-height: 64px;
8271  }
8272  .mobile-nav__menu-item {
8273    padding-top: 18px;
8274    padding-bottom: 18px;
8275  }
8276  @media screen and (max-width: 767px){
8277    .country-dropdown {
8278      position: fixed;
8279      top: auto;
8280      right: 20px;
8281      bottom: 20px;
8282      left: auto;
8283      margin-left: 10px;
8284      box-shadow: 0 0 10px;
8285    }
8286  }
8287  @media screen and (min-width: 597px) {
8288    .mobile-nav__submenu-list {
8289      margin-left: -16px;
8290      gap: 0px;
8291    }
8292    .mobile-nav__submenu-list-shop {
8293      margin-left: 0;
8294      gap: 16px;
8295    }
8296    .mobile-nav__submenu-list-about {
8297      margin-left: 0;
8298      gap: 16px;
8299    }
8300  }
8301  @media screen and (min-width: 768px){
8302    .mobile-nav, .mobile-nav.is-active {
8303      display: none !important;
8304    }
8305    .header {
8306      height: 100px;
8307    }
8308    .header-nav {
8309      justify-content: center;
8310    }
8311    .header-container {
8312      border-bottom: none;
8313    }
8314    .header-dropdown-shop .header-dropdown__ctas__inner {
8315      margin-left: 0;
8316      gap: 24px 16px;
8317    }
8318    .header-dropdown-about .header-dropdown__ctas__inner {
8319      margin-left: 0;
8320      gap: 16px;
8321    }
8322  }
8323  @media screen and (min-width: 992px){
8324    .header-dropdown-shop .header-dropdown__ctas__inner {
8325      margin-left: 0;
8326      padding-top: 36px;
8327      padding-bottom: 36px;
8328      gap: 36px 18px;
8329    }
8330    .header-dropdown-about .header-dropdown__ctas__inner {
8331      gap: 36px;
8332    }
8333  }
8334  @media (min-width: 1200px) {
8335    .header-dropdown__ctas__inner {
8336        padding-top: 36px;
8337        padding-bottom: 36px;
8338    }
8339  }
8340</style>
8341</div>
8342
8343      <main role="main" id="MainContent">
8344        <!-- BEGIN content_for_index --><div id="shopify-section-16243360044c1367c3" class="shopify-section"><style>
8345</style>
8346
8347<section class="home-hero exp-hp_hero_test_sep_24-0-show">
8348  <div class="home-hero__inner">
8349    <div class="home-hero__featured">
8350      
8351        <picture class="home-hero__image object-cover"><source
8352              media="(max-width: 576px)"
8353              srcset="//soylent.com/cdn/shop/files/soylent-chocolate-shake-work_M_640x.jpg?v=1738713823 640w"
8354            /><source
8355              media="(max-width: 999px)"
8356              srcset="//soylent.com/cdn/shop/files/soylent-chocolate-shake-work_T_2024x.jpg?v=1738713797 1024w"
8357            /><source
8358              media="(min-width: 1000px)"
8359              srcset="//soylent.com/cdn/shop/files/soylent-chocolate-meal-shake-work_D_2160x.jpg?v=1738713778 2160w"
8360            /><img
8361          
8362              src="//soylent.com/cdn/shop/files/soylent-chocolate-meal-shake-work_D_2160x.jpg?v=1738713778"
8363          
8364              class="object-cover"
8365              alt="" />
8366        </picture>
8367      
8368    </div>
8369
8370    <div class="container home-hero__container">
8371      <div class="home-hero__content" style="color: #221F20;">
8372        
8373<div class="home-hero_star-rating-container">
8374  <div class="home-hero__star-rating">
8375    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8376        <path d="M8 0.380981L5.52717 5.39867L0 6.19867L4 10.1062L3.05435 15.6191L8 13.0177L12.9457 15.6191L12 10.1062L16 6.20411L10.4728 5.39867L8 0.380981Z" fill="#47af19"/>
8377    </svg>
8378    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8379        <path d="M8 0.380981L5.52717 5.39867L0 6.19867L4 10.1062L3.05435 15.6191L8 13.0177L12.9457 15.6191L12 10.1062L16 6.20411L10.4728 5.39867L8 0.380981Z" fill="#47af19"/>
8380    </svg>
8381    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8382        <path d="M8 0.380981L5.52717 5.39867L0 6.19867L4 10.1062L3.05435 15.6191L8 13.0177L12.9457 15.6191L12 10.1062L16 6.20411L10.4728 5.39867L8 0.380981Z" fill="#47af19"/>
8383    </svg>
8384    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8385        <path d="M8 0.380981L5.52717 5.39867L0 6.19867L4 10.1062L3.05435 15.6191L8 13.0177L12.9457 15.6191L12 10.1062L16 6.20411L10.4728 5.39867L8 0.380981Z" fill="#47af19"/>
8386    </svg>
8387    <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
8388        <path d="M8 0.380981L5.52717 5.39867L0 6.19867L4 10.1062L3.05435 15.6191L8 13.0177L12.9457 15.6191L12 10.1062L16 6.20411L10.4728 5.39867L8 0.380981Z" fill="#47af19"/>
8389    </svg>
8390  </div>
8391
8392  <span class="home-hero__star-rating--text">over 14,000 five star reviews!</span>
8393</div>
8394
8395
8396<style>
8397.home-hero_star-rating-container {
8398  display: flex;
8399  align-items: center;
8400  font-style: normal;
8401  font-weight: 400;
8402  font-size: 16px;
8403  line-height: 20px;
8404  color: #212322;
8405  text-transform: capitalize;
8406  margin-bottom: 12px;
8407}
8408.home-hero__star-rating {
8409  display: flex;
8410  gap: 4px;
8411  margin-bottom: 2px;
8412}
8413.home-hero__star-rating--text {
8414  margin-left: 4px;
8415}
8416.home-hero__star-rating--text,
8417.home-hero__star-rating--text * {
8418  color: #212322 !important;
8419}
8420</style>
8421
8422
8423        
8424          <h1 class="home-hero__title">complete, science-backed nutrition in every bottle.</h1>
8425        
8426        
8427          <div class="home-hero__description">discover our ready-to-drink meals, formulated with all 39 essential nutrients to fuel your day.</div>
8428        
8429        
8430          <a href="/collections/all-products" class="cta cta-1 home-hero__cta cta-arrow">
8431            SHOP ALL
8432            
8433            <span class="cta-ui"></span>
8434            
8435          </a>
8436        
8437        
8438      </div>
8439    </div>
8440  </div>
8441</section>
8442<style>
8443.home-hero__content {
8444  background-color: #ffffff;
8445}
8446.home-hero__title {
8447  font-size: 25px;
8448  font-weight: bold;
8449}
8450.home-hero__description {
8451  font-size: 18px;
8452  line-height: 1.2;
8453  margin: 0;
8454}
8455.home-hero__cta {
8456  padding-right: 21px;
8457  color: #ffffff;
8458  background-color: #212322;
8459  width: auto;
8460  min-width: auto;
8461  margin-right: 16px;
8462  margin-left: 0;
8463  margin-top: 16px;
8464}
8465.home-hero__cta .cta-ui:before {
8466  background-color: #ffffff;
8467}
8468.home-hero__cta .cta-ui:after {
8469  border-color: #ffffff;
8470}
8471.home-hero__cta:hover {
8472  color: #ffffff;
8473  background-color: #212322;
8474}
8475.home-hero__cta:before {
8476  border-color: #ffffff;
8477}
8478.home-hero__cta2 {
8479  color: #ffffff;
8480  background-color: #000000;
8481}
8482.home-hero__cta2 .cta-ui:before {
8483  background-color: #ffffff;
8484}
8485.home-hero__cta2 .cta-ui:after {
8486  border-color: #ffffff;
8487}
8488.home-hero__cta2:hover {
8489  color: #ffffff;
8490  background-color: #000000;
8491}
8492.home-hero__cta2:before {
8493  border-color: #ffffff;
8494}
8495.home-hero__cta.cta-arrow {
8496  padding-right: 76px;
8497}
8498@media screen and (min-width: 768px){
8499}
8500@media screen and (min-width: 992px){
8501  .home-hero__title {
8502    font-size: 40px;
8503  }
8504  .home-hero__description {
8505    font-size: 30px;
8506  }
8507  .home-hero__content {
8508    padding-left: 0;
8509    padding-right: 0;
8510    max-width: 576px;
8511    background-color: rgba(0,0,0,0);
8512    
8513      border: none;
8514    
8515  }
8516  .home-hero__inner {
8517    justify-content: center;
8518  }
8519  .home-hero__cta {
8520    margin-right: 24px;
8521    margin-top: 24px;
8522  }
8523}
8524</style>
8525<!-- featureflag render test false -->
8526
8527<style>
8528  #shopify-section-16243360044c1367c3 {
8529    background: #ffffff;
8530  }
8531</style>
8532
8533</div><div id="shopify-section-nutrition_marquee_ALwTMf" class="shopify-section">
8534
8535
8536<div class="nutrition-marquee">
8537  <div class="marquee-inner">
8538    <span class="marquee-content">
8539      
8540        <span>28 vitamins & minerals</span>
8541      
8542        <span>
85439 essential amino acids</span>
8544      
8545        <span>
854612 brain boosting nutrients</span>
8547      
8548        <span>
8549omega 3 & 6</span>
8550      
8551        <span>
8552slow burning carbs</span>
8553      
8554        <span>
8555made in the USA</span>
8556      
8557        <span>
8558plant-based</span>
8559      
8560        <span>
8561science-backed</span>
8562      
8563        <span>
8564no eggs or dairy</span>
8565      
8566    </span>
8567  </div>
8568</div>
8569
8570<style>
8571.nutrition-marquee {
8572  --marquee-time: 0s;
8573  overflow: hidden;
8574  box-sizing: border-box;
8575  position: relative;
8576  display: flex;
8577  align-items: center;
8578  justify-content: flex-start;
8579  white-space: nowrap;
8580  height: 60px;
8581  color: #FFF;
8582  background-color: #000;
8583}
8584.exp-hp_hero_test_sep_24-1 .nutrition-marquee {
8585  border-top: 1px solid #FFF;
8586}
8587.marquee-inner {
8588  animation: marquee var(--marquee-time) linear infinite;
8589}
8590.marquee-content span {
8591  padding: 0 35px;
8592}
8593.nutrition-marquee:hover .marquee-inner {
8594  animation-play-state: paused;
8595}
8596
8597@keyframes marquee {
8598  from {
8599    transform: translateX(0);
8600  }
8601  to {
8602    transform: translateX(-100%);
8603  }
8604}
8605</style>
8606
8607<script>
8608  document.addEventListener("DOMContentLoaded", function(){
8609    const speed = .6;
8610    const container = document.querySelector('.nutrition-marquee');
8611    const inner = container.querySelector('.marquee-inner');
8612    const content = container.querySelector('.marquee-content');
8613    const contentWidth = content.getBoundingClientRect().width;
8614    container.style.setProperty('--marquee-time', ((1 / speed) * contentWidth) / 100 + 's');
8615    // Duplicate content enough to fit 4k width
8616    const dups = 4100 / contentWidth;
8617    for(let i = 1; i <= dups; i++){
8618      const node = content.cloneNode(true);
8619      node.style.setProperty('position', 'absolute');
8620      node.style.setProperty('left', (i*100) + '%');
8621      inner.appendChild(node);
8622    }
8623  });
8624</script>
8624
8625
8626
8627
8628</div><div id="shopify-section-product_lineup_QeJtTX" class="shopify-section"><style>
8629  [id="shopify-section-product_lineup_QeJtTX"] {
8630    padding-top: 40px;
8631    padding-bottom: 40px;
8632    background-color: #F7F7F7;
8633  }
8634
8635  .product-lineup .splide__slide {
8636    -webkit-transform: translateZ(0);
8637    -webkit-backface-visibility: hidden;
8638  }
8639
8640  .progress {
8641    background: #e7e7e7;
8642  }
8643
8644  .progress-bar {
8645    background: #212322;
8646    height: 1px;
8647    transition: width 400ms ease;
8648    width: 0;
8649  }
8650
8651  .product-lineup .splide__list {
8652    height: auto;
8653  }
8654
8655  .product-lineup .card .link-wrapper {
8656    position: relative;
8657    background: #fff;
8658    box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.04);
8659    padding-bottom: 12px;
8660    display: flex;
8661    flex-direction: column;
8662    height: 100%;
8663    justify-content: space-between;
8664  }
8665
8666  .product-lineup .card--quiz .link-wrapper {
8667    padding-top: 54px;
8668  }
8669
8670  .product-lineup .card .quiz-background-image {
8671    position: absolute;
8672    inset: 0;
8673    width: 100%;
8674    height: 100%;
8675    object-fit: cover;
8676    object-position: center;
8677    z-index: 1;
8678  }
8679
8680  .product-lineup .card .image-wrapper {
8681    position: relative;
8682    padding-top: 100%;
8683    width: 100%;
8684    margin: 0 auto;
8685  }
8686
8687  .product-lineup .card .image-wrapper img {
8688    position: absolute;
8689    inset: 0;
8690    width: 100%;
8691    height: 100%;
8692    object-fit: cover;
8693  }
8694
8695  .product-lineup .card .description {
8696    position: relative;
8697    z-index: 2;
8698  }
8699
8700  .product-lineup .card .description h3 {
8701    text-align: center;
8702    font-size: 18px;
8703    font-weight: 700;
8704    margin-bottom: 0;
8705    padding: 0 8px;
8706    text-transform: lowercase;
8707  }
8708
8709  .product-lineup .card .description p {
8710    text-align: center;
8711    margin-top: 8px;
8712    padding: 0 24px;
8713    font-size: 18px;
8714    line-height: 1.22;
8715  }
8716
8717  .product-lineup .card .bottom {
8718    position: relative;
8719    z-index: 2;
8720    padding: 0 12px;
8721    display: flex;
8722    flex-direction: column;
8723    align-items: center;
8724  }
8725
8726  .product-lineup .container::after {
8727    display: none !important;
8728  }
8729
8730  .product-lineup .card .bottom p {
8731    width: 100%;
8732    display: flex;
8733    align-items: center;
8734    justify-content: center;
8735    height: 48px;
8736    margin-top: 12px;
8737    margin-bottom: 0;
8738    font-size: 16px;
8739    font-weight: 700;
8740    transition: background-color 0.3s ease;
8741    background-color: #221f20;
8742    border: 1px solid #221f20;
8743  }
8744
8745  .product-lineup .card:hover .bottom p {
8746    background-color: #fff;
8747  }
8748
8749  .product-lineup .card .bottom p span {
8750    color: #fff;
8751    transition: color 0.3s ease;
8752  }
8753
8754  .product-lineup .card:hover .bottom p span {
8755    color: #221f20;
8756  }
8757
8758  .product-lineup .card .bottom p .desktop {
8759    display: none;
8760  }
8761
8762  .product-lineup .card--quiz .link-wrapper {
8763    padding: 12px 0;
8764  }
8765
8766  .product-lineup .controls {
8767    display: flex;
8768    align-items: center;
8769    gap: 32px;
8770    margin-top: 24px;
8771  }
8772
8773  .product-lineup .controls .progress {
8774    width: 100%;
8775  }
8776
8777  .product-lineup .controls .arrows button {
8778    background: none;
8779    border: none;
8780    cursor: pointer;
8781    outline: none;
8782  }
8783
8784  .product-lineup .controls .arrows {
8785    display: flex;
8786  }
8787  
8788  .product-lineup-image {
8789    display: block;
8790  }
8791  
8792  .product-lineup .description h3 {
8793    display: none;
8794  }
8795  
8796   .product-lineup .card .description p {
8797    margin-top: 0;
8798  }
8799
8800  @media screen and (min-width: 640px) {
8801    .product-lineup .card--quiz .link-wrapper {
8802      padding-top: 32px;
8803    }
8804  }
8805
8806  @media screen and (min-width: 1024px) {
8807    .product-lineup .card .description h3 {
8808      font-size: 25px;
8809      padding: 0 12px;
8810    }
8811
8812    .product-lineup .card .description p {
8813      padding: 0 12px;
8814    }
8815
8816    .product-lineup .card .bottom p .mobile {
8817      display: none;
8818    }
8819
8820    .product-lineup .card .bottom p .desktop {
8821      display: inline;
8822    }
8823  }
8824
8825  @media screen and (max-width: 640px) {
8826    .product-lineup .splide__slide {
8827      width: 85% !important;
8828    }
8829  }
8830</style>
8831<section class="product-lineup">
8832  <div id="product_lineup_QeJtTX-splide" class="splide">
8833    <div class="splide__track">
8834      <ul class="splide__list">
8835        
8836          
8837            <li class="splide__slide card">
8838              <a class="link-wrapper" href="/collections/meal-replacements">
8839                <div class="description">
8840                  <div class="image-wrapper">
8841                    <img
8842                      class="product-lineup-image"
8843                      src="//soylent.com/cdn/shop/files/complete-meal-product-lineup.jpg?v=1767740897"
8844                      alt=""
8845                      loading="eager" />
8846                  </div>
8847
8848                  <h3 style="color: #212322;">
8849                    Complete Meal
8850                  </h3>
8851                  <p style="color: #212322;">
8852                    the world's most perfect food. science-backed nutrition.
8853                  </p>
8854                </div>
8855                <div class="bottom">
8856
8857                  
8858                    <div data-oke-star-rating data-oke-reviews-group-id="27287f05-486d-434d-9278-07f05929cf87"></div>
8859                  
8860
8861                  <p>
8862                    <span class="mobile">
8863                      Shop Now
8864                    </span>
8865                    <span class="desktop">
8866                      Shop Complete Meal
8867                    </span>
8868                  </p>
8869                </div>
8870              </a>
8871            </li>
8872          
8873        
8874          
8875            <li class="splide__slide card">
8876              <a class="link-wrapper" href="/collections/complete-protein">
8877                <div class="description">
8878                  <div class="image-wrapper">
8879                    <img
8880                      class="product-lineup-image"
8881                      src="//soylent.com/cdn/shop/files/complete-protein-product-lineup.jpg?v=1767740897"
8882                      alt=""
8883                      loading="eager" />
8884                  </div>
8885
8886                  <h3 style="color: #212322;">
8887                    Complete Protein
8888                  </h3>
8889                  <p style="color: #212322;">
8890                    protein. rooted in science. taste perfected.
8891                  </p>
8892                </div>
8893                <div class="bottom">
8894
8895                  
8896                    <div data-oke-star-rating data-oke-reviews-group-id="08c1570f-027d-4d67-8f2e-b0d165ce0b15"></div>
8897                  
8898
8899                  <p>
8900                    <span class="mobile">
8901                      Shop Now
8902                    </span>
8903                    <span class="desktop">
8904                      Shop Complete Protein
8905                    </span>
8906                  </p>
8907                </div>
8908              </a>
8909            </li>
8910          
8911        
8912          
8913            <li class="splide__slide card">
8914              <a class="link-wrapper" href="/collections/complete-coffee-shakes">
8915                <div class="description">
8916                  <div class="image-wrapper">
8917                    <img
8918                      class="product-lineup-image"
8919                      src="//soylent.com/cdn/shop/files/complete-coffee-product-lineup.jpg?v=1767740898"
8920                      alt=""
8921                      loading="eager" />
8922                  </div>
8923
8924                  <h3 style="color: #212322;">
8925                    Complete Coffee
8926                  </h3>
8927                  <p style="color: #212322;">
8928                    functional coffee. caffeine for the boost. l-theanine for the balance. coffee perfected.
8929                  </p>
8930                </div>
8931                <div class="bottom">
8932
8933                  
8934                    <div data-oke-star-rating data-oke-reviews-group-id="8c2ceab3-155b-4fcc-beea-dfbc10e3ac6c"></div>
8935                  
8936
8937                  <p>
8938                    <span class="mobile">
8939                      Shop Now
8940                    </span>
8941                    <span class="desktop">
8942                      Shop Complete Coffee
8943                    </span>
8944                  </p>
8945                </div>
8946              </a>
8947            </li>
8948          
8949        
8950          
8951            <li class="splide__slide card">
8952              <a class="link-wrapper" href="/products/soylent-complete-energy-chocolate">
8953                <div class="description">
8954                  <div class="image-wrapper">
8955                    <img
8956                      class="product-lineup-image"
8957                      src="//soylent.com/cdn/shop/files/complete-energy-product-lineup.jpg?v=1767740898"
8958                      alt=""
8959                      loading="eager" />
8960                  </div>
8961
8962                  <h3 style="color: #212322;">
8963                    Complete Energy
8964                  </h3>
8965                  <p style="color: #212322;">
8966                    smart energy. fuel for the brain and the body. energy perfected.
8967                  </p>
8968                </div>
8969                <div class="bottom">
8970
8971                  
8972                    <div data-oke-star-rating data-oke-reviews-group-id="262803d9-4674-4d93-8ca6-0d272317fd83"></div>
8973                  
8974
8975                  <p>
8976                    <span class="mobile">
8977                      Shop Now
8978                    </span>
8979                    <span class="desktop">
8980                      Shop Complete Energy
8981                    </span>
8982                  </p>
8983                </div>
8984              </a>
8985            </li>
8986          
8987        
8988          
8989            <li class="splide__slide card card--quiz">
8990              <a class="link-wrapper" href="/pages/soylent-product-recommendation-quiz">
8991                
8992                  <img
8993                    class="quiz-background-image"
8994                    src="//soylent.com/cdn/shop/files/cropped-person-holding-drink.png?v=1714688477"
8995                    alt="Holding Soylent"
8996                    loading="eager" />
8997                
8998                <div class="description">
8999                  <h3 style="color: #ffffff;">
9000                    find your perfect match
9001                  </h3>
9002                  <p style="color: #ffffff;">
9003                    which Soylent is right for you?
9004                  </p>
9005                </div>
9006                <div class="bottom">
9007                  <p>
9008                    <span class="mobile" style="color: ;">
9009                      Take The Quiz
9010                    </span>
9011                    <span class="desktop" style="color: ;">
9012                      Take The Quiz
9013                    </span>
9014                  </p>
9015                </div>
9016              </a>
9017            </li>
9018          
9019        
9020      </ul>
9021    </div>
9022    <div class="controls container">
9023      <div class="progress">
9024        <div class="progress-bar"></div>
9025      </div>
9026      <div class="arrows">
9027        <button class="go-prev" type="button">
9028          <svg
9029            width="23"
9030            height="16"
9031            viewBox="0 0 23 16"
9032            fill="none"
9033            xmlns="http://www.w3.org/2000/svg">
9034            <path
9035              class="prev-path"
9036              d="M6.47103 0L7.55864 1.34461L2.94435 7.04926H23V8.95092H2.94449L7.55864 14.6554L6.47103 16L0 8L6.47103 0Z"
9037              fill="#AFAFAF" />
9038          </svg>
9039        </button>
9040        <button class="go-next" type="button">
9041          <svg
9042            width="23"
9043            height="16"
9044            viewBox="0 0 23 16"
9045            fill="none"
9046            xmlns="http://www.w3.org/2000/svg">
9047            <path
9048              class="next-path"
9049              d="M16.529 0L15.4414 1.34461L20.0557 7.04926H0V8.95092H20.0555L15.4414 14.6554L16.529 16L23 8L16.529 0Z"
9050              fill="#212322" />
9051          </svg>
9052        </button>
9053      </div>
9054    </div>
9055  </div>
9056</section>
9057
9058<!-- 
9058<script>
9059  // AB Test Only
9060  (async () => {
9061    const hp_lineup_image_test_state = await getABTestState('hp_lineup_image_test');
9062    document.body.classList.add('exp-hp_lineup_image_test-'+hp_lineup_image_test_state);
9063  })();
9064</script>
9064 -->
9065
9066<script>
9067  document.addEventListener('DOMContentLoaded', function () {
9068    const controlsContainer = document.querySelector('.product-lineup .controls');
9069
9070    if (!controlsContainer) {
9071      console.error('controls is required for product lineup')
9072      return
9073    }
9074
9075    function getElementWidthWithoutPadding(element) {
9076      const computedStyle = window.getComputedStyle(element);
9077      const paddingLeft = parseFloat(computedStyle.paddingLeft);
9078      const paddingRight = parseFloat(computedStyle.paddingRight);
9079      return element.clientWidth - paddingLeft - paddingRight;
9080    }
9081
9082    const splideOptions = {
9083      perPage: 1,
9084      perMove: 1,
9085      pagination: false,
9086      arrows: false,
9087      mediaQuery: 'min',
9088      padding: { left: '20px', right: '20px' },
9089      gap: 16,
9090      breakpoints: {
9091        640: {
9092          perPage: 2,
9093          gap: 16,
9094        },
9095        768: {
9096          perPage: 2,
9097          gap: 16,
9098        },
9099        1024: {
9100          perPage: 3,
9101          gap: 24
9102        },
9103        1280: {
9104          perPage: 3,
9105          gap: 36
9106        },
9107        1440: {
9108          perPage: 3,
9109          gap: 36
9110        }
9111      },
9112    }
9113
9114    const splide = new Splide('#product_lineup_QeJtTX-splide', splideOptions)
9115    const bar = splide.root.querySelector('.progress-bar')
9116
9117    splide.on('mounted', function () {
9118      const goPrev = document.querySelector('.go-prev')
9119      const goNext = document.querySelector('.go-next')
9120      goPrev.addEventListener('click', () => splide.go('<'))
9121      goNext.addEventListener('click', () => splide.go('>'))
9122    })
9123
9124    splide.on('moved', function () {
9125      const currentIndex = splide.index
9126      const end = splide.Components.Controller.getEnd()
9127      const prevSvgPath = document.querySelector('.go-prev .prev-path')
9128      const nextSvgPath = document.querySelector('.go-next .next-path')
9129
9130      if (currentIndex === 0){
9131        prevSvgPath.setAttribute('fill', '#AFAFAF');
9132      } else {
9133        prevSvgPath.setAttribute('fill', '#212322');
9134      }
9135
9136      if (currentIndex === end) {
9137        nextSvgPath.setAttribute('fill', '#AFAFAF');
9138      } else {
9139        nextSvgPath.setAttribute('fill', '#212322');
9140      }
9141    })
9142    
9143    splide.on('mounted move', function () {
9144      const end = splide.Components.Controller.getEnd() + 1
9145      const rate = Math.min((splide.index + 1) / end, 1)
9146      bar.style.width = String(100 * rate) + '%'      
9147    })
9148
9149    splide.on('mounted resize', function () {
9150      const padding = (window.innerWidth - getElementWidthWithoutPadding(controlsContainer)) / 2   
9151      splide.options.padding.left = (padding - 7) + 'px';
9152      splide.options.padding.right = (padding - 7) + 'px';
9153      splide.refresh();
9154    });
9155
9156    splide.mount()
9157  })
9158</script>
9158
9159
9160</div><div id="shopify-section-animated_slidedown_images_PQMM8H" class="shopify-section"><div id="animated-slidedown-images" class="animated-slidedown__wrap">
9161    
9162        <div class="animated-slidedown__bar animated-slidedown__bar-1">
9163            <div class="animated-slidedown__bar-color"></div>
9164            <div class="animated-slidedown__bar-img-container">
9165                <img class="animated-slidedown__bar-img" src="//soylent.com/cdn/shop/files/Strawberry.png?v=1716350424" alt="">
9166            </div>
9167        </div>
9168    
9169        <div class="animated-slidedown__bar animated-slidedown__bar-2">
9170            <div class="animated-slidedown__bar-color"></div>
9171            <div class="animated-slidedown__bar-img-container">
9172                <img class="animated-slidedown__bar-img" src="//soylent.com/cdn/shop/files/Banana.png?v=1716350424" alt="">
9173            </div>
9174        </div>
9175    
9176        <div class="animated-slidedown__bar animated-slidedown__bar-3">
9177            <div class="animated-slidedown__bar-color"></div>
9178            <div class="animated-slidedown__bar-img-container">
9179                <img class="animated-slidedown__bar-img" src="//soylent.com/cdn/shop/files/Chocolate_1017e0e6-3409-49ef-9eb8-342a34864a92.png?v=1716350424" alt="">
9180            </div>
9181        </div>
9182    
9183        <div class="animated-slidedown__bar animated-slidedown__bar-4">
9184            <div class="animated-slidedown__bar-color"></div>
9185            <div class="animated-slidedown__bar-img-container">
9186                <img class="animated-slidedown__bar-img" src="//soylent.com/cdn/shop/files/Mint.png?v=1716350424" alt="">
9187            </div>
9188        </div>
9189    
9190        <div class="animated-slidedown__bar animated-slidedown__bar-5">
9191            <div class="animated-slidedown__bar-color"></div>
9192            <div class="animated-slidedown__bar-img-container">
9193                <img class="animated-slidedown__bar-img" src="//soylent.com/cdn/shop/files/Vanilla.png?v=1716350424" alt="">
9194            </div>
9195        </div>
9196    
9197    <div class="animated-slidedown__content">
9198        <div class="animated-slidedown__content-slide animated-slidedown__content-slide-1 f11">
9199            <span class="animated-slidedown__content-slide-header hide-mobile">why are we perfect?</span>
9200            <span class="animated-slidedown__content-slide-header hide-desktop">why are we perfect?</span>
9201        </div>
9202        <div class="animated-slidedown__content-slide animated-slidedown__content-slide-2 f11">
9203            <span class="animated-slidedown__content-slide-header hide-mobile">we’re made of the perfect</span>
9204            <span class="animated-slidedown__content-slide-header hide-desktop">we’re made of the perfect</span>
9205        </div>
9206        <div class="animated-slidedown__content-slide animated-slidedown__content-slide-3 f11">
9207            <span class="animated-slidedown__content-slide-header hide-mobile">synergy of ingredients</span>
9208            <span class="animated-slidedown__content-slide-header hide-desktop">synergy of ingredients</span>
9209        </div>
9210        <div class="animated-slidedown__content-slide animated-slidedown__content-slide-4 f11">
9211            <span class="animated-slidedown__content-slide-header hide-mobile">protein + slow burning carbs + vitamins+ healthy fats</span>
9212            <span class="animated-slidedown__content-slide-header hide-desktop">micros + macros</span>
9213        </div>
9214        <div class="animated-slidedown__content-slide animated-slidedown__content-slide-5 f11">
9215            <span class="animated-slidedown__content-slide-header hide-mobile">science-backed nutrition</span>
9216            <span class="animated-slidedown__content-slide-header hide-desktop">science-backed nutrition</span>
9217        </div>
9218        <div class="animated-slidedown__content-slide animated-slidedown__content-slide-6 f11">
9219            <div class="animated-slidedown__content-slide-top">
9220                <img class="animated-slidedown__content-slide-top__img" src="//soylent.com/cdn/shop/files/soylent-logo.png?v=1716513886" alt="">
9221                <div class="animated-slidedown__content-slide-top__text f11">the world's most perfect food.</div>
9222            </div>
9223            
9224            <div class="animated-slidedown__content-slide-bot">
9225                
9226                <a href="/pages/about-the-company" class="cta cta-1 home-hero__cta">
9227                    LEARN MORE
9228                </a>
9229                
9230                
9231                <a href="/collections" class="cta cta-1 home-hero__cta home-hero__cta2">
9232                    SHOP ALL
9233                </a>
9234                
9235            </div>
9236            
9237        </div>
9238    </div>
9239</div>
9240
9241<style>
9242    .animated-slidedown__wrap {
9243        position: relative;
9244        height: 80vh;
9245        display: flex;
9246        flex-direction: row;
9247        overflow: hidden;
9248    }
9249    .animated-slidedown__wrap .animated-slidedown__bar {
9250        position: relative;
9251        width: 20%;
9252        height: 100%;
9253        top: -85%;
9254        z-index: 10;
9255    }
9256    .animated-slidedown__bar-img-container {
9257        aspect-ratio: 288/470;
9258        top: 0%;
9259        position: relative;
9260    }
9261    .animated-slidedown__bar-img {
9262        position: absolute;
9263        top: -85%;
9264        opacity: 0;
9265    }
9266    .animated-slidedown__wrap .animated-slidedown__bar-color {
9267        height: 100%;
9268    }
9269    
9270        .animated-slidedown__wrap .animated-slidedown__bar-1 .animated-slidedown__bar-color {
9271            background-color: #f8485e;
9272        }
9273    
9274        .animated-slidedown__wrap .animated-slidedown__bar-2 .animated-slidedown__bar-color {
9275            background-color: #eed484;
9276        }
9277    
9278        .animated-slidedown__wrap .animated-slidedown__bar-3 .animated-slidedown__bar-color {
9279            background-color: #623b2a;
9280        }
9281    
9282        .animated-slidedown__wrap .animated-slidedown__bar-4 .animated-slidedown__bar-color {
9283            background-color: #ade8bf;
9284        }
9285    
9286        .animated-slidedown__wrap .animated-slidedown__bar-5 .animated-slidedown__bar-color {
9287            background-color: #5e93db;
9288        }
9289    
9290    .animated-slidedown__wrap .animated-slidedown__content {
9291        position: absolute;
9292        height: 100%;
9293        width: 100%;
9294        top: 0;
9295        left: 0;
9296    }
9297    .animated-slidedown__content-slide {
9298        width: 90%;
9299        max-width: 1126px;
9300        height: auto;
9301        text-align: center;
9302        position: absolute;
9303        top: 50%;
9304        left: 50%;
9305        translate: -50% -50%;
9306        opacity: 0;
9307        scale: 0.9;
9308    }
9309    .animated-slidedown__content-slide-6 {
9310        opacity: 1;
9311        scale: 1;
9312    }
9313    .animated-slidedown__content-slide-top {
9314        scale: 0.9;
9315        opacity: 0;
9316    }
9317    .animated-slidedown__content-slide-bot {
9318        opacity: 0;
9319    }
9320    .animated-slidedown__content-slide-top__img {
9321        max-height: 76px;
9322        width: auto;
9323        margin-bottom: 32px;
9324    }
9325    .animated-slidedown__content-slide-top__text {
9326        margin-bottom: 72px;
9327    }
9328    .animated-slidedown__content-slide-bot {
9329        display: flex;
9330        flex-direction: row;
9331        gap: 24px;
9332        justify-content: center;
9333    }
9334    .animated-slidedown__content-slide-bot .cta {
9335        width: fit-content;
9336        min-width: 158px;
9337        text-align: center;
9338    }
9339    .animated-slidedown__content-slide-bot .home-hero__cta {
9340        margin: 0;
9341    }
9342    .animated-slidedown__content-slide-header.hide-mobile {
9343        display: none;
9344    }
9345    .animated-slidedown__content-slide-header.hide-desktop {
9346        display: block;
9347    }
9348    @media screen and (min-width: 480px) {
9349        .animated-slidedown__content-slide-top__img {
9350            max-height: 164px;
9351            margin-bottom: 48px;
9352        }
9353    }
9354    @media screen and (min-width: 768px) {
9355        .animated-slidedown__wrap {
9356            height: 90vh;
9357        }
9358        .animated-slidedown__content-slide {
9359            width: 80%;
9360        }
9361        .animated-slidedown__content-slide-top__img {
9362            max-height: 200px;
9363            margin-bottom: 72px;
9364        }
9365        .animated-slidedown__content-slide-header.hide-mobile {
9366            display: block;
9367        }
9368        .animated-slidedown__content-slide-header.hide-desktop {
9369            display: none;
9370        }
9371    }
9372</style>
9373
9374<script>
9375(function(){  
9376    window.addEventListener('DOMContentLoaded', (event) => {
9377        onSectionRender()
9378    })
9379
9380    function onSectionRender() {
9381        let hasIntersected = false
9382        const wrapper = document.querySelector('.animated-slidedown__wrap')
9383
9384        const options = {
9385            root: null, // Use the viewport as the root
9386            rootMargin: "0px", // No margin
9387            threshold: 0.35 // Trigger when 50% of the element is visible
9388        };
9389        
9390        const observer = new IntersectionObserver(scrolledToSection, options);
9391
9392        // Start observing the target element
9393        observer.observe(wrapper);
9394
9395        function scrolledToSection(entries, observer) {
9396            entries.forEach(entry => {
9397                if (entry.isIntersecting) {
9398                    hasIntersected = true
9399                    animateSection()
9400                }
9401                else {
9402                    if (hasIntersected) resetSection()
9403                }
9404            });
9405        }
9406    }
9407
9408    function transitionStyles(elem, styleProps, transitionProps) {
9409        return new Promise((resolve, reject) => {
9410            function handleTransitionsEnd() {
9411                transitionEventsHandled++;
9412                if(transitionEventsHandled == transitionEvents){
9413                    elem.removeEventListener("transitionend", handleTransitionsEnd);
9414                    resolve(elem);
9415                }
9416            }
9417            
9418            const transitionEvents = transitionProps.length
9419            let transitionEventsHandled = 0
9420
9421            elem.addEventListener("transitionend", handleTransitionsEnd)
9422
9423            // Create transition string for style properties
9424            let transitionString = ''
9425            let delayString = ''
9426
9427            transitionProps.forEach((transition, index) => {
9428                const currProp = transition.transitionProp
9429                const currDuration = transition.transitionDuration
9430                const currDelay = transition.transitionDelay
9431
9432                if(index === transitionProps.length - 1) {
9433                    transitionString += `${currProp} ${currDuration}ms ease-in`;
9434                    delayString += `${currDelay}ms`;
9435                }
9436                else {
9437                    transitionString += `${currProp} ${currDuration}ms ease-in, `;
9438                    delayString += `${currDelay}ms, `;
9439                }
9440            })
9441            elem.style.transition = transitionString;
9442            elem.style.transitionDelay = delayString;
9443
9444            // Apply all the style properties to this element
9445            Object.entries(styleProps).forEach(([prop, value]) => {
9446                elem.style.setProperty(prop, value);
9447            });
9448
9449        });
9450    }    
9451
9452    async function animateSection() {
9453        const bars = document.querySelectorAll('.animated-slidedown__bar')
9454        const bottleImages = document.querySelectorAll('.animated-slidedown__bar-img')
9455
9456        const slide1 = document.querySelector(".animated-slidedown__content-slide-1")
9457        const slide2 = document.querySelector(".animated-slidedown__content-slide-2")
9458        const slide3 = document.querySelector(".animated-slidedown__content-slide-3")
9459        const slide4 = document.querySelector(".animated-slidedown__content-slide-4")
9460        const slide5 = document.querySelector(".animated-slidedown__content-slide-5")
9461
9462        const slide6 = document.querySelector(".animated-slidedown__content-slide-6")
9463        const slide6top = document.querySelector('.animated-slidedown__content-slide-top')
9464        const slide6bot = document.querySelector('.animated-slidedown__content-slide-bot')
9465
9466        // slide 1 tranlsates up
9467        await transitionStyles(slide1, { scale: '1', opacity: 1}, [{ transitionDuration: 2250, transitionDelay: 0, transitionProp: 'scale' }, { transitionDuration: 350, transitionDelay: 0, transitionProp: 'opacity' }])
9468
9469        // slide bars down and translates slide 1 up
9470        let parallelAnime = []
9471        parallelAnime.push(transitionStyles(slide1, { top: '15%', opacity: 0 }, [ { transitionDuration: 150, transitionDelay: 300, transitionProp: 'top' }, { transitionDuration: 150, transitionDelay: 300, transitionProp: 'opacity' } ]))
9472        parallelAnime.push(transitionStyles(bars[0], { top: '85%' }, [ { transitionDuration: 650, transitionDelay: 150, transitionProp: 'top' } ]))
9473        parallelAnime.push(transitionStyles(bars[1], { top: '85%' }, [ { transitionDuration: 650, transitionDelay: 250, transitionProp: 'top' } ]))
9474        parallelAnime.push(transitionStyles(bars[2], { top: '85%' }, [ { transitionDuration: 650, transitionDelay: 350, transitionProp: 'top' } ]))
9475        parallelAnime.push(transitionStyles(bars[3], { top: '85%' }, [ { transitionDuration: 650, transitionDelay: 250, transitionProp: 'top' } ]))
9476        parallelAnime.push(transitionStyles(bars[4], { top: '85%' }, [ { transitionDuration: 650, transitionDelay: 150, transitionProp: 'top' } ]))
9477
9478        await Promise.all(parallelAnime)
9479
9480        // slide 2 translates up, zooms in, fades out
9481        await transitionStyles(slide2, { top: '65%'}, [{ transitionDuration: 1, transitionDelay: 0, transitionProp: 'top' }])
9482        await transitionStyles(slide2, { top: '50%', scale: '1', opacity: 1}, [{ transitionDuration: 2000, transitionDelay: 0, transitionProp: 'scale' }, { transitionDuration: 150, transitionDelay: 0, transitionProp: 'opacity' }, { transitionDuration: 150, transitionDelay: 0, transitionProp: 'top' }])
9483        await transitionStyles(slide2, { opacity: 0 }, [{ transitionDuration: 350, transitionDelay: 0, transitionProp: 'opacity' }])
9484
9485        // slide 3 zooms in, fades out
9486        await transitionStyles(slide3, { scale: '1', opacity: 1}, [{ transitionDuration: 2000, transitionDelay: 0, transitionProp: 'scale' }, { transitionDuration: 150, transitionDelay: 0, transitionProp: 'opacity' }])
9487        await transitionStyles(slide3, { opacity: 0 }, [{ transitionDuration: 350, transitionDelay: 0, transitionProp: 'opacity' }])
9488
9489        // slide 4 zooms in, fades out
9490        await transitionStyles(slide4, { scale: '1', opacity: 1}, [{ transitionDuration: 2000, transitionDelay: 0, transitionProp: 'scale' }, { transitionDuration: 150, transitionDelay: 0, transitionProp: 'opacity' }])
9491        await transitionStyles(slide5, { top: '15%' }, [{ transitionDuration: 1, transitionDelay: 0, transitionProp: 'top' }])
9492
9493        // slide bars up and translates slide 4 down
9494        parallelAnime.length = 0
9495        parallelAnime.push(transitionStyles(slide4, { top: '65%', opacity: 0 }, [{ transitionDuration: 150, transitionDelay: 250, transitionProp: 'top' }, { transitionDuration: 150, transitionDelay: 250, transitionProp: 'opacity' }]))
9496        parallelAnime.push(transitionStyles(bars[0], { top: '-85%' }, [ { transitionDuration: 650, transitionDelay: 150, transitionProp: 'top' } ]))
9497        parallelAnime.push(transitionStyles(bars[1], { top: '-85%' }, [ { transitionDuration: 650, transitionDelay: 250, transitionProp: 'top' } ]))
9498        parallelAnime.push(transitionStyles(bars[2], { top: '-85%' }, [ { transitionDuration: 650, transitionDelay: 350, transitionProp: 'top' } ]))
9499        parallelAnime.push(transitionStyles(bars[3], { top: '-85%' }, [ { transitionDuration: 650, transitionDelay: 250, transitionProp: 'top' } ]))
9500        parallelAnime.push(transitionStyles(bars[4], { top: '-85%' }, [ { transitionDuration: 650, transitionDelay: 150, transitionProp: 'top' } ]))
9501        parallelAnime.push(transitionStyles(slide5, { top: '50%', scale: '1', opacity: 1 }, [{ transitionDuration: 150, transitionDelay: 900, transitionProp: 'top' }, { transitionDuration: 1750, transitionDelay: 1000, transitionProp: 'scale' }, { transitionDuration: 350, transitionDelay: 900, transitionProp: 'opacity' }]))
9502
9503        await Promise.all(parallelAnime)
9504
9505        // slide 5 translates down, zooms in, tranlates up
9506        // slide bars and bottles down, pause, slide down out of view
9507        parallelAnime.length = 0
9508        parallelAnime.push(transitionStyles(slide5, { top: '15%', opacity: 0 }, [ { transitionDuration: 150, transitionDelay: 300, transitionProp: 'top' }, { transitionDuration: 150, transitionDelay: 300, transitionProp: 'opacity' } ]))
9509        parallelAnime.push(transitionStyles(bars[0], { top: '-50%' }, [{ transitionDuration: 500, transitionDelay: 150, transitionProp: 'top' }]))
9510        parallelAnime.push(transitionStyles(bars[1], { top: '-50%' }, [{ transitionDuration: 500, transitionDelay: 250, transitionProp: 'top' }]))
9511        parallelAnime.push(transitionStyles(bars[2], { top: '-50%' }, [{ transitionDuration: 500, transitionDelay: 350, transitionProp: 'top' }]))
9512        parallelAnime.push(transitionStyles(bars[3], { top: '-50%' }, [{ transitionDuration: 500, transitionDelay: 450, transitionProp: 'top' }]))
9513        parallelAnime.push(transitionStyles(bars[4], { top: '-50%' }, [{ transitionDuration: 500, transitionDelay: 550, transitionProp: 'top' }]))       
9514        parallelAnime.push(transitionStyles(bottleImages[0], { top: '-49%', opacity: '1' }, [{ transitionDuration: 250, transitionDelay: 400, transitionProp: 'top' }, { transitionDuration: 250, transitionDelay: 400, transitionProp: 'opacity' }]))
9515        parallelAnime.push(transitionStyles(bottleImages[1], { top: '-49%', opacity: '1' }, [{ transitionDuration: 250, transitionDelay: 500, transitionProp: 'top' }, { transitionDuration: 250, transitionDelay: 500, transitionProp: 'opacity' }]))
9516        parallelAnime.push(transitionStyles(bottleImages[2], { top: '-49%', opacity: '1' }, [{ transitionDuration: 250, transitionDelay: 600, transitionProp: 'top' }, { transitionDuration: 250, transitionDelay: 600, transitionProp: 'opacity' }]))
9517        parallelAnime.push(transitionStyles(bottleImages[3], { top: '-49%', opacity: '1' }, [{ transitionDuration: 250, transitionDelay: 700, transitionProp: 'top' }, { transitionDuration: 250, transitionDelay: 700, transitionProp: 'opacity' }]))
9518        parallelAnime.push(transitionStyles(bottleImages[4], { top: '-49%', opacity: '1' }, [{ transitionDuration: 250, transitionDelay: 800, transitionProp: 'top' }, { transitionDuration: 250, transitionDelay: 800, transitionProp: 'opacity' }]))
9519
9520        await Promise.all(parallelAnime)
9521
9522        parallelAnime.length = 0
9523        parallelAnime.push(transitionStyles(bars[0], { top: '100%' }, [{ transitionDuration: 750, transitionDelay: 1250, transitionProp: 'top' }]))
9524        parallelAnime.push(transitionStyles(bars[1], { top: '100%' }, [{ transitionDuration: 750, transitionDelay: 1150, transitionProp: 'top' }]))
9525        parallelAnime.push(transitionStyles(bars[2], { top: '100%' }, [{ transitionDuration: 750, transitionDelay: 1050, transitionProp: 'top' }]))
9526        parallelAnime.push(transitionStyles(bars[3], { top: '100%' }, [{ transitionDuration: 750, transitionDelay: 1150, transitionProp: 'top' }]))
9527        parallelAnime.push(transitionStyles(bars[4], { top: '100%' }, [{ transitionDuration: 750, transitionDelay: 1250, transitionProp: 'top' }]))
9528
9529        await Promise.all(parallelAnime)
9530
9531        await transitionStyles(slide6top, { scale: '1', opacity: 1 }, [{ transitionDuration: 2000, transitionDelay: 0, transitionProp: 'scale' }, { transitionDuration: 150, transitionDelay: 0, transitionProp: 'opacity' }])
9532        await transitionStyles(slide6bot, { opacity: 1 }, [{ transitionDuration: 1000, transitionDelay: 0, transitionProp: 'opacity' }])
9533    }
9534
9535    async function resetSection() {
9536        let section = document.querySelector('#shopify-section-animated_slidedown_images_PQMM8H')
9537        await fetch(window.Shopify.routes.root + '?section_id=animated_slidedown_images_PQMM8H')
9538            .then(response => response.text()).then((responseText) => {
9539                const newHtml = new DOMParser().parseFromString(responseText, 'text/html').getElementById('shopify-section-animated_slidedown_images_PQMM8H').innerHTML;
9540                section.innerHTML = newHtml;
9541            })
9542        onSectionRender()
9543    }
9544})();
9545</script>
9545
9546
9547</div><div id="shopify-section-periodic_table_erff9P" class="shopify-section">
9548
9549
9550  <style>
9551    [id="shopify-section-periodic_table_erff9P"] {
9552      padding-top: 32px;
9553      padding-bottom: 32px;
9554      background-color: #000000;
9555    }
9556
9557    .periodic-table .title {
9558      color: #fff;
9559      line-height: 1;
9560      text-transform: lowercase;
9561      font-size: 25px;
9562      text-align: center;
9563    }
9564
9565    .periodic-table .grid {
9566      margin: 32px auto 0 auto;
9567      display: grid;
9568      grid-template-columns: repeat(2, 1fr);
9569      border: 1px solid #fff;
9570      max-width: 380px;
9571    }
9572
9573    .periodic-table .grid__item {
9574      aspect-ratio: 1 / 1;
9575      display: flex;
9576      flex-direction: column;
9577      align-items: center;
9578      justify-content: center;
9579    }
9580
9581    .periodic-table .grid__item:first-of-type {
9582      border-right: 1px solid #fff;
9583      border-bottom: 1px solid #fff;
9584    }
9585
9586    .periodic-table .grid__item:last-of-type {
9587      border-top: 1px solid #fff;
9588      border-left: 1px solid #fff;
9589    }
9590
9591    .periodic-table .grid__item h3 {
9592      color: #fff;
9593      margin: 0;
9594      font-size: 96px;
9595      line-height: .75;
9596    }
9597
9598    .periodic-table .grid__item p {
9599      color: #fff;
9600      margin: 10px 0 0;
9601      font-size: 13px;
9602      line-height: 1;
9603    }
9604
9605    @media screen and (min-width: 768px) {
9606      [id="shopify-section-periodic_table_erff9P"] {
9607        padding-top: 64px;
9608        padding-bottom: 64px;
9609        background-color: #000000;
9610      }
9611
9612      .periodic-table .title {
9613        font-size: 40px;
9614      }
9615
9616      .periodic-table .grid {
9617        margin: 72px auto 0 auto;
9618        max-width: 1024px;
9619        grid-template-columns: repeat(4, 1fr);
9620      }
9621
9622      .periodic-table .grid__item:first-of-type {
9623        border-bottom: none;
9624      }
9625
9626      .periodic-table .grid__item:last-of-type {
9627        border-top: none;
9628        border-left: none;
9629      }
9630
9631      .periodic-table .grid__item:not(:last-of-type) {
9632        border-right: 1px solid #fff;
9633      }
9634
9635      .periodic-table .grid__item h3 {
9636        font-size: 120px;
9637      }
9638
9639      .periodic-table .grid__item p {
9640        margin-top: 12px;
9641        font-size: 16px;
9642      }
9643    }
9644
9645    @media screen and (min-width: 1024px) {
9646      .periodic-table .grid__item h3 {
9647        font-size: 160px;
9648      }
9649
9650      .periodic-table .grid__item p {
9651        font-size: 22px;
9652      }
9653    }
9654  </style>
9655
9656  <section class="periodic-table container">
9657    
9658      <h2 class="title">technically, delicious.</h2>
9659    
9660    <div class="grid">
9661      
9662        <div class="grid__item">
9663          <h3>28</h3>
9664          <p>vitamins & minerals</p>
9665        </div>
9666      
9667        <div class="grid__item">
9668          <h3>12</h3>
9669          <p>brain boosters</p>
9670        </div>
9671      
9672        <div class="grid__item">
9673          <h3>9</h3>
9674          <p>essential amino acids</p>
9675        </div>
9676      
9677        <div class="grid__item">
9678          <h3>0</h3>
9679          <p>gluten, dairy, eggs</p>
9680        </div>
9681      
9682    </div>
9683  </section>
9684
9685
9686
9687</div><div id="shopify-section-scientific_approach_module_WgBHQ9" class="shopify-section index-section">
9687<script src="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/js/splide.min.js"></script>
9687
9688<link href="https://cdn.jsdelivr.net/npm/@splidejs/[email protected]/dist/css/splide.min.css" rel="stylesheet">
9689
9690<div class="scientific-approach">
9691    
9692        <h2 class="scientific-approach__header">the science behind Soylent’s ingredients</h2>
9693    
9694    <div class="scientific-approach__swipe-to-view">
9695        swipe to view
9696        <svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
9697            <path d="M7.87541 0.835815C9.96539 2.91478 12.0289 4.96512 14 6.92517C11.9276 8.98431 9.85087 11.0479 7.71905 13.1643C7.54287 12.9793 7.18389 12.5961 6.70159 12.0829C8.06261 10.777 9.44345 9.4512 10.9961 7.96025H0V6.25567H10.897C9.39059 4.81537 8.01196 3.49839 6.5166 2.0669C7.10901 1.52954 7.50102 1.17497 7.87541 0.835815Z" fill="#505050"/>
9698        </svg>
9699    </div>
9700    <div class="scientific-approach__design-blocks-container">
9701        <div class="scientific-approach__design-modals-overlay"></div>
9702        <div class="scientific-approach__design-modals">
9703            <div class="scientific-approach__design-modals-splide splide">
9704                <div class="scientific-approach__design-modals-splide-track splide__track">
9705                    <div class="splide__list">
9706                        
9707                        <div class="scientific-approach__design-modal scientific-approach__design-modal-1 splide__slide">
9708                            <div class="scientific-approach__design-modal__header">
9709                                
9710                                    <h3 class="scientific-approach__design-modal__title">soy protein</h3>
9711                                
9712                                <svg class="scientific-approach__design-modal__close" width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
9713                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.4855 14.0713L8.41421 7L7 8.41421L14.0713 15.4855L7.00015 22.5566L8.41436 23.9709L15.4855 16.8997L22.5563 23.9706L23.9706 22.5563L16.8997 15.4855L23.9707 8.41451L22.5565 7.00029L15.4855 14.0713Z" fill="#212322"/>
9714                                </svg>
9715                            </div>
9716                            
9717                                <div class="scientific-approach__design-modal__subtitle"><p>it's got all the amino acids you need, is easy on digestion, and boasts a variety of awesome health benefits. plus, it's delicious and good for the planet.</p></div>
9718                            
9719                            
9720                                <div class="scientific-approach__design-modal__divider"></div>
9721                            
9722                            
9723                                <div class="scientific-approach__design-modal__text-truncated"><p>research indicates that soy protein, as a complete protein source, supports healthy cholesterol levels, potentiall...</div>
9724                                <div class="scientific-approach__design-modal__text"><p>research indicates that soy protein, as a complete protein source, supports healthy cholesterol levels, potentially benefiting heart health. additionally, studies suggest soy may offer benefits for menopausal symptoms, bone health, and muscle building. it's important to note that while research shows promise, further studies are always underway to expand our understanding of soy protein's full potential.</p></div>
9725                            
9726                        </div>
9727                        
9728                        <div class="scientific-approach__design-modal scientific-approach__design-modal-2 splide__slide">
9729                            <div class="scientific-approach__design-modal__header">
9730                                
9731                                    <h3 class="scientific-approach__design-modal__title">allulose</h3>
9732                                
9733                                <svg class="scientific-approach__design-modal__close" width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
9734                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.4855 14.0713L8.41421 7L7 8.41421L14.0713 15.4855L7.00015 22.5566L8.41436 23.9709L15.4855 16.8997L22.5563 23.9706L23.9706 22.5563L16.8997 15.4855L23.9707 8.41451L22.5565 7.00029L15.4855 14.0713Z" fill="#212322"/>
9735                                </svg>
9736                            </div>
9737                            
9738                                <div class="scientific-approach__design-modal__subtitle"><p>a sugar substitute with a fraction of the calories. plus, it can help lower the glycemic index of other carbs when you eat them together. </p></div>
9739                            
9740                            
9741                                <div class="scientific-approach__design-modal__divider"></div>
9742                            
9743                            
9744                                <div class="scientific-approach__design-modal__text-truncated"><p>allulose isn't just another sugar substitute – it's a game-changer! scientific research shows that this unique car...</div>
9745                                <div class="scientific-approach__design-modal__text"><p>allulose isn't just another sugar substitute – it's a game-changer! scientific research shows that this unique carbohydrate has the ability to lower the glycemic index of other carbohydrates when you eat them together. this means that when you add allulose to your favorite foods, it can help manage blood sugar spikes and support overall blood sugar health. it's a delicious way to enjoy a little sweetness without sacrificing your health goals.</p></div>
9746                            
9747                        </div>
9748                        
9749                        <div class="scientific-approach__design-modal scientific-approach__design-modal-3 splide__slide">
9750                            <div class="scientific-approach__design-modal__header">
9751                                
9752                                    <h3 class="scientific-approach__design-modal__title">canola oil</h3>
9753                                
9754                                <svg class="scientific-approach__design-modal__close" width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
9755                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.4855 14.0713L8.41421 7L7 8.41421L14.0713 15.4855L7.00015 22.5566L8.41436 23.9709L15.4855 16.8997L22.5563 23.9706L23.9706 22.5563L16.8997 15.4855L23.9707 8.41451L22.5565 7.00029L15.4855 14.0713Z" fill="#212322"/>
9756                                </svg>
9757                            </div>
9758                            
9759                                <div class="scientific-approach__design-modal__subtitle"><p>canola oil gets a bad rap, but guess what? it's actually packed with good fats that are awesome for your heart and can help lower cholesterol.</p></div>
9760                            
9761                            
9762                                <div class="scientific-approach__design-modal__divider"></div>
9763                            
9764                            
9765                                <div class="scientific-approach__design-modal__text-truncated"><p>contrary to popular myths, research paints a positive picture of canola oil's impact on health. studies show that ...</div>
9766                                <div class="scientific-approach__design-modal__text"><p>contrary to popular myths, research paints a positive picture of canola oil's impact on health. studies show that its high content of healthy unsaturated fats can help lower "bad" LDL cholesterol, potentially reducing the risk of heart disease. additionally, some research suggests canola oil might have benef
9766icial effects on insulin sensitivity and even offer some protection against inflammation. while more long-term studies are beneficial, the current evidence points to canola oil as a heart-healthy choice for your kitchen.</p></div>
9767                            
9768                        </div>
9769                        
9770                        <div class="scientific-approach__design-modal scientific-approach__design-modal-4 splide__slide">
9771                            <div class="scientific-approach__design-modal__header">
9772                                
9773                                    <h3 class="scientific-approach__design-modal__title">sucralose</h3>
9774                                
9775                                <svg class="scientific-approach__design-modal__close" width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
9776                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.4855 14.0713L8.41421 7L7 8.41421L14.0713 15.4855L7.00015 22.5566L8.41436 23.9709L15.4855 16.8997L22.5563 23.9706L23.9706 22.5563L16.8997 15.4855L23.9707 8.41451L22.5565 7.00029L15.4855 14.0713Z" fill="#212322"/>
9777                                </svg>
9778                            </div>
9779                            
9780                                <div class="scientific-approach__design-modal__subtitle"><p>a popular sugar substitute, where the science says it won't mess with your blood sugar or give you any weird side effects. </p></div>
9781                            
9782                            
9783                                <div class="scientific-approach__design-modal__divider"></div>
9784                            
9785                            
9786                                <div class="scientific-approach__design-modal__text-truncated"><p>extensive research and numerous, rigorous studies, confirm sucralose's safety for human consumption. regulatory bo...</div>
9787                                <div class="scientific-approach__design-modal__text"><p>extensive research and numerous, rigorous studies, confirm sucralose's safety for human consumption. regulatory bodies worldwide have thoroughly evaluated this data. sucralose offers significant benefits for those aiming to reduce sugar intake. it's calorie-free, won't raise blood sugar levels, and is a smart choice for people managing diabetes or weight. while some raise concerns, the overwhelming scientific consensus supports sucralose as a safe and beneficial sugar alternative.</p></div>
9788                            
9789                        </div>
9790                        
9791                        <div class="scientific-approach__design-modal scientific-approach__design-modal-5 splide__slide">
9792                            <div class="scientific-approach__design-modal__header">
9793                                
9794                                    <h3 class="scientific-approach__design-modal__title">vitamins + minerals</h3>
9795                                
9796                                <svg class="scientific-approach__design-modal__close" width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg">
9797                                    <path fill-rule="evenodd" clip-rule="evenodd" d="M15.4855 14.0713L8.41421 7L7 8.41421L14.0713 15.4855L7.00015 22.5566L8.41436 23.9709L15.4855 16.8997L22.5563 23.9706L23.9706 22.5563L16.8997 15.4855L23.9707 8.41451L22.5565 7.00029L15.4855 14.0713Z" fill="#212322"/>
9798                                </svg>
9799                            </div>
9800                            
9801                                <div class="scientific-approach__design-modal__subtitle"><p>all Soylent products contain 28 vitamins & minerals you need daily for maximum health.</p></div>
9802                            
9803                            
9804                                <div class="scientific-approach__design-modal__divider"></div>
9805                            
9806                            
9807                                <div class="scientific-approach__design-modal__text-truncated"><p>Soylent products don't just have protein, fats, and carbs, it also makes sure they work their hardest through a va...</div>
9808                                <div class="scientific-approach__design-modal__text"><p>Soylent products don't just have protein, fats, and carbs, it also makes sure they work their hardest through a variety of key micronutrients. this combination ensures your body gets the most out of every delicious sip.</p></div>
9809                            
9810                        </div>
9811                        
9812                    </div>
9813                </div>
9814                <div class="splide__arrows splide__arrows--ltr">
9815                    <button
9816                        class="splide__arrow splide__arrow--prev"
9817                        type="button"
9818                        aria-label="Previous slide"
9819                    >
9820                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9821                            <path d="M9.00047 0.955078C11.389 3.33104 13.7474 5.67429 16 7.91434C13.6316 10.2676 11.2581 12.626 8.82177 15.0447C8.62042 14.8333 8.21016 14.3954 7.65896 13.8089C9.21441 12.3164 10.7925 10.8012 12.5669 9.09728H0V7.1492H12.4537C10.7321 5.50314 9.15652 3.99802 7.44754 2.36203C8.12459 1.74791 8.5726 1.34268 9.00047 0.955078Z" fill="black"/>
9822                        </svg>
9823                    </button>
9824                    <button
9825                        class="splide__arrow splide__arrow--next"
9826                        type="button"
9827                        aria-label="Next slide"
9828                    >
9829                        <svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
9830                            <path d="M9.00047 0.955078C11.389 3.33104 13.7474 5.67429 16 7.91434C13.6316 10.2676 11.2581 12.626 8.82177 15.0447C8.62042 14.8333 8.21016 14.3954 7.65896 13.8089C9.21441 12.3164 10.7925 10.8012 12.5669 9.09728H0V7.1492H12.4537C10.7321 5.50314 9.15652 3.99802 7.44754 2.36203C8.12459 1.74791 8.5726 1.34268 9.00047 0.955078Z" fill="black"/>
9831                        </svg>
9832                    </button>
9833                </div>
9834            </div>
9835        </div>
9836
9837        <div class="scientific-approach__design-blocks-wrapper__margin"></div>
9838        <div class="scientific-approach__design-blocks-wrapper">
9839            <div class="scientific-approach__design-blocks">
9840                <svg class="scientific-approach__design-curve" xmlns="http://www.w3.org/2000/svg" width="634" height="136" viewBox="0 0 634 136" fill="none">
9841                    <path d="M357.799 135.033C355.272 135.033 353.76 134.902 353.748 134.902C352.936 134.89 352.111 134.867 351.299 134.831L351.323 134.237C352.129 134.273 352.948 134.297 353.778 134.309C353.814 134.309 355.296 134.439 357.799 134.439H358.444V135.033H357.793H357.799ZM633.071 134.867C630.652 134.789 628.25 134.641 625.938 134.415L625.997 133.822C628.298 134.041 630.681 134.196 633.089 134.267L633.071 134.861V134.867ZM365.596 134.593L365.53 134.006C367.86 133.745 370.214 133.353 372.538 132.848L372.664 133.43C370.322 133.941 367.944 134.332 365.596 134.593ZM344.171 134.291C341.757 134.024 339.379 133.662 337.103 133.222L337.217 132.641C339.475 133.08 341.841 133.436 344.237 133.703L344.171 134.291ZM618.858 133.478C616.468 133.068 614.114 132.563 611.868 131.982L612.017 131.406C614.251 131.982 616.587 132.48 618.959 132.89L618.858 133.478ZM73.8397 133.383L73.8158 132.789C76.2056 132.7 78.5955 132.522 80.9076 132.249L80.9793 132.837C78.6492 133.11 76.2474 133.294 73.8397 133.383ZM66.6762 133.371C64.3282 133.282 61.9264 133.11 59.5366 132.854L59.6023 132.267C61.9802 132.522 64.37 132.694 66.7001 132.777L66.6762 133.371ZM52.4507 131.863C50.0729 131.448 47.7129 130.961 45.4426 130.403L45.586 129.827C47.8443 130.379 50.1864 130.866 52.5523 131.281L52.4507 131.863ZM88.0472 131.691L87.9218 131.109C90.2638 130.623 92.5759 130.023 94.7985 129.329L94.9777 129.892C92.7373 130.587 90.4072 131.192 88.0472 131.685V131.691ZM379.576 131.56L379.391 130.996C381.626 130.272 383.86 129.424 386.029 128.48L386.268 129.026C384.081 129.981 381.829 130.83 379.576 131.56ZM330.149 131.549C327.825 130.872 325.554 130.082 323.391 129.204L323.618 128.652C325.757 129.524 328.01 130.302 330.316 130.979L330.149 131.549ZM605.033 129.881C602.762 129.061 600.546 128.124 598.443 127.109L598.706 126.574C600.791 127.583 602.989 128.509 605.236 129.323L605.033 129.881ZM38.5718 128.278C36.409 127.204 34.3119 126.034 32.3284 124.8L32.645 124.295C34.6107 125.518 36.6958 126.675 38.8407 127.744L38.5718 128.272V128.278ZM101.693 127.423L101.454 126.877C103.629 125.945 105.768 124.883 107.811 123.731L108.104 124.248C106.043 125.411 103.886 126.479 101.693 127.423ZM316.939 126.141C314.836 124.996 312.805 123.713 310.887 122.336L311.239 121.856C313.133 123.215 315.152 124.479 317.232 125.619L316.945 126.141H316.939ZM392.685 125.85L392.392 125.334C394.453 124.188 396.478 122.93 398.414 121.589L398.755 122.075C396.801 123.423 394.758 124.693 392.679 125.85H392.685ZM592.193 123.636C590.174 122.36 588.226 120.953 586.392 119.464L586.768 119.007C588.579 120.484 590.508 121.873 592.51 123.138L592.187 123.636H592.193ZM26.4554 120.734C24.5615 119.274 22.7452 117.701 21.0484 116.068L21.4666 115.641C23.1455 117.261 24.9498 118.817 26.8258 120.265L26.4614 120.734H26.4554ZM114.132 120.39L113.78 119.909C115.68 118.538 117.532 117.036 119.282 115.451L119.683 115.89C117.914 11
98417.493 116.05 119.007 114.132 120.39ZM305.348 117.819C303.616 116.217 301.961 114.478 300.419 112.649L300.879 112.27C302.403 114.074 304.04 115.795 305.755 117.386L305.348 117.819ZM404.43 117.73L404.042 117.279C405.846 115.748 407.585 114.116 409.204 112.43L409.634 112.839C407.997 114.543 406.247 116.187 404.425 117.73H404.43ZM581.14 114.626C579.503 112.928 577.95 111.1 576.51 109.195L576.988 108.839C578.41 110.726 579.951 112.531 581.57 114.216L581.14 114.626ZM16.1911 110.839C14.6855 109.023 13.2576 107.088 11.9551 105.099L12.457 104.779C13.7475 106.749 15.1635 108.661 16.6571 110.465L16.1971 110.839H16.1911ZM124.707 110.821L124.259 110.43C125.669 108.851 127.037 107.171 128.322 105.432C128.447 105.266 128.573 105.093 128.692 104.921L129.182 105.266C129.057 105.444 128.931 105.616 128.806 105.788C127.509 107.539 126.129 109.231 124.707 110.827V110.821ZM414.312 107.438L413.84 107.076C415.292 105.206 416.648 103.247 417.867 101.265L418.375 101.574C417.144 103.58 415.782 105.55 414.312 107.438ZM296.159 106.933C294.875 104.987 293.668 102.915 292.563 100.778L293.094 100.505C294.188 102.624 295.383 104.678 296.655 106.607L296.153 106.933H296.159ZM572.549 103.265C571.36 101.259 570.255 99.1281 569.263 96.9438L569.807 96.7004C570.792 98.8669 571.892 100.98 573.069 102.968L572.555 103.271L572.549 103.265ZM132.803 99.1043L132.265 98.8432C133.227 96.8844 134.165 94.6942 135.037 92.3377L135.599 92.5455C134.715 94.9197 133.777 97.1218 132.803 99.1043ZM8.37635 98.9322C7.31287 96.8488 6.33304 94.6586 5.4727 92.4268L6.02834 92.2131C6.88868 94.4271 7.85656 96.5995 8.90808 98.6651L8.37635 98.9322ZM421.745 95.2937L421.201 95.0444C422.193 92.9075 423.059 90.6995 423.782 88.4796L424.35 88.6636C423.621 90.9013 422.749 93.1331 421.745 95.2937ZM289.617 94.2905C288.763 92.1359 287.974 89.8685 287.281 87.5655L287.855 87.3933C288.542 89.6845 289.324 91.9341 290.173 94.0709L289.617 94.2905ZM566.628 90.3255C565.869 88.1175 565.2 85.8204 564.627 83.4936L565.206 83.3512C565.774 85.6601 566.443 87.9454 567.196 90.1356L566.628 90.3255ZM137.833 85.7907L137.26 85.6245C137.899 83.4699 138.508 81.1669 139.082 78.7807L139.662 78.9173C139.088 81.3152 138.473 83.6242 137.833 85.7907ZM3.22029 85.672C2.58699 83.4343 2.03733 81.1016 1.58924 78.7451L2.17474 78.6323C2.62284 80.9769 3.16652 83.2859 3.79385 85.5117L3.22029 85.672ZM426.124 81.7664L425.539 81.6536C425.909 79.7126 426.184 77.7242 426.351 75.7476L426.447 74.6555L427.044 74.7089L426.949 75.801C426.781 77.7954 426.507 79.8017 426.13 81.7664H426.124ZM285.501 80.6683C285.005 78.4009 284.581 76.0444 284.234 73.6642L284.826 73.5811C285.172 75.9435 285.59 78.2881 286.086 80.5436L285.501 80.6683ZM563.217 76.5133C562.846 74.1984 562.559 71.8182 562.368 69.4499L562.966 69.4024C563.157 71.7589 563.444 74.1213 563.808 76.4243L563.217 76.5193V76.5133ZM141.167 71.9666L140.582 71.8539C141.024 69.5983 141.442 67.2478 141.818 64.8736L142.41 64.9685C142.033 67.3487 141.615 69.7052 141.173 71.9666H141.167ZM0.537711 71.7055C0.280805 69.3846 0.107542 66.9985 0.0179237 64.6124L0.615381 64.5886C0.704999 66.9629 0.878262 69.3371 1.12919 71.6402L0.537711 71.7055ZM427.785 67.6692L427.194 67.598C427.51 65.1228 427.863 62.8258 428.275 60.5702L428.861 60.6771C428.448 62.9207 428.096 65.2059 427.785 67.6692ZM283.428 66.6068C283.177 64.2741 282.812 61.9235 282.346 59.6324L282.932 59.5137C283.404 61.8286 283.768 64.191 284.025 66.5415L283.434 66.6068H283.428ZM562.016 62.3568C561.896 60.0004 561.657 57.638 561.311 55.335L561.902 55.246C562.255 57.5609 562.494 59.947 562.613 62.3212L562.016 62.3509V62.3568ZM143.402 57.9289L142.81 57.8576C142.924 56.9554 143.025 56.1007 143.115 55.2994C143.282 53.8036 143.503 52.29 143.778 50.812L144.364 50.9189C144.095 52.385 143.874 53.8808 143.706 55.3706C143.617 56.1719 143.515 57.0266 143.402 57.9348V57.9289ZM0.597457 57.5134L0 57.4956C0.0716948 55.1332 0.227034 52.7471 0.454067 50.4025L1.05152 50.4618C0.82449 52.7945 0.669152 55.1688 0.597457 57.5193V57.5134ZM430.366 53.762L429.787 53.6137C430.384 51.2631 431.065 48.972 431.818 46.7936L432.386 46.9836C431.645 49.1441 430.964 51.4234 430.372 53.762H430.366ZM280.602 52.7886C279.915 50.5449 279.114 48.3072 278.218 46.1407L278.773 45.9151C279.676 48.0995 280.488 50.355 281.175 52.6165L280.602 52.7886ZM559.895 48.42C559.303 46.1348 558.586 43.8733 557.768 41.689L558.329 41.4812C559.16 43.6833 559.877 45.9686 560.474 48.2716L559.895 48.42ZM146.018 44.0514L145.445 43.8792C146.132 41.594 146.956 39.3444 147.883 37.1838L148.432 37.4153C147.512 39.5521 146.694 41.7839 146.012 44.0454L146.018 44.0514ZM434.972 40.4128L434.429 40.1695C435.409 37.9792 436.502 35.8483 437.667 33.8243L438.187 34.121C437.034 36.1273 435.952 38.2463 434.978 40.4188L434.972 40.4128ZM275.207 39.748C274.107 37.6765 272.894 35.6287 271.598 33.6699L272.1 33.3435C273.402 35.32 274.627 37.3797 275.732 39.4691L275.207 39.748ZM554.924 35.231C553.86 33.1298 552.666 31.0761 551.381 29.1173L551.883 28.7908C553.179 30.7615 554.38 32.839 555.456 34.958L554.924 35.2251V35.231ZM151.611 31.11
984176L151.091 30.8208C152.286 28.7612 153.618 26.7668 155.046 24.8852L155.524 25.2413C154.108 27.0992 152.794 29.0758 151.605 31.1176H151.611ZM442.023 28.1913L441.539 27.8411C442.937 25.9239 444.454 24.0602 446.049 22.3151L446.491 22.7128C444.908 24.446 443.409 26.2919 442.023 28.1913ZM267.434 27.9539C265.958 26.1258 264.375 24.3451 262.732 22.6653L263.162 22.2498C264.817 23.9414 266.412 25.734 267.9 27.58L267.434 27.948V27.9539ZM547.175 23.4428C545.669 21.6384 544.038 19.8993 542.341 18.2848L542.754 17.8574C544.468 19.4897 546.111 21.2407 547.635 23.0689L547.175 23.4488V23.4428ZM160.148 19.8993L159.718 19.4838C161.373 17.7921 163.165 16.1836 165.03 14.7056L165.4 15.1686C163.554 16.6347 161.785 18.2254 160.142 19.8993H160.148ZM257.54 17.8455C255.735 16.326 253.842 14.8777 251.906 13.5422L252.246 13.0555C254.194 14.4029 256.106 15.863 257.922 17.3944L257.534 17.8455H257.54ZM451.54 17.7506L451.146 17.3054C452.902 15.7503 454.784 14.2545 456.738 12.8596L457.084 13.3404C455.149 14.7234 453.285 16.2073 451.54 17.7446V17.7506ZM536.94 13.7084C535.064 12.2957 533.081 10.978 531.044 9.78496L531.348 9.27449C533.404 10.4794 535.405 11.8149 537.299 13.2395L536.94 13.7143V13.7084ZM171.207 11.1145L170.891 10.61C172.886 9.38133 175.007 8.24169 177.188 7.22076L177.445 7.75497C175.282 8.76996 173.185 9.89773 171.207 11.1145ZM245.883 9.80276C243.828 8.65719 241.683 7.60065 239.52 6.66282L239.759 6.11674C241.94 7.06644 244.097 8.12892 246.176 9.28043L245.883 9.79683V9.80276ZM463.035 9.48224L462.742 8.96584C464.738 7.83807 466.907 6.78153 469.183 5.82589L469.416 6.37197C467.163 7.32167 465.019 8.36634 463.041 9.48224H463.035ZM524.734 6.55597C522.59 5.60627 520.355 4.76341 518.097 4.05114L518.276 3.48725C520.552 4.20546 522.805 5.05426 524.973 6.01583L524.728 6.55597H524.734ZM184.017 5.08394L183.82 4.52599C186.024 3.76029 188.33 3.07176 190.678 2.49007L190.822 3.06582C188.492 3.64751 186.203 4.32418 184.017 5.08987V5.08394ZM232.877 4.15798C230.63 3.43383 228.324 2.81059 226.018 2.312L226.143 1.73031C228.468 2.23483 230.798 2.86401 233.056 3.59409L232.871 4.15798H232.877ZM476.089 3.9621L475.916 3.39228C478.199 2.69781 480.535 2.11612 482.865 1.65908L482.978 2.24077C480.666 2.69188 478.348 3.26763 476.089 3.95617V3.9621ZM511.226 2.28232C508.932 1.81934 506.572 1.46914 504.206 1.24358L504.266 0.65002C506.655 0.88151 509.039 1.23171 511.351 1.70063L511.232 2.28232H511.226ZM197.776 1.64127L197.681 1.05364C199.975 0.679699 202.365 0.382917 204.778 0.163299L204.832 0.756862C202.436 0.970545 200.058 1.26733 197.782 1.64127H197.776ZM490.01 1.24358L489.956 0.65002C492.352 0.424466 494.754 0.31169 497.108 0.31169V0.905253C494.772 0.905253 492.382 1.02397 490.01 1.24358ZM219.016 1.13674C217.839 1.00022 216.638 0.887446 215.455 0.804347C214.266 0.721248 213.077 0.661892 211.93 0.626278L211.948 0.0327148C213.107 0.0683286 214.302 0.133621 215.497 0.216719C216.692 0.299818 217.898 0.412595 219.087 0.549115L219.016 1.13674Z" fill="black"/>
9842                </svg>
9843                
9844                    
9845                    <div class="scientific-approach__design-block ">
9846                        <div class="scientific-approach__design-block__text-content ">
9847                            
9848                            <div class="scientific-approach__design-block__header">soy protein</div>
9849                            
9850                            
9851                            <div class="scientific-approach__design-block__text">all the amino acids you need, easy on digestion, and boasts a variety of awesome health benefits.</div>
9852                            
9853                            
9854                            <div class="scientific-approach__design-block__btn">learn more</div>
9855                            
9856                        </div>
9857                        <div class="scientific-approach__design-block__connector scientific-approach__design-block__connector-1 "></div>
9858                        <div class="scientific-approach__design-block__image-content">
9859                            <svg class="scientific-approach__design-block__image-curve" style="transform: rotate(0deg);" xmlns="http://www.w3.org/2000/svg" width="192" height="186" viewBox="0 0 192 186" fill="none">
9860                                <path d="M191.329 95.7292C189.35 135.517 158.505 172.999 119.684 182.021C83.2045 190.502 51.6562 181.319 25.9234 154.744C10.1844 
9860138.494 2.01863 118.746 0.230795 92.6015V92.5514C-2.73219 54.3175 23.0709 15.3518 60.5753 0.866211C62.5138 7.18172 64.6833 13.8681 67.3149 21.5771C51.7768 28.3236 39.4427 39.05 31.5179 52.7236C23.1814 67.0989 20.128 84.0405 22.6792 101.734C24.9793 117.673 33.3158 132.77 46.1621 144.248C58.8277 155.566 74.7374 162.413 90.9585 163.526C110.123 164.849 129.658 158.112 144.564 145.07C159.117 132.339 167.936 114.836 169.503 95.649C176.775 95.9297 184.087 95.8294 191.178 95.7292H191.329Z" fill="black"/>
9861                            </svg>
9862                            <div class="scientific-approach__design-block__ingredient" style="top: 15%; left: 19%;">soy protein</div>
9863                            
9864                                <img class="scientific-approach__design-block__ingredient-image scientific-approach__design-block__ingredient-image-1" style="width: 67px;" src="//soylent.com/cdn/shop/files/Soy_Image_c2ec5272-e300-448b-ab14-1c2cfb486421.png?v=1715038542" alt="">
9865                            
9866                        </div>
9867                    </div>
9868                
9869                    
9870                    <div class="scientific-approach__design-block scientific-approach__design-block-reverse">
9871                        <div class="scientific-approach__design-block__text-content scientific-approach__design-block__text-content-reverse">
9872                            
9873                            <div class="scientific-approach__design-block__header">allulose</div>
9874                            
9875                            
9876                            <div class="scientific-approach__design-block__text">a sugar substitute with a fraction of the calories.</div>
9877                            
9878                            
9879                            <div class="scientific-approach__design-block__btn">learn more</div>
9880                            
9881                        </div>
9882                        <div class="scientific-approach__design-block__connector scientific-approach__design-block__connector-2 scientific-approach__design-block__connector-reverse"></div>
9883                        <div class="scientific-approach__design-block__image-content">
9884                            <svg class="scientific-approach__design-block__image-curve" style="transform: rotate(95deg);" xmlns="http://www.w3.org/2000/svg" width="192" height="186" viewBox="0 0 192 186" fill="none">
9885                                <path d="M191.329 95.7292C189.35 135.517 158.505 172.999 119.684 182.021C83.2045 190.502 51.6562 181.319 25.9234 154.744C10.1844 138.494 2.01863 118.746 0.230795 92.6015V92.5514C-2.73219 54.3175 23.0709 15.3518 60.5753 0.866211C62.5138 7.18172 64.6833 13.8681 67.3149 21.5771C51.7768 28.3236 39.4427 39.05 31.5179 52.7236C23.1814 67.0989 20.128 84.0405 22.6792 101.734C24.9793 117.673 33.3158 132.77 46.1621 144.248C58.8277 155.566 74.7374 162.413 90.9585 163.526C110.123 164.849 129.658 158.112 144.564 145.07C159.117 132.339 167.936 114.836 169.503 95.649C176.775 95.9297 184.087 95.8294 191.178 95.7292H191.329Z" fill="black"/>
9886                            </svg>
9887                            <div class="scientific-approach__design-block__ingredient" style="top: 29%; left: 27%;">allulose</div>
9888                            
9889                                <img class="scientific-approach__design-block__ingredient-image scientific-approach__design-block__ingredient-image-2" style="width: 60px;" src="//soylent.com/cdn/shop/files/Allulose_Image.png?v=1715038543" alt="">
9890                            
9891                        </div>
9892                    </div>
9893                
9894                    
9895                    <div class="scientific-approach__design-block ">
9896                        <div class="scientific-approach__design-block__text-content ">
9897                            
9898                            <div class="scientific-approach__design-block__header">canola oil</div>
9899                            
9900                            
9901                            <div class="scientific-approach__design-block__text">packed with good fats that are awesome for your heart and can help lower cholesterol.</div>
9902                            
9903                            
9904                            <div class="scientific-approach__design-block__btn">learn more</div>
9905                            
9906                        </div>
9907                        <div class="scientific-approach__design-block__connector scientific-approach__design-block__connector-3 "></div>
9908                        <div class="scientific-approach__design-block__image-content">
9909                            <svg class="scientific-approach__design-block__image-curve" style="transform: rotate(195deg);" xmlns="http://www.w3.org/2000/svg" width="192" height="186" viewBox="0 0 192 186" fill="none">
9910                                <path d="M191.329 95.7292C189.35 135.517 158.505 172.999 119.684 182.021C83.2045 190.502 51.6562 181.319 25.9234 154.744C10.1844 
9910138.494 2.01863 118.746 0.230795 92.6015V92.5514C-2.73219 54.3175 23.0709 15.3518 60.5753 0.866211C62.5138 7.18172 64.6833 13.8681 67.3149 21.5771C51.7768 28.3236 39.4427 39.05 31.5179 52.7236C23.1814 67.0989 20.128 84.0405 22.6792 101.734C24.9793 117.673 33.3158 132.77 46.1621 144.248C58.8277 155.566 74.7374 162.413 90.9585 163.526C110.123 164.849 129.658 158.112 144.564 145.07C159.117 132.339 167.936 114.836 169.503 95.649C176.775 95.9297 184.087 95.8294 191.178 95.7292H191.329Z" fill="black"/>
9911                            </svg>
9912                            <div class="scientific-approach__design-block__ingredient" style="top: 30%; left: 18%;">canola oil</div>
9913                            
9914                                <img class="scientific-approach__design-block__ingredient-image scientific-approach__design-block__ingredient-image-3" style="width: 55px;" src="//soylent.com/cdn/shop/files/Canola_Oil_Image_PLACEHOLDER_SCREENSHOT.png?v=1715038542" alt="">
9915                            
9916                        </div>
9917                    </div>
9918                
9919                    
9920                    <div class="scientific-approach__design-block scientific-approach__design-block-reverse">
9921                        <div class="scientific-approach__design-block__text-content scientific-approach__design-block__text-content-reverse">
9922                            
9923                            <div class="scientific-approach__design-block__header">sucralose</div>
9924                            
9925                            
9926                            <div class="scientific-approach__design-block__text">a popular sugar substitute, where the science says it won’t mess with your blood sugar or give you any weird side effects.</div>
9927                            
9928                            
9929                            <div class="scientific-approach__design-block__btn">learn more</div>
9930                            
9931                        </div>
9932                        <div class="scientific-approach__design-block__connector scientific-approach__design-block__connector-4 scientific-approach__design-block__connector-reverse"></div>
9933                        <div class="scientific-approach__design-block__image-content">
9934                            <svg class="scientific-approach__design-block__image-curve" style="transform: rotate(295deg);" xmlns="http://www.w3.org/2000/svg" width="192" height="186" viewBox="0 0 192 186" fill="none">
9935                                <path d="M191.329 95.7292C189.35 135.517 158.505 172.999 119.684 182.021C83.2045 190.502 51.6562 181.319 25.9234 154.744C10.1844 138.494 2.01863 118.746 0.230795 92.6015V92.5514C-2.73219 54.3175 23.0709 15.3518 60.5753 0.866211C62.5138 7.18172 64.6833 13.8681 67.3149 21.5771C51.7768 28.3236 39.4427 39.05 31.5179 52.7236C23.1814 67.0989 20.128 84.0405 22.6792 101.734C24.9793 117.673 33.3158 132.77 46.1621 144.248C58.8277 155.566 74.7374 162.413 90.9585 163.526C110.123 164.849 129.658 158.112 144.564 145.07C159.117 132.339 167.936 114.836 169.503 95.649C176.775 95.9297 184.087 95.8294 191.178 95.7292H191.329Z" fill="black"/>
9936                            </svg>
9937                            <div class="scientific-approach__design-block__ingredient" style="top: 30%; left: 16%;">sucralose</div>
9938                            
9939                                <img class="scientific-approach__design-block__ingredient-image scientific-approach__design-block__ingredient-image-4" style="width: 55px;" src="//soylent.com/cdn/shop/files/sucralose_image.png?v=1715038542" alt="">
9940                            
9941                        </div>
9942                    </div>
9943                
9944                    
9945                    <div class="scientific-approach__design-block ">
9946                        <div class="scientific-approach__design-block__text-content ">
9947                            
9948                            <div class="scientific-approach__design-block__header">vitamins + minerals</div>
9949                            
9950                            
9951                            <div class="scientific-approach__design-block__text">
9951all Soylent contains 28 vitamins & minerals you need daily for maximum health.</div>
9952                            
9953                            
9954                            <div class="scientific-approach__design-block__btn">learn more</div>
9955                            
9956                        </div>
9957                        <div class="scientific-approach__design-block__connector scientific-approach__design-block__connector-5 "></div>
9958                        <div class="scientific-approach__design-block__image-content">
9959                            <svg class="scientific-approach__design-block__image-curve" style="transform: rotate(85deg);" xmlns="http://www.w3.org/2000/svg" width="192" height="186" viewBox="0 0 192 186" fill="none">
9960                                <path d="M191.329 95.7292C189.35 135.517 158.505 172.999 119.684 182.021C83.2045 190.502 51.6562 181.319 25.9234 154.744C10.1844 138.494 2.01863 118.746 0.230795 92.6015V92.5514C-2.73219 54.3175 23.0709 15.3518 60.5753 0.866211C62.5138 7.18172 64.6833 13.8681 67.3149 21.5771C51.7768 28.3236 39.4427 39.05 31.5179 52.7236C23.1814 67.0989 20.128 84.0405 22.6792 101.734C24.9793 117.673 33.3158 132.77 46.1621 144.248C58.8277 155.566 74.7374 162.413 90.9585 163.526C110.123 164.849 129.658 158.112 144.564 145.07C159.117 132.339 167.936 114.836 169.503 95.649C176.775 95.9297 184.087 95.8294 191.178 95.7292H191.329Z" fill="black"/>
9961                            </svg>
9962                            <div class="scientific-approach__design-block__ingredient" style="top: 30%; left: 23%;">vitamins + minerals</div>
9963                            
9964                                <img class="scientific-approach__design-block__ingredient-image scientific-approach__design-block__ingredient-image-5" style="width: 67px;" src="//soylent.com/cdn/shop/files/Allulose_Image.png?v=1715038543" alt="">
9965                            
9966                        </div>
9967                    </div>
9968                
9969            </div>
9970        </div>
9971    </div>
9972</div>
9973
9974<style>
9975    .scientific-approach__design-blocks-wrapper__margin {
9976        border-left: 20px solid #fff;
9977        border-right: 20px solid #fff;
9978        height: 4px;
9979        width: 100%;
9980        position: absolute;
9981        top: 0;
9982        z-index: 2;
9983        pointer-events: none;
9984    }
9985    .scientific-approach {
9986        width: 100%;    
9987        position: relative;
9988        margin-bottom: 12px;
9989        padding: 32px 0;
9990    }
9991    .scientific-approach__header {
9992        text-align: center;
9993        font-size: 25px;
9994        font-style: normal;
9995        font-weight: 700;
9996        line-height: normal;
9997        margin: 0 auto;
9998        margin-bottom: 16px;
9999        max-width: 280px;
10000    }
10001    .scientific-approach__swipe-to-view {
10002        margin-bottom: 16px;
10003        color: #505050;
10004        font-size: 16px;
10005        font-weight: 400;
10006        line-height: normal;
10007        display: flex;
10008        align-items: center;
10009        justify-content: center;    
10010        gap: 12px;
10011    }
10012    .scientific-approach__design-blocks-container {
10013        position: relative;
10014        width: 100%;
10015    }
10016    .scientific-approach__design-blocks-wrapper {
10017        max-width: 1200px;
10018        overflow-x: scroll;
10019        transform: rotateX(180deg);
10020    }
10021    .scientific-approach__design-blocks {
10022        position: relative;
10023        display: flex;
10024        align-items: center;
10025        justify-content: flex-start;
10026        gap: 42px;
10027        margin: 0 auto;
10028        max-width: 1200px;
10029        height: 630px;
10030        --widthA: calc(100vw - 161px);
10031        --widthB: calc(var(--widthA) / 2);
10032        margin-left: var(--widthB);
10033        transform: rotateX(180deg);
10034    }
10035    .scientific-approach__design-block {
10036        position: relative;
10037        display: flex;
10038        flex-direction: column;
10039        gap: 42px;
10040        max-width: 191px;
10041        width: 191px;
10042    }
10043    .scientific-approach__design-block__header {
10044        font-size: 18px;
10045        font-weight: 700;
10046        line-height: 22px;
10047    }
10048    .scientific-approach__design-block__connector {
10049        position: absolute;
10050        width: 2px;
10051        background-color: #000;
10052    }
10053    .scientific-approach__design-block__connector-reverse {
10054        height: 52px;
10055        top: unset;
10056        bottom: -52px;
10057    }
10058    .scientific-approach__design-block__text-content {
10059        position: absolute;
10060        display: flex;
10061        flex-direction: column;
10062        gap: 8px;
10063        text-align: left;
10064        border: 2px solid #000;
10065        padding: 16px;
10066        width: calc(100vw - 40px);
10067        max-width: 390px;
10068        left: 50%;
10069        transform: translateX(-50%);
10070        bottom: 120%;
10071    }
10072    .scientific-approach__design-block__text-content-reverse {
10073        bottom: unset;
10074        top: 120%;
10075    }
10076    .scientific-approach__design-block__btn {
10077        color: #47AF19;
10078        text-decoration: underline;
10079        cursor: pointer;
10080    }
10081    .scientific-approach__design-block__btn:hover {
10082        color: #47AF19;
10083        text-decoration: underline;
10084    }
10085    .scientific-approach__design-block__image-content {
10086        position: relative;
10087        display: flex;
10088        flex-direction: column;
10089        justify-content: center;
10090        align-items: center;    
10091        max-width: 161px;
10092        min-width: 161px;
10093        height: 168px;
10094    }
10095    .scientific-approach__design-block__image {
10096        width: 100%;
10097        height: 100%;
10098        object-fit: contain;
10099    }
10100    .scientific-approach__design-block__ingredient {
10101        position: absolute;
10102        margin-top: 4px;
10103        font-size: 26px;
10104        font-weight: 700;
10105        line-height: 30px;
10106        max-width: 120px;
10107        text-align: center;
10108        display: none;
10109    }
10110    .scientific-approach__design-block__ingredient-image {
10111        width: 75px;
10112        position: absolute;
10113        top: 50%;
10114        left: 50%;
10115        transform: translate(-50%, -50%);
10116    }
10117    
10118    
10119    .scientific-approach__design-block__connector-1 {
10120        height: 34%;
10121        
10122            top: -21%;
10123        
10124        left: 18%;
10125    }
10126    
10127    
10128    .scientific-approach__design-block__connector-2 {
10129        height: 36%;
10130        
10131            bottom: -21%;
10132        
10133        left: 18%;
10134    }
10135    
10136    
10137    .scientific-approach__design-block__connector-3 {
10138        height: 36%;
10139        
10140            top: -21%;
10141        
10142        left: 18%;
10143    }
10144    
10145    
10146    .scientific-approach__design-block__connector-4 {
10147        height: 34%;
10148        
10149            bottom: -21%;
10150        
10151        left: 18%;
10152    }
10153    
10154    
10155    .scientific-approach__design-block__connector-5 {
10156        height: 36%;
10157        
10158            top: -21%;
10159        
10160        left: 18%;
10161    }
10162    
10163
10164    .scientific-approach__design-modal {
10165        padding: 24px;
10166        gap: 16px;
10167        display: flex;  
10168        flex-direction: column;
10169        background-size: contain;
10170        background-position: bottom right;
10171        background-repeat: no-repeat;
10172        background-color: #F7F7F7;
10173        box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
10174        height: fit-content;
10175        background-image: none;
10176    }
10177    .scientific-approach__design-modal__bg {
10178        position: absolute;
10179        height: 100%;
10180        width: 100%;
10181    }
10182    .scientific-approach__design-modal__header {
10183        width: 100%;
10184        display: flex;
10185        justify-content: space-between;
10186        align-items: center;
10187    }
10188    .scientific-approach__design-modal__close {
10189        cursor: pointer;
10190        pointer-events: all;
10191    }
10192    .scientific-approach__design-modal__text-truncated {
10193        display: block;
10194    }
10195    .scientific-approach__design-modal__text {
10196        display: none;
10197    }
10198    .scientific-approach__design-modal.is-active .scientific-approach__design-modal__text-truncated {
10199        display: none;
10200    }
10201    .scientific-approach__design-modal.is-active .scientific-approach__design-modal__text {
10202        display: block;
10203    }
10204    .scientific-approach__design-modal__title, .scientific-approach__design-modal__subtitle p, .scientific-approach__design-modal__text p {
10205        margin: 0;
10206    }
10207    .scientific-approach__design-modal__title {
10208        font-size: 25px;
10209        font-weight: 700;
10210    }
10211    .scientific-approach__design-modal__divider {
10212        width: 100%;
10213        height: 2px;
10214        background-color: #e3e3e3;
10215    }
10216    .scientific-approach__design-modals {
10217        position: fixed;
10218        left: 50%;
10219        top: 50%;
10220        transform: translate(-50%, -50%);
10221        visibility: hidden;
10222        opacity: 0;
10223        pointer-events: none;
10224        display: none;
10225        width: 100%;
10226    }
10227    .scientific-approach__design-modals.active {
10228        z-index: 101;
10229        visibility: visible;
10230        opacity: 1;
10231        pointer-events: all;
10232        display: block;
10233        margin-left: 0px;
10234    }
10235    .scientific-approach__design-modals-splide-track {
10236        overflow: visible;
10237        margin: 0 auto;
10238    }
10239    .scientific-approach__design-modals-splide .splide__arrow {
10240        width: 48px;
10241        height: 48px;
10242        background: #FFF;
10243        box-shadow: 0px 0px 8px 0px rgba(0, 0, 0, 0.04);
10244    }
10245    .scientific-approach__design-modals-splide .splide__arrow--prev {
10246        left: -33px;
10247    }
10248    .scientific-approach__design-modals-splide .splide__arrow--next {
10249        right: -33px;
10250    }
10251    .scientific-approach__design-modals-overlay {
10252        position: fixed;
10253        top: 0;
10254        left: -1000px;
10255        width: 100%;
10256        height: 100%;
10257        background: rgba(0, 0, 0, 0.5);
10258        z-index: -1;
10259        visibility: hidden;
10260        opacity: 0;
10261        pointer-events: none;
10262    }
10263    .scientific-approach__design-modals-overlay.active {
10264        visibility: visible;
10265        left: 0;
10266        opacity: 1;
10267        z-index: 100;
10268        pointer-events: all;
10269    }
10270    .scientific-approach__design-curve {
10271        position: absolute;
10272        width: 964px;
10273        height: 200px;
10274        left: -45px;
10275    }
10276    .scientific-approach__design-block__image-curve {
10277        position: absolute;
10278        width: 100%;
10279        height: 100%;
10280    }
10281    .scientific-approach__design-blocks-wrapper::-webkit-scrollbar {
10282        width: 90%;
10283        height: 1px;
10284        cusrsor: pointer;
10285    }
10286    .scientific-approach__design-blocks-wrapper::-webkit-scrollbar-track {
10287        background: #E7E7E7;
10288    }
10289    .scientific-approach__design-blocks-wrapper::-webkit-scrollbar-thumb {
10290        background: #212322;
10291    }
10292    .scientific-approach__design-blocks-wrapper::-webkit-scrollbar-thumb:hover {
10293        background: #212322;
10294    }
10295    .scientific-approach__design-modals-splide .splide__arrows {
10296        display: none;
10297        margin-left: 40px;
10298    }
10299    .scientific-approach__design-modals-splide .splide__list {
10300        align-items: center;
10301    }
10302    @media screen and (min-width: 480px){
10303        .scientific-approach__design-blocks {
10304            height: 700px;
10305        }
10306        .scientific-approach__design-block__text-content {
10307            width: 150%;
10308            max-width: 290px;
10309        }
10310        .scientific-approach__design-blocks {
10311            margin-left: 10vw;
10312        }
10313    }
10314    @media screen and (min-width: 768px){ 
10315        .scientific-approach {
10316            padding: 64px 0;
10317        }
10318        .scientific-approach__header {
10319            font-size: 40px;
10320            font-weight: 700;
10321            line-height: normal;
10322            max-width: 90%;
10323        }
10324        .scientific-approach__design-blocks {
10325            position: relative;
10326        }
10327        .scientific-approach__design-block__ingredient {
10328            display: block;
10329        }
10330        .scientific-approach__design-block__image-content {
10331            position: relative;
10332            display: flex;
10333            justify-content: center;
10334            align-items: center;    
10335            max-width: 191px;
10336            min-width: 191px;
10337            height: 198px;
10338        }
10339        
10340            .scientific-approach__design-block__ingredient-image-1 {
10341                top: 60% !important; 
10342                left: 52% !important;
10343            }
10344        
10345            .scientific-approach__design-block__ingredient-image-2 {
10346                top: 60% !important; 
10347                left: 50% !important;
10348            }
10349        
10350            .scientific-approach__design-block__ingredient-image-3 {
10351                top: 62% !important; 
10352                left: 48% !important;
10353            }
10354        
10355            .scientific-approach__design-block__ingredient-image-4 {
10356                top: 61% !important; 
10357                left: 47% !important;
10358            }
10359        
10360            .scientific-approach__design-block__ingredient-image-5 {
10361                top: 75% !important; 
10362                left: 70% !important;
10363            }
10364        
10365        .scientific-approach__design-block__ingredient-image {
10366            margin-top: 4px;
10367        }
10368        .scientific-approach__design-curve {
10369            position: absolute;
10370            width: 1064px;
10371            height: 228px;
10372            left: -30px;
10373        }
10374    }
10375    @media screen and (min-width: 900px){
10376        .scientific-approach__design-modals-splide .splide__list {
10377            margin-left: 0px !important;
10378        }
10379        .scientific-approach__design-modals-splide .splide__arrows {
10380            position: absolute;
10381            width: 89%;
10382            display: flex;
10383            align-items: center;
10384            justify-content: center;
10385            margin: 0 auto;
10386            top: 50%;
10387            left: 50%;
10388            transform: translate(-50%);
10389            z-index: 10;
10390            margin-left: 0px;
10391        }
10392        .scientific-approach__design-modal {
10393            /*transform: scale(0.9);*/
10394            padding: 64px;
10395            gap: 32px;
10396        }
10397        
10398             
10399                .scientific-approach__design-modal-1 {
10400                    background-image: url(//soylent.com/cdn/shop/files/Ingredient_Pop-up_Frame_6.png?v=1715135892)
10401                }
10402            
10403        
10404             
10405                .scientific-approach__design-modal-2 {
10406                    background-image: url(//soylent.com/cdn/shop/files/Ingredient_Pop-up_Frame_7.png?v=1715135892)
10407                }
10408            
10409        
10410             
10411                .scientific-approach__design-modal-3 {
10412                    background-image: url(//soylent.com/cdn/shop/files/Ingredient_Pop-up_Frame_8.png?v=1715135891)
10413                }
10414            
10415        
10416             
10417                .scientific-approach__design-modal-4 {
10418                    background-image: url(//soylent.com/cdn/shop/files/Ingredient_Pop-up_Frame_9.png?v=1715135891)
10419                }
10420            
10421        
10422             
10423                .scientific-approach__design-modal-5 {
10424                    background-image: url(//soylent.com/cdn/shop/files/Ingredient_Pop-up_Frame_10.png?v=1715135891)
10425                }
10426            
10427        
10428        .scientific-approach__design-modal.is-active {
10429            transform: unset;
10430        }
10431        .scientific-approach__design-modal-1.is-active, .scientific-approach__design-modal-1.is-active + .scientific-approach__design-modal-2 {
10432            left: 0%;
10433        }
10434        .scientific-approach__design-block__header {
10435            display: none;
10436        }
10437        .scientific-approach__design-modals {
10438            margin-left: 0px;
10439            left: 50%;
10440            top: calc(100% - 700px);
10441            transform: translateX(-50%);
10442            width: auto;
10443        }
10444        .scientific-approach__design-modal__text-truncated, .scientific-approach__design-modal__text {
10445            width: 65%;
10446        }
10447    }
10448    @media screen and (min-width: 1280px){
10449        .scientific-approach__swipe-to-view {
10450            display: none;
10451        }
10452        .scientific-approach__design-blocks-wrapper {
10453            overflow-x: initial;
10454            margin: 0 auto;
10455        }
10456        .scientific-approach__design-blocks {
10457            position: relative;
10458            justify-content: center;
10459            padding-left: 0;
10460            overflow: initial;
10461            margin-left: 0;
10462        }
10463        .scientific-approach__design-curve {
10464            left: 10px;
10465        }
10466    }
10467</style>
10468
10469<script>
10470    document.addEventListener('DOMContentLoaded', function() {
10471        const modalSplide = new Splide( '.scientific-approach__design-modals-splide', {
10472            perPage: 1,
10473            perMove: 1,
10474            cloneStatus: false,
10475            pagination: false,
10476            padding: '80px',
10477            gap: '80px',
10478            updateOnMove: true,
10479            width: '900px',
10480            useIndex: true,
10481            drag: false,
10482            breakpoints: {
10483                900: {
10484                    padding: '40px',
10485                    gap: '40px',
10486                    width: '100%',
10487                    drag: true,
10488                },
10489                480: {
10490                    padding: '32px',
10491                    gap: '16px',
10492                    width: '100%',
10493                    drag: true,
10494                }
10495            }
10496        });
10497
10498        modalSplide.mount();
10499
10500        const modalContainer = document.querySelector('.scientific-approach__design-modals');
10501        const modalBtns = document.querySelectorAll('.scientific-approach__design-block__btn')
10502        const modalCloseBtns = document.querySelectorAll('.scientific-approach__design-modal__close')
10503        const modalOverlay = document.querySelector('.scientific-approach__design-modals-overlay')
10504
10505        modalBtns.forEach((btn, index) => {
10506            btn.addEventListener('click', event => {
10507                modalContainer.classList.add('active')
10508                modalOverlay.classList.add('active')
10509                modalSplide.go(index)
10510            })
10511        })
10512
10513        modalCloseBtns.forEach(btn => {
10514            btn.addEventListener('click', event => {
10515                modalContainer.classList.remove('active')
10516                modalOverlay.classList.remove('active')
10517            })
10518        })
10519
10520        modalOverlay.addEventListener('click', event => {
10521            modalContainer.classList.remove('active')
10522            modalOverlay.classList.remove('active')
10523        })
10524    });
10525</script>
10525
10526
10527</div><div id="shopify-section-expert_recommendations_zQ63Vq" class="shopify-section">
10528
10529
10530  <style>
10531    [id="shopify-section-expert_recommendations_zQ63Vq"] {
10532      padding-top: 32px;
10533      padding-bottom: 32px;
10534      background-color: #212322;
10535    }
10536
10537    .expert-recs .hide-mobile {
10538      display: none !important;
10539    }
10540
10541    .expert-recs .title {
10542      color: #fff;
10543      line-height: 1.24;
10544      font-size: 25px;
10545      margin: 0;
10546    }
10547
10548    .expert-recs .splide {
10549      margin-top: 24px;
10550    }
10551
10552    .expert-recs .card {
10553      background-color: #fff;
10554      display: flex;
10555      flex-direction: column;
10556    }
10557
10558    .expert-recs .top {
10559      border-bottom: 1px solid #E3E3E3;
10560      height: 104px;
10561      display: flex;
10562      justify-content: center;
10563      align-items: center;
10564    }
10565
10566    .expert-recs .top img {
10567      height: 40px;
10568      width: auto;
10569    }
10570
10571    .expert-recs .bottom {
10572      padding: 24px;
10573      flex: 1;
10574      display: flex;
10575      flex-direction: column;
10576    }
10577
10578    .expert-recs .heading {
10579      font-size: 18px;
10580      line-height: 22.37px;
10581      margin: 0;
10582    }
10583
10584    .expert-recs .copy {
10585      margin-top: 8px;
10586    }
10587
10588    .expert-recs .copy .desktop {
10589      display: none
10590    }
10591
10592    .expert-recs .copy button {
10593      color: #47AF19;
10594      display: block;
10595      text-transform: lowercase;
10596      margin: 12px 0 0;
10597      padding: 0;
10598      text-decoration: underline;
10599      font-size: 16px;
10600      cursor: pointer;
10601    }
10602
10603    .expert-recs .copy p {
10604      margin: 0;
10605      font-size: 18px;
10606      line-height: 22.37px;
10607    }
10608
10609    .expert-recs .controls {
10610      display: flex;
10611      justify-content: center;
10612      margin-top: 16px;
10613    }
10614
10615    .expert-recs .progress {
10616      display: none;
10617    }
10618
10619    .expert-recs .counter {
10620      display: flex;
10621      align-items: center;
10622      color: #fff;
10623      margin-top: -6px;
10624    }
10625
10626    .expert-recs .link {
10627      color: #47AF19;
10628      display: block;
10629      text-decoration: underline;
10630      text-transform: lowercase;
10631      margin-top: auto;
10632      padding-top: 12px;
10633    }
10634
10635    .expert-recs .link::after {
10636      position: absolute;
10637      margin-left: 4px;
10638      content: url('https://cdn.shopify.com/s/files/1/0003/5933/3902/files/external_link_icon_de41d55d-2ba9-4170-9158-db2003ce9f12.svg?v=1712595892');
10639    }
10640
10641    .expert-recs .arrows {
10642      display: flex;
10643      gap: 16px;
10644    }
10645
10646    .expert-recs .arrows button {
10647      cursor: pointer;
10648      outline: none;
10649      padding: 0;
10650    }
10651
10652    @media screen and (min-width: 768px) {
10653      .expert-recs .copy .mobile {
10654        display: none;
10655      }
10656
10657      .expert-recs .hide-desktop {
10658        display: none !important;
10659      }
10660
10661      .expert-recs .counter {
10662        display: none;
10663      }
10664
10665      .expert-recs .copy .desktop {
10666        display: block;
10667      }
10668
10669      .expert-recs .hide-mobile {
10670        display: block !important;
10671      }
10672
10673      .expert-recs .controls {
10674        margin-top: 24px;
10675        align-items: center;
10676        justify-content: space-between;
10677        gap: 30px;
10678      }
10679
10680      .expert-recs .progress {
10681        display: block;
10682        background: #e7e7e7;
10683        width: 100%;
10684        position: relative;
10685        height: 1px;
10686      }
10687
10688      .expert-recs .progress-bar {
10689        background: #47AF19;
10690        height: 1px;
10691        transition: left 400ms ease;
10692        position: absolute;
10693        left: 0;
10694        top: 0;
10695      }
10696    }
10697
10698    @media screen and (min-width: 1024px) {
10699      [id="shopify-section-expert_recommendations_zQ63Vq"] {
10700        padding-top: 64px;
10701        padding-bottom: 64px;
10702      }
10703
10704      .expert-recs .title {
10705        font-size: 40px;
10706      }
10707
10708      .expert-recs .top img {
10709        height: 48px;
10710      }
10711
10712      .expert-recs .splide {
10713        margin-top: 40px;
10714      }
10715
10716      .expert-recs .bottom {
10717        padding: 32px;
10718      }
10719
10720      .expert-recs .heading {
10721        font-size: 25px;
10722        line-height: 31.08px;
10723      }
10724
10725      .expert-recs .copy {
10726        margin-top: 16px;
10727      }
10728
10729      .expert-recs .link {
10730        display: block;
10731      }
10732
10733      .expert-recs .controls {
10734        margin-top: 40px;
10735      }
10736    }
10737  </style>
10738
10739  <section class="expert-recs container">
10740    
10741      <h2 class="title hide-desktop">
10742        Soylent fuels science.<br>because it is science.
10743      </h2>
10744    
10745    
10746      <h2 class="title hide-mobile">
10747        Soylent fuels science. because it is science.
10748      </h2>
10749    
10750    <div id="expert_recommendations_zQ63Vq-splide" class="splide">
10751      <div class="splide__track">
10752        <ul class="splide__list">
10753          
10754            <li class="splide__slide card">
10755              <div class="top" style="background-color: #ffffff;">
10756                <img
10757                  src="//soylent.com/cdn/shop/files/53d1f978e3af345e5a44abf55eb5cd0a.png?v=1714755390"
10758                  width="140"
10759                  height="48"
10760                  alt="Logo">
10761              </div>
10762              <div class="bottom">
10763                
10764                  <h3 class="heading">
10765                    Soylent complete meal shakes help cancer patients maintain weight and quality of life
10766                  </h3>
10767                
10768                
10769                  <div class="copy" x-data="{ showFullText: false }">
10770                    <div class="desktop">
10771                      <p>Soylent liquid meal replacement with aggressive dietary monitoring appears to be a promising approach for maximizing patient-reported quality of life and reducing the rate of feeding tube placements.</p>
10772                    </div>
10773                    <div class="mobile" x-show="!showFullText">
10774                      <p>Soylent liquid meal replacement with aggressive dietary moni...
10775                      <button x-on:click="showFullText = true">Read more</button>
10776                    </div>
10777                    <div class="mobile" x-show="showFullText">
10778                      <p>Soylent liquid meal replacement with aggressive dietary monitoring appears to be a promising approach for maximizing patient-reported quality of life and reducing the rate of feeding tube placements.</p>
10779                      
10780                        <a
10781                          class="link"
10782                          href="https://www.redjournal.org/article/S0360-3016(21)01984-2/fulltext"
10783                          target="_blank">
10784                          Check out their research.
10785                        </a>
10786                      
10787                      <button x-on:click="showFullText = false">Read less</button>
10788                    </div>
10789                  </div>
10790                
10791                
10792                  <a
10793                    class="link hide-mobile"
10794                    href="https://www.redjournal.org/article/S0360-3016(21)01984-2/fulltext"
10795                    target="_blank">
10796                    Check out their research.
10797                  </a>
10798                
10799              </div>
10800            </li>
10801          
10802            <li class="splide__slide card">
10803              <div class="top" style="background-color: #ffffff;">
10804                <img
10805                  src="//soylent.com/cdn/shop/files/UCLA_Health.png?v=1714446762"
10806                  width="140"
10807                  height="48"
10808                  alt="Logo">
10809              </div>
10810              <div class="bottom">
10811                
10812                  <h3 class="heading">
10813                    Soylent is the perfect hack in the cholesterol lowering portfolio diet.
10814                  </h3>
10815                
10816                
10817                  <div class="copy" x-data="{ showFullText: false }">
10818                    <div class="desktop">
10819                      <p>In addition to reducing LDL (or 'bad') cholesterol by about 30% when combined with a low-saturated fat diet — a level comparable to medications — the researchers found the diet limited other factors for an estimated 13% reduction in the overall risk for coronary heart disease, which includes angina and heart attack.</p>
10820                    </div>
10821                    <div class="mobile" x-show="!showFullText">
10822                      <p>In addition to reducing LDL (or 'bad') cholesterol by about ...
10823                      <button x-on:click="showFullText = true">Read more</button>
10824                    </div>
10825                    <div class="mobile" x-show="showFullText">
10826                      <p>In addition to reducing LDL (or 'bad') cholesterol by about 30% when combined with a low-saturated fat diet — a level comparable to medications — the researchers found the diet limited other factors for an estimated 13% reduction in the overall risk for coronary heart disease, which includes angina and heart attack.</p>
10827                      
10828                        <a
10829                          class="link"
10830                          href="https://temertymedicine.utoronto.ca/news/portfolio-diet-lowers-many-risk-factors-heart-disease"
10831                          target="_blank">
10832                          Check out their research.
10833                        </a>
10834                      
10835                      <button x-on:click="showFullText = false">Read less</button>
10836                    </div>
10837                  </div>
10838                
10839                
10840                  <a
10841                    class="link hide-mobile"
10842                    href="https://temertymedicine.utoronto.ca/news/portfolio-diet-lowers-many-risk-factors-heart-disease"
10843                    target="_blank">
10844                    Check out their research.
10845                  </a>
10846                
10847              </div>
10848            </li>
10849          
10850            <li class="splide__slide card">
10851              <div class="top" style="background-color: #ffffff;">
10852                <img
10853                  src="//soylent.com/cdn/shop/files/89fd84102944ff1f6d74dc82875045b4.png?v=1714784951"
10854                  width="140"
10855                  height="48"
10856                  alt="Logo">
10857              </div>
10858              <div class="bottom">
10859                
10860                  <h3 class="heading">
10861                    Soylent can improve your gut microbiome.
10862                  </h3>
10863                
10864                
10865                  <div class="copy" x-data="{ showFullText: false }">
10866                    <div class="desktop">
10867                      <p>Among Soylent dieters, we find a significant increase in the ratio of Bacteroidetes to Firmicutes abundance, which is associated with several positive health outcomes, including reduced risks of obesity and intestinal inflammation.</p>
10868                    </div>
10869                    <div class="mobile" x-show="!showFullText">
10870                      <p>Among Soylent dieters, we find a significant increase in the...
10871                      <button x-on:click="showFullText = true">Read more</button>
10872                    </div>
10873                    <div class="mobile" x-show="showFullText">
10874                      <p>Among Soylent dieters, we find a significant increase in the ratio of Bacteroidetes to Firmicutes abundance, which is associated with several positive health outcomes, including reduced risks of obesity and intestinal inflammation.</p>
10875                      
10876                        <a
10877                          class="link"
10878                          href="https://www.biorxiv.org/content/10.1101/200881v1.full"
10879                          target="_blank">
10880                          Check out their research.
10881                        </a>
10882                      
10883                      <button x-on:click="showFullText = false">Read less</button>
10884                    </div>
10885                  </div>
10886                
10887                
10888                  <a
10889                    class="link hide-mobile"
10890                    href="https://www.biorxiv.org/content/10.1101/200881v1.full"
10891                    target="_blank">
10892                    Check out their research.
10893                  </a>
10894                
10895              </div>
10896            </li>
10897          
10898            <li class="splide__slide card">
10899              <div class="top" style="background-color: #ffffff;">
10900                <img
10901                  src="//soylent.com/cdn/shop/files/e5ec54a7bf15d9d5f42df90e973d3b63.png?v=1714784937"
10902                  width="140"
10903                  height="48"
10904                  alt="Logo">
10905              </div>
10906              <div class="bottom">
10907                
10908                  <h3 class="heading">
10909                    More than 700 Google staff members regular use Soylent to fuel their innovation.
10910                  </h3>
10911                
10912                
10913                
10914              </div>
10915            </li>
10916          
10917            <li class="splide__slide card">
10918              <div class="top" style="background-color: #ffffff;">
10919                <img
10920                  src="//soylent.com/cdn/shop/files/8048633cb2173131e2116dd983235fb2.png?v=1714785205"
10921                  width="140"
10922                  height="48"
10923                  alt="Logo">
10924              </div>
10925              <div class="bottom">
10926                
10927                  <h3 class="heading">
10928                    400+ MIT students and faculty have used Soylent to nourish their minds and bodies. The future of technology runs on Soylent!
10929                  </h3>
10930                
10931                
10932                
10933              </div>
10934            </li>
10935          
10936        </ul>
10937      </div>
10938    </div>
10939    <div class="controls">
10940      <div class="progress">
10941        <div class="progress-bar"></div>
10942      </div>
10943      <div class="arrows">
10944        <button class="nav-prev" type="button">
10945          <svg
10946            width="23"
10947            height="16"
10948            viewBox="0 0 23 16"
10949            fill="none"
10950            xmlns="http://www.w3.org/2000/svg">
10951            <path
10952              class="prev-path"
10953              d="M6.47103 0L7.55864 1.34461L2.94435 7.04926H23V8.95092H2.94449L7.55864 14.6554L6.47103 16L0 8L6.47103 0Z"
10954              fill="#AFAFAF" />
10955          </svg>
10956        </button>
10957        <div class="counter">
10958          <span data-slide-index>1</span>/<span>5</span>
10959        </div>
10960        <button class="nav-next" type="button">
10961          <svg
10962            width="23"
10963            height="16"
10964            viewBox="0 0 23 16"
10965            fill="none"
10966            xmlns="http://www.w3.org/2000/svg">
10967            <path
10968              class="next-path"
10969              d="M16.529 0L15.4414 1.34461L20.0557 7.04926H0V8.95092H20.0555L15.4414 14.6554L16.529 16L23 8L16.529 0Z"
10970              fill="#FFFFFF" />
10971          </svg>
10972        </button>
10973      </div>
10974    </div>
10975  </section>
10976
10977  
10977<script>
10978    document.addEventListener('DOMContentLoaded', function () {
10979      const splideOptions = {
10980        perPage: 1,
10981        perMove: 1,
10982        pagination: false,
10983        arrows: false,
10984        mediaQuery: 'min',
10985        gap: 16,
10986        breakpoints: {
10987          768: {
10988            perPage: 2,
10989            gap: 24,
10990          },
10991          1024: {
10992            perPage: 2,
10993            gap: 36,
10994          },
10995        },
10996      };
10997
10998      const sectionEl = document.querySelector('#shopify-section-expert_recommendations_zQ63Vq');
10999      const splide = new Splide('#expert_recommendations_zQ63Vq-splide', splideOptions);
11000      const bar = sectionEl.querySelector('.expert-recs .progress-bar');
11001
11002      splide.on('mounted', function () {
11003        const navPrev = sectionEl.querySelector('.nav-prev');
11004        const navNext = sectionEl.querySelector('.nav-next');
11005        navPrev.addEventListener('click', () => splide.go('<'));
11006        navNext.addEventListener('click', () => splide.go('>'));
11007      });
11008
11009      splide.on('moved', function () {
11010        const currentIndex = splide.index;
11011        const end = splide.Components.Controller.getEnd();
11012        const prevSvgPath = sectionEl.querySelector('.nav-prev .prev-path');
11013        const nextSvgPath = sectionEl.querySelector('.nav-next .next-path');
11014
11015        if (currentIndex === 0) {
11016          prevSvgPath.setAttribute('fill', '#AFAFAF');
11017        } else {
11018          prevSvgPath.setAttribute('fill', '#FFFFFF');
11019        }
11020
11021        if (currentIndex === end) {
11022          nextSvgPath.setAttribute('fill', '#AFAFAF');
11023        } else {
11024          nextSvgPath.setAttribute('fill', '#FFFFFF');
11025        }
11026      });
11027
11028      splide.on('mounted move', function () {
11029        const end = splide.Components.Controller.getEnd() + 1;
11030        const barWidth = 100 / end;
11031        const currentIndex = splide.index;
11032
11033        bar.style.width = `${barWidth + 1}%`;
11034        bar.style.left = `${barWidth * currentIndex}%`;
11035      });
11036
11037      splide.on('moved', function (newIndex) {
11038        const counter = sectionEl.querySelector('[data-slide-index]');
11039
11040        if (!counter) {
11041          return;
11042        }
11043
11044        counter.textContent = newIndex + 1;
11045      });
11046
11047      splide.mount();
11048    });
11049  </script>
11049
11050
11051
11052</div><div id="shopify-section-color_band_divider_zAx4NN" class="shopify-section"><div class="color-band-divider">
11053  
11054    <div class="color-band-section" style="background-color: #f8485e;"></div>
11055  
11056    <div class="color-band-section" style="background-color: #eed484;"></div>
11057  
11058    <div class="color-band-section" style="background-color: #623b2a;"></div>
11059  
11060    <div class="color-band-section" style="background-color: #ade8bf;"></div>
11061  
11062    <div class="color-band-section" style="background-color: #5e93db;"></div>
11063  
11064</div>
11065<style>
11066[id="shopify-section-color_band_divider_zAx4NN"] {
11067  padding-top: 0px;
11068  padding-bottom: 24px;
11069}
11070@media screen and (min-width: 1024px) {
11071  [id="shopify-section-color_band_divider_zAx4NN"] {
11072    padding-top: 0px;
11073    padding-bottom: 32px;
11074  }
11075}
11076.color-band-divider {
11077  display: flex;
11078  justify-content: center;
11079  align-items: stretch;
11080}
11081.color-band-section {
11082  height: 24px;
11083  flex: 1 1 auto;
11084}
11085@media screen and (min-width: 992px){
11086  .color-band-section {
11087    height: 40px;
11088  }
11089}
11090</style>
11091</div><div id="shopify-section-press_logos_UYcabt" class="shopify-section"><div class="press-logos-container container container-ls">
11092  <div id="press_logos_UYcabt-splide" class="splide press-logos-carousel">
11093    <div class="splide__track">
11094      <ul class="splide__list">
11095        
11096          <li class="press-logo splide__slide card">
11097            
11098              <a href="https://www.nytimes.com/2019/04/18/style/soylent-squared-food-bars.html?partner=IFTTT" target="_blank">
11099            
11100              <img src="//soylent.com/cdn/shop/files/new-york-times-logo.png?height=250&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">
11101            
11102              </a>
11103            
11104          </li>
11105        
11106          <li class="press-logo splide__slide card">
11107            
11108              <a href="https://time.com/collection/best-inventions-2019/5733091/soylent-squared/" target="_blank">
11109            
11110              <img src="//soylent.com/cdn/shop/files/time-logo.png?height=250&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">
11111            
11112              </a>
11113            
11114          </li>
11115        
11116          <li class="press-logo splide__slide card">
11117            
11118              <a href="https://www.forbes.com/sites/christinatroitino/2020/04/13/meal-replacement-startup-soylent-returns-to-canada-for-first-time-since-2017/?sh=473b858f5d59" target="_blank">
11119            
11120              <img src="//soylent.com/cdn/shop/files/forbes-logo.png?height=250&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">
11121            
11122              </a>
11123            
11124          </li>
11125        
11126          <li class="press-logo splide__slide card">
11127            
11128              <a href="https://www.cnn.com/2019/04/19/business/soylent-meal-bar-growth-strategy/index.html" target="_blank">
11129            
11130              <img src="//soylent.com/cdn/shop/files/cnn-logo.png?height=250&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">
11131            
11132              </a>
11133            
11134          </li>
11135        
11136          <li class="press-logo splide__slide card">
11137            
11138              <a href="https://www.sfgate.com/shopping/article/Soylent-review-drink-for-3-years-14992445.php" target="_blank">
11139            
11140              <img src="//soylent.com/cdn/shop/files/sfgate-logo.png?height=250&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">
11141            
11142              </a>
11143            
11144          </li>
11145        
11146          <li class="press-logo splide__slide card">
11147            
11148              <a href="https://podcasts.apple.com/us/podcast/smartless/id1521578868" target="_blank">
11149            
11150              <img src="//soylent.com/cdn/shop/files/smartless-logo.png?height=250&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">
11151            
11152              </a>
11153            
11154          </li>
11155        
11156          <li class="press-logo splide__slide card">
11157            
11158              <a href="https://www.vox.com/the-goods/2019/11/11/20953750/soylent-huel-sustainable-meal-replacement-tried" target="_blank">
11159            
11160              <img src="//soylent.com/cdn/shop/files/vox-logo.png?height=250&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">
11161            
11162              </a>
11163            
11164          </li>
11165        
11166          <li class="press-logo splide__slide card">
11167            
11168              <a href="https://www.fastcompany.com/90453441/youtube-beauty-star-michelle-phan-wake
11168s-up-without-an-alarm" target="_blank">
11169            
11170              <img src="//soylent.com/cdn/shop/files/fast-company-logo.png?height=250&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">
11171            
11172              </a>
11173            
11174          </li>
11175        
11176          <li class="press-logo splide__slide card">
11177            
11178              <a href="https://techcrunch.com/2019/04/18/soylent-now-sells-solid-snack-bars/" target="_blank">
11179            
11180              <img src="//soylent.com/cdn/shop/files/techcrunch-logo.png?height=250&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">
11181            
11182              </a>
11183            
11184          </li>
11185        
11186      </ul>
11187    </div>
11188    <div class="controls">
11189      <div class="progress">
11190        <div class="progress-bar"></div>
11191      </div>
11192      <div class="arrows">
11193        <button class="nav-prev" type="button">
11194          <svg
11195            width="23"
11196            height="16"
11197            viewBox="0 0 23 16"
11198            fill="none"
11199            xmlns="http://www.w3.org/2000/svg">
11200            <path
11201              class="prev-path"
11202              d="M6.47103 0L7.55864 1.34461L2.94435 7.04926H23V8.95092H2.94449L7.55864 14.6554L6.47103 16L0 8L6.47103 0Z"
11203              fill="#AFAFAF" />
11204          </svg>
11205        </button>
11206        <div class="counter" style="display: none !important;">
11207          <span data-slide-index>1</span>/<span class="press-logos-desktop">9</span><span class="press-logos-mobile">4</span>
11208        </div>
11209        <button class="nav-next" type="button">
11210          <svg
11211            width="23"
11212            height="16"
11213            viewBox="0 0 23 16"
11214            fill="none"
11215            xmlns="http://www.w3.org/2000/svg">
11216            <path
11217              class="next-path"
11218              d="M16.529 0L15.4414 1.34461L20.0557 7.04926H0V8.95092H20.0555L15.4414 14.6554L16.529 16L23 8L16.529 0Z"
11219              fill="#000000" />
11220          </svg>
11221        </button>
11222      </div>
11223    </div>
11224  </div>
11225</div>
11226<script>
11227  document.addEventListener('DOMContentLoaded', function() {
11228    const splideOptions = {
11229      perPage: 2,
11230      perMove: 1,
11231      pagination: false,
11232      arrows: false,
11233      mediaQuery: 'min',
11234      gap: 16,
11235      grid: {
11236        rows: 2,
11237        gap : {
11238          row: '1rem',
11239        }
11240      },
11241      breakpoints: {
11242        768: {
11243          grid: {
11244            rows: 1,
11245          },
11246          perPage: 4,
11247          gap: 36
11248        },
11249      }
11250    };
11251
11252    const sectionEl = document.querySelector('#shopify-section-press_logos_UYcabt');
11253    const splide = new Splide('#press_logos_UYcabt-splide', splideOptions);
11254    const bar = sectionEl.querySelector('.progress-bar');
11255    const counter = sectionEl.querySelector('[data-slide-index]');
11256
11257    splide.on('mounted', function() {
11258      const navPrev = sectionEl.querySelector('.nav-prev');
11259      const navNext = sectionEl.querySelector('.nav-next');
11260      navPrev.addEventListener('click', () => splide.go('<'));
11261      navNext.addEventListener('click', () => splide.go('>'));
11262    });
11263
11264    splide.on('moved', function(newIndex) {
11265      const currentIndex = splide.index;
11266      const end = splide.Components.Controller.getEnd();
11267      const prevSvgPath = sectionEl.querySelector('.nav-prev .prev-path');
11268      const nextSvgPath = sectionEl.querySelector('.nav-next .next-path');
11269
11270      if (currentIndex === 0) {
11271        prevSvgPath.setAttribute('fill', '#AFAFAF');
11272      } else {
11273        prevSvgPath.setAttribute('fill', '#000000');
11274      }
11275
11276      if (currentIndex === end) {
11277        nextSvgPath.setAttribute('fill', '#AFAFAF');
11278      } else {
11279        nextSvgPath.setAttribute('fill', '#000000');
11280      }
11281
11282      if (!counter) {
11283        return;
11284      }
11285      counter.textContent = newIndex + 1;
11286    });
11287
11288    splide.on('mounted move', function() {
11289      const end = splide.Components.Controller.getEnd() + 1;
11290      const barWidth = 100 / end;
11291      const currentIndex = splide.index;
11292      bar.style.width = `${
11293        barWidth + 1
11294      }%`;
11295      bar.style.left = `${
11296        barWidth * currentIndex
11297      }%`;
11298    });
11299
11300    splide.mount(window.splide.Extensions);
11301  });
11302</script>
11302
11303<style>
11304  .press-logos-desktop {
11305    display: none;
11306  }
11307  .press-logo.card {
11308    display: flex;
11309    flex-direction: column;
11310    justify-content: center;
11311    align-items: center;
11312    padding: 30px;
11313  }
11314  .press-logo.card img {
11315    width: auto;
11316    max-height: 65px;
11317  }
11318  
11319  .press-logos-container .controls {
11320    display: flex;
11321    justify-content: center;
11322    margin-top: 16px;
11323    align-items: center;
11324    justify-content: space-between;
11325    gap: 30px;
11326  }
11327
11328  .press-logos-container .counter {
11329    display: flex;
11330    align-items: center;
11331    margin-top: -6px;
11332  }
11333  
11334  .press-logos-container .arrows {
11335    display: flex;
11336    gap: 16px;
11337  }
11338
11339  .press-logos-container .arrows button {
11340    cursor: pointer;
11341    outline: none;
11342    padding: 0;
11343  }
11344  
11345  .press-logos-container .progress {
11346    display: block;
11347    background: #e7e7e7;
11348    width: 100%;
11349    position: relative;
11350    height: 1px;
11351  }
11352
11353  .press-logos-container .progress-bar {
11354    background: #000000;
11355    height: 1px;
11356    transition: left 400ms ease;
11357    position: absolute;
11358    left: 0;
11359    top: 0;
11360  }
11361  
11362  @media screen and (min-width: 768px){
11363    .press-logos-desktop {
11364      display: inline;
11365    }
11366    .press-logos-mobile {
11367      display: none;
11368    }
11369    .press-logos-container .controls {
11370      margin-top: 24px;
11371    }
11372  }
11373</style>
11374</div><div id="shopify-section-index_spacer_fVpNNh" class="shopify-section"><div data-section-id="index_spacer_fVpNNh" data-section-type="spacer">
11375  
11376  <style type="text/css">
11377    
11378      #spacer-index_spacer_fVpNNh {
11379        height: 50px;
11380      }
11381    
11382
11383    
11384      @media (max-width: 991px) {
11385        #spacer-index_spacer_fVpNNh {
11386          height: 50px;
11387        }
11388      }
11389    
11390
11391    
11392      @media (max-width: 767px) {
11393        #spacer-index_spacer_fVpNNh {
11394          height: 50px;
11395        }
11396      }
11397        
11398  </style>
11399
11400
11401<div id="spacer-index_spacer_fVpNNh"
11402      class="spacer  spacer--medium">
11403</div>
11404</div>
11405
11406</div><div id="shopify-section-7898940e-9743-455c-9c34-02c3fbdac70d" class="shopify-section"><style>
11407  [id="shopify-section-7898940e-9743-455c-9c34-02c3fbdac70d"] {
11408    padding-top: 32px;
11409    padding-bottom: 32px;
11410    background-color: #F7F7F7;
11411  }
11412
11413  @media screen and (min-width: 1024px) {
11414    [id="shopify-section-7898940e-9743-455c-9c34-02c3fbdac70d"] {
11415      padding-top: 64px;
11416      padding-bottom: 64px;
11417    }
11418  }
11419</style>
11420
11421
11422
11423
11424
11425  <div
11426  data-oke-carousel
11427  
11428  
11429  
11430  >
11431  </div>
11432
11433</div><div id="shopify-section-1624346964e5b3b4c2" class="shopify-section section-spacing section-spacing--bottom-desktop-none">
11434<div class="try-it-person">
11435    <div class="try-it-person__container container">
11436      <div class="try-it-person__inner">
11437        <div class="try-it-person__content">
11438          <div class="try-it-person__content-inner"><h4 class="try-it-person__content-title small-heading">want a Soylent today?</h4><div class="try-it-person__content-description p-small">whether you’d like to try a single bottle, our 11oz size or get your Soylent today – we’re waiting just around the corner for you.</div><div class="try-it-person__content-icons"><div class="try-it-person__content-icon"><div class="try-it-person__content-icon-image">
11439                        <img src="//soylent.com/cdn/shop/files/amazon_150x.png?v=1623991879" alt="Amazon" width="138" height="42" />
11440                      </div></div><div class="try-it-person__content-icon"><div class="try-it-person__content-icon-image">
11441                        <img src="//soylent.com/cdn/shop/files/walmart_150x.png?v=1623991880" alt="Walmart" width="138" height="42" />
11442                      </div></div><div class="try-it-person__content-icon"><div class="try-it-person__content-icon-image">
11443                        <img src="//soylent.com/cdn/shop/files/FreshCart_Kroger_Lockup_-768x286_150x.png?v=1715032582" alt="Kroger" width="138" height="42" />
11444                      </div></div><div class="try-it-person__content-icon"><div class="try-it-person__content-icon-image">
11445                        <img src="//soylent.com/cdn/shop/files/Meijer_logo_svg_150x.png?v=1715032689" alt="Meijer" width="138" height="42" />
11446                      </div></div><div class="try-it-person__content-icon"><div class="try-it-person__content-icon-image">
11447                        <img src="//soylent.com/cdn/shop/files/H-E-B_logo_svg_150x.png?v=1715032739" alt="HEB" width="138" height="42" />
11448                      </div></div></div><div class="try-it-person__content-buttons"><a class="try-it-person__content-cta f9 fw7 uppercase" href="/pages/store-locator">Find soylent near you</a></div>
11449          </div>
11450        </div>
11451
11452        <div class="try-it-person__image">
11453          <div class="try-it-person__picture">
11454            <picture><source
11455                  media="(max-width: 767px)"
11456                  sizes="(min-width: 1440px) 33vw ,(min-width: 1024px) 50vw ,(min-width: 768px) 50vw ,100vw"
11457                  data-srcset="//soylent.com/cdn/shop/files/NYNY_Retail_HP_640x.jpg?v=1703789225 640w"
11458                /><source
11459                  media="(max-width: 999px)"
11460                  sizes="(min-width: 1440px) 33vw ,(min-width: 1024px) 50vw ,(min-width: 768px) 50vw ,100vw"
11461                  data-srcset="//soylent.com/cdn/shop/files/NYNY_Retail_HP_2024x.jpg?v=1703789225 1024w"
11462                /><source
11463                  media="(min-width: 1000px)"
11464                  sizes="(min-width: 1440px) 33vw ,(min-width: 1024px) 50vw ,(min-width: 768px) 50vw ,100vw"
11465                  data-srcset="//soylent.com/cdn/shop/files/NYNY_Retail_HP_2160x.jpg?v=1703789225 2160w"
11466                /><img
11467                data-src="//soylent.com/cdn/shop/files/NYNY_Retail_HP_1600x.jpg?v=1703789225"
11468                class="lazyload try-it-person__picture-img object-contain"
11469                alt="want a Soylent today?" />
11470            </picture>
11471          </div>
11472        </div>
11473      </div>
11474    </div>
11475  </div><style>
11476  #shopify-section-1624346964e5b3b4c2 {
11477    background: #ffffff;
11478    color: #212322 !important;
11479  }
11480</style>
11481
11482
11483</div><div id="shopify-section-62d23f20-3dda-4065-a552-98ae602c34c6" class="shopify-section"><div data-section-id="62d23f20-3dda-4065-a552-98ae602c34c6" data-section-type="spacer">
11484  
11485  <style type="text/css">
11486    
11487      #spacer-62d23f20-3dda-4065-a552-98ae602c34c6 {
11488        height: 25px;
11489      }
11490    
11491
11492    
11493      @media (max-width: 991px) {
11494        #spacer-62d23f20-3dda-4065-a552-98ae602c34c6 {
11495          height: 50px;
11496        }
11497      }
11498    
11499
11500    
11501      @media (max-width: 767px) {
11502        #spacer-62d23f20-3dda-4065-a552-98ae602c34c6 {
11503          height: 50px;
11504        }
11505      }
11506        
11507  </style>
11508
11509
11510<div id="spacer-62d23f20-3dda-4065-a552-98ae602c34c6"
11511      class="spacer  spacer--medium">
11512</div>
11513</div>
11514
11515</div><div id="shopify-section-1624346248a5613673" class="shopify-section section-spacing section-spacing--small">
11516  <section class="our-mission">
11517    <div class="container">
11518      
11519        <h2 class="small-heading our-mission__title">good for you, good for the planet.</h2>
11520      
11521      <div class="our-mission__inner">
11522        
11523          <div class="our-mission__content-grid">
11524            
11525              <div class="our-mission__item">
11526                <div class="our-mission__item-icon">
11527                  <img
11528                    class="lazyload"
11529                    src="//soylent.com/cdn/shop/files/icon-1.svg?v=14487901786495830135"
11530                    data-src="//soylent.com/cdn/shop/files/icon-1.svg?v=14487901786495830135"
11531                    alt="complete nutrition"
11532                    width="67"
11533                    height="67"
11534                  >
11535                </div>
11536                <div class="our-mission__item-content">
11537                  <h3 class="p1 fw7 our-mission__item-title">complete nutrition</h3>
11538                  <p class="p1 our-mission__item-description">Soylent products help you meet your daily and weekly nutritional goals. Our products can both stand in for complete meals as well as fill your nutrition gaps as snacks, supplements, and beyond!</p>
11539                </div>
11540              </div>
11541            
11542              <div class="our-mission__item">
11543                <div class="our-mission__item-icon">
11544                  <img
11545                    class="lazyload"
11546                    src="//soylent.com/cdn/shop/files/icon-3.svg?v=17286142263843201633"
11547                    data-src="//soylent.com/cdn/shop/files/icon-3.svg?v=17286142263843201633"
11548                    alt="sustainability"
11549                    width="67"
11550                    height="67"
11551                  >
11552                </div>
11553                <div class="our-mission__item-content">
11554                  <h3 class="p1 fw7 our-mission__item-title">sustainability</h3>
11555                  <p class="p1 our-mission__item-description">Soylent supports sustainable agriculture and employs best practices to reduce our carbon footprint across our entire supply chain.</p>
11556                </div>
11557              </div>
11558            
11559              <div class="our-mission__item">
11560                <div class="our-mission__item-icon">
11561                  <img
11562                    class="lazyload"
11563                    src="//soylent.com/cdn/shop/files/icon-2.svg?v=16588380698404734469"
11564                    data-src="//soylent.com/cdn/shop/files/icon-2.svg?v=16588380698404734469"
11565                    alt="science-based"
11566                    width="67"
11567                    height="67"
11568                  >
11569                </div>
11570                <div class="our-mission__item-content">
11571                  <h3 class="p1 fw7 our-mission__item-title">science-based</h3>
11572                  <p class="p1 our-mission__item-description">every ingredient in our products is backed by science and carefully selected for specific and synergistic functional benefits.</p>
11573                </div>
11574              </div>
11575            
11576              <div class="our-mission__item">
11577                <div class="our-mission__item-icon">
11578                  <img
11579                    class="lazyload"
11580                    src="//soylent.com/cdn/shop/files/icon-4.svg?v=17484930403509546712"
11581                    data-src="//soylent.com/cdn/shop/files/icon-4.svg?v=17484930403509546712"
11582                    alt="affordability"
11583                    width="67"
11584                    height="67"
11585                  >
11586                </div>
11587                <div class="our-mission__item-content">
11588                  <h3 class="p1 fw7 our-mission__item-title">affordability</h3>
11589                  <p class="p1 our-mission__item-description">we believe that everyone has the right to nutritious meals and are committed to having products that are affordable and accessible to all.</p>
11590                </div>
11591              </div>
11592            
11593          </div>
11594        
11595
11596        <div class="our-mission__counting">
11597          
11598            <h3 class="p1 fw7 our-mission__counting-text">over 6 million meals donated through #SoylentForGood!</h3>
11599          
11600          
11601            <p class="f11 fw7 our-mission__counting-number">6,179,898</p>
11602          
11603          
11604            <a href="/blogs/news/tagged/soylent-for-good" class="cta cta-7 our-mission__cta">Learn more</a>
11605          
11606        </div>
11607      </div>
11608    </div>
11609  </section>
11610
11611
11612<style>
11613  #shopify-section-1624346248a5613673 {
11614    background: #ffffff;
11615    color: #212322 !important;
11616    padding-top: 0px;
11617    padding-bottom: 0px;
11618  }
11619</style>
11620
11621
11622</div><div id="shopify-section-66b5207c-42fd-4c86-a9ca-782d5cd46b91" class="shopify-section"><div data-section-id="66b5207c-42fd-4c86-a9ca-782d5cd46b91" data-section-type="spacer">
11623  
11624  <style type="text/css">
11625    
11626      #spacer-66b5207c-42fd-4c86-a9ca-782d5cd46b91 {
11627        height: 50px;
11628      }
11629    
11630
11631    
11632      @media (max-width: 991px) {
11633        #spacer-66b5207c-42fd-4c86-a9ca-782d5cd46b91 {
11634          height: 50px;
11635        }
11636      }
11637    
11638
11639    
11640      @media (max-width: 767px) {
11641        #spacer-66b5207c-42fd-4c86-a9ca-782d5cd46b91 {
11642          height: 50px;
11643        }
11644      }
11645        
11646  </style>
11647
11648
11649<div id="spacer-66b5207c-42fd-4c86-a9ca-782d5cd46b91"
11650      class="spacer  spacer--medium">
11651</div>
11652</div>
11653
11654</div><div id="shopify-section-1a0b50ab-3269-420a-9b40-f896e6a88d72" class="shopify-section"><section class="foursixty-section container">
11655
11656<header>
11657<h2 class="small-heading fs_title">follow us @ Soylent</h2>
11658<p style="padding-bottom:15px;">tag us on Instagram for a chance to be featured!</p>  
11659</header>
11660   
11661<script src="//foursixty.com/media/scripts/fs.embed.v2.5.js" data-category-filter="Homepage" data-show-okendo-stars="true" data-feed-id="soylent" data-theme="lookbook_v2_5" data-open-links-in-same-page="true" data-page-size="12"></script>
11661
11662<style>
11663.fs-has-links::after { padding:8px 12px;background-color:rgba(0,0,0,1);color:rgba(177, 214, 180, 0.8);content:"SHOP NOW"; } .fs-wrapper { height:auto; } .fs-lookbook_v2_5  .fs-entry-container { height:0 !important;width:16.6666667%!important;padding-top:16.6666667%!important; } .fs-wrapper div.fs-text-container .fs-entry-title, div.fs-detail-title { font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-style:normal;font-weight:normal;font-size:12px; } div.fs-text-container .fs-entry-date, div.fs-detail-container .fs-post-info, div.fs-wrapper div.fs-has-links::after, .fs-text-product, .fs-overlink-text { font-family:Lato,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol;font-style:normal;font-weight:bold;font-size:14px; } .fs-wrapper div.fs-text-container * { color:rgba(0,0,0,1); } .fs-wrapper div.fs-text-container { background-color:rgba(177, 214, 180, 0.6);margin:0px; } div.fs-entry-date { display:none; } div.fs-entry-title { display:none; } .fs-lookbook_v2_5 .fs-wrapper div.fs-timeline-entry { margin:1px; }
11664.fs-embed { max-height: 90vh; }
11665.foursixty-section .fs-wrapper {margin-bottom: 30px;}
11666.fs-post-info { font-size: 12px !important; }
11667.fs-post-info a, .fs-service-username, .fs-slashes, .fs-detail-date {  text-transform: lowercase; color: #666 !important; }
11668.foursixty-section { padding-top: 20px; padding-bottom: 10px;}
11669.fs-add-to-cart-enabled .fs-view a, .fs-add-to-cart-enabled .fs-view a:link { font-size: 12px;  font-weight: 500;}
11670.fs-shopify-add-cart.fs-shopify-add-cart-container {  font-family: inherit; max-width: 110px; font-size: 11px; padding: 12px 15px; color: #b1d6b4 }
11671.fs-shopify-add-cart.fs-shopify-add-cart-container:hover { background-color: #b1d6b4!important; color: #000!important; }  
11672.fs-button-bar .fs-buy-button {font-family: inherit; font-size: 13px; color: inherit; }
11673.fs-button-bar .fs-buy-button:hover { background-color: #b1d6b4!important; color: #000!important; } 
11674.fs-option-label {font-family: inherit; font-size: 13px; }
11675h2.fs_title {margin-bottom: 0!important; color: inherit;}
11676/* extra space for additional CSS */
11677.fs-next-button::before { content: "LOAD MORE"; border: 2px solid #000; padding: 10px; }.fs-next-button svg { display: none; }
11678.fs-next-button:hover:before { background-color: #000; color: #fff; }
11679@media only screen and (max-width: 768px) {
11680        .fs-wrapper div.fs-entry-container { height: 0; width: 33.3334% !important; padding-top: 33.3334% !important; } }
11681</style>
11682
11683<style>
11684#reviews .foursixty-section.container{
11685  width:100%;
11686  max-width:1440px;
11687}
11688@media only screen and (min-width: 768px) {
11689  #reviews .foursixty-section.container{
11690    padding-left:40px;
11691    padding-right:40px;
11692  }
11693}
11694
11695@media only screen and (min-width: 992px) {
11696  #reviews .foursixty-section.container{
11697    padding-left:60px;
11698    padding-right:60px;
11699  }
11700}
11701
11702@media only screen and (min-width: 1200px) {
11703  #reviews .foursixty-section.container{
11704    padding-left:80px;
11705    padding-right:80px;
11706  }
11707}
11708</style>
11709
11710<style>
11711  #shopify-section-1a0b50ab-3269-420a-9b40-f896e6a88d72 {
11712    background: #ffffff;
11713    color: #212322 !important;
11714  }
11715</style>
11716
11717</section>
11718
11719
11720
11721
11722</div><!-- END content_for_index -->
11723
11724      </main>
11725
11726      <div id="shopify-section-footer" class="shopify-section"><footer class="footer" data-section-id="footer" data-section-type="footer">
11727  <div class="footer__container container">
11728    <div class="footer__inner">
11729      <div class="footer__top">
11730
11731        <div class="footer__columns"><div class="footer__column-menu">
11732                <h2 class="footer_column-menu__title fw7 f12">
11733                  learn more
11734                </h2>
11735                <ul class="footer_column-menu__list" data-navigation="footer-navigation-1"><li><a class="p1" href="https://soylent.com/pages/blogs">blog</a></li><li><a class="p1" href="/blogs/press">press</a></li><li><a class="p1" href="/pages/careers">careers</a></li><li><a class="p1" href="/products/gift-card">gift cards</a></li><li><a class="p1" href="/pages/soylent-discount-codes-promotions">discount programs</a></li></ul>
11736              </div>
11736<div class="footer__column-menu">
11737                <h2 class="footer_column-menu__title fw7 f12">
11738                  support
11739                </h2>
11740                <ul class="footer_column-menu__list" data-navigation="footer-navigation-2"><li><a class="p1" href="https://soylent.com/pages/contact">contact</a></li><li><a class="p1" href="/pages/store-locator">find a store</a></li><li><a class="p1" href="https://order.soylent.com/">where's my order?</a></li><li><a class="p1" href="https://faq.soylent.com">FAQ</a></li></ul>
11741              </div><div class="footer__social-list">
11742              <h2 class="footer__social-list-title fw7 f6">
11743                social
11744              </h2>
11745              <ul class="footer__social-list-inner">
11746                <li class="footer__social-item icon-instagram">
11747                  <a class="db footer__social-item-link" target="_blank" href="https://www.instagram.com/soylent/" title="Soylent on Instagram"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
11748<g clip-path="url(#clip0_2447_4682)">
11749<path d="M10 0C7.28418 0 6.94363 0.0115116 5.87702 0.0601778C4.81264 0.108765 4.0857 0.277787 3.44959 0.525008C2.792 0.780565 2.23432 1.1225 1.67839 1.67843C1.12246 2.23436 0.780526 2.79204 0.524968 3.44963C0.277747 4.0857 0.108725 4.81264 0.0601381 5.87702C0.0114719 6.94363 0 7.28418 0 10C0 12.7159 0.0114719 13.0564 0.0601381 14.123C0.108725 15.1874 0.277747 15.9143 0.524968 16.5504C0.780526 17.208 1.12246 17.7657 1.67839 18.3216C2.23432 18.8776 2.792 19.2195 3.44959 19.4751C4.0857 19.7223 4.81264 19.8913 5.87702 19.9399C6.94363 19.9885 7.28418 20 10 20C12.7159 20 13.0564 19.9885 14.123 19.9399C15.1874 19.8913 15.9143 19.7223 16.5504 19.4751C17.208 19.2195 17.7657 18.8776 18.3216 18.3216C18.8776 17.7657 19.2195 17.208 19.4751 16.5504C19.7223 15.9143 19.8913 15.1874 19.9399 14.123C19.9885 13.0564 20 12.7159 20 10C20 7.28418 19.9885 6.94363 19.9399 5.87702C19.8913 4.81264 19.7223 4.0857 19.4751 3.44963C19.2195 2.79204 18.8776 2.23436 18.3216 1.67843C17.7657 1.1225 17.208 0.780565 16.5504 0.525008C15.9143 0.277787 15.1874 0.108765 14.123 0.0601778C13.0564 0.0115116 12.7159 0 10 0ZM10 1.80184C12.6701 1.80184 12.9864 1.812 14.0409 1.86011C15.0159 1.90461 15.5454 2.06752 15.8977 2.20443C16.3645 2.38584 16.6976 2.60257 17.0476 2.95249C17.3975 3.3024 17.6142 3.63556 17.7956 4.10229C17.9326 4.45467 18.0955 4.98416 18.1399 5.95915C18.188 7.01362 18.1982 7.32991 18.1982 10C18.1982 12.6701 18.188 12.9864 18.1399 14.0409C18.0955 15.0159 17.9326 15.5454 17.7956 15.8977C17.6142 16.3645 17.3975 16.6976 17.0476 17.0476C16.6976 17.3975 16.3645 17.6142 15.8977 17.7956C15.5454 17.9326 15.0159 18.0955 14.0409 18.1399C12.9866 18.188 12.6703 18.1982 10 18.1982C7.32971 18.1982 7.0135 18.188 5.95915 18.1399C4.98416 18.0955 4.45467 17.9326 4.10229 17.7956C3.63552 17.6142 3.3024 17.3975 2.95245 17.0476C2.60253 16.6976 2.3858 16.3645 2.20443 15.8977C2.06748 15.5454 1.90457 15.0159 1.86007 14.0409C1.81196 12.9864 1.8018 12.6701 1.8018 10C1.8018 7.32991 1.81196 7.01362 1.86007 5.95915C1.90457 4.98416 2.06748 4.45467 2.20443 4.10229C2.3858 3.63556 2.60253 3.3024 2.95245 2.95249C3.3024 2.60257 3.63552 2.38584 4.10229 2.20443C4.45467 2.06752 4.98416 1.90461 5.95915 1.86011C7.01362 1.812 7.32991 1.80184 10 1.80184Z" fill="#505050"/>
11750<path d="M9.99844 13.3332C8.15746 13.3332 6.66508 11.8409 6.66508 9.99991C6.66508 8.15893 8.15746 6.66655 9.99844 6.66655C11.8394 6.66655 13.3318 8.15893 13.3318 9.99991C13.3318 11.8409 11.8394 13.3332 9.99844 13.3332ZM9.99844 4.86475C7.16235 4.86475 4.86328 7.16381 4.86328 9.99991C4.86328 12.836 7.16235 15.135 9.99844 15.135C12.8345 15.135 15.1336 12.836 15.1336 9.99991C15.1336 7.16381 12.8345 4.86475 9.99844 4.86475Z" fill="#505050"/>
11751<path d="M16.5367 4.6619C16.5367 5.32465 15.9995 5.86188 15.3367 5.86188C14.674 5.86188 14.1367 5.32465 14.1367 4.6619C14.1367 3.99915 14.674 3.46191 15.3367 3.46191C15.9995 3.46191 16.5367 3.99915 16.5367 4.6619Z" fill="#505050"/>
11752</g>
11753<defs>
11754<clipPath id="clip0_2447_4682">
11755<rect width="20" height="20" fill="white"/>
11756</clipPath>
11757</defs>
11758</svg>
11759<span class="icon-fallback-text">Instagram</span>
11760                  </a>
11761                </li><li class="footer__social-item icon-tiktok">
11762                  <a class="db footer__social-item-link" target="_blank" href="https://www.tiktok.com/@soylent_nutrition" title="Soylent on Tiktok"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
11763<g clip-path="url(#clip0_2447_4687)">
11764<path d="M10.441 0H13.7771C13.8129 0.145716 13.8408 0.293281 13.8605 0.442035C13.9622 1.60223 14.4929 2.68279 15.349 3.47249C16.205 4.26219 17.3247 4.70425 18.4894 4.71226V7.85655C18.3333 7.90727 18.1696 7.92986 18.0056 7.92327C17.2296 7.83756 16.4605 7.69822 15.7037 7.50626C1
117645.0506 7.25491 14.4153 6.95954 13.8021 6.62218V7.0392C13.8021 8.70726 13.8021 10.4254 13.8021 12.1184C13.8105 12.8075 13.7659 13.4962 13.6687 14.1785C13.5224 15.3173 13.0868 16.3996 12.4035 17.3224C11.7203 18.2451 10.812 18.9774 9.76543 19.4495C9.15039 19.6757 8.52062 19.8596 7.88053 20H6.72123C6.67265 19.977 6.62248 19.9574 6.5711 19.9416C5.3961 19.7922 4.29235 19.2958 3.40095 18.5158C2.50955 17.7358 1.871 16.7077 1.56693 15.563C1.42694 15.0648 1.32105 14.5576 1.25 14.045V13.0692C1.34174 12.6105 1.40847 12.1518 1.54191 11.7014C1.9178 10.4988 2.64402 9.43571 3.62762 8.64823C4.61123 7.86075 5.80745 7.38472 7.06318 7.28107C7.43849 7.22269 7.8138 7.20601 8.21414 7.17264C8.21414 8.25688 8.21414 9.25771 8.21414 10.2669C8.21414 10.5088 8.08903 10.5421 7.88886 10.6005C7.2494 10.7471 6.62206 10.9423 6.0123 11.1843C5.54268 11.3613 5.13919 11.679 4.85703 12.094C4.57487 12.5091 4.42782 13.0011 4.43599 13.5029C4.40062 14.072 4.53362 14.6388 4.81841 15.1327C5.10319 15.6266 5.52713 16.0258 6.03732 16.2802C6.50386 16.5687 7.04576 16.7117 7.5939 16.6909C8.14204 16.6701 8.67155 16.4865 9.11489 16.1635C9.44684 15.9258 9.72524 15.6211 9.93211 15.2692C10.139 14.9172 10.2697 14.5257 10.3159 14.1201C10.4156 13.29 10.4574 12.4539 10.441 11.618C10.441 7.91493 10.441 4.20906 10.441 0.500417C10.466 0.325271 10.4493 0.166806 10.441 0Z" fill="#505050"/>
11765</g>
11766<defs>
11767<clipPath id="clip0_2447_4687">
11768<rect width="20" height="20" fill="white"/>
11769</clipPath>
11770</defs>
11771</svg>
11772<span class="icon-fallback-text">Tiktok</span>
11773                  </a>
11774                </li><li class="footer__social-item icon-twitter">
11775                  <a class="db footer__social-item-link" target="_blank" href="https://twitter.com/soylent" title="Soylent on Twitter"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M24 4.557c-.883.392-1.832.656-2.828.775 1.017-.609 1.798-1.574 2.165-2.724-.951.564-2.005.974-3.127 1.195-.897-.957-2.178-1.555-3.594-1.555-3.179 0-5.515 2.966-4.797 6.045-4.091-.205-7.719-2.165-10.148-5.144-1.29 2.213-.669 5.108 1.523 6.574-.806-.026-1.566-.247-2.229-.616-.054 2.281 1.581 4.415 3.949 4.89-.693.188-1.452.232-2.224.084.626 1.956 2.444 3.379 4.6 3.419-2.07 1.623-4.678 2.348-7.29 2.04 2.179 1.397 4.768 2.212 7.548 2.212 9.142 0 14.307-7.721 13.995-14.646.962-.695 1.797-1.562 2.457-2.549z" fill="#010002"/></svg>
11776<span class="icon-fallback-text">Twitter</span>
11777                  </a>
11778                </li><li class="footer__social-item icon-reddit">
11779                  <a class="db footer__social-item-link" target="_blank" href="https://www.reddit.com/r/soylent/" title="Soylent on Reddit"><svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
11780<g clip-path="url(#clip0_2447_4690)">
11781<path d="M20 10.1581C20 8.88787 18.9665 7.85434 17.6962 7.85434C17.1311 7.85434 16.5983 8.05877 16.1776 8.42888C14.6541 7.45394 12.6213 6.83968 10.379 6.77352L11.751 2.08072L15.1197 2.7066C15.1196 2.73397 15.1143 2.76008 15.1157 2.78774C15.1566 3.58946 15.842 4.20834 16.6437 4.16744C17.4454 4.12655 18.0643 3.44111 18.0234 2.63942C17.9825 1.8377 17.2971 1.21882 16.4954 1.25972C15.9778 1.28612 15.5397 1.58302 15.3028 2.00464L15.3016 2.00415L11.2422 1.25L9.62527 6.77223C7.37752 6.83215 5.33825 7.44285 3.8082 8.41601C3.38975 8.05387 2.86246 7.85434 2.30379 7.85434C1.03357 7.85434 0 8.88783 0 10.1581C0 10.9438 0.404486 11.6683 1.05948 12.091C1.01968 12.3209 0.996963 12.5544 0.996963 12.7913C0.996963 16.1166 5.02782 18.8221 9.98287 18.8221C14.9379 18.8221 18.9687 16.1165 18.9687 12.7913C18.9687 12.5612 18.9476 12.3345 18.91 12.111C19.583 11.6915 20 10.9562 20 10.1581ZM5.71228 11.7261C5.71228 10.9448 6.34594 10.3108 7.12839 10.3108C7.91011 10.3108 8.54377 10.9448 8.54377 11.7261C8.54377 12.5082 7.91011 13.1419 7.12839 13.1419C6.34594 13.1419 5.71228 12.5082 5.71228 11.7261ZM13.3201 15.5552C13.278 15.5994 12.2621 16.6329 9.96631 16.6329C7.65876 16.6329 6.73565 15.585 6.69763 15.5406C6.56754 15.3887 6.58527 15.1599 6.73719 15.0302C6.88833 14.9013 7.11487 14.9179 7.24532 15.0675C7.26601 15.0901 8.03648 15.9092 9.96635 15.9092C11.9298 15.9092 12.7906 15.0611 12.7993 15.0529C12.9384 14.9111 13.1672 14.9077 13.31 15.0468C13.4521 15.1855 13.4574 15.4117 13.3201 15.5552ZM13.0386 13.1419C12.2561 13.1419 11.6225 12.5082 11.6225 11.7261C11.6225 10.9448 12.2561 10.3108 13.0386 10.3108C13.8203 10.3108 14.454 10.9448 14.454 11.7261C14.454 12.5082 13.8203 13.1419 13.0386 13.1419Z" fill="#505050"/>
11782</g>
11783<defs>
11784<clipPath id="clip0_2447_4690">
11785<rect width="20" height="20" fill="white"/>
11786</clipPath>
11787</defs>
11788</svg>
11789<span class="icon-fallback-text">Reddit</span>
11790                  </a>
11791                </li><li class="footer__social-item icon-linkedin">
11792                  <a class="db footer__social-item-link" target="_blank" href="https://www.linkedin.com/company/3496279/" title="Soylent on Linkedin"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-linkedin"><path d="M398.355 0H31.782C14.229 0 .002 13.793.002 30.817v368.471c0 17.025 14.232 30.83 31.78 30.83h366.573c17.549 0 31.76-13.814 31.76-30.83V30.817C430.115 13.798 415.904 0 398.355 0zM130.4 360.038H65.413V165.845H130.4v194.193zM97.913 139.315h-.437c-21.793 0-35.92-14.904-35.92-33.563 0-19.035 14.542-33.535 36.767-33.535 22.227 0 35.899 14.496 36.331 33.535 0 18.663-14.099 33.563-36.741 33.563zm266.746 220.723h-64.966v-103.9c0-26.107-9.413-43.921-32.907-43.921-17.973 0-28.642 12.018-33.327 23.621-1.736 4.144-2.166 9.94-2.166 15.728v108.468h-64.954s.85-175.979 0-194.192h64.964v27.531c8.624-13.229 24.035-32.1 58.534-32.1 42.76 0 74.822 27.739 74.822 87.414v111.351zM230.883 193.99c.111-.182.266-.401.42-.614v.614h-.42z"/></svg><span class="icon-fallback-text">Linkedin</span>
11793                  </a>
11794                </li><li class="footer__social-item icon-facebook">
11795                  <a class="db footer__social-item-link" target="_blank" href="https://www.facebook.com/Soylent/" title="Soylent on Facebook"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-facebook" viewB
11795ox="0 0 155.139 155.139"><path d="M89.584 155.139V84.378h23.742l3.562-27.585H89.584V39.184c0-7.984 2.208-13.425 13.67-13.425l14.595-.006V1.08C115.325.752 106.661 0 96.577 0 75.52 0 61.104 12.853 61.104 36.452v20.341H37.29v27.585h23.814v70.761h28.48z" fill="#010002"/></svg><span class="icon-fallback-text">Facebook</span>
11796                  </a>
11797                </li>
11798              </ul>
11799            </div></div>
11800
11801        <div class="footer__subscribe-form" data-footer-subscribe-form-content><div class="klaviyo-form-YmL3b8"></div>
11802</div>
11803      </div>
11804      <div class="footer__bottom">
11805        <div class="footer__menu-bottom">
11806          <div class="footer__menu-logo"><svg version="1.1" id="Layer_1" class="icon icon--wide icon-logo" role="img" aria-labelledby="soylent-logo-svg" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"  viewBox="0 0 150 71" style="enable-background:new 0 0 150 71;" xml:space="preserve">
11807  <title id="soylent-logo-svg">soylent logo</title>
11808  <path class="st0" d="M62.6,123h-0.4c-2.7,0-4.9,1.8-4.9,4v2.3h10.1v-2.3C67.4,124.8,65.3,123,62.6,123z M15.3,127.1
11809    c0-2.2-2.2-4-4.8-4H10c-2.7,0-4.8,1.8-4.8,4v7.5c0,2.2,2.2,4,4.8,4h0.5c2.7,0,4.8-1.8,4.8-4L15.3,127.1L15.3,127.1z"/>
11810  <g>
11811    <path class="st1" d="M21.2,34.3c-3.1-0.6-5-1.5-5-2.5v-0.3c0-2.6,4.4-2.6,4.6-2.6h0.3c2.2,0,3.8,0.9,4.7,1.6
11812      c0.7,0.6,1.9,0.2,2.2-0.6c0.2-0.5,0-1.1-0.5-1.5c-1.3-0.9-3.3-2.2-6.5-2.2h-0.3c-3.5,0-7.3,1.6-7.3,5.2v0.3c0,3.9,5.5,4.7,7.3,5
11813      c3.6,0.6,5.7,1.4,5.7,3.6c0,3.1-4.3,3.2-5.2,3.2h-0.4c-1.9,0-4.6-1.2-5.5-2.7c-0.2-0.4-0.7-0.7-1.2-0.7c-0.5,0-1.1,0.3-1.3,0.7
11814      c-0.2,0.4-0.2,0.9,0,1.2c1.4,2.6,5.1,4.1,8,4.1h0.4c3.7,0,8-1.5,8-5.9C29.3,35.6,24.6,34.8,21.2,34.3L21.2,34.3L21.2,34.3z
11815       M41.1,26.2h-0.5c-4.2,0-7.6,2.9-7.6,6.4v7.1c0,3.6,3.4,6.4,7.6,6.4h0.5c4.2,0,7.6-2.9,7.6-6.4v-7.1C48.6,29.1,45.2,26.2,41.1,26.2
11816      L41.1,26.2z M41.1,43.6h-0.5c-2.6,0-4.8-1.7-4.8-3.8v-7.1c0-2.1,2.1-3.8,4.8-3.8h0.5c2.6,0,4.8,1.7,4.8,3.8v7.1
11817      C45.8,41.9,43.7,43.6,41.1,43.6L41.1,43.6z M67.5,26.2c-0.8,0-1.4,0.6-1.4,1.3V40l0,0.4c-0.2,1.8-2.4,3.2-4.8,3.2h-0.5
11818      c-2.6,0-4.8-1.7-4.8-3.9V27.5c0-0.8-0.6-1.3-1.4-1.3c-0.8,0-1.4,0.6-1.4,1.3v12.2c0,3.6,3.4,6.5,7.6,6.5h0.5c1.7,0,3.5-0.5,4.8-1.3
11819      v2.6c0,2.1-2.1,3.8-4.8,3.8h-0.5c-2.5,0-4.7-1.1-5.3-2.6c-0.2-0.5-0.7-0.9-1.3-0.9c-0.7,0-1.4,0.5-1.4,1.3c0,0.1,0,0.3,0.1,0.6
11820      c1.1,2.8,4.8,4.2,7.9,4.2h0.5c4.2,0,7.6-2.9,7.6-6.4v-20C68.9,26.7,68.2,26.2,67.5,26.2L67.5,26.2L67.5,26.2z M81.6,44.1
11821      c-0.3-0.3-0.7-0.5-1.1-0.5c-1.8,0-3.3-1.2-3.3-2.6V19.8c0-0.8-0.6-1.3-1.4-1.3c-0.8,0-1.4,0.6-1.4,1.3V41c0,2.9,2.7,5.2,6.1,5.2
11822      c0.9,0,1.4-0.7,1.4-1.3c0-0.2,0-0.3-0.1-0.5C81.8,44.5,81.7,44.3,81.6,44.1C81.6,44.1,81.6,44.1,81.6,44.1z M92.6,26.2h-0.4
11823      c-4.2,0-7.6,2.9-7.6,6.4v7.1c0,3.6,3.4,6.4,7.6,6.4h0.5c3.2,0,6.1-1.7,7.1-4.3l0-0.1c0-0.1,0.1-0.2,0.1-0.4c0-0.7-0.6-1.3-1.5-1.3
11824      c-0.6,0-1.2,0.4-1.3,0.8c-0.7,1.6-2.5,2.7-4.5,2.7h-0.5c-2.6,0-4.8-1.7-4.8-3.8v-2.3h11.4c0.8,0,1.4-0.6,1.4-1.3v-3.5
11825      C100.3,29,97,26.2,92.6,26.2L92.6,26.2z M97.5,32.6v2.2h-10v-2.2c0-2.1,2.2-3.8,4.8-3.8h0.4C95.3,28.8,97.5,30.5,97.5,32.6z
11826       M113.1,26.2h-0.4c-1.8,0-3.5,0.5-4.8,1.4v0c0-0.7-0.6-1.3-1.4-1.3c-0.8,0-1.4,0.6-1.4,1.3v17.4c0,0.7,0.6,1.3,1.4,1.3
11827      c0.8,0,1.4-0.6,1.4-1.3V32.3c0-1.9,2.2-3.5,4.8-3.5h0.4c2.7,0,4.8,1.7,4.8,3.9v12.2c0,0.7,0.6,1.3,1.4,1.3c0.7,0,1.4-0.5,1.4-1.3
11828      V32.7C120.7,29.1,117.3,26.2,113.1,26.2L113.1,26.2z M133,43.6c-1.8,0-3.3-1.1-3.3-2.6V28.9h3c0.9,0,1.4-0.7,1.4-1.3
11829      c0-0.6-0.5-1.3-1.4-1.3h-3v-6.5c0-0.7-0.6-1.3-1.4-1.3c-0.8,0-1.4,0.6-1.4,1.3v6.5h-1.5c-0.9,0-1.4,0.7-1.4,1.3c0,0.1,0,0.1,0,0.2
11830      c0,0.2,0.1,0.4,0.1,0.4c0.2,0.4,0.7,0.8,1.3,0.8h1.5V41c0,2.9,2.7,5.2,6.1,5.2c0.9,0,1.4-0.7,1.4-1.3
11831      C134.4,44.3,133.9,43.6,133,43.6L133,43.6z"/>
11832    <path class="st1" d="M0,0v71h150V0H0z M3.2,68V3h143.7v65L3.2,68L3.2,68z"/>
11833  </g>
11834  </svg>
11835  </div>
11836
11837          <div class="footer__menu-bottom-nav"><ul class="footer__menu-bottom-nav-inner">
11838                    <li class="footer__menu-bottom-nav-item"><a class="f9" href="/pages/terms">terms & conditions</a></li>
11839                  
11840
11841                    <li class="footer__menu-bottom-nav-item"><a class="f9" href="/pages/privacy-policy">privacy policy</a></li>
11842                  
11843
11844                    <li class="footer__menu-bottom-nav-item"><a class="f9" href="/pages/ada-compliance">accessibility statement</a></li>
11845                  
11846
11847                    <li class="footer__menu-bottom-nav-item">
11847<a class="f9" href="/pages/do-not-sell-or-share-my-personal-information-notice">do not sell or share my personal Info</a></li>
11848                  
11849
11850                    <li class="footer__menu-bottom-nav-item"><a class="f9" href="/pages/notice-of-collection-ccpa">notice of collection</a></li>
11851                  
11852
11853                    <li class="footer__menu-bottom-nav-item"><a class="f9" href="/pages/cookies">cookie policy</a></li>
11854                  
11855</ul></div>
11856        </div>
11857        <div class="footer__copyright">
11858          <p class="footer__copyright-text f9">Copyright &copy; 2026, <a href="/" title="">Soylent</a></p>
11859        </div>
11860      </div>
11861    </div>
11862  </div>
11863</footer>
11864
11865<style>
11866  .footer__social-item-link svg path {
11867    fill: white;
11868  }
11869</style>
11870
11871
11872</div>
11873    </div>
11874    
11874<script defer src="https://rebuyengine.com/onsite/js/global.js?shop=soylent-prod.myshopify.com"></script>
11874
11875
11876    
11877      
11878    
11879
11880    
11881<script type="text/x-handlebars-template" data-slideup-template>
11882  <div class="slideup">
11883    <div class="slideup__container">
11884      <a href="#" class="slideup__close"  title="close" data-slideup-close><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close"><path fill="#212322" fill-rule="evenodd" d="M8.203 7.373l6.207-6.207c.477-.478 1.18-.548 1.571-.157.39.39.32 1.094-.157 1.571L9.617 8.787l6.207 6.207c.477.477.547 1.18.157 1.571-.39.39-1.094.32-1.571-.157L8.203 10.2l-6.207 6.207c-.477.477-1.18.547-1.571.157-.39-.39-.32-1.094.157-1.571l6.207-6.207L.582 2.58C.104 2.103.034 1.4.425 1.009c.39-.39 1.094-.32 1.571.157l6.207 6.207z"/></svg></a>
11885      <div class="slideup__content">
11886        {{#if title}}
11887          <h4 class="slideup__title">{{ title }}</h4>
11888        {{/if}}
11889        {{#if text}}
11890          <div class="slideup__text">{{ text }}</div>
11891        {{/if}}
11892      </div>
11893    </div>
11894  </div>
11895</script>
11895
11896
11897    <div id="search-overlay" class="overlay" tabindex="-1">
11898  <div class="overlay__content-wrapper">
11899    <div class="overlay__content">
11900      <div style="width: 500px; max-width: 100%; padding: 20px 35px; margin: 0 auto; position: relative;">
11901        <a href="#" class="overlay__close" data-overlay-close style="position: absolute; top: 0; right: 0;" title="Close overlay"><svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-close"><path fill="#212322" fill-rule="evenodd" d="M8.203 7.373l6.207-6.207c.477-.478 1.18-.548 1.571-.157.39.39.32 1.094-.157 1.571L9.617 8.787l6.207 6.207c.477.477.547 1.18.157 1.571-.39.39-1.094.32-1.571-.157L8.203 10.2l-6.207 6.207c-.477.477-1.18.547-1.571.157-.39-.39-.32-1.094.157-1.571l6.207-6.207L.582 2.58C.104 2.103.034 1.4.425 1.009c.39-.39 1.094-.32 1.571.157l6.207 6.207z"/></svg></a>
11902        <form action="/search" method="get" role="search">
11903          <input type="hidden" name="type" value="product,article" />
11904          <div class="minimal-input-box minimal-input-box--large">
11905            <input type="search" placeholder="Search products &amp; content" class="minimal-input-box__input" />
11906            <button type="submit" class="minimal-input-box__submit">
11907              <svg aria-hidden="true" focusable="false" role="presentation" class="icon icon-search" viewBox="0 0 20 20"><path class="st0" d="M18.7 17.3l-3.2-3.2c1.1-1.4 1.7-3.1 1.7-5 0-4.5-3.6-8.1-8.1-8.1S1 4.6 1 9.1s3.6 8.1 8.1 8.1c1.9 0 3.6-.6 5-1.7l3.2 3.2c.2.2.5.3.7.3s.5-.1.7-.3c.4-.4.4-1 0-1.4zM3 9.1C3 5.7 5.7 3 9.1 3c3.4 0 6.1 2.7 6.1 6.1 0 1.7-.7 3.2-1.8 4.3-1.1 1.1-2.6 1.8-4.3 1.8-3.4 0-6.1-2.7-6.1-6.1z"/></svg>
11908              <span class="icon-fallback-text">Search</span>
11909            </button>
11910          </div>
11911        </form>
11912      </div>
11913    </div>
11914  </div>
11915</div>
11916
11917    
11918
11919
11920
11921<script src="//soylent.com/cdn/shop/t/714/assets/vendors@collection@index@[email protected]?v=5329428953114170831687817161" defer></script>
11921
11922    
11922<script src="//soylent.com/cdn/shop/t/714/assets/vendors@index@[email protected]?v=75211479120591076291687817161" defer></script>
11922
11923    
11923<script src="//soylent.com/cdn/shop/t/714/assets/index.js?v=71152470059657994451780551286" defer></script>
11923<div data-rebuy-id="13181"></div><div data-rebuy-id='13181'></div>
11924      
11925
11926<script>
11927  var _klOnsite = _klOnsite || []
11928
11929  window.addEventListener('DOMContentLoaded', (event) => {
11930
11931  let atcBtns = document.querySelectorAll('.add-to-cart')
11932  atcBtns.forEach(function (element, index){ 
11933
11934    element.addEventListener('click', function (e) {
11935
11936      let index = element.getAttribute('key')
11937      let tab =  document.querySelector('.collection-tab__nav-item.active')
11938      let tabIndex = tab ? tab.getAttribute('key') : ""
11939      let tabProductsData = tab ? window.BARREL.collectionTab[tabIndex].products : window.BARREL.collection.products
11940      var item = {
11941        Name: tabProductsData[index].title,
11942        ProductID: tabProductsData[index].id,
11943        ImageURL: tabProductsData[index].featuredImage,
11944        URL: "https://soylent.com" + tabProductsData[index].url,
11945        Price: (tabProductsData[index].price / 100).toLocaleString('en-US', { style: 'currency', currency: 'USD' })
11946      }
11947      
11948      _klOnsite.push(['track', 'Added to Cart', item]);
11949    })
11950  })
11951})
11952</script>
11952
11953
11954    
11955    
11956<script type="text/javascript">
11957  var _klOnsite = _klOnsite || [];
11958  _klOnsite.push(['track', 'Viewed Page',
11959    {
11960      url: window.location.href,
11961      path: window.location.pathname,
11962      title: document.title,
11963      template: "index",
11964      handle: '',
11965    }
11966  ]);
11967</script>
11967
11968
11969
11970    <!--
11971<script>
11972  window.addEventListener("load", () => {
11973  
11974        let targetSelector = "";
11975        let attributes = {};
11976  
11977        attributes.size =   "sm"; // xs, sm, md, lg
11978        attributes.showUpperLimit = false;
11979        attributes.showInterestFree = false;                   
11980        attributes.logoType = "lockup";
11981        attributes.isEligible = true;
11982        attributes.locale = "en_US";
11983        attributes.currency = "USD";
11984                          
11985  
11986          let cartItems = [];
11987          console.log(cartItems); 
11988        console.log(cartItems.some(item => item.properties["shipping_interval_frequency"]));
11989        let subscriptionProductPresent = cartItems.some(item => item.properties["shipping_interval_frequency"]);
11990          let giftCardPresent = cartItems.some(item => item.gift_card);
11991        if (subscriptionProductPresent) {
11992            attributes.cartIsEligible = false;
11993          }
11994          if (giftCardPresent) {
11995            attributes.cartIsEligible = false;
11996          }
11997       attributes.size =   "sm";
11998        attributes.showInterestFree = true;  
11999          attributes.amount = "0.00";
12000          targetSelector = '.cart-list__footer-width-container .clearfix';
12001        attributes.amountSelector = ".cart-list__subtotal";
12002              
12003    Afterpay.createPlacements({
12004      targetSelector, 
12005      attributes
12006    });             
12007        
12008                                 
12009  });
12010  </script>
12010
12011  <style>
12012  
12013    @media screen and (max-width:770px){ 
12014       afterpay-placement {}
12015    }
12016    @media screen and (min-width:771px){
12017       afterpay-placement {}
12018      .cart afterpay-placement {
12019       text-align: right;  
12020      }
12021    }
12022    afterpay-placement {
12023      --logo-badge-width: 80px;
12024      margin-top: 0px;
12025      margin-bottom: 0px;
12026      text-align: center; 
12027    }
12028    .cart afterpay-placement {
12029       margin-top: -10px;  
12030    }
12031  </style>
12032  -->
12033    
12033<script>
12034    function handleRebuyEvent(event) {
12035        const cartItems = Rebuy.Cart.cart.items;
12036
12037        cartItems.forEach((item, index) => {
12038            const quantityLimit = Number(item?.product?.metafields?.custom_fields?.quantity_limit);
12039            const itemQuantity = item?.quantity;
12040
12041            const quantityWidgetButton = document.querySelectorAll('.rebuy-cart__flyout-item-quantity-widget-button')[(index * 2) + 1];
12042            if (!quantityWidgetButton) return;
12043
12044            if (itemQuantity === quantityLimit) quantityWidgetButton.disabled = true;
12045            else quantityWidgetButton.disabled = false;
12046        });
12047    }
12048
12049    // quantity limits
12050    document.addEventListener('rebuy:cart.enriched', handleRebuyEvent);
12051    document.addEventListener('rebuy:cart.change', handleRebuyEvent);
12052    document.addEventListener('rebuy:smartcart.ready', handleRebuyEvent);
12053</script>
12053
12054    
12054<script>
12055  if (window.Govalo) { // Get variants
12056    let variants = null;
12057
12058    // Map them
12059    variants = Object.assign({}, ... variants ?. map(({title, id}) => ({[title]: id})) || []);
12060
12061    // Add event listener to dom
12062    window.addEventListener("load", () => {
12063
12064      // Our modal window looks for this element on the Shopify page. If it isn't there, we should create it.
12065      if (!document.querySelector(Govalo.meta.selectors.variantData)) { // Create the input to match our selector.
12066        var input = document.createElement("input");
12067        input.hidden = true;
12068        input.name = "id";
12069
12070        var parent = document.querySelector("form");
12071        if (! parent) { // Set it to any div.
12072          parent = document.querySelector("div");
12073        }
12074
12075        parent.appendChild(input);
12076      }
12077
12078      // Get the input that we created or existed on the page.
12079      var dataEl = document.querySelector(Govalo.meta.selectors.variantData);
12080
12081      // On find, look for vairant UI
12082      function handleGovalo() {
12083
12084        // Set the inital value to the default variant.
12085        var variantIds = Object.values(variants);
12086
12087        if (! variantIds.length) {
12088          console.log("govalo: cannot find the variants for the product");
12089          return;
12090        }
12091
12092        dataEl.setAttribute("value", variantIds[0]);
12093
12094        var select = document.querySelector("select");
12095        select.addEventListener("change", () => {
12096          var selected;
12097          if (! select.selectedOptions.length) {
12098            selected = variantIds[0];
12099          } else {
12100            selected = variants[select.selectedOptions[0].value];
12101          }
12102
12103          input.setAttribute("value", selected);
12104        });
12105      }
12106
12107      // Prep ovserver
12108      var observer = new MutationObserver((mutation, me) => {
12109
12110        // We need this
12111        var gvlo = document.querySelector("#gvloApp");
12112        if (gvlo) {
12113          handleGovalo();
12114          me.disconnect();
12115        }
12116      });
12117      observer.observe(document, {
12118        childList: true,
12119        subtree: true
12120      });
12121    });
12122  }
12123</script>
12123
12124  
12125
12126<style type="text/css">
12127
12128    .adp-discount-tiers h4 {
12129    text-align: inherit;
12130    color: inherit;
12131    font-size: inherit;
12132    background-color: inherit;
12133    color: #212322!important;
12134}
12135
12136table.adp-discount-table th {
12137    background-color: inherit;
12138    border-color: inherit;
12139    color: inherit;
12140    border-width: inherit;
12141    font-size: inherit;
12142    padding: inherit;
12143    text-align: center;
12144    border-style: solid;
12145}
12146
12147table.adp-discount-table td {
12148    background-color: inherit;
12149    border-color: inherit;
12150    color: inherit;
12151    border-width: inherit;
12152    font-size: inherit;
12153    padding: inherit;
12154    text-align: center;
12155    border-style: solid;
12156}
12157
12158table.adp-discount-table {
12159    min-width: inherit;
12160    max-width: inherit;
12161    border-color: inherit;
12162    border-width: inherit;
12163    font-family: inherit;
12164    border-collapse: collapse;
12165    margin: auto;
12166    width: 100%;
12167}
12168
12169table.adp-discount-table td:last-child {
12170    color: inherit;
12171    background-color: inherit;
12172    font-family: inherit;
12173    font-size: inherit;
12174}
12175
12176
12177    div#appikon-notification-bar {
12178    font-size: 110%;
12179    background-color: #47af19;
12180    padding: 12px;
12181    color: #FFFFFF;
12182    font-family: inherit;
12183    z-index: 9999999999999;
12184    display: none;
12185    left: 0px;
12186    width: 100%;
12187    margin: 0px;
12188    margin-bottom: 20px;
12189    text-align: center;
12190    text-transform: none;
12191}
12192
12193.appikon-cart-item-success-notes, 
12194.appikon-cart-item-upsell-notes {
12195    font-weight: bold;
12196    color: #47af19;
12197    font-size: 85%;
12198    display: block;
12199}
12200.appikon-cart-item-success-notes {
12201    border-bottom: 1px solid #e3e3e3;
12202    padding-bottom: 8px;
12203    margin-bottom: 8px;
12204}
12205.appikon-cart-item-success-notes:empty, 
12206.appikon-cart-item-upsell-notes:empty {
12207    display: none;
12208}
12209
12210#appikon-discount-item {
12211    font-size: 70%;
12212    padding-top: 5px;
12213    padding-bottom: 5px;
12214}
12215
12216#appikon-summary-item {
12217    font-size: 70%;
12218    padding-top: 5px;
12219    padding-bottom: 5px;
12220}
12221
12222    .push-down {
12223        margin-top: 50px!important;
12224    }
12225
12226    div#shopacado-banner {
12227        position: absolute;
12228        top: 0;
12229        left: 0;
12230        background-color: #DDEEEE;
12231        width: 100%;
12232        height: 50px;
12233        z-index:99999;
12234    }
12235
12236    div#shopacado-banner-content {
12237        width: 800px;
12238        margin: 0 auto;
12239        padding: 10px;
12240        text-align: center
12241    }
12242
12243    .adp-vol-wrapper {
12244        margin-top: 20px;
12245        margin-bottom: 20px;
12246    }
12247
12248    .appikon-cart-item-unit-price .original_price,
12249    .appikon-cart-item-line-price .original_price {
12250        display: block;
12251        text-decoration: line-through !important;
12252    }
12253
12254    .appikon-cart-item-price,
12255    .appikon-cart-total,
12256    .appikon-cart-item-line-price .discounted_price,
12257    .appikon-cart-item-unit-price .discounted_price {
12258        display: block;
12259        font-weight: bold;
12260    }
12261
12262    .appikon-cart-item-success-notes a,
12263    .appikon-cart-item-upsell-notes a {
12264        color: #0078bd;
12265    }
12266
12267    .wholesale-cart-total {
12268        display: block;
12269        font-weight: bold;
12270    }
12271
12272    .wholesale-original-cart-total {
12273        display: block;
12274    }
12275
12276    .appikon-messages {
12277        display: block;
12278    }
12279
12280    .summary-line-note {
12281        padding-right: 10px;
12282    }
12283
12284    .summary-line-discount {
12285        color: #0078bd;
12286    }
12287
12288    #appikon-discount-code {
12289        max-width: 150px;
12290        display: inline-block;
12291        height: 40px;
12292    }
12293
12294    #appikon-remove-discount-code {
12295        margin-right: 5px;
12296        color: red;
12297        font-size: 85%;
12298        border: none;
12299        background: none;
12300    }
12301
12302    #apply-appikon-discount {
12303        display: inline-block;
12304        max-width: 200px;
12305        vertical-align: top;
12306        height: 40px;
12307    }
12308
12309    .appikon-discount-code-error {
12310        color: red;
12311        white-space: nowrap;
12312    }
12313
12314    table.adp-discount-table tr:first-child td:after {
12315        border: none;
12316    }
12317
12318    div#appikon-notification-bar span {
12319        display: block;
12320    }
12321
12322    div#appikon-notification-bar span.money {
12323        display: inline-block;
12324    }
12325
12326    div#appikon-close-notification {
12327        float: right;
12328        font-weight: bold;
12329        height: 0;
12330        overflow: visible;
12331        cursor: pointer;
12332        margin-right: 2em;
12333    }
12334
12335    .adp-eqs {
12336        display: none;
12337    }
12338
12339    .adp-product-bundle .adp-product-wrapper,
12340    .adp-product-bundle .bundle-plus,
12341    .adp-product-bundle .bundle-total {
12342        display: inline-block;
12343        text-align: center;
12344        vertical-align: middle;
12345    }
12346
12347
12348    .adp-bundle-wrapper .adp-product-bundle .adp-info-wrapper a {
12349        text-decoration: none;
12350    }
12351
12352    #two-product.adp-product-bundle .bundle-plus img {
12353        position: relative;
12354        max-width: 35px;
12355        min-width: 12px;
12356    }
12357
12358    #three-product.adp-product-bundle.button-under .bundle-plus img {
12359        position: relative;
12360        margin-left: 0px;
12361        max-width: 22px !important;
12362        min-width: 12px;
12363    }
12364
12365    #three-product.adp-product-bundle.with-total .bundle-plus img {
12366        position: relative;
12367        margin-left: -22% !important;
12368        max-width: 22px !important;
12369        min-width: 12px;
12370    }
12371
12372    #four-product.adp-product-bundle.button-under .bundle-plus img {
12373        position: relative;
12374        margin-left: -22% !important;
12375        max-width: 22px !important;
12376        min-width: 12px;
12377    }
12378
12379    #four-product.adp-product-bundle.with-total .bundle-plus img {
12380        position: relative;
12381        margin-left: -22% !important;
12382        max-width: 22px !important;
12383        min-width: 12px;
12384    }
12385
12386    #over-four-product.adp-product-bundle .bundle-plus img {
12387        position: relative;
12388        min-width: 12px;
12389    }
12390
12391    .adp-product-bundle .adp-product-wrapper {
12392        line-height: 15px;
12393    }
12394
12395    .adp-product-bundle .adp-product-wrapper img {
12396        width: 80%;
12397    }
12398
12399    .adp-product-bundle .bundle-name p.product-title {
12400        margin-bottom: 5px;
12401    }
12402
12403    p.product-quantity {
12404        color: #6b6b6b;
12405        font-size: 12px;
12406    }
12407
12408    .adp-product-bundle .adp-price {
12409        margin-bottom: 5px;
12410        display: inline-block;
12411        margin-right: 5px;
12412        width: 100%;
12413    }
12414
12415    .adp-product-bundle .buy-bundle input.addtocart {
12416        padding: 5px 10px;
12417        background-color: #222;
12418        color: #FFF;
12419        border: none;
12420    }
12421
12422    .appikon-variants-container select {
12423        width: 100%;
12424        margin-bottom: 5px
12425    }
12426
12427    .adp-product-bundle .appikon-variants-container {
12428        border: none;
12429        margin: 0;
12430        padding: 0;
12431    }
12432
12433    .adp-product-bundle .adp-price.regular {
12434        color: #bbb;
12435        text-decoration: line-through;
12436    }
12437
12438    .adp-product-bundle .adp-product-wrapper {
12439        vertical-align: top !important;
12440        line-height: 15px;
12441        text-align: left;
12442    }
12443
12444    .adp-product-bundle .adp-image {
12445        min-height: 130px;
12446        max-height: 130px;
12447        line-height: 125px;
12448        border: 1px solid #d9d9d9;
12449        background: #fff;
12450        text-align: center;
12451    }
12452
12453    .adp-product-bundle .adp-image img {
12454        max-height: 115px;
12455        max-width: 100%;
12456        vertical-align: middle;
12457        height: auto;
12458        width: auto;
12459    }
12460
12461    .adp-bundle-wrapper .adp-product-bundle button {
12462        display: inline-block;
12463        padding: 4px 10px 4px;
12464        margin-bottom: 0;
12465        text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1);
12466        color: #ffffff;
12467        text-align: center;
12468        vertical-align: middle;
12469        background-repeat: repeat-x;
12470        border: 1px solid #cccccc;
12471        border-bottom-color: #b3b3b3;
12472        -webkit-border-radius: 4px;
12473        -moz-border-radius: 4px;
12474        border-radius: 4px;
12475        -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
12476        -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
12477        box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05);
12478        cursor: pointer;
12479        background-color: #414141;
12480        background-image: -moz-linear-gradient(top, #555555, #222222);
12481        background-image: -ms-linear-gradient(top, #555555, #222222);
12482        background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#555555), to(#222222));
12483        background-image: -webkit-linear-gradient(top, #555555, #222222);
12484        background-image: -o-linear-gradient(top, #555555, #222222);
12485        background-image: linear-gradient(top, #555555, #222222);
12486        background-repeat: repeat-x;
12487        filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#222222', GradientType=0);
12488        border-color: #222222 #222222 #000000;
12489        border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
12490        filter: progid: dximagetransform.microsoft.gradient(enabled=false);
12491        padding: 5px 10px;
12492    }
12493
12494    .adp-product-bundle button .top-button {
12495        font-size: 12px;
12496        border-bottom: 1px solid rgba(0, 0, 0, 0.2);
12497        display: block;
12498        padding: 0 5px 2px 5px;
12499    }
12500
12501    .adp-product-bundle button .bottom-button {
12502        font-size: 14px;
12503        padding: 2px 5px 0 5px;
12504        display: block;
12505        border-top: 1px solid rgba(255, 255, 255, 0.1);
12506    }
12507
12508    .adp-product-bundle .adp-price {
12509        position: static;
12510        background: none;
12511        text-align: left;
12512        padding: 0;
12513    }
12514
12515    .adp-product-bundle .adp-eqs {
12516        width: auto;
12517        margin: 0 10px;
12518    }
12519
12520    #two-product.adp-product-bundle .adp-product-wrapper {
12521        width: 46%;
12522    }
12523
12524    #two-product.adp-product-bundle .bundle-plus {
12525        font-size: 75px
12526    }
12527
12528    #two-product.adp-product-bundle.with-total .bundle-total {
12529        width: 100%;
12530        margin: 10px 0 0 0;
12531        text-align: right;
12532        display: inline-block;
12533    }
12534
12535    #three-product.adp-product-bundle .adp-product-wrapper {
12536        width: 28%;
12537    }
12538
12539    #three-product.adp-product-bundle .bundle-plus {
12540        width: 3.1%;
12541        font-size: 50px
12542    }
12543
12544    #four-product.adp-product-bundle.button-under .adp-product-wrapper {
12545        width: 21.2%;
12546    }
12547
12548    #four-product.adp-product-bundle.with-total .adp-product-wrapper {
12549        width: 17%;
12550    }
12551
12552    #four-product.adp-product-bundle.button-under .bundle-plus {
12553        width: 5%;
12554        font-size: 40px
12555    }
12556
12557    #four-product.adp-product-bundle .bundle-plus {
12558        width: 3%;
12559        font-size: 40px
12560    }
12561
12562    #over-four-product.adp-product-bundle .adp-product-wrapper {
12563        width: 17%;
12564    }
12565
12566    #over-four-product.adp-product-bundle .bundle-plus {
12567        width: 3.5%;
12568        font-size: 40px
12569    }
12570
12571    .with-total .bundle-total button {
12572        white-space: normal;
12573    }
12574
12575    #two-product.adp-product-bundle.with-total .adp-product-wrapper {
12576        flex: 1;
12577        flex-basis: 115px;
12578    }
12579
12580    #three-product.adp-product-bundle.with-total .adp-product-wrapper {
12581        flex: 1;
12582        flex-basis: 100px;
12583    }
12584
12585    #three-product.adp-product-bundle.with-total .bundle-total button {
12586        width: 100%;
12587        margin-top: 0px;
12588    }
12589
12590    .adp-product-bundle.with-total .bundle-total .adp-eqs {
12591        width: 23px;
12592    }
12593
12594    .adp-product-bundle.with-total .bundle-total .adp-eqs img {
12595        margin: auto;
12596        max-width: 23px;
12597        height: 16px;
12598    }
12599
12600    #four-product.adp-product-bundle.with-total .adp-product-wrapper,
12601    #four-product.adp-product-bundle.with-total .bundle-total {
12602        flex: 1;
12603        flex-basis: 90px;
12604    }
12605
12606    #four-product.adp-product-bundle.with-total .bundle-plus {
12607        font-size: 40px;
12608        margin: 0 5px;
12609    }
12610
12611    #four-product.adp-product-bundle.with-total .bundle-total {
12612        font-size: 25px
12613    }
12614
12615    #four-product.adp-product-bundle .adp-eqs {
12616        display: none;
12617    }
12618
12619    #four-product.adp-product-bundle.with-total .bundle-total {
12620        flex: 1;
12621        flex-basis: 130px;
12622        height: inherit;
12623        max-height: 100px;
12624        min-height: 50px;
12625        text-align: center;
12626        margin-top: 20px;
12627    }
12628
12629    #over-four-product.adp-product-bundle.with-total .adp-product-wrapper,
12630    #over-four-product.adp-product-bundle.with-total .bundle-total {
12631        flex: 1;
12632        flex-basis: 90px;
12633    }
12634
12635    #over-four-product.adp-product-bundle.with-total .bundle-plus {
12636        font-size: 40px
12637    }
12638
12639    #over-four-product.adp-product-bundle.with-total .bundle-total {
12640        font-size: 25px
12641    }
12642
12643    #over-four-product.adp-product-bundle .adp-eqs {
12644        display: none;
12645    }
12646
12647    .adp-product-bundle.button-under .bundle-total,
12648    #over-four-product.adp-product-bundle.with-total .bundle-total {
12649        flex: 1;
12650        flex-basis: 130px;
12651        height: 100%;
12652        text-align: center;
12653        margin-top: 20px;
12654    }
12655
12656    .adp-product-bundle.button-under .adp-product-wrapper {
12657        flex-basis: auto;
12658    }
12659
12660    #two-product.adp-product-bundle.button-under .bundle-plus,
12661    #three-product.adp-product-bundle.button-under .bundle-plus {
12662        width: 8%;
12663    }
12664
12665    #max-two {
12666        width: 61%;
12667    }
12668
12669    #max-two .bundle-plus {
12670        width: 10%
12671    }
12672
12673    #three-product.max-two .bundle-total,
12674    #four-product.max-two .bundle-total,
12675    #over-four-product.max-two .bundle-total {
12676        height: 384px;
12677    }
12678
12679    #three-product.max-two .adp-eqs,
12680    #four-product.max-two .adp-eqs,
12681    #over-four-product.max-two .adp-eqs {
12682        position: relative;
12683        top: 50%;
12684    }
12685
12686    #three-product.max-two button,
12687    #four-product.max-two button {
12688        position: relative;
12689        top: 50%;
12690    }
12691
12692    #over-four-product.max-two button {
12693        position: relative;
12694        top: 50%;
12695    }
12696
12697    #max-two {
12698        width: 60%;
12699        display: inline-block;
12700    }
12701
12702    #max-two .bundle-plus:nth-child(4n+4) {
12703        display: none;
12704    }
12705
12706    .adp-product-bundle.button-under {
12707        flex-wrap: wrap;
12708    }
12709
12710    .adp-product-bundle .adp-product-wrapper {
12711        width: 45%;
12712    }
12713
12714    .adp-product-bundle .bundle-total {
12715        color: #bfbfbf;
12716        font-size: 21px;
12717        font-weight: bold;
12718    }
12719
12720
12721    /* .adp-product-bundle .bundle-name{  overflow-x: hidden;} */
12722
12723    .with-total.adp-product-bundle .adp-eqs {
12724        display: flex;
12725        width: 24px;
12726    }
12727
12728    .adp-product-bundle .bundle-total button {
12729        width: 100%;
12730        /*max-width: 150px;*/
12731    }
12732
12733    @media screen and (min-width: 650px) {
12734        #four-product.adp-product-bundle,
12735        #over-four-product.adp-product-bundle {
12736            flex-wrap: wrap;
12737        }
12738        #four-product.adp-product-bundle.with-total .bundle-total .adp-eqs,
12739        #over-four-product.adp-product-bundle.with-total .bundle-total .adp-eqs {
12740            display: none;
12741        }
12742        .adp-product-bundle.with-total .bundle-total {
12743            justify-content: center;
12744        }
12745        #four-product.adp-product-bundle.with-total .adp-product-wrapper {
12746            flex-basis: auto;
12747        }
12748        #over-four-product.adp-product-bundle.with-total .adp-product-wrapper {
12749            flex-basis: auto;
12750        }
12751        #four-product .adp-product-bundle.with-total .bundle-total,
12752        #over-four-product.adp-product-bundle.with-total .bundle-total {
12753            min-height: 50px;
12754            max-height: 100px;
12755            height: inherit;
12756        }
12757        #four-product .adp-info-wrapper .bundle-name {
12758            font-size: 90%;
12759            word-break: break-word;
12760        }
12761        #over-four-product .adp-info-wrapper .bundle-name {
12762            font-size: 85%;
12763            word-break: break-word;
12764        }
12765        #four-product.with-total.adp-product-bundle .bundle-total button span,
12766        #over-four-product.with-total.adp-product-bundle .bundle-total button span {
12767            font-size: 15px;
12768        }
12769        #four-product.with-total.adp-product-bundle .bundle-total button.add-appikon-bundle,
12770        #over-four-product.with-total.adp-product-bundle .bundle-total button.add-appikon-bundle {
12771            width: 100%;
12772            margin: 0;
12773        }
12774    }
12775
12776    @media screen and (max-width: 650px) {
12777        .adp-product-bundle {
12778            flex-direction: column;
12779        }
12780        .adp-product-bundle .adp-product-wrapper {
12781            width: 100% !important;
12782        }
12783        .adp-product-bundle .adp-product-wrapper>a:first-child {
12784            width: 35% !important;
12785            margin-right: 20px;
12786            display: block;
12787            float: left;
12788        }
12789        .adp-product-bundle .adp-product-wrapper .bundle-name {
12790            margin: 0;
12791        }
12792        .adp-product-bundle .bundle-plus {
12793            width: 100% !important;
12794            max-width: 100%;
12795            line-height: 0;
12796            border-bottom: 1px solid #ccc;
12797            margin: 10px 0 25px;
12798        }
12799        .adp-product-bundle .bundle-total .adp-eqs {
12800            display: none;
12801        }
12802        .adp-product-bundle .bundle-plus img,
12803        #two-product.adp-product-bundle.with-total .bundle-plus img,
12804        #three-product.adp-product-bundle.with-total .bundle-plus img,
12805        #four-product.adp-product-bundle.with-total .bundle-plus img,
12806        #over-four-product.adp-product-bundle.with-total .bundle-plus img,
12807        #two-product.adp-product-bundle.button-under .bundle-plus img,
12808        #three-product.adp-product-bundle.button-under .bundle-plus img,
12809        #four-product.adp-product-bundle.button-under .bundle-plus img,
12810        #over-four-product.adp-product-bundle.button-under .bundle-plus img {
12811            margin-left: 0 !important;
12812            margin-bottom: -18px;
12813            max-width: 35px !important;
12814        }
12815        .appikon-variants-container select {
12816            width: auto;
12817            margin-top: 10px
12818        }
12819        .adp-product-bundle .bundle-total {
12820            width: 100% !important;
12821            text-align: center;
12822            margin-top: 20px;
12823        }
12824        .adp-product-bundle .adp-eqs {
12825            width: 100%;
12826            border-bottom: 1px solid #ccc;
12827            margin: -22px 0 0 0;
12828            position: relative;
12829        }
12830        .adp-product-bundle .adp-eqs img {
12831            margin-left: 0 !important;
12832            margin-bottom: -18px;
12833            display: none;
12834        }
12835        .adp-product-bundle .adp-image-container {
12836            width: 35%;
12837            display: inline-block;
12838            float: left;
12839        }
12840        .adp-product-bundle .adp-info-wrapper {
12841            width: 60%;
12842            display: inline-block;
12843            float: left;
12844            padding-left: 10px;
12845        }
12846        .adp-product-bundle .adp-info-wrapper a {
12847            text-decoration: none;
12848        }
12849        .adp-product-bundle .adp-info-wrapper select.adp-variants {
12850            width: 100%;
12851        }
12852        #two-product.adp-product-bundle.with-total .bundle-plus {
12853            margin: 0 0 30px;
12854        }
12855        #two-product.adp-product-bundle .bundle-plus img,
12856        #three-product.adp-product-bundle .bundle-plus img,
12857        #four-product.adp-product-bundle .bundle-plus img,
12858        #over-four-product.adp-product-bundle .bundle-plus img {
12859            max-width: 35px !important;
12860            margin-left: 0 !important;
12861        }
12862        #three-product.adp-product-bundle.with-total .bundle-total button {
12863            margin-top: 20px;
12864            width: 100%;
12865        }
12866        #three-product.adp-product-bundle.with-total .bundle-plus {
12867            margin: 10px 0 25px;
12868        }
12869        #four-product.adp-product-bundle.with-total .bundle-plus {
12870            margin: 10px 0 25px;
12871        }
12872        #over-four-product.adp-product-bundle.with-total .bundle-plus {
12873            margin: 10px 0 25px;
12874        }
12875    }
12876
12877    .adp-product-bundle .adp-price {
12878        color: #8C0000;
12879    }
12880
12881    .adp-product-bundle .bundle-total {
12882        color: #8C1919;
12883    }
12884
12885    .adp-product-bundle .bundle-total button {
12886        width: 100%;
12887    }
12888
12889    .adp-product-bundle button .top-button {
12890        border-bottom: 0px;
12891    }
12892
12893    @media (max-width: 650px) {
12894        .bundle-name {
12895            display: inline-block !important;
12896        }
12897        .adp-eqs {
12898            width: 100% !important;
12899        }
12900        .bundle-name {
12901            padding-top: 10px !important;
12902        }
12903        .bundle-total button {
12904            margin-left: auto !important;
12905            margin-right: auto !important;
12906            display: block;
12907        }
12908    }
12909
12910    .bundle-total button {
12911        color: #fff;
12912        margin: -10px 0 -10px;
12913        width: 100%;
12914        border: none;
12915        text-decoration: none;
12916        font-size: 13%;
12917        font-family: inherit;
12918        text-transform: uppercase;
12919        font-weight: 500;
12920        padding: 10px;
12921        height: 100%;
12922    }
12923
12924    .with-total.adp-product-bundle .bundle-total button.add-appikon-bundle {
12925        width: 100%;
12926        margin: 0;
12927        height: inherit;
12928        min-height: 50px;
12929    }
12930
12931    .adp-product-bundle button .top-button {
12932        border-bottom: 0px;
12933    }
12934
12935    @media (max-width: 650px) {
12936        .bundle-name {
12937            display: inline-block !important;
12938        }
12939        .adp-eqs {
12940            width: 100% !important;
12941        }
12942        .bundle-name {
12943            padding-top: 10px !important;
12944        }
12945        .bundle-total button {
12946            margin-left: auto !important;
12947            margin-right: auto !important;
12948            display: block;
12949        }
12950        .with-total.adp-product-bundle .bundle-total button.add-appikon-bundle {
12951            width: 100%;
12952            margin-top: 10px;
12953            height: inherit;
12954            max-height: 100px;
12955            min-height: 50px;
12956        }
12957    }
12958
12959    .dp-popup div,
12960    .dp-popup span,
12961    .dp-popup h1,
12962    .dp-popup h2,
12963    .dp-popup h3,
12964    .dp-popup h4,
12965    .dp-popup h5,
12966    .dp-popup h6,
12967    .dp-popup p,
12968    .dp-popup a,
12969    .dp-popup img,
12970    .dp-popup b,
12971    .dp-popup u,
12972    .dp-popup i,
12973    .dp-popup ol,
12974    .dp-popup ul,
12975    .dp-popup li,
12976    .dp-popup form,
12977    .dp-popup label,
12978    .dp-popup table,
12979    .dp-popup tbody,
12980    .dp-popup tfoot,
12981    .dp-popup thead,
12982    .dp-popup tr,
12983    .dp-popup th,
12984    .dp-popup td {
12985        margin: 0;
12986        padding: 0;
12987        border: 0;
12988        font-size: 100%;
12989        font: inherit;
12990        vertical-align: baseline;
12991        text-transform: none;
12992    }
12993
12994    .dp-popup body {
12995        line-height: 1;
12996    }
12997
12998    .dp-popup ol,
12999    .dp-popup ul {
13000        list-style: none;
13001    }
13002
13003    .dp-popup table {
13004        border-collapse: collapse;
13005        border-spacing: 0;
13006    }
13007
13008    .blocker {
13009        position: fixed;
13010        top: 0;
13011        right: 0;
13012        bottom: 0;
13013        left: 0;
13014        width: 100%;
13015        height: 100%;
13016        overflow: auto;
13017        z-index: 2147483646;
13018        padding: 20px;
13019        box-sizing: border-box;
13020        background-color: rgb(0, 0, 0);
13021        background-color: rgba(0, 0, 0, 0.75);
13022        text-align: center;
13023    }
13024
13025    .blocker:before {
13026        c
13026ontent: '';
13027        display: inline-block;
13028        height: 100%;
13029        vertical-align: middle;
13030        margin-right: -0.05em;
13031    }
13032
13033    .blocker.behind {
13034        background-color: transparent;
13035    }
13036
13037    .dp-popup-dpModal {
13038        display: inline-block;
13039        min-width: 400px;
13040        vertical-align: middle;
13041        position: relative;
13042        z-index: 2147483647;
13043        max-width: 600px;
13044        background: #fff;
13045        padding: 30px;
13046        -webkit-border-radius: 8px;
13047        -moz-border-radius: 8px;
13048        -o-border-radius: 8px;
13049        -ms-border-radius: 8px;
13050        border-radius: 8px;
13051        -webkit-box-shadow: 0 0 10px #000;
13052        -moz-box-shadow: 0 0 10px #000;
13053        -o-box-shadow: 0 0 10px #000;
13054        -ms-box-shadow: 0 0 10px #000;
13055        box-shadow: 0 0 10px #000;
13056        text-align: center;
13057        text-transform: none;
13058        font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
13059        font-size: 14px;
13060        line-height: 1.42857143;
13061        color: #333333;
13062        -moz-transition: background-color 0.15s linear;
13063        -webkit-transition: background-color 0.15s linear;
13064        -o-transition: background-color 0.15s linear;
13065        transition: background-color 0.15s cubic-bezier(0.785, 0.135, 0.150, 0.860);
13066    }
13067
13068    .dp-popup-dpModal a {
13069        background-color: transparent;
13070    }
13071
13072    .dp-popup-dpModal a:active,
13073    .dp-popup-dpModal a:hover {
13074        outline: 0;
13075    }
13076
13077    .dp-popup-dpModal hr {
13078        height: 0;
13079        -webkit-box-sizing: content-box;
13080        -moz-box-sizing: content-box;
13081        box-sizing: content-box;
13082        height: 0;
13083        margin-top: 20px;
13084        margin-bottom: 20px;
13085        border: 0;
13086        border-top: 1px solid #eeeeee;
13087    }
13088
13089    .dp-popup-dpModal button,
13090    .dp-popup-dpModal input,
13091    .dp-popup-dpModal optgroup,
13092    .dp-popup-dpModal select,
13093    .dp-popup-dpModal textarea {
13094        color: inherit;
13095        font: inherit;
13096        margin: 0;
13097        font-family: inherit;
13098        font-size: inherit;
13099        line-height: inherit;
13100    }
13101
13102    .dp-popup-dpModal button {
13103        overflow: visible;
13104    }
13105
13106    .dp-popup-dpModal button,
13107    .dp-popup-dpModal select {
13108        text-transform: none;
13109    }
13110
13111    .dp-popup-dpModal button {
13112        -webkit-appearance: button;
13113        cursor: pointer;
13114    }
13115
13116    .dp-popup-dpModal button::-moz-focus-inner,
13117    .dp-popup-dpModal input::-moz-focus-inner {
13118        border: 0;
13119        padding: 0;
13120    }
13121
13122    .dp-popup-dpModal input {
13123        line-height: normal;
13124    }
13125
13126    .dp-popup-dpModal input[type='number']::-webkit-inner-spin-button,
13127    .dp-popup-dpModal input[type='number']::-webkit-outer-spin-button {
13128        height: auto;
13129    }
13130
13131    .dp-popup-dpModal body.fadein {
13132        background: rgba(0, 0, 0, 0.65);
13133    }
13134
13135    #dpModal-container {
13136        width: auto;
13137    }
13138
13139    .dp-popup-dpModal #popup-dpModal-container {
13140        background: white;
13141        padding: 12px 18px 40px 18px;
13142    }
13143
13144    @media only screen and (min-width:500px) {
13145        .dp-popup-dpModal #popup-dpModal-container {
13146            border-radius: 5px;
13147            padding: 30px 40px;
13148        }
13149    }
13150
13151    @media only screen and (min-width:992px) {
13152        .dp-popup-dpModal #popup-dpModal-container {
13153            margin-top: 140px;
13154        }
13155    }
13156
13157    .dp-popup-dpModal .fade {
13158        opacity: 0;
13159        -webkit-transition: opacity 0.15s linear;
13160        -o-transition: opacity 0.15s linear;
13161        transition: opacity 0.15s linear;
13162    }
13163
13164    .dp-popup-dpModal .fade.in {
13165        opacity: 1;
13166    }
13167
13168
13169    /* only the stuff we need added here */
13170
13171    .dp-popup-dpModal h2 {
13172        font-size: 24px;
13173        font-family: inherit;
13174        font-weight: 500;
13175        line-height: 1.1;
13176        color: inherit;
13177    }
13178
13179    .dp-popup-dpModal h3 {
13180        font-family: inherit;
13181        font-weight: normal;
13182        line-height: 1.1;
13183        color: inherit;
13184        font-size: 18px;
13185        margin-top: 10px;
13186        margin-bottom: 20px;
13187        font-weight: 500;
13188    }
13189
13190    .dp-popup-dpModal p.body-text {
13191        font-size: 20;
13192        margin-top: 40px;
13193        margin-bottom: 10px;
13194    }
13195
13196    .dp-popup-dpModal .form-control {
13197        display: block;
13198        width: 100%;
13199        height: 34px;
13200        padding: 6px 12px;
13201        font-size: 14px;
13202        line-height: 1.42857143;
13203        color: #555;
13204        background-color: #fff;
13205        background-image: none;
13206        border: 1px solid #ccc;
13207        border-radius: 5px;
13208        -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
13209        -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
13210        box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
13211        -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
13212        -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
13213        transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
13214    }
13215
13216    .dp-popup-dpModal .input-lg {
13217        height: 46px;
13218        padding: 10px 16px;
13219        line-height: 1.3333333;
13220        border-radius: 6px;
13221    }
13222
13223    .dp-popup-dpModal select.input-lg {
13224        height: 46px;
13225    }
13226
13227    @media screen and (-webkit-min-device-pixel-ratio:0) {
13228        .dp-popup-dpModal select:focus,
13229        .dp-popup-dpModal textarea:focus,
13230        .dp-popup-dpModal input:focus {
13231            font-size: 16px;
13232            background: #eee;
13233        }
13234    }
13235
13236    .dp-popup-dpModal .form-group {
13237        margin-bottom: 15px;
13238    }
13239
13240    .dp-popup-dpModal .btn {
13241        display: inline-block;
13242        padding: 8px 12px;
13243        margin-bottom: 0;
13244        font-size: 14px;
13245        line-height: 1.42857143;
13246        text-align: center;
13247        vertical-align: middle;
13248        letter-spacing: 1px;
13249        -ms-touch-action: manipulation;
13250        touch-action: manipulation;
13251        cursor: pointer;
13252        -webkit-user-select: none;
13253        -moz-user-select: none;
13254        -ms-user-select: none;
13255        user-select: none;
13256        background-image: none;
13257        border: 1px solid transparent;
13258        border-radius: 3px;
13259    }
13260
13261    .dp-popup-dpModal .btn-success {
13262        width: 100%;
13263        color: #ffffff;
13264        background-color: #4ed14e;
13265    }
13266
13267    .dp-popup-dpModal .btn-lg {
13268        line-height: 24px;
13269        font-size: 15px;
13270        padding: 14px;
13271        line-height: 1.3333333;
13272    }
13273
13274    .dp-popup-dpModal .close {
13275        -webkit-appearance: none;
13276        padding: 0;
13277        cursor: pointer;
13278        background: 0 0;
13279        border: 0;
13280        text-align: center;
13281        font-size: 21px;
13282        font-weight: 700;
13283        line-height: 1;
13284        color: #000;
13285        text-shadow: 0 1px 0 #fff;
13286    }
13287
13288    .dp-popup-dpModal form {
13289        margin-top: 10px;
13290    }
13291
13292    .dp-popup-dpModal .dpModal-content .close {
13293        font-size: 30px;
13294    }
13295
13296    .dp-popup-dpModal .dpModal-backdrop.in {
13297        filter: alpha(opacity=65);
13298        opacity: .65;
13299    }
13300
13301    .dp-popup-dpModal .completed_message {
13302        display: none;
13303    }
13304
13305    .dp-popup-dpModal .complete .completed_message {
13306        display: block;
13307    }
13308
13309    .dp-popup-dpModal .single-variant {
13310        display: none;
13311    }
13312
13313    .dp-popup-dpModal div.footer {
13314        margin-top: 20px;
13315    }
13316
13317    .dp-popup-dpModal div.footer p {
13318        color: #b3b3b3;
13319        font-size: 12px;
13320    }
13321
13322    .dp-popup-dpModal div.no-thanks {
13323        padding-top: 20px;
13324    }
13325
13326    .dp-popup-dpModal div.no-thanks a {
13327        color: #aaaaaa;
13328        font-size: 100%;
13329    }
13330
13331    @media (min-width: 0px) {
13332        .dp-popup-dpModal {
13333            min-width: 100%;
13334        }
13335    }
13336
13337    @media (min-width: 300px) {
13338        .dp-popup-dpModal {
13339            min-width: 80%;
13340        }
13341    }
13342
13343    @media (min-width: 768px) {
13344        .dp-popup-dpModal {
13345            min-width: 600px;
13346        }
13347    }
13348
13349    .dp-popup-dpModal img {
13350        vertical-align: middle;
13351        max-width: 100%;
13352    }
13353
13354    .dp-popup-dpModal img.single {
13355        margin-right: 20px;
13356        margin-left: 0px;
13357        display: inline-block;
13358        padding-right: 20px;
13359        max-width: 100%;
13360        height: auto;
13361        margin: 0 auto;
13362    }
13363
13364    #upsell-minimized-button {
13365        background-color: #44c767;
13366        border-top-left-radius: 8px;
13367        border-top-right-radius: 8px;
13368        -moz-border-top-left-radius: 8px;
13369        -moz-border-top-right-radius: 8px;
13370        -webkit-border-top-left-radius: 8px;
13371        -webkit-border-top-right-radius: 8px;
13372        /*border:1px solid #18ab29;*/
13373        display: inline-block;
13374        cursor: pointer;
13375        color: #ffffff;
13376        /*font-family:Arial;*/
13377        padding: 10px 16px;
13378        text-decoration: none;
13379        background: #44c767;
13380        color: #ffffff;
13381        font-size: 16px;
13382        -webkit-transform: rotate(90deg);
13383        -webkit-transform-origin: left bottom;
13384        -moz-transform: rotate(90deg);
13385        -moz-transform-origin: left bottom;
13386        -ms-transform: rotate(90deg);
13387        -ms-transform-origin: left bottom;
13388        -o-transform: rotate(90deg);
13389        -o-transform-origin: left bottom;
13390        transform: rotate(90deg);
13391        left: 0px;
13392        top: 100px;
13393        transform-origin: left bottom;
13394        white-space: nowrap;
13395        position: fixed;
13396    }
13397
13398    #upsell-minimized-button:hover {
13399        /*background-color:#5cbf2a;*/
13400    }
13401
13402    .dp-popup-dpModal a.close-dpModal {
13403        position: absolute;
13404        top: -12.5px;
13405        right: -12.5px;
13406        display: block;
13407        width: 30px;
13408        height: 30px;
13409        text-indent: -9999px;
13410        background: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAB4AAAAeCAYAAAA7MK6iAAAACXBIWXMAAAsTAAALEwEAmpwYAAAABGdBTUEAANjr9RwUqgAAACBjSFJNAABtmAAAc44AAPJxAACDbAAAg7sAANTIAAAx7AAAGbyeiMU/AAAG7ElEQVR42mJkwA8YoZjBwcGB6fPnz4w/fvxg/PnzJ2N6ejoLFxcX47Rp036B5Dk4OP7z8vL+P3DgwD+o3v9QjBUABBALHguZoJhZXV2dVUNDgxNIcwEtZnn27Nl/ZmZmQRYWFmag5c90dHQY5OXl/z98+PDn1atXv79+/foPUN9fIP4HxRgOAAggRhyWMoOwqKgoq6GhIZe3t7eYrq6uHBDb8/Pz27Gysloga/jz588FYGicPn/+/OapU6deOnXq1GdgqPwCOuA31AF/0S0HCCB0xAQNBU4FBQWB0NBQublz59oADV37Hw28ePHi74MHD/6ii3/8+HEFMGQUgQ6WEhQU5AeZBTWTCdkigABC9ylIAZeMjIxQTEyMysaNG/3+/v37AGTgr1+//s2cOfOXm5vbN6Caz8jY1NT0a29v76/v37//g6q9sHfv3khjY2M5YAgJgsyEmg0PYYAAQreUk4+PT8jd3V1l1apVgUAzfoIM2rlz5x9gHH5BtxAdA9PB1zNnzvyB+R6oLxoopgC1nBPZcoAAgiFQnLIDMb+enp5iV1eXBzDeHoI0z58//xcwIX0mZCkMg9S2trb+hFk+ffr0QCkpKVmQ2VA7QHYxAgQQzLesQMwjIiIilZWVZfPu3bstMJ+SYikyBmUzkBnA9HEMyNcCYgmQHVC7mAACCJagOEBBbGdnp7lg
13410wYJEkIavX7/+BcY1SvAaGRl9tba2xohjMTGxL8nJyT+AWQsuxsbG9vnp06e/QWYdPHiwHmiWKlBcCGQXyNcAAQSzmBuoSQqYim3u37+/EKR48uTJv5ANB+bVr7Dga2xs/AkTV1JS+gq0AJyoQIkPWU9aWtoPkPibN2/2A/l6QCwJ9TULQADB4hcY//xKXl5eHt++fbsAUmxhYYHiM1DiAsr9R7ZcVVUVbikIdHd3/0TWIyws/AWYVsByAgICdkAxRSAWAGI2gACClV7C4uLiOv7+/lEgRZ8+ffqLLd6ABck3ZMuB6uCWrlu37je29HDx4kVwQisvL88FFqkaQDERUHADBBAomBl5eHiYgQmLE1hSgQQZgIUD1lJm69atf4HR8R1YKoH5QIPAWWP9+vV/gOI/gHkeQw+wGAXTwAJJ5t+/f/BUDRBA4NIEKMDMyMjICtQIiniG379/4yza7t69+//Lly8oDrty5co/bJaCAEwcZCkwwTJDLWYCCCCwxcDgY3z16hXDnTt3voP4EhISWA0BFgZMwNqHExh3jMiG1tbWsgHjnA2bHmAeBtdWwOL1MycnJ7wAAQggBmi+kgIW/OaKiorJwOLuFShO0LMSMPF9AUYBSpz6+vqixHlOTs4P9MIEWHaDsxSwYMoE2mEGFJcG5SKAAGJCqjv/AbPUn8ePH98ACQQHB6NUmZqamkzABIgSp5s3bwbHORCA1QDLAWZkPc7OzszA8oHl5cuXVy5duvQBGIXwWgoggGA+FgO6xkBNTS28r69vDrT2+Y1cIMDyJchX6KkXVEmAshd6KB06dAic94EO3AzkBwGxPhCLg8ptgACCZyeQp9jZ2b2AmsuAefM8tnxJCk5ISPgOLTKfAdNEOVDMA2QHLDsBBBC8AAFlbmCLwlZISCg5JSVlJizeQAaQaimoWAUFK0g/sGGwHiiWCMS2yAUIQAAxI7c4gEmeFZi4OJ48ecLMzc39CRiEmgEBASxA/QzA8vYvAxEgNjaWZc2aNezAsprp2LFjp4FpZRdQ+AkQvwLij0AMSoC/AQIIXklAC3AVUBoBxmE8sPXQAiyvN8J8fuPGjR/h4eHf0eMdhkENhOPHj8OT+NGjR88BxZuBOA5kJtRseCUBEECMSI0AdmgBDooDaaDl8sASTSkyMlKzpqZGU1paGlS7MABLrX83b978A6zwwakTmE0YgIkSnHpBfGCV+gxYh98qKSk5CeTeAxVeQPwUiN8AMSjxgdLNX4AAYkRqCLBAXcMHtVwSaLkMMMHJAvOq9IQJE9R8fHxElJWV1bEF8aNHj+7t27fvLTDlXwXGLyhoH0OD+DnU0k/QYAa1QP8BBBAjWsuSFWo5LzRYxKFYAljqiAHzqxCwIBEwMTERBdZeoOYMA7Bl+RFYEbwB5oS3IA9D4/IFEL+E4nfQ6IDFLTgvAwQQI5ZmLRtSsINSuyA0uwlBUyQPMPWD20/AKo8ByP4DTJTfgRgUjB+gFoEc8R6amGDB+wu5mQsQQIxYmrdMUJ+zQTM6NzQEeKGO4UJqOzFADQMZ/A1qCSzBfQXi71ALfyM17sEAIIAY8fQiWKAYFgIwzIbWTv4HjbdfUAf8RPLhH1icojfoAQKIEU8bG9kRyF0aRiz6YP0k5C4LsmUY9TtAADEyEA+IVfufGEUAAQYABejinPr4dLEAAAAASUVORK5CYII=') no-repeat 0 0;
13411    }
13412
13413    .dp-popup .just-added {
13414        width: 100%;
13415        border-bottom: 1px solid #eee;
13416        padding-bottom: 20px;
13417    }
13418
13419    .dp-popup .multiple-products-true div {
13420        display: block;
13421        float: left;
13422    }
13423
13424    .dp-popup .product-container.discount-applies-true {
13425        display: flex;
13426        flex-wrap: wrap;
13427    }
13428
13429    .dp-popup .multiple-products-false div {
13430        display: block;
13431    }
13432
13433    .dp-popup .multiple-products-false div.product-container {
13434        max-width: 350px;
13435        width: 100%;
13436        margin-left: auto;
13437        margin-right: auto;
13438        flex-direction: column;
13439    }
13440
13441    .dp-popup .multiple-products-false .image {
13442        flex: 1;
13443        min-height: 150px;
13444    }
13445
13446    .dp-popup .multiple-products-true .image {
13447        width: 100px;
13448    }
13449
13450    .dp-popup .multiple-products-false .image img {
13451        max-width: 150px;
13452        max-height: 150px;
13453    }
13454
13455    .dp-popup .multiple-products-true .image img {
13456        max-width: 100px;
13457        max-height: 100px;
13458    }
13459
13460    .dp-popup .multiple-products-false .details {
13461        flex: 1 0 0;
13462        text-align: center;
13463        font-size: 14px;
13464        padding-left: 15px;
13465        padding-right: 15px;
13466        padding-top: 20px;
13467    }
13468
13469    .dp-popup .multiple-products-true .details {
13470        flex: 1;
13471        text-align: left;
13472        font-size: 14px;
13473        padding-left: 15px;
13474        padding-right: 15px;
13475        max-width: 320px;
13476    }
13477
13478    .dp-popup .multiple-products-false .actions {
13479        flex: 1;
13480        text-align: center;
13481        padding-top: 20px;
13482    }
13483
13484    .dp-popup .multiple-products-true .actions {
13485        vertical-align: middle;
13486        max-width: 116px;
13487        width: 100%;
13488        float: right
13489    }
13490
13491    @media (min-width: 651px) {
13492        .dp-popup .multiple-products-true .actions button.add-upsells,
13493        .dp-popup .multiple-products-true .actions select.adp-variants {
13494            min-width: 116px;
13495            max-width: 116px;
13496        }
13497    }
13498
13499    .dp-popup .other-upsells {
13500        width: 100%;
13501    }
13502
13503    .dp-popup .product-container {
13504        width: 100%;
13505        padding-bottom: 10px;
13506        padding-top: 10px;
13507    }
13508
13509    .dp-popup .product-container:not(first) {
13510        border-top: 1px #eee solid;
13511    }
13512
13513    .dp-popup .product-container select {
13514        -webkit-appearance: none;
13515        -moz-appearance: none;
13516        appearance: none;
13517        background-position: right center;
13518        background-image: url(//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/ico-select.svg?3069916476021763728);
13519        background-repeat: no-repeat;
13520        background-position: right 10px center;
13521        background-size: auto;
13522        padding-right: 28px;
13523        text-indent: 0.01px;
13524        width: 100%;
13525        margin-bottom: 10px;
13526        font-size: 12px;
13527        display: block;
13528        padding-left: 10px;
13529    }
13530
13531    .dp-popup .product-container .variant-wrapper {
13532        float: none;
13533    }
13534
13535    .dp-popup .no-thanks {
13536        text-align: center;
13537        width: 100%;
13538    }
13539
13540    .dp-popup-dpModal .adp-image {
13541        width: 100%;
13542    }
13543
13544    .dp-popup-dpModal .upsell-total {
13545        width: 100%;
13546        padding-top: 10px;
13547    }
13548
13549    .dp-popup-dpModal button.add-upsells {
13550        color: #ffffff;
13551        font-size: 100%;
13552        font-size: 14px;
13553        background-color: #a1c65b;
13554        display: inline-block;
13555        padding: 8px 12px;
13556        margin-bottom: 0;
13557        line-height: 1.42857143;
13558        text-align: center;
13559        vertical-align: middle;
13560        letter-spacing: 1px;
13561        -ms-touch-action: manipulation;
13562        touch-action: manipulation;
13563        cursor: pointer;
13564        -webkit-user-select: none;
13565        -moz-user-select: none;
13566        -ms-user-select: none;
13567        user-select: none;
13568        background-image: none;
13569        border: 1px solid transparent;
13570        border-radius: 3px;
13571        font-weight: 500;
13572        width: 100%;
13573        box-shadow: none;
13574    }
13575
13576    .adp-price .adp-regular {
13577        width: 100%;
13578    }
13579
13580    .product-price .adp-sale {
13581        display: block;
13582        width: 100%;
13583    }
13584
13585    .dp-popup-dpModal .product-price {
13586        padding-top: 10px;
13587        font-weight: bold;
13588    }
13589
13590    .dp-popup-dpModal #one-product .product-price {
13591        font-size: 22px;
13592    }
13593
13594    .dp-popup-dpModal .multiple-products-true .product-price {
13595        font-size: 16px;
13596    }
13597
13598    .dp-popup-dpModal #one-product .product-price s {
13599        vertical-align: middle;
13600        font-size: 16px;
13601    }
13602
13603    .dp-popup-dpModal .product-price .adp-sale s {
13604        font-weight: normal;
13605        color: #000;
13606        opacity: 1;
13607        padding-left: 5px;
13608        font-size: 13px;
13609        font-size: 100%;
13610    }
13611
13612    .discount-applies-false .product-price .adp-sale,
13613    .discount-applies- .product-price .adp-sale {
13614        color: #000;
13615    }
13616
13617    .discount-applies-true .adp-price .adp-sale {
13618        text-decoration: line-through;
13619        width: 100%;
13620    }
13621
13622    .discount-applies-true .product-price .adp-sale {
13623        display: block;
13624        width: 100%;
13625        color: #8C0000;
13626    }
13627
13628    #dpModal-container .product-title {
13629        font-weight: 400;
13630        width: 100%;
13631    }
13632
13633    .dp-popup-dpModal .upsell-title {
13634        font-family: inherit;
13635        font-weight: normal;
13636        line-height: 1.1;
13637        color: inherit;
13638        font-size: 18px;
13639        margin-top: 10px;
13640        margin-bottom: 20px;
13641        font-weight: 500;
13642        text-align: center;
13643    }
13644
13645    @media (max-width: 650px) {
13646        .dp-popup .multiple-products-true .details {
13647            flex: 1;
13648            padding-left: 20px;
13649        }
13650        .dp-popup .multiple-products-true .actions {
13651            max-width: inherit;
13652            width: 100%;
13653            padding-top: 15px;
13654        }
13655        .dp-popup .product-container {
13656            padding-bottom: 20px;
13657            padding-top: 20px;
13658        }
13659    }
13660
13661    .adp-bundle-wrapper .appikon-variants-container select.adp-variants {
13662        -webkit-appearance: none;
13663        -moz-appearance: none;
13664        appearance: none;
13665        background-position: right center;
13666        background-image: url(//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/ico-select.svg?3069916476021763728);
13667        background-repeat: no-repeat;
13668        background-position: right 10px center;
13669        background-size: auto;
13670        padding-right: 28px;
13671        text-indent: 0.01px;
13672        width: 100%;
13673        margin-bottom: 10px;
13674        font-size: 12px;
13675        display: block;
13676        padding-left: 10px;
13677    }
13678
13679    .adp-bundle-wrapper .adp-product-bundle button.add-appikon-bundle {
13680        cursor: pointer;
13681        background-color: #a1c65b;
13682        background-image: none;
13683        color: #fff;
13684        margin: -10px 0 -10px;
13685        width: 100%;
13686        border: none;
13687        text-decoration: none;
13688        font-size: 13px;
13689        font-family: inherit;
13690        text-transform: uppercase;
13691        font-weight: 500;
13692        padding: 10px;
13693    }
13694
13695    .adp-product-bundle .bundle-total button span {
13696        font-size: 13px;
13697    }
13698
13699    table.adp-discount-table tr th:first-child {
13700        flex: 1;
13701    }
13702
13703    table.adp-discount-table tr th:nth-child(2) {
13704        flex: 2;
13705    }
13706
13707    table.adp-discount-table tr td:first-child {
13708        flex: 1;
13709    }
13710
13711    table.adp-discount-table tr td:nth-child(2) {
13712        flex: 2;
13713    }
13714
13715    table.adp-discount-table thead {
13716        display: table-header-group;
13717        vertical-align: middle;
13718    }
13719
13720    #dpModal-container .no_touch {
13721        cursor: default;
13722        pointer-events: none;
13723    }
13724
13725    #dpModal-container .no_touch:hover {
13726        opacity: 1;
13727    }
13728
13729    .dp-popup-dpModal .upsell-title,
13730    .dp-popup-dpModal .product-title,
13731    .dp-popup-dpModal .product-price .adp-sale,
13732    .dp-popup-dpModal div.no-thanks a {}
13733
13734    .adp-product-bundle .bundle-name {}
13735
13736    .adp-product-bundle .adp-price {}
13737
13738    .adp-bundle-wrapper .appikon-variants-container select.adp-variants {}
13739
13740    .adp-bundle-wrapper {}
13741
13742    #appikon-discount-item:empty,
13743    #appikon-summary-item:empty {
13744        display: none;
13745    }
13746
13747    .adp_show_animation {
13748        visibility: visible;
13749        opacity: 1;
13750    }
13751
13752    .adp_default_animation {
13753        visibility: hidden;
13754    }
13755
13756    div.adp_show_animation.adp_default_animation {
13757        visibility: visible;
13758    }
13759
13760    .adp_fade_and_scale_effect {
13761        -webkit-transform: scale(0.7);
13762        -moz-transform: scale(0.7);
13763        -ms-transform: scale(0.7);
13764        transform: scale(0.7);
13765        opacity: 0;
13766        -webkit-transition: all 0.4s;
13767        -moz-transition: all 0.4s;
13768        transition: all 0.4s;
13769    }
13770
13771    .adp_show_animation.adp_fade_and_scale_effect {
13772        -webkit-transform: scale(1);
13773        -moz-transform: scale(1);
13774        -ms-transform: scale(1);
13775        transform: scale(1);
13776        opacity: 1;
13777    }
13778
13779    .adp_slide_from_the_right {
13780        -webkit-transform: translateX(20%);
13781        -moz-transform: translateX(20%);
13782        -ms-transform: translateX(20%);
13783        transform: translateX(20%);
13784        opacity: 0;
13785        -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
13786        -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
13787        transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
13788    }
13789
13790    .adp_show_animation.adp_slide_from_the_right {
13791        -webkit-transform: translateX(0);
13792        -moz-transform: translateX(0);
13793        -ms-transform: translateX(0);
13794        transform: translateX(0);
13795        opacity: 1;
13796    }
13797
13798    .adp_slide_from_the_left {
13799        -webkit-transform: translateX(-20%);
13800        -moz-transform: translateX(-20%);
13801        -ms-transform: translateX(-20%);
13802        transform: translateX(-20%);
13803        opacity: 0;
13804        -webkit-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
13805        -moz-transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
13806        transition: all 0.3s cubic-bezier(0.25, 0.5, 0.5, 0.9);
13807    }
13808
13809    .adp_show_animation.adp_slide_from_the_left {
13810        -webkit-transform: translateX(0);
13811        -moz-transform: translateX(0);
13812        -ms-transform: translateX(0);
13813        transform: translateX(0);
13814        opacity: 1;
13815    }
13816
13817    .adp_slide_from_the_bottom {
13818        -webkit-transform: translateY(20%);
13819        -moz-transform: translateY(20%);
13820        -ms-transform: translateY(20%);
13821        transform: translateY(20%);
13822        opacity: 0;
13823        -webkit-transition: all 0.3s;
13824        -moz-transition: all 0.3s;
13825        transition: all 0.3s;
13826    }
13827
13828    .adp_show_animation.adp_slide_from_the_bottom {
13829        -webkit-transform: translateY(0);
13830        -moz-transform: translateY(0);
13831        -ms-transform: translateY(0);
13832        transform: translateY(0);
13833        opacity: 1;
13834    }
13835
13836    .adp_fall_effect {
13837        -o-transform: perspective(1300px) translateZ(600px) rotateX(30deg);
13838        -ms-transform: perspective(1300px) translateZ(600px) rotateX(30deg);
13839        -moz-transform: perspective(1300px) translateZ(600px) rotateX(30deg);
13840        -webkit-transform: perspective(300px) translateZ(600px) rotateX(30deg);
13841        transform: perspective(1300px) translateZ(600px) rotateX(30deg);
13842        opacity: 0;
13843    }
13844
13845    .adp_show_animation.adp_fall_effect {
13846        -webkit-transition: all 0.3s ease-in;
13847        -moz-transition: all 0.3s ease-in;
13848        transition: all 0.3s ease-in;
13849        -webkit-transform: translateZ(0px) rotateX(0deg);
13850        -moz-transform: translateZ(0px) rotateX(0deg);
13851        -ms-transform: translateZ(0px) rotateX(0deg);
13852        transform: translateZ(0px) rotateX(0deg);
13853        opacity: 1;
13854    }
13855
13856    div.dp-popup.is_funnel_true span.adp-sale s {
13857        text-decoration: none !important;
13858    }
13859
13860    #appikon-notification-bar {
13861        margin-bottom: 0 !important;
13862    }
13863</style>
13864
13865<script type="text/javascript">
13866    function hasFlag(flag){
13867        return window.appikonDiscount.settings.flags[flag] == true
13868    }
13869
13870    window.appikon = {};
13871    window.appikonDiscount = {};
13872    window.appikonDiscount.settings = {
13873        "dp": {
13874            "installed": true,
13875            "vd_table_type": "default",
13876            "vd_product_message": "Buy at discounted prices"
13877        },
13878        "delay_mobile_refresh_cart": 2,
13879        "delay_refresh_cart": 0.5,
13880        "discount_method": "DRAFT",
13881        "hide_paypal": true,
13882        "show_discount_code": false,
13883        "avoid_cart_quantity_adjustment": false,
13884        "show_notification_bar": true,
13885        "show_cart_notification_bar": false,
13886        "show_product_notification_bar": false,
13887        "turn_off_agree_checkbox": false,
13888        "calculation_note": "Please wait while we calculate your cart totals",
13889        "plus_minus_qty_selector": "",
13890        "checkout_selector": ".rebuy-button.block",
13891        "drawer_cart_selector": "",
13892        "drawer_cart_product_title_selector": "#rebuy-cart > div.rebuy-cart__flyout > div.rebuy-cart__flyout-body > div > div.rebuy-cart__flyout-items > div > div.rebuy-cart__flyout-item-info > a",
13893        "drawer_cart_line_price_selector": "",
13894        "drawer_cart_unit_price_selector": "",
13895        "drawer_cart_sub_total_selector": "",
13896        "terms_selector": "",
13897        "regular_cart_product_title_selector": "",
13898        "regular_cart_line_price_selector": "",
13899        "regular_cart_sub_total_selector": "",
13900        "regular_cart_unit_price_selector": "",
13901        "is_dynamic_insertion": true,
13902        "listen_to_ajax_cart_events_strategy": true,
13903        "draft_order_invoice_load_delay": 500,
13904        "flags": {
13905            "new_css": true,
13906            "new_qty_layout": false,
13907            "hide_buy_it_now_setting": false,
13908            "upsell_popup_open_qty": false,
13909            "animate_upsell_popup_appearance": true,
13910            "no_discount_compare_at_price": false,
13911            "offer_metrics": false,
13912            "upsell_popup_on_checkout_click": false,
13913            "fix_empire_theme": false,
13914            "use_google_fonts": false,
13915            "discounted_price_for_bundles": false,
13916            "refresh_on_qty_plush_minus": false,
13917            "refresh_on_qty_change_hard": false,
13918            "several_collections_for_upsells": true,
13919            "avoid_default_qty_input_event_change": false,
13920            "notify_about_disocunt_calculations": false,
13921            "subscribe_api_messages": true,
13922            "entitled_variant_ids": true,
13923            "charts": false,
13924            "delay_price_rule_deletion": false,
13925            "disable_checkout_button": false,
13926            "cart_new_line_prices": true,
13927            "quick_start": true,
13928            "upsell_popup_z_index": false,
13929            "simple_stats_cacher": false,
13930            "enable_funnels": false,
13931            "quantities_refresh_over_submit": false,
13932            "quantities_no_input_trigger": false,
13933            "hide_paypal_to_style": false,
13934            "price_rules_short_life": true,
13935            "settings_async_price_rules": false,
13936            "search_bundle_products": true,
13937            "new_free_plan": false,
13938            "multi_line_notification": true,
13939            "api_optimization": true,
13940            "script_v2": true,
13941            "sqs_order_webhooks": true,
13942            "ts_metrics_view": false,
13943            "order_logs": true,
13944            "active_offers_api_call": false,
13945            "backup_api": false,
13946            "cache_counter_worker": false,
13947            "correct_adp_identifier": false,
13948            "enable_quantity_change_reload": true
13949        },
13950        "app_root_url": "/apps/appikon_discounted_pricing",
13951        "vd_placement_settings": {"placement":"BEFORE","final_selector":".js-volume-discount-table"},
13952        "notification_placement_settings": {"final_selector":null,"placement":"AFTER"},
13953        "notification_cart_placement_settings": {"final_selector":null,"placement":"AFTER"},
13954        "notification_bar_selector": null,
13955        "product_page_offer_active": false,
13956        "no_active_offers": false,
13957        "product_ids_in_use": [],
13958        "collection_ids_in_use": [],
13959        "entire_store_in_use": false,
13960        "shop" : "soylent-business.myshopify.com",
13961        "discount_code_settings" : {"inputPlacementSelector":"#appikon-discount-item","inputPlacementPosition":"AFTER"},
13962        "use_compare_at_price" : false,
13963        "product_page_price_selector": "",
13964    };
13965    window.appikonDiscount.settings.global = {
13966        "env": "production",
13967        "appikonCheckoutSelector": "input[name='checkout'], button[name='checkout'], [href$='checkout'], input[name='goto_pp'], button[name='goto_pp'], input[name='goto_gc'], button[name='goto_gc'], .additional-checkout-button, .google-wallet-button-holder, .amazon-payments-pay-button, button.checkout-button",
13968        "baAddToCartSelector": "#AddToCart-product-template, .product-atc-btn, .product-menu-button.product-menu-button-atc, .button-cart, .product-add, .add-to-cart input, .btn-addtocart, [name=add]",
13969        "appikonPlusImageUrl": "//cdn.shopify.com/s/files/1/0194/1736/6592/t/1/assets/adp-plus_38x.png?18337618242689679898",
13970        "headerSelector": "#shopify-section-header, main, div.content, section.main-content, div#content, section#content"
13971    };
13972    window.appikon.discount_method = window.appikonDiscount.settings.discount_method;
13973    window.appikonResponseStore = {};
13974    window.appikonResponseStore.cartJS = "";
13975    window.appikonResponseStore.discountResponse = "";
13976    
13977
13978    
13979
13980
13981    
13982
13983    
13984    window.appikon.cart = {"note":null,"attributes":{},"original_total_price":0,"total_price":0,"total_discount":0,"total_weight":0.0,"item_count":0,"items":[],"requires_shipping":false,"currency":"USD","items_subtotal_price":0,"cart_level_discount_applications":[],"checkout_charge_amount":0};
13985    ["requires_shipping", "total_discount", "item_count", "total_weight"].map(function(a) {
13986        delete window.appikon.cart[a]
13987    })
13988
13989    if (hasFlag("correct_adp_identifier") && window.appikon.cart && window.appikon.cart.attributes && window.appikon.cart.attributes["adp_identifier"]){
13990        var appikonSafe = function(cb){ try{cb()} catch(e){} }
13991        appikonSafe(function() {
13992            var awaitJQuery = function (cb) {
13993                appikonSafe(function(){ if (window.jQuery) { cb() } else { setTimeout(function() { awaitJQuery(cb) }, 150) } })
13994            }
13995            awaitJQuery(function(){
13996                appikonSafe(function(){
13997                    jQuery.post('/cart/update.js', { attributes: {'adp_identifier': ''} })
13998                })
13999            })
14000        })
14001    }
14002
14003    window.appikon.cart.items = [];
14004    window.appikon.cart_product_ids = [];
14005    window.appikon.cart_collection_ids = [];
14006    
14007
14008    
14009    window.appikon.adp_page = "";
14010
14011
14012    
14013    window.appikon.money_format = "${{amount}}";
14014    
14015
14016    //appikonHandlebars
14017    !function(a,b){"object"==typeof exports&&"object"==typeof module?module.exports=b():"function"==typeof define&&define.amd?define([],b):"object"==typeof exports?exp
vendor: 9,031 bytes, line 14017
14017orts.appikonHandlebars=b():a.appikonHandlebars=b()}(this,function(){return function(a){function b(d){if(c[d])return c[d].exports;var e=c[d]={exports:{},id:d,loaded:!1};return a[d].call(e.exports,e,e.exports,b),e.loaded=!0,e.exports}var c={};return b.m=a,b.c=c,b.p="",b(0)}([function(a,b,c){"use strict";function d(){var a=r();return a.compile=function(b,c){return k.compile(b,c,a)},a.precompile=function(b,c){return k.precompile(b,c,a)},a.AST=i["default"],a.Compiler=k.Compiler,a.JavaScriptCompiler=m["default"],a.Parser=j.parser,a.parse=j.parse,a}var e=c(1)["default"];b.__esModule=!0;var f=c(2),g=e(f),h=c(35),i=e(h),j=c(36),k=c(41),l=c(42),m=e(l),n=c(39),o=e(n),p=c(34),q=e(p),r=g["default"].create,s=d();s.create=d,q["default"](s),s.Visitor=o["default"],s["default"]=s,b["default"]=s,a.exports=b["default"]},function(a,b){"use strict";b["default"]=function(a){return a&&a.__esModule?a:{"default":a}},b.__esModule=!0},function(a,b,c){"use strict";function d(){var a=new h.appikonHandlebarsEnvironment;return n.extend(a,h),a.SafeString=j["default"],a.Exception=l["default"],a.Utils=n,a.escapeExpression=n.escapeExpression,a.VM=p,a.template=function(b){return p.template(b,a)},a}var e=c(3)["default"],f=c(1)["default"];b.__esModule=!0;var g=c(4),h=e(g),i=c(21),j=f(i),k=c(6),l=f(k),m=c(5),n=e(m),o=c(22),p=e(o),q=c(34),r=f(q),s=d();s.create=d,r["default"](s),s["default"]=s,b["default"]=s,a.exports=b["default"]},function(a,b){"use strict";b["default"]=function(a){if(a&&a.__esModule)return a;var b={};if(null!=a)for(var c in a)Object.prototype.hasOwnProperty.call(a,c)&&(b[c]=a[c]);return b["default"]=a,b},b.__esModule=!0},function(a,b,c){"use strict";function d(a,b,c){this.helpers=a||{},this.partials=b||{},this.decorators=c||{},i.registerDefaultHelpers(this),j.registerDefaultDecorators(this)}var e=c(1)["default"];b.__esModule=!0,b.appikonHandlebarsEnvironment=d;var f=c(5),g=c(6),h=e(g),i=c(10),j=c(18),k=c(20),l=e(k),m="4.0.8";b.VERSION=m;var n=7;b.COMPILER_REVISION=n;var o={1:"<= 1.0.rc.2",2:"== 1.0.0-rc.3",3:"== 1.0.0-rc.4",4:"== 1.x.x",5:"== 2.0.0-alpha.x",6:">= 2.0.0-beta.1",7:">= 4.0.0"};b.REVISION_CHANGES=o;var p="[object Object]";d.prototype={constructor:d,logger:l["default"],log:l["default"].log,registerHelper:function(a,b){if(f.toString.call(a)===p){if(b)throw new h["default"]("Arg not supported with multiple helpers");f.extend(this.helpers,a)}else this.helpers[a]=b},unregisterHelper:function(a){delete this.helpers[a]},registerPartial:function(a,b){if(f.toString.call(a)===p)f.extend(this.partials,a);else{if("undefined"==typeof b)throw new h["default"]('Attempting to register a partial called "'+a+'" as undefined');this.partials[a]=b}},unregisterPartial:function(a){delete this.partials[a]},registerDecorator:function(a,b){if(f.toString.call(a)===p){if(b)throw new h["default"]("Arg not supported with multiple decorators");f.extend(this.decorators,a)}else this.decorators[a]=b},unregisterDecorator:function(a){delete this.decorators[a]}};var q=l["default"].log;b.log=q,b.createFrame=f.createFrame,b.logger=l["default"]},function(a,b){"use strict";function c(a){return k[a]}function d(a){for(var b=1;b<arguments.length;b++)for(var c in arguments[b])Object.prototype.hasOwnProperty.call(arguments[b],c)&&(a[c]=arguments[b][c]);return a}function e(a,b){for(var c=0,d=a.length;c<d;c++)if(a[c]===b)return c;return-1}function f(a){if("string"!=typeof a){if(a&&a.toHTML)return a.toHTML();if(null==a)return"";if(!a)return a+"";a=""+a}return m.test(a)?a.replace(l,c):a}function g(a){return!a&&0!==a||!(!p(a)||0!==a.length)}function h(a){var b=d({},a);return b._parent=a,b}function i(a,b){return a.path=b,a}function j(a,b){return(a?a+".":"")+b}b.__esModule=!0,b.extend=d,b.indexOf=e,b.escapeExpression=f,b.isEmpty=g,b.createFrame=h,b.blockParams=i,b.appendContextPath=j;var k={"&":"&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
14017("string"==typeof a){var b=d.indexOf(e.methodMap,a.toLowerCase());a=b>=0?b:parseInt(a,10)}return a},log:function(a){if(a=e.lookupLevel(a),"undefined"!=typeof console&&e.lookupLevel(e.level)<=a){var b=e.methodMap[a];console[b]||(b="log");for(var c=arguments.length,d=Array(c>1?c-1:0),f=1;f<c;f++)d[f-1]=arguments[f];console[b].apply(console,d)}}};b["default"]=e,a.exports=b["default"]},function(a,b){"use strict";function c(a){this.string=a}b.__esModule=!0,c.prototype.toString=c.prototype.toHTML=function(){return""+this.string},b["default"]=c,a.exports=b["default"]},function(a,b,c){"use strict";function d(a){var b=a&&a[0]||1,c=s.COMPILER_REVISION;if(b!==c){if(b<c){var d=s.REVISION_CHANGES[c],e=s.REVISION_CHANGES[b];throw new r["default"]("Template was precompiled with an older version of appikonHandlebars than the current runtime. Please update your precompiler to a newer version ("+d+") or downgrade your runtime to an older version ("+e+").")}throw new r["default"]("Template was precompiled with a newer version of appikonHandlebars than the current runtime. Please update your runtime to a newer version ("+a[1]+").")}}function e(a,b){function c(c,d,e){e.hash&&(d=p.extend({},d,e.hash),e.ids&&(e.ids[0]=!0)),c=b.VM.resolvePartial.call(this,c,d,e);var f=b.VM.invokePartial.call(this,c,d,e);if(null==f&&b.compile&&(e.partials[e.name]=b.compile(c,a.compilerOptions,b),f=e.partials[e.name](d,e)),null!=f){if(e.indent){for(var g=f.split("\n"),h=0,i=g.length;h<i&&(g[h]||h+1!==i);h++)g[h]=e.indent+g[h];f=g.join("\n")}return f}throw new r["default"]("The partial "+e.name+" could not be compiled when running in runtime-only mode")}function d(b){function c(b){return""+a.main(e,b,e.helpers,e.partials,g,i,h)}var f=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],g=f.data;d._setup(f),!f.partial&&a.useData&&(g=j(b,g));var h=void 0,i=a.useBlockParams?[]:void 0;return a.useDepths&&(h=f.depths?b!=f.depths[0]?[b].concat(f.depths):f.depths:[b]),(c=k(a.main,c,e,f.depths||[],g,i))(b,f)}if(!b)throw new r["default"]("No environment passed to template");if(!a||!a.main)throw new r["default"]("Unknown template object: "+typeof a);a.main.decorator=a.main_d,b.VM.checkRevision(a.compiler);var e={strict:function(a,b){if(!(b in a))throw new r["default"]('"'+b+'" not defined in '+a);return a[b]},lookup:function(a,b){for(var c=a.length,d=0;d<c;d++)if(a[d]&&null!=a[d][b])return a[d][b]},lambda:function(a,b){return"function"==typeof a?a.call(b):a},escapeExpression:p.escapeExpression,invokePartial:c,fn:function(b){var c=a[b];return c.decorator=a[b+"_d"],c},programs:[],program:function(a,b,c,d,e){var g=this.programs[a],h=this.fn(a);return b||e||d||c?g=f(this,a,h,b,c,d,e):g||(g=this.programs[a]=f(this,a,h)),g},data:function(a,b){for(;a&&b--;)a=a._parent;return a},merge:function(a,b){var c=a||b;return a&&b&&a!==b&&(c=p.extend({},b,a)),c},nullContext:l({}),noop:b.VM.noop,compilerInfo:a.compiler};return d.isTop=!0,d._setup=function(c){c.partial?(e.helpers=c.helpers,e.partials=c.partials,e.decorators=c.decorators):(e.helpers=e.merge(c.helpers,b.helpers),a.usePartial&&(e.partials=e.merge(c.partials,b.partials)),(a.usePartial||a.useDecorators)&&(e.decorators=e.merge(c.decorators,b.decorators)))},d._child=function(b,c,d,g){if(a.useBlockParams&&!d)throw new r["default"]("must pass block params");if(a.useDepths&&!g)throw new r["default"]("must pass parent depths");return f(e,b,a[b],c,0,d,g)},d}function f(a,b,c,d,e,f,g){function h(b){var e=arguments.length<=1||void 0===arguments[1]?{}:arguments[1],h=g;return!g||b==g[0]||b===a.nullContext&&null===g[0]||(h=[b].concat(g)),c(a,b,a.helpers,a.partials,e.data||d,f&&[e.blockParams].concat(f),h)}return h=k(c,h,a,g,d,f),h.program=b,h.depth=g?g.length:0,h.blockParams=e||0,h}function g(a,b,c){return a?a.call||c.name||(c.name=a,a=c.partials[a]):a="@partial-block"===c.name?c.data["partial-block"]:c.partials[c.name],a}function h(a,b,c){var d=c.data&&c.data["partial-block"];c.partial=!0,c.ids&&(c.data.contextPath=c.ids[0]||c.data.contextPath);var e=void 0;if(c.fn&&c.fn!==i&&!function(){c.data=s.createFrame(c.data);var a=c.fn;e=c.data["partial-block"]=function(b){var c=arguments.length<=1||void 0===arguments[1]?{}:arguments[1];return c.data=s.createFrame(c.data),c.data["partial-block"]=d,a(b,c)},a.partials&&(c.partials=p.extend({},c.partials,a.partials))}(),void 0===a&&e&&(a=e),void 0===a)throw new r["default"]("The partial "+c.name+" could not be found");if(a instanceof Function)return a(b,c)}function i(){return""}function j(a,b){return b&&"root"in b||(b=b?s.createFrame(b):{},b.root=a),b}function k(a,b,c,d,e,f){if(a.decorator){var g={};b=a.decorator(b,g,c,d&&d[0],e,f,d),p.extend(b,g)}return b}var l=c(23)["default"],m=c(3)["default"],n=c(1)["default"];b.__esModule=!0,b.checkRevision=d,b.template=e,b.wrapProgram=f,b.resolvePartial=g,b.invokePartial=h,b.noop=i;
vendor: 4,110 bytes, line 14017
14017var o=c(5),p=m(o),q=c(6),r=n(q),s=c(4)},function(a,b,c){a.exports={"default":c(24),__esModule:!0}},function(a,b,c){c(25),a.exports=c(30).Object.seal},function(a,b,c){var d=c(26);c(27)("seal",function(a){return function(b){return a&&d(b)?a(b):b}})},function(a,b){a.exports=function(a){return"object"==typeof a?null!==a:"function"==typeof a}},function(a,b,c){var d=c(28),e=c(30),f=c(33);a.exports=function(a,b){var c=(e.Object||{})[a]||Object[a],g={};g[a]=b(c),d(d.S+d.F*f(function(){c(1)}),"Object",g)}},function(a,b,c){var d=c(29),e=c(30),f=c(31),g="prototype",h=function(a,b,c){var i,j,k,l=a&h.F,m=a&h.G,n=a&h.S,o=a&h.P,p=a&h.B,q=a&h.W,r=m?e:e[b]||(e[b]={}),s=m?d:n?d[b]:(d[b]||{})[g];m&&(c=b);for(i in c)j=!l&&s&&i in s,j&&i in r||(k=j?s[i]:c[i],r[i]=m&&"function"!=typeof s[i]?c[i]:p&&j?f(k,d):q&&s[i]==k?function(a){var b=function(b){return this instanceof a?new a(b):a(b)};return b[g]=a[g],b}(k):o&&"function"==typeof k?f(Function.call,k):k,o&&((r[g]||(r[g]={}))[i]=k))};h.F=1,h.G=2,h.S=4,h.P=8,h.B=16,h.W=32,a.exports=h},function(a,b){var c=a.exports="undefined"!=typeof window&&window.Math==Math?window:"undefined"!=typeof self&&self.Math==Math?self:Function("return this")();"number"==typeof __g&&(__g=c)},function(a,b){var c=a.exports={version:"1.2.6"};"number"==typeof __e&&(__e=c)},function(a,b,c){var d=c(32);a.exports=function(a,b,c){if(d(a),void 0===b)return a;switch(c){case 1:return function(c){return a.call(b,c)};case 2:return function(c,d){return a.call(b,c,d)};case 3:return function(c,d,e){return a.call(b,c,d,e)}}return function(){return a.apply(b,arguments)}}},function(a,b){a.exports=function(a){if("function"!=typeof a)throw TypeError(a+" is not a function!");return a}},function(a,b){a.exports=function(a){try{return!!a()}catch(b){return!0}}},function(a,b){(function(c){"use strict";b.__esModule=!0,b["default"]=function(a){var b="undefined"!=typeof c?c:window,d=b.appikonHandlebars;a.noConflict=function(){return b.appikonHandlebars===a&&(b.appikonHandlebars=d),a}},a.exports=b["default"]}).call(b,function(){return this}())},function(a,b){"use strict";b.__esModule=!0;var c={helpers:{helperExpression:function(a){return"SubExpression"===a.type||("MustacheStatement"===a.type||"BlockStatement"===a.type)&&!!(a.params&&a.params.length||a.hash)},scopedId:function(a){return/^\.|this\b/.test(a.original)},simpleId:function(a){return 1===a.parts.length&&!c.helpers.scopedId(a)&&!a.depth}}};b["default"]=c,a.exports=b["default"]},function(a,b,c){"use strict";function d(a,b){if("Program"===a.type)return a;h["default"].yy=n,n.locInfo=function(a){return new n.SourceLocation(b&&b.srcName,a)};var c=new j["default"](b);return c.accept(h["default"].parse(a))}var e=c(1)["default"],f=c(3)["default"];b.__esModule=!0,b.parse=d;var g=c(37),h=e(g),i=c(38),j=e(i),k=c(40),l=f(k),m=c(5);b.parser=h["default"];var n={};m.extend(n,l)},function(a,b){"use strict";b.__esModule=!0;var c=function(){function a(){this.yy={}}var b={trace:function(){},yy:{},symbols_:{error:2,root:3,program:4,EOF:5,program_repetition0:6,statement:7,mustache:8,block:9,rawBlock:10,partial:11,partialBlock:12,content:13,COMMENT:14,CONTENT:15,openRawBlock:16,rawBlock_repetition_plus0:17,END_RAW_BLOCK:18,OPEN_RAW_BLOCK:19,helperName:20,openRawBlock_repetition0:21,openRawBlock_option0:22,CLOSE_RAW_BLOCK:23,openBlock:24,block_option0:25,closeBlock:26,openInverse:27,block_option1:28,OPEN_BLOCK:29,openBlock_repetition0:30,openBlock_option0:31,openBlock_option1:32,CLOSE:33,OPEN_INVERSE:34,openInverse_repetition0:35,openInverse_option0:36,openInverse_option1:37,openInverseChain:38,OPEN_INVERSE_CHAIN:39,openInverseChain_repetition0:40,openInverseChain_option0:41,openInverseChain_option1:42,inverseAndProgram:43,INVERSE:44,inverseChain:45,inverseChain_option0:46,OPEN_ENDBLOCK:47,OPEN:48,mustache_repetition0:49,mustache_option0:50,OPEN_UNESCAPED:51,mustache_repetition1:52,mustache_option1:53,CLOSE_UNESCAPED:54,OPEN_PARTIAL:55,partialName:56,partial_repetition0:57,partial_option0:58,openPartialBlock:59,OPEN_PARTIAL_BLOCK:60,openPartialBlock_repetition0:61,openPartialBlock_option0:62,param:63,sexpr:64,OPEN_SEXPR:65,sex
vendor: 8,724 bytes, line 14017
14017pr_repetition0:66,sexpr_option0:67,CLOSE_SEXPR:68,hash:69,hash_repetition_plus0:70,hashSegment:71,ID:72,EQUALS:73,blockParams:74,OPEN_BLOCK_PARAMS:75,blockParams_repetition_plus0:76,CLOSE_BLOCK_PARAMS:77,path:78,dataName:79,STRING:80,NUMBER:81,BOOLEAN:82,UNDEFINED:83,NULL:84,DATA:85,pathSegments:86,SEP:87,attributeccept:0,$end:1},terminals_:{2:"error",5:"EOF",14:"COMMENT",15:"CONTENT",18:"END_RAW_BLOCK",19:"OPEN_RAW_BLOCK",23:"CLOSE_RAW_BLOCK",29:"OPEN_BLOCK",33:"CLOSE",34:"OPEN_INVERSE",39:"OPEN_INVERSE_CHAIN",44:"INVERSE",47:"OPEN_ENDBLOCK",48:"OPEN",51:"OPEN_UNESCAPED",54:"CLOSE_UNESCAPED",55:"OPEN_PARTIAL",60:"OPEN_PARTIAL_BLOCK",65:"OPEN_SEXPR",68:"CLOSE_SEXPR",72:"ID",73:"EQUALS",75:"OPEN_BLOCK_PARAMS",77:"CLOSE_BLOCK_PARAMS",80:"STRING",81:"NUMBER",82:"BOOLEAN",83:"UNDEFINED",84:"NULL",85:"DATA",87:"SEP"},productions_:[0,[3,2],[4,1],[7,1],[7,1],[7,1],[7,1],[7,1],[7,1],[7,1],[13,1],[10,3],[16,5],[9,4],[9,4],[24,6],[27,6],[38,6],[43,2],[45,3],[45,1],[26,3],[8,5],[8,5],[11,5],[12,3],[59,5],[63,1],[63,1],[64,5],[69,1],[71,3],[74,3],[20,1],[20,1],[20,1],[20,1],[20,1],[20,1],[20,1],[56,1],[56,1],[79,2],[78,1],[86,3],[86,1],[6,0],[6,2],[17,1],[17,2],[21,0],[21,2],[22,0],[22,1],[25,0],[25,1],[28,0],[28,1],[30,0],[30,2],[31,0],[31,1],[32,0],[32,1],[35,0],[35,2],[36,0],[36,1],[37,0],[37,1],[40,0],[40,2],[41,0],[41,1],[42,0],[42,1],[46,0],[46,1],[49,0],[49,2],[50,0],[50,1],[52,0],[52,2],[53,0],[53,1],[57,0],[57,2],[58,0],[58,1],[61,0],[61,2],[62,0],[62,1],[66,0],[66,2],[67,0],[67,1],[70,1],[70,2],[76,1],[76,2]],performAction:function(a,b,c,d,e,f,g){var h=f.length-1;switch(e){case 1:return f[h-1];case 2:this.$=d.prepareProgram(f[h]);break;case 3:this.$=f[h];break;case 4:this.$=f[h];break;case 5:this.$=f[h];break;case 6:this.$=f[h];break;case 7:this.$=f[h];break;case 8:this.$=f[h];break;case 9:this.$={type:"CommentStatement",value:d.stripComment(f[h]),strip:d.stripFlags(f[h],f[h]),loc:d.locInfo(this._$)};break;case 10:this.$={type:"ContentStatement",original:f[h],value:f[h],loc:d.locInfo(this._$)};break;case 11:this.$=d.prepareRawBlock(f[h-2],f[h-1],f[h],this._$);break;case 12:this.$={path:f[h-3],params:f[h-2],hash:f[h-1]};break;case 13:this.$=d.prepareBlock(f[h-3],f[h-2],f[h-1],f[h],!1,this._$);break;case 14:this.$=d.prepareBlock(f[h-3],f[h-2],f[h-1],f[h],!0,this._$);break;case 15:this.$={open:f[h-5],path:f[h-4],params:f[h-3],hash:f[h-2],blockParams:f[h-1],strip:d.stripFlags(f[h-5],f[h])};break;case 16:this.$={path:f[h-4],params:f[h-3],hash:f[h-2],blockParams:f[h-1],strip:d.stripFlags(f[h-5],f[h])};break;case 17:this.$={path:f[h-4],params:f[h-3],hash:f[h-2],blockParams:f[h-1],strip:d.stripFlags(f[h-5],f[h])};break;case 18:this.$={strip:d.stripFlags(f[h-1],f[h-1]),program:f[h]};break;case 19:var i=d.prepareBlock(f[h-2],f[h-1],f[h],f[h],!1,this._$),j=d.prepareProgram([i],f[h-1].loc);j.chained=!0,this.$={strip:f[h-2].strip,program:j,chain:!0};break;case 20:this.$=f[h];break;case 21:this.$={path:f[h-1],strip:d.stripFlags(f[h-2],f[h])};break;case 22:this.$=d.prepareMustache(f[h-3],f[h-2],f[h-1],f[h-4],d.stripFlags(f[h-4],f[h]),this._$);break;case 23:this.$=d.prepareMustache(f[h-3],f[h-2],f[h-1],f[h-4],d.stripFlags(f[h-4],f[h]),this._$);break;case 24:this.$={type:"PartialStatement",name:f[h-3],params:f[h-2],hash:f[h-1],indent:"",strip:d.stripFlags(f[h-4],f[h]),loc:d.locInfo(this._$)};break;case 25:this.$=d.preparePartialBlock(f[h-2],f[h-1],f[h],this._$);break;case 26:this.$={path:f[h-3],params:f[h-2],hash:f[h-1],strip:d.stripFlags(f[h-4],f[h])};break;case 27:this.$=f[h];break;case 28:this.$=f[h];break;case 29:this.$={type:"SubExpression",path:f[h-3],params:f[h-2],hash:f[h-1],loc:d.locInfo(this._$)};break;case 30:this.$={type:"Hash",pairs:f[h],loc:d.locInfo(this._$)};break;case 31:this.$={type:"HashPair",key:d.id(f[h-2]),value:f[h],loc:d.locInfo(this._$)};break;case 32:this.$=d.id(f[h-1]);break;case 33:this.$=f[h];break;case 34:this.$=f[h];break;case 35:this.$={type:"StringLiteral",value:f[h],original:f[h],loc:d.locInfo(this._$)};break;case 36:this.$={type:"NumberLiteral",value:Number(f[h]),original:Number(f[h]),loc:d.locInfo(this._$)};break;case 37:this.$={type:"BooleanLiteral",value:"true"===f[h],original:"true"===f[h],loc:d.locInfo(this._$)};break;case 38:this.$={type:"UndefinedLiteral",original:void 0,value:void 0,loc:d.locInfo(this._$)};break;case 39:this.$={type:"NullLiteral",original:null,value:null,loc:d.locInfo(this._$)};break;case 40:this.$=f[h];break;case 41:this.$=f[h];break;case 42:this.$=d.preparePath(!0,f[h],this._$);break;case 43:this.$=d.preparePath(!1,f[h],this._$);break;case 44:f[h-2].push({part:d.id(f[h]),original:f[h],separator:f[h-1]}),this.$=f[h-2];break;case 45:this.$=[{part:d.id(f[h]),original:f[h]}];break;case 46:this.$=[];break;case 47:f[h-1].push(f[h]);break;case 48:this.$=[f[h]];break;case 49:f[h-1].push(f[h]);break;case 50:this.$=[];break;case 51:f[h-1].push(f[h]);break;case 58:this.$=[];break;case 59:f[h-1].push(f[h]);break;case 64:this.$=[];break;case 65:f[h-1].push(f[h]);break;case 70:this.$=[];break;case 71:f[h-1].push(f[h]);break;case 78:this.$=[];break;case 79:f[h-1].push(f[h]);break;case 82:this.$=[];break;case 83:f[h-1].push(f[h]);break;case 86:this.$=[];break;case 87:f[h-1].push(f[h]);break;case 90:this.$=[];break;case 91:f[h-1].push(f[h]);break;case 94:this.$=[];break;case 95:f[h-1].push(f[h]);break;case 98:this.$=[f[h]];break;case 99:f[h-1].push(f[h]);break;case 100:this.$=[f[h]];break;case 101:f[h-1].push(f[h])}},table:[{3:1,4:2,5:[2,46],6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{1:[3]},{5:[1,4]},{5:[2,2],7:5,8:6,9:7,10:8,11:9,12:10,13:11,14:[1,12],15:[1,20],16:17,19:[1,23],24:15,27:16,29:[1,21],34:[1,22],39:[2,2],44:[2,2],47:[2,2],48:[1,13],51:[1,14],55:[1,18],59:19,60:[1,24]},{1:[2,1]},{5:[2,47],14:[2,47],15:[2,47],19:[2,47],29:[2,47],34:[2,47],39:[2,47],44:[2,47],47:[2,47],48:[2,47],51:[2,47],55:[2,47],60:[2,47]},{5:[2,3],14:[2,3],15:[2,3],19:[2,3],29:[2,3],34:[2,3],39:[2,3],44:[2,3],47:[2,3],48:[2,3],51:[2,3],55:[2,3],60:[2,3]},{5:[2,4],14:[2,4],15:[2,4],19:[2,4],29:[2,4],34:[2,4],39:[2,4],44:[2,4],47:[2,4],48:[2,4],51:[2,4],55:[2,4],60:[2,4]},{5:[2,5],14:[2,5],15:[2,5],19:[2,5],29:[2,5],34:[2,5],39:[2,5],44:[2,5],47:[2,5],48:[2,5],51:[2,5],55:[2,5],60:[2,5]},{5:[2,6],14:[2,6],15:[2,6],19:[2,6],29:[2,6],34:[2,6],39:[2,6],44:[2,6],47:[2,6],48:[2,6],51:[2,6],55:[2,6],60:[2,6]},{5:[2,7],14:[2,7],15:[2,7],19:[2,7],29:[2,7],34:[2,7],39:[2,7],44:[2,7],47:[2,7],48:[2,7],51:[2,7],55:[2,7],60:[2,7]},{5:[2,8],14:[2,8],15:[2,8],19:[2,8],29:[2,8],34:[2,8],39:[2,8],44:[2,8],47:[2,8],48:[2,8],51:[2,8],55:[2,8],60:[2,8]},{5:[2,9],14:[2,9],15:[2,9],19:[2,9],29:[2,9],34:[2,9],39:[2,9],44:[2,9],47:[2,9],48:[2,9],51:[2,9],55:[2,9],60:[2,9]},{20:25,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:36,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:37,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],39:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{4:38,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{13:40,15:[1,20],17:39},{20:42,56:41,64:43,65:[1,44],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:45,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{5:[2,10],14:[2,10],15:[2,10],18:[2,10],19:[2,10],29:[2,10],34:[2,10],39:[2,10],44:[2,10],47:[2,10],48:[2,10],51:[2,10],55:[2,10],60:[2,10]},{20:46,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:47,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:48,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:42,56:49,64:43,65:[1,44],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[2,78],49:50,65:[2,78],72:[2,78],80:[2,78],81:[2,78],82:[2,78],83:[2,78],84:[2,78],85:[2,78]},{23:[2,33],33:[2,33],54:[2,33],65:[2,33],68:[2,33],72:[2,33],75:[2,33],80:[2,33],81:[2,33],82:[2,33],83:[2,33],84:[2,33],85:[2,33]},{23:[2,34],33:[2,34],54:[2,34],65:[2,34],68:[2,34],72:[2,34],75:[2,34],80:[2,34],81:[2,34],82:[2,34],83:[2,34],84:[2,34],85:[2,34]},{23:[2,35],33:[2,35],54:[2,35],65:[2,35],68:[2,35],72:[2,35],75:[2,35],80:[2,35],81:[2,35],82:[2,35],83:[2,35],84:[2,35],85:[2,35]},{23:[2,36],33:[2,36],54:[2,36],65:[2,36],68:[2,36],72:[2,36],75:[2,36],80:[2,36],81:[2,36],82:[2,36],83:[2,36],84:[2,36],85:[2,36]},{23:[2,37],33:[2,37],54:[2,37],65:[2,37],68:[2,37],72:[2,37],75:[2,37],80:[2,37],81:[2,37],82:[2,37],83:[2,37],84:[2,37
vendor: 4,137 bytes, line 14017
14017],85:[2,37]},{23:[2,38],33:[2,38],54:[2,38],65:[2,38],68:[2,38],72:[2,38],75:[2,38],80:[2,38],81:[2,38],82:[2,38],83:[2,38],84:[2,38],85:[2,38]},{23:[2,39],33:[2,39],54:[2,39],65:[2,39],68:[2,39],72:[2,39],75:[2,39],80:[2,39],81:[2,39],82:[2,39],83:[2,39],84:[2,39],85:[2,39]},{23:[2,43],33:[2,43],54:[2,43],65:[2,43],68:[2,43],72:[2,43],75:[2,43],80:[2,43],81:[2,43],82:[2,43],83:[2,43],84:[2,43],85:[2,43],87:[1,51]},{72:[1,35],86:52},{23:[2,45],33:[2,45],54:[2,45],65:[2,45],68:[2,45],72:[2,45],75:[2,45],80:[2,45],81:[2,45],82:[2,45],83:[2,45],84:[2,45],85:[2,45],87:[2,45]},{52:53,54:[2,82],65:[2,82],72:[2,82],80:[2,82],81:[2,82],82:[2,82],83:[2,82],84:[2,82],85:[2,82]},{25:54,38:56,39:[1,58],43:57,44:[1,59],45:55,47:[2,54]},{28:60,43:61,44:[1,59],47:[2,56]},{13:63,15:[1,20],18:[1,62]},{15:[2,48],18:[2,48]},{33:[2,86],57:64,65:[2,86],72:[2,86],80:[2,86],81:[2,86],82:[2,86],83:[2,86],84:[2,86],85:[2,86]},{33:[2,40],65:[2,40],72:[2,40],80:[2,40],81:[2,40],82:[2,40],83:[2,40],84:[2,40],85:[2,40]},{33:[2,41],65:[2,41],72:[2,41],80:[2,41],81:[2,41],82:[2,41],83:[2,41],84:[2,41],85:[2,41]},{20:65,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{26:66,47:[1,67]},{30:68,33:[2,58],65:[2,58],72:[2,58],75:[2,58],80:[2,58],81:[2,58],82:[2,58],83:[2,58],84:[2,58],85:[2,58]},{33:[2,64],35:69,65:[2,64],72:[2,64],75:[2,64],80:[2,64],81:[2,64],82:[2,64],83:[2,64],84:[2,64],85:[2,64]},{21:70,23:[2,50],65:[2,50],72:[2,50],80:[2,50],81:[2,50],82:[2,50],83:[2,50],84:[2,50],85:[2,50]},{33:[2,90],61:71,65:[2,90],72:[2,90],80:[2,90],81:[2,90],82:[2,90],83:[2,90],84:[2,90],85:[2,90]},{20:75,33:[2,80],50:72,63:73,64:76,65:[1,44],69:74,70:77,71:78,72:[1,79],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{72:[1,80]},{23:[2,42],33:[2,42],54:[2,42],65:[2,42],68:[2,42],72:[2,42],75:[2,42],80:[2,42],81:[2,42],82:[2,42],83:[2,42],84:[2,42],85:[2,42],87:[1,51]},{20:75,53:81,54:[2,84],63:82,64:76,65:[1,44],69:83,70:77,71:78,72:[1,79],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{26:84,47:[1,67]},{47:[2,55]},{4:85,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],39:[2,46],44:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{47:[2,20]},{20:86,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{4:87,6:3,14:[2,46],15:[2,46],19:[2,46],29:[2,46],34:[2,46],47:[2,46],48:[2,46],51:[2,46],55:[2,46],60:[2,46]},{26:88,47:[1,67]},{47:[2,57]},{5:[2,11],14:[2,11],15:[2,11],19:[2,11],29:[2,11],34:[2,11],39:[2,11],44:[2,11],47:[2,11],48:[2,11],51:[2,11],55:[2,11],60:[2,11]},{15:[2,49],18:[2,49]},{20:75,33:[2,88],58:89,63:90,64:76,65:[1,44],69:91,70:77,71:78,72:[1,79],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{65:[2,94],66:92,68:[2,94],72:[2,94],80:[2,94],81:[2,94],82:[2,94],83:[2,94],84:[2,94],85:[2,94]},{5:[2,25],14:[2,25],15:[2,25],19:[2,25],29:[2,25],34:[2,25],39:[2,25],44:[2,25],47:[2,25],48:[2,25],51:[2,25],55:[2,25],60:[2,25]},{20:93,72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:75,31:94,33:[2,60],63:95,64:76,65:[1,44],69:96,70:77,71:78,72:[1,79],75:[2,60],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:75,33:[2,66],36:97,63:98,64:76,65:[1,44],69:99,70:77,71:78,72:[1,79],75:[2,66],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:75,22:100,23:[2,52],63:101,64:76,65:[1,44],69:102,70:77,71:78,72:[1,79],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{20:75,33:[2,92],62:103,63:104,64:76,65:[1,44],69:105,70:77,71:78,72:[1,79],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[1,106]},{33:[2,79],65:[2,79],72:[2,79],80:[2,79],81:[2,79],82:[2,79],83:[2,79],84:[2,79],85:[2,79]},{33:[2,81]},{23:[2,27],33:[2,27],54:[2,27],65:[2,27],68:[2,27],72:[2,27],75:[2,27],80:[2,27],81:[2,27],82:[2,27],83:[2,27],84:[2,27],85:[2,27]},{23:[2,28],33:[2,28],54:[2,28],65:[2,28],68:[2,28],72:[2,28],75:[2,28],80:[2,28],81:[2,28],82:[2,28],83:[2,28],84:[2,28],85:[2,28]}
vendor: 6,603 bytes, lines 14017-14018
14017,{23:[2,30],33:[2,30],54:[2,30],68:[2,30],71:107,72:[1,108],75:[2,30]},{23:[2,98],33:[2,98],54:[2,98],68:[2,98],72:[2,98],75:[2,98]},{23:[2,45],33:[2,45],54:[2,45],65:[2,45],68:[2,45],72:[2,45],73:[1,109],75:[2,45],80:[2,45],81:[2,45],82:[2,45],83:[2,45],84:[2,45],85:[2,45],87:[2,45]},{23:[2,44],33:[2,44],54:[2,44],65:[2,44],68:[2,44],72:[2,44],75:[2,44],80:[2,44],81:[2,44],82:[2,44],83:[2,44],84:[2,44],85:[2,44],87:[2,44]},{54:[1,110]},{54:[2,83],65:[2,83],72:[2,83],80:[2,83],81:[2,83],82:[2,83],83:[2,83],84:[2,83],85:[2,83]},{54:[2,85]},{5:[2,13],14:[2,13],15:[2,13],19:[2,13],29:[2,13],34:[2,13],39:[2,13],44:[2,13],47:[2,13],48:[2,13],51:[2,13],55:[2,13],60:[2,13]},{38:56,39:[1,58],43:57,44:[1,59],45:112,46:111,47:[2,76]},{33:[2,70],40:113,65:[2,70],72:[2,70],75:[2,70],80:[2,70],81:[2,70],82:[2,70],83:[2,70],84:[2,70],85:[2,70]},{47:[2,18]},{5:[2,14],14:[2,14],15:[2,14],19:[2,14],29:[2,14],34:[2,14],39:[2,14],44:[2,14],47:[2,14],48:[2,14],51:[2,14],55:[2,14],60:[2,14]},{33:[1,114]},{33:[2,87],65:[2,87],72:[2,87],80:[2,87],81:[2,87],82:[2,87],83:[2,87],84:[2,87],
14018            85:[2,87]},{33:[2,89]},{20:75,63:116,64:76,65:[1,44],67:115,68:[2,96],69:117,70:77,71:78,72:[1,79],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{33:[1,118]},{32:119,33:[2,62],74:120,75:[1,121]},{33:[2,59],65:[2,59],72:[2,59],75:[2,59],80:[2,59],81:[2,59],82:[2,59],83:[2,59],84:[2,59],85:[2,59]},{33:[2,61],75:[2,61]},{33:[2,68],37:122,74:123,75:[1,121]},{33:[2,65],65:[2,65],72:[2,65],75:[2,65],80:[2,65],81:[2,65],82:[2,65],83:[2,65],84:[2,65],85:[2,65]},{33:[2,67],75:[2,67]},{23:[1,124]},{23:[2,51],65:[2,51],72:[2,51],80:[2,51],81:[2,51],82:[2,51],83:[2,51],84:[2,51],85:[2,51]},{23:[2,53]},{33:[1,125]},{33:[2,91],65:[2,91],72:[2,91],80:[2,91],81:[2,91],82:[2,91],83:[2,91],84:[2,91],85:[2,91]},{33:[2,93]},{5:[2,22],14:[2,22],15:[2,22],19:[2,22],29:[2,22],34:[2,22],39:[2,22],44:[2,22],47:[2,22],48:[2,22],51:[2,22],55:[2,22],60:[2,22]},{23:[2,99],33:[2,99],54:[2,99],68:[2,99],72:[2,99],75:[2,99]},{73:[1,109]},{20:75,63:126,64:76,65:[1,44],72:[1,35],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{5:[2,23],14:[2,23],15:[2,23],19:[2,23],29:[2,23],34:[2,23],39:[2,23],44:[2,23],47:[2,23],48:[2,23],51:[2,23],55:[2,23],60:[2,23]},{47:[2,19]},{47:[2,77]},{20:75,33:[2,72],41:127,63:128,64:76,65:[1,44],69:129,70:77,71:78,72:[1,79],75:[2,72],78:26,79:27,80:[1,28],81:[1,29],82:[1,30],83:[1,31],84:[1,32],85:[1,34],86:33},{5:[2,24],14:[2,24],15:[2,24],19:[2,24],29:[2,24],34:[2,24],39:[2,24],44:[2,24],47:[2,24],48:[2,24],51:[2,24],55:[2,24],60:[2,24]},{68:[1,130]},{65:[2,95],68:[2,95],72:[2,95],80:[2,95],81:[2,95],82:[2,95],83:[2,95],84:[2,95],85:[2,95]},{68:[2,97]},{5:[2,21],14:[2,21],15:[2,21],19:[2,21],29:[2,21],34:[2,21],39:[2,21],44:[2,21],47:[2,21],48:[2,21],51:[2,21],55:[2,21],60:[2,21]},{33:[1,131]},{33:[2,63]},{72:[1,133],76:132},{33:[1,134]},{33:[2,69]},{15:[2,12]},{14:[2,26],15:[2,26],19:[2,26],29:[2,26],34:[2,26],47:[2,26],48:[2,26],51:[2,26],55:[2,26],60:[2,26]},{23:[2,31],33:[2,31],54:[2,31],68:[2,31],72:[2,31],75:[2,31]},{33:[2,74],42:135,74:136,75:[1,121]},{33:[2,71],65:[2,71],72:[2,71],75:[2,71],80:[2,71],81:[2,71],82:[2,71],83:[2,71],84:[2,71],85:[2,71]},{33:[2,73],75:[2,73]},{23:[2,29],33:[2,29],54:[2,29],65:[2,29],68:[2,29],72:[2,29],75:[2,29],80:[2,29],81:[2,29],82:[2,29],83:[2,29],84:[2,29],85:[2,29]},{14:[2,15],15:[2,15],19:[2,15],29:[2,15],34:[2,15],39:[2,15],44:[2,15],47:[2,15],48:[2,15],51:[2,15],55:[2,15],60:[2,15]},{72:[1,138],77:[1,137]},{72:[2,100],77:[2,100]},{14:[2,16],15:[2,16],19:[2,16],29:[2,16],34:[2,16],44:[2,16],47:[2,16],48:[2,16],51:[2,16],55:[2,16],60:[2,16]},{33:[1,139]},{33:[2,75]},{33:[2,32]},{72:[2,101],77:[2,101]},{14:[2,17],15:[2,17],19:[2,17],29:[2,17],34:[2,17],39:[2,17],44:[2,17],47:[2,17],48:[2,17],51:[2,17],55:[2,17],60:[2,17]}],defaultActions:{4:[2,1],55:[2,55],57:[2,20],61:[2,57],74:[2,81],83:[2,85],87:[2,18],91:[2,89],102:[2,53],105:[2,93],111:[2,19],112:[2,77],117:[2,97],120:[2,63],123:[2,69],124:[2,12],136:[2,75],137:[2,32]},parseError:function(a,b){throw new Error(a)},parse:function(a){function b(){var a;return a=c.lexer.lex()||1,"number"!=typeof a&&(a=c.symbols_[a]||a),a}var c=this,d=[0],e=[null],f=[],g=this.table,h="",i=0,j=0,k=0;this.lexer.setInput(a),this.lexer.yy=this.yy,this.yy.lexer=this.lexer,this.yy.parser=this,"undefined"==typeof this.lexer.yylloc&&(this.lexer.yylloc={});var l=this.lexer.yylloc;f.push(l);var m=this.lexer.options&&this.lexer.options.ranges;"function"==typeof this.yy.parseError&&(this.parseError=this.yy.parseError);for(var n,o,p,q,r,s,t,u,v,w={};;){if(p=d[d.length-1],this.defaultActions[p]?q=this.defaultActions[p]:(null!==n&&"undefined"!=typeof n||(n=b()),q=g[p]&&g[p][n]),"undefined"==typeof q||!q.length||!q[0]){var x="";if(!k){v=[];for(s in g[p])this.terminals_[s]&&s>2&&v.push("'"+this.terminals_[s]+"'");x=this.lexer.showPosition?"Parse error on line "+(i+1)+":\n"+this.lexer.showPosition()+"\nExpecting "+v.join(", ")+", got '"+(this.terminals_[n]||n)+"'":"Parse error on line "+(i+1)+": Unexpected "+(1==n?"end of input":"'"+(this.terminals_[n]||n)+"'"),this.parseError(x,{text:this.lexer.match,token:this.terminals_[n]||n,line:this.lexer.yylineno,loc:l,expected:v})}}if(q[0]instanceof Array&&q.length>1)throw new Error("Parse Error: multiple actions possible at state: "+p+", token: "+n);switch(q[0]){case 1:d.push(n),e.push(this.lexer.yytext),f.push(this.lexer.yylloc),d.push(q[1]),n=null,o?(n=o,o=null):(j=this.lexer.yyleng,h=this.lexer.yytext,i=this.lexer.yylineno,l=this.lexer.yylloc,k>0&&k--);break;case 2:if(t=this.productions_[q[1]][1],w.$=e[e.length-t],w._$={first_line:f[f.length-(t||1)].first_line,last_line:f[f.length-1].last_line,first_column:f[f.length-(t||1)].first_column,last_column:f[f.length-1].last_column},m&&(w._$.range=[f[f.length-(t||1)].range[0],f[f.length-1].range[1]]),r=this.performAction.call(w,h,j,i,this.yy,q[1],e,f),"undefined"!=typeof r)return r;t&&(d=d.slice(0,-1*t*2),e=e.slice(0,-1*t),f=f.slice(0,-1*t)),d.push(this.productions_[q[1]][0]),e.push(w.$),f.push(w._$),u=g[d[d.length-2]][d[d.length-1]],d.push(u);break;case 3:return!0}}return!0}},c=function(){var a={EOF:1,parseError:function(a,b){if(!this.yy.parser)throw new Error(a);this.yy.parser.parseError(a,b)},setInput:function(a){return this._input=a,this._more=this._less=this.done=!1,this.yylineno=this.yyleng=0,this.yytext=this.matched=this.match="",this.conditionStack=["INITIAL"],this.yylloc={first_line:1,first_column:0,last_line:1,last_column:0},this.options.ranges&&(this.yylloc.range=[0,0]),this.offset=0,this}
vendor: 20,881 bytes, line 14018
14018,input:function(){var a=this._input[0];this.yytext+=a,this.yyleng++,this.offset++,this.match+=a,this.matched+=a;var b=a.match(/(?:\r\n?|\n).*/g);return b?(this.yylineno++,this.yylloc.last_line++):this.yylloc.last_column++,this.options.ranges&&this.yylloc.range[1]++,this._input=this._input.slice(1),a},unput:function(a){var b=a.length,c=a.split(/(?:\r\n?|\n)/g);this._input=a+this._input,this.yytext=this.yytext.substr(0,this.yytext.length-b-1),this.offset-=b;var d=this.match.split(/(?:\r\n?|\n)/g);this.match=this.match.substr(0,this.match.length-1),this.matched=this.matched.substr(0,this.matched.length-1),c.length-1&&(this.yylineno-=c.length-1);var e=this.yylloc.range;return this.yylloc={first_line:this.yylloc.first_line,last_line:this.yylineno+1,first_column:this.yylloc.first_column,last_column:c?(c.length===d.length?this.yylloc.first_column:0)+d[d.length-c.length].length-c[0].length:this.yylloc.first_column-b},this.options.ranges&&(this.yylloc.range=[e[0],e[0]+this.yyleng-b]),this},more:function(){return this._more=!0,this},less:function(a){this.unput(this.match.slice(a))},pastInput:function(){var a=this.matched.substr(0,this.matched.length-this.match.length);return(a.length>20?"...":"")+a.substr(-20).replace(/\n/g,"")},upcomingInput:function(){var a=this.match;return a.length<20&&(a+=this._input.substr(0,20-a.length)),(a.substr(0,20)+(a.length>20?"...":"")).replace(/\n/g,"")},showPosition:function(){var a=this.pastInput(),b=new Array(a.length+1).join("-");return a+this.upcomingInput()+"\n"+b+"^"},next:function(){if(this.done)return this.EOF;this._input||(this.done=!0);var a,b,c,d,e;this._more||(this.yytext="",this.match="");for(var f=this._currentRules(),g=0;g<f.length&&(c=this._input.match(this.rules[f[g]]),!c||b&&!(c[0].length>b[0].length)||(b=c,d=g,this.options.flex));g++);return b?(e=b[0].match(/(?:\r\n?|\n).*/g),e&&(this.yylineno+=e.length),this.yylloc={first_line:this.yylloc.last_line,last_line:this.yylineno+1,first_column:this.yylloc.last_column,last_column:e?e[e.length-1].length-e[e.length-1].match(/\r?\n?/)[0].length:this.yylloc.last_column+b[0].length},this.yytext+=b[0],this.match+=b[0],this.matches=b,this.yyleng=this.yytext.length,this.options.ranges&&(this.yylloc.range=[this.offset,this.offset+=this.yyleng]),this._more=!1,this._input=this._input.slice(b[0].length),this.matched+=b[0],a=this.performAction.call(this,this.yy,this,f[d],this.conditionStack[this.conditionStack.length-1]),this.done&&this._input&&(this.done=!1),a?a:void 0):""===this._input?this.EOF:this.parseError("Lexical error on line "+(this.yylineno+1)+". Unrecognized text.\n"+this.showPosition(),{text:"",token:null,line:this.yylineno})},lex:function(){var a=this.next();return"undefined"!=typeof a?a:this.lex()},begin:function(a){this.conditionStack.push(a)},popState:function(){return this.conditionStack.pop()},_currentRules:function(){return this.conditions[this.conditionStack[this.conditionStack.length-1]].rules},topState:function(){return this.conditionStack[this.conditionStack.length-2]},pushState:function(a){this.begin(a)}};return a.options={},a.performAction=function(a,b,c,d){function e(a,c){return b.yytext=b.yytext.substr(a,b.yyleng-c)}switch(c){case 0:if("\\\\"===b.yytext.slice(-2)?(e(0,1),this.begin("mu")):"\\"===b.yytext.slice(-1)?(e(0,1),this.begin("emu")):this.begin("mu"),b.yytext)return 15;break;case 1:return 15;case 2:return this.popState(),15;case 3:return this.begin("raw"),15;case 4:return this.popState(),"raw"===this.conditionStack[this.conditionStack.length-1]?15:(b.yytext=b.yytext.substr(5,b.yyleng-9),"END_RAW_BLOCK");case 5:return 15;case 6:return this.popState(),14;case 7:return 65;case 8:return 68;case 9:return 19;case 10:return this.popState(),this.begin("raw"),23;case 11:return 55;case 12:return 60;case 13:return 29;case 14:return 47;case 15:return this.popState(),44;case 16:return this.popState(),44;case 17:return 34;case 18:return 39;case 19:return 51;case 20:return 48;case 21:this.unput(b.yytext),this.popState(),this.begin("com");break;case 22:return this.popState(),14;case 23:return 48;case 24:return 73;case 25:return 72;case 26:return 72;case 27:return 87;case 28:break;case 29:return this.popState(),54;case 30:return this.popState(),33;case 31:return b.yytext=e(1,2).replace(/\\"/g,'"'),80;case 32:return b.yytext=e(1,2).replace(/\\'/g,"'"),80;case 33:return 85;case 34:return 82;case 35:return 82;case 36:return 83;case 37:return 84;case 38:return 81;case 39:return 75;case 40:return 77;case 41:return 72;case 42:return b.yytext=b.yytext.replace(/\\([\\\]])/g,"$1"),72;case 43:return"INVALID";case 44:return 5}},a.rules=[/^(?:[^\x00]*?(?=(\{\{)))/,/^(?:[^\x00]+)/,/^(?:[^\x00]{2,}?(?=(\{\{|\\\{\{|\\\\\{\{|$)))/,/^(?:\{\{\{\{(?=[^\/]))/,/^(?:\{\{\{\{\/[^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=[=}\s\/.])\}\}\}\})/,/^(?:[^\x00]*?(?=(\{\{\{\{)))/,/^(?:[\s\S]*?--(~)?\}\})/,/^(?:\()/,/^(?:\))/,/^(?:\{\{\{\{)/,/^(?:\}\}\}\})/,/^(?:\{\{(~)?>)/,/^(?:\{\{(~)?#>)/,/^(?:\{\{(~)?#\*?)/,/^(?:\{\{(~)?\/)/,/^(?:\{\{(~)?\^\s*(~)?\}\})/,/^(?:\{\{(~)?\s*else\s*(~)?\}\})/,/^(?:\{\{(~)?\^)/,/^(?:\{\{(~)?\s*else\b)/,/^(?:\{\{(~)?\{)/,/^(?:\{\{(~)?&)/,/^(?:\{\{(~)?!--)/,/^(?:\{\{(~)?![\s\S]*?\}\})/,/^(?:\{\{(~)?\*?)/,/^(?:=)/,/^(?:\.\.)/,/^(?:\.(?=([=~}\s\/.)|])))/,/^(?:[\/.])/,/^(?:\s+)/,/^(?:\}(~)?\}\})/,/^(?:(~)?\}\})/,/^(?:"(\\["]|[^"])*")/,/^(?:'(\\[']|[^'])*')/,/^(?:@)/,/^(?:true(?=([~}\s)])))/,/^(?:false(?=([~}\s)])))/,/^(?:undefined(?=([~}\s)])))/,/^(?:null(?=([~}\s)])))/,/^(?:-?[0-9]+(?:\.[0-9]+)?(?=([~}\s)])))/,/^(?:as\s+\|)/,/^(?:\|)/,/^(?:([^\s!"#%-,\.\/;->@\[-\^`\{-~]+(?=([=~}\s\/.)|]))))/,/^(?:\[(\\\]|[^\]])*\])/,/^(?:.)/,/^(?:$)/],a.conditions={mu:{rules:[7,8,9,10,11,12,13,14,15,16,17,18,19,20,21,22,23,24,25,26,27,28,29,30,31,32,33,34,35,36,37,38,39,40,41,42,43,44],inclusive:!1},emu:{rules:[2],inclusive:!1},com:{rules:[6],inclusive:!1},raw:{rules:[3,4,5],inclusive:!1},INITIAL:{rules:[0,1,44],inclusive:!0}},a}();return b.lexer=c,a.prototype=b,b.Parser=a,new a}();b["default"]=c,a.exports=b["default"]},function(a,b,c){"use strict";function d(){var a=arguments.length<=0||void 0===arguments[0]?{}:arguments[0];this.options=a}function e(a,b,c){void 0===b&&(b=a.length);var d=a[b-1],e=a[b-2];return d?"ContentStatement"===d.type?(e||!c?/\r?\n\s*?$/:/(^|\r?\n)\s*?$/).test(d.original):void 0:c}function f(a,b,c){void 0===b&&(b=-1);var d=a[b+1],e=a[b+2];return d?"ContentStatement"===d.type?(e||!c?/^\s*?\r?\n/:/^\s*?(\r?\n|$)/).test(d.original):void 0:c}function g(a,b,c){var d=a[null==b?0:b+1];if(d&&"ContentStatement"===d.type&&(c||!d.rightStripped)){var e=d.value;d.value=d.value.replace(c?/^\s+/:/^[ \t]*\r?\n?/,""),d.rightStripped=d.value!==e}}function h(a,b,c){var d=a[null==b?a.length-1:b-1];if(d&&"ContentStatement"===d.type&&(c||!d.leftStripped)){var e=d.value;return d.value=d.value.replace(c?/\s+$/:/[ \t]+$/,""),d.leftStripped=d.value!==e,d.leftStripped}}var i=c(1)["default"];b.__esModule=!0;var j=c(39),k=i(j);d.prototype=new k["default"],d.prototype.Program=function(a){var b=!this.options.ignoreStandalone,c=!this.isRootSeen;this.isRootSeen=!0;for(var d=a.body,i=0,j=d.length;i<j;i++){var k=d[i],l=this.accept(k);if(l){var m=e(d,i,c),n=f(d,i,c),o=l.openStandalone&&m,p=l.closeStandalone&&n,q=l.inlineStandalone&&m&&n;l.close&&g(d,i,!0),l.open&&h(d,i,!0),b&&q&&(g(d,i),h(d,i)&&"PartialStatement"===k.type&&(k.indent=/([ \t]+$)/.exec(d[i-1].original)[1])),b&&o&&(g((k.program||k.inverse).body),h(d,i)),b&&p&&(g(d,i),h((k.inverse||k.program).body))}}return a},d.prototype.BlockStatement=d.prototype.DecoratorBlock=d.prototype.PartialBlockStatement=function(a){this.accept(a.program),this.accept(a.inverse);var b=a.program||a.inverse,c=a.program&&a.inverse,d=c,i=c;if(c&&c.chained)for(d=c.body[0].program;i.chained;)i=i.body[i.body.length-1].program;var j={open:a.openStrip.open,close:a.closeStrip.close,openStandalone:f(b.body),closeStandalone:e((d||b).body)};if(a.openStrip.close&&g(b.body,null,!0),c){var k=a.inverseStrip;k.open&&h(b.body,null,!0),k.close&&g(d.body,null,!0),a.closeStrip.open&&h(i.body,null,!0),!this.options.ignoreStandalone&&e(b.body)&&f(d.body)&&(h(b.body),g(d.body))}else a.closeStrip.open&&h(b.body,null,!0);return j},d.prototype.Decorator=d.prototype.MustacheStatement=function(a){return a.strip},d.prototype.PartialStatement=d.prototype.CommentStatement=function(a){var b=a.strip||{};return{inlineStandalone:!0,open:b.open,close:b.close}},b["default"]=d,a.exports=b["default"]},function(a,b,c){"use strict";function d(){this.parents=[]}function e(a){this.acceptRequired(a,"path"),this.acceptArray(a.params),this.acceptKey(a,"hash")}function f(a){e.call(this,a),this.acceptKey(a,"program"),this.acceptKey(a,"inverse")}function g(a){this.acceptRequired(a,"name"),this.acceptArray(a.params),this.acceptKey(a,"hash")}var h=c(1)["default"];b.__esModule=!0;var i=c(6),j=h(i);d.prototype={constructor:d,mutating:!1,acceptKey:function(a,b){var c=this.accept(a[b]);if(this.mutating){if(c&&!d.prototype[c.type])throw new j["default"]('Unexpected node type "'+c.type+'" found when accepting '+b+" on "+a.type);a[b]=c}},acceptRequired:function(a,b){if(this.acceptKey(a,b),!a[b])throw new j["default"](a.type+" requires "+b)},acceptArray:function(a){for(var b=0,c=a.length;b<c;b++)this.acceptKey(a,b),a[b]||(a.splice(b,1),b--,c--)},accept:function(a){if(a){if(!this[a.type])throw new j["default"]("Unknown type: "+a.type,a);this.current&&this.parents.unshift(this.current),this.current=a;var b=this[a.type](a);return this.current=this.parents.shift(),!this.mutating||b?b:b!==!1?a:void 0}},Program:function(a){this.acceptArray(a.body)},MustacheStatement:e,Decorator:e,BlockStatement:f,DecoratorBlock:f,PartialStatement:g,PartialBlockStatement:function(a){g.call(this,a),this.acceptKey(a,"program")},ContentStatement:function(){},CommentStatement:function(){},SubExpression:e,PathExpression:function(){},StringLiteral:function(){},NumberLiteral:function(){},BooleanLiteral:function(){},UndefinedLiteral:function(){},NullLiteral:function(){},Hash:function(a){this.acceptArray(a.pairs)},HashPair:function(a){this.acceptRequired(a,"value")}},b["default"]=d,a.exports=b["default"]},function(a,b,c){"use strict";function d(a,b){if(b=b.path?b.path.original:b,a.path.original!==b){var c={loc:a.path.loc};throw new q["default"](a.path.original+" doesn't match "+b,c)}}function e(a,b){this.source=a,this.start={line:b.first_line,column:b.first_column},this.end={line:b.last_line,column:b.last_column}}function f(a){return/^\[.*\]$/.test(a)?a.substr(1,a.length-2):a}function g(a,b){return{open:"~"===a.charAt(2),close:"~"===b.charAt(b.length-3)}}function h(a){return a.replace(/^\{\{~?\!-?-?/,"").replace(/-?-?~?\}\}$/,"")}function i(a,b,c){c=this.locInfo(c);for(var d=a?"@":"",e=[],f=0,g="",h=0,i=b.length;h<i;h++){var j=b[h].part,k=b[h].original!==j;if(d+=(b[h].separator||"")+j,k||".."!==j&&"."!==j&&"this"!==j)e.push(j);else{if(e.length>0)throw new q["default"]("Invalid path: "+d,{loc:c});".."===j&&(f++,g+="../")}}return{type:"PathExpression",data:a,depth:f,parts:e,original:d,loc:c}}function j(a,b,c,d,e,f){var g=d.charAt(3)||d.charAt(2),h="{"!==g&&"&"!==g,i=/\*/.test(d);return{type:i?"Decorator":"MustacheStatement",path:a,params:b,hash:c,escaped:h,strip:e,loc:this.locInfo(f)}}function k(a,b,c,e){d(a,c),e=this.locInfo(e);var f={type:"Program",body:b,strip:{},loc:e};return{type:"BlockStatement",path:a.path,params:a.params,hash:a.hash,program:f,openStrip:{},inverseStrip:{},closeStrip:{},loc:e}}function l(a,b,c,e,f,g){e&&e.path&&d(a,e);var h=/\*/.test(a.open);b.blockParams=a.blockParams;var i=void 0,j=void 0;if(c){if(h)throw new q["default"]("Unexpected inverse block on decorator",c);c.chain&&(c.program.body[0].closeStrip=e.strip),j=c.strip,i=c.program}return f&&(f=i,i=b,b=f),{type:h?"DecoratorBlock":"BlockStatement",path:a.path,params:a.params,hash:a.hash,program:b,inverse:i,openStrip:a.strip,inverseStrip:j,closeStrip:e&&e.strip,loc:this.locInfo(g)}}function m(a,b){if(!b&&a.length){var c=a[0].loc,d=a[a.length-1].loc;c&&d&&(b={source:c.source,start:{line:c.start.line,column:c.start.column},end:{line:d.end.line,column:d.end.column}})}return{type:"Program",body:a,strip:{},loc:b}}function n(a,b,c,e){return d(a,c),{type:"PartialBlockStatement",name:a.path,params:a.params,hash:a.hash,program:b,openStrip:a.strip,closeStrip:c&&c.strip,loc:this.locInfo(e)}}var o=c(1)["default"];b.__esModule=!0,b.SourceLocation=e,b.id=f,b.stripFlags=g,b.stripComment=h,b.preparePath=i,b.prepareMustache=j,b.prepareRawBlock=k,b.prepareBlock=l,b.prepareProgram=m,b.preparePartialBlock=n;var p=c(6),q=o(p)},function(a,b,c){"use strict";function d(){}function e(a,b,c){if(null==a||"string"!=typeof a&&"Program"!==a.type)throw new k["default"]("You must pass a string or appikonHandlebars AST to appikonHandlebars.precompile. You passed "+a);b=b||{},"data"in b||(b.data=!0),b.compat&&(b.useDepths=!0);var d=c.parse(a,b),e=(new c.Compiler).compile(d,b);return(new c.JavaScriptCompiler).compile(e,b)}function f(a,b,c){function d(){var d=c.parse(a,b),e=(new c.Compiler).compile(d,b),f=(new c.JavaScriptCompiler).compile(e,b,void 0,!0);return c.template(f)}function e(a,b){return f||(f=d()),f.call(this,a,b)}if(void 0===b&&(b={}),null==a||"string"!=typeof a&&"Program"!==a.type)throw new k["default"]("You must pass a string or appikonHandlebars AST to appikonHandlebars.compile. You passed "+a);"data"in b||(b.data=!0),b.compat&&(b.useDepths=!0);var f=void 0;return e._setup=function(a){return f||(f=d()),f._setup(a)},e._child=function(a,b,c,e){return f||(f=d()),f._child(a,b,c,e)},e}function g(a,b){if(a===b)return!0;if(l.isArray(a)&&l.isArray(b)&&a.length===b.length){for(var c=0;c<a.length;c++)if(!g(a[c],b[c]))return!1;return!0}}function h(a){if(!a.path.parts){var b=a.path;a.path={type:"PathExpression",data:!1,depth:0,parts:[b.original+""],original:b.original+"",loc:b.loc}}}var i=c(1)["default"];b.__esModule=!0,b.Compiler=d,b.precompile=e,b.compile=f;var j=c(6),k=i(j),l=c(5),m=c(35),n=i(m),o=[].slice;d.prototype={compiler:d,equals:function(a){var b=this.opcodes.length;if(a.opcodes.length!==b)return!1;for(var c=0;c<b;c++){var d=this.opcodes[c],e=a.opcodes[c];if(d.opcode!==e.opcode||!g(d.args,e.args))return!1}b=this.children.length;for(var c=0;c<b;c++)if(!this.children[c].equals(a.children[c]))return!1;return!0},guid:0,compile:function(a,b){this.sourceNode=[],this.opcodes=[],this.children=[],this.options=b,this.stringParams=b.stringParams,this.trackIds=b.trackIds,b.blockParams=b.blockParams||[];var c=b.knownHelpers;if(b.knownHelpers={helperMissing:!0,blockHelperMissing:!0,each:!0,"if":!0,unless:!0,"with":!0,log:!0,lookup:!0},c)for(var d in c)d in c&&(b.knownHelpers[d]=c[d]);return this.accept(a)},compileProgram:function(a){var b=new this.compiler,c=b.compile(a,this.options),d=this.guid++;return this.usePartial=this.usePartial||c.usePartial,this.children[d]=c,this.useDepths=this.useDepths||c.useDepths,d},accept:function(a){if(!this[a.type])throw new k["default"]("Unknown type: "+a.type,a);this.sourceNode.unshift(a);var b=this[a.type](a);return this.sourceNode.shift(),b},Program:function(a){this.options.blockParams.unshift(a.blockParams);for(var b=a.body,c=b.length,d=0;d<c;d++)this.accept(b[d]);return this.options.blockParams.shift(),this.isSimple=1===c,this.blockParams=a.blockParams?a.blockParams.length:0,this},BlockStatement:function(a){h(a);var b=a.program,c=a.inverse;b=b&&this.compileProgram(b),c=c&&this.compileProgram(c);var d=this.classifySexpr(a);"helper"===d?this.helperSexpr(a,b,c):"simple"===d?(this.simpleSexpr(a),this.opcode("pushProgram",b),this.opcode("pushProgram",c),this.opcode("emptyHash"),this.opcode("blockValue",a.path.original)):(this.ambiguousSexpr(a,b,c),this.opcode("pushProgram",b),this.opcode("pushProgram",c),this.opcode("emptyHash"),this.opcode("ambiguousBlockValue")),this.opcode("append")},DecoratorBlock:function(a){var b=a.program&&this.compileProgram(a.program),c=this.setupFullMustacheParams(a,b,void 0),d=a.path;this.useDecorators=!0,this.opcode("registerDecorator",c.length,d.original)},PartialStatement:function(a){this.usePartial=!0;var b=a.program;b&&(b=this.compileProgram(a.program));var c=a.params;if(c.length>1)throw new k["default"]("Unsupported number of partial arguments: "+c.length,a);c.length||(this.options.explicitPartialContext?this.opcode("pushLiteral","undefined"):c.push({type:"PathExpression",parts:[],depth:0}));var d=a.name.original,e="SubExpression"===a.name.type;e&&this.accept(a.name),this.setupFullMustacheParams(a,b,void 0,!0);var f=a.indent||"";this.options.preventIndent&&f&&(this.opcode("appendContent",f),f=""),this.opcode("invokePartial",e,d,f),this.opcode("append")},PartialBlockStatement:function(a){this.PartialStatement(a)},MustacheStatement:function(a){this.SubExpression(a),a.escaped&&!this.options.noEscape?this.opcode("appendEscaped"):this.opcode("append")},Decorator:function(a){this.DecoratorBlock(a)},ContentStatement:function(a){a.value&&this.opcode("appendContent",a.value)},CommentStatement:function(){},SubExpression:function(a){h(a);var b=this.classifySexpr(a);"simple"===b?this.simpleSexpr(a):"helper"===b?this.helperSexpr(a):this.ambiguousSexpr(a)},ambiguousSexpr:function(a,b,c){var d=a.path,e=d.parts[0],f=null!=b||null!=c;this.opcode("getContext",d.depth),this.opcode("pushProgram",b),this.opcode("pushProgram",c),d.strict=!0,this.accept(d),this.opcode("invokeAmbiguous",e,f)},simpleSexpr:function(a){var b=a.path;b.strict=!0,this.accept(b),this.opcode("resolvePossibleLambda")},helperSexpr:function(a,b,c){var d=this.setupFullMustacheParams(a,b,c),e=a.path,f=e.parts[0];if(this.options.knownHelpers[f])this.opcode("invokeKnownHelper",d.length,f);else{if(this.options.knownHelpersOnly)throw new k["default"]("You specified knownHelpersOnly, but used the unknown helper "+f,a);e.strict=!0,e.falsy=!0,this.accept(e),this.opcode("invokeHelper",d.length,e.original,n["default"].helpers.simpleId(e))}},PathExpression:function(a){this.addDepth(a.depth),this.opcode("getContext",a.depth);var b=a.parts[0],c=n["default"].helpers.scopedId(a),d=!a.depth&&!c&&this.blockParamIndex(b);d?this.opcode("lookupBlockParam",d,a.parts):b?a.data?(this.options.data=!0,this.opcode("lookupData",a.depth,a.parts,a.strict)):this.opcode("lookupOnContext",a.parts,a.falsy,a.strict,c):this.opcode("pushContext")},StringLiteral:function(a){this.opcode("pushString",a.value)},NumberLiteral:function(a){this.opcode("pushLiteral",a.value)},BooleanLiteral:function(a){this.opcode("pushLiteral",a.value)},UndefinedLiteral:function(){this.opcode("pushLiteral","undefined")},NullLiteral:function(){this.opcode("pushLiteral","null")},Hash:function(a){var b=a.pairs,c=0,d=b.length;for(this.opcode("pushHash");c<d;c++)this.pushParam(b[c].value);for(;c--;)this.opcode("assignToHash",b[c].key);this.opcode("popHash")},opcode:function(a){this.opcodes.push({opcode:a,args:o.call(arguments,1),loc:this.sourceNode[0].loc})},addDepth:function(a){a&&(this.useDepths=!0)},classifySexpr:function(a){var b=n["default"].helpers.simpleId(a.path),c=b&&!!this.blockParamIndex(a.path.parts[0]),d=!c&&n["default"].helpers.helperExpression(a),e=!c&&(d||b);if(e&&!d){var f=a.path.parts[0],g=this.options;g.knownHelpers[f]?d=!0:g.knownHelpersOnly&&(e=!1)}return d?"helper":e?"ambiguous":"simple"},pushParams:function(a){for(var b=0,c=a.length;b<c;b++)this.pushParam(a[b])},pushParam:function(a){var b=null!=a.value?a.value:a.original||"";if(this.stringParams)b.replace&&(b=b.replace(/^(\.?\.\/)*/g,"").replace(/\//g,".")),a.depth&&this.addDepth(a.depth),this.opcode("getContext",a.depth||0),this.opcode("pushStringParam",b,a.type),"SubExpression"===a.type&&this.accept(a);else{if(this.trackIds){var c=void 0;if(!a.parts||n["default"].helpers.scopedId(a)||a.depth||(c=this.blockParamIndex(a.parts[0])),c){var d=a.parts.slice(1).join(".");this.opcode("pushId","BlockParam",c,d)}else b=a.original||b,b.replace&&(b=b.replace(/^this(?:\.|$)/,"").replace(/^\.\//,"").replace(/^\.$/,"")),this.opcode("pushId",a.type,b)}this.accept(a)}},setupFullMustacheParams:function(a,b,c,d){var e=a.params;return this.pushParams(e),this.opcode("pushProgram",b),this.opcode("pushProgram",c),a.hash?this.accept(a.hash):this.opcode("emptyHash",d),e},blockParamIndex:function(a){for(var b=0,c=this.options.blockParams.length;b<c;b++){var d=this.options.blockParams[b],e=d&&l.indexOf(d,a);if(d&&e>=0)return[b,e]}}}},function(a,b,c){"use strict";function d(a){this.value=a}function e(){}function f(a,b,c,d){var e=b.popStack(),f=0,g=c.length;for(a&&g--;f<g;f++)e=b.nameLookup(e,c[f],d);return a?[b.aliasable("container.strict"),"(",e,", ",b.quotedString(c[f]),")"]:e}var g=c(1)["default"];b.__esModule=!0;var h=c(4),i=c(6),j=g(i),k=c(5),l=c(43),m=g(l);e.prototype={nameLookup:function(a,b){return e.isValidJavaScriptVariableName(b)?[a,".",b]:[a,"[",JSON.stringify(b),"]"]},depthedLookup:function(a){return[this.aliasable("container.lookup"),'(depths, "',a,'")']},compilerInfo:function(){var a=h.COMPILER_REVISION,b=h.REVISION_CHANGES[a];return[a,b]}
vendor: 6,935 bytes, lines 14018-14019
14018,appendToBuffer:function(a,b,c){return k.isArray(a)||(a=[a]),a=this.source.wrap(a,b),this.environment.isSimple?["return ",a,";"]:c?["buffer += ",a,";"]:(a.appendToBuffer=!0,a)},initializeBuffer:function(){return this.quotedString("")},compile:function(a,b,c,d){this.environment=a,this.options=b,this.stringParams=this.options.stringParams,this.trackIds=this.options.trackIds,this.precompile=!d,this.name=this.environment.name,this.isChild=!!c,this.context=c||{decorators:[],programs:[],environments:[]},this.preamble(),this.stackSlot=0,this.stackVars=[],this.aliases={},this.registers={list:[]},this.hashes=[],this.compileStack=[],this.inlineStack=[],this.blockParams=[],this.compileChildren(a,b),this.useDepths=this.useDepths||a.useDepths||a.useDecorators||this.options.compat,this.useBlockParams=this.useBlockParams||a.useBlockParams;var e=a.opcodes,f=void 0,g=void 0,h=void 0,i=void 0;for(h=0,i=e.length;h<i;h++)f=e[h],this.source.currentLocation=f.loc,g=g||f.loc,this[f.opcode].apply(this,f.args);if(this.source.currentLocation=g,this.pushSource(""),this.stackSlot||this.inlineStack.length||this.compileStack.length)throw new j["default"]("Compile completed with content left on stack");this.decorators.isEmpty()?this.decorators=void 0:(this.useDecorators=!0,this.decorators.prepend("var decorators = container.decorators;\n"),this.decorators.push("return fn;"),d?this.decorators=Function.apply(this,["fn","props","container","depth0","data","blockParams","depths",this.decorators.merge()]):(this.decorators.prepend("function(fn, props, container, depth0, data, blockParams, depths) {\n"),this.decorators.push("}\n"),this.decorators=this.decorators.merge()));var k=this.createFunctionContext(d);if(this.isChild)return k;var l={compiler:this.compilerInfo(),main:k};this.decorators&&(l.main_d=this.decorators,l.useDecorators=!0);var m=this.context,n=m.programs,o=m.decorators;for(h=0,i=n.length;h<i;h++)n[h]&&(l[h]=n[h],o[h]&&(l[h+"_d"]=o[h],l.useDecorators=!0));return this.environment.usePartial&&(l.usePartial=!0),this.options.data&&(l.useData=!0),this.useDepths&&(l.useDepths=!0),this.useBlockParams&&(l.useBlockParams=!0),this.options.compat&&(l.compat=!0),d?l.compilerOptions=this.options:(l.compiler=JSON.stringify(l.compiler),this.source.currentLocation={start:{line:1,column:0}},l=this.objectLiteral(l),b.srcName?(l=l.toStringWithSourceMap({file:b.destName}),l.map=l.map&&l.map.toString()):l=l.toString()),l},preamble:function(){this.lastContext=0,this.source=new m["default"](this.options.srcName),this.decorators=new m["default"](this.options.srcName)},createFunctionContext:function(a){var b="",c=this.stackVars.concat(this.registers.list);c.length>0&&(b+=", "+c.join(", "));var d=0;for(var e in this.aliases){var f=this.aliases[e];this.aliases.hasOwnProperty(e)&&f.children&&f.referenceCount>1&&(b+=", alias"+ ++d+"="+e,f.children[0]="alias"+d)}var g=["container","depth0","helpers","partials","data"];(this.useBlockParams||this.useDepths)&&g.push("blockParams"),this.useDepths&&g.push("depths");var h=this.mergeSource(b);return a?(g.push(h),Function.apply(this,g)):this.source.wrap(["function(",g.join(","),") {\n  ",h,"}"])},mergeSource:function(a){var b=this.environment.isSimple,c=!this.forceBuffer,d=void 0,e=void 0,f=void 0,g=void 0;return this.source.each(function(a){a.appendToBuffer?(f?a.prepend("  + "):f=a,g=a):(f&&(e?f.prepend("buffer += "):d=!0,g.add(";"),f=g=void 0),e=!0,b||(c=!1))}),c?f?(f.prepend("return "),g.add(";")):e||this.source.push('return "";'):(a+=", buffer = "+(d?"":this.initializeBuffer()),f?(f.prepend("return buffer + "),g.add(";")):this.source.push("return buffer;")),a&&this.source.prepend("var "+a.substring(2)+(d?"":";\n")),this.source.merge()},blockValue:function(a){var b=this.aliasable("helpers.blockHelperMissing"),c=[this.contextName(0)];this.setupHelperArgs(a,0,c);var d=this.popStack();c.splice(1,0,d),this.push(this.source.functionCall(b,"call",c))},ambiguousBlockValue:function(){var a=this.aliasable("helpers.blockHelperMissing"),b=[this.contextName(0)];this.setupHelperArgs("",0,b,!0),this.flushInline();var c=this.topStack();b.splice(1,0,c),this.pushSource(["if (!",this.lastHelper,") { ",c," = ",this.source.functionCall(a,"call",b),"}"])},appendContent:function(a){this.pendingContent?a=this.pendingContent+a:this.pendingLocation=this.source.currentLocation,this.pendingContent=a},append:function(){if(this.isInline())this.replaceStack(function(a){return[" != null ? ",a,' : ""']}),this.pushSource(this.appendToBuffer(this.popStack()));else{var a=this.popStack();this.pushSource(["if (",a," != null) { ",this.appendToBuffer(a,void 0,!0)," }"]),this.environment.isSimple&&this.pushSource(["else { ",this.appendToBuffer("''",void 0,!0)," }"])}},appendEscaped:function(){this.pushSource(this.appendToBuffer([this.aliasable("container.escapeExpression"),"(",this.popStack(),")"]))},getContext:function(a){this.lastContext=a},pushContext:function(){this.pushStackLiteral(this.contextName(this.lastContext))},lookupOnContext:function(a,b,c,d){var e=0;d||!this.options.compat||this.lastContext?this.pushContext():this.push(this.depthedLookup(a[e++])),this.resolvePath("context",a,e,b,c)},lookupBlockParam:function(a,b){this.useBlockParams=!0,this.push(["blockParams[",a[0],"][",a[1],"]"]),this.resolvePath("context",b,1)},lookupData:function(a,b,c){a?this.pushStackLiteral("container.data(data, "+a+")"):this.pushStackLiteral("data"),this.resolvePath("data",b,0,!0,c)},resolvePath:function(a,b,c,d,e){var g=this;if(this.options.strict||this.options.assumeObjects)return void this.push(f(this.options.strict&&e,this,b,a));for(var h=b.length;c<h;c++)this.replaceStack(function(e){var f=g.nameLookup(e,b[c],a);
14019            return d?[" && ",f]:[" != null ? ",f," : ",e]})},resolvePossibleLambda:function(){this.push([this.aliasable("container.lambda"),"(",this.popStack(),", ",this.contextName(0),")"])},pushStringParam:function(a,b){this.pushContext(),this.pushString(b),"SubExpression"!==b&&("string"==typeof a?this.pushString(a):this.pushStackLiteral(a))},emptyHash:function(a){this.trackIds&&this.push("{}"),this.stringParams&&(this.push("{}"),this.push("{}")),this.pushStackLiteral(a?"undefined":"{}")},pushHash:function(){this.hash&&this.hashes.push(this.hash),this.hash={values:[],types:[],contexts:[],ids:[]}},popHash:function(){var a=this.hash;this.hash=this.hashes.pop(),this.trackIds&&this.push(this.objectLiteral(a.ids)),this.stringParams&&(this.push(this.objectLiteral(a.contexts)),this.push(this.objectLiteral(a.types))),this.push(this.objectLiteral(a.values))},pushString:function(a){this.pushStackLiteral(this.quotedString(a))},pushLiteral:function(a){this.pushStackLiteral(a)},pushProgram:function(a){null!=a?this.pushStackLiteral(this.programExpression(a)):this.pushStackLiteral(null)},registerDecorator:function(a,b){var c=this.nameLookup("decorators",b,"decorator"),d=this.setupHelperArgs(b,a);this.decorators.push(["fn = ",this.decorators.functionCall(c,"",["f
14019n","props","container",d])," || fn;"])},invokeHelper:function(a,b,c){var d=this.popStack(),e=this.setupHelper(a,b),f=c?[e.name," || "]:"",g=["("].concat(f,d);this.options.strict||g.push(" || ",this.aliasable("helpers.helperMissing")),g.push(")"),this.push(this.source.functionCall(g,"call",e.callParams))},invokeKnownHelper:function(a,b){var c=this.setupHelper(a,b);this.push(this.source.functionCall(c.name,"call",c.callParams))},invokeAmbiguous:function(a,b){this.useRegister("helper");var c=this.popStack();this.emptyHash();var d=this.setupHelper(0,a,b),e=this.lastHelper=this.nameLookup("helpers",a,"helper"),f=["(","(helper = ",e," || ",c,")"];this.options.strict||(f[0]="(helper = ",f.push(" != null ? helper : ",this.aliasable("helpers.helperMissing"))),this.push(["(",f,d.paramsInit?["),(",d.paramsInit]:[],"),","(typeof helper === ",this.aliasable('"function"')," ? ",this.source.functionCall("helper","call",d.callParams)," : helper))"])},invokePartial:function(a,b,c){var d=[],e=this.setupParams(b,1,d);a&&(b=this.popStack(),delete e.name),c&&(e.indent=JSON.stringify(c)),e.helpers="helpers",e.partials="partials",e.decorators="container.decorators",a?d.unshift(b):d.unshift(this.nameLookup("partials",b,"partial")),this.options.compat&&(e.depths="depths"),e=this.objectLiteral(e),d.push(e),this.push(this.source.functionCall("container.invokePartial","",d))},assignToHash:function(a){var b=this.popStack(),c=void 0,d=void 0,e=void 0;this.trackIds&&(e=this.popStack()),this.stringParams&&(d=this.popStack(),c=this.popStack());var f=this.hash;c&&(f.contexts[a]=c),d&&(f.types[a]=d),e&&(f.ids[a]=e),f.values[a]=b},pushId:function(a,b,c){"BlockParam"===a?this.pushStackLiteral("blockParams["+b[0]+"].path["+b[1]+"]"+(c?" + "+JSON.stringify("."+c):"")):"PathExpression"===a?this.pushString(b):"SubExpression"===a?this.pushStackLiteral("true"):this.pushStackLiteral("null")},compiler:e,compileChildren:function(a,b){for(var c=a.children,d=void 0,e=void 0,f=0,g=c.length;f<g;f++){d=c[f],e=new this.compiler;var h=this.matchExistingProgram(d);if(null==h){this.context.programs.push("");var i=this.context.programs.length;d.index=i,d.name="program"+i,this.context.programs[i]=e.compile(d,b,this.context,!this.precompile),this.context.decorators[i]=e.decorators,this.context.environments[i]=d,this.useDepths=this.useDepths||e.useDepths,this.useBlockParams=this.useBlockParams||e.useBlockParams,d.useDepths=this.useDepths,d.useBlockParams=this.useBlockParams}else d.index=h.index,d.name="program"+h.index,this.useDepths=this.useDepths||h.useDepths,this.useBlockParams=this.useBlockParams||h.useBlockParams}},matchExistingProgram:function(a){for(var b=0,c=this.context.environments.length;b<c;b++){var d=this.context.environments[b];if(d&&d.equals(a))return d}},programExpression:function(a){var b=this.environment.children[a],c=[b.index,"data",b.blockParams];return(this.useBlockParams||this.useDepths)&&c.push("blockParams"),this.useDepths&&c.push("depths"),"container.program("+c.join(", ")+")"},useRegister:function(a){this.registers[a]||(this.registers[a]=!0,this.registers.list.push(a))},push:function(a){return a instanceof d||(a=this.source.wrap(a)),this.inlineStack.push(a),a},pushStackLiteral:function(a){this.push(new d(a))},pushSource:function(a){this.pendingContent&&(this.source.push(this.appendToBuffer(this.source.quotedString(this.pendingContent),this.pendingLocation)),this.pendingContent=void 0),a&&this.source.push(a)},replaceStack:function(a){var b=["("],c=void 0,e=void 0,f=void 0;if(!this.isInline())throw new j["default"]("replaceStack on non-inline");var g=this.popStack(!0);if(g instanceof d)c=[g.value],b=["(",c],f=!0;else{e=!0;var h=this.incrStack();b=["((",this.push(h)," = ",g,")"],c=this.topStack()}var i=a.call(this,c);f||this.popStack(),e&&this.stackSlot--,this.push(b.concat(i,")"))},incrStack:function(){return this.stackSlot++,this.stackSlot>this.stackVars.length&&this.stackVars.push("stack"+this.stackSlot),this.topStackName()},topStackName:function(){return"stack"+this.stackSlot},flushInline:function(){var a=this.inlineStack;this.inlineStack=[];for(var b=0,c=a.length;b<c;b++){var e=a[b];if(e instanceof d)this.compileStack.push(e);else{var f=this.incrStack();this.pushSource([f," = ",e,";"]),this.compileStack.push(f)}}},isInline:function(){return this.inlineStack.length},popStack:function(a){var b=this.isInline(),c=(b?this.inlineStack:this.compileStack).pop();if(!a&&c instanceof d)return c.value;if(!b){if(!this.stackSlot)throw new j["default"]("Invalid stack pop");this.stackSlot--}return c},topStack:function(){var a=this.isInline()?this.inlineStack:this.compileStack,b=a[a.length-1];return b instanceof d?b.value:b},contextName:function(a){return this.useDepths&&a?"depths["+a+"]":"depth"+a},quotedString:function(a){return this.source.quotedString(a)}
vendor: 4,150 bytes, lines 14019-14022
14019,objectLiteral:function(a){return this.source.objectLiteral(a)},aliasable:function(a){var b=this.aliases[a];return b?(b.referenceCount++,b):(b=this.aliases[a]=this.source.wrap(a),b.aliasable=!0,b.referenceCount=1,b)},setupHelper:function(a,b,c){var d=[],e=this.setupHelperArgs(b,a,d,c),f=this.nameLookup("helpers",b,"helper"),g=this.aliasable(this.contextName(0)+" != null ? "+this.contextName(0)+" : (container.nullContext || {})");return{params:d,paramsInit:e,name:f,callParams:[g].concat(d)}},setupParams:function(a,b,c){var d={},e=[],f=[],g=[],h=!c,i=void 0;h&&(c=[]),d.name=this.quotedString(a),d.hash=this.popStack(),this.trackIds&&(d.hashIds=this.popStack()),this.stringParams&&(d.hashTypes=this.popStack(),d.hashContexts=this.popStack());var j=this.popStack(),k=this.popStack();(k||j)&&(d.fn=k||"container.noop",d.inverse=j||"container.noop");for(var l=b;l--;)i=this.popStack(),c[l]=i,this.trackIds&&(g[l]=this.popStack()),this.stringParams&&(f[l]=this.popStack(),e[l]=this.popStack());return h&&(d.args=this.source.generateArray(c)),this.trackIds&&(d.ids=this.source.generateArray(g)),this.stringParams&&(d.types=this.source.generateArray(f),d.contexts=this.source.generateArray(e)),this.options.data&&(d.data="data"),this.useBlockParams&&(d.blockParams="blockParams"),d},setupHelperArgs:function(a,b,c,d){var e=this.setupParams(a,b,c);return e=this.objectLiteral(e),d?(this.useRegister("options"),c.push("options"),["options=",e]):c?(c.push(e),""):e}},function(){for(var a="break else new var case finally return void catch for switch while continue function this with default if throw delete in try do instanceof typeof abstract enum int short boolean export interface static byte extends long super char final native synchronized class float package throws const goto private transient debugger implements protected volatile double import public let yield await null true false".split(" "),b=e.RESERVED_WORDS={},c=0,d=a.length;c<d;c++)b[a[c]]=!0}(),e.isValidJavaScriptVariableName=function(a){return!e.RESERVED_WORDS[a]&&/^[a-zA-Z_$][0-9a-zA-Z_$]*$/.test(a)},b["default"]=e,a.exports=b["default"]},function(a,b,c){"use strict";function d(a,b,c){if(f.isArray(a)){for(var d=[],e=0,g=a.length;e<g;e++)d.push(b.wrap(a[e],c));return d}return"boolean"==typeof a||"number"==typeof a?a+"":a}function e(a){this.srcFile=a,this.source=[]}b.__esModule=!0;var f=c(5),g=void 0;try{}catch(h){}g||(g=function(a,b,c,d){this.src="",d&&this.add(d)},g.prototype={add:function(a){f.isArray(a)&&(a=a.join("")),this.src+=a},prepend:function(a){f.isArray(a)&&(a=a.join("")),this.src=a+this.src},toStringWithSourceMap:function(){return{code:this.toString()}},toString:function(){return this.src}}),e.prototype={isEmpty:function(){return!this.source.length},prepend:function(a,b){this.source.unshift(this.wrap(a,b))},push:function(a,b){this.source.push(this.wrap(a,b))},merge:function(){var a=this.empty();return this.each(function(b){a.add(["  ",b,"\n"])}),a},each:function(a){for(var b=0,c=this.source.length;b<c;b++)a(this.source[b])},empty:function(){var a=this.currentLocation||{start:{}};return new g(a.start.line,a.start.column,this.srcFile)},wrap:function(a){var b=arguments.length<=1||void 0===arguments[1]?this.currentLocation||{start:{}}:arguments[1];return a instanceof g?a:(a=d(a,this,b),new g(b.start.line,b.start.column,this.srcFile,a))},functionCall:function(a,b,c){return c=this.generateList(c),this.wrap([a,b?"."+b+"(":"(",c,")"])},quotedString:function(a){return'"'+(a+"").replace(/\\/g,"\\\\").replace(/"/g,'\\"').replace(/\n/g,"\\n").replace(/\r/g,"\\r").replace(/\u2028/g,"\\u2028").replace(/\u2029/g,"\\u2029")+'"'},objectLiteral:function(a){var b=[];for(var c in a)if(a.hasOwnProperty(c)){var e=d(a[c],this);"undefined"!==e&&b.push([this.quotedString(c),":",e])}var f=this.generateList(b);return f.prepend("{"),f.add("}"),f},generateList:function(a){for(var b=this.empty(),c=0,e=a.length;c<e;c++)c&&b.add(","),b.add(d(a[c],this));return b},generateArray:function(a){var b=this.generateList(a);return b.prepend("["),b.add("]"),b}},b["default"]=e,a.exports=b["default"]}])});
14020
14021
14022    window.appikonDiscount.isAppikonProductPage = null != decode
14022URIComponent(window.location.pathname).match(/\/products\/(([a-zA-Z0-9]|[\-\.\_\~]|[\u00A0-\uD7FF\uF900-\uFDCF\uFDF0-\uFFEF]|[\ud83c\ud83d\ud83e][\ud000-\udfff]){1,})\/?/);
14023    window.appikonDiscount.isAppikonCartPage = window.location.pathname === '/cart';
14024
14025    window.appikonDiscount.reloadCurrency = () => {
14026        "object" == typeof Currency && "object" == typeof Currency.moneyFormats && "function" == typeof mlvedaload && mlvedaload();
14027        try {
14028            "object" == typeof DoublyGlobalCurrency && "function" == typeof DoublyGlobalCurrency.convertAll && DoublyGlobalCurrency.convertAll(jQueryGrizzly("[name=doubly-currencies]").val())
14029        } catch (t) {
14030            console.log(t)
14031        }
14032    }
14033
14034    window.appikonDiscount.checkTermsAccepted = ($) => {
14035        if (window.appikonDiscount.settings.turn_off_agree_checkbox) {
14036            return true;
14037        }
14038
14039        if (window.appikonDiscount.settings.terms_selector) {
14040            let customSelectors = window.appikonDiscount.settings.terms_selector.split(',');
14041            for (let i = 0; i < customSelectors.length; i++) {
14042                let termsSelector = "input[type='checkbox']" + customSelectors[i];
14043                let termsSelectorChecked = "input[type='checkbox']" + customSelectors[i] + ":checked";
14044
14045                if ($(termsSelector).length > 0 && $(termsSelectorChecked).length === 0) {
14046                    return false;
14047                }
14048            }
14049        } else {
14050            let termsSelector = "input[type='checkbox']#agree";
14051            let termsSelectorChecked = "input[type='checkbox']#agree:checked";
14052
14053            if ($(termsSelector).length > 0 && $(termsSelectorChecked).length === 0) {
14054                return false;
14055            }
14056        }
14057
14058        return true;
14059    }
14060
14061    window.appikonDiscount.DiscountedPricingCheckout = ($, t) => {
14062        if (window.appikonDiscount.checkTermsAccepted($)) {
14063            $(t.target).prop("disabled", "disabled");
14064
14065            window.appikon.action_type = "checkout";
14066            var i = [],
14067                    a = [];
14068            $("[name^='attributes']").each(function () {
14069                var t = $(this),
14070                        e = $(this).attr("name"),
14071                        n = {
14072                            name: e = e.replace(/^attributes\[/i, "").replace(/\]$/i, ""),
14073                            value: t.val()
14074                        };
14075                if ("" != n.value) switch (t[0].tagName.toLowerCase()) {
14076                    case "input":
14077                        "checkbox" == t.attr("type") ? t.is(":checked") && a.push(n) : a.push(n);
14078                        break;
14079                    default:
14080                        a.push(n)
14081                }
14082            });
14083            var r = "";
14084            if (window.Shopify.locale) {
14085                i.push("locale=" + window.Shopify.locale);
14086            }
14087            $("[name='note']").length && (r = $("[name='note']")[0].value), window.appikon.cart.note_attributes = a, window.appikon.cart.note = r, r.length && i.push("note=" + encodeURIComponent(r)), a.length && a.map(function (t) {
14088                i.push("attributes" + encodeURIComponent("[" + t.name + "]") + "=" + encodeURIComponent(t.value))
14089            }), $.ajax({
14090                cache: !1,
14091                contentType: "application/json; charset=utf-8",
14092                dataType: "json",
14093                type: "POST",
14094                url: window.appikonDiscount.settings.app_root_url,
14095                data: JSON.stringify(window.appikon),
14096                success: function (t) {
14097                    t.invoice_url ? (i.length && (t.invoice_url += "?" + i.join("&")),
14098                                        setTimeout(function () {
14099                                            window.location.href = t.invoice_url
14100                                        }, window.appikonDiscount.settings.draft_order_invoice_load_delay)
14101                                    ) : (
14102                                        t.invoice_url = "/checkout",
14103                                        t.discount_code && (window.appikonDiscount.setCookie("adp-pr-id", t.pr_id, 14), i.push("discount=" + t.discount_code)),
14104                                        i.length && (t.invoice_url += "?" + i.join("&")),
14105                                        window.location.href = t.invoice_url
14106                                    )
14107                },
14108                error: function (e) {
14109                    console.log(e);
14110                    window.location.href = "/checkout"
14111                }
14112            })
14113        }
14114    }
14115
14116    window.appikonDiscount.checkoutEventHandler = ($, t) => {
14117        t.preventDefault();
14118        try {
14119            t.stopImmediatePropagation();
14120            window.appikonDiscount.DiscountedPricingCheckout($, t)
14121        } catch (e) {
14122            console.log(e);
14123            window.location = "/checkout"
14124        }
14125    }
14126
14127    window.appikonDiscount.addGlobalStyle = (t) => {
14128        try {
14129            var e = document.head || document.getElementsByTagName("head")[0],
14130                    n = document.createElement("style");
14131            n.innerHTML = t, n.type = "text/css", e.appendChild(n)
14132        } catch (o) {}
14133    }
14134
14135    window.appikonDiscount.addCheckoutEventHandlers = ($) => {
14136        var checkoutSelectors = window.appikonDiscount.getCheckoutSelectors();
14137
14138        if (! window.appikonDiscount.checkoutClickListener) {
14139            window.appikonDiscount.checkoutClickListener = (t) => window.appikonDiscount.checkoutEventHandler($, t);
14140        }
14141
14142        checkoutSelectors.forEach(function (t) {
14143            var e = document.querySelectorAll(t);
14144            if ("object" == typeof e && e) {
14145                for (var n = 0; n < e.length; n++) {
14146                    var o = e[n];
14147                    if ("function" != typeof o.addEventListener) return;
14148                    o.addEventListener("click", window.appikonDiscount.checkoutClickListener, false);
14149                }
14150            }
14151        });
14152    }
14153
14154    window.appikonDiscount.removeCheckoutEventHandlers = ($) => {
14155        var checkoutSelectors = window.appikonDiscount.getCheckoutSelectors();
14156        checkoutSelectors.forEach(function (t) {
14157            var e = document.querySelectorAll(t);
14158            if ("object" == typeof e && e) {
14159                for (var n = 0; n < e.length; n++) {
14160                    var o = e[n];
14161                    if ("function" != typeof o.addEventListener) return;
14162                    if (window.appikonDiscount.checkoutClickListener) {
14163                        o.removeEventListener("click", window.appikonDiscount.checkoutClickListener, false);
14164                    }
14165                }
14166            }
14167        });
14168    }
14169
14170    window.appikonDiscount.showCartDiscounts = ($, t) => {
14171        window.appikon.discounts = t;
14172        
14173        window.appikonDiscount.updateCartItems($, t.cart.items);
14174
14175        if ("string" == typeof t.discounted_price_html) {
14176            if (window.appikonDiscount.settings.hide_paypal) {
14177                $(".additional_checkout_buttons,.additional-checkout-button,.additional-checkout-buttons, .extra-checkout-buttons, .dynamic-checkout__content,.cart__additional_checkout, .cart-checkout-additional, #dynamic-checkout-cart").hide(), window.appikonDiscount.addGlobalStyle(".additional_checkout_buttons, .additional-checkout-button, .additional-checkout-buttons  {display:none !important;}");
14178            }
14179
14180            if (t.positive_discount) {
14181                window.appikonDiscount.displayCartTotals($, t);
14182            }
14183
14184            if (t.zero_discount_only || 0 == window.appikon.cart.total_price) {
14185                $('form[action*="/cart"]').append("<input type='hidden' value='1' name='attributes[adp_identifier]'>");
14186                try {
14187                    window.appikon.cart.attributes.adp_identifier = 1
14188                } catch (o) {
14189                }
14190                // remove event checkout listeners if no discounts
14191                window.appikonDiscount.removeCheckoutEventHandlers($);
14192            } else {
14193                window.appikonDiscount.addCheckoutEventHandlers($);
14194            }
14195            $(".wholesale-cart-total").css("font-weight", "bold");
14196            // $("span.wholesale-original-cart-total").css("display", "block");
14197        } else {
14198            if (window.appikonDiscount.settings.use_compare_at_price === true) {
14199                $(".wholesale-cart-total").html("<span class=''>" + t.compare_at_price_html + "</span>");
14200            } else {
14201                $(".wholesale-cart-total").html("<span class=''>" + t.original_price_html + "</span>");
14202            }
14203            $("span.wholesale-original-cart-total").css("display", "none");
14204            $(".wholesale-cart-total").css("font-weight", "normal");
14205
14206            // remove event checkout listeners if no discounts
14207            window.appikonDiscount.removeCheckoutEventHandlers($);
14208        }
14209    }
14210
14211    window.appikonDiscount.showAppikonNotificatioBar = ($, notificationMessage, selector, placement) => {
14212        if(notificationMessage && notificationMessage.trim()) {
14213            var notificationBarElement = "<div id='appikon-notification-bar'><div id='appikon-close-notification'>X</div>" + notificationMessage.trim() + "</div>"
14214            // Remove old notification
14215            $('#appikon-notification-bar').remove()
14216
14217            if(selector) {
14218                var selectorElement = $(selector).first();
14219                if(selectorElement.length){
14220                    "before" == placement.toLowerCase() ? selectorElement.before(notificationBarElement) : selectorElement.after(notificationBarElement)
14221                }
14222            } else {
14223                window.appikonDiscount.settings.global.headerSelector.split(",").forEach(function (t) {
14224                    t = $.trim(t)
14225                    "#shopify-section-header" == t ? $(t).after(notificationBarElement) : "main" == t ? $(t).prepend(notificationBarElement) : $(t).before(notificationBarElement)
14226                })
14227            }
14228
14229            $("#appikon-notification-bar").length > 0 && $("#appikon-notification-bar").show()
14230        }
14231    }
14232
14233    window.appikonDiscount.showAppikonNotification = ($, notificationMessage) => {
14234        // Show product page Notification
14235        if(window.appikonDiscount.isAppikonProductPage && window.appikonDiscount.settings.show_product_notification_bar) {
14236            window.appikonDiscount.showAppikonNotificatioBar($, notificationMessage,
14237                window.appikonDiscount.settings.notification_placement_settings.final_selector,
14238                window.appikonDiscount.settings.notification_placement_settings.placement)
14239        }
14240
14241        if(window.appikonDiscount.isAppikonCartPage && window.appikonDiscount.settings.show_cart_notification_bar) {
14242            window.appikonDiscount.showAppikonNotificatioBar($, notificationMessage,
14243                window.appikonDiscount.settings.notification_cart_placement_settings.final_selector,
14244                window.appikonDiscount.settings.notification_cart_placement_settings.placement)
14245        }
14246    }
14247
14248    window.appikonDiscount.showVolDiscounts = ($, info) => {
14249        if (info.discount_table && info.discount_table.automatic_type) {
14250            var templateVariables = {
14251                product_message: info.offer_product_message || window.appikonDiscount.settings.dp.vd_product_message,
14252                vol_rows: info.vol_rows
14253            }
14254
14255            if (info.discount_table.automatic_type === "DEFAULT") {
14256                var discountTiersTemplate = $("#adp-discount-tiers-default").html();
14257            } else if (info.discount_table.automatic_type === "DETAILED") {
14258                var discountTiersTemplate = $("#adp-discount-tiers-detailed").html();
14259            } else if (info.discount_table.automatic_type === "GRID_RANGE") {
14260                var discountTiersTemplate = $("#adp-discount-tiers-grid").html();
14261            } else if (info.discount_table.automatic_type === "GRID_RANGE_ALT") {
14262                var discountTiersTemplate = $("#adp-discount-tiers-grid-alt").html();
14263            }
14264
14265            var volDiscountHtml = appikonHandlebars.compile(discountTiersTemplate)(templateVariables);
14266            $("div.adp-vol-wrapper").html(volDiscountHtml);
14267        }
14268    }
14269
14270    window.appikonDiscount.showBuyXDiscounts = ($, info) => {
14271        var discountTiersTemplate = $("#adp-buy-x-discount-tiers").html(),
14272                templateVariables = {
14273                    product_message: info.offer_product_message || window.appikonDiscount.settings.dp.vd_product_message,
14274                    vol_rows: info.vol_rows
14275                },
14276                buyXDiscountHtml = appikonHandlebars.compile(discountTiersTemplate)(templateVariables);
14277        $("div.adp-vol-wrapper").html(buyXDiscountHtml);
14278    }
14279
14280    window.appikonDiscount.appikonDelegate = ($, discountResponse) => {
14281        if (discountResponse.vol_rows) {
14282            window.appikon.vol_rows = discountResponse.vol_rows;
14283        }
14284
14285        if (discountResponse.discount_table && discountResponse.discount_table.type === "CUSTOM" && discountResponse.discount_table.html) {
14286            let elements = [];
14287            let found = false;
14288
14289            let foundGeneric = $(".shopacado-discount-table-container");
14290            if (foundGeneric.length > 0) {
14291                found = true;
14292                elements.push(foundGeneric);
14293            }
14294
14295            if (discountResponse.discount_table.placement_selector) {
14296                let foundElements = $(discountResponse.discount_table.placement_selector);
14297                if (foundElements.length > 0) {
14298                    found = true;
14299                    for(var j=0; j<foundElements.length; j++){
14300                        var element = foundElements.eq(j);
14301                        elements.push(element);
14302                    }
14303                }
14304            }
14305
14306            if (!found) {
14307                let e = $("form[action*='/cart/add']").first();
14308                elements.push(e);
14309            }
14310            for (let i = 0; i < elements.length; i++) {
14311                let element = elements[i];
14312
14313                let wrapper = "<div class='adp-vol-wrapper'></div>";
14314                if (discountResponse.discount_table.placement_position == 'BEFORE') {
14315                    element.before(wrapper);
14316                } else {
14317                    element.after(wrapper);
14318                }
14319            }
14320            $("div.adp-vol-wrapper").html(discountResponse.discount_table.html);
14321        } else if (discountResponse.discount_table && discountResponse.discount_table.type === "AUTOMATIC") {
14322            if (discountResponse.vol_rows && discountResponse.vol_rows.length > 0 && ("buy_x_dollars" == discountResponse.type || "vd" == discountResponse.type)) {
14323                var e;
14324                if (window.appikonDiscount.settings.vd_placement_settings.hasOwnProperty("final_selector")) {
14325                    e = $(window.appikonDiscount.settings.vd_placement_settings.final_selector).first();
14326                    if (0 === e.length) {
14327                        e = $("form[action*='/cart/add']").first();
14328                    }
14329                } else {
14330                    e = $("form[action*='/cart/add']").first();
14331                }
14332                if (0 === $(".adp-vol-wrapper").length) {
14333                    window.appikonDiscount.settings.vd_placement_settings.hasOwnProperty("placement") && "before" == window.appikonDiscount.settings.vd_placement_settings.placement ? e.before("<div class='adp-vol-wrapper'></div>") : e.after("<div class='adp-vol-wrapper'></div>");
14334                }
14335                "buy_x_dollars" === discountResponse.type ? window.appikonDiscount.showBuyXDiscounts($, discountResponse) : window.appikonDiscount.showVolDiscounts($, discountResponse);
14336            }
14337        }
14338
14339        var objectExists = function (t) {
14340            return "object" == typeof t ? t : null
14341        };
14342        if (objectExists(discountResponse.discounts)) {
14343            if(window.appikonDiscount.isAppikonProductPage && discountResponse.product_notification) {
14344                window.appikonDiscount.showAppikonNotification($, discountResponse.product_notification);
14345            } else if(window.appikonDiscount.isAppikonCartPage && discountResponse.notifications && discountResponse.notifications.length) {
14346                window.appikonDiscount.showAppikonNotification($, discountResponse.notifications[0]);
14347            }
14348
14349            if (objectExists(discountResponse.discounts.cart) && objectExists(discountResponse.discounts.cart.items)) {
14350                window.appikonDiscount.showCartDiscounts($, discountResponse.discounts);
14351            }
14352        }
14353
14354        if (discountResponse.product_lowest_price_message &&
14355            window.appikonDiscount.settings.product_page_price_selector &&
14356            window.appikonDiscount.settings.product_page_price_selector !== "") {
14357            window.appikonDiscount.productLowestPriceMessage = discountResponse.product_lowest_price_message;
14358            $(window.appikonDiscount.settings.product_page_price_selector).html("<span>" + discountResponse.product_lowest_price_message + "</span>");
14359        }
14360
14361        window.appikonDiscount.reloadCurrency()
14362
14363        if (window.appikonDiscount.postDiscountHandlers) {
14364            for (let i = 0; i < window.appikonDiscount.postDiscountHandlers.length; i++) {
14365                window.appikonDiscount.postDiscountHandlers[i](discountResponse);
14366            }
14367        }
14368    }
14369
14370    window.appikonDiscount.isCartChange = ($, newCart) => {
14371        var isCartChange = false;
14372
14373        var oldCart = window.appikonResponseStore.cartJS;
14374
14375        var cartPropertiesToCompare = ["original_total_price", "total_discount", "total_weight", "item_count", "items_subtotal_price"];
14376
14377        $.each(cartPropertiesToCompare, function (i, prop) {
14378            if (oldCart[prop] !== newCart[prop]) {
14379                isCartChange = true;
14380                return false; // break the loop
14381            }
14382        });
14383
14384        if(!isCartChange && oldCart.items.length !== newCart.items.length) {
14385            isCartChange = true;
14386        }
14387
14388        if(!isCartChange) {
14389            $.each(oldCart.items, function(i, oldItem){
14390                var newItem = newCart.items[i];
14391                if(oldItem.id !== newItem.id || oldItem.quantity !== newItem.quantity) {
14392                    isCartChange = true;
14393                    return false; // break the loop
14394                }
14395            })
14396        }
14397
14398        return isCartChange;
14399    }
14400
14401    window.appikonDiscount.processCartData = ($, ajaxCartData) => {
14402        if (window.appikonDiscount.isCartChange($, aja
14402xCartData)) {
14403            window.appikonResponseStore.cartJS = ajaxCartData;
14404            window.appikonDiscount.prepareAppikonDiscountRequestData($, ajaxCartData)
14405        } else {
14406            window.appikonDiscount.fillCartData($, false);
14407        }
14408    }
14409
14410    window.appikonDiscount.addCompareAtPrice = async ($, cart) => {
14411        var totalCompareAtPrice = 0;
14412        await Promise.all(cart.items.map(async (item) => {
14413            $.ajax({
14414                url: '/products/' + item.handle + '.js',
14415                dataType: 'json',
14416                async: false,
14417                success: function(product){
14418                    for (const variant of product.variants) {
14419                        item["compare_at_price"] = item["price"];
14420                        if (variant.id == item.variant_id && variant.compare_at_price != null) {
14421                            item["compare_at_price"] = variant.compare_at_price;
14422                            break;
14423                        }
14424                    };
14425                    const compareAtLinePrice = item["compare_at_price"] * item["quantity"];
14426                    totalCompareAtPrice += compareAtLinePrice;
14427                    item["compare_at_line_price"] = compareAtLinePrice;
14428                }
14429            });
14430        }));
14431
14432        cart.compare_at_total_price = totalCompareAtPrice;
14433
14434        return cart;
14435    }
14436
14437    window.appikonDiscount.insertCartTitleSnippet = ($, productTitleSelector) => {
14438
14439        var isInserted = false;
14440
14441        if (!productTitleSelector) {
14442            return isInserted;
14443        }
14444
14445        var selectors = productTitleSelector.split(",");
14446
14447        $.each(selectors, function(index, selector) {
14448            var elems = $(selector);
14449
14450            if (elems.length) {
14451                var cart = window.appikon.cart;
14452                elems.each(function (index) {
14453                    if (index < cart.items.length && $(this).find(".appikon-cart-item-success-notes").length === 0) {
14454
14455                        $(this).html($(this).html() + "<span class='appikon-cart-item-success-notes' data-key='" + cart.items[index].key + "'></span><span class='appikon-cart-item-upsell-notes' data-key='" + cart.items[index].key + "'></span>");
14456
14457                        isInserted = true;
14458                    }
14459                });
14460            }
14461
14462        })
14463
14464        return isInserted;
14465    }
14466
14467    window.appikonDiscount.insertCartLinePriceSnippet = ($, cartLinePriceSelector) => {
14468
14469        var isInserted = false;
14470
14471        if (!cartLinePriceSelector) {
14472            return isInserted;
14473        }
14474
14475        var selectors = cartLinePriceSelector.split(",");
14476
14477        $.each(selectors, function(index, selector) {
14478            var elems = $(selector);
14479
14480            if (elems.length) {
14481                var cart = window.appikon.cart;
14482                elems.each(function (index) {
14483                    if (index < cart.items.length && $(this).find(".appikon-cart-item-line-price").length == 0) {
14484                        $(this).html("<span class='appikon-cart-item-line-price' data-key='" + cart.items[index].key + "'>" +
14485                                $(this).html() + "</span>");
14486
14487                        isInserted = true;
14488                    }
14489                });
14490            }
14491
14492        })
14493
14494        return isInserted;
14495    }
14496
14497    window.appikonDiscount.insertCartUnitPriceSnippet = ($, cartUnitPriceSelector) => {
14498
14499        var isInserted = false;
14500
14501        if (!cartUnitPriceSelector) {
14502            return isInserted;
14503        }
14504
14505        var selectors = cartUnitPriceSelector.split(",");
14506
14507        $.each(selectors, function(index, selector) {
14508            var elems = $(selector);
14509
14510            if (elems.length) {
14511                var cart = window.appikon.cart;
14512                elems.each(function (index) {
14513                    if (index < cart.items.length && $(this).find(".appikon-cart-item-unit-price").length == 0) {
14514                        $(this).html("<span class='appikon-cart-item-unit-price' data-key='" + cart.items[index].key + "'>" + $(this).html() + "</span>");
14515                    }
14516                });
14517            }
14518
14519        })
14520
14521        return isInserted;
14522    }
14523
14524    window.appikonDiscount.insertCartSubTotalSnippet = ($, cartSubTotalSelector) => {
14525
14526        var isInserted = false;
14527
14528        if (cartSubTotalSelector) {
14529            var selectors = cartSubTotalSelector.split(",");
14530
14531            $.each(selectors, function(index, selector) {
14532                var elem = $(selector).eq(0);
14533
14534                if(elem && elem.length && elem.find(".wholesale-original-cart-total").length == 0) {
14535                    elem.html("<span class='wholesale-original-cart-total'>" +
14536                                "<span class='wholesale-original-price'>" + elem.html() + "</span>" +
14537                                "</span>" +
14538                                "<span class='wholesale-cart-total'></span>" +
14539                                "<div class='additional-notes'>" +
14540                                "<span class='wholesale-minimums-note'></span>" +
14541                                "<span class='wholesale-extra-note'></span>" +
14542                                "</div>");
14543
14544                    isInserted = true;
14545                }
14546
14547            })
14548
14549        }
14550
14551        return isInserted;
14552    }
14553
14554    window.appikonDiscount.insertCartSnippets = ($, cartType) => {
14555        var productTitleInserted = null;
14556        var linePriceInserted = null;
14557        var subtotalInserted = null;
14558        var unitPriceInserted = null;
14559
14560        if (cartType === 'DRAWER') {
14561            productTitleInserted = window.appikonDiscount.insertCartTitleSnippet($, window.appikonDiscount.settings.drawer_cart_product_title_selector);
14562            linePriceInserted = window.appikonDiscount.insertCartLinePriceSnippet($, window.appikonDiscount.settings.drawer_cart_line_price_selector);
14563            unitPriceInserted = window.appikonDiscount.insertCartUnitPriceSnippet($, window.appikonDiscount.settings.drawer_cart_unit_price_selector);
14564            subtotalInserted = window.appikonDiscount.insertCartSubTotalSnippet($, window.appikonDiscount.settings.drawer_cart_sub_total_selector);
14565        } else if (cartType === 'REGULAR') {
14566            productTitleInserted = window.appikonDiscount.insertCartTitleSnippet($, window.appikonDiscount.settings.regular_cart_product_title_selector);
14567            linePriceInserted = window.appikonDiscount.insertCartLinePriceSnippet($, window.appikonDiscount.settings.regular_cart_line_price_selector);
14568            unitPriceInserted = window.appikonDiscount.insertCartUnitPriceSnippet($, window.appikonDiscount.settings.regular_cart_unit_price_selector);
14569            subtotalInserted = window.appikonDiscount.insertCartSubTotalSnippet($, window.appikonDiscount.settings.regular_cart_sub_total_selector);
14570        }
14571
14572        return productTitleInserted || linePriceInserted || subtotalInserted || unitPriceInserted;
14573    }
14574
14575    window.appikonDiscount.fillCartData = ($, forceFill) => {
14576        setTimeout(function() {
14577            if(window.appikonResponseStore.discountResponse) {
14578                var drawerCartSnippets = window.appikonDiscount.insertCartSnippets($, "DRAWER");
14579                var regularCartSnippets = false;
14580                if (window.appikonDiscount.settings.is_dynamic_insertion) {
14581                    regularCartSnippets = window.appikonDiscount.insertCartSnippets($, "REGULAR");
14582                }
14583
14584                if(drawerCartSnippets || regularCartSnippets || forceFill == true) {
14585                    window.appikonDiscount.appikonDelegate($, window.appikonResponseStore.discountResponse);
14586                }
14587            }
14588        }, 400);
14589    }
14590
14591    window.appikonDiscount.enableCheckoutButtons = ($) => {
14592        var checkoutSelectors = window.appikonDiscount.getCheckoutSelectors();
14593        $.each(checkoutSelectors, function(index, selector){
14594            $(selector).prop('disabled', false);
14595        });
14596    }
14597
14598    window.appikonDiscount.disableCheckoutButtons = ($) => {
14599        var checkoutSelectors = window.appikonDiscount.getCheckoutSelectors();
14600        $.each(checkoutSelectors, function(index, selector){
14601            $(selector).prop('disabled', true);
14602        });
14603    }
14604
14605    window.appikonDiscount.getCheckoutSelectors = () => {
14606        var checkoutSelectors = window.appikonDiscount.settings.global.appikonCheckoutSelector.split(",");
14607
14608        if(window.appikonDiscount.settings.checkout_selector) {
14609            window.appikonDiscount.settings.checkout_selector.split(",").forEach(function(selector){
14610                checkoutSelectors.push(selector.trim());
14611            });
14612        }
14613
14614        return checkoutSelectors;
14615    }
14616
14617    window.appikonDiscount.getAppikonDiscountData = ($) => {
14618        if (window.appikonDiscount.settings.use_compare_at_price === true){
14619            var xhrAppiconCartRequet = $.ajax({
14620                cache: !1,
14621                type: "GET",
14622                url: "/cart.js",
14623                dataType : "json"
14624            }).done(async function(ajaxCartData) {
14625                let cartWithCompareAt = await window.appikonDiscount.addCompareAtPrice($, ajaxCartData);
14626                window.appikonDiscount.processCartData($, cartWithCompareAt);
14627            }).fail(function(jqXHR, status, error) {
14628                console.error("getAppikonDiscountData", error, jqXHR.responseText)
14629            })
14630
14631        } else {
14632            var xhrAppiconCartRequet = $.ajax({
14633                cache: !1,
14634                type: "GET",
14635                url: "/cart.js",
14636                dataType : "json"
14637            }).done(function(ajaxCartData) {
14638                window.appikonDiscount.processCartData($, ajaxCartData);
14639            }).fail(function(jqXHR, status, error) {
14640                console.error("getAppikonDiscountData", error, jqXHR.responseText)
14641            })
14642        }
14643    }
14644
14645    window.appikonDiscount.prepareAppikonDiscountRequestData = ($, appikonDrawerCart) => {
14646        window.appikon.cart = appikonDrawerCart;
14647        window.appikon.adp_page = 'cart';
14648
14649        window.appikon.discounts = {};
14650        window.appikon.cart_product_ids = [];
14651
14652        appikonDrawerCart.items.forEach(function(item){
14653            var appikon_item = item;
14654            ["product_title", "total_discount", "discounts", "grams", "vendor", "taxable", "gift_card", "url", "image", "featured_image", "requires_shipping", "product_type", "product_description", "variant_title", "variant_options"].map(function(k) {
14655                delete appikon_item[k]
14656            });
14657
14658            window.appikon.cart_product_ids.push(appikon_item.product_id);
14659        });
14660
14661
14662        if(window.appikon.cart.items.length > 0) {
14663            // Get Product Metadata
14664            var xhrAppiconCartViewJSONRequet = $.ajax({
14665                cache: !1,
14666                type: "GET",
14667                url: "/cart?view=appikon.json",
14668                dataType: "text",
14669                beforeSend: function(xhr){xhr.setRequestHeader('x-requested-with', '');}
14670            }).done(function(data) {
14671
14672                var cartMetadataResponse = JSON.parse(data)
14673
14674                window.appikon.cart_collection_ids = [];
14675
14676                window.appikon.cart.items.forEach(function(item){
14677
14678                    cartMetadataResponse.items.forEach(function(cartMetadataItem){
14679                        if(cartMetadataItem.id == item.id) {
14680                            item["collection_ids"] = cartMetadataItem.collectionIds;
14681                        }
14682                    });
14683
14684                    window.appikon.cart_collection_ids.push(item.collection_ids);
14685                });
14686
14687                // disable checkout buttons
14688                window.appikonDiscount.disableCheckoutButtons($);
14689
14690                // send request to discount api
14691                var xhrAppikonDiscountRequest = $.ajax({
14692                    cache: !1,
14693                    type: "POST",
14694                    url: window.appikonDiscount.settings.app_root_url,
14695                    data: JSON.stringify(window.appikon),
14696                    dataType: "json",
14697                    contentType: "application/json; charset=utf-8"
14698                }).done(function(data) {
14699
14700                    window.appikonResponseStore.discountResponse = data;
14701
14702                    window.appikonDiscount.fillCartData($, true);
14703                    window.appikonDiscount.enableCheckoutButtons($);
14704
14705                }).fail(function(jqXHR, status, error) {
14706                    console.error("calculateAppikonDiscount", error, jqXHR.responseText)
14707                    window.appikonDiscount.enableCheckoutButtons($);
14708                });
14709
14710            }).fail(function(jqXHR, status, error) {
14711                console.error("prepareAppikonDiscountRequestData", error, jqXHR.responseText)
14712            })
14713        }
14714    }
14715
14716    window.appikonDiscount.triggerDiscountCalculation = ($) => {
14717        if (window.appikonResponseStore.cartJS) {
14718            window.appikonDiscount.prepareAppikonDiscountRequestData($, window.appikonResponseStore.cartJS);
14719        } else {
14720            window.appikonDiscount.getAppikonDiscountData($);
14721        }
14722    }
14723
14724    window.appikonDiscount.updateCartItems = ($, items) => {
14725        for (var e = 0; e < items.length; e++) {
14726            var n = items[e];
14727
14728            n.upsell_note = n.upsell_note ? n.upsell_note : "";
14729            n.success_note = n.success_note ? n.success_note : "";
14730
14731            if (n.discounted_price < n.original_price) {
14732                if (window.appikonDiscount.settings.use_compare_at_price === true) {
14733                    $(".appikon-cart-item-price[data-key='" + n.key + "']").html("<span class='original_price '>" + n.compare_at_price_format + "</span><span class='discounted_price '>" + n.discounted_price_format + "</span>");
14734                    $(".appikon-cart-item-line-price[data-key='" + n.key + "']").html("<span class='original_price '>" + n.compare_at_line_price_format + "</span><span class='discounted_price '>" + n.discounted_line_price_format + "</span>");
14735                    $(".appikon-cart-item-unit-price[data-key='" + n.key + "']").html("<span class='original_price '>" + n.compare_at_price_format + "</span><span class='discounted_price '>" + n.discounted_price_format + "</span>");
14736                } else {
14737                    $(".appikon-cart-item-price[data-key='" + n.key + "']").html("<span class='original_price '>" + n.original_price_format + "</span><span class='discounted_price '>" + n.discounted_price_format + "</span>");
14738                    $(".appikon-cart-item-line-price[data-key='" + n.key + "']").html("<span class='original_price '>" + n.original_line_price_format + "</span><span class='discounted_price '>" + n.discounted_line_price_format + "</span>");
14739                    $(".appikon-cart-item-unit-price[data-key='" + n.key + "']").html("<span class='original_price '>" + n.original_price_format + "</span><span class='discounted_price '>" + n.discounted_price_format + "</span>");
14740                }
14741                $("span.discounted_price").css("font-weight", "bold");
14742            } else {
14743                if (window.appikonDiscount.settings.use_compare_at_price === true) {
14744                    $(".appikon-cart-item-price[data-key='" + n.key + "']").html("<span class='discounted_price appkion_original_price'>" + n.compare_at_price_format + "</span>");
14745                    $(".appikon-cart-item-line-price[data-key='" + n.key + "']").html("<span class='discounted_price appkion_original_price'>" + n.compare_at_line_price_format + "</span>");
14746                    $(".appikon-cart-item-unit-price[data-key='" + n.key + "']").html("<span class='discounted_price appkion_original_price'>" + n.compare_at_price_format + "</span>");
14747                } else {
14748                    $(".appikon-cart-item-price[data-key='" + n.key + "']").html("<span class='discounted_price appkion_original_price'>" + n.original_price_format + "</span>");
14749                    $(".appikon-cart-item-line-price[data-key='" + n.key + "']").html("<span class='discounted_price appkion_original_price'>" + n.original_line_price_format + "</span>");
14750                    $(".appikon-cart-item-unit-price[data-key='" + n.key + "']").html("<span class='discounted_price appkion_original_price'>" + n.original_price_format + "</span>");
14751                }
14752                $("span.discounted_price").css("font-weight", "normal");
14753            }
14754
14755            $(".appikon-cart-item-upsell-notes[data-key='" + n.key + "']").html(n.upsell_note);
14756            $(".appikon-cart-item-success-notes[data-key='" + n.key + "']").html(n.success_note);
14757        }
14758    };
14759
14760    window.appikonDiscount.displayCartTotals = ($, t) => {
14761        $(".wholesale-original-cart-total span.wholesale-original-price").length > 0 ? $(".wholesale-original-cart-total span.wholesale-original-price").css("text-decoration", "line-through") : $(".wholesale-original-cart-total").css("text-decoration", "line-through");
14762        $(".wholesale-original-cart-total").show()
14763
14764        if (window.appikonDiscount.settings.use_compare_at_price === true) {
14765            $("span.wholesale-original-price").html(t.compare_at_price_html);
14766        } else {
14767            $("span.wholesale-original-price").html(t.original_price_html);
14768        }
14769
14770        $(".wholesale-cart-total").html("<span class=''>" + t.discounted_price_html + "</span>");
14771        var e = "";
14772        if (t.summary_item_html) {
14773            e = t.summary_item_html;
14774        }
14775
14776        $(".subtotal .cart_savings.sale").hide();
14777        $(".wholesale-cart-total").prepend("<span class='appikon-messages'><div id='appikon-summary-item'>" + e + "</div><div id='appikon-discount-item'></div></span>");
14778        if (window.appikonDiscount.settings.show_discount_code) {
14779            $('.appikon-discounts-wrapper').remove();
14780
14781            var discountCodePlacementSelectors = window.appikonDiscount.settings.discount_code_settings.inputPlacementSelector.split(',');
14782            discountCodePlacementSelectors.forEach((selector, index, array) => {
14783                let discountCodeWrapper = "<div class='appikon-discounts-wrapper'>" +
14784                                              "<input type='text' id='appikon-discount-code' placeholder='Discount Code'>" +
14785                                              "<button id='apply-appikon-discount' class='btn btn--secondary'>Apply</button>" +
14786                                          "</div>"
14787
14788                if (window.appikonDiscount.settings.discount_code_settings.inputPlacementPosition === "BEFORE") {
14789                    $(selector).before(discountCodeWrapper);
14790                } else if (window.appikonDiscount.settings.discount_code_settings.inputPlacementPosition === "AFTER") {
14791                    $(selector).after(discountCodeWrapper);
14792                } else if (window.appikonDiscount.settings.discount_code_settings.inputPlacementPosition === "PREPEND") {
14793                    $(selector).prepend(discountCodeWrapper);
14794                } else if (window.appikonDiscount.settings.discount_code_settings.inputPlacementPosition === "APPEND") {
14795                    $(selector).append(discountCodeWrapper);
14796                } else if (window.appikonDiscount.settings.discount_code_settings.inputPlacementPosition === "REPLACE") {
14797                    $(selector).after(discountCodeWrapper);
14798                    $(selector).hide();
14799                }
14800            });
14801
14802            if (window.appikon.discount_code) {
14803                $(".appikon-discounts-wrapper").hide();
14804                $("div[id=appikon-discount-item]").html('<button id="appikon-remove-discount-code" type="button">X</button>' + t.discount_item_html);
14805
14806                document.querySelectorAll("#appikon-remove-discount-code").forEach(item => {
14807                    item.addEventListener('click', event => {
14808                        window.appikonDiscount.deleteCookie("appikon_discount_" + window.appikonDiscount.settings.shop);
14809                        delete window.appikon.discount_code;
14810                        window.appikonDiscount.triggerDiscountCalculation($);
14811                    });
14812                });
14813            } else {
14814                $(".appikon-discounts-wrapper").show();
14815            }
14816
14817        }
14818
14819        $(".wholesale-cart-total span").css("text-decoration", "none");
14820        window.appikonDiscount.reloadCurrency();
14821    };
14822
14823    window.appikonDiscount.deleteCookie = (t) => {
14824        var o = new Date;
14825        o.setTime(o.getTime() - 1000);
14826        var i = "expires=" + o.toUTCString();
14827        document.cookie = t + "=; " + i + "; path=/;"
14828    }
14829
14830    window.appikonDiscount.setCookie = (t, e, n) => {
14831        var o = new Date;
14832        o.setTime(o.getTime() + 24 * n * 60 * 60 * 1e3);
14833        var i = "expires=" + o.toUTCString();
14834        document.cookie = t + "=" + e + "; " + i + "; path=/;"
14835    }
14836
14837    window.appikonDiscount.setCookieMinutes = (t, e, m) => {
14838        var o = new Date;
14839        o.setTime(o.getTime() + m * 60000);
14840        var i = "expires=" + o.toUTCString();
14841        document.cookie = t + "=" + e + "; " + i + "; path=/;"
14842    }
14843
14844    window.appikonDiscount.setCookieSession = (t, e) => {
14845        document.cookie = t + "=" + e + "; path=/;"
14846    }
14847
14848    window.appikonDiscount.getCookie = (t) => {
14849        for (var e = t + "=", n = document.cookie.split(";"), o = 0; o < n.length; o++) {
14850            for (var i = n[o];
14851                    " " == i.charAt(0);) i = i.substring(1);
14852            if (0 == i.indexOf(e)) return i.substring(e.length, i.length)
14853        }
14854        return ""
14855    }
14856
14857    // custom JS settings overrides
14858    
14859</script>
14859
14860
14861
14862<script id="adp-discount-tiers-default" type="text/x-handlebars-template">
14863    <div class="adp-discount-tiers">
14864    <h4>{{{product_message}}}</h4>
14865    <table class="adp-discount-table">
14866        <thead>
14867        <tr>
14868            <th>Minimum Qty</th>
14869            <th>Discount</th>
14870        </tr>
14871        </thead>
14872        <tbody>
14873        {{#vol_rows}}
14874        <tr>
14875            <td>{{{quantity}}} +</td>
14876            <td>{{{price.title}}}</td>
14877        </tr>
14878        {{/vol_rows}}
14879        </tbody>
14880    </table>
14881</div>
14882
14883</script>
vendor: 1 bytes, line 14883
14883
14884<script id="adp-discount-tiers-detailed" type="text/x-handlebars-template">
14885    <div class="adp-discount-tiers"><h4>{{{product_message}}}</h4>
14886    <table class="adp-discount-table">
14887        <thead>
14888        <tr>
14889            <th>Qty</th>
14890            <th>Discount</th>
14891        </tr>
14892        </thead>
14893        <tbody> {{#vol_rows}}
14894        <tr>
14895            <td>Buy {{{quantity}}}</td>
14896            <td>{{{price.title}}} each</td>
14897        </tr>
14898        {{/vol_rows}}
14899        </tbody>
14900    </table>
14901</div>
14902
14903</script>
vendor: 1 bytes, line 14903
14903
14904<script id="adp-discount-tiers-grid" type="text/x-handlebars-template">
14905    <div class="adp-discount-tiers"><h4>{{{product_message}}}</h4>
14906    <table class="adp-discount-table">
14907        <thead>
14908        <tr>
14909            <th>Minimum Qty</th>
14910            <th>Maximum Qty</th>
14911            <th>Discount</th>
14912        </tr>
14913        </thead>
14914        <tbody> {{#vol_rows}}
14915        <tr>
14916            <td>{{{quantity}}}</td>
14917            <td>{{{next_range_qty}}}</td>
14918            <td>{{{price.title}}}</td>
14919        </tr>
14920        {{/vol_rows}}
14921        </tbody>
14922    </table>
14923</div>
14924
14925</script>
vendor: 1 bytes, line 14925
14925
14926<script id="adp-discount-tiers-grid-alt" type="text/x-handlebars-template">
14927    <div class="adp-discount-tiers"><h4>{{{product_message}}}</h4>
14928    <table class="adp-discount-table">
14929        <thead>
14930        <tr>
14931            <th>Qty</th>
14932            <th>Discount</th>
14933        </tr>
14934        </thead>
14935        <tbody> {{#vol_rows}}
14936        <tr>
14937            <td>{{{quantity}}} - {{{next_range_qty}}}</td>
14938            <td>{{{price.title}}}</td>
14939        </tr>
14940        {{/vol_rows}}
14941        </tbody>
14942    </table>
14943</div>
14944
14945</script>
vendor: 1 bytes, line 14945
14945
14946<script id="adp-buy-x-discount-tiers" type="text/x-handlebars-template">
14947    <div class="adp-discount-tiers"><h4>{{{product_message}}}</h4>
14948    <table class="adp-discount-table">
14949        <thead>
14950        <tr>
14951            <th>Qty</th>
14952            <th>Discount</th>
14953        </tr>
14954        </thead>
14955        <tbody> {{#vol_rows}}
14956        <tr>
14957            <td>Buy {{{quantity}}}</td>
14958            <td>{{{price.title}}}</td>
14959        </tr>
14960        {{/vol_rows}}
14961        </tbody>
14962    </table>
14963</div>
14964
14965</script>
14965
14966
14967
14968<script type="text/javascript">
14969
14970    function getUrlParam(paramName) {
14971        const urlParams = new URLSearchParams(window.location.search);
14972        return urlParams.get(paramName);
14973    }
14974
14975    const testOfferParam = getUrlParam('shopacadoTestToken');
14976    const testOfferName = getUrlParam('shopacadoTestName');
14977
14978    ! function (window, document) {
14979        "use strict";
14980
14981        if (testOfferParam) {
14982            window.appikonDiscount.setCookieSession('shopacado-test-offer-token', testOfferParam);
14983            window.appikonDiscount.setCookieSession('shopacado-test-offer-name', testOfferName);
14984
14985            var uri = window.location.toString();
14986            if (uri.indexOf("?") > 0) {
14987                var clean_uri = uri.substring(0, uri.indexOf("?"));
14988                window.history.replaceState({}, document.title, clean_uri);
14989            }
14990        }
14991
14992        function isMobileBrowser() {
14993            var t = !1;
14994            try {
14995                (/(android|bb\d+|meego).+mobile|avantgo|bada\/|blackberry|blazer|compal|elaine|fennec|hiptop|iemobile|ip(hone|od)|ipad|iris|kindle|Android|Silk|lge |maemo|midp|mmp|netfront|opera m(ob|in)i|palm( os)?|phone|p(ixi|re)\/|plucker|pocket|psp|series(4|6)0|symbian|treo|up\.(browser|link)|vodafone|wap|windows (ce|phone)|xda|xiino/i.test(navigator.userAgent) || /1207|6310|6590|3gso|4thp|50[1-6]i|770s|802s|a wa|abac|ac(er|oo|s\-)|ai(ko|rn)|al(av|ca|co)|amoi|an(ex|ny|yw)|aptu|ar(ch|go)|as(te|us)|attw|au(di|\-m|r |s )|avan|be(ck|ll|nq)|bi(lb|rd)|bl(ac|az)|br(e|v)w|bumb|bw\-(n|u)|c55\/|capi|ccwa|cdm\-|cell|chtm|cldc|cmd\-|co(mp|nd)|craw|da(it|ll|ng)|dbte|dc\-s|devi|dica|dmob|do(c|p)o|ds(12|\-d)|el(49|ai)|em(l2|ul)|er(ic|k0)|esl8|ez([4-7]0|os|wa|ze)|fetc|fly(\-|_)|g1 u|g560|gene|gf\-5|g\-mo|go(\.w|od)|gr(ad|un)|haie|hcit|hd\-(m|p|t)|hei\-|hi(pt|ta)|hp( i|ip)|hs\-c|ht(c(\-| |_|a|g|p|s|t)|tp)|hu(aw|tc)|i\-(20|go|ma)|i230|iac( |\-|\/)|ibro|idea|ig01|ikom|im1k|inno|ipaq|iris|ja(t|v)a|jbro|jemu|jigs|kddi|keji|kgt( |\/)|klon|kpt |kwc\-|kyo(c|k)|le(no|xi)|lg( g|\/(k|l|u)|50|54|\-[a-w])|libw|lynx|m1\-w|m3ga|m50\/|ma(te|ui|xo)|mc(01|21|ca)|m\-cr|me(rc|ri)|mi(o8|oa|ts)|mmef|mo(01|02|bi|de|do|t(\-| |o|v)|zz)|mt(50|p1|v )|mwbp|mywa|n10[0-2]|n20[2-3]|n30(0|2)|n50(0|2|5)|n7(0(0|1)|10)|ne((c|m)\-|on|tf|wf|wg|wt)|nok(6|i)|nzph|o2im|op(ti|wv)|oran|owg1|p800|pan(a|d|t)|pdxg|pg(13|\-([1-8]|c))|phil|pire|pl(ay|uc)|pn\-2|po(ck|rt|se)|prox|psio|pt\-g|qa\-a|qc(07|12|21|32|60|\-[2-7]|i\-)|qtek|r380|r600|raks|rim9|ro(ve|zo)|s55\/|sa(ge|ma|mm|ms|ny|va)|sc(01|h\-|oo|p\-)|sdk\/|se(c(\-|0|1)|47|mc|nd|ri)|sgh\-|shar|sie(\-|m)|sk\-0|sl(45|id)|sm(al|ar|b3|it|t5)|so(ft|ny)|sp(01|h\-|v\-|v )|sy(01|mb)|t2(18|50)|t6(00|10|18)|ta(gt|lk)|tcl\-|tdg\-|tel(i|m)|tim\-|t\-mo|to(pl|sh)|ts(70|m\-|m3|m5)|tx\-9|up(\.b|g1|si)|utst|v400|v750|veri|vi(rg|te)|vk(40|5[0-3]|\-v)|vm40|voda|vulc|vx(52|53|60|61|70|80|81|83|85|98)|w3c(\-| )|webc|whit|wi(g |nc|nw)|wmlb|wonu|x700|yas\-|your|zeto|zte\-/i.test(navigator.userAgent.
14995substr(0, 4))) && (t = !0)
14996            } catch (e) {}
14997            return t
14998        }
14999
15000        function reqJquery(t) {
15001            if ("undefined" == typeof jQuery || !jQuery || 1 === parseInt(jQuery.fn.jquery) && parseFloat(jQuery.fn.jquery.replace(/^1\./, "")) < 10) {
15002                var e = document.getElementsByTagName("head")[0],
15003                        n = document.createElement("script");
15004                n.src = ("https:" == document.location.protocol ? "https://" : "http://") + "ajax.googleapis.com/ajax/libs/jquery/1.12.0/jquery.min.js", n.type = "text/javascript", n.onload = n.onreadystatechange = function () {
15005                    n.readyState ? "complete" !== n.readyState && "loaded" !== n.readyState || (n.onreadystatechange = null, t(jQuery.noConflict(!0))) : t(jQuery.noConflict(!0))
15006                }, e.appendChild(n)
15007            } else t(jQuery)
15008        }
15009
15010        if (-1 !== document.location.search.indexOf("clear_cookies=1")) {
15011            window.appikonDiscount.setCookie("adp-skip-ids", "");
15012            window.appikonDiscount.setCookie("cart", "");
15013        }
15014
15015        reqJquery(function ($) {
15016            checkForTestOffer();
15017
15018            function notifyCalculationsInProgress() {
15019                return hasFlag("notify_about_disocunt_calculations") && (hasFlag("disable_checkout_button") ? (checkoutBtn.attr("disabled", !0).val("Please wait").text("Please wait").css("border-color", originalBorder).css("background-color", originalBackground), setTimeout(enableCheckoutButton, 4e3)) : window.appikonDiscount.isAppikonCartPage && window.appikonDiscount.showAppikonNotification($, window.appikonDiscount.settings.calculation_note, {})), !0
15020            }
15021
15022            function hideCalculationsInProgressNote() {
15023                return hasFlag("notify_about_disocunt_calculations") && (hasFlag("disable_checkout_button") ? enableCheckoutButton() : $("#appikon-notification-bar").text() == window.appikonDiscount.settings.calculation_note + "X" && $("#appikon-notification-bar").fadeOut("slow")), !0
15024            }
15025
15026            function getRefreshDelayValue() {
15027                var t = "";
15028                return t = isMobileBrowser() ? window.appikonDiscount.settings.delay_mobile_refresh_cart : window.appikonDiscount.settings.delay_refresh_cart, 1e3 * parseFloat(t)
15029            }
15030
15031            function checkForTestOffer() {
15032                window.appikon.test_offer_token = window.appikonDiscount.getCookie('shopacado-test-offer-token');
15033                window.appikon.test_offer_name = window.appikonDiscount.getCookie('shopacado-test-offer-name');
15034
15035                if (window.appikon.test_offer_token && window.appikon.test_offer_token != "") {
15036                    showTestOfferNotice();
15037                }
15038            }
15039
15040            function showTestOfferNotice() {
15041                var noticeHtml = `
15042                    <div id="shopacado-banner">
15043                        <div id="shopacado-banner-content">
15044                            Testing Offer: ` + window.appikon.test_offer_name + `
15045                            <button id="shopacado-stop-test-offer">Stop Testing</button>
15046                        </div>
15047                    </div>
15048                `;
15049                $("#shopacado-banner").remove();
15050                $("body").prepend(noticeHtml);
15051                $("body").addClass("push-down");
15052                $("#shopacado-stop-test-offer").click( function () {
15053                    removeTestOfferNotice();
15054                });
15055            }
15056
15057            function removeTestOfferNotice() {
15058                $("#shopacado-banner").remove();
15059                $("body").removeClass("push-down");
15060                window.appikonDiscount.deleteCookie("shopacado-test-offer-token");
15061                window.appikonDiscount.deleteCookie("shopacado-test-offer-name");
15062                delete window.appikon.test_offer_token;
15063                delete window.appikon.test_offer_name;
15064            }
15065
15066            window.appikonDiscount.calculateDiscounts = () => window.appikonDiscount.getAppikonDiscountData($);
15067
15068            function refreshAppikonData() {
15069                window.appikonDiscount.getAppikonDiscountData($);
15070            }
15071
15072            function handleCartRequests(url) {
15073
15074                var isCartRequestProcessed = true;
15075
15076                if ((url.includes('/cart.js')
15077                    || url.includes('/cart.json')
15078                    || url.includes('/cart/add')
15079                    || url.includes('/cart/update')
15080                    || (window.appikonDiscount.settings.is_dynamic_insertion && url.includes('/cart/change'))
15081                    || url.includes('/cart/clear')
15082                    || url.endsWith('/cart')
15083                    || url.includes('/cart?'))
15084                    && !url.includes('/cart?view=appikon.json')) {
15085
15086                    if (url.includes('/cart/add') || url.endsWith('/cart') || url.includes('/cart?') ) {
15087                        $.ajax({
15088                            cache: !1,
15089                            type: "GET",
15090                            url: "/cart.js",
15091                            dataType: "json"
15092                        }).done(function (ajaxCartData) {
15093                            //window.appikonDiscount.processCartData($, ajaxCartData);
15094                        }).fail(function (jqXHR, status, error) {
15095                            console.error(error)
15096                        })
15097                    } else {
15098                        isCartRequestProcessed = false;
15099                    }
15100                }
15101
15102                return isCartRequestProcessed;
15103
15104            }
15105
15106            var appikonCookieCode = window.appikonDiscount.getCookie("appikon_discount_" + window.appikonDiscount.settings.shop);
15107            appikonCookieCode && (window.appikon.discount_code = appikonCookieCode);
15108
15109            if (hasFlag("disable_checkout_button")) {
15110                var checkoutBtn = $(window.appikonDiscount.settings.global.appikonCheckoutSelector);
15111                var originalCheckoutContent = checkoutBtn.val() || checkoutBtn.html();
15112                var originalBorder = checkoutBtn.css("border-color");
15113                var originalBackground = checkoutBtn.css("background-color");
15114                var enableCheckoutButton = function () {
15115                    checkoutBtn.html(originalCheckoutContent).val(originalCheckoutContent).removeAttr("disabled").removeAttr("border-color").removeAttr("background-color")
15116                };
15117            }
15118            if (window.appikonDiscount.isAppikonCartPage) {
15119                var skipIds = window.appikonDiscount.getCookie("adp-skip-ids");
15120                skipIds && (window.appikon.skip_ids = skipIds)
15121            }
15122
15123            function continuePageLoad() {
15124                $(document).ready(function () {
15125                    if(window.appikonDiscount.settings.dp.installed) {
15126                        refreshAppikonData();
15127
15128                        if (window.appikonDiscount.settings.listen_to_ajax_cart_events_strategy) {
15129                            // Intercept AJAX requests
15130                            var origOpen = window.XMLHttpRequest.prototype.open;
15131                            window.XMLHttpRequest.prototype.open = function() {
15132                                this.addEventListener('load', async function() {
15133                                    var url = this.responseURL;
15134                                    if(!handleCartRequests(url)) {
15135                                        var ajaxCartData = JSON.parse(this.responseText);
15136                                        if (window.appikonDiscount.settings.use_compare_at_price === true) {
15137                                            var cartWithCompareAt = await window.appikonDiscount.addCompareAtPrice($, ajaxCartData);
15138                                            window.appikonDiscount.processCartData($, cartWithCompareAt);
15139                                        } else {
15140                                            window.appikonDiscount.processCartData($, ajaxCartData);
15141                                        }
15142                                    }
15143                                });
15144                                origOpen.apply(this, arguments);
15145                            };
15146
15147                            // Intercept fetch requests
15148                            const originalFetch = window.fetch;
15149                            window.fetch = function() {
15150                                return new Promise((resolve, reject) => {
15151                                    originalFetch.apply(this, arguments)
15152                                            .then((response) => {
15153                                                var url = response.url;
15154
15155                                                if(!handleCartRequests(url)) {
15156
15157                                                    $.ajax({
15158                                                        cache: !1,
15159                                                        type: "GET",
15160                                                        url: "/cart.js",
15161                                                        dataType: "json"
15162                                                    })
15163                                                    // response.clone().json().then(ajaxCartData  => {
15164                                                    //   window.appikonDiscount.processCartData($, ajaxCartData);
15165                                                    //});
15166                                                }
15167
15168                                                resolve(response);
15169                                            })
15170                                            .catch((error) => {
15171                                                reject(error);
15172                                            })
15173                                });
15174                            }
15175
15176                        } else {
15177                            var appikonCallRepeater = setInterval(refreshAppikonData,1000);
15178                        }
15179                    }
15180                });
15181
15182                window.appikon.adp_page && window.appikon.adp_page === 'product' && window.appikonDiscount.settings.dp.installed > 0 && ($.ajax({
15183                    cache: !1,
15184                    type: "POST",
15185                    url: window.appikonDiscount.settings.app_root_url,
15186                    data: JSON.stringify(window.appikon),
15187                    dataType: "json",
15188                    contentType: "application/json; charset=utf-8",
15189                    success: function (t) {
15190                        window.appikonDiscount.appikonDelegate($, t);
15191                    }
15192                })), setTimeout(function () {
15193                    "function" == typeof ga && ga(function (t) {
15194                        window.gaclientId = t.get("clientId")
15195                    })
15196                }, 1e3), hasFlag("refresh_on_qty_plush_minus") && ($(document).on("click", window.appikonDiscount.settings.plus_minus_qty_selector, function () {
15197                    var t = this;
15198                    window.appikonDiscount.isAppikonCartPage && setTimeout(function () {
15199                        $(t).parents('form[action*="/cart"]').submit()
15200                    }, 500)
15201                }), hasFlag("refresh_on_qty_change_hard") && (window.appikonDiscount.cartSubmit = function () {
15202                    window.appikonDiscount.isAppikonCartPage && setTimeout(function () {
15203                        $('form[action*="/cart"]').submit()
15204                    }, 500)
15205                }, $(document).ready(function () {
15206                    setTimeout(function () {
15207                        var t, e = document.querySelectorAll(window.appikonDiscount.settings.plus_minus_qty_selector);
15208                        for (t = 0; t < e.length; t++) e[t].setAttribute("onclick", "window.appikonDiscount.cartSubmit();")
15209                    }, 1200)
15210
15211
15212                })));
15213                var debutEditBtnExists = $("div.cart__edit button.btn.cart__edit--active:visible").length > 0,
15214                        qtyInputEvent = debutEditBtnExists ? "" : "input ";
15215                if (window.appikonDiscount.isAppikonCartPage && $(document).on(qtyInputEvent + "change", "input.appikon-quantity, input[name^='updates['], input[id^='updates_'], input[id^='Updates_']", function (t) {
15216                    var e = this;
15217                    t.preventDefault(), "" != $.trim($(this).val()) && (setTimeout(function () {
15218                        if (hasFlag("enable_quantity_change_reload")) {
15219                            hasFlag("quantities_refresh_over_submit") ? window.location.reload() : $(e).parents('form[action*="/cart"]').submit()
15220                        }
15221                    }, getRefreshDelayValue()))
15222                }), window.appikonDiscount.isAppikonCartPage && ($(document).on("click", "td.cart-qty span.icon-plus, td.cart-qty span.icon-minus", function (t) {
15223                    t.preventDefault(), $(this).parents('form[action*="/cart"]').submit()
15224                }), !window.appikonDiscount.settings.is_dynamic_insertion && $(document).ajaxSuccess(function (t, e, n) {
15225                    n && "/cart/change.js" == n.url && window.location.reload()
15226                }), 1 != hasFlag("avoid_default_qty_input_event_change") && (setTimeout(function () {
15227                    $(".js-qty__adjust").off("click")
15228                }, 500), $(document).on("click", "div.js-qty .js-qty__adjust", function (t) {
15229                    if(!window.appikonDiscount.settings.avoid_cart_quantity_adjustment) {
15230                        t.preventDefault();
15231                        var e = parseInt($(this).parents("div.js-qty").find("input").val());
15232                        if ($(this).hasClass("js-qty__adjust--plus")) var n = e + 1;
15233                        else n = e - 1;
15234                        $(this).parents("div.js-qty").find("input").val(n).change()
15235                    } else {
15236                        $(this).parents("div.js-qty").find("input").change()
15237                    }
15238                }))), $(document).on("click", "button#apply-appikon-discount", function (t) {
15239                    t.preventDefault();
15240                    var discount_code_entered = $("input[id=appikon-discount-code]:visible").val().trim();
15241                    window.appikonDiscount.setCookieMinutes("appikon_discount_" + window.appikonDiscount.settings.shop, discount_code_entered, 5);
15242                    window.appikon.discount_code = discount_code_entered;
15243                    window.appikonDiscount.triggerDiscountCalculation($);
15244                }), $(document).on("click", "div#appikon-close-notification", function (t) {
15245                    t.preventDefault(), window.appikonDiscount.setCookie("appikon_notifications_closed", 1, .01), $("#appikon-notification-bar").slideUp("slow")
15246                }), $(document).on("click", ".appikon-variants-container select.adp-variants", function () {
15247                    $(this).children("option").length < 1 && alert("All item variants are out of stock")
15248                }), hasFlag("use_google_fonts")) {
15249                    function insertGoogleFontStyle(t) {
15250                        var e = document.head,
15251                                n = document.createElement("link");
15252                        n.id = "adp_google_fonts_link", n.type = "text/css", n.rel = "stylesheet", n.href = "https://fonts.googleapis.com/css?family=" + t.join(","), e.appendChild(n)
15253                    }
15254                };
15255            }
15256
15257            window.appikon.multicurrency = {};
15258            if (window.Shopify && window.Shopify.currency) {
15259                window.appikon.multicurrency.currency = window.Shopify.currency.active;
15260                window.appikon.multicurrency.rate = window.Shopify.currency.rate;
15261                window.appikon.multicurrency.locale = window.Shopify.locale;
15262            }
15263
15264            if (window.theme && window.theme.moneyFormat) {
15265                window.appikon.multicurrency.moneyFormat = window.theme.moneyFormat;
15266            } else if (window.theme && window.theme.strings && window.theme.strings.moneyFormat) {
15267                window.appikon.multicurrency.moneyFormat = window.theme.strings.moneyFormat;
15268            } else if (window.Theme && window.Theme.strings && window.Theme.strings.moneyFormat) {
15269                window.appikon.multicurrency.moneyFormat = window.Theme.strings.moneyFormat;
15270            } else if (window.Theme && window.Theme.moneyFormat) {
15271                window.appikon.multicurrency.moneyFormat = window.Theme.moneyFormat;
15272            } else if (window.mwSwitcherObjects && window.mwSwitcherObjects.shop.money_format){
15273                window.appikon.multicurrency.moneyFormat = window.mwSwitcherObjects.shop.money_format;
15274            } else if (window.Shopify.currency && window.Shopify.currency.active && window.Currency && window.Currency.money_format && window.Currency.money_format[window.Shopify.currency.active]) {
15275                window.appikon.multicurrency.moneyFormat = window.Currency.money_format[window.Shopify.currency.active];
15276            } else if (window.Currency && window.Currency.currentCurrency && window.Currency.moneyFormats && window.Currency.moneyFormats[window.Currency.currentCurrency]) {
15277                window.appikon.multicurrency.moneyFormat = window.Currency.moneyFormats[window.Currency.currentCurrency].money_format;
15278            } else if (window.ACSCurrency && window.ACSCurrency.currentCurrency) {
15279                window.appikon.multicurrency.moneyFormat = window.ACSCurrency.moneyFormats[window.ACSCurrency.currentCurrency].money_format;
15280            }
15280 else if (window.FlashsearchThemeSettings && window.FlashsearchThemeSettings.shop && window.FlashsearchThemeSettings.shop.moneyFormat) {
15281                window.appikon.multicurrency.moneyFormat = window.FlashsearchThemeSettings.shop.moneyFormat;
15282            }
15283
15284            typeof continuePageLoad === "function" && continuePageLoad();
15285
15286            
15287        });
15288    }(window, document);
15289
15290
15291</script>
15291
15292
15293  
15294  
15294<script src="//soylent.com/cdn/shop/t/714/assets/ajaxinate.min.js?v=69145893314062996711687817172" type="text/javascript"></script>
15294
15295
15296  <div data-rebuy-id="124439"></div>
15297  
15297<script src="https://autopilot.kodif.io/chat/v1/application/769af8fd-a856-4b74-8c5e-c02d2232324b/widget-script"></script>
15297
15298<div id="shopify-block-AMXlNNXM5SWtGZ0cxR__17151115064775110295" class="shopify-block shopify-app-block"><style data-recharge-theme='{"has_theme_customization": true, "design_mode": false }'>
15299  .recharge-theme {
15300    /* App */
15301    --recharge-app-background: #FFFFFF;
15302    --recharge-app-container: 1200px;
15303    --recharge-app-vertical-padding: 32px;
15304
15305    /* Brand colors */
15306    
15307--recharge-color-brand: #000000;
15308
15309    /* Tints */
15310    --recharge-color-brand-120: #000000;
15311    --recharge-color-brand-20: #333333;
15312    --recharge-color-brand-40: #666666;
15313    --recharge-color-brand-60: #999999;
15314    --recharge-color-brand-75: #bfbfbf;
15315    --recharge-color-brand-85: #d9d9d9;
15316
15317    /* Neutral */
15318    --recharge-color-neutral: hsl(0, 35%, 7%);
15319    --recharge-color-neutral-80: hsl(0, 7%, 25%);
15320    --recharge-color-neutral-70: hsl(0, 5%, 35%);
15321    --recharge-color-neutral-40: hsl(0, 3%, 63%);
15322    --recharge-color-neutral-10: hsl(0, 2%, 91%);
15323    
15324
15325    /* Links */
15326    --recharge-button-secondary: #47AF19;
15327    --recharge-button-secondary-120: #378713;
15328    --recharge-button-secondary-60: #91cf75;
15329
15330    /* Images */
15331    --recharge-images-ratio: 1;
15332
15333    /* Cards */
15334    
15335    --recharge-cards-background: #FFFFFF;
15336    
15337
15338    
15339    --recharge-cards-border-color: #000000;
15340    
15341
15342    /* Fonts */
15343    --recharge-typography-scale: 16px;
15344    --recharge-typography-size-1: calc(3 * var(--recharge-typography-scale));
15345    --recharge-typography-size-2: calc(2.25 * var(--recharge-typography-scale));
15346    --recharge-typography-size-3: calc(1.625 * var(--recharge-typography-scale));
15347    --recharge-typography-size-4: calc(1.25 * var(--recharge-typography-scale));
15348    --recharge-typography-size-5: calc(1 * var(--recharge-typography-scale));
15349    --recharge-typography-size-6: calc(.875 * var(--recharge-typography-scale));
15350
15351    /** Text **/
15352    --recharge-typography-light: #FFFFFF;
15353    --recharge-typography-primary: var(--recharge-color-neutral);
15354    --recharge-typography-secondary: var(--recharge-color-neutral-70);
15355
15356    /* Corners */
15357    --recharge-corners-radius: 0px;
15358
15359    --recharge-button-border-radius: 0px;
15360    
15361
15362    /* Views */
15363    
15364    --recharge-views-background: #FFFFFF;
15365    
15366
15367    /* Buttons */
15368    --recharge-button-font-family: inherit;
15369    --recharge-button-brand: var(--recharge-color-brand);
15370    --recharge-button-color: #FFFFFF;
15371  }
15372</style>
15373
15374</div>
15374<script src="https://cdn.shopify.com/storefront/standard-actions.js" type="module" data-source-attribution="shopify.standard_actions"></script>
15374
15375</body>
15376  
15377</html>
15378<!-- Begin Shopify-Afterpay JavaScript Snippet (v1.0.1) -->
15379<script type="text/javascript">
15380  // Liquid variables:
15381  var afterpay_product = null;
15382  var afterpay_product_variant = null;
15383  var afterpay_cart_total_price = 0;
15384</script>
15384
15385<!-- End Shopify-Afterpay JavaScript Snippet (v1.0.1) -->

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.