{"version":3,"sources":["styles/colors.ts","utils/consts.ts","styles/global.ts","pages/Home/homeConstants.ts","assets/images/imageDotCoding.png","assets/images/imageDotcodingMobile.png","assets/images/fundoEstatisticas.png","assets/images/fundoCompany.png","pages/Home/homeStyles.ts","assets/images/grupImage.png","assets/images/imageThrePointes.png","components/Card/cardStyles.ts","components/Card/CardComponent.tsx","components/Menu/menuStyles.ts","components/Menu/MenuComponent.tsx","assets/images/houseIcon.png","assets/images/workIcon.png","assets/images/contactIcon.png","components/Footer/footerStyles.ts","components/Footer/FooterComponent.tsx","assets/images/instagram.png","assets/images/facebook.png","assets/images/linkedin.png","assets/images/whatsapp.png","pages/Home/HomePage.tsx","assets/images/monitor.png","assets/images/smartphone.png","assets/images/database.png","assets/images/shoppingCart.png","assets/images/flash1.png","assets/images/ideia1.png","assets/images/headset1.png","assets/images/expand1.png","pages/Technology/technologyStyles.ts","assets/images/computador.png","assets/images/freepik.png","pages/Technology/TechnologyPage.tsx","assets/images/next.png","pages/Contact/contactStyle.ts","constants/baseUrl.ts","pages/Contact/ContactPage.tsx","pages/Portfolio/portfolioStyles.ts","assets/images/ImagePC.png","services/api.ts","services/portifolio.ts","pages/Portfolio/PortfolioPage.tsx","pages/Team/teamStyles.ts","assets/images/timefreepik.png","assets/images/creativeteam.png","assets/images/adler.png","assets/images/diego.png","assets/images/samuel.png","assets/images/saulo.png","pages/Team/TeamPage.tsx","assets/images/line.png","pages/Work/workStyles.ts","pages/Work/WorkPage.tsx","routes/index.tsx","App.tsx","index.tsx"],"names":["colors","basic","black","white","red","mediumGray","discreetViolet","lightGray","matteWhite","theme","backgroundWhite","purpleDark","purpleLight","rgba","purpleNumbers","default","family","globalStyle","createGlobalStyle","_templateObject","_taggedTemplateLiteral","consts","Container","styled","div","Home","_templateObject2","imageDotCoding","imageDotCodingMobile","ContainerRocket","_templateObject3","_templateObject4","ContainerInfo","img","_templateObject5","_templateObject6","_templateObject7","TitleHome","text","_templateObject8","props","fontWeight","concat","fontSize","marginTop","DivBlind","_templateObject9","_templateObject10","height","Solutions","_templateObject11","ContainerTitlePage","_templateObject12","TitlePage","h1","_templateObject13","color","paddingRight","paddingLeft","ContainerCards","_templateObject14","_templateObject15","scrollY","constants","ContainerRowCards","_templateObject16","DotNumbers","_templateObject17","fundoEstatisticas","DivBackgroundItens","_templateObject18","BodyItens","_templateObject19","IntemTitle","_templateObject20","ContainerNumbers","_templateObject21","OurDifferences","_templateObject22","ContainerAreText","_templateObject23","display","ContainerAreTextTitle","_templateObject24","ContainerAreaTextAre","_templateObject25","WhoAre","_templateObject26","ContainerAreImage","_templateObject27","ContainerAreImageOne","_templateObject28","ContainerCompany","_templateObject29","backGroundImage","fundoCompany","TextCompany","a","_templateObject30","DivAreaDiferential","_templateObject31","Number","p","_templateObject32","ItemSeparation","_templateObject33","ContainerItensDiferential","_templateObject34","ContainerItensDiferentialItem","_templateObject35","AreaImage","_templateObject36","ImageItem","_templateObject37","AreaText","_templateObject38","TextTitle","_templateObject39","TextSubTitle","h2","_templateObject40","DivBorderImage","_templateObject41","Point","_templateObject42","_templateObject43","_templateObject44","DivAreaText","_templateObject45","_templateObject46","GapItem","_templateObject47","ContainerAreaItens","_templateObject48","TitleNumber","_templateObject49","SubTitleNumber","h3","_templateObject50","CardNumber","_templateObject51","borderWidth","Image","Title","colorTitle","fontSizeTitle","fontWeightTitle","SubTitle","colorSubTitle","fontSizeSubTitle","fontWeightSubTitle","CardStatistics","backgroundColor","sourceImage","title","subtitle","_jsxs","children","_jsx","src","defaultProps","Header","ul","HeaderItemLogo","HamburgerOpen","OpenIcon","visibleItem","ContainerHeaderItems","OpacityMenu","ImageIcon","HeaderHamburger","HeaderItem","lastItem","currentPath","Footer","Menu","location","useLocation","_useState","useState","_useState2","_slicedToArray","setVisibleItem","_useState3","_useState4","currentLocation","setCurrentLocation","useEffect","pathname","href","onClick","LinkSocial","SocialMedia","Navigation","ContainerImagesSocial","FooterComponent","TitleCopyright","ImageSocial","FooterPage","RenderSocial","url","target","HomePage","scrollEnabled","setScrollY","deliveredProjects","setDeliveredProjects","_useState5","_useState6","dominatedTechnologies","setDominatedTechnologies","_useState7","_useState8","professionals","setProfessionals","_useState9","_useState10","customersServed","setCustomersServed","resizeScreenSolution","window","innerHeight","resizeScreenDotNumbers","conditionAnimationSolutions","conditionAnimationOurDifferences","RenderCardNumbers","subTitle","RenderCardsLeft","numberCard","image","_Fragment","imageThrePointes","RenderCardsRight","document","addEventListener","scrollPosition","setTimeout","grupImage","Card","String","ContainerTechnology","Technology","Computer","Freepik","Body","Vastro","VastroText","VastroSubtext","ListTecnology","CardText","CardTitulo","CardSubtitulo","ContainerTexts","CardImage","ContainerNext","TecnologiaPage","renderCardText","computador","freepik","Contact","TitleHeader","BalloonBody","TitleContact","FormArea","form","InputArea","InputForm","input","Select","SelectArea","select","CheckboxArea","Checkbox","CheckboxTitle","label","InputTextArea","textarea","ButtonArea","InformationText","SendButton","button","SendButtonText","CheckboxOptions","Option","option","isProduction","hostname","includes","isStaging","baseUrl","ContactPage","initialFormUser","name","email","telephone","companyName","occupationArea","projectStatus","needs","projectSize","comments","formUser","setFormUser","lodingItem","setLodingItem","onChangeForm","e","keyChanged","id","valueChanged","value","newFormUser","_objectSpread","_defineProperty","_onSendForm","_asyncToGenerator","_regeneratorRuntime","mark","_callee","sendFormUser","configRequest","wrap","_context","prev","next","preventDefault","headers","axios","post","then","toast","success","catch","err","error","response","data","message","stop","apply","arguments","formatTelephone","useCallback","currentTarget","maxLength","replace","CheckboxComponent","type","onChange","filter","el","push","checked","SelectOption","optionName","placeholderOption","disabled","selected","ToastContainer","onSubmit","_x","required","placeholder","onKeyUp","BallTriangle","width","ContainerContent","DeskImage","ContentText","Text","TextInfo","ContainerAdvertising","ShadowCard","ShadowAreaText","TextShadowCard","Advertisements","ImageAdvertising","ContainerText","background","TextData","ContainerNull","ImageProp","ContainerAbrasing","ContainerPro","CellImage","ContainerSec","ContainerDescriptions","TextCard","marginBottom","ContainerLink","TextLink","TextLinkTwo","isDevelopment","isMaster","environment","baseURL","api","create","getAllPortfolio","_getAllPortfolio","abrupt","get","PortfolioPage","appActual","setAppActual","idAppActual","setIdAppActual","nameAppActual","setnameAppActual","apps","setApps","renderDescriptions","map","v","i","length","split","_getAllProjectPortfolio","_response$result","result","list","getAllProjectPortfolio","cover","attachment","secondary_text","link_android","link_ios","ImagePC","tradeFrame","scrollTo","top","behavior","onMouseEnter","onMouseLeave","BsArrowRightShort","size","TitleArea","CreativeTeam","Time","TimeText","TimeSubtext","ContainerDevs","ImageCeo","Devs","DivImage","ImageLine","TeamPage","renderCard","creativeteam","timefreepik","saulo","samuel","diego","adler","TitleForm","GroupInputArea","ProfessionalArea","ProfessionalInput","InputFormName","WorkPage","initialFormCandidate","cpf","birthDate","gender","maritalStatus","jobOccupation","availableTime","about","formCandidate","setFormCandidate","newFormCandidate","sendFormCandidate","formatCpf","match","formatDate","Routes","Switch","Route","path","exact","component","App","BrowserRouter","GlobalStyle","ReactDOM","render","React","StrictMode","getElementById"],"mappings":"kTAqBeA,GArBA,CACXC,MAAO,CACHC,MAAO,UACPC,MAAO,UACPC,IAAK,UACLC,WAAY,UACZC,eAAgB,UAChBC,UAAW,UACXC,WAAY,WAEhBC,MAAO,CACHC,gBAAiB,UACjBC,WAAY,WACZC,YAAa,WAEjBC,KAAM,CACFF,WAAY,wBACZG,cAAe,2BCQR,GAzBI,0BAyBJ,GAvBE,CACbC,QAAS,IAsBE,GAnBO,SAACC,GACnB,MAAe,cAAXA,EACO,IAEI,eAAXA,EACO,IAEI,iBAAXA,EACO,IAEI,cAAXA,EACO,IAEI,eAAXA,EACO,IAEJ,CACX,ECSeC,GAxBKC,aAAiBC,MAAAC,aAAA,mcAQTpB,GAAOC,MAAME,MAMpBkB,GAAgBN,QACdM,GACAA,GAAqB,gBAC3BrB,GAAOC,MAAME,O,gBCjBf,GAPa,EAOb,GALK,yCAKL,GAJM,0DAIN,GAHK,gDAGL,GAFK,oDCNL,OAA0B,2CCA1B,OAA0B,iDCA1B,OAA0B,8CCA1B,OAA0B,yCCyC5BmB,GAAYC,KAAOC,IAAGL,MAAAC,aAAA,gIAStBK,GAAOF,KAAOC,IAAGE,MAAAN,aAAA,uQACFO,GAOIC,IASnBC,IALON,KAAOC,IAAGM,MAAAV,aAAA,0EAKCG,KAAOC,IAAGO,MAAAX,aAAA,6LACjBpB,GAAOa,KAAKF,aAkCvBqB,IAzBST,KAAOU,IAAGC,MAAAd,aAAA,yLAYJG,KAAOU,IAAGE,MAAAf,aAAA,wMAaTG,KAAOC,IAAGY,MAAAhB,aAAA,kIAQ1BiB,GAAYd,KAAOe,KAAIC,MAAAnB,aAAA,seACjB,SAACoB,GAAK,OAAKA,EAAMC,UAAU,IAC7B,SAACD,GAAK,SAAAE,OAAQF,EAAMG,SAAQ,QAChC3C,GAAOC,MAAME,OACR,SAACqC,GAAK,SAAAE,OAAQF,EAAMI,WAAa,EAAC,SAS/B,SAACJ,GAAK,SAAAE,QAASF,EAAMG,UAAYtB,GAAgBN,SAAW,GAAG,SAG/D,SAACyB,GAAK,SAAAE,QAASF,EAAMG,UAAYtB,GAAgBN,SAAW,IAAG,SAI/D,SAACyB,GAAK,SAAAE,QAASF,EAAMG,UAAYtB,GAAgBN,SAAW,IAAG,SAkBvE8B,IAbkBtB,KAAOU,IAAGa,MAAA1B,aAAA,iMAajBG,KAAOC,IAAGuB,MAAA3B,aAAA,wDACpB,SAACoB,GAAK,SAAAE,OAAQF,EAAMQ,QAAU,EAAC,QACrBhD,GAAOC,MAAME,QAIxB8C,GAAY1B,KAAOC,IAAG0B,MAAA9B,aAAA,6XACXpB,GAAOC,MAAME,OAkBxBgD,GAAqB5B,KAAOC,IAAG4B,MAAAhC,aAAA,iKAS/BiC,GAAY9B,KAAO+B,GAAEC,MAAAnC,aAAA,yVAKrB,SAACoB,GAAK,OAAKA,EAAMgB,OAASxD,GAAOC,MAAME,KAAK,IACpC,SAACqC,GAAK,SAAAE,OAAQF,EAAMiB,cAAgB,EAAC,SACtC,SAACjB,GAAK,SAAAE,OAAQF,EAAMkB,aAAe,EAAC,SAiB3CC,IANgBpC,KAAOC,IAAGoC,MAAAxC,aAAA,wEAMTG,KAAOC,IAAGqC,MAAAzC,aAAA,wLAItB,SAACoB,GAAK,OAAMA,EAAMsB,QAAU,UAAY,QAAQ,IACnD,SAACtB,GAAK,OAAMA,EAAMsB,QAAU,EAAI,CAAC,GACtBC,GAA8CA,KAG3DC,GAAoBzC,KAAOC,IAAGyC,MAAA7C,aAAA,sPAgB9B8C,GAAa3C,KAAOC,IAAG2C,MAAA/C,aAAA,6HAERgD,IAKfC,GAAqB9C,KAAOC,IAAG8C,MAAAlD,aAAA,sOACpBpB,GAAOa,KAAKF,YAYvB4D,GAAYhD,KAAOC,IAAGgD,MAAApD,aAAA,gCAItBqD,GAAalD,KAAO+B,GAAEoB,MAAAtD,aAAA,8dAuBtBuD,GAAmBpD,KAAOC,IAAGoD,MAAAxD,aAAA,mQAe7ByD,GAAiBtD,KAAOC,IAAGsD,MAAA1D,aAAA,gKAChBpB,GAAOC,MAAME,OAQxB4E,GAAmBxD,KAAOC,IAAGwD,MAAA5D,aAAA,m+BAC7B,SAACoB,GAAK,OAAKA,EAAMgB,KAAK,IAChB,SAAChB,GAAK,OAAKA,EAAMC,UAAU,IAC7B,SAACD,GAAK,SAAAE,OAAQF,EAAMG,SAAQ,SAC9B,SAACH,GAAK,OAAKA,EAAMyC,SAAW,MAAM,IA8CpCC,GAAwB3D,KAAOC,IAAG2D,MAAA/D,aAAA,8XAClC,SAACoB,GAAK,OAAKA,EAAMgB,KAAK,IAEhB,SAAChB,GAAK,OAAKA,EAAMC,UAAU,IAC7B,SAACD,GAAK,SAAAE,OAAQF,EAAMG,SAAQ,SAiBhCyC,GAAuB7D,KAAOC,IAAG6D,MAAAjE,aAAA,mPAcjCkE,GAAS/D,KAAOC,IAAG+D,MAAAnE,aAAA,yGACRpB,GAAOC,MAAME,OAMxBqF,GAAoBjE,KAAOU,IAAGwD,MAAArE,aAAA,0KAY9BsE,GAAuBnE,KAAOU,IAAG0D,MAAAvE,aAAA,oJAUjCwE,GAAmBrE,KAAOC,IAAGqE,MAAAzE,aAAA,wUAMlBpB,GAAOa,KAAKF,YACZ,SAAC6B,GAAK,OAAMA,EAAMsD,iBAAe,OAAApD,OAAWqD,GAAY,IAAG,IAKzE,SAACvD,GAAK,OAAOA,EAAMsD,iBAAmB,gBAAgB,IAKnDE,GAAczE,KAAO0E,EAACC,MAAA9E,aAAA,kRACtBpB,GAAOC,MAAME,OAcbgG,GAAqB5E,KAAOC,IAAG4E,MAAAhF,aAAA,mJAC1B,SAACoB,GAAK,OAAMA,EAAMsB,QAAU,UAAY,QAAQ,IACnD,SAACtB,GAAK,OAAMA,EAAMsB,QAAU,EAAI,CAAC,GACtBC,GAA8CA,IAM3DsC,GAAS9E,KAAO+E,EAACC,MAAAnF,aAAA,mIAEjBpB,GAAOa,KAAKC,eAOZ0F,GAAiBjF,KAAOU,IAAGwE,MAAArF,aAAA,sLAW3BsF,GAA4BnF,KAAOC,IAAGmF,MAAAvF,aAAA,sQAatCwF,GAAgCrF,KAAOC,IAAGqF,MAAAzF,aAAA,gPAY1C0F,GAAYvF,KAAOC,IAAGuF,MAAA3F,aAAA,oTAgBtB4F,GAAYzF,KAAOU,IAAGgF,MAAA7F,aAAA,iHAStB8F,GAAW3F,KAAOC,IAAG2F,MAAA/F,aAAA,+SAgBrBgG,GAAY7F,KAAO+B,GAAE+D,MAAAjG,aAAA,gIAIrBpB,GAAOC,MAAMC,OAIboH,GAAe/F,KAAOgG,GAAEC,MAAApG,aAAA,uHACxBpB,GAAOC,MAAMC,OAObuH,GAAiBlG,KAAOC,IAAGkG,MAAAtG,aAAA,6TA4D3BuG,IA3CapG,KAAO+B,GAAEsE,MAAAxG,aAAA,ibACtBpB,GAAOa,KAAKC,eAqBMS,KAAO+B,GAAEuE,MAAAzG,aAAA,iaAC3BpB,GAAOa,KAAKC,eAoBJS,KAAO+B,GAAEwE,MAAA1G,aAAA,qMAgBjB2G,IALiBxG,KAAOC,IAAGwG,MAAA5G,aAAA,+CAKbG,KAAOC,IAAGyG,MAAA7G,aAAA,gUAiBxB8G,GAAU3G,KAAOC,IAAG2G,MAAA/G,aAAA,uDAKpBgH,GAAqB7G,KAAOC,IAAG6G,MAAAjH,aAAA,kMAW/BkH,GAAc/G,KAAO+B,GAAEiF,MAAAnH,aAAA,kIAQvBoH,GAAiBjH,KAAOkH,GAAEC,MAAAtH,aAAA,wIAQ1BuH,GAAapH,KAAOC,IAAGoH,QAAAxH,aAAA,sIC5qBrB,OAA0B,sCCA1B,4kCCSFE,GAAYC,KAAOC,IAAGL,QAAAC,aAAA,yVAIf,SAACoB,GAAK,OAAMA,EAAMqG,YAAc,QAAU,MAAM,IAChD,SAACrG,GAAK,OAAMA,EAAMqG,YAAc,MAAQ,QAAQ,IAChD,SAACrG,GAAK,OAAMA,EAAMqG,YAAc7I,GAAOC,MAAMI,WAAaL,GAAOC,MAAME,KAAK,IAC3E,SAACqC,GAAK,OAAMA,EAAMqG,YAAc,MAAQ,KAAK,IAWrDC,GAAQvH,KAAOU,IAAGP,QAAAN,aAAA,oSAgBlB2H,GAAQxH,KAAO+B,GAAExB,QAAAV,aAAA,gVAEjB,SAACoB,GAAK,OAAKA,EAAMwG,YAAchJ,GAAOC,MAAMC,KAAK,IAC7C,SAACsC,GAAK,SAAAE,OAAQF,EAAMyG,eAAiB,IAAG,UAEtC,SAACzG,GAAK,OAAKA,EAAM0G,iBAAmB7H,GAAqB,YAAY,IAY3E8H,GAAW5H,KAAO+B,GAAEvB,QAAAX,aAAA,2wBACpB,SAACoB,GAAK,OAAKA,EAAM4G,eAAiBpJ,GAAOC,MAAMC,KAAK,IAChD,SAACsC,GAAK,SAAAE,OAAQF,EAAM6G,kBAAoB,EAAC,UACvC,SAAC7G,GAAK,OAAKA,EAAM8G,oBAAsBjI,GAAqB,eAAe,IAuBzE,SAACmB,GAAK,SAAAE,OAAyC,KAA3B,OAALF,QAAK,IAALA,OAAK,EAALA,EAAO6G,mBAAoB,GAAQ,UAKlD,SAAC7G,GAAK,SAAAE,OAAyC,KAA3B,OAALF,QAAK,IAALA,OAAK,EAALA,EAAO6G,mBAAoB,GAAQ,U,IAKlD9H,KAAO+B,GAAEpB,QAAAd,aAAA,qZ,MC9ExBmI,GAA0C,SAAC/G,GAE7C,IACIgH,EAWAhH,EAXAgH,gBACAC,EAUAjH,EAVAiH,YACAC,EASAlH,EATAkH,MACAV,EAQAxG,EARAwG,WACAE,EAOA1G,EAPA0G,gBACAD,EAMAzG,EANAyG,cACAU,EAKAnH,EALAmH,SACAP,EAIA5G,EAJA4G,cACAE,EAGA9G,EAHA8G,mBACAD,EAEA7G,EAFA6G,iBACAR,EACArG,EADAqG,YAIJ,OACIe,gBAACtI,GAAS,CAACuH,YAAaA,EAAaW,gBAAiBA,EAAgBK,SAAA,CACjEJ,GAAeK,eAAChB,GAAK,CAACiB,IAAKN,IAC5BK,eAACf,GAAK,CACFC,WAAYA,EACZE,gBAAiBA,EACjBD,cAAeA,EAAcY,SAE5BH,IAELI,eAACX,GAAQ,CACLC,cAAeA,EACfE,mBAAoBA,EACpBD,iBAAkBA,EAAiBQ,SAElCF,MAIjB,EAGAJ,GAAeS,aAAe,CAC1BR,gBAAiBxJ,GAAOC,MAAME,MAC9BsJ,YAAa,GACbT,WAAYhJ,GAAOC,MAAMC,MACzBgJ,gBAAiB7H,GAAqB,aACtC4H,cAAe,IACfG,cAAepJ,GAAOC,MAAMC,MAC5BoJ,mBAAoBjI,GAAqB,gBACzCgI,iBAAkB,EAClBR,aAAa,GAkBFU,I,sSAAAA,MCtEFU,GAAS1I,KAAO2I,GAAE/I,QAAAC,aAAA,6FAYlB+I,IALO5I,KAAOU,IAAGP,QAAAN,aAAA,uDAKAG,KAAO0E,EAACnE,QAAAV,aAAA,8RAEzBpB,GAAOC,MAAME,QAabiK,GAAgB7I,KAAOC,IAAGO,QAAAX,aAAA,yQAe1BiJ,GAAW9I,KAAOC,IAAGU,QAAAd,aAAA,mbAIVpB,GAAOC,MAAME,OAMhB,SAACqC,GAAK,OAAMA,EAAM8H,YAAc,gBAAkB,WAAW,IACtD,SAAC9H,GAAK,OAAMA,EAAM8H,YAAW,GAAA5H,OAAM1C,GAAOC,MAAMC,OAAK,GAAAwC,OAAQ1C,GAAOC,MAAME,MAAK,IAAG,IAGzF,SAACqC,GAAK,OAAMA,EAAM8H,YAAc,mBAAqB,eAAe,IACtE,SAAC9H,GAAK,OAAMA,EAAM8H,YAAc,IAAM,GAAG,IAGvC,SAAC9H,GAAK,OAAMA,EAAM8H,YAAc,iBAAmB,WAAW,IACvD,SAAC9H,GAAK,OAAMA,EAAM8H,YAAW,GAAA5H,OAAM1C,GAAOC,MAAMC,OAAK,GAAAwC,OAAQ1C,GAAOC,MAAME,MAAK,IAAG,IAIjGoK,GAAuBhJ,KAAOC,IAAGW,QAAAf,aAAA,maAI3B,SAACoB,GAAK,OAAMA,EAAM8H,YAAc,OAAS,MAAM,IAC7C,SAAC9H,GAAK,OAAMA,EAAM8H,YAAc,gBAAkB,kBAAkB,GAE7DtK,GAAOC,MAAME,OAY5BqK,GAAcjJ,KAAOC,IAAGY,QAAAhB,aAAA,uXAUlB,SAACoB,GAAK,OAAMA,EAAM8H,YAAc,OAAS,MAAM,IASrDG,GAAYlJ,KAAOU,IAAGM,QAAAnB,aAAA,+NAatBsJ,GAAkBnJ,KAAOC,IAAGsB,QAAA1B,aAAA,ySAMVpB,GAAOS,MAAMG,aAc/B+J,IALuBpJ,KAAOU,IAAGc,QAAA3B,aAAA,iDAKpBG,KAAO0E,EAAC/C,QAAA9B,aAAA,siBACd,SAACoB,GAAK,OAAMA,EAAMoI,SAAW,MAAQ,MAAM,IAGxC,SAACpI,GAAK,OAAMA,EAAMqI,YAAc,YAAc,MAAM,GAC9D7K,GAAOC,MAAME,MAKTH,GAAOC,MAAMC,QAejB4K,GAASvJ,KAAOC,IAAG4B,QAAAhC,aAAA,wdAKXpB,GAAOC,MAAMC,OCjEnB6K,GAvFQ,WAEnB,IAAMC,EAAWC,eAGjBC,EAAsCC,qBAAS,GAAMC,EAAAC,aAAAH,EAAA,GAA9CZ,EAAWc,EAAA,GAAEE,EAAcF,EAAA,GAClCG,EAA8CJ,oBAAS,KAAIK,EAAAH,aAAAE,EAAA,GAApDE,EAAeD,EAAA,GAAEE,EAAkBF,EAAA,GAG1CG,sBAAU,WACND,EAAmBV,EAASY,SAChC,GAAG,CAACZ,IAQJ,OACIpB,gBAACK,GAAM,CAAAJ,SAAA,CACHC,eAACK,GAAc,CAAC0B,KAAK,IAAGhC,SAAC,sBACzBD,gBAACQ,GAAa,CAAC0B,QARE,WACrBR,GAAgBhB,EACpB,EAMkDA,YAAaA,EAAYT,SAAA,CAC/DC,eAACO,GAAQ,CAACC,YAAaA,IACvBR,eAACO,GAAQ,CAACC,YAAaA,IACvBR,eAACO,GAAQ,CAACC,YAAaA,OAE3BR,eAACU,GAAW,CAACF,YAAaA,EAAYT,SAClCD,gBAACW,GAAoB,CAACD,YAAaA,EAAYT,SAAA,CAC3CC,eAACY,GAAe,IAChBd,gBAACe,GAAU,CACPkB,KAAK,IACLhB,YAAiC,MAApBY,EACbb,UAAQ,EAAAf,SAAA,CAERC,eAACW,GAAS,CAACV,IC/DpB,m7BD+DsC,UA2BjCH,gBAACe,GAAU,CACPkB,KAAK,QACLhB,YAAiC,UAApBY,EACbb,UAAQ,EAAAf,SAAA,CAERC,eAACW,GAAS,CAACV,IE/FpB,+lBF+FqC,sBAGhCH,gBAACe,GAAU,CACPkB,KAAK,WACLhB,YAAiC,aAApBY,EACbb,UAAQ,EAAAf,SAAA,CAERC,eAACW,GAAS,CAACV,IGvGpB,2sCHuGwC,aAGnCD,eAACgB,GAAM,CAACF,UAAQ,EAAAf,SAAC,yBAOrC,EI1GaiB,GAASvJ,KAAOC,IAAGL,QAAAC,aAAA,sMACRpB,GAAOS,MAAME,YAWxBoL,GAAaxK,KAAO0E,EAACvE,QAAAN,aAAA,uDAKrB4K,GAAczK,KAAOC,IAAGM,QAAAV,aAAA,2LAaxB6K,GAAa1K,KAAO+B,GAAEvB,QAAAX,aAAA,sUAkBtB8K,GAAwB3K,KAAOC,IAAGU,QAAAd,aAAA,oCAkBlC+K,IAdO5K,KAAO0E,EAAC9D,QAAAf,aAAA,oGAIfpB,GAAOC,MAAME,OAGCoB,KAAO0E,EAAC7D,QAAAhB,aAAA,oGAItBpB,GAAOC,MAAME,OAGKoB,KAAO0E,EAAC1D,QAAAnB,aAAA,8UAK1BpB,GAAOC,MAAME,QAabiM,GAAiB7K,KAAOC,IAAGsB,QAAA1B,aAAA,oNAa3BiL,GAAc9K,KAAOU,IAAGc,QAAA3B,aAAA,mKChDtBkL,GAlCc,WAEzB,SAASC,EAAaxC,EAAYyC,GAC9B,OACI1C,eAACiC,GAAU,CAACU,OAAO,SAASZ,KAAMW,EAAI3C,SAClCC,eAACuC,GAAW,CAACtC,IAAKA,KAG9B,CAEA,OACID,eAACgB,GAAM,CAAAjB,SACHD,gBAACoC,GAAW,CAAAnC,SAAA,CACRD,gBAACqC,GAAU,CAAApC,SAAA,CACPC,eAACqC,GAAe,CAACN,KAAK,IAAGhC,SAAC,SAG1BC,eAACqC,GAAe,CAACN,KAAK,QAAOhC,SAAC,qBAC9BC,eAACqC,GAAe,CAACN,KAAK,WAAUhC,SAAC,eAErCD,gBAACsC,GAAqB,CAAArC,SAAA,CACjB0C,EC3CN,y5BD2C8BxI,IACxBwI,EE5CN,q3BF4C6BxI,IACvBwI,EG7CN,6tBH6C6BxI,IACvBwI,EI9CN,y3DJ8C6BxI,OAE5B+F,eAACsC,GAAc,CAAAvC,SAAC,qEAMhC,EKmUe6C,GAlTY,WAEvB,IAIIC,GAAgB,EAGpBzB,EAA8BC,oBAAS,GAAEC,EAAAC,aAAAH,EAAA,GAAlCpH,EAAOsH,EAAA,GAAEwB,EAAUxB,EAAA,GAC1BG,EAAkDJ,oBAAS,GAAEK,EAAAH,aAAAE,EAAA,GAAtDsB,EAAiBrB,EAAA,GAAEsB,EAAoBtB,EAAA,GAC9CuB,EAA0D5B,oBAAS,GAAE6B,EAAA3B,aAAA0B,EAAA,GAA9DE,EAAqBD,EAAA,GAAEE,EAAwBF,EAAA,GACtDG,EAA0ChC,oBAAS,GAAEiC,EAAA/B,aAAA8B,EAAA,GAA9CE,EAAaD,EAAA,GAAEE,EAAgBF,EAAA,GACtCG,EAA8CpC,oBAAS,GAAEqC,EAAAnC,aAAAkC,EAAA,GAAlDE,EAAeD,EAAA,GAAEE,EAAkBF,EAAA,GAGpCG,EAA6C,EAArBC,OAAOC,YAAmB,IAClDC,EAA+C,EAArBF,OAAOC,YAAmB,IAEpDE,EAA8BjK,GAAW6J,EACzCK,EAAmClK,GAFgB,EAArB8J,OAAOC,YAAmB,IAqD9D,SAASI,EAAkBvE,EAAewE,GACtC,OACItE,gBAACjB,GAAU,CAAAkB,SAAA,CACPC,eAACxB,GAAW,CAAAuB,SAAEH,IACdI,eAACtB,GAAc,CAAAqB,SAAEqE,MAG7B,CAGA,SAASC,EAAgBzE,EAAewE,EAAkBE,EAAoBC,GAC1E,OACIzE,gBAAA0E,YAAA,CAAAzE,SAAA,CACIC,eAACtD,GAAc,CAACuD,IAAKwE,KACrBzE,eAAC3D,GAAkB,CAACrC,QAASkK,EAAiCnE,SAC1DD,gBAAClD,GAAyB,CAAAmD,SAAA,CACtBD,gBAAC9C,GAAS,CAAA+C,SAAA,CACNC,eAACzD,GAAM,CAAAwD,SAAEuE,IACTtE,eAACrC,GAAc,CAAAoC,SAEXC,eAAC9C,GAAS,CAAC+C,IAAKsE,SAGxBzE,gBAAC1C,GAAQ,CAAA2C,SAAA,CACLC,eAAC1C,GAAS,CAAAyC,SAAEH,IACZI,eAACxC,GAAY,CAAAuC,SAAEqE,cAOvC,CAGA,SAASM,EAAiB9E,EAAewE,EAAkBE,EAAoBC,GAC3E,OACIzE,gBAAA0E,YAAA,CAAAzE,SAAA,CACIC,eAACtD,GAAc,CAACuD,IAAKwE,KACrBzE,eAAC3D,GAAkB,CAACrC,QAASkK,EAAiCnE,SAC1DD,gBAAChD,GAA6B,CAAAiD,SAAA,CAC1BD,gBAAC1C,GAAQ,CAAA2C,SAAA,CACLC,eAAC1C,GAAS,CAAAyC,SAAEH,IACZI,eAACxC,GAAY,CAAAuC,SAAEqE,OAEnBtE,gBAAC9C,GAAS,CAAA+C,SAAA,CACNC,eAACzD,GAAM,CAAAwD,SAAEuE,IACTtE,eAACrC,GAAc,CAAAoC,SAEXC,eAAC9C,GAAS,CAAC+C,IAAKsE,gBAQ5C,CAGA,OA5GA1C,sBAAU,WAqBN8C,SAASC,iBAAiB,UApBJ,WAClB,IAAMC,EAAiBf,OAAO9J,QAAU8J,OAAOC,YAC/CjB,EAAW+B,GACPA,GAAkBb,GAA0BnB,IAC5CA,GAAgB,EAChBiC,YAAW,WACP9B,EAAqB,GACrBI,EAAyB,GACzBI,EAAiB,GACjBI,EAAmB,EACvB,GAAG,MAEHiB,EAAiBb,IAA2BnB,IAC5CA,GAAgB,EAChBG,EAAqB,GACrBI,EAAyB,GACzBI,EAAiB,GACjBI,EAAmB,GAE3B,GAEJ,GAAG,IAEH/B,sBAAU,WACFkB,EAAoB,GAAKA,EA9CF,IA+CvB+B,YAAW,WACP9B,EAAqBD,EAAoB,EAC7C,GAAG,IAEHI,EAAwB,GAAKA,EAlDF,IAmD3B2B,YAAW,WACP1B,EAAyBD,EAAwB,EACrD,GAAG,IAEHI,EAAgB,GAAKA,EAtDF,GAuDnBuB,YAAW,WACPtB,EAAiBD,EAAgB,EACrC,GAAG,IAEHI,EAAkB,GAAKA,EA1DF,IA2DrBmB,YAAW,WACPlB,EAAmBD,EAAkB,EACzC,GAAG,GAEX,GAAG,CAACZ,EAAmBI,EAAuBI,EAAeI,IAgEzD7D,gBAACtI,GAAS,CAAAuI,SAAA,CACNC,eAACrI,GAAI,CAAAoI,SACDD,gBAAC/H,GAAe,CAAAgI,SAAA,CACZC,eAACiB,GAAI,IACLnB,gBAAC5H,GAAa,CAAA6H,SAAA,CACVC,eAACzH,GAAS,CACNI,WAAY,IACZE,SAAU,GAAGkH,SAChB,gBAGDC,eAACzH,GAAS,CACNI,WAAY,IACZE,SAAU,GACVC,UAAW,GAAGiH,SACjB,wJAQbC,eAACxE,GAAM,CAAAuE,SACHC,eAAC1E,GAAoB,CAAAyE,SACjBD,gBAAC7B,GAAW,CAAA8B,SAAA,CACRC,eAAC5E,GAAqB,CAClBzC,WAAY,IACZE,SAAU,GACVa,MAAOxD,GAAOS,MAAME,WAAWkJ,SAClC,eAGDD,gBAACxB,GAAkB,CAAAyB,SAAA,CACfC,eAACpE,GAAoB,CAACqE,IAAK8E,KAC3BjF,gBAAC7E,GAAgB,CACbE,QAAQ,OACRxC,WAAY,IACZE,SAAU,GACVa,MAAOxD,GAAOC,MAAMC,MAAM2J,SAAA,CAC7B,qVAKGC,eAAC5B,GAAO,IAAG,0RAIX4B,eAAC5B,GAAO,IAAG,iPAKf4B,eAACtE,GAAiB,CAACuE,IAAK8E,eAKxC/E,eAAClE,GAAgB,CAACE,iBAAe,EAAA+D,SAC7BC,eAAClE,GAAgB,CAAAiE,SACbC,eAAC9D,GAAW,CAAA6D,SAAC,wDAKrBD,gBAAC3G,GAAS,CAAA4G,SAAA,CACND,gBAACzG,GAAkB,CAAA0G,SAAA,CACfC,eAACzG,GAAS,CACNG,MAAOxD,GAAOC,MAAMC,MACpBuD,aAAc,EAAEoG,SACnB,mBAGDC,eAACzG,GAAS,CACNG,MAAOxD,GAAOS,MAAME,WACpB+C,YAAa,EAAEmG,SAClB,sBAILD,gBAACjG,GAAc,CAACG,QAASiK,EAA4BlE,SAAA,CACjDD,gBAAC5F,GAAiB,CAAA6F,SAAA,CACdC,eAACgF,GAAI,CACDrF,YC/Rb,6kDDgSaC,MAAM,sBACNC,SAAS,0IACTV,cAAe,MAEnBa,eAACgF,GAAI,CACDrF,YErSb,6qDFsSaC,MAAM,cACNC,SAAS,qGACTV,cAAe,SAGvBW,gBAAC5F,GAAiB,CAAA6F,SAAA,CACdC,eAACgF,GAAI,CACDrF,YG7Sb,y9DH8SaC,MAAM,cACNC,SAAS,8GACTV,cAAe,MAEnBa,eAACgF,GAAI,CACDrF,YInTb,6pFJoTaC,MAAM,aACNC,SAAS,mKACTV,cAAe,eAK/Ba,eAAC5F,GAAU,CAAA2F,SACPD,gBAACvF,GAAkB,CAAAwF,SAAA,CACfC,eAACrF,GAAU,CAAAoF,SAAC,2BACZC,eAACvF,GAAS,CAAAsF,SACND,gBAACjF,GAAgB,CAAAkF,SAAA,CACZoE,EAAkBc,OAAOlC,GAAoB,sBAC9C/C,eAACnC,GAAK,CAAAkC,SAAC,MACNoE,EAAkBc,OAAO9B,GAAwB,yBAClDnD,eAACnC,GAAK,CAAAkC,SAAC,MACNoE,EAAkBc,OAAO1B,GAAgB,iBAC1CvD,eAACnC,GAAK,CAAAkC,SAAC,MACNoE,EAAkBc,OAAOtB,GAAkB,sBAK5D7D,gBAAC/E,GAAc,CAAAgF,SAAA,CACXD,gBAACzG,GAAkB,CAAA0G,SAAA,CACfC,eAACzG,GAAS,CACNG,MAAOxD,GAAOC,MAAMC,MACpBuD,aAAc,EAAEoG,SACnB,WAGDC,eAACzG,GAAS,CACNG,MAAOxD,GAAOS,MAAME,WACpB+C,YAAa,EAAEmG,SAClB,oBAIJsE,EACG,+BACA,0JACA,KAAK,GAADzL,OK7VT,m6GLgWE8L,EACG,iCACA,0IACA,KAAK,GAAD9L,OMnWT,2gMNsWEyL,EACG,2BACA,2JACA,KAAK,GAADzL,OOzWT,umOP4WE8L,EACG,2BACA,yKACA,KAAK,GAAD9L,OQ/WT,khFRmXHoH,eAACjH,GAAQ,CAACG,OAAQ,KAClB8G,eAACgB,GAAM,MAGnB,ES1WarJ,GAAOF,KAAOC,IAAGL,QAAAC,aAAA,yDAKjB6I,GAAS1I,KAAOC,IAAGE,QAAAN,aAAA,kKAGRpB,GAAOS,MAAME,YAQxBqO,GAAsBzN,KAAOC,IAAGM,QAAAV,aAAA,wGAOhC6N,GAAa1N,KAAO+B,GAAEvB,QAAAX,aAAA,kSAEhBC,GAAqB,cAe3B6N,GAAW3N,KAAOU,IAAGC,QAAAd,aAAA,oHASrB+N,GAAU5N,KAAOU,IAAGE,QAAAf,aAAA,8dAoCpBgO,IALmB7N,KAAOC,IAAGY,QAAAhB,aAAA,+CAKtBG,KAAOC,IAAGe,QAAAnB,aAAA,6WASFpB,GAAOS,MAAME,aAQ5B0O,GAAS9N,KAAOC,IAAGsB,QAAA1B,aAAA,uVAqBnBkO,GAAa/N,KAAOgG,GAAExE,QAAA3B,aAAA,kbACtBpB,GAAOC,MAAMC,MACPmB,GAAqB,aAcvBrB,GAAOC,MAAME,OAUjBoP,GAAgBhO,KAAOgG,GAAErE,QAAA9B,aAAA,6ZACzBpB,GAAOC,MAAMC,MACPmB,GAAqB,gBAgBvBrB,GAAOC,MAAME,OAKjBqP,GAAgBjO,KAAOC,IAAG4B,QAAAhC,aAAA,+NAGfpB,GAAOS,MAAMC,iBAUxB+O,GAAWlO,KAAOC,IAAG+B,QAAAnC,aAAA,8IASrBsO,GAAanO,KAAOgG,GAAE3D,QAAAxC,aAAA,0BACtBpB,GAAOC,MAAMC,OAGbyP,GAAgBpO,KAAOkH,GAAE5E,QAAAzC,aAAA,iDACzBpB,GAAOC,MAAMI,YAIbuP,GAAiBrO,KAAOC,IAAGyC,QAAA7C,aAAA,2DAK3ByB,GAAWtB,KAAOC,IAAG2C,QAAA/C,aAAA,wDACpB,SAACoB,GAAK,SAAAE,OAAQF,EAAMQ,QAAU,EAAC,QACrBhD,GAAOS,MAAMC,iBAGxBY,GAAYC,KAAOC,IAAG8C,QAAAlD,aAAA,QACtByO,GAAYtO,KAAOU,IAAGuC,QAAApD,aAAA,QACtB0O,GAAgBvO,KAAOC,IAAGkD,QAAAtD,aAAA,QCpOxB,OAA0B,uCCA1B,OAA0B,oCCoG1B2O,GA/DkB,WAU7B,SAASC,EAAetG,EAAeC,GACnC,OACIC,gBAAC6F,GAAQ,CAAA5F,SAAA,CARTC,eAACgG,GAAa,CAAAjG,SACVC,eAAC+F,GAAS,CAAC9F,IC1CZ,66BDmDCH,gBAACgG,GAAc,CAAA/F,SAAA,CACXC,eAAC4F,GAAU,CAAA7F,SAAEH,IACbI,eAAC6F,GAAa,CAAA9F,SAAEF,SAIhC,CAGA,OACIC,gBAACnI,GAAI,CAAAoI,SAAA,CACDD,gBAACtI,GAAS,CAAAuI,SAAA,CACND,gBAACK,GAAM,CAAAJ,SAAA,CACHC,eAACiB,GAAI,IACLjB,eAACkF,GAAmB,CAAAnF,SAChBC,eAACmF,GAAU,CAAApF,SAAC,mDAKpBD,gBAACwF,GAAI,CAAAvF,SAAA,CACDC,eAACoF,GAAQ,CAACnF,IAAKkG,KACfnG,eAACqF,GAAO,CAACpF,IAAKmG,KACdtG,gBAACyF,GAAM,CAAAxF,SAAA,CACHC,eAACwF,GAAU,CAAAzF,SAAC,wBAGZC,eAACyF,GAAa,CAAA1F,SAAC,8JAM3BC,eAACjH,GAAQ,CAACG,OAAQ,KAClB4G,gBAAC4F,GAAa,CAAA3F,SAAA,CACTmG,EAAe,WAAY,yCAC3BA,EAAe,iBAAkB,sCACjCA,EAAe,kBAAmB,0DAClCA,EAAe,gBAAiB,UAChCA,EAAe,YAAa,mCAC5BA,EAAe,SAAU,wCACzBA,EAAe,SAAU,WAE9BlG,eAACjH,GAAQ,CAACG,OAAQ,KAClB8G,eAACgB,GAAM,MAGnB,E,+DE3FaxJ,GAAYC,KAAOC,IAAGL,QAAAC,aAAA,yEAMtB+O,GAAU5O,KAAOC,IAAGE,QAAAN,aAAA,yDAMpB6I,GAAS1I,KAAOC,IAAGM,QAAAV,aAAA,4HACRpB,GAAOS,MAAME,YAOxByP,GAAc7O,KAAO+B,GAAEvB,QAAAX,aAAA,iZAqBvBgO,GAAO7N,KAAOC,IAAGU,QAAAd,aAAA,8GAOjBiP,GAAc9O,KAAOC,IAAGW,QAAAf,aAAA,mMAiCxBkP,IArBiB/O,KAAOU,IAAGG,QAAAhB,aAAA,sHASbG,KAAOC,IAAGe,QAAAnB,aAAA,8LAYTG,KAAOC,IAAGsB,QAAA1B,aAAA,wWACzBpB,GAAOC,MAAMC,QAkBbqQ,GAAWhP,KAAOiP,KAAIzN,QAAA3B,aAAA,yKAWtBqP,GAAYlP,KAAOC,IAAG0B,QAAA9B,aAAA,kLAWtBsP,GAAYnP,KAAOoP,MAAKvN,QAAAhC,aAAA,sUAEbpB,GAAOS,MAAMC,iBAgBxBkQ,GAASrP,KAAOC,IAAG+B,QAAAnC,aAAA,2LAYnByP,GAAatP,KAAOuP,OAAMlN,QAAAxC,aAAA,iLACfpB,GAAOS,MAAMC,iBAUxBqQ,GAAexP,KAAOC,IAAGqC,QAAAzC,aAAA,kLAWzB4P,GAAWzP,KAAOoP,MAAK1M,QAAA7C,aAAA,+CAKvB6P,GAAgB1P,KAAO2P,MAAK/M,QAAA/C,aAAA,8JAC5BpB,GAAOC,MAAMC,OAUb6I,GAAQxH,KAAOkH,GAAEnE,QAAAlD,aAAA,gJACjBpB,GAAOC,MAAMI,YAQb8Q,GAAgB5P,KAAO6P,SAAQ5M,QAAApD,aAAA,0SACpBpB,GAAOS,MAAMC,gBAQxBV,GAAOC,MAAMI,YAQbgR,GAAa9P,KAAOC,IAAGkD,QAAAtD,aAAA,wOAavBkQ,GAAkB/P,KAAOe,KAAIsC,QAAAxD,aAAA,oKAC7BpB,GAAOC,MAAMC,OAUbqR,GAAahQ,KAAOiQ,OAAM1M,QAAA1D,aAAA,6UAEfpB,GAAOS,MAAME,YAgBxB8Q,GAAiBlQ,KAAOe,KAAI0C,QAAA5D,aAAA,0BAC5BpB,GAAOC,MAAME,OAGbuR,GAAkBnQ,KAAOC,IAAG2D,QAAA/D,aAAA,gGAO5BuQ,GAASpQ,KAAOqQ,OAAMvM,QAAAjE,aAAA,QCpR7ByQ,GAAejE,OAAO5C,SAAS8G,SAASC,SAAS,oBACjDC,GAAYpE,OAAO5C,SAAS8G,SAASC,SAAS,WAWrCE,GATPJ,GACO,+BAEPG,GACO,gDAEJ,oDCkSIE,GAvPe,WAE1B,IAAMC,EAAqC,CACvCC,KAAM,GACNC,MAAO,GACPC,UAAW,GACXC,YAAa,GACbC,eAAgB,GAChBC,cAAe,GACfC,MAAO,GACPC,YAAa,GACbC,SAAU,IAId1H,EAAgCC,oBAASgH,GAAgB/G,EAAAC,aAAAH,EAAA,GAAlD2H,EAAQzH,EAAA,GAAE0H,EAAW1H,EAAA,GAC5BG,EAAoCJ,qBAAS,GAAMK,EAAAH,aAAAE,EAAA,GAA5CwH,EAAUvH,EAAA,GAAEwH,EAAaxH,EAAA,GAGhC,SAASyH,EAAaC,GAKlB,IAAMC,EAAaD,EAAEzG,OAAO2G,GACtBC,EAAeH,EAAEzG,OAAO6G,MACxBC,EAAWC,0BAAA,GACVX,GAAQ,GAAAY,aAAA,GACVN,EAAaE,IAElBP,EAAYS,EAChB,CAEyB,SAAAG,IAmBxB,OAnBwBA,EAAAC,aAAAC,eAAAC,MAAzB,SAAAC,EAA0BZ,GAAmC,IAAAa,EAAAC,EAAA,OAAAJ,eAAAK,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,OACzDlB,EAAEmB,iBACFrB,GAAc,GACRe,EAAelB,EACfmB,EAAgB,CAClBM,QAAS,CACL,eAAgB,qBAGxBC,KAAMC,KAAK,GAAD9R,OAAIuP,GAAO,sBAAsB8B,EAAcC,GACpDS,MAAK,WACFC,KAAMC,QAAQ,iCACd3B,GAAc,GACdF,EAAYX,EAChB,IACCyC,OAAM,SAACC,GACJH,KAAMI,MAAMD,EAAIE,SAASC,KAAKC,SAC9BjC,GAAc,EAClB,IAAG,wBAAAkB,EAAAgB,OAAA,GAAApB,EAAA,MACVqB,MAAA,KAAAC,UAAA,CAED,IAAMC,EAAkBC,wBAAY,SAACpC,GACjCA,EAAEqC,cAAcC,UAAY,GAC5B,IAAMlC,EAAUJ,EAAEqC,cAAZjC,MAGNA,GADAA,GADAA,EAAQA,EAAMmC,QAAQ,MAAO,KACfA,QAAQ,cAAe,YACvBA,QAAQ,cAAe,SAErCvC,EAAEqC,cAAcjC,MAAQA,CAC5B,GAAG,IAGGoC,EAAoB,SAAChM,EAAe4J,GAgBtC,OACI1J,gBAAC8H,GAAe,CAAA7H,SAAA,CACZC,eAACkH,GAAQ,CACL2E,KAAK,WACLC,SAnBZ,WACI,IAAIlD,GAAgB,OAARG,QAAQ,IAARA,OAAQ,EAARA,EAAUH,QAAS,GACAA,EAAMX,SAASuB,GAE1CZ,EAAQA,EAAMmD,QAAO,SAACC,GAAE,OAAKA,IAAOxC,CAAK,IAEzCZ,EAAMqD,KAAKzC,GAEf,IAAMC,EAAWC,0BAAA,GACVX,GAAQ,IACXH,UAEJI,EAAYS,EAChB,EAOYyC,QAASnD,EAASH,MAAMX,SAASuB,GACjCA,MAAOA,IAEXxJ,eAACmH,GAAa,CAAApH,SAAEH,MAG5B,EAEMuM,EAAe,SACjBC,EACAC,EACA7C,GAAa,OAEbxJ,eAAC6H,GAAM,CACHyE,SAAUD,EACVE,UAAQ,EACR/C,MAAOA,EAAMzJ,SAEZqM,GACI,EAIb,OACIpM,eAACxI,GAAS,CAAAuI,SACND,gBAACuG,GAAO,CAAAtG,SAAA,CACJD,gBAACK,GAAM,CAAAJ,SAAA,CACHC,eAACiB,GAAI,IACLjB,eAACsG,GAAW,CAAAvG,SAAC,wBACbC,eAACwM,KAAc,OAEnBxM,eAACsF,GAAI,CAAAvF,SACDD,gBAAC2G,GAAQ,CAACgG,SAvFzB,SAEwBC,GAAA,OAAA9C,EAAAyB,MAAC,KAADC,UAAA,EAqFsBvL,SAAA,CAC3BC,eAACuG,GAAW,CAAAxG,SACRC,eAACwG,GAAY,CAAAzG,SAAC,qNAMlBD,gBAAC6G,GAAS,CAAA5G,SAAA,CACNC,eAAC4G,GAAS,CACN+F,UAAQ,EACRd,KAAK,OACLe,YAAY,YACZtD,GAAG,OACHE,MAAOT,EAAST,KAChBwD,SAAU3C,EACVuC,UAAW,MAEf1L,eAAC4G,GAAS,CACN+F,UAAQ,EACRd,KAAK,QACLe,YAAY,cACZtD,GAAG,QACHE,MAAOT,EAASR,MAChBuD,SAAU3C,EACVuC,UAAW,SAGnB5L,gBAAC6G,GAAS,CAAA5G,SAAA,CACNC,eAAC4G,GAAS,CACN+F,UAAQ,EACRd,KAAK,OACLe,YAAY,gBACZtD,GAAG,YACHuD,QAAStB,EACT/B,MAAOT,EAASP,UAChBsD,SAAU3C,IAEdnJ,eAAC4G,GAAS,CACNiF,KAAK,OACLe,YAAY,8BACZtD,GAAG,cACHE,MAAOT,EAASN,YAChBqD,SAAU3C,EACVuC,UAAW,SAGnB1L,eAAC2G,GAAS,CAAA5G,SACNC,eAAC4G,GAAS,CACN+F,UAAQ,EACRd,KAAK,OACLe,YAAY,wCACZtD,GAAG,iBACHE,MAAOT,EAASL,eAChBoD,SAAU3C,EACVuC,UAAW,QAGnB1L,eAAC8G,GAAM,CAAA/G,SACHD,gBAACiH,GAAU,CACPuC,GAAG,gBACHE,MAAOT,EAASJ,cAChBmD,SAAU3C,EAAapJ,SAAA,CAEtBoM,EAAa,6CAA0C,EAAM,IAC7DA,EAAa,wBAAwB,EAAO,QAC5CA,EAAa,yBAAsB,EAAO,SAC1CA,EAAa,gCAA6B,EAAO,UACjDA,EAAa,8BAAwB,EAAO,aAC5CA,EAAa,iDAA8C,EAAO,eAClEA,EAAa,4CAAyC,EAAO,oBAGtEnM,eAACf,GAAK,CAAAc,SAAC,8BACPD,gBAACmH,GAAY,CAAAlH,SAAA,CACR6L,EAAkB,+BAA6B,iBAC/CA,EAAkB,qBAAgB,sBAEvC9L,gBAACmH,GAAY,CAAAlH,SAAA,CACR6L,EAAkB,6BAA8B,oCAChDA,EAAkB,eAAgB,SAEvC9L,gBAACmH,GAAY,CAAAlH,SAAA,CACR6L,EAAkB,uCAAkC,mCACpDA,EAAkB,wBAAsB,yBAE7C9L,gBAACmH,GAAY,CAAAlH,SAAA,CACR6L,EAAkB,uBAAwB,iBAC1CA,EAAkB,6BAA8B,0BAErD5L,eAAC8G,GAAM,CAAA/G,SACHD,gBAACiH,GAAU,CACPuC,GAAG,cACHE,MAAOT,EAASF,YAChBiD,SAAU3C,EAAapJ,SAAA,CAEtBoM,EAAa,wCAAwC,EAAM,IAC3DA,EAAa,+BAA4B,EAAO,UAChDA,EAAa,wBAAqB,EAAO,UACzCA,EAAa,sBAAsB,EAAO,SAC1CA,EAAa,kCAAkC,EAAO,cACtDA,EAAa,uBAAoB,EAAO,uBAGjDnM,eAAC2G,GAAS,CAAA5G,SACNC,eAACqH,GAAa,CACVuF,YAAY,iBACZtD,GAAG,WACHE,MAAOT,EAASD,SAChBgD,SAAU3C,MAGlBnJ,eAACwH,GAAe,CAAAzH,SAAC,4BACjBC,eAACuH,GAAU,CAAAxH,SACPC,eAACyH,GAAU,CAAA1H,SACLkJ,EAAajJ,eAAC8M,KAAY,CAACpT,MAAK,GAAAd,OAAK1C,GAAOS,MAAMG,aAAeoC,OAAQ,GAAI6T,MAAO,KAClF/M,eAAC2H,GAAc,CAAA5H,SAAC,oBAOpCC,eAACgB,GAAM,QAIvB,E,SClSaxJ,GAAYC,KAAOC,IAAGL,QAAAC,aAAA,UAGtB6I,GAAS1I,KAAOC,IAAGE,QAAAN,aAAA,4LACRpB,GAAOS,MAAME,YAUxByP,GAAc7O,KAAO+B,GAAExB,QAAAV,aAAA,mSAgBvB0V,GAAmBvV,KAAOC,IAAGO,QAAAX,aAAA,sIAQ7B2V,GAAYxV,KAAOU,IAAGC,QAAAd,aAAA,2JAUtB4V,GAAczV,KAAOC,IAAGW,QAAAf,aAAA,+UAgBxB6V,GAAO1V,KAAOe,KAAIF,QAAAhB,aAAA,uaAClBpB,GAAOS,MAAME,YAoBbuW,GAAW3V,KAAOe,KAAIC,QAAAnB,aAAA,sbACtBpB,GAAOC,MAAMC,OAoBbiX,GAAuB5V,KAAOC,IAAGsB,QAAA1B,aAAA,mWAiBjCgW,GAAa7V,KAAOC,IAAGuB,QAAA3B,aAAA,2OAYvBiW,GAAiB9V,KAAOC,IAAG0B,QAAA9B,aAAA,sFAM3BkW,GAAiB/V,KAAOe,KAAIc,QAAAhC,aAAA,2EAM5BmW,GAAiBhW,KAAOC,IAAG+B,QAAAnC,aAAA,kPAa3BoW,GAAmBjW,KAAOU,IAAG2B,QAAAxC,aAAA,yLAuB7BqW,IARclW,KAAOC,IAAGqC,QAAAzC,aAAA,4HACb,SAACoB,GAAK,aAAAE,OAAaF,EAAMkV,WAAU,QAO9BnW,KAAOC,IAAGyC,QAAA7C,aAAA,gIAQ1BuW,GAAWpW,KAAOe,KAAI6B,QAAA/C,aAAA,8WACtBpB,GAAOS,MAAME,YAiBbiX,GAAgBrW,KAAOC,IAAG8C,QAAAlD,aAAA,kIAQ1BuC,GAAiBpC,KAAOC,IAAGgD,QAAApD,aAAA,wGAO3ByW,GAAYtW,KAAOU,IAAGyC,QAAAtD,aAAA,mKAoDtB0W,IA1CgBvW,KAAOC,IAAGoD,QAAAxD,aAAA,gXAU1BpB,GAAOC,MAAMC,OAQFqB,KAAOe,KAAIwC,QAAA1D,aAAA,ofACtBpB,GAAOC,MAAMC,OAuBOqB,KAAOC,IAAGwD,QAAA5D,aAAA,4DAK9B2W,GAAexW,KAAOC,IAAG2D,QAAA/D,aAAA,qOAYzB4W,GAAYzW,KAAOU,IAAGoD,QAAAjE,aAAA,iMAWtB6W,GAAe1W,KAAOC,IAAG+D,QAAAnE,aAAA,uZAmBzB8W,GAAwB3W,KAAOC,IAAGiE,QAAArE,aAAA,4UAoBlC+W,GAAW5W,KAAOe,KAAIqD,QAAAvE,aAAA,iUACtBpB,GAAOC,MAAMC,OAOL,SAACsC,GAAK,OAAMA,EAAM4V,cAAgB,MAAM,IAQhDC,GAAgB9W,KAAOC,IAAGqE,QAAAzE,aAAA,mYAG1BpB,GAAOC,MAAMC,OAgBboY,GAAW/W,KAAOe,KAAI4D,QAAA9E,aAAA,oPACtBpB,GAAOC,MAAMC,OAYbqY,GAAchX,KAAOe,KAAI8D,QAAAhF,aAAA,8QACzBpB,GAAOC,MAAMC,OC/YX,OAA0B,oCCEnCsY,GAAgB5K,OAAO5C,SAAS8G,SAASC,SAAS,cAAgBnE,OAAO5C,SAAS8G,SAASC,SAAS,eAAiB,cAAgB,KACrIC,GAAYpE,OAAO5C,SAAS8G,SAASC,SAAS,WAAa,UAAY,KACvE0G,GAAW7K,OAAO5C,SAAS8G,SAASC,SAAS,UAAY,SAAW,KACpE2G,GAAcF,IAAiBxG,IAAayG,GAE5CE,GAAUD,GAAW,WAAAhW,OAAcgW,GAAW,kCAAmC,+BAKxEE,GAJHrE,KAAMsE,OAAO,CACrBF,aCRoB,SAETG,KAAe,OAAAC,GAAA5D,MAAC,KAADC,UAAA,UAAA2D,KAK7B,OAL6BA,GAAApF,aAAAC,eAAAC,MAA9B,SAAAC,IAAA,OAAAF,eAAAK,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,cAAAF,EAAA8E,OAAA,SACWJ,GACFK,IAAI,sBACJxE,MAAK,SAACM,GAAQ,OAAKA,EAASC,IAAI,IAChCJ,OAAM,SAACE,GAAK,OAAKA,CAAK,KAAC,wBAAAZ,EAAAgB,OAAA,GAAApB,EAAA,MAC/BqB,MAAA,KAAAC,UAAA,CC4DD,I,uIA8Ke8D,GA9KiB,WAE5B,IAAAhO,EAAkCC,sBAA0BC,EAAAC,aAAAH,EAAA,GAArDiO,EAAS/N,EAAA,GAAEgO,EAAYhO,EAAA,GAC9BG,EAAsCJ,sBAAyBK,EAAAH,aAAAE,EAAA,GAAxD8N,EAAW7N,EAAA,GAAE8N,EAAc9N,EAAA,GAClCuB,EAA0C5B,oBAAS,IAAG6B,EAAA3B,aAAA0B,EAAA,GAA/CwM,EAAavM,EAAA,GAAEwM,EAAgBxM,EAAA,GACtCG,EAAwBhC,oBAA2B,IAAuBiC,EAAA/B,aAAA8B,EAAA,GAAnEsM,EAAIrM,EAAA,GAAEsM,EAAOtM,EAAA,GAGduM,EAAqB,SAACzG,GAAgB,OAAKA,EAAE0G,KAAI,SAACC,EAAWC,GAC/D,OAAKA,EAaDhQ,eAACoO,GAAqB,CAAArO,SAClBC,eAACqO,GAAQ,CAASC,aAAa,MAAKvO,SAC/BqJ,EAAE6G,OAAS,IAAMD,EAAID,EAAC,GAAAnX,OAAMmX,EAAC,MADnBA,KAZfjQ,gBAACsO,GAAqB,CAAArO,SAAA,CAClBC,eAACqO,GAAQ,CAASC,aAAa,MAAKvO,SAAA,GAAAnH,OAC5BmX,EAAEG,MAAM,KAAK,GAAE,MADRH,GAGf/P,eAACqO,GAAQ,CAASC,aAAa,MAAKvO,SAAA,GAAAnH,OAC5BmX,EAAEG,MAAM,KAAK,GAAE,MADRH,KAa/B,GAAG,EA2HkC,SAAAI,IAIpC,OAJoCA,EAAAtG,aAAAC,eAAAC,MAArC,SAAAC,IAAA,OAAAF,eAAAK,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,OACI0E,KAAkBrE,MAAK,SAACM,GAAmB,IAADmF,EACtCR,EAAgB,OAAR3E,QAAQ,IAARA,GAAgB,QAARmF,EAARnF,EAAUoF,cAAM,IAAAD,OAAR,EAARA,EAAkBE,KAC9B,IAAGxF,OAAM,SAACE,GAAK,OAAKA,CAAK,IAAE,wBAAAZ,EAAAgB,OAAA,GAAApB,EAAA,MAC9BqB,MAAA,KAAAC,UAAA,CAOD,OALAzJ,sBAAU,YAPV,WACqCsO,EAAA9E,MAAC,KAADC,UAAA,CAOjCiF,EACJ,GAAG,IAICzQ,gBAACtI,GAAS,CAAAuI,SAAA,CACNC,eAACwM,KAAc,IACf1M,gBAACK,GAAM,CAAAJ,SAAA,CACHC,eAACiB,GAAI,IACLjB,eAACsG,GAAW,CAAAvG,SAAC,oBAnFjBsP,EAEIvP,gBAAA0E,YAAA,CAAAzE,SAAA,CACIC,eAAC2N,GAAa,CAAA5N,SACVC,eAAC6N,GAAQ,CAAA9N,SAAE0P,MAEfzP,eAAC8N,GAAa,CAAA/N,SACVC,eAACnG,GAAc,CAAAkG,SACXC,eAAC+N,GAAS,CAAC9N,IAAKoP,EAAUmB,YAIlC1Q,gBAACkO,GAAiB,CAAAjO,SAAA,CACdD,gBAACmO,GAAY,CAAAlO,SAAA,CACTC,eAACkO,GAAS,CAACjO,IAAKoP,EAAUoB,WAAW,KACrCzQ,eAACkO,GAAS,CAACjO,IAAKoP,EAAUoB,WAAW,QAEzCzQ,eAACmO,GAAY,CAAApO,SACR8P,EACGR,EAAU7W,KAAK0X,MAAM,QAG7BlQ,eAACmO,GAAY,CAAApO,SACR8P,EACGR,EAAUqB,eAAeR,MAAM,QAGvCpQ,gBAACyO,GAAa,CAAAxO,SAAA,CAAC,sBAEXD,gBAAC0O,GAAQ,CAAAzO,SAAA,CAAC,WAEL,IACAsP,EAAUsB,gBAEf7Q,gBAAC2O,GAAW,CAAA1O,SAAA,CAAC,OAER,IACAsP,EAAUuB,qBAQ/B9Q,gBAAA0E,YAAA,CAAAzE,SAAA,CACID,gBAACkN,GAAgB,CAAAjN,SAAA,CACbC,eAACiN,GAAS,CAAChN,IAAK4Q,KAChB/Q,gBAACoN,GAAW,CAAAnN,SAAA,CACRC,eAACmN,GAAI,CAAApN,SAAC,8CACNC,eAACoN,GAAQ,CAAArN,SAAC,wMAQlBC,eAAC2N,GAAa,CAAA5N,SACVC,eAAC6N,GAAQ,CAAA9N,SAAC,iBAEdC,eAACqN,GAAoB,CAAAtN,SAlHzB4P,EACOA,EAAKG,KAAI,SAACtG,GACb,IAAMsH,EAAa,WACfxB,EAAa9F,GACb1F,OAAOiN,SAAS,CAAEC,IAAK,EAAGC,SAAU,UACxC,EAQA,OACInR,gBAAC2N,GAAc,CACXyD,aATW,WACf1B,EAAehG,EAAMF,IACrBoG,EAAiBlG,EAAMlB,KAC3B,EAOQ6I,aANW,WACf3B,EAAe,KACnB,EAIiCzP,SAAA,CAEzBC,eAAC0N,GAAgB,CACbzN,IAAKuJ,EAAMgH,MAEXxO,QAAS8O,GADJtH,EAAMF,IAGdiG,IAAgB/F,EAAMF,GACnBtJ,eAACsN,GAAU,CAACtL,QAAS8O,EAAW/Q,SAC5BD,gBAACyN,GAAc,CAAAxN,SAAA,CACXC,eAACwN,GAAc,CAAAzN,SACV0P,IAELzP,eAACoR,KAAiB,CACdC,KAAM,GACN3X,MAAM,eAIlB,OAGhB,IAEG,UAmGHsG,eAACgB,GAAM,MAGnB,EC1OarJ,GAAOF,KAAOC,IAAGL,QAAAC,aAAA,oFAQjB6I,GAAS1I,KAAOC,IAAGE,QAAAN,aAAA,2EAGRpB,GAAOS,MAAME,YAGxBya,GAAY7Z,KAAOC,IAAGM,QAAAV,aAAA,wGAOtBgP,GAAc7O,KAAO+B,GAAEvB,QAAAX,aAAA,qKAIjBC,GAAqB,cAQ3B+N,GAAO7N,KAAOC,IAAGU,QAAAd,aAAA,yUACNpB,GAAOS,MAAMC,gBASTV,GAAOS,MAAME,YAM5B0a,GAAe9Z,KAAOU,IAAGE,QAAAf,aAAA,8GAQzB+N,GAAU5N,KAAOU,IAAGG,QAAAhB,aAAA,iQAgBpBka,GAAO/Z,KAAOC,IAAGe,QAAAnB,aAAA,gXAsBjBma,GAAWha,KAAOgG,GAAEzE,QAAA1B,aAAA,kbACpBpB,GAAOC,MAAMC,MACPmB,GAAqB,aAcvBrB,GAAOC,MAAME,OAUjBqb,GAAcja,KAAOgG,GAAExE,QAAA3B,aAAA,6ZACvBpB,GAAOC,MAAMC,MACPmB,GAAqB,gBAgBvBrB,GAAOC,MAAME,OAMjBsb,GAAgBla,KAAOC,IAAG0B,QAAA9B,aAAA,4WAGfpB,GAAOS,MAAMC,iBA0BxBgb,IARMna,KAAOC,IAAG4B,QAAAhC,aAAA,4GAQLG,KAAOU,IAAGsB,QAAAnC,aAAA,0EAMrBua,GAAOpa,KAAOC,IAAGoC,QAAAxC,aAAA,8RAiBjBwa,GAAWra,KAAOC,IAAGqC,QAAAzC,aAAA,yDAKrBwO,GAAiBrO,KAAOC,IAAGyC,QAAA7C,aAAA,mDAE3BpB,GAAOC,MAAMC,OAGbyP,GAAgBpO,KAAOkH,GAAEtE,QAAA/C,aAAA,4EACnBC,GAAqB,iBAK3BC,GAAYC,KAAOC,IAAG8C,QAAAlD,aAAA,QACtBya,GAAYta,KAAOU,IAAGuC,QAAApD,aAAA,QACtBqO,GAAWlO,KAAOC,IAAGkD,QAAAtD,aAAA,QACrBsO,GAAanO,KAAOgG,GAAE3C,QAAAxD,aAAA,QC/NpB,OAA0B,wCCA1B,OAA0B,yCCA1B,OAA0B,kCCA1B,OAA0B,kCCA1B,OAA0B,mCCA1B,OAA0B,kCCqG1B0a,GA1DY,WAEvB,SAAS9L,EAAetG,EAAeC,GACnC,OACIG,eAAC2F,GAAQ,CAAA5F,SACLD,gBAACgG,GAAc,CAAA/F,SAAA,CACXC,eAAC4F,GAAU,CAAA7F,SAAEH,IACbI,eAAC6F,GAAa,CAAA9F,SAAEF,QAIhC,CACA,SAASoS,EAAWhS,EAAaL,EAAeC,GAC5C,OACIC,gBAACgS,GAAQ,CAAA/R,SAAA,CACLC,eAAC4R,GAAQ,CAAC3R,IAAKA,IACdiG,EAAetG,EAAOC,GACvBG,eAAC+R,GAAS,CAAC9R,IC5DZ,6OD+DX,CAGA,OACIH,gBAACnI,GAAI,CAAAoI,SAAA,CACDD,gBAACtI,GAAS,CAAAuI,SAAA,CACND,gBAACK,GAAM,CAAAJ,SAAA,CACHC,eAACiB,GAAI,IACLjB,eAACsR,GAAS,CAAAvR,SACNC,eAACsG,GAAW,CAAAvG,SAAC,sBAGrBD,gBAACwF,GAAI,CAAAvF,SAAA,CACDC,eAACuR,GAAY,CAACtR,IAAKiS,KACnBlS,eAACqF,GAAO,CAACpF,IAAKkS,KACdrS,gBAAC0R,GAAI,CAAAzR,SAAA,CACDC,eAACyR,GAAQ,CAAA1R,SAAC,gCAGVC,eAAC0R,GAAW,CAAA3R,SAAC,gPAMzBC,eAAC2R,GAAa,CAAA5R,SACVD,gBAAC+R,GAAI,CAAA9R,SAAA,CACAkS,EAAWG,GAAO,iBAAkB,+BACpCH,EAAWI,GAAQ,kBAAmB,oBACtCJ,EAAWK,GAAO,mBAAoB,oBACtCL,EAAWM,GAAO,iBAAkB,4BAG7CvS,eAACgB,GAAM,MAGnB,EE5FaxJ,GAAYC,KAAOC,IAAGL,QAAAC,aAAA,yDAKtB6I,GAAS1I,KAAOC,IAAGE,QAAAN,aAAA,qNACRpB,GAAOS,MAAME,YAYxByP,GAAc7O,KAAO+B,GAAExB,QAAAV,aAAA,0TAiBvBgO,GAAO7N,KAAOC,IAAGO,QAAAX,aAAA,qOAYjBmP,GAAWhP,KAAOiP,KAAItO,QAAAd,aAAA,gRAetBkb,GAAY/a,KAAO+B,GAAEnB,QAAAf,aAAA,wQACrBpB,GAAOC,MAAMC,OAcbwQ,GAAYnP,KAAOoP,MAAKvO,QAAAhB,aAAA,4cACbpB,GAAOS,MAAMC,gBAExBV,GAAOC,MAAMI,WAUEL,GAAOS,MAAMC,gBAExBV,GAAOC,MAAMI,YASjBkc,GAAiBhb,KAAOC,IAAGe,QAAAnB,aAAA,wKAW3ByP,GAAatP,KAAOuP,OAAMhO,QAAA1B,aAAA,6cACfpB,GAAOS,MAAMC,gBAExBV,GAAOC,MAAMI,YAqBb4V,GAAe1U,KAAOqQ,OAAM7O,QAAA3B,aAAA,kGAC5BpB,GAAOC,MAAMI,YAMbmc,GAAmBjb,KAAOC,IAAG0B,QAAA9B,aAAA,6FAQ7Bqb,GAAoBlb,KAAOoP,MAAKvN,QAAAhC,aAAA,sUACrBpB,GAAOS,MAAMC,gBAExBV,GAAOC,MAAMI,YAeb0Q,GAAexP,KAAOC,IAAG+B,QAAAnC,aAAA,kLAWzB2H,GAAQxH,KAAO+B,GAAEM,QAAAxC,aAAA,6QACjBpB,GAAOC,MAAMI,YAcbqR,GAAkBnQ,KAAOC,IAAGqC,QAAAzC,aAAA,gGAO5B4P,GAAWzP,KAAOoP,MAAK1M,QAAA7C,aAAA,+CAKvB6P,GAAgB1P,KAAO2P,MAAK/M,QAAA/C,aAAA,0WAC5BpB,GAAOC,MAAMC,OAoBbiR,GAAgB5P,KAAO6P,SAAQ9M,QAAAlD,aAAA,kQACpBpB,GAAOS,MAAMC,gBAElBW,IAYNgQ,GAAa9P,KAAOC,IAAGgD,QAAApD,aAAA,yIAQvBkQ,GAAkB/P,KAAOe,KAAIoC,QAAAtD,aAAA,0KAC7BpB,GAAOC,MAAMC,OAUbqR,GAAahQ,KAAOiQ,OAAM5M,QAAAxD,aAAA,sZAEfpB,GAAOS,MAAME,YAmBxB8Q,GAAiBlQ,KAAOe,KAAIwC,QAAA1D,aAAA,0BAC5BpB,GAAOC,MAAME,OAGbuc,GAAgBnb,KAAOoP,MAAK3L,QAAA5D,aAAA,8RACjBpB,GAAOS,MAAMC,gBAExBV,GAAOC,MAAMI,YCWXsc,IDGapb,KAAO2P,MAAK/L,QAAA/D,aAAA,yJClQb,WAEvB,IAAMwb,EAA+C,CACjDxK,KAAM,GACNyK,IAAK,GACLC,UAAW,GACXC,OAAQ,GACRC,cAAe,GACfC,cAAe,GACfC,cAAe,GACf7K,MAAO,GACPC,UAAW,GACX6K,MAAO,IAIXjS,EAA0CC,oBAASyR,GAAqBxR,EAAAC,aAAAH,EAAA,GAAjEkS,EAAahS,EAAA,GAAEiS,EAAgBjS,EAAA,GACtCG,EAAoCJ,qBAAS,GAAMK,EAAAH,aAAAE,EAAA,GAA5CwH,EAAUvH,EAAA,GAAEwH,EAAaxH,EAAA,GAGhC,SAASyH,EAAaC,GAKlB,IAAMC,EAAaD,EAAEzG,OAAO2G,GACtBC,EAAeH,EAAEzG,OAAO6G,MACxBgK,EAAgB9J,0BAAA,GACf4J,GAAa,GAAA3J,aAAA,GACfN,EAAaE,IAElBgK,EAAiBC,EACrB,CAEyB,SAAA5J,IAmBxB,OAnBwBA,EAAAC,aAAAC,eAAAC,MAAzB,SAAAC,EAA0BZ,GAAmC,IAAAqK,EAAAvJ,EAAA,OAAAJ,eAAAK,MAAA,SAAAC,GAAA,cAAAA,EAAAC,KAAAD,EAAAE,MAAA,OACzDlB,EAAEmB,iBACFrB,GAAc,GACRuK,EAAoBH,EACpBpJ,EAAgB,CAClBM,QAAS,CACL,eAAgB,qBAGxBC,KAAMC,KAAK,GAAD9R,OAAIuP,GAAO,oBAAoBsL,EAAmBvJ,GACvDS,MAAK,WACFC,KAAMC,QAAQ,qCACd3B,GAAc,GACdqK,EAAiBT,EACrB,IACChI,OAAM,SAACC,GACJH,KAAMI,MAAMD,EAAIE,SAASC,KAAKC,SAC9BjC,GAAc,EAClB,IAAG,wBAAAkB,EAAAgB,OAAA,GAAApB,EAAA,MACVqB,MAAA,KAAAC,UAAA,CAED,IAAMoI,EAAYlI,wBAAY,SAACpC,GAC3BA,EAAEqC,cAAcC,UAAY,GAC5B,IAAMlC,EAAUJ,EAAEqC,cAAZjC,MACDA,EAAMmK,MAAM,uCAIbnK,GADAA,GADAA,GADAA,EAAQA,EAAMmC,QAAQ,MAAO,KACfA,QAAQ,cAAe,UACvBA,QAAQ,cAAe,UACvBA,QAAQ,cAAe,SAErCvC,EAAEqC,cAAcjC,MAAQA,EAEhC,GAAG,IAEGoK,EAAapI,wBAAY,SAACpC,GAC5BA,EAAEqC,cAAcC,UAAY,GAC5B,IAAMlC,EAAUJ,EAAEqC,cAAZjC,MAGNA,GADAA,GADAA,EAAQA,EAAMmC,QAAQ,MAAO,KACfA,QAAQ,cAAe,UACvBA,QAAQ,cAAe,SAErCvC,EAAEqC,cAAcjC,MAAQA,CAC5B,GAAG,IAEG+B,EAAkBC,wBAAY,SAACpC,GACjCA,EAAEqC,cAAcC,UAAY,GAC5B,IAAMlC,EAAUJ,EAAEqC,cAAZjC,MAGNA,GADAA,GADAA,EAAQA,EAAMmC,QAAQ,MAAO,KACfA,QAAQ,cAAe,YACvBA,QAAQ,cAAe,SAErCvC,EAAEqC,cAAcjC,MAAQA,CAC5B,GAAG,IAGG3B,EAAS,SACXuE,EACAC,EACA7C,GAAa,OAEbxJ,eAACmM,GAAY,CACTG,SAAUD,EACVE,SAAUF,EACV7C,MAAOA,EAAMzJ,SAEZqM,GACU,EAGbR,EAAoB,SAAChM,EAAe4J,GAgBtC,OACI1J,gBAAC8H,GAAe,CAAA7H,SAAA,CACZC,eAACkH,GAAQ,CACL2E,KAAK,WACLC,SAnBZ,WACI,IAAIqH,GAA6B,OAAbG,QAAa,IAAbA,OAAa,EAAbA,EAAeH,gBAAiB,GACpBA,EAAclL,SAASuB,GAEnD2J,EAAgBA,EAAcpH,QAAO,SAACC,GAAE,OAAKA,IAAOxC,CAAK,IAEzD2J,EAAclH,KAAKzC,GAEvB,IAAMgK,EAAgB9J,0BAAA,GACf4J,GAAa,IAChBH,kBAEJI,EAAiBC,EACrB,EAOYtH,QAASoH,EAAcH,cAAclL,SAASuB,GAC9CA,MAAOA,IAEXxJ,eAACmH,GAAa,CAAApH,SAAEH,MAG5B,EAEA,OACIE,gBAACtI,GAAS,CAAAuI,SAAA,CACNC,eAACwM,KAAc,IACf1M,gBAACK,GAAM,CAAAJ,SAAA,CACHC,eAACiB,GAAI,IACLjB,eAACsG,GAAW,CAAAvG,SAAC,wBAEjBC,eAACsF,GAAI,CAAAvF,SACDD,gBAAC2G,GAAQ,CAACgG,SA5GrB,SAEwBC,GAAA,OAAA9C,EAAAyB,MAAC,KAADC,UAAA,EA0GkBvL,SAAA,CAC3BC,eAACwS,GAAS,CAAAzS,SAAC,+BACXC,eAAC4S,GAAa,CACVjG,UAAQ,EACRC,YAAY,iBACZtD,GAAG,OACHE,MAAO8J,EAAchL,KACrBwD,SAAU3C,EACVuC,UAAW,IACXG,KAAK,SAET/L,gBAAC2S,GAAc,CAAA1S,SAAA,CACXC,eAAC4G,GAAS,CACNgG,YAAY,OACZD,UAAQ,EACRrD,GAAG,MACHuD,QAAS6G,EACTlK,MAAO8J,EAAcP,IACrBjH,SAAU3C,IAEdnJ,eAAC4G,GAAS,CACNgG,YAAY,sBACZD,UAAQ,EACRrD,GAAG,YACHuD,QAAS+G,EACTpK,MAAO8J,EAAcN,UACrBlH,SAAU3C,IAEdrJ,gBAACiH,GAAU,CACP4F,UAAQ,EACRrD,GAAG,SACHE,MAAO8J,EAAcL,OACrBnH,SAAU3C,EAAapJ,SAAA,CAEtB8H,EAAO,SAAS,EAAM,IACtBA,EAAO,aAAa,EAAO,aAC3BA,EAAO,YAAY,EAAO,YAC1BA,EAAO,UAAU,EAAO,aAE7B/H,gBAACiH,GAAU,CACP4F,UAAQ,EACRrD,GAAG,gBACHE,MAAO8J,EAAcJ,cACrBpH,SAAU3C,EAAapJ,SAAA,CAEtB8H,EAAO,iBAAiB,EAAM,IAC9BA,EAAO,YAAY,EAAO,UAC1BA,EAAO,UAAU,EAAO,WACxBA,EAAO,YAAY,EAAO,kBAGnC/H,gBAAC4S,GAAgB,CAAA3S,SAAA,CACbC,eAACwS,GAAS,CAAAzS,SAAC,oCACXC,eAACf,GAAK,CAAAc,SAAC,wCACPD,gBAACmH,GAAY,CAAAlH,SAAA,CACR6L,EAAkB,MAAO,OACzBA,EAAkB,WAAY,eAEnC9L,gBAACmH,GAAY,CAAAlH,SAAA,CACR6L,EAAkB,SAAU,UAC5BA,EAAkB,KAAM,SAE7B5L,eAACiH,GAAY,CAAAlH,SACR6L,EAAkB,SAAU,YAEjC5L,eAAC2S,GAAiB,CACd/F,YAAY,iCACZD,UAAQ,EACRrD,GAAG,gBACHE,MAAO8J,EAAcF,cACrBtH,SAAU3C,EACVuC,UAAW,SAGnB1L,eAACwS,GAAS,CAAAzS,SAAC,YACXD,gBAAC2S,GAAc,CAAA1S,SAAA,CACXC,eAAC4G,GAAS,CACNgG,YAAY,UACZD,UAAQ,EACRrD,GAAG,QACHuC,KAAK,QACLrC,MAAO8J,EAAc/K,MACrBuD,SAAU3C,IAEdnJ,eAAC4G,GAAS,CACNgG,YAAY,YACZD,UAAQ,EACRrD,GAAG,YACHuD,QAAStB,EACT/B,MAAO8J,EAAc9K,UACrBsD,SAAU3C,OAGlBnJ,eAACqH,GAAa,CACVuF,YAAY,2BACZtD,GAAG,QACHE,MAAO8J,EAAcD,MACrBvH,SAAU3C,EACVuC,UAAW,MAEf1L,eAACwH,GAAe,CAAAzH,SAAC,4BACjBC,eAACuH,GAAU,CAAAxH,SACPC,eAACyH,GAAU,CAAA1H,SACLkJ,EAAajJ,eAAC8M,KAAY,CAACpT,MAAK,GAAAd,OAAK1C,GAAOS,MAAMG,aAAeoC,OAAQ,GAAI6T,MAAO,KAClF/M,eAAC2H,GAAc,CAAA5H,SAAC,oBAMpCC,eAACgB,GAAM,MAGnB,GC1Re6S,GAXU,WAAH,OAClB/T,gBAACgU,KAAM,CAAA/T,SAAA,CACHC,eAAC+T,KAAK,CAACC,KAAK,IAAIC,OAAK,EAACC,UAAWtR,KACjC5C,eAAC+T,KAAK,CAACC,KAAK,aAAaC,OAAK,EAACC,UAAW9E,KAC1CpP,eAAC+T,KAAK,CAACC,KAAK,cAAcE,UAAWjO,KACrCjG,eAAC+T,KAAK,CAACC,KAAK,WAAWE,UAAW9L,KAClCpI,eAAC+T,KAAK,CAACC,KAAK,QAAQE,UAAWlC,KAC/BhS,eAAC+T,KAAK,CAACC,KAAK,QAAQE,UAAWrB,OAC1B,ECJEsB,GATO,WAAH,OACfrU,gBAAA0E,YAAA,CAAAzE,SAAA,CACIC,eAACoU,KAAa,CAAArU,SACVC,eAAC6T,GAAM,MAEX7T,eAACqU,GAAW,MACb,ECGPC,KAASC,OAPDvU,eAACwU,KAAMC,WAAU,CAAA1U,SACbC,eAACmU,GAAG,MAMiBxP,SAAS+P,eAAe,Q","file":"static/js/main.99b71a32.chunk.js","sourcesContent":["const colors = {\n    basic: {\n        black: '#000000',\n        white: '#ffffff',\n        red: '#ff0000',\n        mediumGray: '#505050',\n        discreetViolet: '#E3D1E3',\n        lightGray: '#CFCFCF',\n        matteWhite: '#E5E5E5',\n    },\n    theme: {\n        backgroundWhite: '#f5f1f5',\n        purpleDark: '#421C46;',\n        purpleLight: '#c8a5c8',\n    },\n    rgba: {\n        purpleDark: 'rgba(66, 28, 70, 0.9)',\n        purpleNumbers: 'rgba(66, 28, 70, 0.6);',\n    },\n};\n\nexport default colors;\n","const fontFamily = '\"Quicksand\", sans-serif';\n\nconst fontSize = {\n    default: 22,\n};\n\nconst getFontWeight = (family: 'Lato-Thin' | 'Lato-Light' | 'Lato-Regular' | 'Lato-Bold' | 'Lato-Black'): number => {\n    if (family === 'Lato-Thin') {\n        return 100;\n    }\n    if (family === 'Lato-Light') {\n        return 300;\n    }\n    if (family === 'Lato-Regular') {\n        return 400;\n    }\n    if (family === 'Lato-Bold') {\n        return 700;\n    }\n    if (family === 'Lato-Black') {\n        return 900;\n    }\n    return 0;\n};\n\nexport default {\n    fontFamily,\n    fontSize,\n    getFontWeight,\n};\n","// libraries\nimport { createGlobalStyle } from 'styled-components';\n\n// js\nimport colors from './colors';\nimport consts from '../utils/consts';\n\n// style\nconst globalStyle = createGlobalStyle`\n    * {\n        margin: 0;\n        padding: 0;\n        outline: 0;\n        box-sizing: border-box;\n    }\n    body {\n        background-color: ${colors.basic.white};\n        -webkit-font-smoothing: antialiased;\n        max-width: 100%;\n        overflow-x: hidden;\n    }\n    body, input, button {\n        font-size: ${consts.fontSize.default};\n        font-family: ${consts.fontFamily};\n        font-weight: ${consts.getFontWeight('Lato-Regular')};\n        color: ${colors.basic.white};\n    }\n    #root {\n        margin: 0 auto;\n    }\n`;\n\nexport default globalStyle;\n","// constants\nconst secondsAnimatedHome = 3;\n\nconst urlFacebook = 'https://www.facebook.com/dotcoding.br/';\nconst urlInstagram = 'https://instagram.com/dotcoding.br?igshid=1suy32kd9popw';\nconst urlLinkedin = 'https://www.linkedin.com/company/dotcodingbr/';\nconst urlWhatsApp = 'https://api.whatsapp.com/send?phone=5583988682843';\n\nexport default {\n    secondsAnimatedHome,\n    urlFacebook,\n    urlInstagram,\n    urlLinkedin,\n    urlWhatsApp,\n};\n","export default __webpack_public_path__ + \"static/media/imageDotCoding.01ad9bdc.png\";","export default __webpack_public_path__ + \"static/media/imageDotcodingMobile.19e415e9.png\";","export default __webpack_public_path__ + \"static/media/fundoEstatisticas.474f5b0d.png\";","export default __webpack_public_path__ + \"static/media/fundoCompany.95ad6056.png\";","// libraries\nimport styled from 'styled-components';\n\n// js\nimport colors from '../../styles/colors';\nimport consts from '../../utils/consts';\nimport constants from './homeConstants';\nimport imageDotCoding from '../../assets/images/imageDotCoding.png';\nimport imageDotCodingMobile from '../../assets/images/imageDotcodingMobile.png';\nimport fundoEstatisticas from '../../assets/images/fundoEstatisticas.png';\nimport fundoCompany from '../../assets/images/fundoCompany.png';\n\n// interfaces\ninterface TitleHomeInterface {\n    fontSize?: number,\n    fontWeight?: number,\n    marginTop?: number,\n    color?: string,\n    display?: string,\n}\n\ninterface ImageCompanyInterface {\n    // eslint-disable-next-line @typescript-eslint/no-explicit-any\n    backGroundImage?: boolean,\n}\n\ninterface TitlePageInterface {\n    color?: string,\n    paddingRight?: number,\n    paddingLeft?: number,\n}\n\ninterface DivBlindInterface {\n    height?: number,\n}\n\ninterface ScrollYInterface {\n    scrollY: boolean,\n}\n\n// styles\nexport const Container = styled.div`\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    overflow-x: hidden;\n    background-color: white;\n`;\n\n// styles - home\nexport const Home = styled.div`\n    background-image: url(${imageDotCoding});\n    background-size: cover;\n    background-repeat: no-repeat;\n    background-position: center;\n    min-height: 100vh;\n    min-width: 100%;\n    @media (max-width: 425px) {\n        background-image: url(${imageDotCodingMobile});\n    }\n`;\n\nexport const Body = styled.div`\n    /* height: calc(100vh - 90px); */\n    padding-top: 170px;\n`;\n\nexport const ContainerRocket = styled.div`\n    background-color: ${colors.rgba.purpleDark};\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    flex-direction: column;\n    min-height: 100vh;\n    min-width: 100vw;\n`;\n\nexport const Rocket = styled.img`\n    position: absolute;\n    height: 100vh;\n    width: 100vw;\n\n    /* media query */\n    @media (max-width: 1024px) {\n        width: 60vw;\n        height: 50vh;\n    }\n`;\n\nexport const GoutToRocket = styled.img`\n    position: absolute;\n    width: 40vw;\n    height: 56vh;\n    z-index: 0;\n\n    /* media query */\n    @media (max-width: 1024px) {\n        width: 60vw;\n        height: 42vh;\n    }\n`;\n\nexport const ContainerInfo = styled.div`\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n`;\n\nexport const TitleHome = styled.text<TitleHomeInterface>`\n    font-weight: ${(props) => props.fontWeight};\n    font-size: ${(props) => `${props.fontSize}px`};\n    color: ${colors.basic.white};\n    margin-top: ${(props) => `${props.marginTop || 0}px`};\n    text-align: center;\n    max-width: 1000px;\n    max-height: 135px;\n    font-family: 'Quicksand', sans-serif;\n\n    /* media query */\n\n    @media (max-width: 1980px) {\n        font-size: ${(props) => `${(props.fontSize || consts.fontSize.default) / 0.9}px`};\n    }\n    @media (max-width: 1024px) {\n        font-size: ${(props) => `${(props.fontSize || consts.fontSize.default) / 1.1}px`};\n        padding: 10px;\n    }\n    @media (max-width: 680px) {\n        font-size: ${(props) => `${(props.fontSize || consts.fontSize.default) / 1.5}px`};\n        padding: 10px 10px;\n    }\n`;\n\nexport const GoutToHomeRight = styled.img`\n    position: absolute;\n    right: 0;\n    bottom: 0;\n    width: 10vw;\n    height: 16vh;\n\n    /* media query */\n    @media (max-width: 1024px) {\n        display: none;\n    }\n`;\n\nexport const DivBlind = styled.div<DivBlindInterface>`\n    height: ${(props) => `${props.height || 0}px`};\n    background-color: ${colors.basic.white};\n`;\n\n// styles - solutions\nexport const Solutions = styled.div`\n    background-color: ${colors.basic.white};\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    /* width: 100vw; */\n    text-align: center;\n    margin-bottom: 100px;\n\n    /* media query */\n    @media (max-width: 1280px) {\n        min-height: 140vh;\n    }\n    @media (max-width: 390px) {\n        min-height: 150vh;\n    }\n`;\n\nexport const ContainerTitlePage = styled.div`\n    display: flex;\n    flex-direction: row;\n    align-items: center;\n    justify-content: center;\n    margin-top: 50px;\n    margin-bottom: 50px;\n`;\n\nexport const TitlePage = styled.h1<TitlePageInterface>`\n    font-weight: 600;\n    font-size: 36px;\n    line-height: 45px;\n    font-family: 'Quicksand', sans-serif;\n    color: ${(props) => props.color || colors.basic.white};\n    padding-right: ${(props) => `${props.paddingRight || 0}px`};\n    padding-left: ${(props) => `${props.paddingLeft || 0}px`};\n\n    /* media query */\n    @media (max-width: 600px) {\n        font-size: 32px;\n    }\n    @media (max-width: 425px) {\n        font-size: 24px;\n    }\n`;\n\nexport const DivSeparation = styled.div`\n    background: red;\n    display: flex;\n    height: 100px;\n`;\n\nexport const ContainerCards = styled.div<ScrollYInterface>`\n    display: flex;\n    flex-direction: column;\n    justify-content: space-around;\n    visibility: ${(props) => (props.scrollY ? 'visible' : 'hidden')};\n    opacity: ${(props) => (props.scrollY ? 1 : 0)};\n    transition: opacity ${constants.secondsAnimatedHome}s, visibility ${constants.secondsAnimatedHome}s;\n`;\n\nexport const ContainerRowCards = styled.div`\n    flex: 1;\n    display: flex;\n    justify-content: space-between;\n\n    @media (max-width: 600px) {\n        width: 80vw;\n    }\n\n    @media (max-width: 600px) {\n        flex-direction: column;\n        margin-top: 0px;\n    }\n`;\n\n// styles - dot numbers\nexport const DotNumbers = styled.div`\n    width: 100vw;\n    background-image: url(${fundoEstatisticas});\n    background-size: cover;\n    background-repeat: no-repeat;\n`;\n\nexport const DivBackgroundItens = styled.div`\n    background-color: ${colors.rgba.purpleDark};\n    justify-content: center;\n    align-items: center;\n    width: 100vw;\n    padding: 50px;\n\n    /* media query */\n    @media (max-width: 680px) {\n        flex-direction: column;\n    }\n`;\n\nexport const BodyItens = styled.div`\n    font-size: 20px;\n`;\n\nexport const IntemTitle = styled.h1`\n    max-width: 300px;\n    max-height: 400px;\n    font-weight: 700;\n    font-size: 48px;\n    line-height: 60px;\n    padding: 50px 100px;\n\n    @media (max-width: 780px) {\n        font-size: 54px;\n        line-height: 80px;\n        padding: 50px 50px;\n    }\n    /* media query */\n    @media (max-width: 680px) {\n        font-size: 36px;\n        max-width: 300px;\n        max-height: 400px;\n        line-height: 50px;\n        padding: 30px 30px;\n    }\n`;\n\nexport const ContainerNumbers = styled.div`\n    flex-direction: row;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 40vh;\n\n    /* media query */\n    @media (max-width: 680px) {\n        flex-direction: column;\n        margin-top: 0px;\n    }\n`;\n\n// styles - our differences\nexport const OurDifferences = styled.div`\n    background-color: ${colors.basic.white};\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    font-size: 20px;\n    text-align: justify;\n`;\n\nexport const ContainerAreText = styled.div<TitleHomeInterface>`\n    color: ${(props) => props.color};\n    font-weight: ${(props) => props.fontWeight};\n    font-size: ${(props) => `${props.fontSize}px`};\n    display: ${(props) => props.display || 'flex'};\n    line-height: 22px;\n    flex-direction: column;\n    display: flex;\n    gap: 10px;\n    font-style: normal;\n    text-align: justify;\n\n    @media (max-width: 1980px) {\n        font-size: 24px;\n        gap: 20px;\n        font-style: normal;\n        text-align: justify;\n        line-height: 35px;\n    }\n\n    @media (max-width: 1600px) {\n        font-size: 16px;\n        gap: 15px;\n        line-height: 30px;\n    }\n\n    @media (max-width: 1300px) {\n        font-size: 26px;\n        font-size: 18px;\n        line-height: 22px;\n        margin-bottom: 20px;\n        gap: 10px;\n    }\n\n    @media (max-width: 1280px) {\n        font-style: normal;\n        font-weight: 400;\n        font-size: 16px;\n        line-height: 22px;\n        text-align: justify;\n        gap: 15px;\n    }\n\n    @media (max-width: 600px) {\n        text-align: justify;\n        width: 100%;\n    }\n\n`;\n\nexport const ContainerAreTextTitle = styled.div<TitleHomeInterface>`\n    color: ${(props) => props.color};\n    font-family: 'Quicksand', sans-serif;\n    font-weight: ${(props) => props.fontWeight};\n    font-size: ${(props) => `${props.fontSize}px`};\n    font-size: 36px;\n    width: 100%;\n    margin-bottom: 40px;\n\n    @media (max-width: 1600px) {\n        font-size: 36px;\n    }\n\n    @media (max-width: 1100px) {\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n\n`;\n\nexport const ContainerAreaTextAre = styled.div`\n    display: flex;\n\n    @media (max-width: 1200px) {\n        align-items: center;\n        justify-content: center;\n    }\n\n    @media (max-width: 600px) {\n        align-items: center;\n        justify-content: center;\n    }\n`;\n\nexport const WhoAre = styled.div`\n    background-color: ${colors.basic.white};\n    width: 100vw;\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const ContainerAreImage = styled.img`\n    margin-left: 50px;\n\n    @media (max-width: 1100px) {\n        margin-left: 0px;\n    }\n\n    @media (max-width: 600px) {\n        display: none;\n    }\n`;\n\nexport const ContainerAreImageOne = styled.img`\n    display: none;\n\n    @media (max-width: 600px) {\n        display: flex;\n        margin-bottom: 40px;\n        width: 100%;\n    }\n`;\n\nexport const ContainerCompany = styled.div<ImageCompanyInterface>`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-width: 100vw;\n    height: 385px;\n    background-color: ${colors.rgba.purpleDark};\n    background-image: ${(props) => (props.backGroundImage && `url(${fundoCompany})`)};\n    background-size: cover;\n    background-repeat: no-repeat;\n\n    @media (max-width: 600px) {\n        ${(props) => (!props.backGroundImage && 'height: 200px;')};\n        height: 200px;\n    }\n`;\n\nexport const TextCompany = styled.a`\n    color: ${colors.basic.white};\n    width: 700px;\n    font-family: 'Quicksand', sans-serif;\n    font-style: normal;\n    font-weight: 700;\n    font-size: 36px;\n    text-align: center;\n\n    @media (max-width: 680px) {\n        width: 300px;\n        font-size: 24px;\n    }\n`;\n\nexport const DivAreaDiferential = styled.div<ScrollYInterface>`\n    visibility: ${(props) => (props.scrollY ? 'visible' : 'hidden')};\n    opacity: ${(props) => (props.scrollY ? 1 : 0)};\n    transition: opacity ${constants.secondsAnimatedHome}s, visibility ${constants.secondsAnimatedHome}s;\n    display: flex;\n    align-items: center;\n\n`;\n\nexport const Number = styled.p`\n    position: absolute;\n    color: ${colors.rgba.purpleNumbers};\n    font-size: 72px;\n    font-weight: 700;\n    top: -39px;\n    left: -39px;\n`;\n\nexport const ItemSeparation = styled.img`\n    /* width: 5px; */\n    /* height: 124px; */\n    margin-top: 0px;\n\n    @media (max-width: 1024px) {\n        margin-bottom: 100px;\n        margin-top: 10px;\n    }\n`;\n\nexport const ContainerItensDiferential = styled.div`\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n\n    @media (max-width: 1024px) {\n        /* display: grid; */\n        justify-content: center;\n        align-items: center;\n        flex-direction: column;\n    }\n`;\n\nexport const ContainerItensDiferentialItem = styled.div`\n    display: flex;\n    justify-content: space-around;\n    align-items: center;\n\n    @media (max-width: 1024px) {\n        justify-content: center;\n        align-items: center;\n        flex-direction: column-reverse;\n    }\n`;\n\nexport const AreaImage = styled.div`\n    width: 200px;\n    height: 200px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n\n    @media (max-width: 1024px) {\n        min-height: 30vh;\n        display: grid;\n        justify-content: center;\n        align-items: center;\n    }\n`;\n\nexport const ImageItem = styled.img`\n    width: 94px;\n    height: 94px;\n\n    @media (max-width: 1024px) {\n        width: 100px;\n    }\n`;\n\nexport const AreaText = styled.div`\n    display: flex;\n    flex-direction: column;\n    justify-content: center;\n    align-items: center;\n    width: 40%;\n    height: 50vh;\n\n    @media (max-width: 1024px) {\n        width: 90%;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n    }\n`;\n\nexport const TextTitle = styled.h1`\n    font-weight: 700;\n    font-size: 20px;\n    text-transform: uppercase;\n    color: ${colors.basic.black};\n    text-align: center;\n`;\n\nexport const TextSubTitle = styled.h2`\n    color: ${colors.basic.black};\n    font-weight: 400;\n    font-size: 16px;\n    text-align: center;\n    margin-top: 25px;\n`;\n\nexport const DivBorderImage = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 200px;\n    height: 200px;\n    background: #FFFFFF;\n    box-shadow: 1px 4px 4px rgba(0, 0, 0, 0.3);\n    border-radius: 8px;\n\n    @media (max-width: 1024px) {\n        width: 194px;\n        height: 194px;\n    }\n\n`;\n\nexport const TextNumber = styled.h1`\n    color: ${colors.rgba.purpleNumbers};\n    position: absolute;\n    width: 97px;\n    height: 100px;\n    margin-right: 200px;\n    margin-bottom: 200px;\n    font-style: normal;\n    font-weight: 700;\n    font-size: 96px;\n    line-height: 120px;\n    width: 97px;\n    height: 100px;\n\n    @media (max-width: 1024px) {\n        font-size: 72px;\n        margin-right: 200px;\n        margin-bottom: 200px;\n        line-height: 90px;\n    }\n`;\n\nexport const TextNumberRight = styled.h1`\n    color: ${colors.rgba.purpleNumbers};\n    display: flex;\n    margin-right: -200px;\n    margin-bottom: 300px;\n    position: absolute;\n    font-style: normal;\n    font-weight: 700;\n    font-size: 96px;\n    line-height: 180px;\n    width: 111px;\n    height: 100px;\n\n    @media (max-width: 1024px) {\n        font-size: 72px;\n        margin-right: 200px;\n        margin-bottom: 200px;\n        line-height: 90px;\n    }\n`;\n\nexport const Point = styled.h1`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 16px;\n    height: 71px;\n    font-size: 64px;\n    margin-bottom: 50px;\n    text-align: center;\n`;\n\nexport const ContainerImage = styled.div`\n    width: 50%;\n    height: 100vh;\n`;\n\nexport const DivAreaText = styled.div`\n    display: flex;\n    justify-content: center;\n    flex-direction: column;\n    padding: 50px 100px;\n\n    @media (max-width: 1200px) {\n        font-size: 36px;\n        align-items: center;\n        justify-content: center;\n    }\n\n    @media (max-width: 600px) {\n        padding: 50px 50px;\n    }\n`;\n\nexport const GapItem = styled.div`\n    gap: 20px;\n    /* background: blue; */\n`;\n\nexport const ContainerAreaItens = styled.div`\n    display: flex;\n\n    @media (max-width: 1100px) {\n        display: flex;\n        flex-direction: column;\n        align-items: center;\n        justify-content: center;\n    }\n`;\n\nexport const TitleNumber = styled.h1`\n    font-style: normal;\n    font-weight: 400;\n    font-size: 48px;\n    line-height: 60px;\n    margin-bottom: 30px;\n`;\n\nexport const SubTitleNumber = styled.h3`\n    font-weight: 700;\n    font-size: 16px;\n    line-height: 20px;\n    text-align: center;\n    text-transform: uppercase;\n`;\n\nexport const CardNumber = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n    width: 500px;\n`;\n","export default __webpack_public_path__ + \"static/media/grupImage.3156de48.png\";","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAACoCAYAAAAsGPToAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAK5SURBVHgB3VjbcdpAFN0Vj+GDmaiDqIMAf8BAoALjCmxX4FAB0AHuAFcQuwIUnp9SKrDSgTJ8wPDMuRp2I4sVnomjsdd3BqTVso979tx7D+LsaI7jmKvVyqT7crns0ZXT12g0GhiGcSV+yDn30O7y8XjcQGPITs03WLyZxna7dWM6XbFmC2vchtdcr9c9ppUFrsznc2u/3xN8Ftzw8XGB7z0fDodmNpt1DoeDFRloG+l0uqDoIGsAGMOPW9MATB5Geieb4bzLRWM6nV7gR8FhYzavUqn8YFpZ4MpkMvmGSwefwBWiCS6XHP4RfI5ioG/gNMyYWU0C3lP1EKTBmpi6g0ZLwEdrbjabNtPKAlco5BeLRSuVSn2m9m63+1mv1x+En08KBvZfGfYqagbT0jdCwsIBXICS4oTcarX6yLQySU34+iyDAecbTvkAQD8pBrqEkBUzayE27AlSAzC5FOKRDhpww7QymaSIaEcG+plMhrKmDEHKmoXwKLR7r69IJ/hitgdJTWziFg8CaiKJuBh0z7SywBVCiYprOIOh3TtHTfscNRsvUxP3/UiHj3Doy8OmavgJRve/Yc1mM7bGvZnJ3RJSApB8Pu8Wi0VfUPM7VYfIwHYC1GRCLEXPkzpQke6YVibgKwClq5A2sSFKHwU1qaBHa7ekpqqonxVLvqDmiRjFHv5SczabfRX3uVzOK5VKv9i7NkKLirtoC5p04VdHPkTYA9J2kmIJOv46mmpATR0rEuG5XC7D1PRe0vGDczr++t90PAuLJaz75YPoeBJLoId1fE5iJnGxdBRIckrMeMm0smc6Xj5ElNVqNTtWx/8HsRRDzUGYmvKVAZKIjw3pWJGQ/FvYPmUw8fedxFI7SWoyhVhCIukqxdK7rUbhlw0FUUaoYkgdj7An9jUiAxMSS7ZSx8PozdLdH02eBf1+foWlAAAAAElFTkSuQmCC\"","// libraries\nimport styled from 'styled-components';\n\n// js\nimport { ContainerInterface, TitleInterface, SubTitleInterface } from './cardInterfaces';\nimport colors from '../../styles/colors';\nimport consts from '../../utils/consts';\n\n// styles\nexport const Container = styled.div<ContainerInterface>`\n    flex: 1;\n    max-width: 90vw;\n    flex-direction: column;\n    border-style: ${(props) => (props.borderWidth ? 'solid' : 'none')};\n    border-width: ${(props) => (props.borderWidth ? '1px' : 'medium')};\n    border-color: ${(props) => (props.borderWidth ? colors.basic.mediumGray : colors.basic.white)};\n    border-radius: ${(props) => (props.borderWidth ? '7px' : '0px')};\n    align-items: center;\n    justify-content: center;\n    margin: 0px 30px 30px;\n\n    /* media query */\n    @media (max-width: 400px) {\n        /* flex: 2; */\n    }\n`;\n\nexport const Image = styled.img`\n    width: 100px;\n    height: 90px;\n    object-fit: contain;\n    border: 3px solid #421C46;\n    box-sizing: border-box;\n    border-radius: 8px;\n    padding: 20px;\n\n    /* media query */\n    @media (max-width: 1024px) {\n        width: 100px;\n        height: 90px;\n    }\n`;\n\nexport const Title = styled.h1<TitleInterface>`\n    margin-top: 30px;\n    color: ${(props) => props.colorTitle || colors.basic.black};\n    font-size: ${(props) => `${props.fontSizeTitle || 1.5}rem`};\n    text-align: center;\n    font-weight: ${(props) => props.fontWeightTitle || consts.getFontWeight('Lato-Bold')};\n    font-family: 'Quicksand', sans-serif;\n\n    /* media query */\n    @media (max-width: 1280px) {\n        font-weight: 700;\n        font-size: 20px;\n        line-height: 25px;\n        margin-top: 50px;\n    }\n`;\n\nexport const SubTitle = styled.h1<SubTitleInterface>`\n    color: ${(props) => props.colorSubTitle || colors.basic.black};\n    font-size: ${(props) => `${props.fontSizeSubTitle || 1}rem`};\n    font-weight: ${(props) => props.fontWeightSubTitle || consts.getFontWeight('Lato-Regular')};\n    font-family: 'Quicksand', sans-serif;\n    /* height: 100px; */\n    /* background: blue; */\n    display: flex;\n    margin: 0px 100px;\n    font-style: normal;\n    font-size: 18px;\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 22px;\n    margin-top: 20px;\n    text-align: center;\n\n    /* media query */\n    @media(max-width: 1280px){\n        font-size: 18px;\n        font-weight: 400;\n        font-size: 18px;\n        line-height: 22px;\n        margin-top: 20px;\n    }\n    @media(max-width: 1024px){\n        font-size: ${(props) => `${(props?.fontSizeSubTitle || 1) * 0.9}rem`};\n        padding: 0px;\n        margin: 10px 0px;\n    }\n    @media(max-width: 400px){\n        font-size: ${(props) => `${(props?.fontSizeSubTitle || 1) * 0.7}rem`};\n        max-width: 420px;\n    }\n`;\n\nexport const Point = styled.h1`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 16px;\n    height: 71px;\n    font-size: 64px;\n    line-height: 80px;\n    margin-bottom: 100px;\n\n    @media (max-width: 1024px) {\n        margin-bottom: 0px;\n        width: 71px;\n        height: 16px;\n        text-align: center;\n        transform: rotate(-90deg);\n        background: pink;\n    }\n`;\n","// libraries\nimport React from 'react';\nimport PropTypes from 'prop-types';\n\n// js\nimport {\n    Container,\n    Image,\n    Title,\n    SubTitle,\n} from './cardStyles';\nimport colors from '../../styles/colors';\nimport consts from '../../utils/consts';\n\n// interfaces\nimport type { CardInterface } from './cardInterfaces';\n\n// main\nconst CardStatistics: React.FC<CardInterface> = (props) => {\n    // consts\n    const {\n        backgroundColor,\n        sourceImage,\n        title,\n        colorTitle,\n        fontWeightTitle,\n        fontSizeTitle,\n        subtitle,\n        colorSubTitle,\n        fontWeightSubTitle,\n        fontSizeSubTitle,\n        borderWidth,\n    } = props;\n\n    // render\n    return (\n        <Container borderWidth={borderWidth} backgroundColor={backgroundColor}>\n            {sourceImage && <Image src={sourceImage} />}\n            <Title\n                colorTitle={colorTitle}\n                fontWeightTitle={fontWeightTitle}\n                fontSizeTitle={fontSizeTitle}\n            >\n                {title}\n            </Title>\n            <SubTitle\n                colorSubTitle={colorSubTitle}\n                fontWeightSubTitle={fontWeightSubTitle}\n                fontSizeSubTitle={fontSizeSubTitle}\n            >\n                {subtitle}\n            </SubTitle>\n        </Container>\n    );\n};\n\n// default props\nCardStatistics.defaultProps = {\n    backgroundColor: colors.basic.white,\n    sourceImage: '',\n    colorTitle: colors.basic.black,\n    fontWeightTitle: consts.getFontWeight('Lato-Bold'),\n    fontSizeTitle: 1.5,\n    colorSubTitle: colors.basic.black,\n    fontWeightSubTitle: consts.getFontWeight('Lato-Regular'),\n    fontSizeSubTitle: 1,\n    borderWidth: false,\n};\n\n// prop types\nCardStatistics.propTypes = {\n    backgroundColor: PropTypes.string,\n    sourceImage: PropTypes.string,\n    colorTitle: PropTypes.string,\n    fontWeightTitle: PropTypes.number,\n    fontSizeTitle: PropTypes.number,\n    colorSubTitle: PropTypes.string,\n    fontWeightSubTitle: PropTypes.number,\n    fontSizeSubTitle: PropTypes.number,\n    borderWidth: PropTypes.bool,\n    title: PropTypes.string.isRequired,\n    subtitle: PropTypes.string.isRequired,\n};\n\nexport default CardStatistics;\n","// libraries\nimport styled from 'styled-components';\n\n// js\nimport colors from '../../styles/colors';\n\n// interfaces\ninterface MenuInterface {\n    visibleItem?: boolean,\n    lastItem?: boolean,\n    currentPath?: boolean,\n}\n\n// styles - menu\nexport const Header = styled.ul`\n    display: flex;\n    flex-direction: row;\n    width: 100%;\n    height: 90px;\n`;\n\nexport const Logo = styled.img`\n    width: 160px;\n    object-fit: contain;\n`;\n\nexport const HeaderItemLogo = styled.a`\n    padding: 30px 60px;\n    color: ${colors.basic.white};\n    font-size: 30px;\n    font-family: 'Quicksand', sans-serif;\n    text-decoration: none;\n    font-size: 30px;\n\n    /* media query */\n    @media (max-width: 680px) {\n        font-size: 22px;\n        padding: 20px 20px;\n    }\n`;\n\nexport const HamburgerOpen = styled.div<MenuInterface>`\n    display: none;\n    z-index: 4;\n    cursor: pointer;\n\n    /* media query */\n    @media (max-width: 1020px) {\n        position: absolute;\n        display: flex;\n        right: 15px;\n        top: 20px;\n        flex-flow: column nowrap;\n    }\n`;\n\nexport const OpenIcon = styled.div<MenuInterface>`\n    width: 27px;\n    height: 3px;\n    border-radius: 4px;\n    background-color: ${colors.basic.white};\n    margin-bottom: 5px;\n    transform-origin: 1px;\n    transition: all 0.3s linear;\n\n    &:nth-child(1) {\n        transform: ${(props) => (props.visibleItem ? 'rotate(42deg)' : 'rotate(0)')};\n        background-color: ${(props) => (props.visibleItem ? `${colors.basic.black}` : `${colors.basic.white};`)};\n    }\n    &:nth-child(2) {\n        transform: ${(props) => (props.visibleItem ? 'translateX(100%)' : 'translateX(0)')};\n        opacity: ${(props) => (props.visibleItem ? '0' : '1')}\n    }\n    &:nth-child(3) {\n        transform: ${(props) => (props.visibleItem ? 'rotate(-42deg)' : 'rotate(0)')};\n        background-color: ${(props) => (props.visibleItem ? `${colors.basic.black}` : `${colors.basic.white};`)};\n    }\n`;\n\nexport const ContainerHeaderItems = styled.div<MenuInterface>`\n\n    /* media query */\n    @media (max-width: 1020px) {\n        display: ${(props) => (props.visibleItem ? 'flex' : 'none')};\n        transform: ${(props) => (props.visibleItem ? 'translateX(0)' : 'translateX(100%)')};\n        transition: transform 2s ease-in-out;\n        background-color: ${colors.basic.white};\n        flex-flow: column nowrap;\n        position: fixed;\n        justify-content: flex-start;\n        align-items: flex-start;\n        right: 0;\n        top: 0;\n        height: 100vh;\n        width: 232px;\n    }\n`;\n\nexport const OpacityMenu = styled.div<MenuInterface>`\n    display: flex;\n    flex: 1;\n    align-items: center;\n    justify-content: flex-end;\n    z-index: 3;\n    padding: 20px 60px;\n\n    /* media query */\n    @media (max-width: 1020px) {\n        display: ${(props) => (props.visibleItem ? 'flex' : 'none')};\n        background-color: rgba(0, 0, 0, 0.5);\n        height: 100vh;\n        width: 100vw;\n        z-index: 3;\n        position: fixed;\n    };\n`;\n\nexport const ImageIcon = styled.img`\n    display: none;\n\n    /* media query */\n    @media (max-width: 1020px) {\n        display: flex;\n        height: 22px;\n        margin-left: 10px;\n        margin-right: 20px;\n        width: 22px;\n    };\n`;\n\nexport const HeaderHamburger = styled.div`\n    display: none;\n\n    /* media query */\n    @media (max-width: 1020px) {\n        align-items: center;\n        /* background-color: ${colors.theme.purpleLight}; */\n        display: flex;\n        justify-content: center;\n        margin-bottom: 40px;\n        height: 50px;\n        width: 100%;\n    };\n`;\n\nexport const HamburgerHeaderImage = styled.img`\n    width: 120px;\n    height: 120px;\n`;\n\nexport const HeaderItem = styled.a<MenuInterface>`\n    margin-right: ${(props) => (props.lastItem ? '0px' : '80px')};\n    margin-left: 80px;\n    font-size: 16px;\n    text-decoration: ${(props) => (props.currentPath ? 'underline' : 'none')};\n    color: ${colors.basic.white};\n    font-family: 'Quicksand', sans-serif;\n\n    /* media query */\n    @media (max-width: 1020px) {\n        color: ${colors.basic.black};\n        display: flex;\n        flex-direction: row;\n        font-size: 18px;\n        margin-left: 0px;\n        padding: 15px;\n        text-decoration: none;\n        width: 100%;\n        font-style: normal;\n        font-weight: 400;\n        font-size: 16px;\n        line-height: 20px;\n    };\n`;\n\nexport const Footer = styled.div<MenuInterface>`\n    display: none;\n        /* media query */\n        @media (max-width: 1020px) {\n            display: flex;\n            color: ${colors.basic.black};\n            width: 100%;\n            height: 100%;\n            align-items: flex-end;\n            justify-content: flex-end;\n            padding: 10px;\n            font-style: normal;\n            font-weight: 400;\n            font-size: 14px;\n            line-height: 17px;\n            font-family: 'Lato';\n    };\n`;\n","// libraries\nimport React, { useState, useEffect } from 'react';\nimport { useLocation } from 'react-router-dom';\n\n// js\nimport {\n    Header,\n    HamburgerOpen,\n    OpenIcon,\n    ContainerHeaderItems,\n    HeaderHamburger,\n    // HamburgerHeaderImage,\n    HeaderItem,\n    ImageIcon,\n    HeaderItemLogo,\n    OpacityMenu,\n    Footer,\n} from './menuStyles';\n\n// images\n// import dotcodingHamburgerLogo from '../../assets/images/dotcodingHamburgerLogo.png';\nimport houseIcon from '../../assets/images/houseIcon.png';\nimport bookIcon from '../../assets/images/bookOpen.png';\n// import technologyIcon from '../../assets/images/technologyIcon.png';\nimport contactIcon from '../../assets/images/contactIcon.png';\nimport workIcon from '../../assets/images/workIcon.png';\n// import teamIcon from '../../assets/images/teamIcon.png';\n\nconst Menu: React.FC = () => {\n    // consts\n    const location = useLocation();\n\n    // states\n    const [visibleItem, setVisibleItem] = useState(false);\n    const [currentLocation, setCurrentLocation] = useState('/');\n\n    // effects\n    useEffect(() => {\n        setCurrentLocation(location.pathname);\n    }, [location]);\n\n    // methods\n    const tradeVisibleItem = () => {\n        setVisibleItem(!visibleItem);\n    };\n\n    // renders\n    return (\n        <Header>\n            <HeaderItemLogo href=\"/\">D O T C O D I N G</HeaderItemLogo>\n            <HamburgerOpen onClick={tradeVisibleItem} visibleItem={visibleItem}>\n                <OpenIcon visibleItem={visibleItem} />\n                <OpenIcon visibleItem={visibleItem} />\n                <OpenIcon visibleItem={visibleItem} />\n            </HamburgerOpen>\n            <OpacityMenu visibleItem={visibleItem}>\n                <ContainerHeaderItems visibleItem={visibleItem}>\n                    <HeaderHamburger />\n                    <HeaderItem\n                        href=\"/\"\n                        currentPath={currentLocation === '/'}\n                        lastItem\n                    >\n                        <ImageIcon src={houseIcon} />\n                        Home\n                    </HeaderItem>\n                    {/* <HeaderItem\n                        href=\"/technology\"\n                        currentPath={currentLocation === '/technology'}\n                        lastItem\n                    >\n                        <ImageIcon src={technologyIcon} />\n                        Tecnologias\n                    </HeaderItem> */}\n                    {/* <HeaderItem\n                        href=\"/team\"\n                        currentPath={currentLocation === '/team'}\n                        lastItem\n                    >\n                        <ImageIcon src={teamIcon} />\n                        Nossa equipe\n                    </HeaderItem> */}\n                    {/* <HeaderItem\n                        href=\"/portfolio\"\n                        currentPath={currentLocation === '/portfolio'}\n                        lastItem\n                    >\n                        <ImageIcon src={bookIcon} />\n                        Portfólio\n                    </HeaderItem> */}\n                    <HeaderItem\n                        href=\"/work\"\n                        currentPath={currentLocation === '/work'}\n                        lastItem\n                    >\n                        <ImageIcon src={workIcon} />\n                        Trabalhe conosco\n                    </HeaderItem>\n                    <HeaderItem\n                        href=\"/contact\"\n                        currentPath={currentLocation === '/contact'}\n                        lastItem\n                    >\n                        <ImageIcon src={contactIcon} />\n                        Contato\n                    </HeaderItem>\n                    <Footer lastItem>\n                        Versão 2.0\n                    </Footer>\n                </ContainerHeaderItems>\n            </OpacityMenu>\n        </Header>\n    );\n};\n\nexport default Menu;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAYAAACXtf2DAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJHSURBVHgBtVRPbxJREJ950GaPix6ICUaMpeXGQmq6eFo+QcvRW/0G9BPQb0C8eZOjnuCmt+XQKI1RHjct0W4TjFyIHHFx3ziPFkJ0C9vW/pLNy5s3M7/Z+YcQAVnLTlMMXhKBA4DSV1T2ZNuLYiuiOFcCXKXQVIQOEHXXBHUeWcU9iIDYUufbtqOAXFL4dgLG02/y6Mtw0G/eSd43YgJe3L2XwuGPfguug63CTmWzYNOGVayFvbN8+s7f4TI/GCa8MKqSokpPHj+/zHjDsh0hqEGAzYkyDjzZGq0k2MzbdQDaDUg8+yrfN2EFpjVCcJlkNKF/iz8nSFuOuSZ+uUhkEgXlnvwgISJmJNqbr6C0SCJmCuti3NHOfYLSVZxrfGaHPhl57jC5zh2XsR5bs7fY9CLEG+5xb0IGsx8N4BoYDbzxcPD9dSKZMoUQr8xkyvs56HeRC3qqmU86x2X4T+DiV4WAQ18ZiTgX1NTCbMHeD1Qgr5qeRehUc9KdADDBflkyNgUpVeIO4CmlGopYA24Anviq9sMZyekW18WOX0Rc4lRV+dwPjYwnmg1yOpCpALF78jG8hVlH9jrt0uy+chfpoVMBNXgP7ellN114imqZvO1CBMQj6FQJodL71J5P9PkEg/sw/+TBaefd2TLjlX+ggYijv6Ly9BkDSq+yjURwE9w6wbwGpOAMBJlb2zu7GMfuTK78y415k6aztn1eg9+QVoobAKEVStCT7XqmUMxRoOpMZi4qYUCjUAaC+mIA3GEtXjcHiyp/AMeIFmMzF7QnAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAUCAYAAACXtf2DAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFISURBVHgB1ZRLTsMwEIb/cVJg196AboDuCGUTdr1BxQkoR+AEVU9Q9QSUG8ANyoaHWCRsoVLhBtkBbTxDjEjVpGETEyE+KVY84/HM2OMB/jtkhqbXadTUR58gESwRUAMcXzyHD6GZKzNs4b1hNhfgFTYQXhzIIznOfipyV/WKcDJn1UNJapDLJIfRqszNL5oFN6Wz2Dv0o+SMMihUTMYBa30GC4rsMw6UUh1YUGSfPSKiLmwosK/8DtaqqNX2eygJC5n3lJEtMzAvUBMGsCGxF0h9zYFW6AgnkxjbzJCyH7TUhSkSEW/ps+X5TSYZPgX3x0VBfekd9PNy0XqU9ps8O+2jobBcTcO7icsK/TnTj/UvSrrMajwNbq9TmWmOG/R2nvwWBrXgzcG3fkK7B/5MCBP8NkIeJD51mTCuolaToKOFONbt/+/5BNZqoMcanAWwAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAWCAYAAADeiIy1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAMXSURBVHgBpVXNUhpBEO4eDOop5K9SJlaJJZjcXEhSQi7oE4Q8AfoEwhNgbrmpT4A8gXrLTTwJlYq73BKwKlhlKh6SuDcVa6fTvdSahSwIZV9gemb666/7m16EAIsaS5FxdZEjwAjc0RDIvtK4Nxa0GVaXaxpUhAh24Y6GiNmwotxY/wNkKSCDWT1oHFXXYUR7kVzME+K5IqhrgBk16PC3o9qW1kDzydT3qJGKwhD2ks/NJxZ3HI33G1+qZc9/wyieTK0wi3dAWOclef5jq/qBL5fvIZQY8GAQO95f10QLbcJCy6q2/Huqk0HaJA0zbWdylSGiRJj1H/rKl5pmdVlrtOPJtNnLLm68MeKJ1D5pOm+Ytfe9IC4jrXCnrelmkxWXD+OlGZTxsXW4yYntooIiZ3/S1hObLJw8iyZzTbDasmqtfmy5RxTxZ9CyKjY3cJlZ5UXm/sPCXocgw+Vb5Qq0wnhREhbCNhRCQ5gNArJ7nVIqblJZZA6+8jjI7B04kHXTqm5LmZpWbUvW9xyyAMdKc0Y6GwjEmduzibczXZm/Ti0xqxxpZ88FYaFIkGuiwPp7yV3T+HIIoThnpHL/MyJgRekVzzH/Kp11HCi2+VLT+my5IIRrEqQfiGdS9rYLRllRYBeQlICbueQpSTudUsqlWDKdBy2NFpCKDUOYnJOSinpj/Gg9P7qlkSa6pekEjBmpolKAoqphAYJMxDShLrMyGdBzxox0HhUtNFlRnbULts5sK3AHk6EqD7jLKcG5J6Xu9eIG9MkWRgLsMQnODzL6j1k6rxSttTXciEEaLY/UDaBg2z/ThgbygiNCzpOz+1AR9gmhQkB1JJVrmocJ189TAogiQfPtViCxjkBCG0BOQWTuJpBIZ0KkjSuYLPtF4gFyEnbzqFYYCcgfgP+e3PZNkp7JjGyY1dmg/dCgy7/OTu3fP0/3Hj6djj6amt54/HwaeF0POvvk2dRHLuGnP2c/akH7Axn1WtzofLP4y2nzSLFQ8bdLQ5TfSUY+ITzdC/3ujgTkmZSUQC0AOPyLtkZsHZuHB4Pu/AWjh6xviZX0sgAAAABJRU5ErkJggg==\"","// libraries\nimport styled from 'styled-components';\n\n// js\nimport colors from '../../styles/colors';\n\n// Footer Styles\nexport const Footer = styled.div`\n    background-color: ${colors.theme.purpleDark};\n    min-height: 30vh;\n    min-width: 100vw;\n    padding: 50px 80px;\n\n    /* media query */\n    @media(max-width: 900px){\n        min-height: 10vh;\n    }\n`;\n\nexport const LinkSocial = styled.a`\n    margin: 0px 10px;\n    cursor: pointer;\n`;\n\nexport const SocialMedia = styled.div`\n    display: flex;\n    flex-direction: column;\n    flex: 1;\n    align-items: center;\n\n    /* media query */\n    @media(max-width: 900px){\n        font-size: 8px;\n    }\n`;\n\n// Styles Navagation\nexport const Navigation = styled.h1`\n    width: 500px;\n    justify-content: space-around;\n    display: flex;\n    align-items: center;\n    margin-bottom: 50px;\n    font-size: 28px;\n\n    /* media query */\n    @media(max-width: 900px){\n        font-size: 18px;\n        width: 350px;\n        flex-wrap: wrap;\n        margin-bottom: 5px;\n    }\n`;\n\n// Styles ImageSocial\nexport const ContainerImagesSocial = styled.div`\n    margin-bottom: 30px;\n`;\n\nexport const Home = styled.a`\n    padding-right: 4%;\n    font-size: 20px;\n    text-decoration: none;\n    color: ${colors.basic.white};\n`;\n\nexport const Tecnologias = styled.a`\n    padding-right: 4%;\n    font-size: 20px;\n    text-decoration: none;\n    color: ${colors.basic.white};\n`;\n\nexport const FooterComponent = styled.a`\n    /* margin-left: 100px; */\n    font-weight: 500;\n    font-size: 22px;\n    text-decoration: none;\n    color: ${colors.basic.white};\n\n   /* media query */\n    @media (max-width: 1024px) {\n        margin-left: 10px;\n        margin-bottom: 20px;\n        font-weight: 500;\n        font-size: 18px;\n        line-height: 11px;\n    }\n`;\n\n// Styles TitleCopyrigth\nexport const TitleCopyright = styled.div`\n    font-size: 12px;\n    text-align: center;\n    color: #E0E0E0;\n\n    /* media query */\n    @media(max-width: 900px){\n        width: 350px;\n        height: 9px;\n        font-size: 12px;\n    }\n`;\n\nexport const ImageSocial = styled.img`\n    width: 25px;\n    height: 25px;\n\n    /* media query */\n    @media(max-width: 900px){\n            width: 22px;\n            height: 22px;\n    }\n`;\n","// libraries\nimport React from 'react';\n\n// Js\nimport {\n    SocialMedia,\n    Navigation,\n    ContainerImagesSocial,\n    TitleCopyright,\n    LinkSocial,\n    ImageSocial,\n    Footer,\n    FooterComponent,\n} from './footerStyles';\nimport constants from '../../pages/Home/homeConstants';\n\n// Images\nimport facebook from '../../assets/images/facebook.png';\nimport instagram from '../../assets/images/instagram.png';\nimport linkedin from '../../assets/images/linkedin.png';\nimport whatsapp from '../../assets/images/whatsapp.png';\n\nconst FooterPage: React.FC = () => {\n    // methods\n    function RenderSocial(src:string, url: string) {\n        return (\n            <LinkSocial target=\"_blank\" href={url}>\n                <ImageSocial src={src} />\n            </LinkSocial>\n        );\n    }\n\n    return (\n        <Footer>\n            <SocialMedia>\n                <Navigation>\n                    <FooterComponent href=\"/\">Home</FooterComponent>\n                    {/* <FooterComponent href=\"/technology\">Tecnologias</FooterComponent>\n                    <FooterComponent href=\"/team\">Nossa equipe</FooterComponent> */}\n                    <FooterComponent href=\"/work\">Trabalhe conosco</FooterComponent>\n                    <FooterComponent href=\"/contact\">Contato</FooterComponent>\n                </Navigation>\n                <ContainerImagesSocial>\n                    {RenderSocial(instagram, constants.urlInstagram)}\n                    {RenderSocial(facebook, constants.urlFacebook)}\n                    {RenderSocial(linkedin, constants.urlLinkedin)}\n                    {RenderSocial(whatsapp, constants.urlWhatsApp)}\n                </ContainerImagesSocial>\n                <TitleCopyright>\n                    Copyright © 2023 Dotcoding. Todos os direitos reservados.\n                </TitleCopyright>\n            </SocialMedia>\n        </Footer>\n    );\n};\n\nexport default FooterPage;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAI1SURBVHgBzZiNVYMwEMevTlAnMCOwgXECu4EruEHZADagG2gnSJ1AN4AN6AZn8gj1CIF8NAL/9+5BzZH8uEsuGAAiROTSBK4nIS0Dm2TDEbej45bheh17uMzSWEnjsJCwm1onCwdXjcL4Yw4rSY1tsAgwIwcry4wkjEK6DATX0TpMtNkBYQHheEF+W3zWAZRDMLTrYPjd9ACJpAfPdIr2E26M3JfkPoOZjqMjqGEKaa0lKjV25YoR//1EBPkkUwygHqhAfxV9VOX13WjLLf3ftKNgOykPOCYvAobpukg7S2ukXaFL2bM0OrdU24scotF9KGvUb8sYaKUFN5yKXE0eEUhSaHsZHG4ENU7PTztTIGAxl5qZ5+gOUXj4hwPisEQICJQRSe7wjQKsiCuDcED6gqXDNwqw1m6fECkSxdbhd5NXocZuYjP98wLxOuurWmxPPg/47iS00v9AvBpy/+jzgC/gldw7y0TKfmIAGcQrPBMBi6SNLTGkjw/dR+3wi1rFZcIyUzl8owA5cb23UDOHbzigfpBG8QiewuFXdOnhHw24+MdCqs8ttbt8Qbcy+6L+Ko0Tnwb05xZ4AIKNFjylI0nT7VLpEzkrUwwg6Uil8ITDtPdqNRiHQOE9KZ7pVEVIFWJV1K8+qZzp648pFWBKUaZk/3b+lwaAuOCJ1pRMBjOCb7C+hgw4Pn7z3iFSC8fnNmJ0mqRV4fIHmJWFI+sdctyecvMttgSZT4VanU4JXE8Cjan1C/uWdsosUVFGAAAAAElFTkSuQmCC\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAIZSURBVHgB7ZjRccIwDIb/9PpeRvAGZYR0grIBbNAyATBBjwmgG5QJyAalE+ANYINU4pyeEHaaEHPOA9+diR3F4Y8sy4kBR1mWMyqHsh/MKl2ZE7elQ45+UWRZ9pI5tXNltEiDUe0FlGv3VHIkgv7bOA0VBy3QIDHsIClICtyjJ0gvPuJGuNHIcRlXPnhCFD5DdIEkbEKHMdpnhcJ3MppAEjagw4rKCBGJ6UHOpUPPeRu43qABUQS6XCrFWSpLKmuKrWOgD09KA9xYoJsMc5yLeyFhFhF4QHd0zEUTx8QY4ldR32hxbvLwQxjVb4AGxBBoRL2QBjf8303F+IgxxEbU9YTgtHO1OOZmK4nDiPoRlw8gbV5uLVAypfhcoyWtBFJMveN8UrThjfqPA7YdiZ/6DG09yMk4x3UMa2w/IUOMSRIDGzJ0iUGLyzcQq9obKk+evgbnI7FDiDYvrHTNWly/xZVQ35F6kx8o+74ypBpiGY/H0AsFk0rgs6jv6i7sEoNDzzAvyRtfVYPsvJIYX19RD85gpotAjptcnftUbbYb1GPrjH1IM1GHuKBSqnMTNKOA31u1Ajt/F6t0MVG2fcj2zz2Tp5nG3AV25S6wK1Ig783lSIz70DJVmwXKhXpVJtwjdA46Wz45UfMWRbVpbahwDrKIz0cpNscDGNVenH550S/jMJF3V4m6LSdPnmKQd9P/1KaHQ27hNOEXcKJgvqM9+D8AAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAGnSURBVHgB7ZntbYMwEIZfqg6QTlC6QUagG3SD0AmqTgBM0HQC6AbJBGWD0Algg2QD965YqrEwH0I2/sEjXQJ3/vHGvjNnAkiEEAlZLdbnQhZDhRy58I+ctQWiVZvDTzIWeKGLvXScyN6xHjuyhOxF3jfQpnWPlSENoSroTotf4Rn3YwPoR/C085TfyKogCBq4RFviRy32psVrXgJYRF9io0B9oMI3LDKWgyqmgongkCGBt5l+KxgFUjGU9FX1hD7hElMOyhjnQ0F2lQWSwjKTi2Qt5hSJFwxu1EJ2FBpnys+TjPMm/tEzJuMNneIRXR/QrfyG7IviBaYwkoN9pErctFdGYryFq0XPpu9qiXlW45ExISa0ebYETu2KIpkGRmwXCW/qJdq8M3EYiFkVyIXyQPZM9gRzIzw427YEliQqVR10f0Q7mzo7DGBL4Nng/+nxhRjAlsDK4G8wE9dPktmdkPePuk3gUjaBS9kELsV7gduZZCk+Cux0N3xoavDfURxpVjM4fnugkSjXVSAPQQn85PXvU7RvD3yj6EglRyzavwDWphbK0fYXufT7Q5L7CL4AAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACgAAAAoCAYAAACM/rhtAAAACXBIWXMAAA7EAAAOxAGVKw4bAAAFOUlEQVRYhbWYW4hVZRTH/2sziAwmgwwxyCSDiA9iFhEhhiI+iA8+iESIiPhQYhFSD0VUrxEiEkI+BJXJJDGIiNRDdkHRLLyAFZpZGk1mJmha3i/z//Vw9tZv9uxzZs7xtGCzOWevy39dvm+t7wu1QICA7oiYD8yVNEtSr6QJkjJJtyT9LemkpCMRsUfSwYi41Yq9ZoBlthfZ3mn7um2aeM4CG21Pt912YAIW2D5EBdmu+rse3ba9Fegbi+0YA7guYENErJKUATXBCKmWyh8kHQSOR8RfOc8ESd0R8bCkOZKmVqi+ArweEe9ERGshBaYDx8rRsn0CWAv0FIAb6MiAWcB62xcrIrrd9oRWwD1m+1xaR8BZYJXtjhYd7rK93vbNoizy9z7bE5tRNAM4V/J0J/BgK8Aq9D8O/FLSv9v2+LEIT7J9qhS59UDWDnAF2e4G9pdWer/t+naobSPbS569NVqd3QfIibYPlOytagRwaYl5W1Xk8sJvqQ4rdPXYPp0swguVpWR7nO0TSfEOAl0lHgGrgYvATaC/HdEF5tu+nZTUpiqAy0vRe6qCZzEwlPDcBqbdL8Dc8fcTvVdt96YeqFSwh8qptd1h+1i5hQFv3i/AHENvsf3kz2vpx740MrZXVHj5KNU02MZ63Jrbh1qDyArja9LwUmtVZeGlhXBF753fDoC2FyUAh4CpmSRFxJM5CEnaExFXKgBeK/0u+CVp9A12bLQX+DfXn0maXTT/WTlQAfurJCPiqKQ7EaH0kfSRpM/bgS4irkXEd4nuRzJJHUBvEZGI+LFKGPhD0jcFX/4clfRsy9PISICS9HOSnb5MUmdETExQX6oSzrJMwLpSBLuBdqVXkgRcKsACXUUEOxKGRvKfAV8mPD0R0dZWmB4LImJ8Jsn5U6R4XD3hLMss6TnVhs3CmdWSnm4bwtqZptB9J5N0o1i1eYobzmVZlp2MiJeSksgkbQYW1JMpb/qjUHei+3wm6QbwZ1L400fTAHwAfJjIdAKfACvL6bY9Exi0PQDMbFQOua6ZSXZ+K5QMJF1k11jctD0e2F3esW0P2O7LDfYCp5Jvt21voc6BCZgAXE74VxTGnk9sXK/qJHVAdpH08ISuAluAEyXwxfsqsLAC4OKCz/bQXUfIe3FiaOVYAOayncBAk2dkgBH9HtiW8Hx/d7rOc74vcfZAM4VNbYBdDVwop7wODdmeVtLRR23GLKL8atnIspKHTW8dQDewDrgwSvQ2kCwWQPl5pOC5SnmqBsbZPp54eRqY1CxIqXbWAJ6xvZ/aUFtE7RiwvJwdYCHDB+G360VgbRLiIWBKKwAToEVUp9ueXFU2tifbPpOAOwd01wPYn6zGfW73Jc9IcF3AoSS1Q8CyesydaZHbfuH/BEft2qR85HyXehs5sDjx5KbtyaXvzbasenYEzLE9WFo4XwB15wDZ7k+it5t7bWwysMb2LuB0fjyor6gB2e6xvSlZOAV95UYXSECnh988bbT9ou19tocpyz0+ZfsVYErdlNzTnQFPAJts/8NI6qfBTBm5kiWSdhTG8klixGyYD5HDgiLpp4g4KOmEpPOSbgGdEfGQpBnAbEk9IwxHXJL0sqT3CnuNvNxa4VlKF4EB4NtR+MZCN4HNQG9jVPfAddq+WLHbn8sVLQY6c94MmAd8DFxusv+eodZBppUz04jC9pKI2JED+D0iPgW2R8TXjW7lqY1G8yTNjYjiln+ipA7V0nxe0q8RcQTYK+lwlmV3xowsAfiGpAck7YiIwxHRtJIc8LB3MhXfF/0HrRrDU67ibfYAAAAASUVORK5CYII=\"","/* eslint-disable max-len */\n// libraries\nimport React, { useState, useEffect } from 'react';\n\n// js\nimport {\n    AreaImage,\n    AreaText,\n    BodyItens,\n    Container,\n    ContainerAreaTextAre,\n    ContainerAreImage,\n    ContainerAreText,\n    ContainerCards,\n    ContainerCompany,\n    ContainerInfo,\n    ContainerItensDiferential,\n    ContainerNumbers,\n    ContainerRocket,\n    ContainerRowCards,\n    ContainerTitlePage,\n    DivAreaDiferential,\n    DivBackgroundItens,\n    DivBlind,\n    DivBorderImage,\n    DotNumbers,\n    Home,\n    ImageItem,\n    IntemTitle,\n    ItemSeparation,\n    OurDifferences,\n    Solutions,\n    TextCompany,\n    // TextNumber,\n    // TextNumberRight,\n    TextSubTitle,\n    TextTitle,\n    TitleHome,\n    TitlePage,\n    WhoAre,\n    ContainerAreImageOne,\n    ContainerAreTextTitle,\n    Point,\n    ContainerItensDiferentialItem,\n    DivAreaText,\n    ContainerAreaItens,\n    GapItem,\n    CardNumber,\n    TitleNumber,\n    SubTitleNumber,\n    Number,\n} from './homeStyles';\nimport colors from '../../styles/colors';\n\n// images\nimport database from '../../assets/images/database.png';\nimport monitor from '../../assets/images/monitor.png';\nimport shoppingCart from '../../assets/images/shoppingCart.png';\nimport smartphone from '../../assets/images/smartphone.png';\nimport expand1 from '../../assets/images/expand1.png';\nimport headset1 from '../../assets/images/headset1.png';\nimport ideia1 from '../../assets/images/ideia1.png';\nimport flash1 from '../../assets/images/flash1.png';\nimport grupImage from '../../assets/images/grupImage.png';\nimport imageThrePointes from '../../assets/images/imageThrePointes.png';\n\n// components\nimport Card from '../../components/Card/CardComponent';\nimport Menu from '../../components/Menu/MenuComponent';\nimport Footer from '../../components/Footer/FooterComponent';\n\nconst HomePage: React.FC = () => {\n    // constants\n    const finalDeliveredProjects = 76;\n    const finalDominatedTechnologies = 11;\n    const finalProfessionals = 7;\n    const finalCustomersServed = 26;\n    let scrollEnabled = true;\n\n    // states\n    const [scrollY, setScrollY] = useState(0);\n    const [deliveredProjects, setDeliveredProjects] = useState(0);\n    const [dominatedTechnologies, setDominatedTechnologies] = useState(0);\n    const [professionals, setProfessionals] = useState(0);\n    const [customersServed, setCustomersServed] = useState(0);\n\n    // conditions\n    const resizeScreenSolution = (window.innerHeight * 2) + 500;\n    const resizeScreenDotNumbers = (window.innerHeight * 3) + 400;\n    const resizeScreenOurDifferences = (window.innerHeight * 4) + 400;\n    const conditionAnimationSolutions = scrollY >= resizeScreenSolution;\n    const conditionAnimationOurDifferences = scrollY >= resizeScreenOurDifferences;\n\n    // use effects\n    useEffect(() => {\n        const changedScroll = () => {\n            const scrollPosition = window.scrollY + window.innerHeight;\n            setScrollY(scrollPosition);\n            if (scrollPosition >= resizeScreenDotNumbers && scrollEnabled) {\n                scrollEnabled = false;\n                setTimeout(() => {\n                    setDeliveredProjects(1);\n                    setDominatedTechnologies(1);\n                    setProfessionals(1);\n                    setCustomersServed(1);\n                }, 500);\n            }\n            if (scrollPosition < resizeScreenDotNumbers && !scrollEnabled) {\n                scrollEnabled = true;\n                setDeliveredProjects(0);\n                setDominatedTechnologies(0);\n                setProfessionals(0);\n                setCustomersServed(0);\n            }\n        };\n        document.addEventListener('scroll', changedScroll);\n    }, []);\n\n    useEffect(() => {\n        if (deliveredProjects > 0 && deliveredProjects < finalDeliveredProjects) {\n            setTimeout(() => {\n                setDeliveredProjects(deliveredProjects + 1);\n            }, 50);\n        }\n        if (dominatedTechnologies > 0 && dominatedTechnologies < finalDominatedTechnologies) {\n            setTimeout(() => {\n                setDominatedTechnologies(dominatedTechnologies + 1);\n            }, 50);\n        }\n        if (professionals > 0 && professionals < finalProfessionals) {\n            setTimeout(() => {\n                setProfessionals(professionals + 1);\n            }, 50);\n        }\n        if (customersServed > 0 && customersServed < finalCustomersServed) {\n            setTimeout(() => {\n                setCustomersServed(customersServed + 1);\n            }, 50);\n        }\n    }, [deliveredProjects, dominatedTechnologies, professionals, customersServed]);\n\n    // renders\n    function RenderCardNumbers(title: string, subTitle: string) {\n        return (\n            <CardNumber>\n                <TitleNumber>{title}</TitleNumber>\n                <SubTitleNumber>{subTitle}</SubTitleNumber>\n            </CardNumber>\n        );\n    }\n\n    // renderização dos cards esquerda\n    function RenderCardsLeft(title: string, subTitle: string, numberCard: string, image: string) {\n        return (\n            <>\n                <ItemSeparation src={imageThrePointes} />\n                <DivAreaDiferential scrollY={conditionAnimationOurDifferences}>\n                    <ContainerItensDiferential>\n                        <AreaImage>\n                            <Number>{numberCard}</Number>\n                            <DivBorderImage>\n                                {/* <TextNumber>{numberCard}</TextNumber> */}\n                                <ImageItem src={image} />\n                            </DivBorderImage>\n                        </AreaImage>\n                        <AreaText>\n                            <TextTitle>{title}</TextTitle>\n                            <TextSubTitle>{subTitle}</TextSubTitle>\n                        </AreaText>\n                    </ContainerItensDiferential>\n                </DivAreaDiferential>\n\n            </>\n        );\n    }\n\n    // renderização dos cards a direita\n    function RenderCardsRight(title: string, subTitle: string, numberCard: string, image: string) {\n        return (\n            <>\n                <ItemSeparation src={imageThrePointes} />\n                <DivAreaDiferential scrollY={conditionAnimationOurDifferences}>\n                    <ContainerItensDiferentialItem>\n                        <AreaText>\n                            <TextTitle>{title}</TextTitle>\n                            <TextSubTitle>{subTitle}</TextSubTitle>\n                        </AreaText>\n                        <AreaImage>\n                            <Number>{numberCard}</Number>\n                            <DivBorderImage>\n                                {/* <TextNumberRight>{numberCard}</TextNumberRight> */}\n                                <ImageItem src={image} />\n                            </DivBorderImage>\n                        </AreaImage>\n                    </ContainerItensDiferentialItem>\n                </DivAreaDiferential>\n\n            </>\n        );\n    }\n\n    // main\n    return (\n        <Container>\n            <Home>\n                <ContainerRocket>\n                    <Menu />\n                    <ContainerInfo>\n                        <TitleHome\n                            fontWeight={700}\n                            fontSize={40}\n                        >\n                            Impulsione!\n                        </TitleHome>\n                        <TitleHome\n                            fontWeight={400}\n                            fontSize={24}\n                            marginTop={50}\n                        >\n                            Nós mudamos sua empresa para o mundo digital.\n                            Com o uso de tecnologia, desenvolvemos softwares de\n                            alto desempenho para o seu negócio.\n                        </TitleHome>\n                    </ContainerInfo>\n                </ContainerRocket>\n            </Home>\n            <WhoAre>\n                <ContainerAreaTextAre>\n                    <DivAreaText>\n                        <ContainerAreTextTitle\n                            fontWeight={700}\n                            fontSize={36}\n                            color={colors.theme.purpleDark}\n                        >\n                            QUEM SOMOS\n                        </ContainerAreTextTitle>\n                        <ContainerAreaItens>\n                            <ContainerAreImageOne src={grupImage} />\n                            <ContainerAreText\n                                display=\"flex\"\n                                fontWeight={400}\n                                fontSize={18}\n                                color={colors.basic.black}\n                            >\n                                A Dotcoding é uma empresa de tecnologia, fundada em 2020,\n                                que tem como objetivo agregar valor aos negócios de seus clientes,\n                                através da constante evolução e busca por inovação, fornecendo soluções personalizadas que se adequam a necessidade de cada empresa, além de serviços\n                                especializados e de qualidade.\n                                <GapItem />\n                                Idealizada com o propósito de desenvolver aplicativos móveis, paineis administrativos,\n                                sites e servidores, ajudando empresas de diversos setores a tirar seus planos do papel e\n                                possibilitando a utilização de tecnologia como forma de potencializar seus empreendimentos.\n                                <GapItem />\n                                Visamos também a qualificação e o aperfeiçoamento dos\n                                profissionais, buscando dessa forma, suprir as necessidades do mercado, bem como\n                                capacita-los para responder à altura das responsabilidades que lhes são confiadas.\n                            </ContainerAreText>\n                            <ContainerAreImage src={grupImage} />\n                        </ContainerAreaItens>\n                    </DivAreaText>\n                </ContainerAreaTextAre>\n            </WhoAre>\n            <ContainerCompany backGroundImage>\n                <ContainerCompany>\n                    <TextCompany>\n                        A empresa que vai mudar sua forma de trabalhar.\n                    </TextCompany>\n                </ContainerCompany>\n            </ContainerCompany>\n            <Solutions>\n                <ContainerTitlePage>\n                    <TitlePage\n                        color={colors.basic.black}\n                        paddingRight={5}\n                    >\n                        Soluções\n                    </TitlePage>\n                    <TitlePage\n                        color={colors.theme.purpleDark}\n                        paddingLeft={5}\n                    >\n                        personalizadas\n                    </TitlePage>\n                </ContainerTitlePage>\n                <ContainerCards scrollY={conditionAnimationSolutions}>\n                    <ContainerRowCards>\n                        <Card\n                            sourceImage={monitor}\n                            title=\"Software sob medida\"\n                            subtitle=\"Soluções para otimização e transformação digital de sistemas e processos para pequenas, médias e grandes empresas.\"\n                            fontSizeTitle={1.2}\n                        />\n                        <Card\n                            sourceImage={smartphone}\n                            title=\"Apps Mobile\"\n                            subtitle=\"Desenvolvimento de aplicações para sistema iOS e Android para uso nativo ou multiplataforma.\"\n                            fontSizeTitle={1.2}\n                        />\n                    </ContainerRowCards>\n                    <ContainerRowCards>\n                        <Card\n                            sourceImage={database}\n                            title=\"Refactoring\"\n                            subtitle=\"Reescrita de softwares legados com atualização de arquitetura, usabilidade e melhorias de processos. \"\n                            fontSizeTitle={1.2}\n                        />\n                        <Card\n                            sourceImage={shoppingCart}\n                            title=\"E-commerce\"\n                            subtitle=\"Realizamos implementação, customização e integração de lojas e marketplaces. Nossa ferramenta é utilizada pelos maiores players do mercado.\"\n                            fontSizeTitle={1.2}\n                        />\n                    </ContainerRowCards>\n                </ContainerCards>\n            </Solutions>\n            <DotNumbers>\n                <DivBackgroundItens>\n                    <IntemTitle>NOSSAS ESTATÍSTICAS</IntemTitle>\n                    <BodyItens>\n                        <ContainerNumbers>\n                            {RenderCardNumbers(String(deliveredProjects), 'PROJETOS ENTREGUES')}\n                            <Point>.</Point>\n                            {RenderCardNumbers(String(dominatedTechnologies), 'TECNOLOGIAS DOMINADAS')}\n                            <Point>.</Point>\n                            {RenderCardNumbers(String(professionals), 'PROFISSIONAIS')}\n                            <Point>.</Point>\n                            {RenderCardNumbers(String(customersServed), 'CLIENTES')}\n                        </ContainerNumbers>\n                    </BodyItens>\n                </DivBackgroundItens>\n            </DotNumbers>\n            <OurDifferences>\n                <ContainerTitlePage>\n                    <TitlePage\n                        color={colors.basic.black}\n                        paddingRight={5}\n                    >\n                        Nossos\n                    </TitlePage>\n                    <TitlePage\n                        color={colors.theme.purpleDark}\n                        paddingLeft={5}\n                    >\n                        diferenciais\n                    </TitlePage>\n                </ContainerTitlePage>\n                {RenderCardsLeft(\n                    'Agilidade no desenvolvimento',\n                    'Sabemos o quanto é importante acertar o timing de um projeto de software, por isso trabalhamos com metodologias ágeis e times multidisciplinares.',\n                    '01',\n                    `${flash1}`,\n                )}\n                {RenderCardsRight(\n                    'Exeperiência e Conhecimento',\n                    'Ao longo de nossa história trabalhamos com diversos segmentos e temos know-how necessário para atender os mais variados projetos.',\n                    '02',\n                    `${ideia1}`,\n                )}\n                {RenderCardsLeft(\n                    'Qualidade no atendimento',\n                    'Time capacitado com dedicação 100% ao negócio, envolvendo pessoas e tecnologia. Por isso, a importância do fator humano e do relacionamento.',\n                    '03',\n                    `${headset1}`,\n                )}\n                {RenderCardsRight(\n                    'Flexibilidade de verdade',\n                    'Capacidade de prover recursos para a produção do seu software, em qualquer etapa do ciclo de vida de desenvolvimento e em diversos modelos de contratação.',\n                    '04',\n                    `${expand1}`,\n                )}\n            </OurDifferences>\n            <DivBlind height={40} />\n            <Footer />\n        </Container>\n    );\n};\n\nexport default HomePage;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAQ6SURBVHgB7ZxNUhtHFIDfa/0ki1RF2bkKiCeVA4TssssAEWRncgLLJzCcIHACfAPECYw3qcSAPD4BsMwmTBzseOepFHEZzXQ/d8uWNIPB9qitVst+30JomlGBvunuef2muwEYhmE+XbD/JgzCRkV9dpMI5oG5EkSKpBAPo/j3uHdsXsK5ZksAbgFBA5h3gxCrTK5H/x7sYhj8HIhMnQBTGkX0vRBSbQEzEoiwVdU/w36B7v9ikt2F6GkUA/MG4bUwELX6Yb+r0/3fvMj3e9roEcu7GuMGCY+GJdgQhTMQE2BKIYCxggVawgItYYGWsEBLquA5/TG6jlKTg0f3d8AzvK6BvWGmrB+SojukoL0489MaeIa3Al/JUw90oB8MClH8CJ7hpcBL5WmUlNyE38WV8oRsmfQReIZXAt8q79GBd7XP4I3AaZRn8ELgtMozTDwOtJW3+PXKGki4ratC1Pnnj1vgmInWQGt5s8sbOq++BUiBzga3lmaWb4JjJibwg8gD+DVfJsl9PnMiTXgc8hSojejJ/j1wjPMaODZ5p/ubMAGcCvzY5BmcCqxkcntUeUtzy6vgmTyDU4EEGOaPS8V5iNcLn/VAnsGtQFIDWWWDZCnOzblmLJz4Is/g9C784PF+qznb3E7P0uMoiUqFHFHcO/8X8AznYcze6d5D+IjgZyKWsEBLWKAlLNASFmgJC7SEBVrCAi1hgZagThHR8Ahi/RIB8xYozGeUikO53i+oBcx7w03YEhZoycVszC7UMu+mkHlFWjU5ycF6wqJAxKRz0vkbmCtZml1JCIb3XW7Clng7xTc/tVf+171XNoPtCm8FClnfJiLzJA7wi1oECSyAh/jbhAlW+2/xwtM8n/BWIAJFgwOiNniKtwIPTvcWFNEtXfvW1P/pOniK1+tEosd7bfAcDmMswcW55WfDRdeUVAgW0lqF1w1fimwIiXeH2RhKqkh0NJyzgg2JcCgyBcxlYPGQYFfIKqzrcq5x5UmUTDcrcfLX0+tffvuntvkDIu8b856Y8fBq9KRzPNy56FoYQKUWCsDvQNAYRWIjHySbnUJQ5GK+EpDCUF/0IFe0C0jja00KE0SM5dn5Tn9oieCYNzb6QWyPujxhcW5l28zOHxTUqkHn5Den2SQOYyxhgZawQEucC6xmxUnmug+LYVQufFal3W/AMc4FKqTCciyl8lsplUPfgY/zx4LEDXCM83UihbumHgrB8/ORp/zKSjcqDAIQ1sKZptMNJJ0JDIPmfG+RTR7Ctk2qvjfxnOBOvkwIvNu7UI4YaxxonmtUs8/nFaob+osWHpd+qK32zN/AtH54IaDuxZeKcAeqL45ez/AfC9YCL1t+NS3olMlmdHp/AyywEmiuvsjqz2CKUWfdr2y6Eas+0DQN0xRhSjH/u+3jUuuUvunHsFK/Pd4ExHigLPViuRjDMMy08hIeNRRVUBfBgwAAAABJRU5ErkJggg==\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAASDSURBVHgB7Z1NUhtHFMf/3cKYjR3tI4JIDmByAgYFMJVNyAms3ICcwOIEJidAnCBkl+LL7V12IQcIDAkkWaqoyocD08/dgrGRbYHsNzP9cPWvSox60FRN/aq/pvvpSaEg5htLCYEek6IZEOoQCkEZram7+9vWBgqghgJoNRY7Tt66e9t0rwkIRvl7JCxP3f9Mpae/GjBRYNKaXGiD1DpuIRZ2zhzvGDAYAxNF+pGrfbhyU50a6RQCcfeZQKl2XlZQj93BgAFbYP+mXhXWzMnOKuSy4bqb1B07vuAEJmCiUSCuP9iHdIiOUCDsGlgErU8erihLs1mWbZg/dzfzc65GP7jpWltTqyb9MUUgggv00x9r7RPfi+qaTpJ6YlCfqOPcPhnlen3upk3A5whEoU34fTgfy3qvSupy/vhfb9TriRCU4DXQpNv7yccL32iNWSeja3qmB6cvmVz8WlvMQtPwSblVPcr+/w4BEdEHmpPtrjt0B879vuX7wk0IJ3gTvu2UWgOTZlLXZxPLCIQbnHq4q/fLHKVLFaiz8Z+hbBOB0P5JP7Op+zuNkiitCSfNJf/Q3kRoSr6HygYRBTKoECrgMW0UKhO4e7w9hwpxz7yVzBDjKMwkCmQSBTKJAplEgUyiQCZRIJMokEkUyCQKZBIFMokCmUSBTKJAJiI2la4j3xawd2BCbqAPQ3QN9Kval9sC6/rcHiaN+QTCECvwQp59OrAkb2sfQRgim/Db5BHRvvlj6wcIQ1wNHCaP/j6rdEtgVETVwOvk9UM+8s9NfrGsMfaVUmSKinV+X8TUwNHlLbQ11b53/2yTRbc1/eUUAiJC4LvJG4zHtv/+w47z5hBcIEsebMf8ZVIEJLjAkeQ1F2beKu84fDx2UIFezE3yPDWrZ6+WpcjzBK6BZykRUv9umDxPpp9vXH6uZ0ErUuR5gk5jTNqXNd2abk09Pdw7uulzEIiIUXjvGnnSictZTKJAJlEgkyiQSRTIJApkEgUyiQKZRIFMokAmUSCTKJBJFMgkCmRS2Xpg0lhKUCkWVVCZQA239/EBUmITHj1xxG2mtBrol+FbjfmOquhrp8PISs67UGoT3rvY/JGcCopNHIWZCA1vS+o1e/eR28r0WYkgIYhoGOIE5qEebp+4mZ9zItutycWOrek5aWG+4prwG1GpOe6cOs/EJXoUJdAnIrsqz4dwuOrXzct+RJcWJy2qCVvKmq7Dy4ubeQhHq7Ho82f1E/jUSAeNB3wdsV9z8H1gUk/q/XzAGWbyLKMZKVETdFFN2N45eznpVUrN6HvjhzobPxyM1H/+CwQhSqB/erFkv315wuejvpKTWkJA5euIG4XNyc6al5iHvV0iLqwtR2Qf6CW6w1o/ABMXSRohlEIFZqrYRF+liNPqAQpMCsVPxA0yeaIv1x90WpMPm7DqGSTiU/ERVvIiFZAQrQiBqwOZ0ojaUO51CyBSXTBh/xjBwelBOn3fR9+GXfd7V/oj+sk2O4FtIb/mcHh68Gzq3qdHWvkph2pCLj3XbH9yx7Yb0QtZ3XkBmy4Oz3xphhYAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAFAAAABQCAYAAACOEfKtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAVkSURBVHgB7ZvNUttWFIDPuTIpiw5Du2KmpnXotNs6T1BBMbCDPAF+g9BddoYnSFh2FVh1SbLLhGGsPkGcfSejZGDaXTWdZBGw7smV7IvxlWRLtn6uY30zjJElztX5uD/ysQRQUlJSMr8gaMhmdcckRr8QQR2AHES0XY5vrMuXFmiGVgI3VhtNcUotIKiFHoBgI8LhxftXp6AJWggcK05FI5GFCkwsTkUDkYUIHCeOgCxC9pRVbjreNu8u1A3iBwRohgYsUGSuAuOIEy+H7cvzv8L2N6qNX7nYr5PIXAROK05FJ5GZCkxbnIoOIjMRmLU4lSJFpiowb3EqRYhMRWDR4lTyFDmVQN3EqeQhciKBuotTyVJkIoGzJk4lC5GxBM66OJU0RY4U+KWJU0lDZKjAL12cyjQihwTOmziVSUT6As1ao85cPJtXcSpxRHJOD62r8w6atZ0ac/lrYWlZPW7exKmMFkkOJ1jHjdUtr+ftDe2ac3EqUSI9T57A/2TvE1/i2IDULMWF44l0EZ8PRis5bHjokkMV4x2UhHJTuXkjXpzBO7hsrC2tmeKXmr+JuIJEez8s/fhN7dufbNv524ESsciay2tf//wYyfhTdLgV+b4/hDermyYH1g78lbfSEJxChZ1Y9ksb5hBPHOveOxAuHoUtssJP03j7/1v7/tJ9sRlYaZbFNY45jz1yqMcB7IifReUQhwM9Fpcxf9xeSJsrZo0ZCy0xjpuhUeegR47rcT5EJ9y9ObL+tWxvM/BRbh5FTiJOEllMmAeR04iTVCKjL4rluovvRHAnNLj42McAWuDyfbO6NVMib8W5QpyY60Uu4XidBISDxcXIWBgZfNR/JaoxzXtkFrlhouCiOxPCCYrle5aGdpa59aoxoozFAJ8kmQdmYY6cdI6LlVvX/d365+I5+qWsLr6OGzxwkhqKTGNx8OOMyY0DX8ffqttt8ZHETBo8aWN5iExLXCBuRG69akx1iwaxwSb3ej1J8LiN3ZKByKzEBdoRuWHl3pmY9+r9oI5SzqIOLRgP00gsD5F5iRu05xef23cr92IIN9qBiiviCTfwSFeRxYgj8V0RNYeaGFmN8dBMpC7iBk1BvX8Zs7WHHJ6Ib5xqoZEKFqmbOPCqMcw9sN5fnA5XYyqVfSLW1EKkB6Hda5dq0cfkLA74U/jQPbYcyy/thVdjdBMZRsHiJKOrMTqK1EScBKcIfidKuiLBWDAZw11RDe9dXiE6SGi5Hz6dRiWSqI0Uc8OpgidsrGiyyA0TBO915wq+YF3azWtop0GWufkCN77fPhDBWxGXCKHzQN5z5CRMOsfFyY0DHFmXrw7RvyOL8Fnc4IGT1FBkGouDH2dMblHVmFjBkzbmk7HItMQF4kbkFl6N+Xj9YJqVrgiRWYkLtBOoxohU7lZj/Fu2QFRjUngyPA+ReYmTeE/Sc+TPBtUYUc4Kq8aIbUv8HOkqsghxYri2AoVngH5J38V2+A2WeonUSFyvre71g9tbfPEGz6ISK0Kkwfnx+dV5RybCkfY1EddbK6B/i+/dHeZ3jSYCtrQROZ4CxMGhdaXcZK4yAyILFycZ+aCNhiK1ESeJ9ahXniL99la3dxkXSbF+exxscaId9+P1C13ESWIJlOQtMm3SFCdJJFAyayKzECeZSKBEd5FZipNMJVCim8g8xElSESgpWmSe4iSpCpTkLbIIcZJMBEqyFlmkOEmmAiVpi9RBnCQXgZJpReokTpKrQEkskS4dw1fMr8bAJ143DHykkzhJIQIl40SOo0hxkkIFSpKK1EGcRAuBkrFDWyNxEq0ESnqP2LM6EdWA0TIS64gyVqd8kr6kpKRELz4DWUgCy+qdLCIAAAAASUVORK5CYII=\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","export default \"data:image/png;base64,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\"","// libraries\nimport styled from 'styled-components';\n\n// js\nimport colors from '../../styles/colors';\nimport consts from '../../utils/consts';\n\n// interfaces\ninterface DivBlindInterface {\n    height?: number,\n}\n\n// styles\nexport const Home = styled.div`\n    min-height: 100vh;\n    min-width: 100vw;\n`;\n\nexport const Header = styled.div`\n    width: 100vw;\n    height: 50vh;\n    background-color: ${colors.theme.purpleDark};\n\n    /* media query */\n    @media(max-width: 1024px){\n        height: 40vh;\n    }\n`;\n\nexport const ContainerTechnology = styled.div`\n    display: flex;\n    height: 50%;\n    align-items: center;\n    justify-content: center;\n`;\n\nexport const Technology = styled.h1`\n    text-align: center;\n    font-weight: ${consts.getFontWeight('Lato-Bold')};\n    font-size: 64px;\n\n    /* media query */\n    @media(max-width: 1024px){\n        font-size: 40px;\n        margin-top: 100px;\n    }\n\n    @media(max-width: 568px){\n        font-size: 28px;\n        margin-top: 50px;\n    }\n`;\n\nexport const Computer = styled.img`\n    height: 50vh;\n\n    /* media query */\n    @media(max-width: 1024px){\n        height: 30vh;\n    }\n`;\n\nexport const Freepik = styled.img`\n    position: absolute;\n    right: 0px;\n    bottom: 0px;\n\n    /* media query */\n    @media(max-width: 1400px){\n        width: 620px;\n    }\n\n    @media(max-width: 1200px){\n        width: 520px;\n    }\n\n    @media(max-height: 880px){\n        width: 660px;\n    }\n\n    @media(max-height: 800px){\n        width: 560px;\n    }\n\n    @media(max-height: 700px){\n        width: 460px;\n    }\n\n    @media(max-width: 1024px){\n        display: none;\n    }\n`;\n\nexport const ContainerFreepik = styled.div`\n    width: 100%;\n    height: 60vh;\n`;\n\nexport const Body = styled.div`\n    width: 100vw;\n    height: 50vh;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n\n    /* media query */\n    @media(max-width: 1024px){\n        background-color: ${colors.theme.purpleDark};\n        flex-direction: column-reverse;\n        align-items: flex-start;\n        justify-content: space-between;\n        height: 60vh;\n    }\n`;\n\nexport const Vastro = styled.div`\n    display: none;\n\n    /* media query */\n    @media(max-width: 1400px){\n        width: 520px;\n        bottom: 20vh;\n    }\n\n    @media(max-width: 1200px){\n        width: 420px;\n        bottom: 15vh;\n    }\n\n    @media(max-width: 1024px){\n        position: static;\n        width: 100vw;\n        display: block;\n    }\n`;\n\nexport const VastroText = styled.h2`\n    color: ${colors.basic.black};\n    font-weight: ${consts.getFontWeight('Lato-Bold')};\n    font-size: 38px;\n    text-align: center;\n\n    /* media query */\n    @media(max-width: 1400px){\n        font-size: 36px;\n    }\n\n    @media(max-width: 1200px){\n        font-size: 32px;\n    }\n\n    @media(max-width: 1024px){\n        color: ${colors.basic.white};\n        font-size: 28px;\n    }\n\n    @media(max-width: 568px){\n        font-size: 20px;\n        margin-top: 30px;\n    }\n`;\n\nexport const VastroSubtext = styled.h2`\n    color: ${colors.basic.black};\n    font-weight: ${consts.getFontWeight('Lato-Regular')};\n    font-size: 28px;\n    padding: 10px 40px 0px 80px;\n    text-align: center;\n\n    /* media query */\n    @media(max-width: 1400px){\n        font-size: 26px;\n    }\n\n    @media(max-width: 1200px){\n        padding: 10px 40px 0px 60px;\n        font-size: 24px;\n    }\n\n    @media(max-width: 1024px){\n        color: ${colors.basic.white};\n        font-size: 20px;\n    }\n`;\n\nexport const ListTecnology = styled.div`\n    min-height: 100vh;\n    min-width: 100vw;\n    background-color: ${colors.theme.backgroundWhite};\n    display: flex;\n    flex-wrap: wrap;\n\n    /* media query */\n    @media(max-width: 1024px){\n        flex-direction: column;\n    }\n`;\n\nexport const CardText = styled.div`\n    display: flex;\n    flex-direction: row;\n    flex: 1;\n    min-width: 50vw;\n    align-items: center;\n    padding: 0px 10vw;\n`;\n\nexport const CardTitulo = styled.h2`\n    color: ${colors.basic.black};\n`;\n\nexport const CardSubtitulo = styled.h3`\n    color: ${colors.basic.mediumGray};\n    margin-top: 10px;\n`;\n\nexport const ContainerTexts = styled.div`\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const DivBlind = styled.div<DivBlindInterface>`\n    height: ${(props) => `${props.height || 0}px`};\n    background-color: ${colors.theme.backgroundWhite};\n`;\n\nexport const Container = styled.div``;\nexport const CardImage = styled.img``;\nexport const ContainerNext = styled.div``;\n","export default __webpack_public_path__ + \"static/media/computador.031f7edc.png\";","export default __webpack_public_path__ + \"static/media/freepik.6ea91962.png\";","/* eslint-disable max-len */\n// libraries\nimport React from 'react';\n\n// js\nimport {\n    Header,\n    Home,\n    Body,\n    Container,\n    Computer,\n    ContainerTechnology,\n    Technology,\n    Freepik,\n    Vastro,\n    VastroText,\n    VastroSubtext,\n    ContainerNext,\n    CardImage,\n    CardText,\n    CardTitulo,\n    CardSubtitulo,\n    ListTecnology,\n    ContainerTexts,\n    DivBlind,\n} from './technologyStyles';\n\n// Images\nimport computador from '../../assets/images/computador.png';\nimport freepik from '../../assets/images/freepik.png';\nimport next from '../../assets/images/next.png';\n\n// components\nimport Menu from '../../components/Menu/MenuComponent';\nimport Footer from '../../components/Footer/FooterComponent';\n\n// js\nconst TecnologiaPage: React.FC = () => {\n    // renders\n    function arrowNext() {\n        return (\n            <ContainerNext>\n                <CardImage src={next} />\n            </ContainerNext>\n        );\n    }\n\n    function renderCardText(title: string, subtitle: string) {\n        return (\n            <CardText>\n                {arrowNext()}\n                <ContainerTexts>\n                    <CardTitulo>{title}</CardTitulo>\n                    <CardSubtitulo>{subtitle}</CardSubtitulo>\n                </ContainerTexts>\n            </CardText>\n        );\n    }\n\n    // main\n    return (\n        <Home>\n            <Container>\n                <Header>\n                    <Menu />\n                    <ContainerTechnology>\n                        <Technology>\n                            Tecnologias completas para seu negócio\n                        </Technology>\n                    </ContainerTechnology>\n                </Header>\n                <Body>\n                    <Computer src={computador} />\n                    <Freepik src={freepik} />\n                    <Vastro>\n                        <VastroText>\n                            Vasto repertório\n                        </VastroText>\n                        <VastroSubtext>\n                            Nossa equipe domina as principais stacks do mercado e está sempre atualizada com os conhecimentos mais recentes nas áreas de Web e Mobile.\n                        </VastroSubtext>\n                    </Vastro>\n                </Body>\n            </Container>\n            <DivBlind height={40} />\n            <ListTecnology>\n                {renderCardText('Back-End', 'Node, Express, TypeScript, JavaScript')}\n                {renderCardText('Banco de dados', 'Postgres, MongoDB, Firebase, Realm')}\n                {renderCardText('Cloud Computing', 'Heroku, Amazon AWS, Digital Ocean, Google Cloud, Azure')}\n                {renderCardText('Infra e CI/CD', 'Docker')}\n                {renderCardText('Front-End', 'ReactJS, TypeScript, JavaScript')}\n                {renderCardText('Mobile', 'React Native, TypeScript, JavaScript')}\n                {renderCardText('Testes', 'Jest')}\n            </ListTecnology>\n            <DivBlind height={40} />\n            <Footer />\n        </Home>\n    );\n};\n\nexport default TecnologiaPage;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADwAAAA8CAYAAAA6/NlyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAJASURBVHgB1dtNSiNBGMbxtzoEBgaHLGXc9BFmN6NkYOYGc4PRGzQooit1J6YD8QZ6BJeuRFDpK7iLYNRlQBeC2GU/vfMzWOl6P/7gwtQi+fGGpKuaOApseW71v6NyUP/jk0F+tbNFBmpRQFmadVplUhC5L/Wfoz8LM106uz09JuUlFNIDpa8ec35z5fvqBikvaMLFbXEzP9NddI46zxYMTDpswlWPZfLXezd8taB80kETRsXdyfjn198H1ZT/WZp0MBhZRE8FRtbQU4ORJXQjYGQF3RgYWUA3Ckba0Y2DkWZ0FDDSio4GRhPR37qdCn1IjDliKJtdS1tJeeScT1+ueaK9/qi3REyxgJEWNBsYaUCzgpE0mh2MJNEiYCSFFgMjCbQoGHGjxcGIE60CjLjQasCIA60KjGKj1YFRTLRKMIqFVgtGH6LLMu1f9y/okwXfeeDpnhLn31x59O2gYakFZ7NZ2m61jypu+nKtku4ObraHFJDSD633sdWbeT8f5YsUmMKvpXhYpOzCIy4WKbq0jI9FSjYPPFikYHvIh0XCBwC8WCR4xMOPRUKHeDJYJHBMK4dFzAfxsljEeKtFHouYbqbpwKLou6VJux5OLIoK/nCyzm/1Rr2MmIv2lp6EzS/zTRIoClgrtn56ajjN2PolUINpx9YvgxrKAhY1AraCRVODLWHRVGBrWBQMtohFwVdaFrEoCJzNZT8sYlHYhNs09OTHzx4zgEVhv1saF/cLnflzKpNf+BRw5NerXc82GegJdrvGqojx9OsAAAAASUVORK5CYII=\"","// libraries\nimport styled from 'styled-components';\n\n// js\nimport colors from '../../styles/colors';\n\n// styles\nexport const Container = styled.div`\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n`;\n\nexport const Contact = styled.div`\n    max-height: 100vh;\n    max-width: 100vw;\n`;\n\n// styles - header\nexport const Header = styled.div`\n    background-color: ${colors.theme.purpleDark};\n    height: 40vh;\n    width: 100vw;\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const TitleHeader = styled.h1`\n    display: flex;\n    align-items: center;\n    height: 100%;\n    justify-content: center;\n    margin-bottom: 30px;\n    font-weight: 700;\n    font-size: 40px;\n    line-height: 50px;\n    text-align: center;\n    padding: 30px;\n    /* media query */\n    @media (max-width: 1024px) {\n        font-size: 50px;\n    }\n    @media (max-width: 800px) {\n        font-size: 40px;\n    }\n`;\n\n// styles = body\nexport const Body = styled.div`\n    flex: 1;\n    flex-direction: row;\n    justify-content: space-between;\n    max-width: 100vw;\n`;\n\nexport const BalloonBody = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    min-height: 30vh;\n    padding: 60px;\n\n    @media (max-width: 800px) {\n        padding: 30px;\n    }\n`;\n\nexport const BalloonBodyImg = styled.img`\n    width: 100%;\n\n    /* media query */\n    @media (max-width: 1350px){\n        display: none;\n    };\n`;\n\nexport const ContactArea = styled.div`\n    display: none;\n    flex: 1;\n    flex-direction: column;\n\n    /* media query */\n    @media (max-width: 1350px) {\n        display: flex;\n        margin: 6vh 0px;\n    };\n`;\n\nexport const TitleContact = styled.div`\n    color: ${colors.basic.black};\n    font-weight: 400;\n    font-size: 20px;\n    line-height: 25px;\n    text-align: center;\n\n    @media (max-width: 1000px) {\n        height: 200px;\n        font-size: 20px;\n        line-height: 32px\n    };\n    @media (max-width: 530px) {\n        /* font-size: 25px;\n        width: 100%;\n        height: 250px; */\n    };\n`;\n\nexport const FormArea = styled.form`\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    padding: 0px 40px;\n\n    @media (max-width: 1000px) {\n        padding: 0px 10px;\n    };\n`;\n\nexport const InputArea = styled.div`\n    display: flex;\n    flex-direction: row;\n\n    /* media query */\n    @media (max-width: 1020px) {\n       display: flex;\n       flex-direction: column;\n    };\n`;\n\nexport const InputForm = styled.input`\n    border: none;\n    background-color: ${colors.theme.backgroundWhite};\n    color: black;\n    flex: 1;\n    height: 40px;\n    margin-bottom: 15px;\n    margin-right: 15px;\n    padding: 15px;\n    border-radius: 5px;\n\n    /* media query */\n    @media (max-width: 1024px) {\n        margin-right: 0px;\n        margin-top: 20px;\n    };\n`;\n\nexport const Select = styled.div`\n    display: flex;\n    flex: 1;\n    margin-right: 15px;\n    margin-top: 20px;\n\n    /* media query */\n    @media (max-width: 1024px) {\n        margin-right: 0px;\n    };\n`;\n\nexport const SelectArea = styled.select`\n    background-color: ${colors.theme.backgroundWhite};\n    border: 0px;\n    color: gray;\n    flex: 1;\n    margin-bottom: 15px;\n    height: 40px;\n    padding: 10px;\n    border-radius: 5px;\n`;\n\nexport const CheckboxArea = styled.div`\n    display: flex;\n    flex-direction: row;\n\n    /* media query */\n    @media (max-width: 600px) {\n        display: flex;\n        flex-direction: column;\n    }\n`;\n\nexport const Checkbox = styled.input`\n    height: 20px;\n    width: 20px;\n`;\n\nexport const CheckboxTitle = styled.label`\n    color: ${colors.basic.black};\n    flex: 1;\n    margin-left: 10px;\n\n    /* media query */\n    @media (max-width: 900px){\n        margin-right: 20px;\n    };\n`;\n\nexport const Title = styled.h3`\n    color: ${colors.basic.mediumGray};\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 22px;\n    margin-top: 20px;\n    margin-bottom: 20px;\n`;\n\nexport const InputTextArea = styled.textarea`\n    background-color: ${colors.theme.backgroundWhite};\n    border: none;\n    flex: 1;\n    height: 200px;\n    margin-right: 15px;\n    padding: 15px;\n    resize: none;\n    font-style: normal;\n    color: ${colors.basic.mediumGray};\n    font-family: 'Quicksand';\n\n    @media (max-width: 1024px) {\n        margin-right: 0px;\n    }\n`;\n\nexport const ButtonArea = styled.div`\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    margin-top: 30px;\n    margin-bottom: 30px;\n\n    /* media query */\n    @media (max-width: 1024px) {\n        margin-right: 0px;\n    };\n`;\n\nexport const InformationText = styled.text`\n    color: ${colors.basic.black};\n    font-size: 12px;\n    margin-top: 10px;\n\n    /* media query */\n    @media (max-width: 1024px) {\n        font-size: 14px;\n    };\n`;\n\nexport const SendButton = styled.button`\n    align-items: center;\n    background-color: ${colors.theme.purpleDark};\n    border-radius: 5px;\n    display: flex;\n    font-weight: 700;\n    justify-content: center;\n    width: 178px;\n    height: 50px;\n    cursor: pointer;\n\n    /* media query */\n    @media (max-width: 1024px) {\n        height: 40px;\n        width: 120px;\n    }\n`;\n\nexport const SendButtonText = styled.text`\n    color: ${colors.basic.white};\n`;\n\nexport const CheckboxOptions = styled.div`\n    display: flex;\n    flex-direction: row;\n    flex: 1;\n    margin-bottom: 15px;\n`;\n\nexport const Option = styled.option``;\n","const isProduction = window.location.hostname.includes('dotcoding.com.br');\nconst isStaging = window.location.hostname.includes('staging');\nconst getBaseUrl = () => {\n    if (isProduction) {\n        return 'https://api.dotcoding.com.br';\n    }\n    if (isStaging) {\n        return 'https://staging.dotcodingapi.dotcoding.com.br';\n    }\n    return 'https://development.dotcodingapi.dotcoding.com.br';\n};\nconst baseUrl = getBaseUrl();\nexport default baseUrl;\n","// libraries\nimport React, { useCallback, useState } from 'react';\nimport axios from 'axios';\nimport { BallTriangle } from 'react-loader-spinner';\nimport { ToastContainer, toast } from 'react-toastify';\n\n// js\nimport {\n    Container,\n    Contact,\n    Header,\n    TitleHeader,\n    Body,\n    BalloonBody,\n    FormArea,\n    InputArea,\n    InputForm,\n    Select,\n    SelectArea,\n    Option,\n    CheckboxArea,\n    Checkbox,\n    CheckboxTitle,\n    Title,\n    ButtonArea,\n    InformationText,\n    SendButton,\n    SendButtonText,\n    TitleContact,\n    InputTextArea,\n    CheckboxOptions,\n} from './contactStyle';\nimport baseUrl from '../../constants/baseUrl';\nimport colors from '../../styles/colors';\n\n// components\nimport Footer from '../../components/Footer/FooterComponent';\nimport Menu from '../../components/Menu/MenuComponent';\n\n// interfaces\ninterface FormUserInterface {\n    name: string,\n    email: string,\n    telephone: string,\n    companyName: string,\n    occupationArea: string,\n    projectStatus: string,\n    needs: string[],\n    projectSize: string,\n    comments: string,\n}\n\nconst ContactPage: React.FC = () => {\n    // consts\n    const initialFormUser: FormUserInterface = {\n        name: '',\n        email: '',\n        telephone: '',\n        companyName: '',\n        occupationArea: '',\n        projectStatus: '',\n        needs: [],\n        projectSize: '',\n        comments: '',\n    };\n\n    // states\n    const [formUser, setFormUser] = useState(initialFormUser);\n    const [lodingItem, setLodingItem] = useState(false);\n\n    // methods\n    function onChangeForm(e: React.ChangeEvent<\n        HTMLInputElement |\n        HTMLSelectElement |\n        HTMLTextAreaElement\n    >) {\n        const keyChanged = e.target.id;\n        const valueChanged = e.target.value;\n        const newFormUser = {\n            ...formUser,\n            [keyChanged]: valueChanged,\n        };\n        setFormUser(newFormUser);\n    }\n\n    async function onSendForm(e: React.FormEvent<HTMLFormElement>) {\n        e.preventDefault();\n        setLodingItem(true);\n        const sendFormUser = formUser;\n        const configRequest = {\n            headers: {\n                'Content-Type': 'application/json',\n            },\n        };\n        axios.post(`${baseUrl}/website/proposals`, sendFormUser, configRequest)\n            .then(() => {\n                toast.success('Proposta enviada com sucesso!');\n                setLodingItem(false);\n                setFormUser(initialFormUser);\n            })\n            .catch((err) => {\n                toast.error(err.response.data.message);\n                setLodingItem(false);\n            });\n    }\n\n    const formatTelephone = useCallback((e: React.FormEvent<HTMLInputElement>) => {\n        e.currentTarget.maxLength = 15;\n        let { value } = e.currentTarget;\n        value = value.replace(/\\D/g, '');\n        value = value.replace(/(\\d{2})(\\d)/, '($1) $2');\n        value = value.replace(/(\\d{5})(\\d)/, '$1-$2');\n\n        e.currentTarget.value = value;\n    }, []);\n\n    // renders\n    const CheckboxComponent = (title: string, value: string) => {\n        function onChangeBox() {\n            let needs = formUser?.needs || [];\n            const conditionForAddNewNeed = needs.includes(value);\n            if (conditionForAddNewNeed) {\n                needs = needs.filter((el) => el !== value);\n            } else {\n                needs.push(value);\n            }\n            const newFormUser = {\n                ...formUser,\n                needs,\n            };\n            setFormUser(newFormUser);\n        }\n\n        return (\n            <CheckboxOptions>\n                <Checkbox\n                    type=\"checkbox\"\n                    onChange={onChangeBox}\n                    checked={formUser.needs.includes(value)}\n                    value={value}\n                />\n                <CheckboxTitle>{title}</CheckboxTitle>\n            </CheckboxOptions>\n        );\n    };\n\n    const SelectOption = (\n        optionName: string,\n        placeholderOption: boolean,\n        value: string,\n    ) => (\n        <Option\n            disabled={placeholderOption}\n            selected\n            value={value}\n        >\n            {optionName}\n        </Option>\n    );\n\n    // main\n    return (\n        <Container>\n            <Contact>\n                <Header>\n                    <Menu />\n                    <TitleHeader>Enviar uma proposta</TitleHeader>\n                    <ToastContainer />\n                </Header>\n                <Body>\n                    <FormArea onSubmit={onSendForm}>\n                        <BalloonBody>\n                            <TitleContact>\n                                Para entendermos melhor a sua necessidade e propor a melhor solução\n                                para o seu projeto, nos conte um pouco mais sobre a sua ideia e\n                                objetivosque deseja alcançar, respondendo o formulário abaixo.\n                            </TitleContact>\n                        </BalloonBody>\n                        <InputArea>\n                            <InputForm\n                                required\n                                type=\"text\"\n                                placeholder=\"*Seu nome\"\n                                id=\"name\"\n                                value={formUser.name}\n                                onChange={onChangeForm}\n                                maxLength={250}\n                            />\n                            <InputForm\n                                required\n                                type=\"email\"\n                                placeholder=\"*Seu e-mail\"\n                                id=\"email\"\n                                value={formUser.email}\n                                onChange={onChangeForm}\n                                maxLength={250}\n                            />\n                        </InputArea>\n                        <InputArea>\n                            <InputForm\n                                required\n                                type=\"text\"\n                                placeholder=\"*Seu telefone\"\n                                id=\"telephone\"\n                                onKeyUp={formatTelephone}\n                                value={formUser.telephone}\n                                onChange={onChangeForm}\n                            />\n                            <InputForm\n                                type=\"text\"\n                                placeholder=\"Qual o nome da sua empresa?\"\n                                id=\"companyName\"\n                                value={formUser.companyName}\n                                onChange={onChangeForm}\n                                maxLength={250}\n                            />\n                        </InputArea>\n                        <InputArea>\n                            <InputForm\n                                required\n                                type=\"text\"\n                                placeholder=\"*Em que área sua empresa trabalha?\"\n                                id=\"occupationArea\"\n                                value={formUser.occupationArea}\n                                onChange={onChangeForm}\n                                maxLength={250}\n                            />\n                        </InputArea>\n                        <Select>\n                            <SelectArea\n                                id=\"projectStatus\"\n                                value={formUser.projectStatus}\n                                onChange={onChangeForm}\n                            >\n                                {SelectOption('*Qual estágio seu projeto se encontra?', true, '')}\n                                {SelectOption('Tenho apenas a ideia', false, 'idea')}\n                                {SelectOption('Já tenho um escopo', false, 'scope')}\n                                {SelectOption('Estou buscando orçamentos', false, 'budget')}\n                                {SelectOption('Já tenho o protótipo', false, 'prototype')}\n                                {SelectOption('Já foi iniciado, quero trocar o fornecedor', false, 'to_exchange')}\n                                {SelectOption('Já foi iniciado, preciso de melhorias', false, 'improvement')}\n                            </SelectArea>\n                        </Select>\n                        <Title>*Quais suas necessidades?</Title>\n                        <CheckboxArea>\n                            {CheckboxComponent('Quero um aplicativo móvel', 'i_want_an_app')}\n                            {CheckboxComponent('Criação APIs', 'creation_of_api')}\n                        </CheckboxArea>\n                        <CheckboxArea>\n                            {CheckboxComponent('Quero alocar profissionais', 'i_want_to_allocate_professionals')}\n                            {CheckboxComponent('Q.A (Testes)', 'qa')}\n                        </CheckboxArea>\n                        <CheckboxArea>\n                            {CheckboxComponent('Integração com outros sistemas', 'integration_with_another_system')}\n                            {CheckboxComponent('Gestão de projetos', 'project_management')}\n                        </CheckboxArea>\n                        <CheckboxArea>\n                            {CheckboxComponent('Quero um sistema web', 'i_want_an_web')}\n                            {CheckboxComponent('Desenvolvimento de produto', 'product_development')}\n                        </CheckboxArea>\n                        <Select>\n                            <SelectArea\n                                id=\"projectSize\"\n                                value={formUser.projectSize}\n                                onChange={onChangeForm}\n                            >\n                                {SelectOption('*Qual o tamanho estimado do projeto?', true, '')}\n                                {SelectOption('Pequeno (menos de 1 mês)', false, 'little')}\n                                {SelectOption('Médio (1-3 meses)', false, 'medium')}\n                                {SelectOption('Grande (3-9 meses)', false, 'great')}\n                                {SelectOption('Muito grande (mais de 9 meses)', false, 'very_large')}\n                                {SelectOption('Não sei informar', false, 'no_information')}\n                            </SelectArea>\n                        </Select>\n                        <InputArea>\n                            <InputTextArea\n                                placeholder=\"Comentários\"\n                                id=\"comments\"\n                                value={formUser.comments}\n                                onChange={onChangeForm}\n                            />\n                        </InputArea>\n                        <InformationText>*Campos obrigatórios</InformationText>\n                        <ButtonArea>\n                            <SendButton>\n                                { lodingItem ? <BallTriangle color={`${colors.theme.purpleLight}`} height={35} width={35} /> : (\n                                    <SendButtonText>Enviar</SendButtonText>\n                                )}\n                            </SendButton>\n\n                        </ButtonArea>\n                    </FormArea>\n                </Body>\n                <Footer />\n            </Contact>\n        </Container>\n    );\n};\n\nexport default ContactPage;\n","// libraries\nimport styled from 'styled-components';\n\n// js\nimport colors from '../../styles/colors';\n\n// styles\nexport const Container = styled.div`\n`;\n\nexport const Header = styled.div`\n    background-color: ${colors.theme.purpleDark};\n    height: 298px;\n    width: 100vw;\n    display: flex;\n    flex-direction: column;\n    @media (max-width: 620px) {\n        height: 30vh;\n    }\n`;\n\nexport const TitleHeader = styled.h1`\n    display: flex;\n    align-items: center;\n    height: 100%;\n    justify-content: center;\n    margin-bottom: 30px;\n    font-weight: 700;\n    font-size: 40px;\n    line-height: 50px;\n\n    @media (max-width: 620px) {\n        font-size: 40px;\n        padding: 0px;\n    }\n`;\n\nexport const ContainerContent = styled.div`\n    display: flex;\n    @media (max-width: 1170px) {\n        flex-direction: column;\n        align-items: center;\n    }\n`;\n\nexport const DeskImage = styled.img`\n    width: 60%;\n    height: 40%;\n    margin-top: 66px;\n    @media (max-width: 600px) {\n        width: 249px;\n        height: 177px;\n    }\n`;\n\nexport const ContentText = styled.div`\n    display: flex;\n    align-items: flex-start;\n    flex-direction: column;\n    width: 100%;\n    padding-left: 92px;\n    @media (max-width: 1170px) {\n        align-items: center;\n    }\n    @media (max-width: 600px) {\n        justify-content: center;\n        align-items: center;\n        padding-left: 1px;\n    }\n`;\n\nexport const Text = styled.text`\n    color: ${colors.theme.purpleDark};\n    font-family: 'Quicksand';\n    font-weight: 600;\n    font-size: 36px;\n    line-height: 45px;\n    width: 420px;\n    height: 90px;\n    margin-top: 169px;\n    @media (max-width: 1170px) {\n        margin-top: 30px;\n    }\n    @media (max-width: 600px) {\n        width: 261px;\n        height: 57px;\n        font-size: 22px;\n        line-height: 28px;\n        margin-top: 30px;\n    }\n`;\n\nexport const TextInfo = styled.text`\n    color: ${colors.basic.black};\n    font-family: 'Quicksand';\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 22px;\n    width: 493px;\n    height: 92px;\n    margin-top: 40px;\n    text-align: justify;\n    @media (max-width: 600px) {\n        font-weight: 200;\n        font-size: 12px;\n        line-height: 15px;\n        margin-left: 10px;\n        width: 267px;\n        height: 64px;\n        text-align: justify;\n    }\n`;\n\nexport const ContainerAdvertising = styled.div`\n    display: flex;\n    justify-content: flex-start;\n    flex-wrap: wrap;\n    max-width: 90%;\n    min-width: 90%;\n    margin-left: 8%;\n    @media (max-width: 1170px) {\n        padding-right: 20px;\n    }\n    @media (max-width: 771px) {\n        align-items: center;\n        justify-content: center;\n        padding-right: none;\n    }\n`;\n\nexport const ShadowCard = styled.div`\n    background-color: rgba(0, 0, 0, 0.5);\n    position: absolute;\n    z-index: 10;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    border-radius: 10px;\n    height: 100%;\n    width: 100%;\n`;\n\nexport const ShadowAreaText = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n`;\n\nexport const TextShadowCard = styled.text`\n    color: white;\n    font-weight: bold;\n    font-size: 18px;\n`;\n\nexport const Advertisements = styled.div`\n    margin: 15px;\n    cursor: pointer;\n    align-items: center;\n    justify-content: center;\n    position: relative;\n    display: flex;\n    border-radius: 10px;\n    @media (max-width: 400px) {\n        height: 250px;\n    }\n`;\n\nexport const ImageAdvertising = styled.img`\n    cursor: pointer;\n    border-radius: 10px;\n    width: 350px;\n    height: 350px;\n    object-fit: cover;\n    @media (max-width: 400px) {\n        height: 250px;\n    }\n`;\n\ninterface Container {\n    background: string;\n}\n\nexport const ImageSecund = styled.div<Container>`\n    background-image: ${(props) => (`url(${props.background})`)};\n    cursor: pointer;\n    @media (max-width: 400px) {\n        height: 250px;\n    }\n`;\n\nexport const ContainerText = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    @media (max-width: 1170px) {\n    }\n`;\n\nexport const TextData = styled.text`\n    color: ${colors.theme.purpleDark};\n    font-family: 'Quicksand';\n    font-weight: 600;\n    font-size: 36px;\n    line-height: 45px;\n    margin-top: 66px;\n    margin-bottom: 73px;\n    @media (max-width: 400px) {\n        margin-top: 40px;\n        margin-bottom: 40px;\n    }\n    @media (max-width: 600px) {\n        font-size: 22px;\n        line-height: 28px;\n    }\n`;\n\nexport const ContainerNull = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    margin-bottom: 20px;\n    width: 100%;\n`;\n\nexport const ContainerCards = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 100%;\n`;\n\nexport const ImageProp = styled.img`\n    height: 500px;\n    margin: 13px;\n    object-fit: contain;\n    @media (max-width: 1000px) {\n        width: 308px;\n        height: 154px;\n    }\n`;\n\nexport const ContainerNews = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    max-width: 74%;\n    height: 20%;\n    margin-top: 100px;\n    margin-left: 8.5%;\n    margin-bottom: 59px;\n    color: ${colors.basic.black};\n    @media (max-width: 800px) {\n        margin-top: 50px;\n        margin-left: 3.5%;\n        margin-bottom: 2px;\n    }\n`;\n\nexport const CardText = styled.text`\n    color: ${colors.basic.black};\n    display: flex;\n    text-align: justify;\n    font-family: 'Quicksand';\n    font-weight: 400px;\n    font-size: 18px;\n    width: 100%;\n    height: 40px;\n    align-self: center;\n    margin-left: 12%;\n    @media (max-width: 1000px) {\n        height: 50px;\n        width: 310px;\n        font-size: 12px;\n        line-height: 15px;\n        text-align: justify;\n        font-weight: 400;\n    }\n    @media (max-width: 800px) {\n        margin-left: 26%;\n    }\n`;\n\nexport const ContainerAbrasing = styled.div`\n    display: flex;\n    flex-direction: column;\n`;\n\nexport const ContainerPro = styled.div`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    width: 80%;\n    margin-left: 10%;\n    @media (max-width: 950px) {\n        flex-direction: column;\n        align-items: center;\n    }\n`;\n\nexport const CellImage = styled.img`\n    width: 437px;\n    height: 330px;\n    margin-bottom: 60px;\n    @media (max-width: 1170px) {\n        margin-bottom: 40px;\n        width: 275px;\n        height: 207px;\n    }\n`;\n\nexport const ContainerSec = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    max-width: 85%;\n    margin-left: 6%;\n    margin-bottom: 2%;\n    color: black;\n    @media (max-width: 400px) {\n        max-width: 87%;\n        margin-left: 6%;\n        font-weight: 400;\n        font-size: 12px;\n        line-height: 15px;\n        text-align: justify;\n    }\n`;\n\nexport const ContainerDescriptions = styled.div`\n    display: flex;\n    flex-direction: column;\n    align-items: flex-start;\n    justify-content: center;\n    max-width: 90%;\n    margin-left: 6%;\n    color: black;\n    @media (max-width: 400px) {\n        font-weight: 400;\n        font-size: 12px;\n        line-height: 15px;\n        text-align: justify;\n    }\n`;\n\ninterface TextCardInterfaces {\n    marginBottom?: string;\n}\n\nexport const TextCard = styled.text<TextCardInterfaces>`\n    color: ${colors.basic.black};\n    display: flex;\n    font-family: 'Quicksand';\n    font-weight: 400px;\n    font-size: 18px;\n    width: 100%;\n    align-self: flex-start;\n    margin-bottom: ${(props) => (props.marginBottom || '20px')};\n    @media (max-width: 1000px) {\n        font-size: 12px;\n        line-height: 15px;\n        text-align: justify;\n    }\n`;\n\nexport const ContainerLink = styled.div`\n    display: flex;\n    flex-direction: column;\n    color: ${colors.basic.black};\n    font-family: 'Quicksand';\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 22px;\n    width: 90%;\n    margin-left: 11%;\n    margin-top: 60px;\n    @media (max-width: 1000px) {\n        margin-top: 40px;\n        margin-left: 11%;\n        font-size: 12px;\n        line-height: 15px;\n    }\n`;\n\nexport const TextLink = styled.text`\n    color: ${colors.basic.black};\n    font-family: 'Quicksand';\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 22px;\n    margin-top: 20px;\n    @media (max-width: 1000px) {\n        font-size: 12px;\n        line-height: 15px;\n    }\n`;\n\nexport const TextLinkTwo = styled.text`\n    color: ${colors.basic.black};\n    font-family: 'Quicksand';\n    font-weight: 400;\n    font-size: 18px;\n    line-height: 22px;\n    margin-top: 15px;\n    margin-bottom: 69px;\n    @media (max-width: 1000px) {\n        font-size: 12px;\n        line-height: 15px;\n    }\n`;\n","export default __webpack_public_path__ + \"static/media/ImagePC.daebc01b.png\";","import axios from 'axios';\n\nconst isDevelopment = window.location.hostname.includes('localhost') || window.location.hostname.includes('development') ? 'development' : null;\nconst isStaging = window.location.hostname.includes('staging') ? 'staging' : null;\nconst isMaster = window.location.hostname.includes('master') ? 'master' : null;\nconst environment = isDevelopment || isStaging || isMaster;\n\nconst baseURL = environment ? `https://${environment}.dotcodingapi.dotcoding.com.br` : 'https://api.dotcoding.com.br';\nconst api = axios.create({\n    baseURL,\n});\n\nexport default api;\n","import { AxiosResponse } from 'axios';\nimport api from './api';\n\nasync function getAllPortfolio(): Promise<AxiosResponse> {\n    return api\n        .get('/website/portfolio')\n        .then((response) => response.data)\n        .catch((error) => error);\n}\n\nexport {\n    getAllPortfolio,\n};\n","/* eslint-disable camelcase */\n// libraries\nimport React, { useState, useEffect } from 'react';\nimport { ToastContainer } from 'react-toastify';\nimport { BsArrowRightShort } from 'react-icons/bs';\n\n// js\nimport {\n    Container,\n    Header,\n    TitleHeader,\n    ContainerContent,\n    DeskImage,\n    ContentText,\n    Text,\n    TextInfo,\n    ContainerAdvertising,\n    ContainerText,\n    TextData,\n    ImageAdvertising,\n    ContainerCards,\n    ImageProp,\n    ContainerNull,\n    ContainerNews,\n    TextCard,\n    CardText,\n    CellImage,\n    ContainerPro,\n    ContainerSec,\n    ContainerAbrasing,\n    ContainerDescriptions,\n    Advertisements,\n    ContainerLink,\n    TextLink,\n    TextLinkTwo,\n    ShadowCard,\n    TextShadowCard,\n    ShadowAreaText,\n} from './portfolioStyles';\n\n// Images\nimport ImagePC from '../../assets/images/ImagePC.png';\nimport SiteProMyPet from '../../assets/images/SiteProMyPet.png';\nimport CellProMyPet from '../../assets/images/CellPromypet.png';\nimport CellsProMyPet from '../../assets/images/CellsPromypet.png';\n\n// components\nimport Menu from '../../components/Menu/MenuComponent';\nimport Footer from '../../components/Footer/FooterComponent';\n\nimport Apps, { IResult } from './portfolioConstants';\n\n// services\nimport { getAllPortfolio } from '../../services/portifolio';\n\n// interfaces\ninterface PortfolioProps {\n    id: number;\n    name: string;\n    cover: string;\n    text: string;\n    secondary_text: string;\n    link_android: string;\n    link_ios: string;\n    link_web: string;\n    attachment: Array<string>;\n}\n\nconst PortfolioPage: React.FC = () => {\n    // useState\n    const [appActual, setAppActual] = useState<PortfolioProps>();\n    const [idAppActual, setIdAppActual] = useState<number | null>();\n    const [nameAppActual, setnameAppActual] = useState('');\n    const [apps, setApps] = useState<PortfolioProps[]>([] as PortfolioProps[]);\n\n    // renders\n    const renderDescriptions = (e: Array<string>) => e.map((v: string, i: number) => {\n        if (!i) {\n            return (\n                <ContainerDescriptions>\n                    <TextCard key={v} marginBottom=\"0px\">\n                        {`${v.split(':')[0]}:`}\n                    </TextCard>\n                    <TextCard key={v} marginBottom=\"0px\">\n                        {`${v.split(':')[1]};`}\n                    </TextCard>\n                </ContainerDescriptions>\n            );\n        }\n        return (\n            <ContainerDescriptions>\n                <TextCard key={v} marginBottom=\"0px\">\n                    {e.length - 1 === i ? v : `${v};`}\n                </TextCard>\n            </ContainerDescriptions>\n        );\n    });\n\n    function imageTask() {\n        if (apps) {\n            return apps.map((value) => {\n                const tradeFrame = () => {\n                    setAppActual(value);\n                    window.scrollTo({ top: 0, behavior: 'smooth' });\n                };\n                const onEnterApp = () => {\n                    setIdAppActual(value.id);\n                    setnameAppActual(value.name);\n                };\n                const onLeaveApp = () => {\n                    setIdAppActual(null);\n                };\n                return (\n                    <Advertisements\n                        onMouseEnter={onEnterApp}\n                        onMouseLeave={onLeaveApp}\n                    >\n                        <ImageAdvertising\n                            src={value.cover}\n                            key={value.id}\n                            onClick={tradeFrame}\n                        />\n                        {idAppActual === value.id ? (\n                            <ShadowCard onClick={tradeFrame}>\n                                <ShadowAreaText>\n                                    <TextShadowCard>\n                                        {nameAppActual}\n                                    </TextShadowCard>\n                                    <BsArrowRightShort\n                                        size={32}\n                                        color=\"white\"\n                                    />\n                                </ShadowAreaText>\n                            </ShadowCard>\n                        ) : null}\n                    </Advertisements>\n                );\n            });\n        }\n        return null;\n    }\n\n    // function taskText() {\n    // if (appActual) {\n    //     return appActual.text.map((v: string) => (\n    //         <CardText key={v}>{v}</CardText>\n    //     ));\n    // }\n    // return null;\n    // }\n\n    function uniqueTexts() {\n        if (appActual) {\n            return (\n                <>\n                    <ContainerText>\n                        <TextData>{nameAppActual}</TextData>\n                    </ContainerText>\n                    <ContainerNull>\n                        <ContainerCards>\n                            <ImageProp src={appActual.cover} />\n                        </ContainerCards>\n                    </ContainerNull>\n                    {/* <ContainerNews>{taskText()}</ContainerNews> */}\n                    <ContainerAbrasing>\n                        <ContainerPro>\n                            <CellImage src={appActual.attachment[0]} />\n                            <CellImage src={appActual.attachment[1]} />\n                        </ContainerPro>\n                        <ContainerSec>\n                            {renderDescriptions(\n                                appActual.text.split(';'),\n                            )}\n                        </ContainerSec>\n                        <ContainerSec>\n                            {renderDescriptions(\n                                appActual.secondary_text.split(';'),\n                            )}\n                        </ContainerSec>\n                        <ContainerLink>\n                            Acesse pelos links:\n                            <TextLink>\n                                Android:\n                                {' '}\n                                {appActual.link_android}\n                            </TextLink>\n                            <TextLinkTwo>\n                                iOS:\n                                {' '}\n                                {appActual.link_ios}\n                            </TextLinkTwo>\n                        </ContainerLink>\n                    </ContainerAbrasing>\n                </>\n            );\n        }\n        return (\n            <>\n                <ContainerContent>\n                    <DeskImage src={ImagePC} />\n                    <ContentText>\n                        <Text>Portfólio de aplicativos e plataformas</Text>\n                        <TextInfo>\n                            Portfólio de aplicativos e sites responsivos,\n                            disponiveis para Android, iOS e Web, feitos para\n                            impulsionar seu negócio. Confira abaixo alguns\n                            projetos desenvolvidos pela nossa equipe.\n                        </TextInfo>\n                    </ContentText>\n                </ContainerContent>\n                <ContainerText>\n                    <TextData>Conheça</TextData>\n                </ContainerText>\n                <ContainerAdvertising>{imageTask()}</ContainerAdvertising>\n            </>\n        );\n    }\n\n    // buscar todos os projetos do portfolio\n    async function getAllProjectPortfolio() {\n        getAllPortfolio().then((response: any) => {\n            setApps(response?.result?.list);\n        }).catch((error) => error);\n    }\n\n    useEffect(() => {\n        getAllProjectPortfolio();\n    }, []);\n\n    // main\n    return (\n        <Container>\n            <ToastContainer />\n            <Header>\n                <Menu />\n                <TitleHeader>Portfólio</TitleHeader>\n            </Header>\n            {uniqueTexts()}\n            <Footer />\n        </Container>\n    );\n};\nexport default PortfolioPage;\n","import styled from 'styled-components';\n\n// js\nimport colors from '../../styles/colors';\nimport consts from '../../utils/consts';\n\n// styles - home\nexport const Home = styled.div`\n    min-height: 100vh;\n    min-width: 100vw;\n\n    overflow-x: hidden;\n`;\n\n// styles - header\nexport const Header = styled.div`\n    width: 100vw;\n    height: 50vh;\n    background-color: ${colors.theme.purpleDark};\n`;\n\nexport const TitleArea = styled.div`\n    display: flex;\n    height: 50%;\n    align-items: center;\n    justify-content: center;\n`;\n\nexport const TitleHeader = styled.h1`\n    text-align: center;\n    font-size: 64px;\n    padding: 10px;\n    font-weight: ${consts.getFontWeight('Lato-Bold')};\n\n    @media(max-width: 600px){\n        font-size: 38px;\n    }\n`;\n\n// styles - body\nexport const Body = styled.div`\n    background-color: ${colors.theme.backgroundWhite};\n    width: 100vw;\n    height: 60vh;\n    display: flex;\n    flex-direction: row;\n    justify-content: space-between;\n\n    /* media query */\n    @media(max-width: 1100px){\n        background-color: ${colors.theme.purpleDark};\n        flex-direction: column-reverse;\n        align-items: flex-start;\n    }\n`;\n\nexport const CreativeTeam = styled.img`\n    height: 60vh;\n    /* media query */\n    @media(max-width: 1100px){\n        height: 40vh;\n}\n`;\n\nexport const Freepik = styled.img`\n    position: absolute;\n    height: 80%;\n    width: 800px;\n    bottom: 0;\n    right: 0px;\n\n    /* media query */\n    @media (max-width: 1400px) {\n        width: 600px;\n    }\n    @media(max-width: 1100px){\n        display: none;\n    }\n`;\n// styles - time\nexport const Time = styled.div`\n    display: none;\n    margin-bottom: 8vh;\n\n    /* media query */\n    @media(max-width: 1400px){\n        width: 520px;\n        bottom: 20vh;\n    }\n\n    @media(max-width: 1200px){\n        width: 420px;\n        bottom: 15vh;\n    }\n\n    @media(max-width: 1100px){\n        position: static;\n        width: 100vw;\n        display: block;\n    }\n`;\n\nexport const TimeText = styled.h2`\n    color: ${colors.basic.black};\n    font-weight: ${consts.getFontWeight('Lato-Bold')};\n    font-size: 38px;\n    text-align: center;\n\n    /* media query */\n    @media(max-width: 1400px){\n        font-size: 36px;\n    }\n\n    @media(max-width: 1200px){\n        font-size: 32px;\n    }\n\n    @media(max-width: 1100px){\n        color: ${colors.basic.white};\n        font-size: 28px;\n    }\n\n    @media(max-width: 568px){\n        font-size: 24px;\n        margin-top: 30px;\n    }\n`;\n\nexport const TimeSubtext = styled.h2`\n    color: ${colors.basic.black};\n    font-weight: ${consts.getFontWeight('Lato-Regular')};\n    font-size: 28px;\n    padding: 10px 40px 0px 80px;\n    text-align: center;\n\n    /* media query */\n    @media(max-width: 1400px){\n        font-size: 26px;\n    }\n\n    @media(max-width: 1200px){\n        padding: 10px 40px 0px 60px;\n        font-size: 24px;\n    }\n\n    @media(max-width: 1100px){\n        color: ${colors.basic.white};\n        font-size: 20px;\n    }\n`;\n\n// styles - containerdevs\nexport const ContainerDevs = styled.div`\n    min-height: 100vh;\n    min-width: 100vw;\n    background-color: ${colors.theme.backgroundWhite};\n\n    display: grid;\n    grid-template-columns: 3fr 3fr;\n\n\n    /* media query */\n    @media(max-width: 1200px){\n        flex-direction: column;\n        display: flex;\n    }\n\n    @media(max-width: 1024px){\n        flex-direction: column;\n        display: flex;\n    }\n`;\n\nexport const Ceo = styled.div`\n    text-align: center;\n    padding: 2vh;\n\n    grid-column-start: 1;\n    grid-column-end: 3;\n`;\n\nexport const ImageCeo = styled.img`\n    height: 26vh;\n    height: 26vh;\n    border-radius: 50%;\n`;\n\nexport const Devs = styled.div`\n    display: flex;\n    flex-wrap: wrap;\n    align-items: center;\n    justify-content: center;\n    text-align: center;\n\n    grid-column-start: 1;\n    grid-column-end: 3;\n\n\n    /* media query */\n    @media(max-width: 1024px){\n        flex-direction: column;\n    }\n`;\n\nexport const DivImage = styled.div`\n    flex-direction: column;\n    margin: 6vh;\n`;\n\nexport const ContainerTexts = styled.div`\n    text-align: center;\n    color: ${colors.basic.black};\n`;\n\nexport const CardSubtitulo = styled.h3`\n    font-weight: ${consts.getFontWeight('Lato-Regular')};\n    padding: 2vh;\n    font-style: italic;\n`;\n\nexport const Container = styled.div``;\nexport const ImageLine = styled.img``;\nexport const CardText = styled.div``;\nexport const CardTitulo = styled.h2``;\n","export default __webpack_public_path__ + \"static/media/timefreepik.e398468b.png\";","export default __webpack_public_path__ + \"static/media/creativeteam.2c5b5fc9.png\";","export default __webpack_public_path__ + \"static/media/adler.291b08bb.png\";","export default __webpack_public_path__ + \"static/media/diego.f814e97f.png\";","export default __webpack_public_path__ + \"static/media/samuel.8fa86eb4.png\";","export default __webpack_public_path__ + \"static/media/saulo.8a6c28ef.png\";","/* eslint-disable max-len */\n// libraries\nimport React from 'react';\n\n// js\nimport {\n    Container,\n    Body,\n    TitleHeader,\n    Header,\n    Freepik,\n    CreativeTeam,\n    ImageCeo,\n    ContainerDevs,\n    Devs,\n    CardText,\n    ContainerTexts,\n    CardTitulo,\n    CardSubtitulo,\n    DivImage,\n    ImageLine,\n    Time,\n    TimeText,\n    TimeSubtext,\n    Home,\n    TitleArea,\n\n} from './teamStyles';\n\n// Images\nimport timefreepik from '../../assets/images/timefreepik.png';\nimport creativeteam from '../../assets/images/creativeteam.png';\nimport adler from '../../assets/images/adler.png';\nimport diego from '../../assets/images/diego.png';\nimport samuel from '../../assets/images/samuel.png';\nimport saulo from '../../assets/images/saulo.png';\nimport line from '../../assets/images/line.png';\n\n// components\nimport Menu from '../../components/Menu/MenuComponent';\nimport Footer from '../../components/Footer/FooterComponent';\n\n// js\nconst TeamPage: React.FC = () => {\n    // renders\n    function renderCardText(title: string, subtitle: string) {\n        return (\n            <CardText>\n                <ContainerTexts>\n                    <CardTitulo>{title}</CardTitulo>\n                    <CardSubtitulo>{subtitle}</CardSubtitulo>\n                </ContainerTexts>\n            </CardText>\n        );\n    }\n    function renderCard(src: string, title: string, subtitle: string) {\n        return (\n            <DivImage>\n                <ImageCeo src={src} />\n                {renderCardText(title, subtitle)}\n                <ImageLine src={line} />\n            </DivImage>\n        );\n    }\n\n    // main\n    return (\n        <Home>\n            <Container>\n                <Header>\n                    <Menu />\n                    <TitleArea>\n                        <TitleHeader>Nossa equipe</TitleHeader>\n                    </TitleArea>\n                </Header>\n                <Body>\n                    <CreativeTeam src={creativeteam} />\n                    <Freepik src={timefreepik} />\n                    <Time>\n                        <TimeText>\n                            Conheça o time Dotcoding\n                        </TimeText>\n                        <TimeSubtext>\n                            Nossa equipe é formada por profissionais qualificados e comprometidos com a excelência na execução das atividades com o foco em atender as necessidades dos clientes e garantir a qualidade dos serviços prestados.\n                        </TimeSubtext>\n                    </Time>\n                </Body>\n            </Container>\n            <ContainerDevs>\n                <Devs>\n                    {renderCard(saulo, 'Saulo Ferreira', 'Founding Executive Director')}\n                    {renderCard(samuel, 'Samuel Ferreira', 'Mobile Developer')}\n                    {renderCard(diego, 'Diego Cavalcante', 'Mobile Developer')}\n                    {renderCard(adler, 'Adler Vinicius', 'Front-End Developer')}\n                </Devs>\n            </ContainerDevs>\n            <Footer />\n        </Home>\n    );\n};\n\nexport default TeamPage;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAPoAAAADCAYAAAC6cRLsAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAvSURBVHgB7dMBDQAgDAPBLhjDGUM5dDaav+TroCXpuBaAVF2eJwDRlpuzbwFIdT+CDANGaTyk0AAAAABJRU5ErkJggg==\"","// libraries\nimport styled from 'styled-components';\n\n// js\nimport colors from '../../styles/colors';\nimport consts from '../../utils/consts';\n\nexport const Container = styled.div`\n    max-height: 100vh;\n    max-width: 100vw;\n`;\n\nexport const Header = styled.div`\n    background-color: ${colors.theme.purpleDark};\n    height: 298px;\n    width: 100vw;\n    display: flex;\n    flex-direction: column;\n\n    /* media query */\n    @media (max-width: 620px) {\n        height: 30vh;\n    }\n`;\n\nexport const TitleHeader = styled.h1`\n    display: flex;\n    align-items: center;\n    height: 100%;\n    justify-content: center;\n    margin-bottom: 30px;\n    font-weight: 700;\n    font-size: 40px;\n    line-height: 50px;\n\n    /* media query */\n    @media (max-width: 620px) {\n        font-size: 40px;\n        padding: 0px;\n    }\n`;\n\nexport const Body = styled.div`\n    max-width: 100vw;\n\n    /* media query */\n    @media (max-width: 1024px) {\n        align-items: center;\n        display: flex;\n        flex-direction: column-reverse;\n        justify-content: center;\n    };\n`;\n\nexport const FormArea = styled.form`\n    display: flex;\n    flex: 1;\n    flex-direction: column;\n    padding: 50px;\n\n    @media (max-width: 1024px) {\n        margin-bottom: 0px;\n        margin-left: 0px;\n        padding: 0px;\n        display: flex;\n        flex-direction: column;\n    }\n`;\n\nexport const TitleForm = styled.h1`\n    color: ${colors.basic.black};\n    font-style: normal;\n    font-weight: 700;\n    font-size: 20px;\n    line-height: 25px;\n    padding: 10px 0px;\n\n    /* media query */\n    @media (max-width: 1024px) {\n        font-size: 25px;\n        padding-top: 30px;\n    }\n`;\n\nexport const InputForm = styled.input`\n    background-color: ${colors.theme.backgroundWhite};\n    border: 0px;\n    color: ${colors.basic.mediumGray};\n    flex: 1;\n    width: 249px;\n    height: 40px;\n    margin-top: 20px;\n    margin-right: 40px;\n    padding: 15px;\n    border-radius: 5px;\n\n    @media (max-width: 1024px) {\n        background-color: ${colors.theme.backgroundWhite};\n        border: 0px;\n        color: ${colors.basic.mediumGray};\n        width: 100%;\n        height: 40px;\n        margin-top: 20px;\n        padding: 15px;\n        border-radius: 5px;\n    }\n`;\n\nexport const GroupInputArea = styled.div`\n    display: flex;\n    flex: 1;\n    flex-direction: row;\n\n    @media (max-width: 1024px) {\n        width: 100%;\n        flex-direction: column;\n    }\n`;\n\nexport const SelectArea = styled.select`\n    background-color: ${colors.theme.backgroundWhite};\n    border: 0px;\n    color: ${colors.basic.mediumGray};\n    flex: 1;\n    margin-top: 20px;\n    margin-bottom: 30px;\n    margin-right: 40px;\n    padding: 10px;\n    width: 249px;\n    height: 40px;\n    border-radius: 5px;\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n\n    @media (max-width: 1024px) {\n        height: 40px;\n        margin-bottom: 0px;\n        margin-right: 40px;\n        width: 100%;\n    }\n`;\n\nexport const SelectOption = styled.option`\n    color: ${colors.basic.mediumGray};\n    font-style: normal;\n    font-weight: 400;\n    line-height: 20px;\n`;\n\nexport const ProfessionalArea = styled.div`\n    width: 50vw;\n\n    @media (max-width: 1024px) {\n        width: 90vw;\n    }\n`;\n\nexport const ProfessionalInput = styled.input`\n    background-color: ${colors.theme.backgroundWhite};\n    border: 0px;\n    color: ${colors.basic.mediumGray};\n    width: 100%;\n    height: 40px;\n    margin-bottom: 20px;\n    border-radius: 5px;\n    margin-top: 50px;\n    margin-right: 40px;\n    padding: 15px;\n\n    @media (max-width: 1024px) {\n        margin-right: 0px;\n        margin-top: 10px;\n    }\n`;\n\nexport const CheckboxArea = styled.div`\n    display: flex;\n    flex-direction: row;\n\n    /* media query */\n    @media (max-width: 600px) {\n        display: flex;\n        flex-direction: column;\n    }\n`;\n\nexport const Title = styled.h1`\n    color: ${colors.basic.mediumGray};\n    margin-bottom: 30px;\n    margin-top: 50px;\n    font-style: normal;\n    font-weight: 400;\n    font-size: 16px;\n    line-height: 20px;\n\n    @media (max-width: 1024px) {\n        margin-bottom: 20px;\n        margin-top: 20px;\n    }\n`;\n\nexport const CheckboxOptions = styled.div`\n    display: flex;\n    flex-direction: row;\n    flex: 1;\n    margin-bottom: 15px;\n`;\n\nexport const Checkbox = styled.input`\n    height: 20px;\n    width: 20px;\n`;\n\nexport const CheckboxTitle = styled.label`\n    color: ${colors.basic.black};\n    flex: 1;\n    margin-left: 10px;\n\n    :after {\n        content: \"\";\n  position: absolute;\n  display: none;\n  left: 9px;\n  top: 5px;\n  width: 5px;\n  height: 10px;\n  border: solid white;\n  border-width: 0 3px 3px 0;\n  -webkit-transform: rotate(45deg);\n  -ms-transform: rotate(45deg);\n  transform: rotate(45deg);\n    }\n`;\n\nexport const InputTextArea = styled.textarea`\n    background-color: ${colors.theme.backgroundWhite};\n    border: none;\n    font-family: ${consts.fontFamily};\n    margin-right: 40px;\n    margin-top: 30px;\n    height: 200px;\n    padding: 15px;\n    resize: none;\n\n    @media (max-width: 1024px) {\n        margin-right: 0px;\n    };\n`;\n\nexport const ButtonArea = styled.div`\n    display: flex;\n    flex-direction: row;\n    justify-content: flex-end;\n    margin-top: 30px;\n    margin-bottom: 10px;\n`;\n\nexport const InformationText = styled.text`\n    color: ${colors.basic.black};\n    margin-top: 10px;\n    font-size: 12px;\n\n    /* media query */\n    @media (max-width: 1024px) {\n        /* font-size: 14px; */\n    };\n`;\n\nexport const SendButton = styled.button`\n    align-items: center;\n    background-color: ${colors.theme.purpleDark};\n    border-radius: 5px;\n    display: flex;\n    font-weight: 700;\n    justify-content: center;\n    align-items: center;\n    margin-right: 30px;\n    width: 178px;\n    height: 50px;\n    cursor: pointer;\n\n    /* media query */\n    @media (max-width: 1024px) {\n        margin: 0px;\n        height: 40px;\n        width: 120px;\n    }\n`;\n\nexport const SendButtonText = styled.text`\n    color: ${colors.basic.white};\n`;\n\nexport const InputFormName = styled.input`\n    background-color: ${colors.theme.backgroundWhite};\n    border: 0px;\n    color: ${colors.basic.mediumGray};\n    flex: 1;\n    height: 40px;\n    margin-top: 20px;\n    margin-right: 40px;\n    padding: 15px;\n    border-radius: 5px;\n\n    /* media query */\n    @media (max-width: 1024px) {\n        width: 100%;\n    }\n`;\n\nexport const SpanCheckBox = styled.label`\n    position: absolute;\n    top: 0;\n    left: 0;\n    height: 25px;\n    width: 25px;\n    background-color: #eee;\n    border-radius: 2px;\n`;\n","/* eslint-disable react/button-has-type */\n// libraries\nimport React, { useCallback, useState } from 'react';\nimport axios from 'axios';\nimport { BallTriangle } from 'react-loader-spinner';\nimport { ToastContainer, toast } from 'react-toastify';\n\n// js\nimport {\n    Container,\n    Header,\n    TitleHeader,\n    Body,\n    FormArea,\n    TitleForm,\n    InputForm,\n    GroupInputArea,\n    SelectArea,\n    SelectOption,\n    ProfessionalArea,\n    ProfessionalInput,\n    CheckboxArea,\n    Title,\n    CheckboxOptions,\n    Checkbox,\n    CheckboxTitle,\n    InputTextArea,\n    ButtonArea,\n    InformationText,\n    SendButton,\n    InputFormName,\n    SendButtonText,\n} from './workStyles';\nimport baseUrl from '../../constants/baseUrl';\nimport colors from '../../styles/colors';\n\n// components\nimport Menu from '../../components/Menu/MenuComponent';\nimport Footer from '../../components/Footer/FooterComponent';\n// interface\ninterface FormCandidateInterface {\n    name: string,\n    cpf: string,\n    birthDate: string,\n    gender: string,\n    maritalStatus: string,\n    jobOccupation: string[],\n    availableTime: string,\n    email: string,\n    telephone: string,\n    about: string,\n}\n\nconst WorkPage: React.FC = () => {\n    // consts\n    const initialFormCandidate: FormCandidateInterface = {\n        name: '',\n        cpf: '',\n        birthDate: '',\n        gender: '',\n        maritalStatus: '',\n        jobOccupation: [],\n        availableTime: '',\n        email: '',\n        telephone: '',\n        about: '',\n    };\n\n    // state\n    const [formCandidate, setFormCandidate] = useState(initialFormCandidate);\n    const [lodingItem, setLodingItem] = useState(false);\n\n    // methods\n    function onChangeForm(e: React.ChangeEvent<\n        HTMLInputElement |\n        HTMLSelectElement |\n        HTMLTextAreaElement\n    >) {\n        const keyChanged = e.target.id;\n        const valueChanged = e.target.value;\n        const newFormCandidate = {\n            ...formCandidate,\n            [keyChanged]: valueChanged,\n        };\n        setFormCandidate(newFormCandidate);\n    }\n\n    async function onSendForm(e: React.FormEvent<HTMLFormElement>) {\n        e.preventDefault();\n        setLodingItem(true);\n        const sendFormCandidate = formCandidate;\n        const configRequest = {\n            headers: {\n                'Content-Type': 'application/json',\n            },\n        };\n        axios.post(`${baseUrl}/website/resumes`, sendFormCandidate, configRequest)\n            .then(() => {\n                toast.success('Currículo enviado com sucesso!');\n                setLodingItem(false);\n                setFormCandidate(initialFormCandidate);\n            })\n            .catch((err) => {\n                toast.error(err.response.data.message);\n                setLodingItem(false);\n            });\n    }\n\n    const formatCpf = useCallback((e: React.FormEvent<HTMLInputElement>) => {\n        e.currentTarget.maxLength = 14;\n        let { value } = e.currentTarget;\n        if (!value.match(/^(\\d{3}).(\\d{3}).(\\d{3})-(\\d{2})$/)) {\n            value = value.replace(/\\D/g, '');\n            value = value.replace(/(\\d{3})(\\d)/, '$1.$2');\n            value = value.replace(/(\\d{3})(\\d)/, '$1.$2');\n            value = value.replace(/(\\d{3})(\\d)/, '$1-$2');\n\n            e.currentTarget.value = value;\n        }\n    }, []);\n\n    const formatDate = useCallback((e: React.FormEvent<HTMLInputElement>) => {\n        e.currentTarget.maxLength = 10;\n        let { value } = e.currentTarget;\n        value = value.replace(/\\D/g, '');\n        value = value.replace(/(\\d{2})(\\d)/, '$1/$2');\n        value = value.replace(/(\\d{2})(\\d)/, '$1/$2');\n\n        e.currentTarget.value = value;\n    }, []);\n\n    const formatTelephone = useCallback((e: React.FormEvent<HTMLInputElement>) => {\n        e.currentTarget.maxLength = 15;\n        let { value } = e.currentTarget;\n        value = value.replace(/\\D/g, '');\n        value = value.replace(/(\\d{2})(\\d)/, '($1) $2');\n        value = value.replace(/(\\d{5})(\\d)/, '$1-$2');\n\n        e.currentTarget.value = value;\n    }, []);\n\n    // renders\n    const Option = (\n        optionName: string,\n        placeholderOption: boolean,\n        value: string,\n    ) => (\n        <SelectOption\n            disabled={placeholderOption}\n            selected={placeholderOption}\n            value={value}\n        >\n            {optionName}\n        </SelectOption>\n    );\n\n    const CheckboxComponent = (title: string, value: string) => {\n        function onChangeBox() {\n            let jobOccupation = formCandidate?.jobOccupation || [];\n            const conditionForAddNewSkill = jobOccupation.includes(value);\n            if (conditionForAddNewSkill) {\n                jobOccupation = jobOccupation.filter((el) => el !== value);\n            } else {\n                jobOccupation.push(value);\n            }\n            const newFormCandidate = {\n                ...formCandidate,\n                jobOccupation,\n            };\n            setFormCandidate(newFormCandidate);\n        }\n\n        return (\n            <CheckboxOptions>\n                <Checkbox\n                    type=\"checkbox\"\n                    onChange={onChangeBox}\n                    checked={formCandidate.jobOccupation.includes(value)}\n                    value={value}\n                />\n                <CheckboxTitle>{title}</CheckboxTitle>\n            </CheckboxOptions>\n        );\n    };\n\n    return (\n        <Container>\n            <ToastContainer />\n            <Header>\n                <Menu />\n                <TitleHeader>Trabalhe conosco</TitleHeader>\n            </Header>\n            <Body>\n                <FormArea onSubmit={onSendForm}>\n                    <TitleForm>INFORMAÇÕES PESSOAIS</TitleForm>\n                    <InputFormName\n                        required\n                        placeholder=\"*Nome completo\"\n                        id=\"name\"\n                        value={formCandidate.name}\n                        onChange={onChangeForm}\n                        maxLength={250}\n                        type=\"text\"\n                    />\n                    <GroupInputArea>\n                        <InputForm\n                            placeholder=\"*CPF\"\n                            required\n                            id=\"cpf\"\n                            onKeyUp={formatCpf}\n                            value={formCandidate.cpf}\n                            onChange={onChangeForm}\n                        />\n                        <InputForm\n                            placeholder=\"*Data de nascimento\"\n                            required\n                            id=\"birthDate\"\n                            onKeyUp={formatDate}\n                            value={formCandidate.birthDate}\n                            onChange={onChangeForm}\n                        />\n                        <SelectArea\n                            required\n                            id=\"gender\"\n                            value={formCandidate.gender}\n                            onChange={onChangeForm}\n                        >\n                            {Option('*Sexo', true, '')}\n                            {Option('Masculino', false, 'masculine')}\n                            {Option('Feminino', false, 'feminine')}\n                            {Option('Outros', false, 'Outros')}\n                        </SelectArea>\n                        <SelectArea\n                            required\n                            id=\"maritalStatus\"\n                            value={formCandidate.maritalStatus}\n                            onChange={onChangeForm}\n                        >\n                            {Option('*Estado civil', true, '')}\n                            {Option('Solteiro', false, 'single')}\n                            {Option('Casado', false, 'married')}\n                            {Option('Separado', false, 'separate')}\n                        </SelectArea>\n                    </GroupInputArea>\n                    <ProfessionalArea>\n                        <TitleForm>INFORMAÇÕES PROFISSIONAIS</TitleForm>\n                        <Title>*Qual sua área de atuação?</Title>\n                        <CheckboxArea>\n                            {CheckboxComponent('Web', 'web')}\n                            {CheckboxComponent('Servidor', 'servidor')}\n                        </CheckboxArea>\n                        <CheckboxArea>\n                            {CheckboxComponent('Design', 'design')}\n                            {CheckboxComponent('QA', 'qa')}\n                        </CheckboxArea>\n                        <CheckboxArea>\n                            {CheckboxComponent('Mobile', 'mobile')}\n                        </CheckboxArea>\n                        <ProfessionalInput\n                            placeholder=\"*Disponibilidade de horário\"\n                            required\n                            id=\"availableTime\"\n                            value={formCandidate.availableTime}\n                            onChange={onChangeForm}\n                            maxLength={250}\n                        />\n                    </ProfessionalArea>\n                    <TitleForm>CONTATO</TitleForm>\n                    <GroupInputArea>\n                        <InputForm\n                            placeholder=\"*E-mail\"\n                            required\n                            id=\"email\"\n                            type=\"email\"\n                            value={formCandidate.email}\n                            onChange={onChangeForm}\n                        />\n                        <InputForm\n                            placeholder=\"*Telefone\"\n                            required\n                            id=\"telephone\"\n                            onKeyUp={formatTelephone}\n                            value={formCandidate.telephone}\n                            onChange={onChangeForm}\n                        />\n                    </GroupInputArea>\n                    <InputTextArea\n                        placeholder=\"Conte mais sobre você\"\n                        id=\"about\"\n                        value={formCandidate.about}\n                        onChange={onChangeForm}\n                        maxLength={1000}\n                    />\n                    <InformationText>*Campos obrigatórios</InformationText>\n                    <ButtonArea>\n                        <SendButton>\n                            { lodingItem ? <BallTriangle color={`${colors.theme.purpleLight}`} height={30} width={30} /> : (\n                                <SendButtonText>Enviar</SendButtonText>\n                            )}\n                        </SendButton>\n                    </ButtonArea>\n                </FormArea>\n            </Body>\n            <Footer />\n        </Container>\n    );\n};\n\nexport default WorkPage;\n","// libraries\nimport React from 'react';\nimport { Switch, Route } from 'react-router-dom';\n\n// pages\nimport HomePage from '../pages/Home/HomePage';\nimport TecnologiaPage from '../pages/Technology/TechnologyPage';\nimport ContactPage from '../pages/Contact/ContactPage';\nimport PortfolioPage from '../pages/Portfolio/PortfolioPage';\n\nimport TeamPage from '../pages/Team/TeamPage';\nimport WorkPage from '../pages/Work/WorkPage';\n\nconst Routes: React.FC = () => (\n    <Switch>\n        <Route path=\"/\" exact component={HomePage} />\n        <Route path=\"/portfolio\" exact component={PortfolioPage} />\n        <Route path=\"/technology\" component={TecnologiaPage} />\n        <Route path=\"/contact\" component={ContactPage} />\n        <Route path=\"/team\" component={TeamPage} />\n        <Route path=\"/work\" component={WorkPage} />\n    </Switch>\n);\n\nexport default Routes;\n","// libraries\nimport React from 'react';\nimport { BrowserRouter } from 'react-router-dom';\n\n// js\nimport GlobalStyle from './styles/global';\nimport Routes from './routes';\n\nconst App: React.FC = () => (\n    <>\n        <BrowserRouter>\n            <Routes />\n        </BrowserRouter>\n        <GlobalStyle />\n    </>\n);\n\nexport default App;\n","// libraries\nimport React from 'react';\nimport ReactDOM from 'react-dom';\n\n// js\nimport App from './App';\n\n// methods\nfunction renderElement() {\n    return (\n        <React.StrictMode>\n            <App />\n        </React.StrictMode>\n    );\n}\n\n// render\nReactDOM.render(renderElement(), document.getElementById('root'));\n"],"sourceRoot":""}