https://www.matchmymakeup.com/_next/static/chunks/pages/how-it-works-583a1adc61815692.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[1640],{22229:function(e,t,n){"use strict";n.d(t,{Z:function(){return j}});n(56168);var r=n(52082),i=n(62044),o=n(22217),a=n(13492),s=n(75332),c=n(18003),p=n(17385),l=n(92084),d=n(56365);function m(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function g(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?m(Object(n),!0).forEach((function(t){(0,c.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):m(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var u=(0,l.Z)((function(e){return{root:g(g({},(0,d._W)(e)),{},(0,c.Z)({flexDirection:"row",justifyContent:"center"},e.breakpoints.down("sm"),{flexDirection:"column"}))}}))(a.Z),h=(0,l.Z)((function(e){return{root:g(g({},(0,d.rP)(e)),{},{marginBottom:e.spacing(2)})}}))(p.Z),f=(0,l.Z)((function(e){var t,n=e.breakpoints,r=e.typography,i=e.spacing;return{root:g(g({},r.h6),{},(t={fontWeight:400,textAlign:"left"},(0,c.Z)(t,n.down("sm"),g(g({},r.body1),{},{textAlign:"center",marginBottom:i(4)})),(0,c.Z)(t,n.down("xs"),{padding:i(0,3)}),t))}}))(p.Z),b=n(52162),x=n(8014);var j=function(e){var t=e.subtitleOverride,n=(0,b.Z)(),c=(0,i.Z)().t;return(0,s.useRouter)(),(0,x.jsxs)(u,{children:[n?(0,x.jsxs)(x.Fragment,{children:[(0,x.jsx)(h,{children:c("common:are-you-a-retailer")}),(0,x.jsx)(f,{children:c("common:are-you-a-retailer-subtitle")})]}):(0,x.jsxs)(a.Z,{display:"flex",flexDirection:"column",mr:6,children:[(0,x.jsx)(h,{children:c("common:are-you-a-retailer")}),(0,x.jsx)(f,{children:t||c("common:are-you-a-retailer-subtitle")})]}),(0,x.jsx)(o.Z,{color:"primary",href:r.Z.RETAILER,disableElevation:!0,children:c("common:learn-more")})]})}},61636:function(e,t,n){"use strict";n.d(t,{Z:function(){return k}});var r=n(22217),i=(n(56168),n(80241)),o=n.n(i),a=n(62044),s=n(75332),c=n(85383),p=n(85637),l=n(18003),d=n(13492),m=n(17385),g=n(92084),u=n(56365);function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){(0,l.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var b=(0,g.Z)((function(e){return{root:(0,u.TB)(e)}}))(d.Z),x=(0,g.Z)((function(e){return{root:(0,u.rP)(e)}}))(m.Z),j=((0,g.Z)((function(e){var t=e.breakpoints,n=e.spacing;return{root:(0,l.Z)({display:"flex",flexDirection:"row",margin:n(4,0),justifyContent:"space-between",alignItems:"center",backgroundColor:"#f00"},t.down("md"),{flexDirection:"column",marginTop:n(5),width:"100%"})}}))(d.Z),(0,g.Z)((function(e){var t,n=e.breakpoints,r=e.spacing;return{root:(t={display:"flex",flexDirection:"row",margin:r(4,0),justifyContent:"space-between",alignItems:"baseline",flexWrap:"wrap",width:1158},(0,l.Z)(t,n.down("md"),{marginTop:r(5),width:"100%"}),(0,l.Z)(t,"& > div:nth-of-type(1), div:nth-of-type(3)",{cursor:"pointer","&:hover":{"& > p:nth-of-type(1)":{textDecoration:"underline"}}}),t)}}))(d.Z)),y=(0,g.Z)((function(e){var t=e.breakpoints,n=e.spacing;return{root:(0,l.Z)({display:"flex",flexDirection:"column",alignItems:"center",maxWidth:"33%",marginBottom:"40px",paddingRight:"15px",justifyContent:"flex-start","& > span":{"& img":{objectFit:"contain"}}},t.down("sm"),{marginBottom:n(5),maxWidth:"100%",paddingRight:0})}}))(d.Z),w=(0,g.Z)((function(e){var t=e.typography,n=e.spacing;return{root:f(f({},t.h6),{},{marginBottom:n(3),marginTop:n(3),fontWeight:700,textAlign:"center"})}}))(m.Z),Z=(0,g.Z)((function(e){var t=e.breakpoints,n=e.typography;return{root:f(f({},n.body1),{},(0,l.Z)({textAlign:"center"},t.down("sm"),f({},n.body2)))}}))(m.Z),v=n(8014);function O(e){var t=e.image,n=e.title,r=e.description,i=e.alt,a=e.url,c=e.index,p=e.height,l=e.width,d=e.openTool,m=(0,s.useRouter)();return(0,v.jsxs)(y,{onClick:function(){1===c&&d&&d(),3===c&&a&&m.push(a)},children:[(0,v.jsx)(o(),{alt:i||n,src:t,height:p,width:l}),(0,v.jsx)(w,{children:n}),(0,v.jsx)(Z,{children:r})]})}var k=function(e){var t=e.onClick,n=e.onClickLipstick,i=e.displayFirstThree,o=e.padding,s=(0,p.TL)(),l=(0,a.Z)().t;return(0,v.jsxs)(b,{style:{padding:o},children:[(0,v.jsx)(x,{children:l("common:how-we-find-your-perfect-shade")}),(0,v.jsxs)(j,{children:[(0,v.jsx)(O,{image:"/static/images/icons/PerfectShade1.png",title:l("common:first-perfect-shade-item-title"),description:"Looking for the perfect foundation shade or the perfect lip color to complement your skin tone?  Complete our quiz by entering your existing foundation shade or answering a few questions. ",alt:"Complete our Quiz to get makeup matching foundation",openTool:function(){sessionStorage.setItem("selectedFlow","foundation"),s((0,c.iN)(!0))},index:1,height:199,width:209}),(0,v.jsx)(O,{image:"/static/images/icons/PerfectShade2.png",title:l("common:second-perfect-shade-item-title"),description:l("common:second-perfect-shade-item-description"),alt:"Discover your best \ufefffoundation match",index:2,height:202,width:100}),(0,v.jsx)(O,{image:"/static/images/icons/PerfectShade3.png",title:l("common:third-perfect-shade-item-title"),description:l("common:third-perfect-shade-item-description"),alt:"Buy your best shade \ufefffoundation with confidence",url:"/products",index:3,height:187,width:190}),!i&&(0,v.jsxs)(v.Fragment,{children:[(0,v.jsx)(O,{image:"/static/images/icons/USP1.png",title:l("common:first-mmm-difference-default-title"),description:l("common:first-mmm-difference-default-description"),index:4,height:56,width:56}),(0,v.jsx)(O,{image:"/static/images/icons/USP2.png",title:l("common:second-mmm-difference-default-title"),description:l("common:second-mmm-difference-default-description"),index:5,height:56,width:56}),(0,v.jsx)(O,{image:"/static/images/icons/USP3.png",title:l("common:third-mmm-difference-default-title"),description:l("common:third-mmm-difference-default-description"),index:6,height:56,width:56})]})]}),(0,v.jsxs)("div",{className:"findShadeWrapperBtn",children:[(0,v.jsxs)("div",{className:"findShadeBtnWrapper",children:[(0,v.jsx)(r.Z,{color:"primary",disableElevation:!0,onClick:t,children:"FIND YOUR PERFECT FOUNDATION SHADE & TRY IT ON NOW!"}),(0,v.jsx)("div",{className:"shine"})]}),(0,v.jsxs)("div",{className:"findShadeBtnWrapper",children:[(0,v.jsx)(r.Z,{color:"primary",disableElevation:!0,onClick:n,children:"Find your perfect lip color and try it on now!"}),(0,v.jsx)("div",{className:"shine"})]})]})]})}},49606:function(e,t,n){"use strict";n.d(t,{Z:function(){return f}});n(56168);var r=n(62044),i=n(18003),o=n(13492),a=n(17385),s=n(92084),c=n(73387),p=n(56365);function l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function d(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};

