{"version":3,"sources":["webpack:///./src/images/solutionPage/backgrounds/backgroundLinksTablet.svg","webpack:///./src/components/pages/Solution/Marketing/SubIntroBackground.js","webpack:///./src/images/solutionPage/backgrounds/backgroundSubIntroTablet.svg","webpack:///./src/images/modale/confirmModale.svg","webpack:///./src/components/pages/Solution/Marketing/LinkBlockBackground.js","webpack:///./src/images/solutionPage/backgrounds/backgroundLinks.svg","webpack:///./src/components/pages/ConfirmModale.js","webpack:///./src/images/solutionPage/backgrounds/backgroundSubIntroBottom.svg","webpack:///./src/components/pages/DemoRequest/TextBlock.js","webpack:///./src/components/pages/DemoRequest/FormBlock.js","webpack:///./src/components/pages/DemoRequestPage.js","webpack:///./src/images/solutionPage/backgrounds/backgroundSubIntro.svg","webpack:///./src/images/solutionPage/backgrounds/backgroundLinksMobile.svg","webpack:///./src/images/solutionPage/backgrounds/backgroundSubIntroMobile.svg"],"names":["module","exports","GridBackground","styled","Grid","props","heightbackground","TabletGridBackground","MobileGridBackground","breakpoint","only","StyledGridBottom","down","SubIntroBackground","heightBackground","widthWindow","heightTitle","isMobile","breakpoints","values","sm","md","src","BackgroundSubIntro","alt","loading","BackgroundSubIntroBottom","BackgroundSubIntroTablet","BackgroundSubIntroMobile","LinkBackground","BackgroundLink","BackgroundLinkTablet","colors","shades","grey","light","BackgroundLinkMobile","LinkBlockBackground","StyledDiv","div","isLoading","StyledMarkdown","Markdown","purple","ConfirmModale","useState","setIsLoading","setTimeout","type","id","imgModale","data","dataMessage","rawMarkdownBody","Container","Text","StyledTypography","Typography","up","TextBlock","testimonialBlockData","langKey","width","setWidth","heightHeader","setHeightHeader","heightIntro","setHeightIntro","heightTitleIntro","setHeightTitleIntro","updateDimensions","headerNav","document","getElementById","heightIntroDim","heightTitleIntroDim","window","innerWidth","offsetHeight","useEffect","addEventListener","removeEventListener","dangerouslySetInnerHTML","__html","html","Title","StyledFrame","Frame","FormBlock","formTitle","title","location","confirmMessage","isSubmitted","setIsSubmitted","getFormConfig","formHash","origin","formComponent","globalHistory","clonedFormHash","_","cloneDeep","search","seo","frameContext","target","head","DemoForm","onSubmit","LinkGrid","headerHeight","LogosContainer","LogoTitle","ImagesBlock","DemoRequestPage","dataBlockLinkBody","textBlockData","formBlockData","images","imagesLogosBlock","nodes","map","img","ind","base","index","pageContext","linkBlocksData","markdownContent","dataTestimonialBlock","imagesSliderQuotes","imagesQuotesTestimonialBlock","orderBy","image","childImageSharp","fluid","LinkBlocks","lang","disablePadding"],"mappings":"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","file":"cf28f1fda515f211da9acd8d1fddc1192804a817-288bf95e11274d042a4c.js","sourcesContent":["module.exports = \"data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDEyNDIgMTE5OC4zIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2VmZWZlZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmJhY2tncm91bmRMaW5rc01vYmlsZTwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTI0MiwuODVjLTU5LjU3LTIuMzItMTM5LjE3LjM1LTE5OC42Niw1Qzk5Mi44OCw5Ljc3LDk0Mi42OCwxNi4yMSw4OTIuNywyNC4xNmMtOTEsMTQuNDctMTgwLjQ3LDM1LjU0LTI2OC45LDYxQzUyOC42MywxMTIuNSw0MzUuNiwxNDYuMjMsMzQzLjI2LDE4MmMtODQuMSwzMi41Ny0xNzEuMTQsNDcuNDMtMjYxLjQ5LDM5LjY5TDAsMjA5LjIyVjExOTguM0gxMjQyWiIvPjwvc3ZnPg==\"","import React from 'react';\nimport BackgroundSubIntro from 'images/solutionPage/backgrounds/backgroundSubIntro.svg';\nimport BackgroundSubIntroTablet from 'images/solutionPage/backgrounds/backgroundSubIntroTablet.svg';\nimport BackgroundSubIntroBottom from 'images/solutionPage/backgrounds/backgroundSubIntroBottom.svg';\nimport BackgroundSubIntroMobile from 'images/solutionPage/backgrounds/backgroundSubIntroMobile.svg';\nimport { Grid } from '@material-ui/core';\nimport styled from 'styled-components';\nimport { breakpoint } from 'utils/mediaQueries';\nimport { breakpoints } from 'styles/breakpoints';\nconst GridBackground = styled(Grid)`\n  left: 0;\n  position: absolute;\n  width: 100%;\n  top: 0;\n  height: ${props => `\n${props.heightbackground}\npx`};\n  z-index: -1;\n  img {\n    width: 100%;\n    height: 100%;\n  }\n`;\nconst TabletGridBackground = styled(GridBackground)`\n  height: ${props => `${props.heightbackground + 200}\npx`};\n`;\nconst MobileGridBackground = styled(GridBackground)`\n  height: ${props => `${props.heightbackground}\npx`};\n  ${breakpoint.only('xxs')`\n  height: ${props => `${props.heightbackground - 60}px`}; `};\n`;\nconst StyledGridBottom = styled(Grid)`\n  margin-top: -1rem;\n  z-index: -1;\n  width: 100%;\n  ${breakpoint.down('md')`\n  display: none;`};\n`;\n\nconst SubIntroBackground = ({ heightBackground, widthWindow, heightTitle }) => {\n  const isMobile = `${breakpoints.values.sm}`;\n  const isTablet = `${breakpoints.values.md}`;\n  if (widthWindow > isTablet) {\n    return (\n      <GridBackground heightbackground={heightBackground}>\n        <img src={BackgroundSubIntro} alt=\"Background Subintro\" loading=\"lazy\" />\n        <StyledGridBottom heightbackground={heightBackground}>\n          <img src={BackgroundSubIntroBottom} alt=\"Background SubintroBottom\" loading=\"lazy\" />\n        </StyledGridBottom>\n      </GridBackground>\n    );\n  } else if (widthWindow > isMobile) {\n    return (\n      <TabletGridBackground heightbackground={heightTitle}>\n        <img src={BackgroundSubIntroTablet} alt=\"Background SubintroTablet\" loading=\"lazy\" />\n      </TabletGridBackground>\n    );\n  } else {\n    return (\n      <MobileGridBackground heightbackground={heightTitle}>\n        <img src={BackgroundSubIntroMobile} alt=\"Background SubintroMobile\" loading=\"lazy\" />\n      </MobileGridBackground>\n    );\n  }\n};\nexport default SubIntroBackground;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5NzAgMTAwMy4zIiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2YxZjFmMTt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmJhY2tncm91bmRTdWJJbnRyb1RhYmxldDwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTk3MCwwVjU1NXMtMzY0Ljc2LDE3Ni40MS05NzQuMTYsMFMwLDEwMDMuMywwLDEwMDMuM1YxMDguNTVTODk1Ljg0LDI1NC40NSwxMjQzLjgzLDAiLz48L3N2Zz4=\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHhtbG5zOnhsaW5rPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rIiB2aWV3Qm94PSIwIDAgMzkyLjk4IDI2OC4xOCI+PGRlZnM+PHN0eWxlPi5jbHMtMXtvcGFjaXR5OjAuODtmaWxsOnVybCgjRMOpZ3JhZMOpX3NhbnNfbm9tXzQxKTt9LmNscy0ye2ZpbGw6I2ZmZjt9LmNscy0ze2ZpbGw6I2UwZTJlYzt9LmNscy00e2ZpbGw6IzU0Mzg4ZDt9LmNscy01e2ZpbGw6IzNmMjc3NTt9LmNscy02e2ZpbGw6IzVhNDk5Nzt9LmNscy03e29wYWNpdHk6MC44Mzt9LmNscy04e2ZpbGw6Izg3Y2MwMjt9PC9zdHlsZT48bGluZWFyR3JhZGllbnQgaWQ9IkTDqWdyYWTDqV9zYW5zX25vbV80MSIgeDE9IjE5Ni40OSIgeTE9IjIuNDMiIHgyPSIxOTYuNDkiIHkyPSIyNjQuMDYiIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj48c3RvcCBvZmZzZXQ9IjAiIHN0b3AtY29sb3I9IiM5MWQxZGUiLz48c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiM0YmExYzMiLz48L2xpbmVhckdyYWRpZW50PjwvZGVmcz48dGl0bGU+RmljaGllciA0PC90aXRsZT48ZyBpZD0iQ2FscXVlXzIiIGRhdGEtbmFtZT0iQ2FscXVlIDIiPjxnIGlkPSJDYWxxdWVfMS0yIiBkYXRhLW5hbWU9IkNhbHF1ZSAxIj48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik0xOTYuMzgsMEMyNzkuOS0uMDcsNDA1LDEwOS40MSwzOTIuMDUsMTkwLjM5LDM3Ni42LDI4Ny4wOCwyMzYuNCwyNzYuMTgsMTY5LjQsMjUwLDExOC4wOCwyMjkuOSw2LjMsMTc0LjU3LjQ0LDExMy44Mi04Ljg2LDE3LjU5LDEzMi43NywzLDE5Ni4zOCwwWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE0MS4yMiw5MC44M2EzLjY0LDMuNjQsMCwwLDEsLjY2LDBsMTUuMjIsMS4yNUMxNTMuOTMsOTEuODMsMTQ0LjMsOTEuMjEsMTQxLjIyLDkwLjgzWk0xNjEsMTEzLjI3YTY2LjI2LDY2LjI2LDAsMCwxLTE2LjkyLTIuMzljLTUuODQtMi4wNy0xMy43My04LjA4LTEwLjQ3LTE1LjE2QTguNDcsOC40NywwLDAsMSwxNDEsOTAuODFhMzUuOTEsMzUuOTEsMCwwLDEtNy42OC0xLjY2Yy01LjgzLTItMTMuNzEtOC4xMS0xMC40OC0xNS4xN2E4LjM4LDguMzgsMCwwLDEsOC4yNC00Ljg3bDI3LjY2LDIuMjYsMC0uMDktMTguODctMS41NGMtMi4zNC0uMi00LjY3LS4zLTctLjUxYTM5LjYyLDM5LjYyLDAsMCwxLTEwLjI4LTEuOTFjLTUuODMtMi0xMy43NC04LjA4LTEwLjQ4LTE1LjE2YTguMzgsOC4zOCwwLDAsMSw4LjI1LTQuODdMMTY0LjY0LDUxYTM3LjQxLDM3LjQxLDAsMCwxLDM0LjIyLDQwLjMybDAsLjUzWiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTE0OS4yMiw5NC41N2MtMS41OS0uMTMtMy0uMjUtMy44Ni0uMzdhMywzLDAsMCwxLDAtNiw2LjYzLDYuNjMsMCwwLDEsMS4yNiwwbDE1LjIxLDEuMjRhMywzLDAsMCwxLS40OSw2TDE1Nyw5NS4xNUMxNTQuNDcsOTUsMTUxLjYsOTQuNzYsMTQ5LjIyLDk0LjU3WiIvPjxwYXRoIGNsYXNzPSJjbHMtMyIgZD0iTTEzOC44NSw3Mi43OGMtMi4xMS0uMTctMy45NC0uMzItNS4xMi0uNDdhMywzLDAsMCwxLC4xNC02LDEwLDEwLDAsMCwxLDEuMzQsMEwxNTUuNiw2OGEzLDMsMCwwLDEtLjQ5LDZsLTUuODktLjQ1QzE0NS44OCw3My4zMiwxNDIsNzMsMTM4Ljg1LDcyLjc4WiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTIzNS4wOSwxODRsLTEuMjQsMTUuMjFhMi45MywyLjkzLDAsMCwxLS4xLjY2QzIzMy44OSwxOTYuNzQsMjM0Ljg0LDE4Ny4xNCwyMzUuMDksMTg0Wm03LTQxLjE0LjUzLDBhMzcuNDMsMzcuNDMsMCwwLDEsMzQuMjMsNDAuMzJsLTMuNTYsNDQuMjVhOC4zNSw4LjM1LDAsMCwxLTYuMTUsNy4zNGMtNy41MSwyLjA4LTEyLjItNi43Mi0xMy4yNi0xMi43OWEzOS44MiwzOS44MiwwLDAsMS0uMjEtMTAuNDZjLjE2LTIuMzIuNDQtNC42Mi42My03bDEuNTQtMTguODctLjA4LDAtMi4yNiwyNy42NmE4LjM2LDguMzYsMCwwLDEtNi4xNSw3LjM0Yy03LjQ4LDItMTIuMi02LjcyLTEzLjI2LTEyLjc5YTM1LjU5LDM1LjU5LDAsMCwxLS4zOS03Ljg1LDguNDUsOC40NSwwLDAsMS02LjA2LDYuNWMtNy41MSwyLjA3LTEyLjE3LTYuNjktMTMuMjYtMTIuOGE2Ni4zNyw2Ni4zNywwLDAsMSwuMzktMTcuMDdaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMjMzLjc2LDE5OS44NmwtLjIzLDBhMywzLDAsMCwxLTIuNTUtMy4xMWMuMDktMi4yMy41Ny03LjQ0LDEtMTEuNjIuMTctMS44MS4zMS0zLjQuMzktNC4zN2EzLDMsMCwwLDEsNiwuNDlsLTEuMjQsMTUuMjFhNy41Nyw3LjU3LDAsMCwxLS4yLDEuMjVBMywzLDAsMCwxLDIzMy43NiwxOTkuODZaIi8+PHBhdGggY2xhc3M9ImNscy0zIiBkPSJNMjUzLjY5LDIxMi45MmwtLjE5LDBhMywzLDAsMCwxLTIuNTktMy4xNWMuMTQtMi44Ni43NS05LjY1LDEuMjMtMTUuMDguMjItMi4zOC40LTQuNDYuNS01LjczYTMsMywwLDAsMSw2LC41bC0xLjYyLDE5Ljg3YTkuNiw5LjYsMCwwLDEtLjE4LDEuMzFBMywzLDAsMCwxLDI1My42OSwyMTIuOTJaIi8+PHBhdGggY2xhc3M9ImNscy00IiBkPSJNMTk0Ljg1LDEyOC45bC00MC03Ljc5QTYuMDYsNi4wNiwwLDAsMSwxNTcsMTE2LjdsMzItMjcuMTRhNS44Nyw1Ljg3LDAsMCwxLDQuODItMS4zNloiLz48cGF0aCBjbGFzcz0iY2xzLTUiIGQ9Ik0yMDYuMTIsMTgxLjQzYTUuODcsNS44NywwLDAsMS0zLjg3LTJsLTQ2LTU0LjE2YTUuODYsNS44NiwwLDAsMS0xLjQzLTQuMTJsNDAsNy43OS4xOCw2LjY0YTQuMTIsNC4xMiwwLDAsMCwzLjM1LDMuOTRsNi41NSwxLjNaIi8+PHBhdGggY2xhc3M9ImNscy00IiBkPSJNMjQ0LjksMTQ4LjY2YTYsNiwwLDAsMS0yLjExLDQuMjlsLTMyLDI3LjEzYTUuODMsNS44MywwLDAsMS00LjY3LDEuMzVsLTEuMTktNDAuNjVaIi8+PHBhdGggY2xhc3M9ImNscy02IiBkPSJNMjQ0LjksMTQ4LjY2bC00MC03Ljg4LTYuNTUtMS4zYTQuMTIsNC4xMiwwLDAsMS0zLjM1LTMuOTRsLS4xOC02LjY0LTEuMDgtNDAuN2E2LjEsNi4xLDAsMCwxLDMuNzIsMi4wNmw0Niw1NC4xNkE1LjgxLDUuODEsMCwwLDEsMjQ0LjksMTQ4LjY2WiIvPjxnIGNsYXNzPSJjbHMtNyI+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTE4LjI2LDE1Ni4zMWEzLDMsMCwwLDEtMS43MS01LjMybDIyLjgzLTE5LjM5YTMsMywwLDAsMSwzLjkyLDQuNjJMMTIwLjQ3LDE1NS42QTMuMDcsMy4wNywwLDAsMSwxMTguMjYsMTU2LjMxWiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTExNS44LDE4Ni40NmEzLDMsMCwwLDEtMS43Mi01LjMybDIyLjg0LTE5LjM4YTMsMywwLDAsMSwzLjkxLDQuNjFMMTE4LDE4NS43NUEzLDMsMCwwLDEsMTE1LjgsMTg2LjQ2WiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTEzMi45LDIwMGEzLDMsMCwwLDEtMS43MS01LjMybDM1Ljg4LTMwLjQ2YTMsMywwLDAsMSwzLjkyLDQuNjJMMTM1LjExLDE5OS4zQTMsMywwLDAsMSwxMzIuOSwyMDBaIi8+PHBhdGggY2xhc3M9ImNscy0yIiBkPSJNMTczLjY0LDIyMS41NWEzLDMsMCwwLDEtMS43MS01LjMybDIyLjg0LTE5LjM4YTMsMywwLDAsMSwzLjkxLDQuNjFsLTIyLjgzLDE5LjM4QTMuMDcsMy4wNywwLDAsMSwxNzMuNjQsMjIxLjU1WiIvPjxwYXRoIGNsYXNzPSJjbHMtMiIgZD0iTTE0My40OSwyMTkuMDhhMywzLDAsMCwxLTEuNzItNS4zMmwyMi44NC0xOS4zOGEzLDMsMCwwLDEsMy45MSw0LjYxbC0yMi44MywxOS4zOEEzLDMsMCwwLDEsMTQzLjQ5LDIxOS4wOFoiLz48L2c+PGNpcmNsZSBjbGFzcz0iY2xzLTIiIGN4PSIzMTQuODIiIGN5PSI1Mi45NCIgcj0iMzguMzkiLz48cGF0aCBjbGFzcz0iY2xzLTgiIGQ9Ik0zMTQuODIsOTUuNzNhNDMuMDYsNDMuMDYsMCwwLDEtMjItNS44Nyw0My44Miw0My44MiwwLDAsMS0xNS45Mi0xNS45M0E0Myw0MywwLDAsMSwyNzEsNTJhNDMuMDcsNDMuMDcsMCwwLDEsNS44OC0yMkE0My43MSw0My43MSwwLDAsMSwyOTIuODMsMTRhNDQsNDQsMCwwLDEsNDQsMEE0My44Miw0My44MiwwLDAsMSwzNTIuNzMsMzBhNDMuMDYsNDMuMDYsMCwwLDEsNS44NywyMiw0Myw0MywwLDAsMS01Ljg3LDIyQTQzLjkyLDQzLjkyLDAsMCwxLDMzNi44LDg5Ljg2LDQzLDQzLDAsMCwxLDMxNC44Miw5NS43M1ptLTE5LjctNDkuMThhMS4zMywxLjMzLDAsMCwwLTEsLjQ1bC01LDQuOWExLjM3LDEuMzcsMCwwLDAtLjM5LDEuMDgsMS4zNCwxLjM0LDAsMCwwLC40LDFsMTkuNjksMTkuNjlhMS4zNCwxLjM0LDAsMCwwLDEsLjQ1LDEuMzksMS4zOSwwLDAsMCwxLjA5LS40NUwzNDAuNSw0NC4xN2ExLjM1LDEuMzUsMCwwLDAsLjM5LTEsMS4zNywxLjM3LDAsMCwwLS4zOS0xLjA4bC00Ljk0LTQuOWExLjQsMS40LDAsMCwwLTEuMDUtLjQ1LDEuMzMsMS4zMywwLDAsMC0xLC40NUwzMDkuODYsNjAuNywyOTYuMTUsNDdBMS4zMywxLjMzLDAsMCwwLDI5NS4xMiw0Ni41NVoiLz48cGF0aCBjbGFzcz0iY2xzLTIiIGQ9Ik0zMTQuODIsMTAuMTZhNDAuOTEsNDAuOTEsMCwwLDEsMjEsNS42QTQxLjcsNDEuNywwLDAsMSwzNTEsMzFhNDEsNDEsMCwwLDEsNS42LDIxLDQwLjkxLDQwLjkxLDAsMCwxLTUuNiwyMSw0MS43LDQxLjcsMCwwLDEtMTUuMjEsMTUuMjEsNDIuMDgsNDIuMDgsMCwwLDEtNDIsMCw0MS43LDQxLjcsMCwwLDEtMTUuMjEtMTUuMjFBNDAuOTEsNDAuOTEsMCwwLDEsMjczLDUyYTQxLDQxLDAsMCwxLDUuNi0yMSw0MS43LDQxLjcsMCwwLDEsMTUuMjEtMTUuMjEsNDEsNDEsMCwwLDEsMjEtNS42bS00Ljk1LDQ3LjcyLTEyLjMtMTIuM2EzLjQzLDMuNDMsMCwwLDAtNC45LDBsLTQuOTUsNC45YTMuNCwzLjQsMCwwLDAtMSwyLjUsMy4zMywzLjMzLDAsMCwwLDEsMi40NWwxOS43LDE5LjdhMy4zNywzLjM3LDAsMCwwLDIuNDUsMSwzLjQ0LDMuNDQsMCwwLDAsMi41LTFsMjkuNTQtMjkuNTVhMy4yOSwzLjI5LDAsMCwwLDEtMi40NSwzLjM2LDMuMzYsMCwwLDAtMS0yLjVsLTUtNC45YTMuNDMsMy40MywwLDAsMC00LjksMEwzMDkuODcsNTcuODhtNC45NS01MS43MmE0NSw0NSwwLDAsMC0yMyw2LjE1QTQ1LjY4LDQ1LjY4LDAsMCwwLDI3NS4xOCwyOSw0NSw0NSwwLDAsMCwyNjksNTJhNDUsNDUsMCwwLDAsNi4xNSwyMyw0NS43Myw0NS43MywwLDAsMCwxNi42NSwxNi42NCw0Niw0NiwwLDAsMCw0NiwwLDQ1LjcsNDUuNywwLDAsMCwxNi42NC0xNi42NCw0NSw0NSwwLDAsMCw2LjE1LTIzLDQ1LDQ1LDAsMCwwLTYuMTUtMjMsNDUuNzMsNDUuNzMsMCwwLDAtMTYuNjQtMTYuNjUsNDUsNDUsMCwwLDAtMjMtNi4xNVptLTUsNTcuMzcsMi44My0yLjgyLDIxLjgyLTIxLjc3LDQuMjIsNC4xN0wzMDkuODksNzEuOTRsLTE5LTE5LDQuMjItNC4xN0wzMDcsNjAuNzFsMi44MiwyLjgyWiIvPjwvZz48L2c+PC9zdmc+\"","import React from 'react';\nimport styled from 'styled-components';\nimport { Grid } from '@material-ui/core';\nimport BackgroundLink from 'images/solutionPage/backgrounds/backgroundLinks.svg';\nimport { breakpoint } from 'utils/mediaQueries';\nimport BackgroundLinkTablet from 'images/solutionPage/backgrounds/backgroundLinksTablet.svg';\nimport { colors } from 'styles';\nimport BackgroundLinkMobile from 'images/solutionPage/backgrounds/backgroundLinksMobile.svg';\n\nconst LinkBackground = styled(Grid)`\n  z-index: -1;\n  height: 100%;\n  width: 100%;\n  position: absolute;\n  top:0;\n  background-image: url(\"${BackgroundLink}\");\n  background-size: 100% 100%;\n  ${breakpoint.down('md')`\n  background: url(\"${BackgroundLinkTablet}\"),linear-gradient(to bottom, #FFF 25%, ${\n    colors.shades.grey.light\n  } 25%); `}\n  ${breakpoint.down('sm')`\n   background: url(\"${BackgroundLinkMobile}\"),linear-gradient(to bottom, #FFF 25%, ${\n    colors.shades.grey.light\n  } 25%);background-repeat: no-repeat;background-size: 100% 100%`};\n`;\nconst LinkBlockBackground = () => {\n  return <LinkBackground />;\n};\nexport default LinkBlockBackground;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5MjEgNzA4IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2YwZjBmMDt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmJhY2tncm91bmRMaW5rczwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTkyMSwzNzlhMjMuMzgsMjMuMzgsMCwwLDAtNy04LjgsNTE4LjU0LDUxOC41NCwwLDAsMC01NS4zOS00MUE2MzMuNjQsNjMzLjY0LDAsMCwwLDE3ODEuNTcsMjg3YTczMi42Miw3MzIuNjIsMCwwLDAtNzcuNjgtMzAuMzksODI5LjIyLDgyOS4yMiwwLDAsMC05Mi43LTI0LjUzYy0yMy00LjY3LTQ2LjE2LTguNjItNjkuNDUtMTEuNjctMjQuNDMtMy4yLTQ4LjkxLTUuNzItNzMuNTItNy4yLTE4Ljc3LTEuMTMtMzcuNTQtMi4zNy01Ni4zMi0yLjU5LTM5LjYyLS40NS03OS4yNC0uMTUtMTE4LjgyLDIuNjQtMTYuNDIsMS4xNi0zMi44OCwyLjEyLTQ5LjI4LDMuNjFzLTMyLjc2LDMuNDctNDkuMTMsNS4zNWMtMzIuNDUsMy43My02NC43LDguNjktOTYuODcsMTQuMTUtMjkuMDcsNC45NC01OCwxMC42NC04Ni44NCwxNi44Mi0zMC40Nyw2LjUyLTYwLjc4LDEzLjY4LTkxLDIxLjI2LTIyLjc4LDUuNzEtNDUuMzcsMTIuMS02OC40MSwxNi44MmE0OTcuNjUsNDk3LjY1LDAsMCwxLTc1LjcxLDkuODcsNDk1LjcsNDk1LjcsMCwwLDEtNjEuNDItLjQ5QTYwOCw2MDgsMCwwLDEsNjUxLDI5Mi42MWMtMjIuNzktNC4xNy00NS4yNy05LjY4LTY3LjU1LTE2LjA2LTM1LjI5LTEwLjEtNjkuNjktMjIuNzItMTAzLjY4LTM2LjQ2UTQ0Mi41MywyMjUsNDA2LjA1LDIwOGMtMjAuODQtOS42OS00MS42OC0xOS40LTYyLjMxLTI5LjUyLTI5LjQ2LTE0LjQ1LTU4LjgzLTI5LjExLTg3Ljk0LTQ0LjI2LTI2LjMxLTEzLjY5LTUyLjM5LTI3Ljc4LTc4LjM3LTQyLjA2QzE1MCw3Ny4wNiwxMjIuODQsNjEuNDcsOTUuMTksNDYuNzZjLTI2LjQ3LTE0LjA5LTUzLTI4LTgwLTQxQzEwLjY1LDMuNTUsNS4wNiwwLDAsMFY3MDhIMTkyMFoiLz48L3N2Zz4=\"","import React, { useState } from 'react';\nimport Markdown from 'utils/markdownToComponent';\nimport Helmet from 'react-helmet';\nimport styled from 'styled-components';\nimport { colors } from 'styles';\nimport imgModale from 'images/modale/confirmModale.svg';\n\nconst StyledDiv = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding-top: 2rem;\n  opacity: ${props => (props.isLoading ? '1' : '0')};\n`;\nconst StyledMarkdown = styled(Markdown)`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  padding-top: 1.5rem;\n\n  h6 {\n    color: ${colors.purple};\n    font-family: 'Nunito', 'Roboto', Arial, 'Helvetica Neue', Helvetica,\n      sans-serif;\n    text-transform: uppercase;\n    font-size: 20px;\n  }\n  p {\n    font-size: 20px;\n  }\n`;\nconst ConfirmModale = props => {\n  const [isLoading, setIsLoading] = useState(false);\n  setTimeout(() => setIsLoading(true), 400);\n  return (\n    <>\n      <Helmet>\n        <style type=\"text/css\">\n          {`\n          .zsiq_floatmain{\n          display: none !important;\n          `}\n        </style>\n      </Helmet>\n      <StyledDiv id={'confirmModale'} isLoading={isLoading}>\n        <img src={imgModale} alt={'image confirmation'} loading=\"lazy\" />\n        <StyledMarkdown>\n          {props.data.dataMessage.rawMarkdownBody}\n        </StyledMarkdown>\n      </StyledDiv>\n      <img src=\"https://ct.capterra.com/capterra_tracker.gif?vid=2126943&vkey=de96b4db594d793c1030373bd93e16b8\" />\n    </>\n  );\n};\n\nexport default ConfirmModale;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5MjAuMDkgNjg1Ljg2IiBwcmVzZXJ2ZUFzcGVjdFJhdGlvPSJub25lIj48ZGVmcz48c3R5bGU+LmNscy0xe2ZpbGw6I2VmZWZlZjt9PC9zdHlsZT48L2RlZnM+PHRpdGxlPmJhY2tncm91bmRTdWJJbnRyb0JvdHRvbTwvdGl0bGU+PHBhdGggY2xhc3M9ImNscy0xIiBkPSJNMTkyMC4wOSwwSDBWNjg1LjQ2YzIuNTksMS4xOSw0LS40Niw1LjQzLTIuMjEsMy43My00LjcsNy4yMi05LjU4LDEwLjczLTE0LjQ0LDI5LjQ1LTQwLjc5LDU4LjE0LTgyLjEzLDg3LjktMTIyLjcsMjIuNjYtMzAuOSw0Ni02MS4yNSw3MC43Ni05MC41NXEyNi40My0zMS4zMyw1NC44OS02MC44MWMxMi41MS0xMi45MywyNS43Ni0yNS4wOSwzOS0zNy4yM2E3MzYuNiw3MzYuNiwwLDAsMSw3Ni4wOS02MC43NSw2OTkuNDksNjk5LjQ5LDAsMCwxLDEyMi40LTY4LjM3LDc2NS40Nyw3NjUuNDcsMCwwLDEsMTMxLjM5LTQzYzMwLjUyLTcuMDcsNjEuNDMtMTEuOTUsOTIuNTQtMTUuNzdhODQwLjMxLDg0MC4zMSwwLDAsMSw4NC4wOC02LjQzYzI4LjYxLS42Myw1Ny4yNy0uOTEsODUuOTMuNTIsMjEuNDQsMS4wOCw0Mi44NSwyLjM4LDY0LjI1LDQuMDgsMjMuMjQsMS44NCw0Ni40LDQuNDUsNjkuNSw3LjQ4LDU1LDcuMiwxMDkuNiwxNy4xNiwxNjMuNzEsMjkuNDIsNDQuMzUsMTAsODguNTcsMjAuNjgsMTMzLjI2LDI5LjE3LDMyLjU3LDYuMTksNjUuMjcsMTEuNjEsOTguMTMsMTUuOTMsMzUuMzIsNC42Myw3MC43Myw4LjI3LDEwNi4zMiwxMC4zOCwyMS42LDEuMjgsNDMuMiwyLjMsNjQuODIsMi42NywzMC40Ny41Miw2MC45LS43NSw5MS4zMS0yLjczcTI4LjY4LTEuODcsNTcuMTQtNS41N2E4MDkuMzMsODA5LjMzLDAsMCwwLDkxLjI3LTE3LjIzLDY2MS41Nyw2NjEuNTcsMCwwLDAsMTEyLjM0LTM4LjU1YzIuNzYtMS4yNCw1LjItMi42Nyw2Ljc2LTUuMzIiLz48L3N2Zz4=\"","import React, { useState, useEffect } from 'react';\nimport styled from 'styled-components';\nimport { Grid, Typography } from '@material-ui/core';\nimport { breakpoint } from 'utils/mediaQueries';\nimport { colors } from 'styles';\nimport SubIntroBackground from 'components/pages/Solution/Marketing/SubIntroBackground';\nimport SliderBlock from 'components/pages/Solution/Marketing/SliderBlock/SliderBlock';\nimport Content from 'components/basics/Content';\n\nconst Container = styled.div`\n  width: 50vw;\n  ${breakpoint.down('md')`\n    width: 100vw;\n  `}\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n`;\n\nconst Text = styled.div`\n  ${breakpoint.down('sm')`padding: 1em;`};\n`;\n\nconst StyledTypography = styled(Typography)`\n  margin-left: 7em;\n  padding-right: 7em;\n  width: 100%;\n  ${breakpoint.down('lg')`\n  margin-left: 6em;\n  padding-right: 6em;\n  `};\n  ${breakpoint.down('md')`\n  margin-left: 5em;\n  padding-right: 0;\n  width: 100%;\n  `};\n  ${breakpoint.down('sm')`\n    margin-left: 0;\n    padding-right: 0;\n  `};\n  & h1 {\n    font-size: 0;\n  }\n  & h2 {\n    font-size: 2em;\n    font-weight: bolder;\n    ${breakpoint.down('lg')`\n      font-size: 1.5em;\n    `};\n  }\n  & span {\n    color: ${colors.purple};\n  }\n\n  & section {\n    margin-bottom: 12.5%;\n  }\n\n  & b {\n    margin-top: 1em;\n    font-size: 1.125em;\n  }\n\n  & ul {\n    ${breakpoint.up('sm')`\n    padding-left: 5em;\n    padding-right: 8em;\n    // padding: 8em;\n    `}\n    & li {\n      font-size: 1.5rem;\n      margin: 0.5em 0;\n    }\n  }\n`;\n\nconst TextBlock = ({ data, testimonialBlockData, langKey }) => {\n  const [width, setWidth] = useState(200);\n  const [heightHeader, setHeightHeader] = useState(0);\n  const [heightIntro, setHeightIntro] = useState(0);\n  const [heightTitleIntro, setHeightTitleIntro] = useState(0);\n\n  const updateDimensions = () => {\n    const headerNav = document.getElementById('headerNav');\n    const heightIntroDim = document.getElementById('introBlock');\n    const heightTitleIntroDim = document.getElementById('titleIntroBlock');\n    setWidth(window.innerWidth);\n    setHeightHeader(headerNav && headerNav.offsetHeight);\n    setHeightIntro(heightIntroDim && heightIntroDim.offsetHeight);\n    setHeightTitleIntro(\n      heightTitleIntroDim && heightTitleIntroDim.offsetHeight\n    );\n  };\n\n  useEffect(() => {\n    const headerNav = document.getElementById('headerNav');\n    if (headerNav) {\n      updateDimensions();\n    }\n  }, [heightHeader]);\n\n  useEffect(() => {\n    window.addEventListener('resize', updateDimensions);\n    return () => window.removeEventListener('resize', updateDimensions);\n  }, []);\n  const heightBackground = heightHeader + heightIntro + 216;\n  const heightTitle = heightTitleIntro + heightHeader + 96;\n  return (\n    <>\n      <Container heightHeader={heightHeader}>\n        <StyledTypography>\n          <Text dangerouslySetInnerHTML={{ __html: data.html }} />\n        </StyledTypography>\n        <div>\n          {/* <QuoteBlock> */}\n          {/*  <img */}\n          {/*    src={ */}\n          {/*      testimonialBlockData?.imagesSliderQuotes.find( */}\n          {/*        img => img.base === 'heineken_experience.png' */}\n          {/*      ).childImageSharp.fluid.src */}\n          {/*    } */}\n          {/*  /> */}\n          {/*  <StyledTypography> */}\n          {/*    <TestimonialContainer */}\n          {/*      dangerouslySetInnerHTML={{ */}\n          {/*        __html: testimonialBlockData?.markdownContent[0]?.html, */}\n          {/*      }} */}\n          {/*    /> */}\n          {/*  </StyledTypography> */}\n          {/* </QuoteBlock> */}\n        </div>\n      </Container>\n      <SubIntroBackground\n        widthWindow={width}\n        heightBackground={heightBackground}\n        heightTitle={heightTitle}\n      />\n    </>\n  );\n};\n\nexport default TextBlock;\n","import React, { useState } from 'react';\nimport styled, { StyleSheetManager } from 'styled-components';\nimport { Typography } from '@material-ui/core';\nimport { colors } from 'styles';\nimport { getFormConfig } from 'components/pages/Index/FormModals/formConfigs';\nimport DemoForm from 'components/pages/Index/FormModals/modalComponents/DemoForm';\nimport { globalHistory } from '@reach/router';\nimport _ from 'lodash';\nimport { breakpoint } from 'src/utils/mediaQueries';\nimport ConfirmModale from 'src/components/pages/ConfirmModale';\nimport Frame, { FrameContextConsumer } from 'react-frame-component';\n\nconst Container = styled.div`\n  width: 50vw;\n  ${breakpoint.down('md')`\n    width: 100vw;\n  `};\n  height: 100%;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n`;\n\nconst Title = styled(Typography)`\n  & h3 {\n    font-size: 2em;\n    text-align: center;\n    //margin-top: 1em !important;\n    //margin-bottom: 0 !important;\n    margin: 0 5em 1em 5em !important;\n    //margin-left: 5em !important;\n    //margin-right: 5em !important;\n    color: ${colors.purple};\n  }\n`;\n\nconst StyledFrame = styled(Frame)`\n  width: 100%;\n  height: 35em;\n  ${breakpoint.down('sm')`\n    height: 40em;\n  `};\n  border: none;\n  padding: 0 1.5rem 1rem 1.5rem;\n  overflow: hidden;\n`;\n\nconst FormBlock = ({\n  title: formTitle,\n  langKey,\n  confirmMessage,\n  location,\n  ...props\n}) => {\n  const [isSubmitted, setIsSubmitted] = useState(false);\n  const [isLoading, setIsLoading] = useState(false);\n  const { formHash, formComponent } = getFormConfig('DEMO');\n  const { origin } = globalHistory.location;\n\n  const clonedFormHash = _.cloneDeep(formHash);\n  clonedFormHash['returnURL'] = `${origin}/${langKey}/${\n    clonedFormHash['returnURL']\n  }`;\n  return (\n    <Container>\n      <Title>\n        <div dangerouslySetInnerHTML={{ __html: formTitle }} />\n      </Title>\n      {isSubmitted || location.search === '?formSubmitted=true' ? (\n        <ConfirmModale {...props} seo={props.seo} />\n      ) : (\n        <StyledFrame>\n          <FrameContextConsumer>\n            {frameContext => (\n              <StyleSheetManager target={frameContext.document.head}>\n                <DemoForm\n                  formHash={clonedFormHash}\n                  onSubmit={() => {\n                    setTimeout(() => {\n                      setIsSubmitted(true);\n                    }, 500);\n                  }}\n                  isLoading={isLoading}\n                />\n              </StyleSheetManager>\n            )}\n          </FrameContextConsumer>\n        </StyledFrame>\n      )}\n    </Container>\n  );\n};\n\nexport default FormBlock;\n","import React, { useEffect, useState } from 'react';\nimport Layout from 'components/layout';\nimport { orderBy } from 'lodash';\nimport { FormattedMessage } from 'react-intl';\nimport styled from 'styled-components';\nimport { Grid, Typography } from '@material-ui/core';\nimport TextBlock from 'components/pages/DemoRequest/TextBlock';\nimport FormBlock from 'components/pages/DemoRequest/FormBlock';\nimport LinkBlocks from 'components/LinkBlock/LinkBlocks';\nimport LinkBlockBackground from 'components/pages/Solution/Marketing/LinkBlockBackground';\nimport { breakpoint } from 'utils/mediaQueries';\n\nconst LinkGrid = styled(Grid)`\n  margin-top: 0rem;\n  position: relative;\n  padding-top: 5rem;\n  padding-bottom: 4rem;\n  background-position: top;\n  ${breakpoint.down('lg')`\n  padding-top: 6rem;padding-bottom: 2rem;margin-top: 0;`}\n  ${breakpoint.down('md')`\n  padding-bottom: 4rem;`}\n  ${breakpoint.down('sm')`padding-top:0;padding-bottom: 6rem;`};\n`;\n\nconst Container = styled.div`\n  min-height: ${({ headerHeight }) =>\n    `calc(80vh - ${headerHeight}px - 1.125em)`};\n  width: 100%;\n  display: inline-flex;\n  ${breakpoint.down('md')`\n  display: block;`};\n`;\n\nconst LogosContainer = styled.div`\n  width: calc(100% - 6em);\n  ${breakpoint.down('sm')`\n  text-align: center;\n  width: 100%;\n  margin: 0;\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  `};\n  margin-left: 6em;\n`;\n\nconst LogoTitle = styled(Typography)`\n  font-weight: bold;\n  font-size: 2em;\n`;\n\nconst ImagesBlock = styled.div`\n  display: flex;\n  justify-content: space-around;\n  ${breakpoint.down('sm')`\n  flex-direction: column;\n  width: 50%;\n  align-items: center;\n  `};\n  width: 100%;\n  margin-top: 2em;\n\n  & img {\n    object-fit: contain;\n  }\n`;\n\nconst DemoRequestPage = props => {\n  const [heightHeader, setHeightHeader] = useState(0);\n  useEffect(() => {\n    const headerNav = document.getElementById('headerNav');\n    if (headerNav) {\n      setHeightHeader(headerNav && headerNav.offsetHeight);\n    }\n  }, [heightHeader]);\n\n  const {\n    dataBlockLinkBody,\n    textBlockData,\n    formBlockData,\n    dataMessage,\n    imagesLogosBlock,\n  } = props.data;\n\n  const images = imagesLogosBlock.nodes.map((img, ind) => {\n    if (img.base === 'heineken_experience_green.png') {\n      return { ...img, index: 4 };\n    } else if (img.base === 'maif.png') {\n      return { ...img, index: 2 };\n    } else if (\n      img.base === 'loreal.png' &&\n      props.pageContext.langKey === 'en'\n    ) {\n      return { ...img, index: 3 };\n    } else if (img.base === 'tui.png') {\n      return { ...img, index: 1 };\n    } else {\n      return { ...img, index: ind };\n    }\n  });\n\n  const linkBlocksData = {\n    markdownContent: dataBlockLinkBody,\n  };\n\n  const testimonialBlockData = {\n    markdownContent: props.data.dataTestimonialBlock.nodes,\n    imagesSliderQuotes:\n      props.data.imagesQuotesTestimonialBlock &&\n      props.data.imagesQuotesTestimonialBlock.nodes,\n  };\n\n  return (\n    <Layout location={props.location} seo={{ ...props.seo }}>\n      <Container headerHeight={heightHeader}>\n        <TextBlock\n          data={textBlockData}\n          testimonialBlockData={testimonialBlockData}\n          langKey={props.pageContext.langKey}\n        />\n        <FormBlock\n          title={formBlockData.html}\n          langKey={props.pageContext.langKey}\n          confirmMessage={dataMessage.rawMarkdownBody}\n          {...props}\n        />\n      </Container>\n      <LogosContainer>\n        <LogoTitle>\n          <FormattedMessage id=\"demoRequest.logoBlockTitle\" />\n        </LogoTitle>\n        <ImagesBlock>\n          {orderBy(images, img => img.index)?.map(image => (\n            <img src={image.childImageSharp.fluid.src} alt={image.base} loading=\"lazy\" />\n          ))}\n        </ImagesBlock>\n      </LogosContainer>\n      <LinkGrid>\n        <LinkBlocks\n          data={linkBlocksData.markdownContent.nodes}\n          lang={props.pageContext.langKey}\n          disablePadding\n        />\n        <LinkBlockBackground />\n      </LinkGrid>\n    </Layout>\n  );\n};\n\nexport default DemoRequestPage;\n","module.exports = \"data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDE5MjAuMDkgMTEwMS42NCIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+PGRlZnM+PHN0eWxlPi5jbHMtMXtmaWxsOiNlZmVmZWY7fTwvc3R5bGU+PC9kZWZzPjx0aXRsZT5iYWNrZ3JvdW5kU3ViSW50cm88L3RpdGxlPjxwYXRoIGNsYXNzPSJjbHMtMSIgZD0iTTE5MjAuMDksNC42djEwOTdIMFYxMDExLjFjMS40MS0yLjY3LDMuNjktMy4zOCw2LjYtMy41LDIwLS44MiwzOS44LTMsNTkuNjctNC43OSw0Mi43OC00LDg1LjM1LTkuNTQsMTI3Ljc3LTE2LjI1LDIzLjg0LTMuNzgsNDcuNi04LjA2LDcxLjM0LTEyLjUycTYzLjg2LTEyLDEyNi44OC0yNy43M2M0OS4yOS0xMi4zMyw5OC4xOS0yNi4wNywxNDYuNi00MS41OHE1Mi4zOC0xNi43NywxMDMuOC0zNi4yMVE3MDUuNTQsODQ0Ljc5LDc2Ni43Nyw4MTdxNDgtMjEuODcsOTQuOC00Ni4xUTkxOSw3NDEuMDcsOTc0LjExLDcwNy4wNWMyOC41MS0xNy41OCw1Ni42OS0zNS42NSw4NC4xMi01NC44NiwyMi42NC0xNS44Nyw0NS0zMi4wNyw2Ni45NC00OXEzNi42MS0yOC4yNSw3MS42OC01OC4zM2MxNS40Mi0xMy4yMiwzMC4zNi0yNyw0NS4zMy00MC43MnEyNy44MS0yNS41MSw1NC4xNy01Mi41LDMyLjkzLTMzLjg0LDYzLjg0LTY5LjUyLDMyLjMyLTM3LjE2LDYyLjE4LTc2LjI5YTE1OTMuMTMsMTU5My4xMywwLDAsMCwxMDEuMzYtMTQ5LjcyYzE0LjEzLTIzLjc1LDI3Ljg4LTQ3Ljc1LDQ0LTcwLjMxLDE5LjYyLTI3LjUsNDEuNTUtNTIuODcsNjYuNzUtNzUuNDIsNC43Mi00LjIzLDkuMTQtOC43MywxNS41NS0xMC4zMnExMzIuNzUsMCwyNjUuNS0uMWMzLjc1LDAsNC41OS44NSw0LjU5LDQuNiIvPjwvc3ZnPg==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDYwMCAxMTk4LjMiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZWZlZmVmO308L3N0eWxlPjwvZGVmcz48dGl0bGU+YmFja2dyb3VuZExpbmtzTW9iaWxlPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik02MDAsMTE5OC4zVi44NWMtNDYuNTctMi4zMi0xMDguOC4zNS0xNTUuMyw1QTExNzUuNzksMTE3NS43OSwwLDAsMCwzMjYuOTQsMjQuMTZjLTcxLjEsMTQuNDctMTQxLjA3LDM1LjU0LTIxMC4yLDYxLDAsMC02NSwyOC40OC0xMTYuNzQsMjcuNzhWMTE5OC4zWiIvPjwvc3ZnPg==\"","module.exports = \"data:image/svg+xml;base64,PHN2ZyBpZD0iQ2FscXVlXzEiIGRhdGEtbmFtZT0iQ2FscXVlIDEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgdmlld0JveD0iMCAwIDc1MCA4MTcuMzQiIHByZXNlcnZlQXNwZWN0UmF0aW89Im5vbmUiPjxkZWZzPjxzdHlsZT4uY2xzLTF7ZmlsbDojZjFmMWYxO308L3N0eWxlPjwvZGVmcz48dGl0bGU+YmFja2dyb3VuZFN1YkludHJvTW9iaWxlPC90aXRsZT48cGF0aCBjbGFzcz0iY2xzLTEiIGQ9Ik02MzMuODMsMEM0ODcuNjYsMjE3LDAsMTU4LjQ3LDAsMTU4LjQ3VjgxNy4zNHMzNzUtMTUwLjQ1LDc1MCwwVjAiLz48L3N2Zz4=\""],"sourceRoot":""}