{"version":3,"file":"50cceebb-1f17f35084f2bf4a1e20.js","mappings":"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","sources":["webpack://jonni-landing/./src/styles/landingPages.ts"],"sourcesContent":["import { css, keyframes } from '@emotion/react';\nimport styled from '@emotion/styled';\nimport gridItem1 from 'assets/gridItem1.svg';\nimport gridItem2 from 'assets/gridItem2.svg';\nimport gridItem3 from 'assets/gridItem3.svg';\nimport gridItem4 from 'assets/gridItem4.svg';\nimport gridItem5 from 'assets/gridItem5.svg';\nimport gridItem6 from 'assets/gridItem6.svg';\nimport { breakpoints, getMQ } from 'src/helpers';\nimport colors from 'src/styles/colors';\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 margin-top: -60px;\n display: flex;\n flex-direction: column;\n position: relative;\n padding: 0px 45px 45px 45px;\n max-width: 1256px;\n width: 100%;\n\n ${getMQ(breakpoints.xxl)} {\n padding: 0px 0px 50px 0px;\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 LandingPageContentBlockTitle = styled.h2`\n text-align: start;\n font-size: 28px;\n color: ${colors.darkBlue};\n margin-bottom: 30px;\n white-space: pre-line;\n`;\n\nexport const LandingPageContentBlockTitlePatur = styled.h2`\n text-align: start;\n font-size: 28px;\n color: ${colors.lightBlueText};\n margin-bottom: 30px;\n white-space: pre-line;\n`;\n\nexport const LandingPageContentBlockContainer = styled.div`\n display: flex;\n flex-direction: column;\n /* margin-top: 40px; */\n\n ${getMQ(breakpoints.l)} {\n align-self: center;\n margin-top: 0;\n max-width: 500px;\n align-items: flex-start;\n }\n\n ${getMQ(breakpoints.xl)} {\n align-self: center;\n margin-top: 0;\n max-width: 700px;\n align-items: flex-start;\n }\n`;\n\nexport const LandingPageContentBlockDescription = styled.div`\n font-size: 18px;\n line-height: 24px;\n color: ${colors.darkBlue};\n text-align: start;\n max-width: 97%;\n margin-bottom: 70px;\n\n ${getMQ(breakpoints.l)} {\n margin-bottom: 0px;\n max-width: 90%;\n line-height: 32px;\n }\n\n ${getMQ(breakpoints.xl)} {\n max-width: 100%;\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`;\ntype PhonesBlockContainerProps = {\n reverse: boolean;\n};\n\nexport const PhonesBlockContainer = styled.div`\n display: flex;\n flex-direction: column-reverse;\n margin-top: 60px;\n margin-bottom: -155px;\n\n ${getMQ(breakpoints.m)} {\n margin-bottom: 220px;\n }\n\n ${getMQ(breakpoints.l)} {\n flex-direction: ${(props) => (props.reverse ? 'row-reverse' : 'row')};\n margin-top: -56px;\n margin-bottom: 190px;\n }\n\n ${getMQ(breakpoints.xl)} {\n margin: -25px 0px 320px 0px;\n }\n\n ${getMQ(breakpoints.xxl)} {\n margin: 27px -100px 300px -100px;\n }\n`;\n\nexport const PhonesBlockIcon = styled.div`\n height: 500px;\n align-self: center;\n margin-top: 35px;\n width: 345px;\n\n ${getMQ(breakpoints.m)} {\n margin-top: 30px;\n width: 500px;\n }\n\n ${getMQ(breakpoints.l)} {\n margin: 118px 40px 0px 15px;\n width: 450px;\n }\n\n ${getMQ(breakpoints.xl)} {\n margin-top: 87px;\n width: 523px;\n }\n\n ${getMQ(breakpoints.xxl)} {\n margin-top: 30px;\n width: 600px;\n }\n`;\n\nexport const DownloadLinksWrapper = styled.div`\n align-self: flex-start;\n margin-top: -65px;\n margin-right: 0px;\n\n ${getMQ(breakpoints.l)} {\n margin-top: -45px;\n }\n\n ${getMQ(breakpoints.l)} {\n margin-top: 10px;\n }\n`;\n\nexport const LandingPageContentFooterText = styled.div`\n font-weight: 400;\n font-size: 20px;\n line-height: 29px;\n color: ${colors.darkBlue};\n text-align: center;\n padding: 0 45px;\n margin-top: 50px;\n position: absolute;\n left: 0;\n right: 0;\n text-align: -webkit-center;\n\n ${getMQ(breakpoints.m)} {\n margin-top: 90px;\n }\n\n ${getMQ(breakpoints.l)} {\n margin-top: 45px;\n }\n\n ${getMQ(breakpoints.xl)} {\n margin-top: 85px;\n margin-right: 345px;\n }\n\n ${getMQ(breakpoints.xxl)} {\n margin-right: 0px;\n }\n`;\n\nexport const LandingPageContentFooterContainer = styled.div`\n margin-bottom: -525px;\n overflow: hidden;\n width: 100%;\n height: 750px;\n background: white;\n\n ${getMQ(breakpoints.l)} {\n height: 680px;\n }\n\n ${getMQ(breakpoints.xl)} {\n height: 450px;\n }\n`;\n\nexport const LandingPageContentFooterWave = 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(LandingPageContentBlockContainer)`\n ${getMQ(breakpoints.l)} {\n align-items: end;\n margin-right: 20px;\n margin-top: 35px;\n }\n\n ${getMQ(breakpoints.xl)} {\n margin-top: 20px;\n margin-right: 120px;\n }\n\n ${getMQ(breakpoints.xxl)} {\n margin-top: 0px;\n margin-top: 70px;\n }\n`;\n\nexport const PhonesBlockDescription = styled(LandingPageContentBlockDescription)`\n max-width: 1311px;\n padding-bottom: 24px;\n font-size: 16px;\n line-height: 24px;\n\n ${getMQ(breakpoints.m)} {\n font-size: 22px;\n }\n\n ${getMQ(breakpoints.l)} {\n max-width: 450px;\n font-size: 18px;\n }\n\n ${getMQ(breakpoints.xl)} {\n font-size: 20px;\n }\n`;\n\nexport const PhonesBlockTitle = styled(LandingPageContentBlockTitle)`\n width: 100%;\n\n ${getMQ(breakpoints.l)} {\n width: 48%;\n margin-left: 221px;\n font-size: 26px;\n }\n\n ${getMQ(breakpoints.xl)} {\n font-size: 28px;\n width: 43%;\n margin-left: 258px;\n }\n`;\n\ntype ContentBlockContainerProps = {\n reverse: boolean;\n};\n\nexport const LandingPageContentBlockWrapper = styled.div`\n display: flex;\n flex-direction: column-reverse;\n align-items: center;\n margin-top: 64px;\n align-items: flex-start;\n width: 100%;\n\n ${getMQ(breakpoints.l)} {\n justify-content: space-evenly;\n flex-direction: ${(props) => (props.reverse ? 'row-reverse' : 'row')};\n margin-top: 180px;\n }\n\n ${getMQ(breakpoints.xl)} {\n margin-top: 170px;\n }\n`;\n\nexport const LandingPageContentBlockIcon = styled.div`\n align-self: center;\n width: 220px;\n max-height: 242px;\n margin-bottom: 8px;\n text-align: ${(props) => (props.reverse ? 'end' : 'start')};\n\n svg {\n width: 220px;\n max-height: 242px;\n }\n\n ${getMQ(breakpoints.m)} {\n width: 226px;\n max-height: 252px;\n margin: ${(props) => `0 ${props.reverse ? '40px' : '20px'} 0 ${props.reverse ? '20px' : '40px'}`};\n\n svg {\n width: 226px;\n max-height: 252px;\n }\n }\n\n ${getMQ(breakpoints.l)} {\n width: 317px;\n max-height: 370px;\n svg {\n width: 317px;\n max-height: 370px;\n }\n }\n\n ${getMQ(breakpoints.xl)} {\n width: 380px;\n max-height: 440px;\n svg {\n width: 380px;\n max-height: 440px;\n }\n }\n`;\n\nexport const LandingPageContainer = styled.div`\n margin-top: 100px;\n\n ${getMQ(breakpoints.l)} {\n margin-top: 0px;\n }\n`;\n\nexport const LandingPageHeaderTitle = styled.h1`\n margin-top: 60px;\n font-weight: 700;\n font-size: 30px;\n color: ${colors.darkBlue};\n text-align: center;\n margin-bottom: 40px;\n\n ${getMQ(breakpoints.m)} {\n font-size: 35px;\n line-height: 70px;\n }\n\n ${getMQ(breakpoints.l)} {\n margin-top: 150px;\n font-size: 48px;\n line-height: 70px;\n }\n`;\n\nexport const LandingPageSubTitle = styled.div`\n font-size: 20px;\n line-height: 26px;\n color: ${colors.darkBlue};\n text-align: center;\n margin: -25px 0px 20px 0px;\n\n ${getMQ(breakpoints.l)} {\n font-size: 26px;\n }\n`;\n\nexport const LandingPageVideosContainer = styled.div`\n margin-bottom: -100px;\n\n ${getMQ(breakpoints.m)} {\n margin-bottom: 200px;\n }\n\n ${getMQ(breakpoints.l)} {\n margin-bottom: 100px;\n }\n`;\n\nexport const LandingPhonesBlockContainer = styled.div`\n display: flex;\n flex-direction: column;\n justify-content: space-between;\n margin-top: 100px;\n margin-bottom: -50px;\n\n ${getMQ(breakpoints.m)} {\n margin-bottom: 200px;\n }\n\n ${getMQ(breakpoints.l)} {\n align-items: center;\n flex-direction: row;\n }\n`;\n\nexport const LandingPhonesBlockContent = styled.div`\n display: flex;\n flex-direction: column;\n\n ${getMQ(breakpoints.l)} {\n margin-right: 2%;\n }\n\n ${getMQ(breakpoints.xl)} {\n margin-right: 38px;\n }\n`;\n\nexport const LandingPhonesBlockIcon = styled.div`\n align-self: center;\n width: 320px;\n margin-top: 35px;\n\n ${getMQ(breakpoints.m)} {\n width: 420px;\n }\n\n ${getMQ(breakpoints.l)} {\n margin-top: 0px;\n }\n\n ${getMQ(breakpoints.xl)} {\n margin-top: 0px;\n width: 500px;\n }\n`;\n\nexport const LandingPhonesBlockTitle = styled(LandingPageContentBlockTitle)`\n ${getMQ(breakpoints.l)} {\n margin-right: 0px;\n }\n`;\n\nexport const LandingPhonesBlockDescription = styled(LandingPageContentBlockDescription)`\n max-width: 311px;\n padding-bottom: 24px;\n font-size: 18px;\n line-height: 24px;\n max-width: 1000px;\n\n ${getMQ(breakpoints.l)} {\n max-width: 545px;\n font-size: 20px;\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 HomePageModalTitle = styled.div`\n color: ${colors.darkBlue};\n text-align: center;\n font-size: 30px;\n font-weight: 800;\n margin-top: -10px;\n\n ${getMQ(breakpoints.m)} {\n font-size: 40px;\n }\n`;\n\nexport const HomePageModalImageContainer = styled.div`\n width: 300px;\n img {\n width: 300px;\n }\n margin: 0px;\n\n ${getMQ(breakpoints.m)} {\n margin: 0px 10px;\n width: 500px;\n img {\n width: 500px;\n }\n }\n`;\n\nexport const Item = styled.div`\n flex-direction: column;\n display: flex;\n align-items: center;\n font-weight: 500;\n font-size: 13.48px;\n color: ${colors.darkBlue};\n\n ${getMQ(breakpoints.m)} {\n font-size: 16px;\n }\n\n ${getMQ(breakpoints.l)} {\n font-size: 18px;\n }\n`;\n\nexport const LandingPageFeaturesGridContainer = styled.div`\n display: flex;\n text-align: center;\n margin-top: 200px;\n margin-bottom: 180px;\n\n ${getMQ(breakpoints.m)} {\n margin-top: 0px;\n }\n\n ${getMQ(breakpoints.l)} {\n margin-bottom: 100px;\n }\n\n ${getMQ(breakpoints.xl)} {\n margin: -100px -15px 150px -15px;\n }\n\n ${getMQ(breakpoints.xxl)} {\n margin: 0px -40px 150px -40px;\n }\n`;\n\nexport const GridItemStyled1 = styled(gridItem1)`\n width: 100px;\n height: 100px;\n margin-bottom: 12px;\n\n ${getMQ(breakpoints.m)} {\n width: 100px;\n height: 100px;\n }\n`;\n\nexport const GridItemStyled2 = styled(gridItem2)`\n width: 100px;\n height: 100px;\n margin-bottom: 12px;\n\n ${getMQ(breakpoints.m)} {\n width: 100px;\n height: 100px;\n }\n`;\n\nexport const GridItemStyled3 = styled(gridItem3)`\n width: 100px;\n height: 100px;\n margin-bottom: 12px;\n\n ${getMQ(breakpoints.m)} {\n width: 100px;\n height: 100px;\n }\n`;\n\nexport const GridItemStyled4 = styled(gridItem4)`\n width: 115px;\n height: 115px;\n margin-bottom: 12px;\n margin-top: -15px;\n\n ${getMQ(breakpoints.m)} {\n width: 115px;\n height: 115px;\n }\n`;\n\nexport const GridItemStyled5 = styled(gridItem5)`\n width: 100px;\n height: 100px;\n margin-bottom: 12px;\n\n ${getMQ(breakpoints.m)} {\n width: 100px;\n height: 100px;\n }\n`;\n\nexport const GridItemStyled6 = styled(gridItem6)`\n width: 100px;\n height: 100px;\n margin-bottom: 12px;\n\n ${getMQ(breakpoints.m)} {\n width: 100px;\n height: 100px;\n }\n`;\n"],"names":["MainPageContentWrapper","_styled","target","name","styles","ContentContainer","getMQ","breakpoints","xxl","LandingPageContentBlockTitle","keyframes","colors","darkBlue","LandingPageContentBlockTitlePatur","lightBlueText","LandingPageContentBlockContainer","l","xl","LandingPageContentBlockDescription","DownloadLinksWrapper","primaryBackground","m","LandingPageContentFooterText","LandingPageContentFooterContainer","LandingPageContentFooterWave","LandingPageContentBlockWrapper","props","reverse","LandingPageContentBlockIcon","LandingPageContainer","LandingPhonesBlockContainer","LandingPhonesBlockContent","LandingPhonesBlockIcon","LandingPhonesBlockTitle","LandingPhonesBlockDescription","HomePageModalContainer","HomePageModalTitle","HomePageModalImageContainer","Item","LandingPageFeaturesGridContainer","GridItemStyled1","gridItem1","GridItemStyled2","gridItem2","GridItemStyled3","gridItem3","GridItemStyled4","gridItem4","GridItemStyled5","gridItem5","GridItemStyled6","gridItem6"],"sourceRoot":""}