{"version":3,"file":"414754ac-a344af8aa672a52ac8b1.js","mappings":"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","sources":["webpack://jonni-landing/./src/styles/homePage.ts"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport backgroundLines from 'assets/backgroundLines.svg';\nimport sideArrow from 'assets/sideArrow.svg';\nimport { breakpoints, getMQ } from 'src/helpers';\nimport colors from 'src/styles/colors';\n\nexport const HomePageHeaderTitle = styled.h1`\n  font-size: 32px;\n  color: ${colors.darkBlue};\n  line-height: 38px;\n  z-index: 1;\n  white-space: pre-line;\n  margin: 0px;\n  max-width: 320px;\n  margin-bottom: 20px;\n\n  ${getMQ(breakpoints.m)} {\n    font-size: 50px;\n    max-width: 450px;\n    line-height: 56px;\n  }\n\n  ${getMQ(breakpoints.l)} {\n    margin-bottom: 30px;\n    max-width: 800px;\n  }\n\n  ${getMQ(breakpoints.xl)} {\n    font-size: 82px;\n    margin-bottom: 50px;\n    max-width: 600px;\n    line-height: 90px;\n  }\n\n  ${getMQ(breakpoints.xxl)} {\n    max-width: 700px;\n  }\n`;\n\nexport const HomePageHeaderDescription = styled.div`\n  font-size: 20px;\n  color: ${colors.lightBlueText};\n  line-height: 23.5px;\n  z-index: 1;\n  white-space: pre-line;\n  margin: 0px;\n  max-width: 360px;\n\n  ${getMQ(breakpoints.m)} {\n    max-width: 550px;\n    line-height: 32.31px;\n    font-size: 24px;\n  }\n\n  ${getMQ(breakpoints.l)} {\n    max-width: 860px;\n    font-size: 26px;\n  }\n\n  ${getMQ(breakpoints.xl)} {\n    max-width: 600px;\n  }\n\n  ${getMQ(breakpoints.xxl)} {\n    max-width: 860px;\n  }\n`;\n\nexport const GooglePlayIcon = styled.div`\n  height: 24px;\n  max-width: 80px;\n\n  ${getMQ(breakpoints.m)} {\n    height: 40px;\n    max-width: 150px;\n  }\n`;\n\nexport const HomePageHeaderWrapper = styled.div`\n  position: relative;\n  z-index: 2;\n  margin-top: -100px;\n  height: 974px;\n  overflow: hidden;\n  padding-top: 90px;\n  background: linear-gradient(180deg, #fff 15%, rgba(186, 209, 255, 0.45) 100%);\n  // background: gray;\n\n  ${getMQ(breakpoints.m)} {\n    // background: magenta;\n    height: 1025px;\n    padding: 90px 30px;\n  }\n\n  ${getMQ(breakpoints.l)} {\n    // background: lime;\n    height: 1014px;\n  }\n\n  ${getMQ(breakpoints.xl)} {\n    // background: red;\n    height: 831px;\n    padding: 90px 80px 0 70px;\n  }\n\n  ${getMQ(breakpoints.xxl)} {\n    // background: purple;\n    height: 884px;\n    padding: 90px 100px 0 130px;\n  }\n`;\n\nexport const HomePageHeaderContainer = styled.div`\n  align-items: center;\n  padding: 40px 33px;\n  position: relative;\n  justify-content: flex-start;\n  align-items: flex-start;\n  text-align: center;\n  z-index: 4;\n\n  ${getMQ(breakpoints.l)} {\n    padding: 70px 33px;\n  }\n\n  ${getMQ(breakpoints.xl)} {\n    text-align: right;\n    flex-direction: row;\n    justify-content: space-between;\n  }\n`;\n\nexport const HomePageHeaderContentContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n\n  ${getMQ(breakpoints.xl)} {\n    align-items: flex-start;\n  }\n\n  ${getMQ(breakpoints.xxl)} {\n    margin-top: 40px;\n  }\n`;\n\nexport const HomePageHeaderImageContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: space-between;\n  z-index: 2;\n`;\n\nexport const HomePageHeaderImage = styled.div`\n  position: relative;\n  height: 315px;\n  z-index: 12;\n  img {\n    width: 100%;\n    margin-bottom: -296px;\n  }\n  margin-top: 35px;\n\n  ${getMQ(breakpoints.s)} {\n    width: 110%;\n    max-width: 390px;\n    bottom: 0px;\n  }\n\n  ${getMQ(breakpoints.m)} {\n    max-width: unset;\n    width: 432px;\n    left: 0;\n    bottom: -10px;\n    margin-left: -20px;\n    img {\n      width: 100%;\n      margin-bottom: 0rem;\n    }\n  }\n\n  ${getMQ(breakpoints.l)} {\n    width: 461px;\n  }\n\n  ${getMQ(breakpoints.xl)} {\n    margin-top: 0px;\n    position: absolute;\n    bottom: 280px;\n    width: 555px;\n  }\n\n  ${getMQ(breakpoints.xxl)} {\n    position: absolute;\n    width: 600px;\n    bottom: 200px;\n  }\n`;\n\nexport const HomePageHeaderButtons = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  margin: 0px;\n  gap: 10px;\n  width: 100%;\n\n  ${getMQ(breakpoints.m)} {\n    flex-direction: row;\n    width: auto;\n  }\n\n  ${getMQ(breakpoints.xl)} {\n    height: 50px;\n    flex-direction: row;\n  }\n`;\n\nexport const MainPageContentWrapper = styled.div`\n  min-height: 600px;\n  position: relative;\n  transition: 0.25s ease-in-out;\n  width: 100%;\n  align-items: center;\n  display: flex;\n  overflow: hidden;\n  flex-direction: column;\n`;\n\nexport const ContentContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  padding: 100px 20px;\n  width: 100%;\n  z-index: 2;\n  position: relative;\n\n  ${getMQ(breakpoints.m)} {\n    padding: 80px 50px;\n  }\n\n  ${getMQ(breakpoints.l)} {\n    padding: 80px 100px;\n  }\n\n  ${getMQ(breakpoints.xl)} {\n    padding: 80px 100px;\n  }\n\n  ${getMQ(breakpoints.xxl)} {\n    padding: 128px 200px;\n  }\n`;\n\nconst appearKeyframe = keyframes`\n  from { opacity: 0; }\n  to   { opacity: 1; }\n`;\n\nexport const fadeInappearanceKeyframe = css`\n  animation: ${appearKeyframe} 1.7s ease;\n`;\n\nexport const bounceUpAnimation = css`\n  transition: all 700ms ease-out;\n  transform: translate3d(0px, -100px, 0px);\n`;\n\nexport const HomePageContentBlockTitle = styled.h2`\n  color: ${colors.darkBlue};\n  margin-bottom: 22px;\n  font-size: 34px;\n  font-weight: 500;\n\n  ${getMQ(breakpoints.m)} {\n    font-size: 38px;\n  }\n\n  ${getMQ(breakpoints.l)} {\n    font-size: 44px;\n  }\n\n  ${getMQ(breakpoints.xl)} {\n    font-size: 60px;\n  }\n`;\n\nexport const HomePageContentBlockText = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const HomePageContentBlockDescription = styled.div`\n  color: ${colors.lightBlueText};\n  font-weight: 400;\n  line-height: 180%;\n  font-size: 16px;\n  text-align: -webkit-center;\n\n  ${getMQ(breakpoints.m)} {\n    font-size: 20px;\n  }\n\n  ${getMQ(breakpoints.l)} {\n    text-align: start;\n  }\n\n  ${getMQ(breakpoints.xl)} {\n    font-size: 22px;\n  }\n`;\n\nexport const PhonesBlockDescriptionFooter = styled.div`\n  margin-top: 45px;\n  font-size: 16px;\n  line-height: 24px;\n  color: ${colors.primaryBackground};\n  font-weight: bold;\n  text-align: center;\n  max-width: 400px;\n\n  ${getMQ(breakpoints.m)} {\n    text-align: start;\n    max-width: 100%;\n  }\n\n  ${getMQ(breakpoints.l)} {\n    font-size: 20px;\n    line-height: 32px;\n  }\n`;\n\nexport const PhonesBlockContainer = styled.div`\n  display: flex;\n  flex-direction: column-reverse;\n  align-items: center;\n  justify-content: center;\n  padding: 100px 0px 50px 0px;\n  z-index: 2;\n  position: relative;\n`;\n\nexport const PhonesBlockImage = styled.div`\n  /* background: gray; */\n  width: 345px;\n\n  ${getMQ(breakpoints.m)} {\n    width: 400px;\n  }\n\n  ${getMQ(breakpoints.xl)} {\n    width: 500px;\n  }\n`;\n\nexport const PhonesBlockDownloadLinksWrapper = styled.div`\n  margin-bottom: 50px;\n  margin-top: 35px;\n`;\n\nexport const ContactUsTitle = styled.div`\n  font-weight: bold;\n  font-size: 40px;\n  color: ${colors.darkBlue};\n  text-align: center;\n  margin-bottom: 31px;\n`;\n\nexport const ContactUsDescription = styled.div`\n  font-weight: 400;\n  font-size: 20px;\n  line-height: 29px;\n  color: ${colors.lightBlueText};\n  text-align: center;\n`;\n\nexport const ContactUsContainer = styled.div`\n  padding: 20px;\n  width: 100%;\n  z-index: 2;\n  position: relative;\n\n  ${getMQ(breakpoints.m)} {\n    padding: 50px;\n  }\n\n  ${getMQ(breakpoints.xl)} {\n    padding: 50px 100px;\n  }\n\n  ${getMQ(breakpoints.xxl)} {\n    padding: 50px 250px;\n  }\n`;\n\nexport const ContactUsContent = styled.div`\n  display: flex;\n  flex-direction: column-reverse;\n  background: ${colors.white};\n  justify-content: center;\n  align-items: center;\n  border-radius: 24px;\n  padding: 40px 10px 0px 10px;\n\n  ${getMQ(breakpoints.l)} {\n    padding: 40px;\n    flex-direction: row;\n  }\n`;\n\nexport const ContactUsTextContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  width: 100%;\n  padding: 0px 30px;\n\n  ${getMQ(breakpoints.m)} {\n    padding: 0px;\n    width: 500px;\n  }\n\n  ${getMQ(breakpoints.l)} {\n    width: 426px;\n  }\n\n  ${getMQ(breakpoints.xl)} {\n    width: 620px;\n  }\n`;\n\nexport const ContactUsSignUpButtons = styled.div`\n  display: flex;\n  justify-content: center;\n  margin-top: 30px;\n  margin-bottom: 35px;\n\n  ${getMQ(breakpoints.l)} {\n    margin-bottom: 0px;\n  }\n`;\n\nexport const ContactUsJonniImage = styled.div`\n  width: 265px;\n  height: 330px;\n  margin-bottom: 5px;\n\n  ${getMQ(breakpoints.l)} {\n    margin-bottom: 0px;\n    margin-left: 80px;\n  }\n\n  ${getMQ(breakpoints.xl)} {\n    margin-left: 50px;\n    width: 278px\n    height: 347.1px\n  }\n\n  ${getMQ(breakpoints.xxl)} {\n   margin-left: 111px;\n   }\n`;\n\nexport const MainPageContentFooterWave = styled.div`\n  bottom: 0;\n  left: 0;\n  width: 100%;\n  overflow: hidden;\n  line-height: 0;\n  transform: rotate(180deg);\n\n  svg {\n    position: relative;\n    display: block;\n    width: calc(123% + 1.3px);\n    height: 58px;\n    transform: rotateY(180deg);\n  }\n`;\n\nexport const PhonesBlockContent = styled.div`\n  align-items: start;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nexport const PhonesBlockDescription = styled.div`\n  color: ${colors.lightBlueText};\n  font-size: 18px;\n  white-space: pre-line;\n  line-height: normal;\n  padding: 0px 20px;\n  text-align: center;\n  font-weight: 400;\n\n  ${getMQ(breakpoints.m)} {\n    font-size: 22px;\n    max-width: 700px;\n  }\n\n  ${getMQ(breakpoints.xl)} {\n    max-width: 900px;\n    padding: 0px;\n  }\n`;\n\nexport const PhonesBlockTitle = styled.div`\n  font-weight: 700;\n  color: ${colors.darkBlue};\n  font-size: 42px;\n  margin-bottom: 10px;\n\n  ${getMQ(breakpoints.m)} {\n    font-size: 56px;\n  }\n\n  ${getMQ(breakpoints.xl)} {\n    font-size: 72px;\n  }\n`;\n\nexport const PhonesBlockSideArrow = styled(sideArrow)`\n  width: 92%;\n  right: 0px;\n  display: block;\n  position: absolute;\n  margin-top: 340px;\n\n  ${getMQ(breakpoints.xl)} {\n    width: 1200px;\n  }\n\n  ${getMQ(breakpoints.xxl)} {\n    margin-top: 420px;\n    width: 1500px;\n  }\n`;\n\nexport const HomePageContentBlockContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  text-align: center;\n  margin-bottom: 80px;\n  justify-content: space-between;\n\n  ${getMQ(breakpoints.l)} {\n    text-align: right;\n    flex-direction: row;\n    margin-bottom: 123px;\n  }\n\n  &:last-child {\n    margin-bottom: 0px;\n  }\n`;\n\nexport const HomePageContentBlockIcon = styled.div`\n  min-width: 300px;\n  max-width: 300px;\n\n  ${getMQ(breakpoints.m)} {\n    min-width: 350px;\n    max-width: 350px;\n  }\n\n  ${getMQ(breakpoints.xl)} {\n    min-width: 420px;\n    max-width: 420px;\n  }\n`;\n\nexport const HomePageModalContainer = styled.div`\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  justify-content: center;\n  margin-top: 20px;\n\n  ${getMQ(breakpoints.l)} {\n    flex-direction: row;\n  }\n`;\n\nexport const HomePageModalImageContainer = styled.div`\n  img {\n    width: 222px;\n  }\n  margin: 0px;\n\n  ${getMQ(breakpoints.m)} {\n    margin: 0px 10px;\n  }\n`;\n\nexport const RecommendationsContainer = styled.div`\n  padding: 100px 10px;\n  width: 100%;\n  text-align: center;\n  text-align: -webkit-center;\n  position: relative;\n  z-index: 2;\n`;\n\nexport const RecommendationItemContainer = styled.div`\n  min-height: 277px;\n  max-height: 277px;\n  min-width: 330px;\n  max-width: 330px;\n  background: ${colors.white};\n  text-align: center;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  border-radius: 23px;\n  padding: 0px 15px;\n`;\n\nexport const RecommendationsTitle = styled.div`\n  font-size: 40px;\n  font-weight: 700;\n  color: ${colors.darkBlue};\n  margin-bottom: 69px;\n`;\n\nexport const RecommendationItemImage = styled.div`\n  width: 119px;\n  height: 119px;\n  border-radius: 119px;\n  margin-top: -100px;\n  border: 8px solid ${colors.lightGreen};\n  img {\n    border-radius: 100px;\n  }\n`;\n\nexport const RecommendationItemName = styled.div`\n  color: ${colors.primary};\n  font-size: 24px;\n  font-weight: 700;\n  margin-top: 25px;\n  margin-bottom: 2px;\n`;\n\nexport const RecommendationItemJob = styled.div`\n  color: ${colors.primary};\n  font-size: 16px;\n  margin-bottom: 16px;\n`;\n\nexport const RecommendationItemText = styled.div`\n  color: ${colors.darkBlue};\n  font-size: 16px;\n  height: 85px;\n`;\n\nexport const BackgroundLines = styled(backgroundLines)`\n  position: absolute;\n  margin-left: auto;\n  margin-right: auto;\n  left: 0;\n  right: 0;\n  top: 0;\n  text-align: center;\n  width: 100%;\n  height: 100%;\n  display: none;\n  z-index: 0;\n\n  ${getMQ(breakpoints.l)} {\n    display: flex;\n  }\n`;\n"],"names":["HomePageHeaderTitle","_styled","target","colors","darkBlue","getMQ","breakpoints","m","l","xl","xxl","HomePageHeaderDescription","lightBlueText","HomePageHeaderWrapper","HomePageHeaderContainer","HomePageHeaderContentContainer","HomePageHeaderImageContainer","name","styles","HomePageHeaderImage","s","HomePageHeaderButtons","ContentContainer","HomePageContentBlockTitle","keyframes","HomePageContentBlockText","HomePageContentBlockDescription","PhonesBlockContainer","primaryBackground","PhonesBlockImage","PhonesBlockDownloadLinksWrapper","ContactUsTitle","ContactUsDescription","ContactUsContainer","ContactUsContent","white","ContactUsTextContent","ContactUsSignUpButtons","ContactUsJonniImage","PhonesBlockContent","PhonesBlockDescription","PhonesBlockTitle","PhonesBlockSideArrow","sideArrow","HomePageContentBlockContainer","HomePageContentBlockIcon","RecommendationsContainer","RecommendationItemContainer","RecommendationsTitle","RecommendationItemImage","lightGreen","RecommendationItemName","primary","RecommendationItemJob","RecommendationItemText","BackgroundLines","backgroundLines"],"sourceRoot":""}