https://nutrafol.com/gatsby-assets/95e6cf41-c862fa858467676ee338.js

1"use strict";(self.webpackChunknutrafol=self.webpackChunknutrafol||[]).push([[1646],{69107:function(e,a,t){var o=t(73310),l=(t(96540),t(59639)),n=t(27622),i=t(11808),r=t(20880),d=t(20813),p=t(95704),s=t(41044),c=t(89806),m=t.n(c),x=t(75325),u=t.n(x),b=t(66599),f=t(17437);const h="Subscriptions start at $79/month.",g="171px",w=(0,o.default)(l.Box,{target:"e2gmxxf10"})({name:"185t37p",styles:"margin:0 auto;@media (min-width: 1024px){max-width:1488px;}#CloseWrapper{display:none;}"}),y=(0,o.default)(l.Flex,{target:"e2gmxxf9"})("background:#fff;vertical-align:center;align-items:center;justify-content:center;&:not(:last-of-type){border-right:1px solid ",p.default.wild.color.nova.transparency.black[20],";}.minus{path{stroke:",p.default.wild.color.nova.base.black,";}}.checkmark{background-color:",p.default.wild.color.nova.base.solid[20],";border-radius:2px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;svg{path{stroke:",p.default.wild.color.nova.base.black,";}}}"),v=(0,o.default)("div",{target:"e2gmxxf8"})({name:"nsl5d6",styles:"position:absolute;top:0;left:0;right:0;z-index:1;display:flex;align-items:center;justify-content:center;height:20px;background:#ffc942;span{text-transform:uppercase;line-height:1!important;transform:translateY(1px);}@media (min-width: 768px){height:24px;padding:8px;}@media (min-width: 1280px){left:auto;right:14px;top:8px;width:auto;border-radius:2px;}"}),k=(0,o.default)("button",{target:"e2gmxxf7"})("position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;",e=>{let a=e.itemsLength;return a&&"width: calc(100% / "+a+");"}," padding:28px 0 24px;background:",p.default.wild.color.nova.base.white,";overflow:hidden;@media (min-width: 768px){",e=>{let a=e.itemsLength;return a&&"width: calc(100% / "+(a+1)+");"}," border-top:1px solid ",p.default.wild.color.nova.transparency.black[20],";padding:40px 16px 8px;}@media (min-width: 1024px){",e=>{let a=e.itemsLength;return a&&"width: calc((100% - 171px) / "+a+");"}," padding:40px 24px 24px;height:222px;}@media (min-width: 1540px){padding:8px 24px 24px;}&:nth-of-type(1){border-left:1px solid ",p.default.wild.color.nova.transparency.black[20],";border-top-left-radius:",e=>e.$flattenTop?"0":"4px",";}&:last-of-type{border-right:1px solid ",p.default.wild.color.nova.transparency.black[20],";border-top-right-radius:",e=>e.$flattenTop?"0":"4px",";}&:not(:last-of-type){border-right:1px solid ",p.default.wild.color.nova.transparency.black[20],";}img{width:100%;max-width:76px;margin-bottom:8px;@media (min-width: 768px){max-width:85px;margin-bottom:16px;}@media (min-width: 1024px){max-width:183px;aspect-ratio:183/140;object-fit:contain;}}.ct-heading{.ct-hide{@media (max-width: 767px){display:none;}}.ct-hide{display:inline;}.font-grilliBook{font-family:inherit;}}p{text-underline-offset:4px;}"),N=(0,o.default)(l.Flex,{target:"e2gmxxf6"})("flex-direction:row;flex-wrap:wrap;border-radius:6px;svg{margin:auto;}.products-row-spacer{@media (min-width: 1024px){width:",g,"!important;flex:0 0 ",g,";}}.rgg-banner-row{@media (min-width: 1024px){flex-wrap:nowrap;}.rgg-banner-cell{@media (min-width: 1024px){width:calc(100% - ",g,")!important;flex:1 1 calc(100% - ",g,");min-width:0;}}}.products-row{border-top:1px solid ",p.default.wild.color.nova.transparency.black[20],";border-bottom:none;border-radius:",e=>e.$flattenTop?"0":"4px 4px 0 0",";@media (min-width: 768px){border-top:none;border-bottom:1px solid ",p.default.wild.color.nova.transparency.black[20],";}}.details-row-group{border:1px solid ",p.default.wild.color.nova.transparency.black[20],";background-color:",p.default.wild.color.nova.base.white,";border-top:none;border-radius:0 0 4px 4px;overflow:hidden;@media (min-width: 768px){border-radius:0;}>div{&:nth-of-type(1){border-bottom:1px solid ",p.default.wild.color.nova.transparency.black[20],";",y,"{height:125px;@media (min-width: 768px){height:64px;}@media (min-width: 1024px){height:108px;}}}&:nth-of-type(2){border-bottom:1px solid ",p.default.wild.color.nova.transparency.black[20],";",y,"{height:92px;@media (min-width: 768px){height:64px;}@media (min-width: 1024px){height:108px;}}}&:nth-of-type(3){",y,"{height:83px;@media (min-width: 768px){height:64px;}@media (min-width: 1024px){height:108px;}}}}}.grid-footer{margin-top:16px;@media (min-width: 768px){align-items:stretch;border-left:1px solid ",p.default.wild.color.nova.transparency.black[20],";border-bottom:1px solid ",p.default.wild.color.nova.transparency.black[20],";border-right:1px solid ",p.default.wild.color.nova.transparency.black[20],";border-radius:0 0 4px 4px;margin-top:0;}&.bfcm-promo-styles{border-radius:0;}}.subcription-terms-cell{display:none;@media (min-width: 768px){display:flex;align-items:center;padding:16px;border-right:1px solid ",p.default.wild.color.nova.transparency.black[20],";}@media (min-width: 1024px){width:",g,";padding:32px;}p{margin-top:auto;margin-bottom:auto;}}"),Y=(0,o.default)(l.Box,{target:"e2gmxxf5"})("padding:0;@media (min-width: 768px){padding:16px 8px;&:not(:last-of-type){border-right:1px solid ",p.default.wild.color.nova.transparency.black[20],";}}@media (min-width: 1024px){padding:32px;}"),T=(0,o.default)(l.Flex,{target:"e2gmxxf4"})({name:"9bgocu",styles:"margin:24px 0 0;text-align:center;@media (min-width: 768px){display:none;}"}),j=(0,o.default)(l.Flex,{target:"e2gmxxf3"})({name:"19bld3e",styles:"align-items:center;@media (min-width: 768px){align-items:stretch;}"}),C=(0,o.default)(l.Flex,{target:"e2gmxxf2"})("background:",p.default.wild.color.nova.base.solid[20],";padding:8px 0;border-bottom:1px solid ",p.default.wild.color.nova.transparency.black[20],";text-align:center;justify-content:center;@media (min-width: 768px){border-top:none;border-bottom:none;height:auto;padding:16px;border-right:1px solid ",p.default.wild.color.nova.transparency.black[20],";}@media (min-width: 1024px){width:",g,";padding:32px 16px 32px 32px;}"),B=(0,o.default)(l.Box,{target:"e2gmxxf1"})({name:"1yf3eku",styles:"display:flex;justify-content:center;align-items:center;width:100%;@media (min-width: 768px){justify-content:initial;}&.in-cell{justify-content:center;padding:8px;text-align:center;}.InfoButtonMobile{display:inline-block;@media (min-width: 768px){display:none;}}.InfoButtonDesktop{display:none;@media (min-width: 768px){display:inline-block;}}"}),F=(0,o.default)(l.Box,{target:"e2gmxxf0"})("margin-top:24px;width:100%;border:solid 1px ",p.default.wild.color.nova.transparency.black[20],";@media (min-width: 768px){margin-top:-2px;}@media (min-width: 1520px){width:calc(100% - 2px);margin-left:1px;}");a.A=e=>{let a=e.items,t=void 0===a?[]:a,o=e.scrollToRef,p=e.comparisonHeaderClass,c=void 0===p?"Caption-10-Dia-Uppercase":p,x=e.comparisonColumnsArr,E=void 0===x?[]:x,A=e.beforeFooter,D=void 0===A?null:A,R=e.bannerGwp,I=void 0===R?null:R,W=(e.promoBannerData,e.promoStyleClasses),S=void 0===W?"":W,$=e.flattenTop,_=void 0!==$&&$;const L=E.length,M=(e=>{const a=e+1,t="calc(100% / "+a+")",o="calc(100% / "+a+")",l="calc((100% - 171px) / "+e+")";return{labelTablet:t,productsAreaTablet:"calc("+e+" * 100% / "+a+")",productC

1ol:["calc(100% / "+e+")",null,o,l],footerCol:["calc((100% - 12px) / "+e+")",null,o,l],labelCol:[1,1,t]}})(t.length),H=function(e,a){void 0===a&&(a=null);const t={destination:e.link,module_location:"mid_fold",text:a||e.heading,type:"link"};(0,i.segmentEvent)("Marketing CTA Clicked",t),(0,n.c)(e.link)};return(0,f.Y)(w,{"data-element":"ComparisonContainer","data-component":"ComparisonTable","data-source-file":"comparisontable.js"},(0,f.Y)(N,{role:"table","aria-label":"Nutrafol products comparison",className:"comparison-table",$flattenTop:_,"data-element":"Grid","data-component":"ComparisonTable","data-source-file":"comparisontable.js"},(0,f.Y)(l.Flex,{width:[1],flexWrap:"wrap",className:"rgg-banner-row","data-element":"Flex","data-component":"ComparisonTable","data-source-file":"comparisontable.js"},(0,f.Y)(l.Box,{width:[0,0,M.labelTablet],className:"products-row-spacer","data-element":"Box","data-component":"ComparisonTable","data-source-file":"comparisontable.js"}),(0,f.Y)(l.Box,{width:[1,1,M.productsAreaTablet],className:"rgg-banner-cell","data-element":"Box","data-source-file":"comparisontable.js"},(0,f.Y)(b.A,{className:"mb-[-1px]","data-element":"LearnMoreModalBanner","data-source-file":"comparisontable.js"}))),(0,f.Y)(l.Flex,{width:[1],className:"products-row",alignItems:"stretch",flexWrap:"wrap",role:"row","data-element":"Flex","data-source-file":"comparisontable.js"},(0,f.Y)(l.Box,{width:[0,0,M.labelTablet],className:"products-row-spacer","data-element":"Box","data-source-file":"comparisontable.js"}),t.map((e,a)=>(0,f.Y)(k,{key:"cmp-"+a,onClick:()=>e.link?H(e):(e=>{const a={component_id:"9f215ba6-3f3a-44fe-b46b-a8965eafc8bd_"+e,destination:"/hair/women/product/category/",module_location:"mid_fold",text:"Select",type:"button"};o(e),(0,i.segmentEvent)("Marketing CTA Clicked",a)})(a),itemsLength:t.length,$flattenTop:_,"data-element":"ComparisonBtn","data-component":"buildBtn","data-source-file":"comparisontable.js"},e.tag?(0,f.Y)(v,null,(0,f.Y)(r.TextElementNova,{element:"span",text:e.tag,className:"Caption-10-Dia-Uppercase text-nova-base-black hide-sm-up"}),(0,f.Y)(r.TextElementNova,{element:"span",text:e.desktopTag||e.tag,className:"Caption-10-Dia-Uppercase text-nova-base-black show-sm-up inline"})):null,(0,f.Y)("img",{src:e.imgsmall||e.imgv2,alt:"",loading:"lazy","data-component":"buildBtn","data-source-file":"comparisontable.js"}),(0,f.Y)(r.TextElementNova,{element:"p",text:e.heading||e.name,className:"CTA-10-Dia-Normal text-nova-brand-primary-80 underline ct-heading pl-1 pr-1","data-element":"TextElementNova","data-source-file":"comparisontable.js"})))),(0,f.Y)(l.Flex,{width:[1],className:"details-row-group",alignItems:"center",flexWrap:"wrap",role:"rowgroup","data-element":"Flex","data-source-file":"comparisontable.js"},E.map((e,a)=>{const o=a===L-1?"last":a;return(0,f.Y)(j,{width:[1],flexWrap:"wrap",key:"build-row-"+a,"data-element":"Row","data-component":"buildRow","data-source-file":"comparisontable.js"},(0,f.Y)(C,{width:M.labelCol,pr:[0,0,0,"4%"],role:"rowheader","data-element":"RowTitle","data-component":"buildRow","data-source-file":"comparisontable.js"},((e,a)=>(0,f.Y)(B,{key:"build-row-head-"+a,"data-element":"RowHead","data-component":"buildRowHead","data-source-file":"comparisontable.js"},(0,f.Y)(r.TextElementNova,{element:"span",className:""+c,text:e.text,"data-element":"TextElementNova","data-component":"buildRowHead","data-source-file":"comparisontable.js"})))(e)),t.map((t,l)=>{const n=t.comparison.comparisonItemsArray[a];return(0,f.Y)(y,{tabIndex:1,"aria-label":n&&1===n?e.text+": Yes":n?void 0:e.text+": No",width:M.productC

1ol,className:"row-"+o+" col-"+l,role:"cell",key:"comp-row-"+a+"-"+l},n?1===n?(0,f.Y)("div",{className:"checkmark"},(0,f.Y)(m(),null)):(0,f.Y)(B,{className:"in-cell"},(0,f.Y)(r.TextElementNova,{element:"span",className:"Body-10-Dia-Normal hide-md-up",text:n}),(0,f.Y)(r.TextElementNova,{element:"span",className:"Body-20-Dia-Normal show-md-up",text:n})):(0,f.Y)(u(),{className:"minus"}))}))})),(0,f.Y)(l.Flex,{width:[1],className:"grid-footer "+(S||""),alignItems:"center",flexWrap:"wrap","data-element":"Flex","data-source-file":"comparisontable.js"},(0,f.Y)(l.Box,{width:[0,0,M.labelTablet,g],className:"subcription-terms-cell","data-element":"Box","data-source-file":"comparisontable.js"},(0,f.Y)(r.TextElementNova,{className:"Caption-10-Dia-Normal text-nova-transparency-black-60",text:h,"data-element":"TextElementNova","data-source-file":"comparisontable.js"})),t.map((e,a)=>(0,f.Y)(Y,{"aria-label":"Jump to "+e.heading,key:"cmp-"+a,width:M.footerCol,mr:[""+(3!==a&&"4px"),""+(3!==a&&"4px"),0,0],"data-element":"SelectBtn","data-component":"buildBtnBottom","data-source-file":"comparisontable.js"},(0,f.Y)(d.l,{level:"Primary",label:"Shop Now",onClick:()=>H(e,"Shop Now"),width:"100%",className:"!px-1","data-element":"ButtonNova","data-component":"buildBtnBottom","data-source-file":"comparisontable.js"})))),I?(0,f.Y)(F,null,(0,f.Y)(s.A,{data:I})):null,"function"==typeof D?D():null,(0,f.Y)(T,{width:[1],className:"FooterRowWomens","data-element":"FooterRow","data-source-file":"comparisontable.js"},(0,f.Y)(l.Box,{width:1,className:"text-center","data-element":"Box","data-source-file":"comparisontable.js"},(0,f.Y)(r.TextElementNova,{text:h,className:"Caption-10-Dia-Normal text-nova-transparency-black-60","data-element":"TextElementNova","data-source-file":"comparisontable.js"})))))}}}]);