1t%2?l(Object(n),!0).forEach((function(t){(0,i.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var m=(0,s.Z)((function(e){return{root:d(d({},(0,p._W)(e)),{},(0,i.Z)({color:c.VZ.BRAND_PRIMARY,width:675,margin:"0 auto"},e.breakpoints.down("sm"),{width:"100%",paddingLeft:e.spacing(3),paddingRight:e.spacing(3)}))}}))(o.Z),g=(0,s.Z)((function(e){var t=e.typography,n=e.breakpoints,r=e.spacing;return{root:d(d({},t.h4),{},(0,i.Z)({marginBottom:r(7),textAlign:"center"},n.down("sm"),d({},t.h5)))}}))(a.Z),u=(0,s.Z)((function(e){var t=e.typography,n=e.breakpoints;return{root:d(d({},t.body1),{},(0,i.Z)({},n.down("sm"),{textAlign:"center"}))}}))(a.Z),h=n(8014);var f=function(e){var t=e.title,n=e.content,i=(0,r.Z)().t;return(0,h.jsxs)(m,{children:[(0,h.jsx)(g,{children:t||i("common:landing-seo-text-title")}),(0,h.jsx)(u,{children:n||i("common:landing-seo-text-content")})]})}},88990:function(e,t,n){"use strict";n.r(t),n.d(t,{__N_SSG:function(){return q},default:function(){return K}});var r=n(1984),i=n.n(r),o=n(18003),a=n(43836),s=n(22229),c=(n(56168),n(13492)),p=n(8318),l=n(24608),d=n(52162),m=n(17385),g=n(92084),u=n(56365);function h(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function f(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?h(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):h(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var b=(0,g.Z)((function(e){return{root:(0,o.Z)({margin:e.spacing(0,"auto"),display:"grid",maxWidth:1440,gridTemplateColumns:"50% 50%",alignItems:"center"},e.breakpoints.down("sm"),{margin:e.spacing(0,"auto"),gridTemplateColumns:"auto",padding:0})}}))(c.Z),x=(0,g.Z)((function(e){var t,n=e.breakpoints,r=e.spacing;return{root:(t={order:1,display:"flex",flexDirection:"column",alignItems:"center",margin:r(11,0),padding:r(0,10)},(0,o.Z)(t,n.down("md"),{padding:r(0,11)}),(0,o.Z)(t,n.down("sm"),{order:2,margin:r(8,0,5,0),padding:r(0,3)}),(0,o.Z)(t,n.down("xs"),{margin:r(3,0,3,0)}),t)}}))(c.Z),j=(0,g.Z)((function(e){var t,n=e.breakpoints;return{root:(t={order:2,backgroundImage:'url("/static/images/background/carousel-bg-3.jpg")',backgroundRepeat:"no-repeat",padding:"40px",backgroundSize:"100%",marginTop:"45px",height:"fit-content"},(0,o.Z)(t,n.down("sm"),{order:1,display:"flex",alignItems:"flex-end",justifyContent:"center",backgroundPositionX:0,backgroundRepeat:"no-repeat"}),(0,o.Z)(t,n.down("xs"),{backgroundSize:"unset",marginTop:"0"}),t)}}))(c.Z),y=((0,g.Z)((function(e){return{root:f(f({},(0,u.rP)(e)),{},{marginBottom:e.spacing(2)})}}))(m.Z),(0,g.Z)((function(e){var t=e.breakpoints,n=e.typography,r=e.spacing;return{root:f(f({},n.h6),{},(0,o.Z)({fontWeight:400,textAlign:"left"},t.down("sm"),f(f({},n.body1),{},{textAlign:"center",marginBottom:r(4)})))}}))(m.Z),n(8014)),w=(0,p.Z)((function(e){var t,n=e.breakpoints;return{bannerVideo:{width:"100%",height:"100%",display:"block"},bannerImg:(t={width:"100%",height:"100% ",display:"block"},(0,o.Z)(t,n.down("xs"),{height:"140px !important"}),(0,o.Z)(t,"& > .react-player__preview",(0,o.Z)({backgroundSize:"contain !important",backgroundPosition:"center",backgroundRepeat:"no-repeat"},n.down("xs"),{height:"140px !important"})),t)}})),Z=function(e){var t=e.title,n=e.filename,r=e.url,i=(e.pagename,w()),o=((0,d.Z)(),function(){var e=-1!==navigator.userAgent.indexOf("Chrome");return!(-1===navigator.userAgent.indexOf("Safari")||e)});return(0,y.jsx)(j,{children:r?(0,y.jsx)(c.Z,{className:i.bannerVideo,children:(0,y.jsx)(l.Z,{className:i.bannerImg,controls:!0,url:[{src:r,type:"video/mp4"}],prelaod:!1,width:"100%",playing:!o(),autoPlay:o(),light:o()?"":n,onStart:function(){}})}):n?(0,y.jsx)("img",{alt:t,src:n}):(0,y.jsx)(c.Z,{})})},v=function(e){var t=e.children;return(0,y.jsx)(x,{children:t})},O=function(e){var t=e.title,n=e.filename,r=e.url,i=e.pagename,o=e.children;return(0,y.jsxs)(b,{children:[(0,y.jsx)(v,{children:o}),(0,y.jsx)(Z,{title:t,filename:n,url:r,pagename:i})]})}

1,k=n(61636),P=n(49606),N=n(62044),D=n(22217),S=n(73387),C=n(855),W=n(85383),T=n(85637),E=n(98810),_=n(80241),I=n.n(_),B=n(52082),R=n(75332),F=n(16390);function A(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function L(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?A(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var U=(0,p.Z)((function(e){return{wrapper:L(L({backgroundColor:E.Z.BRAND_BACKGROUND},(0,u._W)(e)),{},(0,o.Z)({padding:e.spacing(11,0,11,0)},e.breakpoints.down("sm"),{padding:e.spacing(7,0,4,0)})),shopNowWrapper:(0,o.Z)({display:"flex",alignItems:"center",justifyContent:"center"},e.breakpoints.down("sm"),{flexDirection:"column",maxWidth:327}),shopNowDescription:(0,o.Z)({display:"flex",flexDirection:"column",justifyContent:"space-between",width:333,marginLeft:e.spacing(3)},e.breakpoints.down("sm"),{width:"100%",marginLeft:e.spacing(0),marginTop:e.spacing(4),alignItems:"center"}),imageWrapper:(0,o.Z)({margin:e.spacing(7,3,0,3),display:"grid",gridTemplateColumns:"auto auto",gridGap:e.spacing(4),justifyContent:"center",alignItems:"flex-start"},e.breakpoints.down("sm"),{gridTemplateColumns:"auto"}),partnerTitle:(0,o.Z)({maxWidth:470},e.breakpoints.down("sm"),{maxWidth:"100%",padding:e.spacing(0,3)}),partnerImageWrapper:(0,o.Z)({display:"grid",gridTemplateRows:"repeat(2,1fr)",gridTemplateColumns:"repeat(3,1fr)",gridGap:e.spacing(1),justifyContent:"center",alignContent:"center"},e.breakpoints.down("sm"),{gridGap:e.spacing(2)}),title:L(L({},e.typography.h4),{},(0,o.Z)({},e.breakpoints.down("sm"),L(L({},e.typography.h5),{},{textAlign:"center"}))),description:L(L({},e.typography.body1),{},(0,o.Z)({marginTop:e.spacing(1.5)},e.breakpoints.down("sm"),L(L({},e.typography.body2),{},{textAlign:"center"}))),button:(0,o.Z)({width:157,height:56},e.breakpoints.down("sm"),{width:130,height:40}),titleWrapper:(0,o.Z)({display:"flex",flexDirection:"column"},e.breakpoints.down("sm"),{alignItems:"center"})}})),M=function(e){var t=e.image,n=e.name,r=e.href,i=(0,d.Z)(),o=i?109:176,a=i?66:87;return(0,y.jsx)(F.Z,{href:r,naked:!0,rel:"nofollow",children:(0,y.jsx)(I(),{alt:n,src:t,width:o,height:a,objectFit:"cover"})})},z=function(e){var t=e.imageUrl,n=U(),r=(0,d.Z)(),i=(0,N.Z)().t,o=(0,R.useRouter)(),a=r?327:331,s=r?246:249;return(0,y.jsxs)(c.Z,{className:n.wrapper,children:[(0,y.jsxs)(c.Z,{className:n.shopNowWrapper,children:[(0,y.jsx)(I(),{alt:"shop with us now",src:t,width:a,height:s,objectFit:"cover"}),(0,y.jsxs)(c.Z,{className:n.shopNowDescription,children:[(0,y.jsxs)(c.Z,{className:n.titleWrapper,children:[(0,y.jsx)(m.Z,{className:n.title,children:i("common:shop-with-us-title")}),(0,y.jsx)(m.Z,{className:n.description,children:i("common:shop-with-us-description")})]}),(0,y.jsx)(c.Z,{minHeight:"24px"}),(0,y.jsx)(D.Z,{disableElevation:!0,color:"primary",onClick:function(){o.push(B.Z.PRODUCTS)},className:n.button,children:i("common:shop-now-button-text")})]})]}),(0,y.jsxs)(c.Z,{className:n.imageWrapper,children:[(0,y.jsxs)(c.Z,{className:n.partnerTitle,children:[(0,y.jsx)(m.Z,{className:n.title,children:i("common:partnered-retailer-title")}),(0,y.jsx)(m.Z,{className:n.description,children:i("common:partnered-retailer-description")})]}),(0,y.jsxs)(c.Z,{className:n.partnerImageWrapper,children:[(0,y.jsx)(M,{name:"harvey",image:"/static/images/retailers/retailer-harvey.png",href:"https://harveynichols.com"}),(0,y.jsx)(M,{name:"fitcover",image:"/static/images/retailers/retailer-fitcover.png",href:"https://fitcover.com/"}),(0,y.jsx)(M,{name:"vani-t",image:"/static/images/retailers/retailer-vani-t.png",href:"https://vani-t.com.au"}),(0,y.jsx)(M,{name:"lottie london",image:"/static/images/retailers/retailer-lottie-london.png",href:"https://lottie.london/"}),(0,y.jsx)(M,{name:"zoeva",image:"/static/images/retailers/retailer-zoeva.png",href:"https://zoevacosmetics.com"}),(0,y.jsx)(M,{name:"clarins",image:"/static/images/retailers/retailer-clarins.png",href:"https://www.clarins.com.au/"})]})]})]})};function G(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function H(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};

1t%2?G(Object(n),!0).forEach((function(t){(0,o.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):G(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var V=(0,p.Z)((function(e){var t,n;return{title:H(H({},e.typography.h3),{},(t={},(0,o.Z)(t,e.breakpoints.down("sm"),H({},e.typography.h4)),(0,o.Z)(t,"marginBottom",e.spacing(4)),t)),para:{marginBottom:"12px",fontSize:16,lineHeight:"20px",letterSpacing:"0.5px"},contentWrapper:{"& > div":{background:"#FFF4F2"}},shadeMatcherButton:(n={alignSelf:"flex-start",lineHeight:"34px",marginTop:"20px"},(0,o.Z)(n,e.breakpoints.down("xs"),{width:"100%",lineHeight:"normal",padding:"8px 26px"}),(0,o.Z)(n,"@media (max-width: 420px)",{padding:"8px 26px"}),n),bannerButtonWrapper:H(H({},(0,u.c3)(e)),{},{paddingLeft:e.spacing(3),paddingRight:e.spacing(3)}),retailerWrapper:{boxShadow:"0px 1px 0px ".concat(S.VZ.GREY_4)}}}));var Y=function(e){var t=e.data,n=V(),r=(0,T.TL)(),i=(0,N.Z)().t,o=function(e){return{title:(0,C.Z)("",["content","title"],e),filename:(0,C.Z)(void 0,["content","hero_image","filename"],e),videoUrl:(0,C.Z)("https://www.youtube.com/watch?v=b3VcGKv9Cfw",["content","video_url"],e),shopImageUrl:(0,C.Z)("/static/images/stock/makeup-tools.jpg",["content","shop_image","filename"],e)}}(t),p=o.shopImageUrl;return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)(O,{url:"/static/videos/MMM_Explainer_Desktop_H2.64_Compressed.mp4",filename:"/static/images/background/placeholder-image1.jpg",pagename:"How It Works",children:[(0,y.jsx)("h1",{className:n.title,children:"Integrating art, science and technology into a seamless tool"}),(0,y.jsx)(m.Z,{className:n.para,children:"Match My Makeup is the world's leading scientific based shade finder and matching tool. We are STEM based solution that was created over years of research and development combining Science (color physics and chemical compositions), Technology, Engineering and Math."}),(0,y.jsx)(m.Z,{className:n.para,children:"We have a whole lab dedicated to colour matching and a team of makeup artists who test each of the matches on their own skin because we know that sometimes, even science and math is not good enough!"}),(0,y.jsx)(m.Z,{className:n.para,children:"Our award-winning tool has helped over 5 million people find their matches in over 150 foundation brands without them having to leave their seats!"}),(0,y.jsx)(D.Z,{color:"primary",disableElevation:!0,className:n.shadeMatcherButton,onClick:function(){r((0,W.iN)(!0)),a.vP({eventName:"foundation - Widget Load",parameter:{page:"how it works - 1",currentBrand:"",product:"",shade:""}})},children:i("common:find-your-perfect-shade-now")})]}),(0,y.jsxs)(c.Z,{children:[(0,y.jsx)(c.Z,{className:n.contentWrapper,children:(0,y.jsx)(k.Z,{onClick:function(){sessionStorage.setItem("selectedFlow","foundation"),r((0,W.iN)(!0)),a.vP({eventName:"foundation - Widget Load",parameter:{page:"how it works - 2",currentBrand:"",product:"",shade:""}})},onClickLipstick:function(){sessionStorage.setItem("selectedFlow","lipstick"),r((0,W.n4)(!0)),a.vP({eventName:"lipstick - Widget Load",parameter:{page:"how it works - 1",currentBrand:"",product:"",shade:""}})},displayFirstThree:!1})}),(0,y.jsx)(c.Z,{className:n.retailerWrapper,children:(0,y.jsx)(s.Z,{})}),(0,y.jsx)(z,{imageUrl:p}),(0,y.jsx)(P.Z,{})]})]})},X=n(53014);var q=!0,K=function(e){var t=e.data,n=e.customCanonical;return(0,y.jsxs)(y.Fragment,{children:[(0,y.jsxs)(i(),{children:[n&&(0,y.jsx)("link",{rel:"canonical",href:n}),(0,y.jsx)("meta",{property:"og:image",content:"/static/images/background/seo.jpeg"})]}),(0,y.jsx)(X.Z,{disableTopPadding:!0,children:(0,y.jsx)(Y,{data:t})})]})}},58879:function(e,t,n){(window.__NEXT_P=window.__NEXT_P||[]).push(["/how-it-works",function(){return n(88990)}])}},function(e){e.O(0,[3714,2835,4885,3591,7710,8335,1157,8979,5613,9470,6722,5323,4608,466,4734,3014,9774,2888,179],(function(){return t=58879,e(e.s=t);var t}));var t=e.O();_N_E=t}]);