{"version":3,"file":"43fbba25-19f604781897bbe735d7.js","mappings":"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","sources":["webpack://jonni-landing/./src/styles/infoPages.ts"],"sourcesContent":["import styled from '@emotion/styled';\nimport { Accordion, AccordionSummary, Box, Theme } from '@mui/material';\nimport { styled as muiStyled } from '@mui/material/styles';\nimport brokenHeart from 'assets/brokenHeart.svg';\nimport checkIcon from 'assets/checkIcon.svg';\nimport contactUsPaperPlane from 'assets/contactUsPaperPlane.svg';\nimport expandIcon from 'assets/expandIcon.svg';\nimport facebookMessengerFilledBlue from 'assets/facebookMessengerFilledBlue.svg';\nimport handsShake from 'assets/handsShake.svg';\nimport ltdPlan from 'assets/ltdPlan.svg';\nimport murshePlan from 'assets/murshePlan.svg';\nimport paturPlan from 'assets/paturPlan.svg';\nimport whatsappFilledBlue from 'assets/whatsappFilledBlue.svg';\nimport { breakpoints, getMQ } from 'src/helpers';\nimport colors from 'src/styles/colors';\n\nexport const InfoPagesContentContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n`;\n\nexport const Paragraph = styled.div`\n  margin-top: 35px;\n  font-weight: 400;\n  color: #162154;\n  text-align: center;\n  white-space: pre-line;\n  font-size: 17px;\n\n  ${getMQ(breakpoints.l)} {\n    font-size: 20px;\n  }\n`;\n\nexport const InfoPagesHeaderTitle = styled.h1`\n  font-weight: 700;\n  font-size: 48px;\n  line-height: 70px;\n  color: ${colors.darkBlue};\n  text-align: center;\n`;\n\nexport const InfoPagesHeaderContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding: 99px 45px 20px 45px;\n  z-index: 2;\n  position: relative;\n`;\n\nexport const QuestionsPageContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  padding: 0px 30px;\n\n  ${getMQ(breakpoints.l)} {\n    padding: 0px 90px;\n  }\n\n  ${getMQ(breakpoints.xl)} {\n    padding: 0px 150px;\n  }\n`;\n\nexport const AccordionTitle = styled.h1`\n  font-size: 20px;\n  font-weight: 700;\n  color: ${colors.darkBlue};\n  margin: 10px 0px 10px 25px;\n\n  ${getMQ(breakpoints.l)} {\n    font-size: 24px;\n  }\n`;\n\nexport const AccordionParagraph = styled.div`\n  margin: 20px 0;\n  font-weight: 500;\n  color: #8a90a9;\n  white-space: pre-line;\n  font-size: 16px;\n\n  ${getMQ(breakpoints.l)} {\n    font-size: 20px;\n  }\n`;\n\nexport const StyledAccordionSummary = styled(AccordionSummary)(({ theme }: { theme?: Theme }) => ({\n  padding: '0px',\n  margin: '13px',\n  '& .MuiAccordionSummary-expandIconWrapper': {\n    color: colors.primary,\n  },\n}));\n\nexport const ExpandIconStyled = styled(expandIcon)`\n  fontsize: '35px';\n`;\n\nexport const StyledAccordion = muiStyled(Accordion)(({ theme }: { theme?: Theme }) => ({\n  border: '1px solid #DCDEE5',\n  borderRadius: '8px',\n  background: 'white',\n  marginBottom: '15px',\n  alignContent: 'center',\n  padding: '0px',\n\n  ...(theme?.breakpoints.up('lg') && {\n    padding: '0px 20px',\n  }),\n\n  '&:before': {\n    display: 'none',\n  },\n}));\n\nexport const ContactUsContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  align-self: center;\n  text-align: center;\n  padding: 80px 45px;\n  gap: 20px;\n\n  ${getMQ(breakpoints.l)} {\n    flex-direction: row;\n  }\n`;\n\nexport const ContactUsTitle = styled.h1`\n  font-weight: 700;\n  color: ${colors.primary};\n  margin: 0 15px;\n`;\n\nexport const ContactUsButton = styled.button`\n  padding: 11px 43px;\n  background: ${colors.primary};\n  opacity: ${(props) => (props.disabled ? 0.4 : 1)};\n  border-radius: 8px;\n  border: 0;\n  color: ${colors.white};\n  font-weight: bold;\n  font-size: 16px;\n  display: flex;\n  width: 180px;\n  height: 40px;\n  align-items: center;\n  justify-content: center;\n  cursor: ${(props) => (props.disabled ? 'not-allowed' : 'pointer')};\n  margin: auto;\n`;\n\nexport const FormTitle = muiStyled('h1')(({ theme }: { theme?: Theme }) => ({\n  fontWeight: 700,\n  fontSize: '24px',\n  lineHeight: '35px',\n  color: colors.darkBlue,\n  textAlign: 'start',\n  whiteSpace: 'pre-line',\n}));\n\nexport const SocialButtonsTitle = muiStyled(FormTitle)(({ theme }: { theme: Theme }) => ({\n  marginTop: '100px',\n\n  ...(theme.breakpoints.up('md') && {\n    marginTop: '0px',\n  }),\n}));\n\nexport const SocialButtons = styled.div`\n  display: flex;\n  flex-direction: row;\n\n  ${getMQ(breakpoints.l)} {\n    margin-top: 50px;\n  }\n`;\n\nexport const Divider = styled(Box)(({ theme }: { theme: Theme }) => ({\n  display: 'none',\n\n  ...(theme.breakpoints.up('md') && {\n    display: 'flex',\n    width: '1px',\n    background: '#e7e7e7',\n    margin: 'auto',\n    height: '456px',\n  }),\n}));\n\nexport const ContactUsPaperPlaneStyled = muiStyled(contactUsPaperPlane)(({ theme }: { theme: Theme }) => ({\n  width: '200px',\n  height: '150px',\n  float: 'left',\n  marginTop: '0px',\n\n  ...(theme.breakpoints.up('md') && {\n    marginTop: '230px',\n    width: '283px',\n    height: '150px',\n  }),\n\n  ...(theme.breakpoints.up('lg') && {\n    width: '383px',\n    height: '250px',\n  }),\n}));\n\nexport const WhatsappFilledBlueStyled = muiStyled(whatsappFilledBlue)(({ theme }: { theme?: Theme }) => ({\n  marginLeft: '16.5px',\n  display: 'flex',\n  '&:hover': {\n    opacity: 0.5,\n  },\n}));\n\nexport const FacebookMessengerFilledBlueStyled = muiStyled(facebookMessengerFilledBlue)(\n  ({ theme }: { theme?: Theme }) => ({\n    marginLeft: '16.5px',\n    display: 'flex',\n    '&:hover': {\n      opacity: 0.5,\n    },\n  }),\n);\n\nexport const AboutUsParagraphWrapper = styled.div`\n  display: flex;\n  flex-direction: column-reverse;\n  align-items: center;\n  margin: 50px 0px;\n  padding: 0px 20px;\n  align-items: flex-start;\n  width: 100%;\n\n  ${getMQ(breakpoints.l)} {\n    padding: 0px 100px;\n  }\n\n  ${getMQ(breakpoints.xl)} {\n    justify-content: space-around;\n    flex-direction: row;\n    padding: 0px;\n  }\n\n  ${getMQ(breakpoints.xxl)} {\n    padding: 0px 200px;\n  }\n`;\n\nexport const AboutUsParagraphContainer = styled.div`\n  position: relative;\n  width: 100%;\n\n  ${getMQ(breakpoints.xl)} {\n    width: 650px;\n  }\n\n  ${getMQ(breakpoints.xxl)} {\n    width: 800px;\n  }\n`;\n\nexport const AboutUsParagraphTitle = styled.div`\n  font-weight: 700;\n  font-size: 42px;\n  line-height: 62px;\n  color: ${colors.darkBlue};\n  margin-bottom: 20px;\n\n  ${getMQ(breakpoints.l)} {\n    font-size: 52px;\n  }\n`;\n\nexport const AboutUsParagraphText = styled.div`\n  font-size: 18px;\n  line-height: 26px;\n  color: #8a90a9;\n  text-align: start;\n\n  ${getMQ(breakpoints.l)} {\n    line-height: 32px;\n  }\n\n  ${getMQ(breakpoints.xl)} {\n    // width: 600px;\n  }\n\n  ${getMQ(breakpoints.xxl)} {\n    // width: 710px;\n  }\n`;\n\ntype AboutUsParagraphImageProps = {\n  svgImage?: boolean;\n};\n\nexport const AboutUsParagraphImage = styled.div<AboutUsParagraphImageProps>`\n  align-self: center;\n  width: 280px;\n  height: 280px;\n  margin-bottom: 35px;\n\n  img {\n    width: 280px;\n    height: 280px;\n  }\n\n  ${getMQ(breakpoints.m)} {\n    width: 317px;\n    height: 317px;\n\n    img {\n      width: 317px;\n      height: 317px;\n    }\n  }\n\n  ${getMQ(breakpoints.xl)} {\n    margin-bottom: 0px;\n    width: 380px;\n    height: 380px;\n\n    img {\n      width: 380px;\n      height: 380px;\n    }\n  }\n`;\n\nexport const AdjustmentQuestionnairePageWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  padding: 0px 30px;\n  width: 100%;\n\n  ${getMQ(breakpoints.l)} {\n    padding: 0px 165px;\n  }\n\n  ${getMQ(breakpoints.xl)} {\n    padding: 0px 333px;\n  }\n\n  ${getMQ(breakpoints.xxl)} {\n    padding: 0px 555px;\n  }\n`;\n\nexport const AdjustmentQuestionnaireContentContainer = styled.div`\n  width: 100%;\n  background: white;\n  align-items: center;\n  text-align: center;\n`;\n\nexport const StyledQuestionContainer = styled.div`\n  margin-bottom: 85px;\n`;\n\nexport const StyledQuestionTitle = styled.h3`\n  color: #162154;\n  margin-bottom: 16px;\n  font-size: 18px;\n  font-weight: 500;\n  line-height: 40px;\n  letter-spacing: 0px;\n  text-align: center;\n`;\n\nexport const MatchTitle = styled.div`\n  color: #162154;\n  margin-bottom: 16px;\n  letter-spacing: 0px;\n  text-align: center;\n  font-size: 32px;\n  font-weight: 700;\n  line-height: 47px;\n  letter-spacing: 0em;\n`;\n\nexport const MatchSubTitle = styled.div`\n  color: #162154;\n  margin-bottom: 16px;\n  letter-spacing: 0px;\n  text-align: center;\n  font-size: 24px;\n  font-weight: 400;\n  line-height: 35px;\n  letter-spacing: 0em;\n`;\n\nexport const MatchIcon = styled.div`\n  text-align: center;\n  margin-bottom: 15px;\n`;\n\nexport const MatchButtons = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n`;\n\nexport const HandsShakeStyled = styled(handsShake)`\n  width: 175px;\n  height: 175px;\n`;\n\nexport const BrokenHeartStyled = styled(brokenHeart)`\n  width: 175px;\n  height: 175px;\n`;\n\nexport const JooniFeaturesContainer = styled.div`\n  padding: 0px 20px;\n  display: flex;\n  text-align: center;\n  width: 100%;\n  align-self: center;\n  margin-bottom: 111px;\n\n  ${getMQ(breakpoints.m)} {\n    padding: 0px 90px;\n  }\n\n  ${getMQ(breakpoints.l)} {\n    padding: 0px 50px;\n  }\n\n  ${getMQ(breakpoints.xl)} {\n    width: 1800px;\n    padding: 0px 220px;\n  }\n`;\n\nexport const JooniFeature = styled.div`\n  flex-direction: column;\n  display: flex;\n  align-items: center;\n  text-align-last: center;\n  border: 2px solid #cedfff;\n  box-shadow: 0px 0px 30px rgba(217, 246, 255, 0.25);\n  border-radius: 16px;\n  margin: 0px 0px 56px 0px;\n  width: 100%;\n  height: auto;\n  padding: 20px;\n  background: #f8f9ff;\n\n  ${getMQ(breakpoints.l)} {\n    max-width: 620px;\n    flex-direction: row;\n    height: 150px;\n    text-align-last: start;\n  }\n`;\n\nexport const JooniFeatureImage = styled.div`\n  img {\n    margin: 0px;\n    margin-bottom: -20px;\n    max-width: 125px;\n    min-width: 125px;\n  }\n`;\n\nexport const JooniFeatureContent = styled.div`\n  flex-direction: column;\n  display: flex;\n  text-align: center;\n  font-size: 14px;\n  color: ${colors.black};\n\n  ${getMQ(breakpoints.m)} {\n    font-size: 16px;\n  }\n\n  ${getMQ(breakpoints.l)} {\n    text-align: right;\n  }\n`;\n\nexport const JooniFeatureItemTitle = styled.div`\n  font-weight: bold;\n  font-size: 20px;\n  margin-bottom: 5px;\n`;\n\nexport const JooniFeatureItemText = styled.div`\n  color: #8a90a9;\n`;\n\nexport const JooniFeaturesSubTitle = styled.div`\n  font-size: 20px;\n  line-height: 26px;\n  color: ${colors.darkBlue};\n  text-align: center;\n  margin: -25px 0px 50px 0px;\n  padding: 0px 70px;\n\n  ${getMQ(breakpoints.l)} {\n    font-size: 26px;\n  }\n`;\n\nexport const PageNotFoundImage = styled.div`\n  width: 355px;\n  background: white;\n  margin-top: -190px;\n  margin-bottom: 50px;\n  align-self: center;\n  padding-top: 60px;\n\n  ${getMQ(breakpoints.m)} {\n    margin-top: -190px;\n    width: 380px;\n  }\n\n  ${getMQ(breakpoints.l)} {\n    margin-top: -145px;\n    width: 555px;\n  }\n`;\n\nexport const PageNotFoundFooter = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  gap: 22px;\n  align-self: center;\n  font-weight: 400;\n  font-size: 28px;\n  line-height: 41px;\n  text-align: right;\n  color: ${colors.darkBlue};\n  margin-bottom: 60px;\n`;\n\nexport const PageNotFoundFooterTitle = styled.div`\n  font-weight: 700;\n  font-size: 28px;\n\n  ${getMQ(breakpoints.l)} {\n    font-size: 48px;\n  }\n`;\n\nexport const PageNotFoundFooterText = styled.div`\n  display: flex;\n  flex-direction: row;\n  font-size: 14px;\n  margin-top: -20px;\n\n  ${getMQ(breakpoints.l)} {\n    margin-top: 0px;\n    font-size: 28px;\n  }\n`;\n\nexport const PricacyAndTermsContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  margin-top: -40px;\n`;\n\nexport const PricacyAndTerms = styled.div`\n  border-radius: 10px;\n  background: ${colors.lightBackground};\n  margin: 4%;\n  padding: 20px;\n  text-align: start;\n\n  ${getMQ(breakpoints.xl)} {\n    padding: 40px 80px;\n    margin: 4% 14%;\n  }\n`;\n\nexport const InfoVideoButtonsContainer = styled.div`\n  display: flex;\n  flex-direction: row;\n  white-space: nowrap;\n  width: 88vw;\n  overflow-x: scroll;\n  overflow-y: hidden;\n  min-height: 155px;\n\n  ${getMQ(breakpoints.m)} {\n    min-height: 170px;\n    overflow-x: auto;\n    overflow-y: hidden;\n  }\n\n  ${getMQ(breakpoints.l)} {\n    justify-content: center;\n    margin-bottom: 0px;\n    overflow-x: auto;\n    overflow-y: hidden;\n    width: 100%;\n  }\n`;\n\nexport const InfoVideosContainer = styled.div`\n  display: flex;\n  justify-content: center;\n  flex-direction: column;\n  align-items: center;\n  height: 350px;\n\n  ${getMQ(breakpoints.m)} {\n    margin-top: 100px;\n    margin-bottom: 100px;\n  }\n\n  ${getMQ(breakpoints.l)} {\n    height: 750px;\n    margin-top: 0px;\n    margin-bottom: 0px;\n  }\n`;\n\ntype InfoVideoButtonProps = {\n  selected: boolean;\n};\n\nexport const InfoVideoButton = styled.button<InfoVideoButtonProps>`\n  background-color: transparent;\n  border: none;\n  padding: 0;\n  cursor: pointer;\n  opacity: ${(props) => (props.selected ? 1 : 0.7)};\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  &:hover {\n    opacity: 1;\n  }\n`;\n\nexport const InfoVideoImageContainer = styled.div`\n  width: 120px;\n  height: 65px;\n  margin: 0px 10px 10px 10px;\n\n  ${getMQ(breakpoints.m)} {\n    width: 169px;\n    height: 95px;\n  }\n`;\n\nexport const InfoVideoButtonTitle = styled.div`\n  font-size: 14px;\n  max-width: 111px;\n  white-space: pre-wrap;\n\n  ${getMQ(breakpoints.l)} {\n    font-size: 15px;\n  }\n`;\n\nexport const PlanItemTitle = styled.div`\n  color: #4357f2;\n  font-weight: bold;\n  font-size: 24px;\n`;\n\nexport const PlanItemPriceWrapper = styled(Box)(({ theme }: { theme?: Theme }) => ({\n  display: 'flex',\n  alignItems: 'baseline',\n  color: theme?.palette.text.secondary,\n}));\n\nexport const PlanItemPrice = styled.div`\n  font-size: 28px;\n  font-weight: bold;\n`;\n\nexport const PlanItemCurrency = styled.div`\n  font-size: 20px;\n  font-weight: bold;\n  margin-inline-end: 2px;\n`;\n\nexport const PlanItemPeriod = styled.div`\n  font-size: 20px;\n  margin-inline-end: 5px;\n`;\n\nexport const PlanItemListDetail = styled.div`\n  margin-top: 18px;\n  font-size: 20px;\n  color: ${colors.lightBlueText};\n  height: 32px;\n`;\n\nexport const PlansContentContainer = styled.div`\n  align-self: center;\n  border: 1px solid #d9e6fa;\n  border-radius: 10px;\n  box-shadow: 0px 1px 20px rgba(222, 222, 222, 0.25);\n  margin: 20px 12px;\n  display: flex;\n  min-width: 375px;\n  height: 950px;\n  justify-content: space-between;\n  flex-direction: column;\n  background: #fff;\n  position: relative;\n  overflow: hidden;\n\n  ${getMQ(breakpoints.m)} {\n    width: 406px;\n  }\n`;\n\nexport const PlanItemWrapper = styled.div`\n  display: flex;\n  flex-direction: row;\n  justify-content: space-between;\n  width: 100%;\n  flex-direction: column;\n\n  ${getMQ(breakpoints.m)} {\n    flex-direction: row;\n  }\n`;\n\nexport const PlanItemContainer = styled(Box)(({ theme }: { theme?: Theme }) => ({\n  padding: theme?.spacing(0, 2, 2, 2),\n  margin: theme?.spacing(3, 0, 3.5, 0),\n  width: '100%',\n}));\n\nexport const PlanItemHeader = styled.div`\n  justify-content: center;\n  flex-direction: column;\n  display: flex;\n  margin-right: 26px;\n\n  ${getMQ(breakpoints.l)} {\n    margin-right: 65px;\n  }\n`;\n\nexport const PlanItemList = styled.div`\n  margin-top: 38px;\n  margin-right: 29px;\n\n  ${getMQ(breakpoints.l)} {\n    margin-right: 69px;\n  }\n`;\n\nexport const PlanItemCheckIcon = styled(checkIcon)`\n  margin: 0 15px;\n`;\n\nexport const PlansButtonContainer = styled.div`\n  padding-bottom: 0;\n  display: flex;\n  justify-content: center;\n  padding-bottom: 20px;\n`;\n\nexport const PlansPageContainer = styled.div`\n  display: flex;\n  flex-direction: column;\n  padding: 0px 24px 56px 24px;\n  width: 100%;\n  justify-content: center;\n  position: relative;\n  z-index: 2;\n\n  ${getMQ(breakpoints.m)} {\n    padding: 6px 39px 56px 39px;\n  }\n\n  ${getMQ(breakpoints.l)} {\n    flex-direction: row;\n  }\n`;\n\nexport const PaturPlanStyled = styled(paturPlan)`\n  width: 184px;\n  height: 184px;\n  align-self: center;\n  margin-bottom: 45px;\n  margin-top: 20px;\n  margin-right: -26px;\n\n  ${getMQ(breakpoints.l)} {\n    margin-right: -65px;\n  }\n`;\n\nexport const MurshePlanStyled = styled(murshePlan)`\n  width: 184px;\n  height: 184px;\n  align-self: center;\n  margin-bottom: 45px;\n  margin-top: 20px;\n  margin-right: -26px;\n\n  ${getMQ(breakpoints.l)} {\n    margin-right: -65px;\n  }\n`;\n\nexport const LtdPlan = styled(ltdPlan)`\n  width: 184px;\n  height: 184px;\n  align-self: center;\n  margin-bottom: 45px;\n  margin-top: 20px;\n  margin-right: -26px;\n\n  ${getMQ(breakpoints.l)} {\n    margin-right: -65px;\n  }\n`;\n\nexport const Soon = styled.div`\n  background: ${colors.darkBlue};\n  color: white;\n  text-align: center;\n  margin-top: 33px;\n  width: 200px;\n  height: 30px;\n  font-weight: 700;\n  align-self: center;\n  transform: rotate(41.55deg);\n  position: absolute;\n  right: -40px;\n`;\n"],"names":["InfoPagesContentContainer","_styled","target","name","styles","Paragraph","getMQ","breakpoints","l","InfoPagesHeaderTitle","colors","darkBlue","InfoPagesHeaderContainer","QuestionsPageContainer","xl","AccordionTitle","AccordionParagraph","StyledAccordionSummary","AccordionSummary","theme","padding","margin","color","primary","ExpandIconStyled","expandIcon","StyledAccordion","muiStyled","Accordion","border","borderRadius","background","marginBottom","alignContent","up","display","ContactUsContainer","ContactUsTitle","FormTitle","white","fontWeight","fontSize","lineHeight","textAlign","whiteSpace","AboutUsParagraphWrapper","marginTop","contactUsPaperPlane","width","height","float","whatsappFilledBlue","marginLeft","opacity","facebookMessengerFilledBlue","xxl","AboutUsParagraphContainer","AboutUsParagraphTitle","AboutUsParagraphText","AboutUsParagraphImage","m","AdjustmentQuestionnairePageWrapper","AdjustmentQuestionnaireContentContainer","StyledQuestionContainer","StyledQuestionTitle","MatchTitle","MatchSubTitle","MatchIcon","MatchButtons","HandsShakeStyled","handsShake","BrokenHeartStyled","brokenHeart","JooniFeaturesContainer","JooniFeature","JooniFeatureImage","JooniFeatureContent","black","JooniFeatureItemTitle","JooniFeatureItemText","JooniFeaturesSubTitle","PageNotFoundImage","PageNotFoundFooter","PageNotFoundFooterTitle","PageNotFoundFooterText","PricacyAndTermsContainer","PricacyAndTerms","lightBackground","InfoVideoButtonsContainer","InfoVideosContainer","InfoVideoButton","props","selected","InfoVideoImageContainer","InfoVideoButtonTitle","PlanItemTitle","PlanItemPriceWrapper","Box","alignItems","palette","text","secondary","PlanItemPrice","PlanItemCurrency","PlanItemPeriod","PlanItemListDetail","lightBlueText","PlansContentContainer","PlanItemWrapper","PlanItemContainer","spacing","PlanItemHeader","PlanItemList","PlansButtonContainer","PlansPageContainer","PaturPlanStyled","paturPlan","MurshePlanStyled","murshePlan","LtdPlan","ltdPlan","Soon"],"sourceRoot":""}