{"version":3,"sources":["webpack:///./src/components/atomic-design/atoms/thank-you/styles.js","webpack:///./src/components/atomic-design/atoms/thank-you/index.js","webpack:///./src/components/atomic-design/atoms/page-header/styles.js","webpack:///./src/components/atomic-design/atoms/page-header/index.js","webpack:///./src/components/atomic-design/atoms/box/styles.js","webpack:///./src/components/atomic-design/atoms/box/index.js","webpack:///./src/components/atomic-design/atoms/card-button/styles.js","webpack:///./src/components/atomic-design/atoms/card-button/index.js","webpack:///./src/domain/interest-list.js","webpack:///./src/components/atomic-design/organisms/contact-form/form-text-area/styles.js","webpack:///./src/components/atomic-design/organisms/contact-form/form-text-area/index.js","webpack:///./src/components/atomic-design/atoms/select/styles.js","webpack:///./src/components/atomic-design/atoms/select/index.js","webpack:///./src/components/atomic-design/organisms/contact-form/styles.js","webpack:///./src/components/atomic-design/organisms/contact-form/index.js","webpack:///./src/styles/pages/contact-styles.js","webpack:///./src/pages/contact.js","webpack:///./node_modules/core-js/modules/es6.string.bold.js"],"names":["Container","styled","div","theme","spacing","longest","longSM","breakpoints","tablet","largest","mobile","large","Title","h4","fonts","weights","normal","sizes","headings","heading5","lineHeight","secondary","colors","primary","heading6","smallest","ColoredTitle","span","heading3","bold","small","heading4","Subtitle","p","Span","args","size","icon","color","dark","icons","iconList","ThankYou","ContainerPageHeader","newTheme","PageHeaderTitle","h1","font","text1","grey","light","text2","PageHeaderSubtitle","h2","title1","weight","regular","black","title3","PageHeaderDescription","main","PageHeader","title","subTitle","description","defaultProps","gradient","text","radius","shadows","buttonPrimary","white","Box","children","className","transition","inputForm","TextContainer","tabletLandscape","Action","h5","medium","spacing20","IconContainer","CardButton","action","interestSelectOptions","id","TextArea","textarea","hoverButton","Label","label","heavy","FormTextarea","type","name","value","onChange","required","htmlFor","SelectInput","isDisabled","Icon","openClose","largeXL","InputLabel","SelectLabel","BackgroundGradient","SelectList","select","background","disabled","smallXL","SelectOption","option","Select","options","inputName","placeHolder","useState","show","setShow","onClick","hidden","map","key","variant","ariaLabel","Form","form","ButtonContainer","long","Error","error","ContactForm","onSubmit","contactEmail","loading","setLoading","setError","initialState","lastname","email","company","interest","message","values","setValues","handleChange","target","sendGTMEvent","err","obj","window","dataLayer","push","event","Object","keys","reduce","a","c","handleSubmit","e","preventDefault","axios","method","url","process","data","FormData","href","Header","ContainerGrid","SectionForm","section","Content","List","ul","Item","li","GradientBackgroud","smallMobile","ContactPage","location","showThankYou","setShowThankYou","contactData","contentfulGeneralSettings","childContentfulGeneralSettingsContactPageJsonNode","pageHeaderData","allContentfulPage","edges","node","metatagImage","file","metatagDescription","metatagTitle","path","pathname","charSet","image","viewport","headerSubtitle","documentToReactComponents","headerTitle","json","renderLineBreak","headerDescription","fluid","component","xs","sm","md","lg","emaildata","emails","coloredTitle","subtitle","textButton","to","rel","createHTML","this"],"mappings":"uMAEaA,EAAYC,IAAOC,IAAV,oEAAGD,CAAH,4MAMV,qBAAGE,MAAkBC,QAAQC,WAAW,qBAAGF,MAAkBC,QAAQE,UAErD,qBAAGH,MAAkBI,YAAYC,UAC/C,qBAAGL,MAAkBC,QAAQK,WAGf,qBAAGN,MAAkBI,YAAYG,UAC/C,qBAAGP,MAAkBC,QAAQO,SAI9BC,EAAQX,IAAOY,GAAV,gEAAGZ,CAAH,wMACD,qBAAGE,MAAkBW,MAAMC,QAAQC,UACrC,qBAAGb,MAAkBW,MAAMG,MAAMC,SAASC,YACxC,qBAAGhB,MAAkBiB,WAAWC,aACtC,qBAAGlB,MAAkBW,MAAMQ,OAAOC,WAEjB,qBAAGpB,MAAkBI,YAAYC,UAC5C,qBAAGL,MAAkBW,MAAMG,MAAMC,SAASM,YAG/B,qBAAGrB,MAAkBI,YAAYG,UAC5C,qBAAGP,MAAkBW,MAAMG,MAAMC,SAASM,YAItC,qBAAGrB,MAAkBC,QAAQqB,YAKrCC,EAAezB,IAAO0B,KAAV,uEAAG1B,CAAH,4LACd,qBAAGE,MAAkBmB,OAAOC,WACxB,qBAAGpB,MAAkBW,MAAMG,MAAMC,SAASU,YACxC,qBAAGzB,MAAkBW,MAAMC,QAAQc,QAEjC,qBAAG1B,MAAkBC,QAAQ0B,SAEpB,qBAAG3B,MAAkBI,YAAYC,UAC5C,qBAAGL,MAAkBW,MAAMG,MAAMC,SAASa,YACtC,qBAAG5B,MAAkBC,QAAQ0B,SAGtB,qBAAG3B,MAAkBI,YAAYG,UACxC,qBAAGP,MAAkBC,QAAQ0B,SAIrCE,EAAW/B,IAAOgC,EAAV,mEAAGhC,CAAH,uLACV,qBAAGE,MAAkBW,MAAMQ,OAAOD,aAC9B,qBAAGlB,MAAkBW,MAAMG,MAAMC,SAASM,YACxC,qBAAGrB,MAAkBiB,WAAWC,aACjC,qBAAGlB,MAAkBC,QAAQqB,YAGhC,qBAAGtB,MAAkBW,MAAMQ,OAAOD,aAGnB,qBAAGlB,MAAkBI,YAAYC,UAC5C,qBAAGL,MAAkBW,MAAMG,MAAMI,aAC7B,qBAAGlB,MAAkBC,QAAQO,SAGtB,qBAAGR,MAAkBI,YAAYG,UAC5C,qBAAGP,MAAkBW,MAAMG,MAAMI,aAIrCa,EAAOjC,IAAO0B,KAAV,+DAAG1B,CAAH,oCACA,qBAAGE,MAAkBW,MAAMC,QAAQC,UCrE9CmB,EAAO,CACXC,KAAMjC,IAAMW,MAAMG,MAAMoB,KACxBC,MAAOnC,IAAMmB,OAAOe,KAAKE,MAGrBC,EAAQC,YAAS,OAAD,UAAMN,IAmBbO,IAjBE,WACf,OACE,kBAAC1C,EAAD,KACE,kBAACY,EAAD,KACE,kBAACc,EAAD,mBADF,8BAGE,kBAACQ,EAAD,iCAEF,kBAACF,EAAD,2CAEE,kBAACE,EAAD,6CAEF,kBAAC,IAAD,CAAmBO,SAAUD,O,mFCzBtBG,EAAsB1C,IAAOC,IAAV,kFAAGD,CAAH,2GACf,qBAAGE,MAAkByC,SAASxC,QAAQ,OAK3B,qBAAGD,MAAkByC,SAASrC,YAAYC,UACnD,qBAAGL,MAAkByC,SAASxC,QAAQ,MAI5CyC,EAAkB5C,IAAO6C,GAAV,8EAAG7C,CAAH,mHACb,qBAAGE,MAAkByC,SAASG,KAAKC,MAAMZ,QACvC,qBAAGjC,MAAkByC,SAASG,KAAKC,MAAM5B,cAC/C,qBAAGjB,MAAkByC,SAASN,MAAMW,KAAKC,SAGxB,qBAAG/C,MAAkByC,SAASrC,YAAYC,UACrD,qBAAGL,MAAkByC,SAASG,KAAKI,MAAMf,QACvC,qBAAGjC,MAAkByC,SAASG,KAAKI,MAAM/B,cAI/CgC,EAAqBnD,IAAOoD,GAAV,iFAAGpD,CAAH,iSAChB,qBAAGE,MAAkByC,SAASG,KAAKO,OAAOlB,QACxC,qBAAGjC,MAAkByC,SAASG,KAAKO,OAAOlC,cAC1C,qBAAGjB,MAAkByC,SAASG,KAAKQ,OAAOC,WAC/C,qBAAGrD,MAAkByC,SAASxC,QAAQ,OACvC,qBAAGD,MAAkByC,SAASN,MAAMmB,SAS7B,qBAAGnB,SASO,qBAAGnC,MAAkByC,SAASrC,YAAYC,UAErD,qBAAGL,MAAkByC,SAASG,KAAKW,OAAOtB,QACxC,qBAAGjC,MAAkByC,SAASG,KAAKW,OAAOtC,cAIhDuC,EAAwB1D,IAAOgC,EAAV,oFAAGhC,CAAH,4FACnB,qBAAGE,MAAkByC,SAASG,KAAKC,MAAMZ,QACvC,qBAAGjC,MAAkByC,SAASG,KAAKC,MAAM5B,cAC/C,qBAAGjB,MAAkByC,SAASN,MAAMW,KAAKW,QAExB,qBAAGzD,MAAkByC,SAASrC,YAAYG,UACnD,qBAAGP,MAAkBiB,WAAWC,aCjD7CwC,EAAa,SAAC,GAA6C,IAA3CC,EAA0C,EAA1CA,MAAOC,EAAmC,EAAnCA,SAAUC,EAAyB,EAAzBA,YAAa1B,EAAY,EAAZA,MAClD,OACE,kBAACK,EAAD,KACE,kBAACE,EAAD,KAAkBiB,GAClB,kBAACV,EAAD,CAAoBd,MAAOA,GAAQyB,GAClCC,GAAe,kBAACL,EAAD,KAAwBK,KAY9CH,EAAWI,aAAe,CACxB3B,MAAOnC,IAAMyC,SAASN,MAAM4B,SAASC,MAGxBN,O,sNCxBA7D,EAPGC,IAAOC,IAAV,oEAAGD,CAAH,uEACI,qBAAGE,MAAkBiE,OAAOR,QAC/B,qBAAGzD,MAAkBkE,QAAQC,iBACvB,qBAAGnE,MAAkBmB,OAAOiD,SCUnCC,EAVH,SAAC,GAAD,IAAGC,EAAH,EAAGA,SAAUC,EAAb,EAAaA,UAAb,OACV,kBAAC,EAAD,KACE,yBAAKA,UAAWA,GAAYD,KCJnBzE,EAAYC,YAAOuE,GAAV,oEAAGvE,CAAH,0YAIT,qBAAGE,MAAkBC,QAAQK,WAC1B,qBAAGN,MAAkBwE,cAKnB,qBAAGxE,MAAkBwE,cACf,qBAAGxE,MAAkBmB,OAAOsD,aAC/B,qBAAGzE,MAAkBiE,OAAOR,QAI7B,qBAAGzD,MAAkBwE,cAIb,qBAAGxE,MAAkBI,YAAYC,UAC9C,qBAAGL,MAAkBC,QAAQO,SAGhB,qBAAGR,MAAkBI,YAAYG,UAC9C,qBAAGP,MAAkBC,QAAQO,SAIlB,qBAAGR,MAAkBmB,OAAOiD,SASzCM,EAAgB5E,IAAOC,IAAV,wEAAGD,CAAH,MAEbW,EAAQX,IAAOY,GAAV,gEAAGZ,CAAH,mFACP,qBAAGE,MAAkBW,MAAMQ,OAAOC,WAC9B,uBAAGpB,MAAqBW,MAAMG,MAAMC,SAASC,YAGhC,qBAAGhB,MAAkBI,YAAYuE,mBAC5C,uBAAG3E,MAAqBW,MAAMG,MAAMC,SAASM,YAIjDuD,EAAS9E,IAAO+E,GAAV,iEAAG/E,CAAH,iJAER,qBAAGE,MAAkBmB,OAAOC,WACtB,qBAAGpB,MAAkBC,QAAQ6E,UAC/B,uBAAG9E,MAAqBW,MAAMG,MAAMC,SAASM,YAEhC,qBAAGrB,MAAkBI,YAAYuE,mBAC5C,uBAAG3E,MAAqBC,QAAQ8E,aAGrB,qBAAG/E,MAAkBI,YAAYG,UAC1C,qBAAGP,MAAkBC,QAAQ0B,SAInCqD,EAAgBlF,IAAOC,IAAV,wEAAGD,CAAH,mDAIR,qBAAGE,MAAkBwE,cC/CxBS,EAnBI,SAAC,GAAuB,IAArBtB,EAAoB,EAApBA,MAAOuB,EAAa,EAAbA,OAC3B,OACE,kBAAC,EAAD,KACE,kBAACR,EAAD,KACE,kBAACjE,EAAD,KAAQkD,GACR,kBAACiB,EAAD,KAASM,IAEX,kBAACF,EAAD,KACE,kBAAC,IAAD,S,8HCiBOG,EA/Be,CAC5B,CACEC,GAAI,EACJpB,KAAM,IAER,CACEoB,GAAI,EACJpB,KAAM,oCAER,CACEoB,GAAI,EACJpB,KAAM,qBAER,CACEoB,GAAI,EACJpB,KAAM,oBAER,CACEoB,GAAI,EACJpB,KAAM,YAER,CACEoB,GAAI,EACJpB,KAAM,oBAER,CACEoB,GAAI,EACJpB,KAAM,U,YCzBGnE,EAAYC,IAAOC,IAAV,wEAAGD,CAAH,yDACF,qBAAGE,MAAkBC,QAAQO,SAGpC,qBAAGR,MAAkBmB,OAAOC,WAI5BiE,EAAWvF,IAAOwF,SAAV,uEAAGxF,CAAH,mlBAKV,qBAAGE,MAAkBW,MAAMQ,OAAOC,WAC3B,qBAAGpB,MAAkBC,QAAQ6E,UAC5B,qBAAG9E,MAAkBiE,OAAOR,QAE9B,qBAAGzD,MAAkBW,MAAMC,QAAQC,UACrC,qBAAGb,MAAkBW,MAAMG,MAAMM,WAC/B,qBAAGpB,MAAkBC,QAAQO,SACjC,qBAAGR,MAAkBC,QAAQ6E,UACpB,qBAAG9E,MAAkBmB,OAAOsD,aAEtC,qBAAGzE,MAAkBC,QAAQC,WACzB,qBAAGF,MAAkBC,QAAQC,WAGhC,qBAAGF,MAAkBW,MAAMQ,OAAOC,WACvB,qBAAGpB,MAAkBmB,OAAOC,WAC5B,qBAAGpB,MAAkBmB,OAAOiD,SAKvC,qBAAGpE,MAAkBC,QAAQ0B,SAIrB,qBAAG3B,MAAkBC,QAAQ0B,SAI7B,qBAAG3B,MAAkBC,QAAQ0B,SAC1B,qBAAG3B,MAAkBmB,OAAOoE,eAI5B,qBAAGvF,MAAkBmB,OAAOoE,eAGxB,qBAAGvF,MAAkBI,YAAYG,UAOhDiF,EAAQ1F,IAAO2F,MAAV,oEAAG3F,CAAH,qIAKC,qBAAGE,MAAkBC,QAAQ0B,SAE/B,qBAAG3B,MAAkBW,MAAMC,QAAQ8E,SACrC,qBAAG1F,MAAkBW,MAAMG,MAAMM,WACrC,qBAAGpB,MAAkBW,MAAMQ,OAAOD,aC/DvCyE,EAAe,SAAC,GAAsD,IAApDF,EAAmD,EAAnDA,MAAOG,EAA4C,EAA5CA,KAAMC,EAAsC,EAAtCA,KAAMC,EAAgC,EAAhCA,MAAOC,EAAyB,EAAzBA,SAAUC,EAAe,EAAfA,SAC1D,OACE,kBAAC,EAAD,KACE,kBAACR,EAAD,CAAOS,QAASJ,GAAOJ,GACvB,kBAACJ,EAAD,CACEO,KAAMA,EACNR,GAAIS,EACJA,KAAMA,EACNC,MAAOA,EACPC,SAAUA,EACVN,MAAOA,EACPO,SAAUA,MAelBL,EAAa7B,aAAe,CAC1BkC,UAAU,GAEGL,Q,YChCFO,EAAcpG,IAAOC,IAAV,yEAAGD,CAAH,oJAOR,qBAAGE,MAAkBC,QAAQ0B,SAC1B,qBAAG3B,MAAkBC,QAAQO,SAC5C,qBAAG2F,WACO,uKAKDtG,EAAYC,IAAOC,IAAV,uEAAGD,CAAH,kFAMT,qBAAGE,MAAkBmB,OAAOC,WAI5BgF,EAAOtG,IAAOC,IAAV,kEAAGD,CAAH,yGAGN,qBAAGE,MAAkBC,QAAQqB,YACpC,qBAAG+E,UACS,uCAAyC,qCAG5C,qBAAGrG,MAAkBC,QAAQqG,WAU7BC,EAAazG,IAAO2F,MAAV,wEAAG3F,CAAH,0DAEN,qBAAGE,MAAkBW,MAAMC,QAAQ8E,SACrC,qBAAG1F,MAAkBW,MAAMG,MAAMM,WAC5C,qBAAG+E,WACO,6BAAkC,qBAAGnG,MAAkByC,SAASN,MAAMW,KAAKW,SAG5E+C,EAAc1G,IAAO2F,MAAV,yEAAG3F,CAAH,mBAIX2G,EAAqB3G,IAAO0B,KAAV,gFAAG1B,CAAH,+CAMlB4G,EAAa5G,IAAO6G,OAAV,wEAAG7G,CAAH,wjBAIZ,qBAAGE,MAAkBW,MAAMQ,OAAOC,WAC1B,qBAAGpB,MAAkBiE,OAAOR,QAE9B,qBAAGzD,MAAkBW,MAAMC,QAAQC,UACrC,qBAAGb,MAAkBW,MAAMG,MAAMM,WACnC,qBAAGpB,MAAkBC,QAAQ6E,UACpB,qBAAG9E,MAAkBmB,OAAOsD,aAUrC,qBAAGzE,MAAkBW,MAAMQ,OAAOC,WACvB,qBAAGpB,MAAkBmB,OAAOC,WAC5B,qBAAGpB,MAAkBmB,OAAOiD,SAK5B,qBAAGpE,MAAkByC,SAASN,MAAMyE,WAAWC,YAC1D,qBAAG7G,MAAkByC,SAASN,MAAM0E,YAQrB,qBAAG7G,MAAkBI,YAAYC,UAC9C,qBAAGL,MAAkBC,QAAQ6G,WAGhB,qBAAG9G,MAAkBI,YAAYG,UAC9C,qBAAGP,MAAkBC,QAAQ6G,WAI/BC,EAAejH,IAAOkH,OAAV,0EAAGlH,CAAH,8BACV,qBAAGE,MAAkBW,MAAMG,MAAMI,aACrC,qBAAGlB,MAAkBW,MAAMQ,OAAOC,WC7FvC6F,EAAS,SAAC,GAAmF,IAAjFC,EAAgF,EAAhFA,QAASC,EAAuE,EAAvEA,UAAWtB,EAA4D,EAA5DA,KAAMC,EAAsD,EAAtDA,MAAOC,EAA+C,EAA/CA,SAAUN,EAAqC,EAArCA,MAAO2B,EAA8B,EAA9BA,YAAajB,EAAiB,EAAjBA,WAAiB,EACxEkB,oBAAS,GAA1BC,EADyF,KACnFC,EADmF,KAKhG,OACE,kBAAC,EAAD,KACE,kBAAChB,EAAD,CAAYN,QAASkB,EAAWhB,WAAYA,GACzCV,GAEH,kBAACS,EAAD,CAAasB,QAPG,kBAAMD,GAASD,IAOInB,WAAYA,GAC7C,kBAAC,EAAD,KACE,kBAACK,EAAD,CAAaP,QAASJ,GAAOC,GAC7B,kBAACY,EAAD,CAAYb,KAAMA,EAAMT,GAAIS,EAAMC,MAAOA,EAAOC,SAAUA,EAAUc,SAAUV,GAC3EiB,GACC,4BAAQP,UAAQ,EAACY,QAAM,GACpBL,GAGJF,EAAQQ,KAAI,SAAAV,GAAM,OACjB,kBAACD,EAAD,CAAcY,IAAKX,EAAO5B,GAAIU,MAAOkB,EAAOhD,MACzCgD,EAAOhD,WAKhB,kBAACoC,EAAD,KACE,kBAACK,EAAD,MACA,kBAAC,IAAD,CAAQmB,QAAQ,OAAOC,UAAWP,EAAO,OAAS,QAAST,SAAUV,GACnE,kBAAC,IAAD,WAmBZc,EAAOnD,aAAe,CACpBqC,YAAY,GAGCc,QCnEFa,EAAOhI,IAAOiI,KAAV,+DAAGjI,CAAH,2OAKJ,qBAAGE,MAAkBC,QAAQE,UAG7B,qBAAGH,MAAkBW,MAAMQ,OAAOD,aAGnB,qBAAGlB,MAAkBI,YAAYuE,mBAC9C,qBAAG3E,MAAkBC,QAAQK,WAGhB,qBAAGN,MAAkBI,YAAYC,UAC9C,qBAAGL,MAAkBC,QAAQO,SAGhB,qBAAGR,MAAkBI,YAAYG,UAC9C,qBAAGP,MAAkBC,QAAQO,SAI/BwH,EAAkBlI,IAAOC,IAAV,0EAAGD,CAAH,iFAEtB,gBAAGE,EAAH,EAAGA,MAAH,kBAA2BA,EAAMC,QAAQ6G,QAAzC,IAAoD9G,EAAMC,QAAQgI,QAG5C,qBAAGjI,MAAkBI,YAAYG,UAQhD2H,EAAQpI,IAAOgC,EAAV,gEAAGhC,CAAH,gBACP,qBAAGE,MAAkBmB,OAAOgH,S,yHC5BvC,IAgIeC,EAhIK,SAAC,GAAgC,IAA9BC,EAA6B,EAA7BA,SAAUC,EAAmB,EAAnBA,aAAmB,EACpBjB,oBAAS,GAAhCkB,EAD2C,KAClCC,EADkC,OAExBnB,mBAAS,IAA5Bc,EAF2C,KAEpCM,EAFoC,KAI5CC,EAAe,CACnB7C,KAAM,GACN8C,SAAU,GACVC,MAAO,GACPC,QAAS,GACTC,SAAU,GACVC,QAAS,IAVuC,EAatB1B,mBAASqB,GAA9BM,EAb2C,KAanCC,EAbmC,KAe1CpD,EAAsDmD,EAAtDnD,KAAM8C,EAAgDK,EAAhDL,SAAUC,EAAsCI,EAAtCJ,MAAOC,EAA+BG,EAA/BH,QAASC,EAAsBE,EAAtBF,SAAUC,EAAYC,EAAZD,QAE5CG,EAAe,SAAC,GAAgB,IAAD,EAAbC,EAAa,EAAbA,OACtBF,EAAU,OAAD,UACJD,IADI,MAENG,EAAOtD,MAAOsD,EAAOrD,MAFf,MAcLsD,EAAe,SAACC,GAJC,IAAAC,OAIe,IAAhBD,OAAM,GAC1BE,OAAOC,UAAYD,OAAOC,WAAa,GACvCD,OAAOC,UAAUC,KAAjB,eACEC,MAAM,YAAYL,EAAM,QAAU,YAC9BA,GAReC,EAQMN,EAPpBW,OAAOC,KAAKN,GAAKO,QAAO,SAACC,EAAGC,GAAJ,OAAYD,EAAK,SAAWC,GAAOT,EAAIS,GAAKD,IAAI,KAO1Cd,KAIjCgB,EAAY,e,EAAA,G,EAAA,UAAG,WAAMC,GAAN,SAAAH,EAAA,6DACnBG,EAAEC,iBACF1B,GAAW,GAFQ,kBAIX2B,IAAM,CACVC,OAAQ,OACRC,IAAKC,4DACLC,KAAM,IAAIC,SAASP,EAAEd,UAPN,OASjBC,IACAf,IAzBFY,EAAUP,GAeS,kDAajBU,GAAa,GACbX,GAAS,GAdQ,QAgBnBD,GAAW,GAhBQ,yD,+KAAH,sDAmBlB,OACE,kBAACV,EAAD,CAAMjC,KAAK,UAAUwC,SAAU2B,GAC7B,kBAAC,IAAD,CACEpE,KAAK,OACLC,KAAK,OACLC,MAAOD,EACPE,SAAUmD,EACVzD,MAAM,aACNO,UAAQ,IAEV,kBAAC,IAAD,CACEJ,KAAK,OACLC,KAAK,WACLC,MAAO6C,EACP5C,SAAUmD,EACVzD,MAAM,YACNO,UAAQ,IAEV,kBAAC,IAAD,CACEJ,KAAK,QACLC,KAAK,QACLC,MAAO8C,EACP7C,SAAUmD,EACVzD,MAAM,SACNO,UAAQ,IAEV,kBAAC,IAAD,CACEJ,KAAK,OACLC,KAAK,UACLC,MAAO+C,EACP9C,SAAUmD,EACVzD,MAAM,YAER,kBAAC,EAAD,CACEyB,QAASA,EACTC,UAAU,WACVtB,KAAK,WACLC,MAAOgD,EACP/C,SAAUmD,EACVzD,MAAM,yBAER,kBAAC,EAAD,CACEG,KAAK,OACLC,KAAK,UACLC,MAAOiD,EACPhD,SAAUmD,EACVzD,MAAM,wCACNO,UAAQ,IAETmC,GACC,kBAACD,EAAD,iDAC4C,IAC1C,uBAAGuC,KAAI,UAAYnC,GAAiBA,IAGxC,kBAACN,EAAD,KACE,kBAAC,IAAD,CAAQpC,KAAK,SAASiB,SAAU0B,GAC7BA,EAAU,aAAe,W,oCC9HvBmC,EAAS5K,IAAOC,IAAV,6EAAGD,CAAH,4nBAEA,qBAAGE,MAAkBC,QAAQgI,QAGnC,qBAAGjI,MAAkByC,SAASN,MAAMW,KAAKW,QAIlC,qBAAGzD,MAAkByC,SAASN,MAAM4B,SAASC,QAK1C,qBAAGhE,MAAkBC,QAAQ0B,SAIvC,qBAAG3B,MAAkBW,MAAMQ,OAAOD,aAG7B,qBAAGlB,MAAkBC,QAAQO,SAIlC,qBAAGR,MAAkBW,MAAMQ,OAAOD,aAGlC,qBAAGlB,MAAkBW,MAAMQ,OAAOD,aACjB,qBAAGlB,MAAkBI,YAAYC,UAC1C,qBAAGL,MAAkBC,QAAQqB,YAEpB,qBAAGtB,MAAkBI,YAAYG,UAInC,qBAAGP,MAAkBI,YAAYG,UACxC,qBAAGP,MAAkBC,QAAQK,WAE3B,qBAAGN,MAAkBC,QAAQO,SAC/B,qBAAGR,MAAkBC,QAAQqB,YAO7B,qBAAGtB,MAAkBC,QAAQqB,YAKrCqJ,EAAgB7K,IAAOC,IAAV,oFAAGD,CAAH,sCAUb8K,GALO9K,IAAO0B,KAAV,2EAAG1B,CAAH,oCACA,qBAAGE,MAAkBW,MAAMC,QAAQC,UAIzBf,IAAO+K,QAAV,kFAAG/K,CAAH,+HAEJ,qBAAGE,MAAkBC,QAAQC,WACrB,qBAAGF,MAAkBI,YAAYuE,mBACvC,qBAAG3E,MAAkBC,QAAQgI,QAEvB,qBAAGjI,MAAkBI,YAAYG,WAKhDuK,GAAUhL,IAAOC,IAAV,8EAAGD,CAAH,8LAMQ,qBAAGE,MAAkBI,YAAYuE,mBAKjC,qBAAG3E,MAAkBI,YAAYG,UAKhDwK,GAAOjL,IAAOkL,GAAV,2EAAGlL,CAAH,gLAIW,qBAAGE,MAAkBI,YAAYuE,mBAEzC,qBAAG3E,MAAkBC,QAAQqG,WAGrB,qBAAGtG,MAAkBI,YAAYG,UAGzC,qBAAGP,MAAkBC,QAAQO,SAKpCyK,GAAOnL,IAAOoL,GAAV,2EAAGpL,CAAH,+GACD,qBAAGE,MAAkBC,QAAQgI,QACjB,qBAAGjI,MAAkBI,YAAYC,UAC3C,qBAAGL,MAAkBC,QAAQO,SAEnB,qBAAGR,MAAkBI,YAAYG,UAC3C,qBAAGP,MAAkBC,QAAQO,SAIlC2K,GAAoBrL,IAAOC,IAAV,wFAAGD,CAAH,4WAQF,qBAAGE,MAAkBI,YAAYuE,mBAGjC,qBAAG3E,MAAkBI,YAAYC,UAGjC,qBAAGL,MAAkBI,YAAYG,UAGjC,qBAAGP,MAAkBI,YAAYgL,eC7GhDb,GAAI,aAsHFc,UAnFK,SAAC,GAAwB,IAAtBd,EAAqB,EAArBA,KAAMe,EAAe,EAAfA,SAAe,EACFjE,oBAAS,GAA1CkE,EADmC,KACrBC,EADqB,KAGpCC,EACJlB,EAAKmB,0BAA0BC,kDAC3BC,EAAiBrB,EAAKsB,kBAAkBC,MAAM,GAAGC,KACjDC,EAAezB,EAAKsB,kBAAkBC,MAAM,GAAGC,KAAKC,aAAaC,KAAK5B,IACtE6B,EAAqB3B,EAAKsB,kBAAkBC,MAAM,GAAGC,KAAKG,mBAC1DC,EAAe5B,EAAKsB,kBAAkBC,MAAM,GAAGC,KAAKI,aAE1D,OACE,kBAAC,IAAD,CAAQC,KAAMd,EAASe,UACrB,kBAAC,IAAD,CACE1I,MAAOwI,EACPtI,YAAaqI,EACbI,QAAQ,QACRC,MAAOP,EACPQ,SAAS,sCACT5G,KAAK,YAEP,kBAAC8E,EAAD,KACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CACE/G,MAAOiI,EAAea,eACtB7I,SAAU8I,oCAA0Bd,EAAee,YAAYC,MAC/D/I,YAAagJ,YAAgBjB,EAAekB,kBAAkBA,uBAIpE,kBAAC3B,GAAD,MACA,kBAACP,EAAD,KACE,kBAAC,IAAD,KACE,kBAAC,YAAD,CAAWmC,OAAO,EAAMC,UAAWrC,GACjC,kBAAC,MAAD,KACE,kBAAC,MAAD,CAAKsC,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,GAC9B,kBAACtC,GAAD,KACE,kBAAC,EAAD,MACIS,GACA,kBAAC,EAAD,CACElD,SAAU,kBAAMmD,GAAgB,IAChClD,aAAcmD,EAAY4B,UAAUC,OAAO,GAAG1E,QAGjD2C,GACC,kBAAC,IAAD,CACE5H,MAAM,0BACN4J,aAAa,aACbC,SAAS,0CACTC,WAAW,4BACXC,GAAG,aAMb,kBAAC,MAAD,CAAKT,GAAI,GAAIC,GAAI,GAAIC,GAAI,EAAGC,GAAI,GAC9B,kBAACtC,GAAD,KACE,kBAACC,GAAD,KACE,kBAACE,GAAD,KACE,uBACER,KAAI,UAAYgB,EAAY4B,UAAUC,OAAO,GAAG1E,MAChDO,OAAO,SACPwE,IAAI,cAEJ,kBAAC,EAAD,CAAYhK,MAAM,gBAAgBuB,OAAO,qBAG7C,kBAAC+F,GAAD,KACE,kBAAC,IAAD,CAAMyC,GAAG,YACP,kBAAC,EAAD,CAAY/J,MAAM,yBAAyBuB,OAAO,iC,kCChI1E,EAAQ,OAAR,CAA0B,QAAQ,SAAU0I,GAC1C,OAAO,WACL,OAAOA,EAAWC,KAAM,IAAK,GAAI","file":"component---src-pages-contact-js-34010306a438dd5b8150.js","sourcesContent":["import styled from 'styled-components';\n\nexport const Container = styled.div`\n  display: flex;\n  align-items: flex-start;\n  justify-content: flex-start;\n  flex-direction: column;\n  overflow: hidden;\n  margin: ${({ theme }) => theme.spacing.longest} ${({ theme }) => theme.spacing.longSM};\n\n  @media only screen and (${({ theme }) => theme.breakpoints.tablet}) {\n    margin: ${({ theme }) => theme.spacing.largest};\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\n    margin: ${({ theme }) => theme.spacing.large};\n  }\n`;\n\nexport const Title = styled.h4`\n  font-weight: ${({ theme }) => theme.fonts.weights.normal};\n  font-size: ${({ theme }) => theme.fonts.sizes.headings.heading5};\n  line-height: ${({ theme }) => theme.lineHeight.secondary};\n  color: ${({ theme }) => theme.fonts.colors.primary};\n\n  @media only screen and (${({ theme }) => theme.breakpoints.tablet}) {\n    font-size: ${({ theme }) => theme.fonts.sizes.headings.heading6};\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\n    font-size: ${({ theme }) => theme.fonts.sizes.headings.heading6};\n\n    span:nth-child(2) {\n      display: inline;\n      margin-left: ${({ theme }) => theme.spacing.smallest};\n    }\n  }\n`;\n\nexport const ColoredTitle = styled.span`\n  color: ${({ theme }) => theme.colors.primary};\n  font-size: ${({ theme }) => theme.fonts.sizes.headings.heading3};\n  font-weight: ${({ theme }) => theme.fonts.weights.bold};\n  display: block;\n  margin-bottom: ${({ theme }) => theme.spacing.small};\n\n  @media only screen and (${({ theme }) => theme.breakpoints.tablet}) {\n    font-size: ${({ theme }) => theme.fonts.sizes.headings.heading4};\n    margin-bottom: ${({ theme }) => theme.spacing.small};\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\n    margin-bottom: ${({ theme }) => theme.spacing.small};\n  }\n`;\n\nexport const Subtitle = styled.p`\n  color: ${({ theme }) => theme.fonts.colors.secondary};\n  font-size: ${({ theme }) => theme.fonts.sizes.headings.heading6};\n  line-height: ${({ theme }) => theme.lineHeight.secondary};\n  margin-top: ${({ theme }) => theme.spacing.smallest};\n\n  span {\n    color: ${({ theme }) => theme.fonts.colors.secondary};\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.tablet}) {\n    font-size: ${({ theme }) => theme.fonts.sizes.secondary};\n    margin-bottom: ${({ theme }) => theme.spacing.large};\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\n    font-size: ${({ theme }) => theme.fonts.sizes.secondary};\n  }\n`;\n\nexport const Span = styled.span`\n  font-weight: ${({ theme }) => theme.fonts.weights.normal};\n  display: block;\n`;\n","import React from 'react';\n\nimport SocialNetworkList from 'atomic-design/atoms/social-network-list';\nimport theme from 'styles/theme';\nimport iconList from 'domain/socialMediaIcons';\n\nimport { Container, Title, ColoredTitle, Subtitle, Span } from './styles';\n\nconst args = {\n  size: theme.fonts.sizes.icon,\n  color: theme.colors.icon.dark,\n};\n\nconst icons = iconList({ ...args });\n\nconst ThankYou = () => {\n  return (\n    <Container>\n      <Title>\n        <ColoredTitle>Thank you!</ColoredTitle>\n        Keep one eye on your inbox.\n        <Span>We’ll be in touch soon.</Span>\n      </Title>\n      <Subtitle>\n        Meanwhile, let’s connect on social?\n        <Span>Follow us and see what we’re up to:</Span>\n      </Subtitle>\n      <SocialNetworkList iconList={icons} />\n    </Container>\n  );\n};\n\nexport default ThankYou;\n","import styled from 'styled-components';\n\nexport const ContainerPageHeader = styled.div`\n  padding-top: ${({ theme }) => theme.newTheme.spacing(16)};\n  position: relative;\n  width: 100%;\n  z-index: 9;\n\n  @media only screen and (${({ theme }) => theme.newTheme.breakpoints.tablet}) {\n    padding-top: ${({ theme }) => theme.newTheme.spacing(6)};\n  }\n`;\n\nexport const PageHeaderTitle = styled.h1`\n  font-size: ${({ theme }) => theme.newTheme.font.text1.size};\n  line-height: ${({ theme }) => theme.newTheme.font.text1.lineHeight};\n  color: ${({ theme }) => theme.newTheme.color.grey.light};\n  margin: 0;\n\n  @media only screen and (${({ theme }) => theme.newTheme.breakpoints.tablet}) {\n    font-size: ${({ theme }) => theme.newTheme.font.text2.size};\n    line-height: ${({ theme }) => theme.newTheme.font.text2.lineHeight};\n  }\n`;\n\nexport const PageHeaderSubtitle = styled.h2`\n  font-size: ${({ theme }) => theme.newTheme.font.title1.size};\n  line-height: ${({ theme }) => theme.newTheme.font.title1.lineHeight};\n  font-weight: ${({ theme }) => theme.newTheme.font.weight.regular};\n  margin: ${({ theme }) => theme.newTheme.spacing(10)} 0;\n  color: ${({ theme }) => theme.newTheme.color.black};\n  width: 80%;\n\n  u {\n    text-decoration: none;\n    display: block;\n  }\n\n  b {\n    background: ${({ color }) => color};\n    -webkit-background-clip: text;\n    -webkit-text-fill-color: transparent;\n  }\n\n  p {\n    margin: 0;\n  }\n\n  @media only screen and (${({ theme }) => theme.newTheme.breakpoints.tablet}) {\n    width: 100%;\n    font-size: ${({ theme }) => theme.newTheme.font.title3.size};\n    line-height: ${({ theme }) => theme.newTheme.font.title3.lineHeight};\n  }\n`;\n\nexport const PageHeaderDescription = styled.p`\n  font-size: ${({ theme }) => theme.newTheme.font.text1.size};\n  line-height: ${({ theme }) => theme.newTheme.font.text1.lineHeight};\n  color: ${({ theme }) => theme.newTheme.color.grey.main};\n\n  @media only screen and (${({ theme }) => theme.newTheme.breakpoints.mobile}) {\n    line-height: ${({ theme }) => theme.lineHeight.secondary};\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport theme from 'styles/theme';\n\nimport {\n  ContainerPageHeader,\n  PageHeaderTitle,\n  PageHeaderSubtitle,\n  PageHeaderDescription,\n} from './styles';\n\nconst PageHeader = ({ title, subTitle, description, color }) => {\n  return (\n    <ContainerPageHeader>\n      <PageHeaderTitle>{title}</PageHeaderTitle>\n      <PageHeaderSubtitle color={color}>{subTitle}</PageHeaderSubtitle>\n      {description && <PageHeaderDescription>{description}</PageHeaderDescription>}\n    </ContainerPageHeader>\n  );\n};\n\nPageHeader.propTypes = {\n  title: PropTypes.string.isRequired,\n  subTitle: PropTypes.string.isRequired,\n  description: PropTypes.string.isRequired,\n  color: PropTypes.string,\n};\n\nPageHeader.defaultProps = {\n  color: theme.newTheme.color.gradient.text,\n};\n\nexport default PageHeader;\n","import styled from 'styled-components';\n\nconst Container = styled.div`\n  border-radius: ${({ theme }) => theme.radius.main};\n  box-shadow: ${({ theme }) => theme.shadows.buttonPrimary};\n  background-color: ${({ theme }) => theme.colors.white};\n  width: 100%;\n`;\n\nexport default Container;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport Container from './styles';\n\nconst Box = ({ children, className }) => (\n  <Container>\n    <div className={className}>{children}</div>\n  </Container>\n);\n\nBox.propTypes = {\n  children: PropTypes.node.isRequired,\n};\n\nexport default Box;\n","import styled from 'styled-components';\nimport Box from 'atomic-design/atoms/box';\n\nexport const Container = styled(Box)`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  padding: ${({ theme }) => theme.spacing.largest};\n  transition: ${({ theme }) => theme.transition};\n  overflow: hidden;\n  cursor: pointer;\n\n  &:hover {\n    transition: ${({ theme }) => theme.transition};\n    background-color: ${({ theme }) => theme.colors.inputForm};\n    border-radius: ${({ theme }) => theme.radius.main};\n\n    svg {\n      transform: translateY(5px);\n      transition: ${({ theme }) => theme.transition};\n    }\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.tablet}) {\n    padding: ${({ theme }) => theme.spacing.large};\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\n    padding: ${({ theme }) => theme.spacing.large};\n\n    &:hover {\n      transition: none;\n      background-color: ${({ theme }) => theme.colors.white};\n\n      svg {\n        transform: translateY(0);\n      }\n    }\n  }\n`;\n\nexport const TextContainer = styled.div``;\n\nexport const Title = styled.h4`\n  color: ${({ theme }) => theme.fonts.colors.primary};\n  font-size: ${({ theme }) => `${theme.fonts.sizes.headings.heading5}`};\n  margin: 0;\n\n  @media only screen and (${({ theme }) => theme.breakpoints.tabletLandscape}) {\n    font-size: ${({ theme }) => `${theme.fonts.sizes.headings.heading6}`};\n  }\n`;\n\nexport const Action = styled.h5`\n  margin: 0;\n  color: ${({ theme }) => theme.colors.primary};\n  padding-top: ${({ theme }) => theme.spacing.medium};\n  font-size: ${({ theme }) => `${theme.fonts.sizes.headings.heading6}`};\n\n  @media only screen and (${({ theme }) => theme.breakpoints.tabletLandscape}) {\n    font-size: ${({ theme }) => `${theme.spacing.spacing20}`};\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\n    padding-top: ${({ theme }) => theme.spacing.small};\n  }\n`;\n\nexport const IconContainer = styled.div`\n  transform: rotate(-90deg);\n\n  svg {\n    transition: ${({ theme }) => theme.transition};\n  }\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { ChevronArrow } from 'ui/svg';\nimport { Action, Container, IconContainer, TextContainer, Title } from './styles';\n\nconst CardButton = ({ title, action }) => {\n  return (\n    <Container>\n      <TextContainer>\n        <Title>{title}</Title>\n        <Action>{action}</Action>\n      </TextContainer>\n      <IconContainer>\n        <ChevronArrow />\n      </IconContainer>\n    </Container>\n  );\n};\n\nCardButton.propTypes = {\n  title: PropTypes.string.isRequired,\n  action: PropTypes.string.isRequired,\n};\n\nexport default CardButton;\n","const interestSelectOptions = [\n  {\n    id: 0,\n    text: '',\n  },\n  {\n    id: 1,\n    text: 'Software Development Outsourcing',\n  },\n  {\n    id: 2,\n    text: 'Team Augmentation',\n  },\n  {\n    id: 3,\n    text: 'Tech Consultancy',\n  },\n  {\n    id: 4,\n    text: 'Staffing',\n  },\n  {\n    id: 5,\n    text: 'Referral Program',\n  },\n  {\n    id: 6,\n    text: 'Other',\n  },\n];\n\nexport default interestSelectOptions;\n","import styled from 'styled-components';\n\nexport const Container = styled.div`\n  padding-bottom: ${({ theme }) => theme.spacing.large};\n\n  &:focus-within label {\n    color: ${({ theme }) => theme.colors.primary};\n  }\n`;\n\nexport const TextArea = styled.textarea`\n  resize: none;\n  width: 100%;\n  overflow-y: auto;\n  margin: 0;\n  color: ${({ theme }) => theme.fonts.colors.primary};\n  padding-left: ${({ theme }) => theme.spacing.medium};\n  border-radius: ${({ theme }) => theme.radius.main};\n  font-style: normal;\n  font-weight: ${({ theme }) => theme.fonts.weights.normal};\n  font-size: ${({ theme }) => theme.fonts.sizes.primary};\n  line-height: ${({ theme }) => theme.spacing.large};\n  padding: ${({ theme }) => theme.spacing.medium};\n  background-color: ${({ theme }) => theme.colors.inputForm};\n  border: 2px solid transparent;\n  height: ${({ theme }) => theme.spacing.longest};\n  max-height: ${({ theme }) => theme.spacing.longest};\n\n  &:focus {\n    color: ${({ theme }) => theme.fonts.colors.primary};\n    border: 2px solid ${({ theme }) => theme.colors.primary};\n    background-color: ${({ theme }) => theme.colors.white};\n    outline: none;\n  }\n\n  ::-webkit-scrollbar {\n    width: ${({ theme }) => theme.spacing.small};\n  }\n\n  ::-webkit-scrollbar-track {\n    border-radius: ${({ theme }) => theme.spacing.small};\n  }\n\n  ::-webkit-scrollbar-thumb {\n    border-radius: ${({ theme }) => theme.spacing.small};\n    background-color: ${({ theme }) => theme.colors.hoverButton};\n  }\n\n  ::-webkit-scrollbar-thumb:window-inactive {\n    background-color: ${({ theme }) => theme.colors.hoverButton};\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\n    ::-webkit-scrollbar {\n      display: none;\n    }\n  }\n`;\n\nexport const Label = styled.label`\n  display: flex;\n  align-items: center;\n  margin: 0;\n  padding: 0;\n  margin-bottom: ${({ theme }) => theme.spacing.small};\n  font-style: normal;\n  font-weight: ${({ theme }) => theme.fonts.weights.heavy};\n  font-size: ${({ theme }) => theme.fonts.sizes.primary};\n  color: ${({ theme }) => theme.fonts.colors.secondary};\n`;\n","import React from 'react';\nimport PropTypes from 'prop-types';\n\nimport { Container, TextArea, Label } from './styles';\n\nconst FormTextarea = ({ label, type, name, value, onChange, required }) => {\n  return (\n    <Container>\n      <Label htmlFor={name}>{label}</Label>\n      <TextArea\n        type={type}\n        id={name}\n        name={name}\n        value={value}\n        onChange={onChange}\n        label={label}\n        required={required}\n      />\n    </Container>\n  );\n};\n\nFormTextarea.propTypes = {\n  label: PropTypes.string.isRequired,\n  required: PropTypes.bool,\n  type: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  value: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n};\n\nFormTextarea.defaultProps = {\n  required: false,\n};\nexport default FormTextarea;\n","import styled from 'styled-components';\n\nexport const SelectInput = styled.div`\n  width: 100%;\n  position: relative;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  cursor: pointer;\n  margin-top: ${({ theme }) => theme.spacing.small};\n  margin-bottom: ${({ theme }) => theme.spacing.large};\n  ${({ isDisabled }) =>\n    isDisabled\n      ? `span { display: none;}`\n      : `span { background: linear-gradient(to right, transparent, rgba(235, 237, 245, 1) 69%); transform: translateX(-40px); border-radius: 8px}`}\n`;\n\nexport const Container = styled.div`\n  cursor: pointer;\n  position: relative;\n  width: 100%;\n\n  &:focus-within label {\n    color: ${({ theme }) => theme.colors.primary};\n  }\n`;\n\nexport const Icon = styled.div`\n  position: absolute;\n  transform: rotate(0);\n  right: ${({ theme }) => theme.spacing.smallest};\n  ${({ openClose }) =>\n    openClose ? 'button { transform: rotate(180deg) }' : 'button { transform: rotate(0) }'};\n\n  button {\n    width: ${({ theme }) => theme.spacing.largeXL};\n\n    &:disabled {\n      svg {\n        opacity: 0.3;\n      }\n    }\n  }\n`;\n\nexport const InputLabel = styled.label`\n  font-style: normal;\n  font-weight: ${({ theme }) => theme.fonts.weights.heavy};\n  font-size: ${({ theme }) => theme.fonts.sizes.primary};\n  ${({ isDisabled }) =>\n    isDisabled ? `color: lightGray` : `color: ${({ theme }) => theme.newTheme.color.grey.main}`};\n`;\n\nexport const SelectLabel = styled.label`\n  display: none;\n`;\n\nexport const BackgroundGradient = styled.span`\n  width: 75px;\n  height: 100%;\n  position: absolute;\n`;\n\nexport const SelectList = styled.select`\n  width: 100%;\n  cursor: pointer;\n  overflow: hidden;\n  color: ${({ theme }) => theme.fonts.colors.primary};\n  border-radius: ${({ theme }) => theme.radius.main};\n  font-style: normal;\n  font-weight: ${({ theme }) => theme.fonts.weights.normal};\n  font-size: ${({ theme }) => theme.fonts.sizes.primary};\n  padding: ${({ theme }) => theme.spacing.medium};\n  background-color: ${({ theme }) => theme.colors.inputForm};\n  -webkit-appearance: none;\n  -moz-appearance: none;\n  -o-appearance: none;\n  appearance: none;\n  outline: none;\n  border: 2px solid transparent;\n  margin: 0;\n\n  &:focus {\n    color: ${({ theme }) => theme.fonts.colors.primary};\n    border: 2px solid ${({ theme }) => theme.colors.primary};\n    background-color: ${({ theme }) => theme.colors.white};\n    outline: none;\n  }\n\n  &:disabled {\n    border: 2px solid ${({ theme }) => theme.newTheme.color.background.disabled} !important;\n    color: ${({ theme }) => theme.newTheme.color.disabled} !important;\n    background-color: transparent;\n  }\n\n  &::-ms-expand {\n    display: none;\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.tablet}) {\n    padding: ${({ theme }) => theme.spacing.smallXL};\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\n    padding: ${({ theme }) => theme.spacing.smallXL};\n  }\n`;\n\nexport const SelectOption = styled.option`\n  font-size: ${({ theme }) => theme.fonts.sizes.secondary};\n  color: ${({ theme }) => theme.fonts.colors.primary};\n`;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport Button from 'atomic-design/atoms/button';\nimport { ChevronArrow } from 'ui/svg';\n\nimport {\n  SelectInput,\n  Icon,\n  SelectLabel,\n  InputLabel,\n  SelectList,\n  SelectOption,\n  Container,\n  BackgroundGradient,\n} from './styles';\n\nconst Select = ({ options, inputName, name, value, onChange, label, placeHolder, isDisabled }) => {\n  const [show, setShow] = useState(false);\n\n  const handleClick = () => setShow(!show);\n\n  return (\n    <Container>\n      <InputLabel htmlFor={inputName} isDisabled={isDisabled}>\n        {label}\n      </InputLabel>\n      <SelectInput onClick={handleClick} isDisabled={isDisabled}>\n        <Container>\n          <SelectLabel htmlFor={name}>{value}</SelectLabel>\n          <SelectList name={name} id={name} value={value} onChange={onChange} disabled={isDisabled}>\n            {placeHolder && (\n              <option disabled hidden>\n                {placeHolder}\n              </option>\n            )}\n            {options.map(option => (\n              <SelectOption key={option.id} value={option.text}>\n                {option.text}\n              </SelectOption>\n            ))}\n          </SelectList>\n        </Container>\n        <Icon>\n          <BackgroundGradient />\n          <Button variant=\"icon\" ariaLabel={show ? 'open' : 'close'} disabled={isDisabled}>\n            <ChevronArrow />\n          </Button>\n        </Icon>\n      </SelectInput>\n    </Container>\n  );\n};\n\nSelect.propTypes = {\n  isDisabled: PropTypes.bool,\n  options: PropTypes.array.isRequired,\n  inputName: PropTypes.string.isRequired,\n  name: PropTypes.string.isRequired,\n  value: PropTypes.string.isRequired,\n  onChange: PropTypes.func.isRequired,\n  label: PropTypes.string.isRequired,\n  placeHolder: PropTypes.string,\n};\n\nSelect.defaultProps = {\n  isDisabled: false,\n};\n\nexport default Select;\n","import styled from 'styled-components';\n\nexport const Form = styled.form`\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-start;\n  padding: ${({ theme }) => theme.spacing.longSM};\n\n  label {\n    color: ${({ theme }) => theme.fonts.colors.secondary};\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.tabletLandscape}) {\n    padding: ${({ theme }) => theme.spacing.largest};\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.tablet}) {\n    padding: ${({ theme }) => theme.spacing.large};\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\n    padding: ${({ theme }) => theme.spacing.large};\n  }\n`;\n\nexport const ButtonContainer = styled.div`\n  button {\n    ${({ theme }) => `padding: ${theme.spacing.smallXL} ${theme.spacing.long}`};\n  }\n\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\n    button {\n      display: block;\n      width: 100%;\n    }\n  }\n`;\n\nexport const Error = styled.p`\n  color: ${({ theme }) => theme.colors.error};\n`;\n","import React, { useState } from 'react';\nimport PropTypes from 'prop-types';\n\nimport axios from 'axios';\nimport options from 'domain/interest-list';\n\nimport FormInput from 'atomic-design/organisms/contact-form/form-input';\nimport FormTextArea from 'atomic-design/organisms/contact-form/form-text-area';\nimport Select from 'atomic-design/atoms/select';\nimport Button from 'atomic-design/atoms/button';\nimport { Form, ButtonContainer, Error } from './styles';\n\nconst ContactForm = ({ onSubmit, contactEmail }) => {\n  const [loading, setLoading] = useState(false);\n  const [error, setError] = useState('');\n\n  const initialState = {\n    name: '',\n    lastname: '',\n    email: '',\n    company: '',\n    interest: '',\n    message: '',\n  };\n\n  const [values, setValues] = useState(initialState);\n\n  const { name, lastname, email, company, interest, message } = values;\n\n  const handleChange = ({ target }) => {\n    setValues({\n      ...values,\n      [target.name]: target.value,\n    });\n  };\n\n  const resetFields = () => {\n    setValues(initialState);\n  };\n\n  const getErrorValues = obj => {\n    return Object.keys(obj).reduce((a, c) => ((a[`${'error_'}${c}`] = obj[c]), a), {});\n  };\n\n  const sendGTMEvent = (err = false) => {\n    window.dataLayer = window.dataLayer || [];\n    window.dataLayer.push({\n      event: `contact_${err ? 'error' : 'message'}`,\n      ...(err ? getErrorValues(values) : values),\n    });\n  };\n\n  const handleSubmit = async e => {\n    e.preventDefault();\n    setLoading(true);\n    try {\n      await axios({\n        method: 'post',\n        url: process.env.GATSBY_GETFORM_URL,\n        data: new FormData(e.target),\n      });\n      sendGTMEvent();\n      onSubmit();\n      resetFields();\n    } catch (e) {\n      sendGTMEvent(true);\n      setError(true);\n    }\n    setLoading(false);\n  };\n\n  return (\n    <Form name=\"contact\" onSubmit={handleSubmit}>\n      <FormInput\n        type=\"text\"\n        name=\"name\"\n        value={name}\n        onChange={handleChange}\n        label=\"First Name\"\n        required\n      />\n      <FormInput\n        type=\"text\"\n        name=\"lastname\"\n        value={lastname}\n        onChange={handleChange}\n        label=\"Last Name\"\n        required\n      />\n      <FormInput\n        type=\"email\"\n        name=\"email\"\n        value={email}\n        onChange={handleChange}\n        label=\"E-mail\"\n        required\n      />\n      <FormInput\n        type=\"text\"\n        name=\"company\"\n        value={company}\n        onChange={handleChange}\n        label=\"Company\"\n      />\n      <Select\n        options={options}\n        inputName=\"interest\"\n        name=\"interest\"\n        value={interest}\n        onChange={handleChange}\n        label=\"I’m interested in...\"\n      />\n      <FormTextArea\n        type=\"text\"\n        name=\"message\"\n        value={message}\n        onChange={handleChange}\n        label=\"Tell us about your project and goals*\"\n        required\n      />\n      {error && (\n        <Error>\n          Error sending message. Please write us to{' '}\n          <a href={`mailto:${contactEmail}`}>{contactEmail}</a>\n        </Error>\n      )}\n      <ButtonContainer>\n        <Button type=\"submit\" disabled={loading}>\n          {loading ? 'Sending...' : 'Send'}\n        </Button>\n      </ButtonContainer>\n    </Form>\n  );\n};\n\nContactForm.propTypes = {\n  onSubmit: PropTypes.func.isRequired,\n  contactEmail: PropTypes.string.isRequired,\n};\n\nexport default ContactForm;\n","import styled from 'styled-components';\r\n\r\nexport const Header = styled.div`\r\n  width: 100%;\r\n  margin-bottom: ${({ theme }) => theme.spacing.long};\r\n  p,\r\n  span {\r\n    color: ${({ theme }) => theme.newTheme.color.grey.main};\r\n  }\r\n  h3 {\r\n    span:nth-child(1) {\r\n      background: ${({ theme }) => theme.newTheme.color.gradient.text};\r\n      -webkit-text-fill-color: transparent;\r\n      -webkit-background-clip: text;\r\n      background-clip: text;\r\n      margin-left: 0;\r\n      margin-bottom: ${({ theme }) => theme.spacing.small};\r\n    }\r\n  }\r\n  p:nth-child(2) {\r\n    color: ${({ theme }) => theme.fonts.colors.secondary};\r\n  }\r\n  span:nth-child(2) {\r\n    margin-top: ${({ theme }) => theme.spacing.large};\r\n  }\r\n  span:nth-child(2),\r\n  span:nth-child(3) {\r\n    color: ${({ theme }) => theme.fonts.colors.secondary};\r\n  }\r\n  p span:nth-child(1) {\r\n    color: ${({ theme }) => theme.fonts.colors.secondary};\r\n    @media only screen and (${({ theme }) => theme.breakpoints.tablet}) {\r\n      margin-left: ${({ theme }) => theme.spacing.smallest};\r\n    }\r\n    @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\r\n      margin-left: 0;\r\n    }\r\n  }\r\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\r\n    margin-bottom: ${({ theme }) => theme.spacing.largest};\r\n    span:nth-child(1) {\r\n      margin-bottom: ${({ theme }) => theme.spacing.large};\r\n      margin-left: ${({ theme }) => theme.spacing.smallest};\r\n    }\r\n    span:nth-child(2),\r\n    span:nth-child(3) {\r\n      display: inline !important;\r\n    }\r\n    span:nth-child(3) {\r\n      margin-left: ${({ theme }) => theme.spacing.smallest};\r\n    }\r\n  }\r\n`;\r\n\r\nexport const ContainerGrid = styled.div`\r\n  width: 100%;\r\n  padding: 0 !important;\r\n`;\r\n\r\nexport const Span = styled.span`\r\n  font-weight: ${({ theme }) => theme.fonts.weights.normal};\r\n  display: block;\r\n`;\r\n\r\nexport const SectionForm = styled.section`\r\n  width: 100%;\r\n  padding-bottom: ${({ theme }) => theme.spacing.longest};\r\n  @media only screen and (${({ theme }) => theme.breakpoints.tabletLandscape}) {\r\n    padding-bottom: ${({ theme }) => theme.spacing.long};\r\n  }\r\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\r\n    height: auto;\r\n  }\r\n`;\r\n\r\nexport const Content = styled.div`\r\n  height: 100%;\r\n  display: flex;\r\n  align-items: flex-start;\r\n  justify-content: center;\r\n  flex-direction: column;\r\n  @media only screen and (${({ theme }) => theme.breakpoints.tabletLandscape}) {\r\n    ul {\r\n      padding-left: 0;\r\n    }\r\n  }\r\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\r\n    height: auto;\r\n  }\r\n`;\r\n\r\nexport const List = styled.ul`\r\n  list-style: none;\r\n  width: 100%;\r\n  margin: 0;\r\n  @media only screen and (${({ theme }) => theme.breakpoints.tabletLandscape}) {\r\n    li:nth-child(2) {\r\n      margin-top: ${({ theme }) => theme.spacing.largeXL};\r\n    }\r\n  }\r\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\r\n    padding: 0;\r\n    li:nth-child(2) {\r\n      margin-top: ${({ theme }) => theme.spacing.large};\r\n    }\r\n  }\r\n`;\r\n\r\nexport const Item = styled.li`\r\n  margin-top: ${({ theme }) => theme.spacing.long};\r\n  @media only screen and (${({ theme }) => theme.breakpoints.tablet}) {\r\n    margin-top: ${({ theme }) => theme.spacing.large};\r\n  }\r\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\r\n    margin-top: ${({ theme }) => theme.spacing.large};\r\n  }\r\n`;\r\n\r\nexport const GradientBackgroud = styled.div`\r\n  width: 100%;\r\n  height: 80%;\r\n  transform: skewY(-5deg);\r\n  background: linear-gradient(256.38deg, #5d73f5 10%, #f46974 100.58%, #f5726a 100.59%);\r\n  position: absolute;\r\n  top: 600px;\r\n  z-index: 0;\r\n  @media only screen and (${({ theme }) => theme.breakpoints.tabletLandscape}) {\r\n    height: 100vh;\r\n  }\r\n  @media only screen and (${({ theme }) => theme.breakpoints.tablet}) {\r\n    height: 120vh;\r\n  }\r\n  @media only screen and (${({ theme }) => theme.breakpoints.mobile}) {\r\n    height: 135vh;\r\n  }\r\n  @media only screen and (${({ theme }) => theme.breakpoints.smallMobile}) {\r\n    top: 680px !important;\r\n    height: 200vh;\r\n  }\r\n`;\r\n","import React, { useState } from 'react';\nimport { graphql } from 'gatsby';\nimport Link from 'atomic-design/atoms/link';\nimport { Container, Row, Col } from 'react-grid-system';\n\nimport Layout from 'core/layout';\nimport MetaTags from 'core/meta-tags/index';\nimport PageHeader from 'atomic-design/atoms/page-header';\nimport ThankYou from 'atomic-design/atoms/thank-you';\nimport CardButton from 'atomic-design/atoms/card-button';\nimport Box from 'atomic-design/atoms/box';\nimport ContactForm from 'atomic-design/organisms/contact-form';\nimport { documentToReactComponents } from '@contentful/rich-text-react-renderer';\nimport { renderLineBreak } from '../common/string-helpers';\nimport MainContainer from 'atomic-design/atoms/main-container';\n\nimport {\n  Header,\n  SectionForm,\n  Content,\n  List,\n  Item,\n  ContainerGrid,\n  GradientBackgroud,\n} from '../styles/pages/contact-styles';\n\nexport const data = graphql`\n  query {\n    contentfulGeneralSettings {\n      childContentfulGeneralSettingsContactPageJsonNode {\n        emaildata {\n          emails {\n            email\n          }\n        }\n      }\n    }\n\n    allContentfulPage(filter: { url: { eq: \"contact\" } }) {\n      edges {\n        node {\n          headerTitle {\n            json\n          }\n          headerSubtitle\n          headerDescription {\n            headerDescription\n          }\n          metatagImage {\n            file {\n              url\n            }\n          }\n          metatagTitle\n          metatagDescription\n        }\n      }\n    }\n  }\n`;\n\nconst ContactPage = ({ data, location }) => {\n  const [showThankYou, setShowThankYou] = useState(false);\n\n  const contactData =\n    data.contentfulGeneralSettings.childContentfulGeneralSettingsContactPageJsonNode;\n  const pageHeaderData = data.allContentfulPage.edges[0].node;\n  const metatagImage = data.allContentfulPage.edges[0].node.metatagImage.file.url;\n  const metatagDescription = data.allContentfulPage.edges[0].node.metatagDescription;\n  const metatagTitle = data.allContentfulPage.edges[0].node.metatagTitle;\n\n  return (\n    <Layout path={location.pathname}>\n      <MetaTags\n        title={metatagTitle}\n        description={metatagDescription}\n        charSet=\"utf-8\"\n        image={metatagImage}\n        viewport=\"width=device-width, initial-scale=1\"\n        type=\"website\"\n      />\n      <Header>\n        <MainContainer>\n          <PageHeader\n            title={pageHeaderData.headerSubtitle}\n            subTitle={documentToReactComponents(pageHeaderData.headerTitle.json)}\n            description={renderLineBreak(pageHeaderData.headerDescription.headerDescription)}\n          />\n        </MainContainer>\n      </Header>\n      <GradientBackgroud />\n      <SectionForm>\n        <MainContainer>\n          <Container fluid={true} component={ContainerGrid}>\n            <Row>\n              <Col xs={12} sm={12} md={6} lg={6}>\n                <Content>\n                  <Box>\n                    {!showThankYou && (\n                      <ContactForm\n                        onSubmit={() => setShowThankYou(true)}\n                        contactEmail={contactData.emaildata.emails[0].email}\n                      />\n                    )}\n                    {showThankYou && (\n                      <ThankYou\n                        title=\"We’ll be in touch soon.\"\n                        coloredTitle=\"Thank you!\"\n                        subtitle=\"Meanwhile, you may want to look around.\"\n                        textButton=\"See what we’ve been up to\"\n                        to=\"/work\"\n                      />\n                    )}\n                  </Box>\n                </Content>\n              </Col>\n              <Col xs={12} sm={12} md={6} lg={6}>\n                <Content>\n                  <List>\n                    <Item>\n                      <a\n                        href={`mailto:${contactData.emaildata.emails[0].email}`}\n                        target=\"_blank\"\n                        rel=\"noreferrer\"\n                      >\n                        <CardButton title=\"Prefer Email?\" action=\"Drop us a line\" />\n                      </a>\n                    </Item>\n                    <Item>\n                      <Link to=\"/careers\">\n                        <CardButton title=\"Want to join the team?\" action=\"See our openings\" />\n                      </Link>\n                    </Item>\n                  </List>\n                </Content>\n              </Col>\n            </Row>\n          </Container>\n        </MainContainer>\n      </SectionForm>\n    </Layout>\n  );\n};\n\nexport default ContactPage;\n","'use strict';\n// B.2.3.5 String.prototype.bold()\nrequire('./_string-html')('bold', function (createHTML) {\n  return function bold() {\n    return createHTML(this, 'b', '', '');\n  };\n});\n"],"sourceRoot":""}