https://nutrafol.com/gatsby-assets/fbae876b-11ed939446b5e95c3380.js

1"use strict";(self.webpackChunknutrafol=self.webpackChunknutrafol||[]).push([[28098],{98013:function(e,t,a){var n,l,o,i,s,d,r,m,c,u,p,x,f,g,h,b,w,y,Y,v,A=a(58168),k=a(75276),P=a(73310),j=a(96540),C=a(4589),N=a(59639),B=a(95704),z=a(11808),F=a(95972),T=a(19625),E=a(17437);const M=(0,P.default)(N.Box,{target:"e14i7r1f9"})("h2{@media (max-width: 1023px){font-size:48px!important;}}&.homepage-wrapper{border:0!important;padding-top:0!important;}&.mens-quiz-lp{background:",B.default.wild.color.master.base.secondary,';padding-left:16px;padding-right:16px;@media screen and (max-width: 767px){padding-top:40px;}.textelement.men[class*="title--medium"].main-heading{',T.P.large(n||(n=(0,k.A)(["\n        font-size: 56px;\n        line-height; 1.1;\n      "]))),";}.subtext{",T.P.medium(l||(l=(0,k.A)(["\n        font-size: 18px !important;\n      "])))," ",T.P.large(o||(o=(0,k.A)(["\n        font-size: 20px !important;\n      "]))),';}.education-nav{margin:0 -16px;background:white;}}.subtext.textelement.men[class*="body--regular"]{',T.P.medium(i||(i=(0,k.A)(["\n      font-size: 18px;\n      line-height: 1.4;\n    "]))),";}"),R=(0,P.default)("div",{target:"e14i7r1f8"})({name:"in9nyl",styles:"max-width:1250px;margin:0 auto"}),W=(0,P.default)("button",{target:"e14i7r1f7"})("display:flex;align-items:center;padding:0 8px;height:56px;width:100%;border-radius:4px;margin-bottom:8px;background:",B.default.wild.color.master.base.secondary,";cursor:pointer;color:",B.default.wild.color.master.secondary.default,";text-transform:uppercase;",T.P.medium(s||(s=(0,k.A)(["\n    border-bottom: 1px solid ",";    \n    padding: 0 16px;\n    height: 65px;\n    max-width: 240px;    \n    margin-bottom: 0;\n    background: transparent;\n  "])),B.default.wild.color.master.base.alt.secondary)," ",T.P.large(d||(d=(0,k.A)(["\n    padding: 0 32px;\n  "])))," .textelement.men[class*='body--small']{line-height:1;",T.P.large(r||(r=(0,k.A)(["\n      font-size: 14px;\n    "]))),";}.divider{width:5px;height:5px;border-radius:5px;margin:0 16px;background:",B.default.wild.color.master.secondary.default,";}&.active,&:hover{background:",B.default.wild.color.master.secondary.default,";color:",B.default.wild.color.master.base.default,";.divider{background:",B.default.wild.color.master.base.default,";}}"),S=(0,P.default)(N.Flex,{target:"e14i7r1f6"})(T.P.medium(m||(m=(0,k.A)(["\n  align-items: center;\n  "])))," ",T.P.large(c||(c=(0,k.A)(["\n    height: 650px;\n  "])))," .slick-slider{width:100% ",T.P.medium(u||(u=(0,k.A)(["\n      padding-left: 8px;\n      width: 75%;\n      overflow-y: hidden;\n    "]))),";}"),I=(0,P.default)(N.Flex,{target:"e14i7r1f5"})({name:"azg26h",styles:"width:100%;padding:0 5px"}),q=(0,P.default)(N.Flex,{target:"e14i7r1f4"})({name:"gily63",styles:"margin:8px 0;position:relative;flex-direction:column;justify-content:space-between;@media (min-width: 768px){padding:16px 16px 32px;flex:1;margin:0;padding:0;justify-content:center;}"}),D=(0,P.default)(N.Box,{target:"e14i7r1f3"})("max-width:300px;margin:0 auto;",T.P.medium(p||(p=(0,k.A)(["\n    max-width: unset;\n    height: 480px;\n    margin: -38px auto 0;\n  "])))," ",T.P.large(x||(x=(0,k.A)(["\n    height: 580px;\n  "]))),">div{display:none;flex-direction:column;justify-content:center;height:100%;&.active{display:flex;}}img{object-fit:contain;max-height:100%;max-width:100%;&.follicle-img{margin-bottom:-10%;",T.P.medium(f||(f=(0,k.A)(["        \n        position: relative;\n        z-index: -1;\n        top: 80px;\n        margin-bottom: 0;\n        margin-top: 0;\n      "]))),";}&.body-img{",T.P.medium(g||(g=(0,k.A)(["\n        position: relative;\n        z-index: -1;\n        top: 65px;\n        margin: auto;\n      "])))," ",T.P.large(h||(h=(0,k.A)(["\n        width: 85%;\n        max-width: 410px;\n      "]))),";}}"),_=(0,P.default)("div",{target:"e14i7r1f2"})("display:flex;align-items:center;justify-content:center;border-radius:8px;margin-bottom:24px;",T.P.medium(b||(b=(0,k.A)(["\n    margin-bottom: 0; \n  "])))," span{margin:0 5px;color:",B.default.wild.color.master.base.alt.secondary,";}button{background:",B.default.wild.color.master.base.secondary,";border:1px solid ",B.default.wild.color.master.base.secondary,";color:#435652;text-transform:uppercase;letter-spacing:2px;font-size:12px;line-height:1.4;padding:4px;width:130px;border-radius:4px;",T.P.medium(w||(w=(0,k.A)(["\n      font-size: 14px;      \n    "])))," ",T.P.large(y||(y=(0,k.A)(["\n      font-size: 16px;      \n    "])))," &.active{background:",B.default.wild.color.master.base.default,";border-color:",B.default.wild.color.master.secondary.secondary,";color:",B.default.wild.color.master.secondary.secondary,";}}"),G=(0,P.default)(N.Box,{target:"e14i7r1f1"})({name:"18kds6b",styles:"@media (min-width: 768px){max-height:580px;display:flex;align-items:center;}"}),H=(0,P.default)("div",{target:"e14i7r1f0"})("max-width:400px;margin:0 auto;",T.P.medium(Y||(Y=(0,k.A)(["\n    position: relative;

1\n    align-self: center;\n    padding-left: 30px;\n    height: 400px;\n    border-left: 1px solid ",";\n    display: flex;\n    align-items: center;\n\n    &:after {\n      content: '';\n      position: absolute;\n      top: 50%;\n      left: 0;\n      width: 20px;\n      height: 1px;\n      background: ",";\n    }\n  "])),B.default.wild.color.master.base.alt.secondary,B.default.wild.color.master.base.alt.secondary)," ",T.P.large(v||(v=(0,k.A)(["\n    padding-left: 60px; \n    &:after {\n      width: 40px;\n    }\n  "]))),";");t.A=e=>{let t=e.data;const a=t.pt,n=t.pb,l=t.wrapperClasses,o=t.headerClasses,i=t.headerWidths,s=(0,j.useRef)(null),d=(0,j.useState)(),r=d[0],m=d[1],c=(0,j.useState)(0),u=c[0],p=c[1],x=(0,j.useState)(!1),f=x[0],g=x[1],h={infinite:!0,slidesToShow:1,arrows:!1,ref:e=>m(e),beforeChange:(e,t)=>{p(t)},responsive:[{breakpoint:B.default.mediaqueries.small,settings:{infinite:!0}}]},b=e=>{(0,z.segmentEvent)("Module Tab Clicked",{module_location:"mid_fold",text:e.title})};return(0,E.Y)(N.Box,{className:"wild-container",pt:a,pb:n,ref:s,"data-element":"Box","data-component":"RootCauses","data-source-file":"rootcauses.js"},(0,E.Y)(M,{pt:[0,null,64,80],className:l,"data-element":"RootCausesWrapper","data-component":"RootCauses","data-source-file":"rootcauses.js"},(0,E.Y)(N.Box,{className:"text-center","data-element":"Box","data-component":"RootCauses","data-source-file":"rootcauses.js"},(0,E.Y)(N.Box,{maxWidth:i,mx:"auto",mb:16,"data-element":"Box","data-component":"RootCauses","data-source-file":"rootcauses.js"},(0,E.Y)(F.TextElementMen,{text:t.header,element:"h2",className:o,"data-element":"TextElementMen","data-component":"RootCauses","data-source-file":"rootcauses.js"})),(0,E.Y)(N.Box,{maxWidth:[null,500,598,900,1060],mx:"auto",mb:[40,null,40],"data-element":"Box","data-source-file":"rootcauses.js"},(0,E.Y)(F.TextElementMen,{text:t.text,element:"p",className:"body--regular subtext text-master-secondary-default","data-element":"TextElementMen","data-source-file":"rootcauses.js"}))),(0,E.Y)(R,{"data-element":"CarouselWrap","data-source-file":"rootcauses.js"},(0,E.Y)(S,{"data-element":"CardWrap","data-source-file":"rootcauses.js"},(0,E.Y)(N.Flex,{width:[.32,.32,1/4],"data-element":"Flex","data-source-file":"rootcauses.js"},(0,E.Y)(N.Flex,{flexDirection:"column",alignItems:"center",mt:[0,0,0,20],width:"100%","data-element":"Flex","data-source-file":"rootcauses.js"},t.carousel.listNav.map((e,t)=>(0,E.Y)(W,{key:"rootcause-"+t,className:t===u?"active":"",onClick:a=>{r.slickGoTo(t),b(e)}},(0,E.Y)(F.TextElementMen,{element:"span",className:"body--small show-md-up",text:"0"+(t+1)}),(0,E.Y)("span",{className:"divider show-md-up"}),(0,E.Y)(F.TextElementMen,{element:"h3",className:"body--small",text:""+e.title}))))),(0,E.Y)(N.Box,{width:[.68,.68,3/4],pl:[8,16,0],"data-element":"Box","data-source-file":"rootcauses.js"},(0,E.Y)(C.A,(0,A.A)({},h,{"data-element":"Slider","data-source-file":"rootcauses.js"}),t.carousel.listCards.map((e,t)=>(0,E.Y)(N.Box,{key:"box-"+t},(0,E.Y)(I,{flexDirection:["column","column","row","row"]},(0,E.Y)(q,{className:f?"is-body":""},(0,E.Y)(N.Flex,{flexWrap:"wrap",height:["auto",null,"500px","600px"]},(0,E.Y)(N.Box,{width:[1,null,2/3]},(0,E.Y)(D,{p:[0]},(0,E.Y)("div",{className:f?"":"active"},(0,E.Y)("img",{src:e.follicle.image,alt:"at the follicle",className:"follicle-img"})),(0,E.Y)("div",{className:f?"active":""},(0,E.Y)("img",{src:e.body.image,alt:"in the body",className:"body-img"}))),(0,E.Y)(_,null,(0,E.Y)("button",{onClick:()=>{b({title:"At the Follicle"}),g(!1)},className:"body--regular "+(f?"":"active")},"At the ",(0,E.Y)("br",null),"Follicle"),(0,E.Y)("button",{onClick:()=>{b({title:"In the Body"}),g(!0)},className:"body--regular "+(f?"active":"")},"In the ",(0,E.Y)("br",null),"Body"))),(0,E.Y)(G,{width:[1,null,1/3]},(0,E.Y)(H,null,(0,E.Y)(F.TextElementMen,{className:"body--regular text-master-secondary-default",text:e.follicle.content}))))))))))))))}}}]);