1"use strict";(self.webpackChunknutrafol=self.webpackChunknutrafol||[]).push([[12964],{21418:function(e,t,a){a.d(t,{A:function(){return N}});var n=a(73310),o=a(59639),i=a(95972),l=a(96540),s=(a(75670),a(71500)),m=a(54713),d=a(89313),r=a(71807),c=a(63573),p=a(45388),u=a(73825),x=a(89211),f=a(87940),g=a(95704),h=a(17437);const y=[375,390],j={startDelay:1,moveIn:1,shadedFruit:1,shadedFruitHold:1,fruit:1,fruitHold:.5,seedCircle:1,seed:1,seedHold:2,cell:2,exosome:2,end:0},Y={startDelay:.14,moveIn:.14,shadedFruit:.14,fruit:.5,seed:2.5,seedCircle:2.5,cell:30,exosome:1e3,end:1e3},w=Object.fromEntries(Object.entries(j).map((e,t)=>[e[0],t])),b=Object.keys(j).reduce((e,t)=>e+j[t],0),v=Object.keys(j).length,z=new Array(v-1).fill("0.5 0 0.5 1").join("; "),k=(0,d.Cm)(v,{},j),M="indefinite",T=(e,t,a)=>(0,h.Y)("animateTransform",{attributeName:"transform",dur:b+"s",calcMode:"spline",repeatCount:M,fill:"freeze",attributeType:"XML",type:"scale",values:(0,d.BI)(v,e*Y.startDelay,{[w[t]]:e*Y[t],[w[a]]:e*Y[a]},!0),keyTimes:k,keySplines:z,"data-element":"animateTransform","data-component":"getScalAnimation","data-source-file":"animation-exosomezoom-standalone.js"});var A=e=>{let t=e.data.steps;const a=(0,l.useRef)(null),n=(0,l.useRef)(null),o=(0,d.pW)(n,y)[0],j=(0,l.useRef)(null),Y=(0,l.useRef)(null),A=(0,l.useRef)(null),B=(0,l.useRef)(0),E=(0,l.useRef)(!0);return(0,l.useEffect)(()=>{const e=Y.current;let a=0;const n=()=>{var e;if(E.current&&null!==(e=j.current)&&void 0!==e&&e.x&&(a=Math.round(j.current.x.animVal.value),B.current!==a)){var n;const e=null===(n=A.current)||void 0===n?void 0:n.querySelector(":scope > span");e&&(e.textContent=a<4?t[a]:""),B.current=a}},o=()=>{s.Ay.ticker.remove(n),s.Ay.ticker.add(n)},i=()=>{s.Ay.ticker.remove(n)};return null!=e&&(e.addEventListener("beginEvent",o),e.addEventListener("repeatEvent",o),e.addEventListener("endEvent",i)),()=>{E.current=!1,i(),null!=e&&(e.removeEventListener("beginEvent",o),e.removeEventListener("repeatEvent",o),e.removeEventListener("endEvent",i))}},[Y,t]),(0,h.Y)(m.jK,{ref:a,className:"AnimWrapperStandalone","data-element":"AnimWrapper","data-component":"AnimationExosomeStandalone","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)(m.y_,{viewBox:"0 0 "+y[0]+" "+y[1],fill:"none",ref:n,"data-element":"AnimSvgSimple","data-component":"AnimationExosomeStandalone","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("defs",{"data-element":"defs","data-component":"AnimationExosomeStandalone","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("radialGradient",{id:"__anim_zoom_mask_grad","data-element":"radialGradient","data-component":"AnimationExosomeStandalone","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("stop",{offset:"78%",stopColor:"black","data-element":"stop","data-component":"AnimationExosomeStandalone","data-source-file":"animation-exosomezoom-standalone.js"}),(0,h.Y)("stop",{offset:"94%",stopColor:"black","data-element":"stop","data-source-file":"animation-exosomezoom-standalone.js"})),(0,h.Y)("mask",{id:"__anim_zoom_mask",maskContentUnits:"objectBoundingBox","data-element":"mask","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("rect",{x:"0",y:"0",width:"1",height:"1",fill:"url(#__anim_zoom_mask_grad)","data-element":"rect","data-source-file":"animation-exosomezoom-standalone.js"})),(0,h.Y)("clipPath",{id:"__anim_zoom_clip","data-element":"clipPath","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("rect",{x:-.5*y[0]+2,y:-.5*y[1]+2,width:y[0]-4,height:y[1]-4,"data-element":"rect","data-source-file":"animation-exosomezoom-standalone.js"}))),(0,h.Y)("g",{transform:"translate(187.5 195)",clipPath:"url(#__anim_zoom_clip)","data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("rect",{x:-y[0],y:-y[0],width:2*y[0],height:2*y[0],fill:g.default.wild.color.men.secondary.default,"data-element":"rect","data-source-file":"animation-exosomezoom-standalone.js"}),(0,h.Y)("g",{transform:"scale(1.0)","data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("animateTransform",{attributeName:"transform",dur:b+"s",calcMode:"spline",repeatCount:M,fill:"freeze",attributeType:"XML",type:"translate",values:(0,d.BI)(v,"0 40",{[w.moveIn]:"0 0"},!0),keyTimes:k,keySplines:z,"data-element":"animateTransform","data-source-file":"animation-exosomezoom-standalone.js"}),(0,h.Y)("g",{transform:"translate(-187 -266)","data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("g",{transform:"translate(187 266)","data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("g",{id:"plant",transform:"scale(8.5)","data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("animate",{attributeName:"opacity",dur:b+"s",calcMode:"spline",repeatCount:M,fill:"freeze",values:(0,d.BI)(v,"0.0",{[w.moveIn]:"1",[w.shadedFruit]:"0.2",[w.fruit]:"0"},!0),keyTimes:k,keySplines:z,"data-element":"animate","data-source-file":"animation-exosomezoom-standalone.js"}),T(8.5,"moveIn","fruit"),(0,h.Y)("g",{transform:"translate(-187 -266)","data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("g",{transform:"translate(0 -2)","data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("image",{href:r.A,x:"29",y:"170",width:"316",height:"170",opacity:"0.8","data-element":"image","data-source-file":"animation-exosomezoom-standalone.js"})))),(0,h.Y)("g",{id:"fruit-shaded",transform:"scale(11)","data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("animate",{attributeName:"opacity",dur:b+"s",calcMode:"spline",repeatCount:M,fill:"freeze",values:(0,d.BI)(v,"0.0",{[w.shadedFruit]:"1.0",[w.fruit]:"0.0"},!0),keyTimes:k,keySplines:z,"data-element":"animate","data-source-file":"animation-exosomezoom-standalone.js"}),T(11,"moveIn","fruit"),(0,h.Y)("g",{transform:"translate(-187 -266)","data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("g",{transform:"translate(-1 -12.9)","data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("image",{x:"167",y:"260",width:"42",height:"37.5",href:c.A,opacity:"0.75","data-element":"image","data-source-file":"animation-exosomezoom-standalone.js"})))),(0,h.Y)("g",{id:"fruit",stroke:"#fff",transform:"scale(3.9)","data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("animate",{attributeName:"opacity",dur:b+"s",repeatCount:M,fill:"freeze",values:(0,d.BI)(v,"0.0",{[w.fruit]:"1.0",[w.seed]:"0.0"},!0),keyTimes:k,"data-element":"animate","data-source-file":"animation-exosomezoom-standalone.js"}),T(3.9,"fruit","seed"),(0,h.Y)("g",{transform:"translate(-187 -266)","data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("g",{transform:"translate(-1.7 79.2)",fill:"#07253A","data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("image",{href:x.A,x:"60.5",y:"129",width:"255",height:"113",opacity:"0.5","data-element":"image","data-source-file":"animation-exosomezoom-standalone.js"})))),(0,h.Y)("g",{id:"seed",transform:"scale(0.4)","data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("animate",{attributeName:"opacity",dur:b+"s",repeatCount:M,fill:"freeze",values:(0,d.BI)(v,"0.0",{[w.seed]:"1.0",[w.cell]:"0.0"},!0),keyTimes:k,"data-element":"animate","data-source-file":"animation-exosomezoom-standalone.js"}),T(.4,"seed","cell"),(0,h.Y)("g",{transform:"translate(-187 -266)","data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("image",{href:f.A,width:213,height:223,x:82,y:144,opacity:"0.5","data-element":"image","data-source-file":"animation-exosomezoom-standalone.js"}),(0,h.Y)("circle",{cx:"187",cy:"266",r:"11.3",opacity:"0.6",stroke:"white",strokeDasharray:10*Math.PI*11.3,strokeDashoffset:175,transform:"rotate(-90 187 266)","data-element":"circle","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("animate",{attributeName:"stroke-dashoffset",dur:b+"s",calcMode:"spline",repeatCount:M,fill:"freeze",values:(0,d.BI)(v,10*Math.PI*11.3*3,{[w.seedHold]:10*Math.PI*11.3*2},!0),keyTimes:k,keySplines:z,"data-element":"animate","data-source-file":"animation-exosomezoom-standalone.js"})))),(0,h.Y)("g",{id:"cell",transform:"scale(0.06)","data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("animate",{attributeName:"opacity",dur:b+"s",repeatCount:M,fill:"freeze",values:(0,d.BI)(v,"0.0",{[w.cell]:"1.0",[w.exosome]:"0.0"},!0),keyTimes:k,"data-element":"animate","data-source-file":"animation-exosomezoom-standalone.js"}),T(.06,"cell","exosome"),(0,h.Y)("g",{transform:"translate(-187 -266)","data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("g",{"data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("image",{x:"111.5",y:"190.5",width:"151",height:"151",href:p.A,"data-element":"image","data-source-file":"animation-exosomezoom-standalone.js"}),(0,h.Y)("g",{stroke:"#fff","data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("circle",{cx:"187",cy:"266",r:"1.5",opacity:"0.2","data-element":"circle","data-source-file":"animation-exosomezoom-standalone.js"}))))),(0,h.Y)("g",{transform:"translate("+.5*y[0]+" "+.5*y[0]+")","data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("g",{transform:"translate(-187 -266)","data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"}
1,(0,h.Y)("image",{href:u.A,width:.24,height:.24,x:186.88,y:265.88,"data-element":"image","data-source-file":"animation-exosomezoom-standalone.js"})),(0,h.Y)("animate",{attributeName:"opacity",dur:b+"s",repeatCount:M,fill:"freeze",values:(0,d.BI)(v,"0.0",{[w.exosome]:"1.0"},!0),keyTimes:k,"data-element":"animate","data-source-file":"animation-exosomezoom-standalone.js"}),T(1,"exosome","end")))))),(0,h.Y)("rect",{x:"0",y:"0",w:"1",h:"1",ref:j,"data-element":"rect","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("animate",{attributeName:"x",dur:b+"s",calcMode:"spline",repeatCount:M,fill:"freeze",values:(0,d.BI)(v,"0.0",{[w.fruit]:"1",[w.seed]:"2",[w.cell]:"3",[w.exosome]:"4"},!0),keyTimes:k,keySplines:z,ref:Y,"data-element":"animate","data-source-file":"animation-exosomezoom-standalone.js"})),(0,h.Y)("g",{transform:"translate("+.5*y[0]+" "+y[1]+")","data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("g",{transform:"translate("+-.5*y[0]*o+" 0) scale("+o+")","data-element":"g","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("foreignObject",{x:0,y:"-40",width:y[0],height:"40","data-element":"foreignObject","data-source-file":"animation-exosomezoom-standalone.js"},(0,h.Y)("div",{className:"flex flex-col justify-center w-full h-full",ref:A},(0,h.Y)(i.TextElementMen,{text:t[B.current],element:"span",className:"mono--small uppercase text-center px-2 py-1 pb-0 text-men-secondary-alt","data-element":"TextElementMen","data-source-file":"animation-exosomezoom-standalone.js"})))))))};const B=(0,n.default)(o.Box,{target:"e166hhon2"})(""),E=(0,n.default)(o.Flex,{target:"e166hhon1"})({name:"118tvda",styles:"background:#0f3956;border-radius:4px;align-items:center;flex-wrap:wrap;.AnimWrapper{opacity:1;visibility:visible;}.text{width:90%;text-align:center;margin:auto;@media (min-width: 1024px){text-align:left;max-width:472px;}}"}),_=(0,n.default)("div",{target:"e166hhon0"})({name:"1unyr7",styles:"height:1px;width:90%;max-width:294px;margin:auto;background-image:linear-gradient(\n to left,\n #cccccc 0%,\n #cccccc 60%,\n rgba(255, 255, 255, 0) 100%\n );@media (min-width: 1024px){height:300px;width:auto;background-image:linear-gradient(\n to bottom,\n #cccccc 0%,\n #cccccc 60%,\n rgba(255, 255, 255, 0) 100%\n );transform:translate(0, 30px);}"});var N=e=>{let t=e.data;const a=t.item,n=t.header;return(0,h.Y)(B,{className:"wild-container",pb:[0,0,0,64],pt:[0,0,64,64],"data-element":"FullWrapper","data-component":"TechnologyStandalone","data-source-file":"technology-standalone.js"},(0,h.Y)(E,{py:[32,32,48,64],"data-element":"Wrapper","data-component":"TechnologyStandalone","data-source-file":"technology-standalone.js"},(0,h.Y)(o.Box,{width:[.95],mx:["auto"],maxWidth:[1160],"data-element":"Box","data-component":"TechnologyStandalone","data-source-file":"technology-standalone.js"},(0,h.Y)(i.TextElementMen,{element:"h2",text:n,className:"title--large text-master-base-default text-center hide-lg-up","data-element":"TextElementMen","data-component":"TechnologyStandalone","data-source-file":"technology-standalone.js"}),(0,h.Y)(i.TextElementMen,{element:"h2",text:n,className:"title--xlarge text-master-base-default text-center show-lg-up","data-element":"TextElementMen","data-source-file":"technology-standalone.js"})),(0,h.Y)(o.Box,{width:[1,1,1,.498],"data-element":"Box","data-source-file":"technology-standalone.js"},(0,h.Y)(A,{data:a.animationData,"data-element":"AnimationExosomeStandalone","data-source-file":"technology-standalone.js"})),(0,h.Y)(o.Box,{width:[1,1,1,"1px"],pt:[8,16,24,0],pb:[24,24,24,0],"data-element":"Box","data-source-file":"technology-standalone.js"},(0,h.Y)(_,{"data-element":"Line","data-source-file":"technology-standalone.js"})),(0,h.Y)(o.Box,{width:[1,1,1,.498],mx:["auto"],p:[16,16,0],"data-element":"Box","data-source-file":"technology-standalone.js"},(0,h.Y)(i.TextElementMen,{element:"p",text:a.text,className:"body--large text text-master-base-default hide-lg-up","data-element":"TextElementMen","data-source-file":"technology-standalone.js"}),(0,h.Y)(i.TextElementMen,{element:"p",text:a.text,className:"body--xlarge text text-master-base-default show-lg-up","data-element":"TextElementMen","data-source-file":"technology-standalone.js"}))))}},78787:function(e,t,a){a.d(t,{A:function(){return q}});var n=a(73310),o=a(96540),i=a(59639),l=a(11808),s=a(62987),m=a(95972),d=a(95704),r=a(32287),c=a(38008),p=a(53159),u=a(74838),x=a(35963),f=a.n(x),g=a(56493),h=a.n(g),y=a(5302),j=a(17437);const Y=(0,n.default)(i.Flex,{target:"efyyti23"})({name:"nildym",styles:"width:100%;margin-bottom:8px;padding:16px 16px;border-radius:4px;border:1px solid #0f3956;@media (min-width: 768px){}@media (min-width: 1280px){}"}),w=(0,n.default)(i.Flex,{target:"efyyti22"})({name:"wpr9p1",styles:"align-items:center;gap:8px;line-height:21px!important;.tag-box{transform:translate(0, -2px);height:18px;padding:3px 7px!important;>span{color:#07253a!important;}}"}),b=(0,n.default)(i.Flex,{target:"efyyti21"})({name:"1orjw3y",styles:"background:#fff;border-radius:4px;border:1px solid #c8d2d1;height:100%;min-height:48px;width:96px;align-items:center;gap:8px;padding:8px;text-align:center;@media (min-width: 1024px){min-height:56px;}"}),v=(0,n.default)(i.Box,{target:"efyyti20"})({name:"1y081wy",styles:"flex:1;button{width:100%;}"}),z="Add to Cart";var k=e=>{var t;let a=e.data,n=e.purchase_source,d=e.max,r=void 0===d?6:d;const c=a[0],x=c.sku,g=c.price,k=c.ui_data,M=k.title,T=k.oldPrice,A=(0,o.useState)(1),B=A[0],E=A[1],_=(0,o.useState)(!1),N=_[0],C=_[1],S=e=>{var t,a;(0,l.segmentEvent)("Product Quantity Selected",{core_category:c.product_core_category||null,code:null==c||null===(t=c.ui_data)||void 0===t?void 0:t.code,name:(null==c||null===(a=c.ui_data)||void 0===a?void 0:a.segmentName)||c.option_title||c.title,price:g,product_gender:c.product_gender_new,product_category:c.product_category,purchase_type:c.purchase_type,quantity:e,sku:c.sku,variant:c.purchase_type}),E(e)};return(0,j.Y)(i.Box,{mt:[24,24,48],"data-element":"Box","data-component":"MenSingleOptionPromo","data-source-file":"mensingleoption-
1promo.js"},(0,j.Y)(Y,{className:"bg-men-brand-blue-20","data-element":"Option","data-component":"MenSingleOptionPromo","data-source-file":"mensingleoption-promo.js"},(0,j.Y)(i.Flex,{width:1,"data-element":"Flex","data-component":"MenSingleOptionPromo","data-source-file":"mensingleoption-promo.js"},(0,j.Y)(i.Box,{flex:"1",pr:16,"data-element":"Box","data-component":"MenSingleOptionPromo","data-source-file":"mensingleoption-promo.js"},(0,j.Y)(w,{"data-element":"OptionFlex","data-component":"MenSingleOptionPromo","data-source-file":"mensingleoption-promo.js"},(0,j.Y)(i.Box,{"data-element":"Box","data-component":"MenSingleOptionPromo","data-source-file":"mensingleoption-promo.js"},(0,j.Y)(m.TextElementMen,{text:M,className:"title--small text-master-secondary-default","data-element":"TextElementMen","data-component":"MenSingleOptionPromo","data-source-file":"mensingleoption-promo.js"})),(0,j.Y)(i.Box,{"data-element":"Box","data-source-file":"mensingleoption-promo.js"},(0,j.Y)(u.A,{data:{line:null==c||null===(t=c.ui_data)||void 0===t?void 0:t.savings,classes:"bg-nova-base-white",fontclasses:"text-men-brand-blue-100"},"data-element":"Tag","data-source-file":"mensingleoption-promo.js"}))),(0,j.Y)(i.Box,{mt:[8],"data-element":"Box","data-source-file":"mensingleoption-promo.js"},(0,j.Y)(m.TextElementMen,{text:"A single 1 oz bottle, delivered once.",className:"body--small text-men-base-grey-disabled","data-element":"TextElementMen","data-source-file":"mensingleoption-promo.js"}))),(0,j.Y)(i.Box,{"data-element":"Box","data-source-file":"mensingleoption-promo.js"},(0,j.Y)(i.Box,{"data-element":"Box","data-source-file":"mensingleoption-promo.js"},(0,j.Y)(m.TextElementMen,{text:"$"+g,className:"title--small text-master-secondary-default","data-element":"TextElementMen","data-source-file":"mensingleoption-promo.js"})),(0,j.Y)(i.Box,{mt:[8],className:"text-right","data-element":"Box","data-source-file":"mensingleoption-promo.js"},(0,j.Y)(m.TextElementMen,{text:"$"+T,className:"body--small text-master-base-alt-disabled line-through","data-element":"TextElementMen","data-source-file":"mensingleoption-promo.js"}))))),(0,j.Y)(i.Flex,{width:1,"data-element":"Flex","data-source-file":"mensingleoption-promo.js"},(0,j.Y)(b,{mr:[16],"data-element":"Counter","data-source-file":"mensingleoption-promo.js"},(0,j.Y)(i.Flex,{width:1/3,"data-element":"Flex","data-source-file":"mensingleoption-promo.js"},(0,j.Y)("button",{className:"minus "+(1===B?"disabled":""),onClick:()=>{B>1&&S(B-1)}},(0,j.Y)(f(),{"data-element":"Minus","data-source-file":"mensingleoption-promo.js"}))),(0,j.Y)(i.Box,{width:1/3,"data-element":"Box","data-source-file":"mensingleoption-promo.js"},(0,j.Y)(m.TextElementMen,{element:"p",text:B,className:"body--regular quantity","data-element":"TextElementMen","data-source-file":"mensingleoption-promo.js"})),(0,j.Y)(i.Flex,{width:1/3,"data-element":"Flex","data-source-file":"mensingleoption-promo.js"},(0,j.Y)("button",{className:"plus "+(B===r?"disabled":""),onClick:()=>{B<r&&S(B+1)}},(0,j.Y)(h(),{"data-element":"Plus","data-source-file":"mensingleoption-promo.js"})))),(0,j.Y)(v,{"data-element":"ATCButtonWrap","data-source-file":"mensingleoption-promo.js"},(0,j.Y)(p.n,{label:z,primary:!0,onClick:()=>{var e,t,a,o;if(N)return;C(!0),s.F.onProductAdded({options:[c],code:null==c||null===(e=c.ui_data)||void 0===e?void 0:e.code,name:(null==c||null===(t=c.ui_data)||void 0===t?void 0:t.segmentName)||c.name,quiz_reco:!1,purchase_source:n,text:z,type:"button"});const i=(0,y.mQ)(c).dpaSfx,l=null!=c&&null!==(a=c.ui_data)&&void 0!==a&&a.code?"&code="+(null==c||null===(o=c.ui_data)||void 0===o?void 0:o.code):"",m="https://nutrafol.com/dpa/add/tocart?skus="+x+"|"+B+"&purchase_source="+n+l+i;window.location.href=m},disabled:N,"data-element":"ButtonWildMen","data-source-file":"mensingleoption-promo.js"}))))},M=a(31221),T=a(38097),A=a(70553),B=a(39952),E=a(27628),_=a(7278),N=a(54898);const C=(0,n.default)("div",{target:"e7djs087"})({name:"1pji3p4",styles:".supplinkwrap{#Modal{margin:0 auto;max-height:100%;height:auto;top:50%;left:50%;transform:translate(-50%, -50%);max-width:515px;>div{padding:12px 12px;background:#fff;border-radius:16px;}}}.supplinkmob{text-align:center;}.left{text-align:left;padding:0 5%;}"}),S=(0,n.default)(i.Flex,{target:"e7djs086"})({name:"18h0db5",styles:"flex-direction:row;width:100%;padding:40px 0 0 0;margin-left:auto;margin-right:auto;@media (min-width: 768px){padding:80px 24px 0;}@media (min-width: 1024px){padding:10px 40px 0;}@media (min-width: 1280px){padding:10px 56px 0;}@media (min-width: 1600px){max-width:1488px;padding:10px 0 0;}.product-image{margin:0 auto;}.product-hero-image{@media (min-width: 768px){padding-left:4px;padding-right:4px;}}"}),I=(0,n.default)(i.Box,{target:"e7djs085"})(".faq-area{border-top:0 solid ",d.default.wild.color.master.base.alt.secondary,";}padding-left:16px;padding-right:16px;.supplink{border-bottom:1px solid ",d.default.wild.color.men.primary.default,";margin:0;@media (min-width: 768px){margin:16px 0 0 0;}}
1.container-dosage{span{display:inline-block!important;}}@media (min-width: 768px){padding-right:0;padding-left:25px;.sticky{max-width:490px;margin:0 auto;top:120px;z-index:0;}}@media (min-width: 1170px){padding-left:6px;}h2{@media (min-width: 768px){text-align:left;}}.link-with-arrow{text-transform:none;}"),F=(0,n.default)(i.Box,{target:"e7djs084"})({name:"1wmclb0",styles:"margin:10px 0 35px;position:relative;@media (min-width: 768px){margin:0 auto;.sticky{top:250px;z-index:0;}}@media (min-width: 1024px){max-width:740px;}"}),O=(0,n.default)(i.Flex,{target:"e7djs083"})({name:"2swhtx",styles:"width:auto;margin:auto;justify-content:center;svg,h2{display:inline-block;}svg{width:48px;height:48px;}align-items:center;@media (min-width: 400px){width:320px;margin:auto;}@media (min-width: 768px){margin:0;width:auto;justify-content:left;}.NavIconWrap{min-width:48px;}.title{@media (min-width: 768px) and (max-width: 900px){font-size:36px!important;}}"}),P=(0,n.default)("div",{target:"e7djs082"})({name:"1aio9b8",styles:"padding:24px 0"}),L=(0,n.default)(i.Flex,{target:"e7djs081"})({name:"ynehx8",styles:"flex-direction:row;justify-content:center;align-content:space-between;padding:40px 0;border-top:1px solid #c8d2d1;@media (min-width: 1024px){}"}),W=(0,n.default)(i.Flex,{target:"e7djs080"})({name:"o3a1tz",styles:"flex-direction:column;text-align:center;align-items:center;@media (min-width: 768px){flex-direction:row;}>div{padding:0;@media (min-width: 500px){padding:0;}@media (min-width: 768px){text-align:center;padding:0 2vw;}}img{margin:auto;@media (min-width: 768px){}@media (min-width: 1280px){}}.el-text{padding:10px 0 0 0;@media (max-width: 767px){font-size:14px!important;}}@media (min-width: 768px){.el-text{padding:0;br{display:block;}}>div{text-align:left;padding:0;align-self:center;}}"}),R=e=>{let t=e.image;return(0,j.Y)(P,{className:"ModalContentImage","data-element":"ModalContentImage","data-component":"ModalContent","data-source-file":"menatcsingleoption.js"}
1,(0,j.Y)(r.A,{filename:t,classes:"supplement-label","data-element":"Image","data-component":"ModalContent","data-source-file":"menatcsingleoption.js"}))};var q=e=>{var t,a,n,d,p,u;let x=e.data,f=e.promoCf,g=void 0===f?null:f,h=e.upcomingRenewal,y=e.renewalOneTimeCopy,Y=e.renewalOneTimeLabel;const w=x.title,b=x.subtitle,v=x.mainimg,z=x.supplement_label,P=x.supplement_label2,q=void 0!==P&&P,D=x.questions,H=x.imageArea,U=x.options,V=x.icons,K=x.coreUpsell,G=x.purchase_source,Q=null==g||null===(t=g.savingsData)||void 0===t||null===(a=t.web)||void 0===a||null===(n=a.pdp)||void 0===n?void 0:n.men,X="View Ingredients List",$=D&&null!==(d=D[D.length-1])&&void 0!==d&&null!==(p=d.answer[1])&&void 0!==p&&p.label?null===(u=D[D.length-1].answer[1])||void 0===u?void 0:u.label:X,J=(0,o.useState)(!1),Z=J[0],ee=J[1],te=(0,o.useState)(!1),ae=te[0],ne=te[1],oe=(0,o.useContext)(_.A);(0,o.useEffect)(()=>(oe.setAtcData(x),oe.setActiveOption(0),s.F.onProductViewed({purchase_source:G,option:U[0]}),()=>{oe.setAtcData(null)}),[]);const ie=()=>{ee(!0),(0,l.segmentEvent)("Modal Viewed",{name:X})},le=[.34,.36,.3],se=V&&V.map?V.map((e,t)=>(0,j.Y)(W,{key:"i"+t,className:"i"+t,width:[1,1,le[t]],pb:[0,0,0],pr:[0,0,0]},(0,j.Y)(i.Box,{width:[37,37,37,48]},(0,j.Y)("img",{src:e.icon,alt:"",role:"presentation"})),(0,j.Y)(i.Box,{width:[.8,.8,65]},(0,j.Y)(m.TextElementMen,{element:"p",text:e.text,className:"body--small el-text text-master-secondary-default text-center"})))):null;return(0,j.Y)(C,{"data-element":"ATCFullWrap","data-component":"MenATCSingleOption","data-source-file":"menatcsingleoption.js"}
1,(0,j.Y)(S,{className:"row cf","data-element":"ATCWrap","data-component":"MenATCSingleOption","data-source-file":"menatcsingleoption.js"},(0,j.Y)(F,{width:[1,null,.5],order:[1,1,0],"data-element":"ImageWrap","data-component":"MenATCSingleOption","data-source-file":"menatcsingleoption.js"},(0,j.Y)(i.Box,{mb:[-48],className:"show-md-up product-hero-image","data-element":"Box","data-component":"MenATCSingleOption","data-source-file":"menatcsingleoption.js"},(0,j.Y)(r.A,{filename:v,classes:"product-image main-pdp-image",alt:w,"data-element":"Image","data-component":"MenATCSingleOption","data-source-file":"menatcsingleoption.js"})),(0,j.Y)(A.A,{data:H,"data-element":"ImageArea","data-source-file":"menatcsingleoption.js"})),(0,j.Y)(I,{width:[1,null,.5],order:[0,0,1],pt:[0,0,0,128],"data-element":"TitleAndInfo","data-source-file":"menatcsingleoption.js"},(0,j.Y)("div",{className:"sticky"},Q?(0,j.Y)(i.Box,{mb:[8]},(0,j.Y)(M.A,{data:Q,theme:"men"})):null,(0,j.Y)(O,{className:"pb-2 sm:pb-4","data-element":"Title","data-source-file":"menatcsingleoption.js"}
1,(0,j.Y)(i.Box,{width:["auto"],"data-element":"Box","data-source-file":"menatcsingleoption.js"},(0,j.Y)(m.TextElementMen,{element:"h1",text:w,className:"title--large-i title text-men-secondary-secondary gotham text-center md:text-left","data-element":"TextElementMen","data-source-file":"menatcsingleoption.js"}))),(0,j.Y)("div",{className:"hide-md-up"},(0,j.Y)(m.TextElementMen,{element:"p",text:b,className:"body--regular text-center text-men-secondary-secondary mt-0 mb-6","data-element":"TextElementMen","data-source-file":"menatcsingleoption.js"}),(0,j.Y)(r.A,{filename:v,classes:"product-image main-pdp-image",alt:w,"data-element":"Image","data-source-file":"menatcsingleoption.js"})),(0,j.Y)("div",{className:"show-md-up"},(0,j.Y)(m.TextElementMen,{element:"p",text:b,className:"body--regular text-men-secondary-secondary ","data-element":"TextElementMen","data-source-file":"menatcsingleoption.js"}),!1===q&&(0,j.Y)(m.TextElementMen,{element:"button",onClick:ie,onKeyPress:ie,text:X,className:"mono--small uppercase supplink text-men-primary-default"})),Q?(0,j.Y)(k,{data:U,purchase_source:G}):(0,j.Y)(o.Fragment,null,(0,N.l9)(h)?(0,j.Y)(N.Mk,{theme:"men",welcomeCopyColor:"dark",className:"mt-6 sm:mt-12"}):null!=h&&h.isLoggedIn&&null!=h&&h.hasUpcomingRenewal?(0,j.Y)(N.Uv,{upcomingRenewal:h,product:U[0],renewalOneTimeCopy:y,renewalOneTimeLabel:Y,theme:"men",className:"mt-6 sm:mt-12",renewalTitleOverride:"Hair Serum",welcomeCopyColor:"dark"}):(0,j.Y)(c.A,{data:U,purchase_source:G})),(0,j.Y)("div",{className:"hide-md-up supplinkmob my-10"},!1===q&&(0,j.Y)(m.TextElementMen,{element:"button",onClick:ie,onKeyPress:ie,text:X,className:"mono--small uppercase supplink text-men-primary-default"})),(0,j.Y)(i.Box,{pt:[0,0,40],pb:[40,40,40],"data-element":"Box","data-source-file":"menatcsingleoption.js"}
1,(0,j.Y)(B.A,{data:K,"data-element":"HairSerumCoreUpsell","data-source-file":"menatcsingleoption.js"})),(0,j.Y)(L,{"data-element":"IconsWrap","data-source-file":"menatcsingleoption.js"},se),(0,j.Y)(T.A,{className:"faq-area",questions:D,showModal:ie,showModal2:()=>{ne(!0),(0,l.segmentEvent)("Modal Viewed",{name:$})},"data-element":"FaqArea","data-source-file":"menatcsingleoption.js"})))),(0,j.Y)("div",{className:"supplinkwrap"},Z&&(0,j.Y)(E.A,{component:R,propsObject:{image:z},hideModal:()=>ee(!1),modalSize:"small"}),ae&&(0,j.Y)(E.A,{component:R,propsObject:{image:q},hideModal:()=>ne(!1),modalSize:"small "+$.toLowerCase()})))}}}]);
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.