https://nutrafol.com/gatsby-assets/12b9eef8b36e52d06b6c838abebb607f116aedb8-6b0bc42f1014a301f5b7.js

1"use strict";(self.webpackChunknutrafol=self.webpackChunknutrafol||[]).push([[23591],{7827:function(e,t,a){a.d(t,{A:function(){return y}});var r=a(96540),n=a(59639),o=a(71500),i=a(20821),d=a(76575),l=a(95704),c=a(20880),s=a(11808),u=a(37245),p=a(73310);const m=(0,p.default)(n.Box,{target:"e1vhn3y76"})("@media (max-width: 767px) and (min-height: 600px){height:calc(100vh - ",e=>e.mobileHeaderHeight,"px);.section-wrapper{height:calc(100vh - ",e=>e.mobileHeaderHeight,"px);display:flex;flex-direction:column;}}"),g=(0,p.default)(n.Box,{target:"e1vhn3y75"})(""),h=(0,p.default)("div",{target:"e1vhn3y74"})("position:absolute;@media (max-width: 767px){top:0;bottom:0;width:2px;left:calc(50% - 1px);background-image:linear-gradient(\n      to bottom,\n      ",l.default.wild.color.nova.transparency.black[60],' 10%,\n      rgba(255, 255, 255, 0) 20%\n    );background-position:left;background-size:2px 10px;background-repeat:repeat-y;&::before,&::after{content:"";position:absolute;left:0;right:0;height:5%;z-index:2;}&::before{top:0;background:linear-gradient(\n        to bottom,\n        rgba(255, 255, 255, 1) 0%,\n        rgba(255, 255, 255, 0) 100%\n      );}&::after{bottom:0;background:linear-gradient(\n        to bottom,\n        rgba(255, 255, 255, 0) 0%,\n        rgba(255, 255, 255, 1) 100%\n      );}}@media (min-width: 768px){background-color:transparent;top:13px;left:0;right:0;bottom:auto;height:2px;width:100%;background-position:top;background-repeat:repeat-x;background-size:10px 2px;background-image:linear-gradient(\n      to right,\n      ',l.default.wild.color.nova.transparency.black[60],' 20%,\n      rgba(255, 255, 255, 0) 10%\n    );&::before,&::after{content:"";position:absolute;top:0;bottom:0;width:10%;z-index:2;left:auto;right:auto;}&::before{left:0;background:linear-gradient(\n        90deg,\n        rgba(255, 255, 255, 1) 0%,\n        rgba(255, 255, 255, 0) 100%\n      );}&::after{right:0;background:linear-gradient(\n        90deg,\n        rgba(255, 255, 255, 0) 0%,\n        rgba(255, 255, 255, 1) 100%\n      );}}@media (max-width: 767px) and (max-height: 599px){display:none;}'),b=(0,p.default)("div",{target:"e1vhn3y73"})("position:absolute;top:0;left:0;right:0;background:",l.default.wild.color.nova.brand.accent[80],";@media (min-width: 768px){display:none;}"),x=(0,p.default)("div",{target:"e1vhn3y72"})("position:absolute;top:0;left:0;bottom:0;background:",l.default.wild.color.nova.brand.accent[80],";@media (max-width: 767px){display:none;}"),f=(0,p.default)(n.Box,{target:"e1vhn3y71"})("position:relative;display:inline-block;padding:6px;border-radius:2px;background:",l.default.wild.color.nova.base.solid[20],";z-index:3;.tag-text{position:relative;z-index:2;line-height:1;transform:translateY(1px);}@media (max-width: 767px) and (max-height: 599px){background:",l.default.wild.color.nova.brand.accent[80],"!important;}"),w=(0,p.default)(n.Box,{target:"e1vhn3y70"})({name:"1qmmqwh",styles:"@media (max-width: 767px){position:relative;z-index:2;padding:8px 0;margin:24px auto 0;max-width:280px;background:rgb(255, 255, 255);background:linear-gradient(\n      0deg,\n      rgba(255, 255, 255, 0) 0%,\n      rgba(255, 255, 255, 1) 15%,\n      rgba(255, 255, 255, 1) 85%,\n      rgba(255, 255, 255, 0) 100%\n    );}@media (max-width: 767px) and (max-height: 599px){margin:8px auto 24px;.copy-wrapper-ref{opacity:1!important;}}"});var v=a(17437);var y=e=>{let t=e.data;const a=t.title,p=t.timeline,y=t.disclaimer,k=(0,r.useRef)(null),_=(0,r.useRef)(null),N=(0,r.useRef)(null),Y=(0,r.useRef)([]),E=(0,r.useRef)([]);return(0,i.L)(()=>{let e=o.Ay.matchMedia();e.add("(max-width: 767px) and (min-height: 600px)",()=>{d.u.create({trigger:k.current,scrub:1,pin:"#growth-pin-wrapper",start:"top-=96 top",end:"+=500",invalidateOnRefresh:!0,refreshPriority:1});o.Ay.timeline({scrollTrigger:{trigger:k.current,scrub:1,start:"30% bottom",end:"+=1000",invalidateOnRefresh:!0,refreshPriority:1}}).to(Y.current[0],{backgroundColor:l.default.wild.color.nova.brand.accent[80],duration:.15},"step-1").to(E.current[0],{opacity:1,duration:.15},"step-1").add(()=>(0,s.segmentEvent)("Interactive Section Viewed",{module_location:"mid_fold",slide_number:1,slide_title:"Month 1-3"})).to(_.current,{height:"calc(50% - 50px)"}).to(Y.current[1],{backgroundColor:l.default.wild.color.nova.brand.accent[80],duration:.15}

1,"step-2").to(E.current[1],{opacity:1,duration:.15},"step-2").add(()=>(0,s.segmentEvent)("Interactive Section Viewed",{module_location:"mid_fold",slide_number:2,slide_title:"Month 4-6"})).to(_.current,{height:"calc(100% - 100px)"}).to(Y.current[2],{backgroundColor:l.default.wild.color.nova.brand.accent[80],duration:.15},"step-3").to(E.current[2],{opacity:1,duration:.15},"step-3").add(()=>(0,s.segmentEvent)("Interactive Section Viewed",{module_location:"mid_fold",slide_number:3,slide_title:"Month 7+"})).to(_.current,{height:"calc(100% - 40px)"})}),e.add("(min-width: 768px)",()=>{d.u.create({trigger:k.current,scrub:1,pin:"#growth-pin-wrapper",start:"center center",end:"+=500",invalidateOnRefresh:!0,refreshPriority:1});o.Ay.timeline({scrollTrigger:{trigger:k.current,scrub:1,start:"40% bottom",end:"+=1000",invalidateOnRefresh:!0,refreshPriority:1}}).to(N.current,{width:"15%",duration:.25}).to(Y.current[0],{backgroundColor:l.default.wild.color.nova.brand.accent[80],duration:.25},"step-1").to(E.current[0],{opacity:1,duration:.25},"step-1").to(N.current,{width:"50%",duration:.35}).add(()=>(0,s.segmentEvent)("Interactive Section Viewed",{module_location:"mid_fold",slide_number:1,slide_title:"Month 1-3"})).to(Y.current[1],{backgroundColor:l.default.wild.color.nova.brand.accent[80],duration:.15},"step-2").to(E.current[1],{opacity:1,duration:.15},"step-2").add(()=>(0,s.segmentEvent)("Interactive Section Viewed",{module_location:"mid_fold",slide_number:2,slide_title:"Month 4-6"})).to(N.current,{width:"85%",duration:.35}).to(Y.current[2],{backgroundColor:l.default.wild.color.nova.brand.accent[80],duration:.15},"step-3").to(E.current[2],{opacity:1,duration:.15},"step-3").add(()=>(0,s.segmentEvent)("Interactive Section Viewed",{module_location:"mid_fold",slide_number:3,slide_title:"Month 7+"})).to(N.current,{width:"100%",duration:.15})})}),(0,v.Y)(m,{ref:k,mobileHeaderHeight:96,"data-element":"Wrapper","data-component":"Growth","data-source-file":"growth.js"},(0,v.Y)(u.A,{className:"section-wrapper","data-element":"Section","data-component":"Growth","data-source-file":"growth.js"},(0,v.Y)(n.Box,{mb:[32,32,40,80],className:"text-center","data-element":"Box","data-component":"Growth","data-source-file":"growth.js"},(0,v.Y)(c.TextElementNova,{text:a,className:"Subtitle-20-Dia-Normal",element:"h2","data-element":"TextElementNova","data-component":"Growth","data-source-file":"growth.js"})),(0,v.Y)(n.Flex,{mb:[32,32,40,80],flexDirection:["column","column","row"],className:"relative sm:gap-10 flex-1",justifyContent:["space-between","space-between","none"],maxWidth:1120,mx:"auto","data-element":"Flex","data-source-file":"growth.js"},(0,v.Y)(h,{"data-element":"ProgressBar","data-source-file":"growth.js"},(0,v.Y)(b,{ref:_,"data-element":"MobileProgress","data-source-file":"growth.js"}),(0,v.Y)(x,{ref:N,"data-element":"DesktopProgress","data-source-file":"growth.js"})),p.map((e,t)=>(0,v.Y)(g,{key:t,width:[1,1,1/3],className:"text-center"},(0,v.Y)(f,{className:"tag",mb:[0,0,24],ref:e=>Y.current[t]=e},(0,v.Y)(c.TextElementNova,{element:"h3",text:e.title,className:"Caption-10-Dia-Uppercase tag-text"})),(0,v.Y)(w,null,(0,v.Y)("div",{ref:e=>E.current[t]=e,className:"copy-wrapper-ref opacity-60"},(0,v.Y)(c.TextElementNova,{text:e.description,className:"copy Body-20-Dia-Normal text-nova-base-black"})))))),(0,v.Y)(n.Box,{"data-element":"Box","data-source-file":"growth.js"},(0,v.Y)(c.TextElementNova,{text:y,className:"copy Caption-10-Dia-Normal text-nova-transparency-black-60 text-center","data-element":"TextElementNova","data-source-file":"growth.js"}))))}}}]);