{"version":3,"file":"component---src-pages-demo-tsx-c1ee134560687ee0f196.js","mappings":"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","sources":["webpack://stamper-new-website/./src/components/checkbox/Checkbox.tsx","webpack://stamper-new-website/./src/components/expandable-text/ExpandableText.tsx","webpack://stamper-new-website/./src/components/hero/hero.tsx","webpack://stamper-new-website/./src/components/text-input/TextInput.tsx","webpack://stamper-new-website/./src/pages/demo.tsx","webpack://stamper-new-website/./src/images/icons/arrow-icon.svg","webpack://stamper-new-website/./src/images/icons/list-item-icon.svg","webpack://stamper-new-website/./src/images/hero-big.svg","webpack://stamper-new-website/./src/images/hero-small.svg"],"sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\n\nconst CheckboxContainer = styled.div`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  border: 2px solid #fff;\n  border-radius: 4px;\n  width: 22px;\n  height: 22px;\n  cursor: pointer;\n`;\n\nconst Icon = styled.svg`\n  fill: none;\n  width: 9px;\n  height: 7px;\n  visibility: hidden;\n`;\n// Hide checkbox visually but remain accessible to screen readers.\n// Source: https://polished.js.org/docs/#hidevisually\nconst HiddenCheckbox = styled.input.attrs({ type: \"checkbox\" })`\n  border: 0;\n  clip: rect(0 0 0 0);\n  clip-path: inset(50%);\n  height: 1px;\n  margin: -1px;\n  overflow: hidden;\n  padding: 0;\n  position: absolute;\n  white-space: nowrap;\n  width: 1px;\n`;\n\nconst StyledCheckbox = styled.div`\n  display: inline-flex;\n  align-items: center;\n  justify-content: center;\n  width: 14px;\n  height: 14px;\n  background-color: #8ab4fe;\n  border-radius: 2px;\n  transition: background-color 150ms;\n\n  ${HiddenCheckbox}:checked + & {\n    background-color: #0ce8f9;\n\n    ${Icon} {\n      visibility: visible;\n    }\n  }\n`;\n\nconst Checkbox = ({ ...props }) => (\n  <CheckboxContainer>\n    <HiddenCheckbox {...props} />\n    <StyledCheckbox>\n      <Icon>\n        <path\n          fillRule=\"evenodd\"\n          clipRule=\"evenodd\"\n          d=\"M8.828.737a.587.587 0 010 .83L4.133 6.262a.587.587 0 01-.83 0L.956 3.915a.587.587 0 01.83-.83l1.932 1.932 4.28-4.28a.587.587 0 01.83 0z\"\n          fill=\"#0046F5\"\n        />\n      </Icon>\n    </StyledCheckbox>\n  </CheckboxContainer>\n);\n\nexport { Checkbox };\n","import React from \"react\";\nimport styled from \"styled-components\";\n\ntype Props = {\n  length?: number;\n  text: string;\n  height: number;\n};\n\nconst StyledText = styled.p<{ height: number }>`\n  margin: 0;\n  padding: 0;\n  color: #fff;\n  font-family: Nunito, sans-serif;\n  font-size: 12px;\n  line-height: 16px;\n  height: ${({ height }) => height}px;\n`;\n\nconst ExpandLink = styled.span`\n  color: #0ce8f9;\n  font-family: Nunito, sans-serif;\n  font-size: 12px;\n  line-height: 16px;\n  cursor: pointer;\n  margin-left: 5px;\n`;\n\nconst ExpandableText: React.FC<Props> = ({ length = 100, text, height }) => {\n  const [expand, setExpand] = React.useState(false);\n\n  return (\n    <StyledText height={height}>\n      {expand ? text : `${text.slice(0, length)}...`}\n      <ExpandLink\n        onClick={(e) => {\n          e.preventDefault();\n          setExpand(!expand);\n        }}\n      >\n        {expand ? \"zwiń «\" : \"rozwiń »\"}\n      </ExpandLink>\n    </StyledText>\n  );\n};\n\nexport { ExpandableText };\n","import styled, { css } from \"styled-components\";\n\nimport HeroSmall from \"../../images/hero-small.svg\";\nimport HeroBig from \"../../images/hero-big.svg\";\nimport HeroBg from \"../../images/hero.svg\";\nimport HeroBgSmall from \"../../images/hero-small-bg.svg\";\n\ntype Props = {\n  disabledWave?: boolean;\n};\n\nconst Hero = styled.div<Props>`\n  padding-bottom: 140px;\n  /* padding-bottom: ${(props) => props.theme.screen.lg ? '80px' : '140px'}; */\n  background-image: url(${HeroSmall}), url(${HeroBig}),\n    ${({ disabledWave }) =>\n      disabledWave\n        ? \"linear-gradient(102.8deg, #042E6F -1.12%, #001431 100.98%)\"\n        : `url(${HeroBg})`};\n  background-repeat: no-repeat;\n  background-position: -164px -184px, 100% -310px, 0 100%;\n  background-size: 675px 906px, 880px 1180px, cover;\n  max-width: 1920px;\n  margin: 0 auto;\n\n  ${(props) => props.theme.screens.lg && css`\n    padding-bottom: 80px;\n    background-image: url(${HeroSmall}), ${props.disabledWave ? \"linear-gradient(102.8deg, #042E6F -1.12%, #001431 100.98%)\" : `url(${HeroBgSmall})`};\n    background-size: 675px 906px, cover;\n    background-position: -164px -184px, 0 100%;\n  `};\n`;\n\nexport { Hero };\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { motion, AnimatePresence } from \"framer-motion\";\n\ntype Props = {\n  label: string;\n  name: string;\n  id?: string;\n  type?: \"text\" | \"password\" | \"email\";\n};\n\nconst variants = {\n  active: {\n    y: -15,\n    fontSize: \"12px\",\n  },\n  initial: {\n    y: 0,\n    fontSize: \"16px\",\n  },\n};\n\nconst StyledInput = styled.input`\n  background: none;\n  border: none;\n  outline: none;\n  font-family: Nunito, sans-serif;\n  font-weight: 400;\n  font-size: 16px;\n  line-height: 22px;\n  color: #001331;\n`;\n\nconst StyledLabel = styled(motion.label)`\n  padding: 15px 19px;\n  background-color: #fff;\n  border-radius: 4px;\n  border: 2px solid #fff;\n  cursor: text;\n  position: relative;\n  display: inline-block;\n`;\n\nconst StyledTitle = styled(motion.div).attrs(() => ({\n  initial: \"initial\",\n  variants,\n}))`\n  font-family: Nunito, sans-serif;\n  font-size: 16px;\n  line-height: 22px;\n  font-weight: 400;\n  color: #7d7d7d;\n  position: absolute;\n  left: 21px;\n`;\n\nconst TextInput: React.FC<Props> = ({ label, name, id, type = \"text\" }) => {\n  const [isActive, setActive] = React.useState(false);\n  const [inputValue, setInputValue] = React.useState(\"\");\n  return (\n    <StyledLabel\n      onFocus={() => !isActive && setActive(true)}\n      onBlur={() => inputValue === \"\" && setActive(false)}\n    >\n      <AnimatePresence>\n        <StyledTitle animate={isActive ? \"active\" : \"initial\"}>\n          {label}\n        </StyledTitle>\n      </AnimatePresence>\n      <StyledInput\n        id={id}\n        value={inputValue}\n        type={type}\n        name={name}\n        onChange={(e) => setInputValue(e.target.value)}\n      />\n    </StyledLabel>\n  );\n};\n\nexport { TextInput };\n","import React from \"react\";\nimport { Link } from \"gatsby\";\nimport styled, { css } from \"styled-components\";\nimport { motion } from \"framer-motion\";\nimport { RouteComponentProps } from \"@reach/router\";\nimport \"@fontsource/poppins/400.css\";\nimport \"@fontsource/poppins/700.css\";\nimport \"@fontsource/nunito/400.css\";\nimport \"@fontsource/nunito/600.css\";\nimport \"@fontsource/nunito/700.css\";\n\nimport { Layout } from \"../components/layout\";\nimport { SEO } from \"../components/seo\";\n\nimport { Container } from \"../components/container\";\nimport { TextInput } from \"../components/text-input\";\nimport { Menu, MenuContainer } from \"../components/menu\";\nimport { MobileMenu } from \"../components/mobile-menu\";\nimport { Hero } from \"../components/hero\";\nimport { Checkbox } from \"../components/checkbox\";\nimport { ExpandableText } from \"../components/expandable-text\";\n\nimport ListItemIcon from \"../images/icons/list-item-icon.svg\";\n\nimport Arrow from \"../images/icons/arrow-icon.svg\";\n\nconst MainSection = styled.section`\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  flex-direction: ${(props) => (props.theme.screens.xl ? \"column\" : \"row\")};\n  padding-top: ${(props) => (props.theme.screens.xl ? \"150px\" : \"180px\")};\n  gap: 36px;\n`;\n\nconst Header = styled.h2`\n  margin: 0 0 10px 0;\n  padding: 0;\n  font-family: Poppins, sans-serif;\n  font-size: 32px;\n  line-height: 42px;\n  font-weight: 400;\n\n  strong {\n    font-weight: 700;\n  }\n`;\n\nconst SubHeader = styled.h3`\n  margin: 0 0 60px 0;\n  font-family: Nunito, sans-serif;\n  font-size: 16px;\n  line-height: 22px;\n  color: #709be7;\n  font-weight: 700;\n`;\n\nconst ContactList = styled.ul`\n  margin: 0;\n  padding: 0;\n  list-style: none;\n`;\n\nconst ContactListItem = styled.li`\n  font-family: Nunito, sans-serif;\n  font-size: 16px;\n  line-height: 22px;\n  color: #709be7;\n  font-weight: 400;\n  display: flex;\n  align-items: center;\n  margin-bottom: 20px;\n  column-gap: 20px;\n\n  svg {\n    flex-shrink: 0;\n  }\n`;\n\nconst StyledForm = styled.form`\n  background-color: #0147f5;\n  border-radius: 30px;\n  padding: 43px 30px;\n  flex: 1 0 635px;\n`;\n\nconst Section = styled.div`\n  display: grid;\n  /* grid-template-columns: repeat(2, 1fr); */\n  grid-template: ${(props) => (props.theme.screens.xl ? \"auto\" : \"auto/repeat(2, 1fr)\")};\n  grid-gap: 20px;\n  margin-bottom: 46px;\n`;\n\nconst RoundedButton = styled.button`\n  margin: 0;\n  padding: 12px 23px;\n  border: none;\n  background-color: #0ce8f9;\n  font-family: Nunito, sans-serif;\n  font-weight: 600;\n  font-size: 16px;\n  line-height: 22px;\n  color: #0147f5;\n  border-radius: 30px;\n  display: inline-flex;\n  align-items: center;\n  column-gap: 17px;\n  cursor: pointer;\n  outline: none;\n  transition: background-color 150ms ease-out;\n\n  &:active,\n  &:focus {\n    background-color: #77f5ff;\n  }\n\n  svg {\n    transform: translateX(0);\n    transition: transform 150ms ease-out;\n  }\n\n  path {\n    fill: currentColor;\n  }\n\n  &:hover {\n    svg {\n      transform: translateX(6px);\n    }\n  }\n`;\n\nconst StyledLink = styled(Link)`\n  color: #0ce8f9;\n`;\n\nconst StyledPara = styled.p`\n  margin: 0 0 8px 0;\n  font-size: 14px;\n  line-height: 19px;\n`;\n\nconst StyledLabel = styled.label`\n  margin: 0;\n  display: flex;\n  column-gap: 10px;\n  cursor: pointer;\n`;\n\nconst CheckboxContainer = styled.div`\n  flex-shrink: 0;\n`;\n\nconst ButtonContainer = styled.div`\n  margin-top: 55px;\n  text-align: center;\n`;\n\nconst DemoPage: React.FC<RouteComponentProps> = ({ location = {} }) => {\n  const path = location.pathname;\n  return (\n    <Layout>\n      <SEO title=\"Stamper - Demo\"/>\n      <Hero disabledWave>\n        <Container>\n          <MenuContainer>\n            <Menu />\n          </MenuContainer>\n        </Container>\n        <MobileMenu />\n        <Container>\n          <MainSection>\n            <div>\n              <Header>\n                <strong>Zamów</strong>\n                <br />\n                prezentację Stamper!\n              </Header>\n              <SubHeader>Zapisz się na prezentację, podczas której: </SubHeader>\n              <ContactList>\n                <ContactListItem>\n                  <ListItemIcon />\n                  <span>\n                    Odbędziesz 20-minutową rozmowę z naszym ekspertem programów\n                    lojalnościowych.\n                  </span>\n                </ContactListItem>\n                <ContactListItem>\n                  <ListItemIcon />\n                  <span>\n                    Otrzymasz szczegółowe informację na temat korzyści płynących z wdrożenia aplikacji\n                    Stamper w Twoim biznesie.\n                  </span>\n                </ContactListItem>\n                <ContactListItem>\n                  <ListItemIcon />\n                  <span>\n                    Pomożemy Ci w konfiguracji pierwszej promocji w Stamper.\n                  </span>\n                </ContactListItem>\n              </ContactList>\n            </div>\n            <StyledForm action=\"/Form/Demo\">\n              <Section>\n                <TextInput id=\"Firstname\" name=\"Firstname\" label=\"Imię...\" />\n                <TextInput id=\"Lastname\" name=\"Lastname\" label=\"Nazwisko...\" />\n                <TextInput id=\"PhoneNumber\" name=\"PhoneNumber\" label=\"Telefon...\" />\n                <TextInput id=\"Email\" name=\"Email\" label=\"Email...\" />\n              </Section>\n              <StyledPara>\n                Zapoznałem się z{\" \"}\n                <StyledLink to=\"/gdpr\">\n                  obowiązkiem informacyjnym wynikającym z RODO\n                </StyledLink>{\" \"}\n                oraz\n              </StyledPara>\n              <StyledLabel>\n                <CheckboxContainer>\n                  <Checkbox id=\"accept\"/>\n                </CheckboxContainer>\n                <ExpandableText height={60} text=\"wyrażam zgodę na: przetwarzanie moich danych osobowych podanych przy rejestracji w celu umożliwienia Administratorowi Danych Osobowych skontaktowania się ze mną drogą e-mailową oraz telefoniczną, a także wyrażam zgodę na przedstawienie mi przez Administratora Danych Osobowych oferty handlowej dotyczącej możliwości korzystania z aplikacji Stamper, jak też wyrażam zgodę na używanie przez Administratora Danych Osobowych telekomunikacyjnych urządzeń końcowych i automatycznych systemów wywołujących dla celów marketingu bezpośredniego.\" />\n              </StyledLabel>\n              <ButtonContainer>\n                <RoundedButton id=\"form-sumbit\">\n                  ZATWIERDŹ\n                  <Arrow />\n                </RoundedButton>\n              </ButtonContainer>\n            </StyledForm>\n          </MainSection>\n        </Container>\n      </Hero>\n    </Layout>\n  );\n};\n\nexport default DemoPage;\n","var React = require('react');\n\nfunction ArrowIcon (props) {\n    return React.createElement(\"svg\",props,[React.createElement(\"path\",{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M11.5541 0.591941C11.6428 0.502975 11.7483 0.43239 11.8643 0.384229C11.9804 0.336069 12.1048 0.311279 12.2305 0.311279C12.3561 0.311279 12.4805 0.336069 12.5966 0.384229C12.7127 0.43239 12.8181 0.502975 12.9068 0.591941L18.6388 6.32388C18.7277 6.41262 18.7983 6.51804 18.8465 6.63411C18.8946 6.75017 18.9194 6.87459 18.9194 7.00025C18.9194 7.12591 18.8946 7.25033 18.8465 7.36639C18.7983 7.48246 18.7277 7.58788 18.6388 7.67662L12.9068 13.4086C12.7275 13.5879 12.4842 13.6887 12.2305 13.6887C11.9768 13.6887 11.7335 13.5879 11.5541 13.4086C11.3747 13.2292 11.2739 12.9859 11.2739 12.7322C11.2739 12.4785 11.3747 12.2352 11.5541 12.0558L16.6116 7.00025L11.5541 1.94468C11.4651 1.85594 11.3945 1.75052 11.3464 1.63445C11.2982 1.51839 11.2734 1.39397 11.2734 1.26831C11.2734 1.14265 11.2982 1.01823 11.3464 0.902166C11.3945 0.786103 11.4651 0.680682 11.5541 0.591941Z\",\"fill\":\"white\",\"key\":0}),React.createElement(\"path\",{\"fillRule\":\"evenodd\",\"clipRule\":\"evenodd\",\"d\":\"M0 7.00049C0 6.74712 0.10065 6.50413 0.279808 6.32497C0.458966 6.14582 0.701956 6.04517 0.955324 6.04517H17.0432C17.2966 6.04517 17.5396 6.14582 17.7188 6.32497C17.8979 6.50413 17.9986 6.74712 17.9986 7.00049C17.9986 7.25386 17.8979 7.49685 17.7188 7.67601C17.5396 7.85516 17.2966 7.95581 17.0432 7.95581H0.955324C0.701956 7.95581 0.458966 7.85516 0.279808 7.67601C0.10065 7.49685 0 7.25386 0 7.00049Z\",\"fill\":\"white\",\"key\":1})]);\n}\n\nArrowIcon.defaultProps = {\"width\":\"19\",\"height\":\"14\",\"viewBox\":\"0 0 19 14\",\"fill\":\"none\"};\n\nmodule.exports = ArrowIcon;\n\nArrowIcon.default = ArrowIcon;\n","var React = require('react');\n\nfunction ListItemIcon (props) {\n    return React.createElement(\"svg\",props,[React.createElement(\"path\",{\"d\":\"M14.8141 23.6355C14.4498 23.6338 14.0977 23.5042 13.8192 23.2694L8.47537 18.7561C8.16325 18.4916 7.96889 18.114 7.935 17.7062C7.9011 17.2985 8.03044 16.894 8.2946 16.5816C8.55884 16.2707 8.93519 16.0768 9.34172 16.0421C9.74824 16.0074 10.152 16.1347 10.4651 16.3963L14.6045 19.8983L22.517 10.1309C22.7744 9.81387 23.1471 9.61197 23.5532 9.5696C23.9594 9.52723 24.3657 9.64785 24.683 9.90495C24.8404 10.0321 24.9712 10.189 25.0678 10.3668C25.1644 10.5446 25.2249 10.7397 25.2459 10.941C25.2669 11.1422 25.2479 11.3457 25.1901 11.5396C25.1323 11.7335 25.0367 11.914 24.9089 12.0709L16.01 23.0598C15.8816 23.2201 15.7222 23.3529 15.5414 23.4503C15.3606 23.5477 15.162 23.6078 14.9575 23.627L14.8141 23.6355Z\",\"fill\":\"#0CE8F9\",\"key\":0}),React.createElement(\"path\",{\"d\":\"M16.5934 33.192C12.1933 33.1868 7.97508 31.4362 4.86421 28.3245C1.75335 25.2128 0.00398671 20.9941 0 16.594C0.00485375 12.1946 1.75462 7.97677 4.86541 4.86586C7.9762 1.75494 12.194 0.0050274 16.5934 0C20.9924 0.00571884 25.2097 1.75577 28.3203 4.86639C31.431 7.97702 33.181 12.1943 33.1867 16.5934C33.1821 20.9932 31.4325 25.2117 28.3218 28.3233C25.2111 31.435 20.9932 33.1859 16.5934 33.192ZM16.5934 3.08355C13.0113 3.08736 9.57698 4.51198 7.044 7.04484C4.51102 9.5777 3.08622 13.0119 3.08223 16.594C3.08535 20.1768 4.50973 23.612 7.04277 26.1458C9.57581 28.6795 13.0106 30.1049 16.5934 30.1091C20.1759 30.1042 23.6103 28.6786 26.1432 26.145C28.6761 23.6114 30.1007 20.1766 30.1045 16.594C30.0997 13.0122 28.6746 9.57847 26.1418 7.0458C23.609 4.51312 20.1752 3.08823 16.5934 3.08355Z\",\"fill\":\"#0046F5\",\"key\":1})]);\n}\n\nListItemIcon.defaultProps = {\"width\":\"34\",\"height\":\"34\",\"viewBox\":\"0 0 34 34\",\"fill\":\"none\"};\n\nmodule.exports = ListItemIcon;\n\nListItemIcon.default = ListItemIcon;\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iODMxIiBoZWlnaHQ9Ijc1OCIgdmlld0JveD0iMCAwIDgzMSA3NTgiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuMSIgZD0iTTUzMy45NTYgMi45NzgzQzU0Ny4yMjUgMTYuMjM0MSA1NjUuMTg5IDIzLjcyNzQgNTgzLjk1IDIzLjgzMjlDNjAyLjcxMiAyMy45MzgzIDYyMC43NTkgMTYuNjQ3MyA2MzQuMTc2IDMuNTQxNDRMNjM0LjczNyAyLjk3ODNDNjkxLjA5IC01Mi42NjQzIDc4MS44NTkgLTUyLjU1MjkgODM3Ljg3NiAzLjQzMDE4Qzg5NC4xMTggNTkuNjM1OSA4OTQuMDAyIDE1MC44MDQgODM3Ljc2MiAyMDcuMDFMMzI4LjY4NCA3MTUuNzg5QzI3Mi40NDMgNzcxLjk5NSAxODEuMjIzIDc3Mi4xMDggMTI0Ljk4MiA3MTUuOTAyQzY4Ljc0MDUgNjU5LjY5NyA2OC44NTU2IDU2OC41MjYgMTI1LjA5NSA1MTIuMzJMNDU1LjIyIDE4Mi4zOTFDNDU3LjA5MSAxODAuODIgNDU4LjgyMiAxNzkuMDkgNDYwLjM5NCAxNzcuMjJDNDcyLjYxNyAxNjMuNjQyIDQ3OS4xNjIgMTQ1Ljg5NSA0NzguNjggMTI3LjYzN0M0NzguMTk4IDEwOS4zOCA0NzAuNzI2IDkyLjAwMjEgNDU3LjgwNCA3OS4wODcyQzQ0NC44ODEgNjYuMTcyNCA0MjcuNDk0IDU4LjcwNDQgNDA5LjIyNSA1OC4yMjI3QzM5MC45NTYgNTcuNzQwOSAzNzMuMTk5IDY0LjI4MjIgMzU5LjYxMyA3Ni40OThDMzU3Ljc0MiA3OC4wNjg2IDM1Ni4wMTEgNzkuNzk4NiAzNTQuNDM5IDgxLjY2ODVMMjQ1Ljc1NCAxODkuMjU4QzIxOC43NTYgMjE2LjI0IDE4Mi4xNCAyMzEuMzk4IDE0My45NTkgMjMxLjM5OEMxMDUuNzc5IDIzMS4zOTggNjkuMTYyMiAyMTYuMjQgNDIuMTY0NyAxODkuMjU4QzE1LjE2NzEgMTYyLjI3NiAyLjg0NDY2ZS0wNyAxMjUuNjgxIDAgODcuNTIzN0MtMi44NDQ2NmUtMDcgNDkuMzY2IDE1LjE2NzEgMTIuNzcxMSA0Mi4xNjQ3IC0xNC4yMTA0TDQwOC45OTEgLTM3OS43ODhDNDY1LjIzMiAtNDM1Ljk5NiA1NTYuNDU1IC00MzYuMTA3IDYxMi42OTMgLTM3OS45MDJDNjY4LjkzMiAtMzIzLjY5NiA2NjguODIgLTIzMi41MjggNjEyLjU4IC0xNzYuMzJMNTMzLjk1OSAtOTcuNzQ2QzUyNy4zNCAtOTEuMTMzNiA1MjIuMDg4IC04My4yODI3IDUxOC41MDUgLTc0LjY0MTVDNTE0LjkyMiAtNjYuMDAwMyA1MTMuMDc4IC01Ni43MzgzIDUxMy4wNzggLTQ3LjM4NDZDNTEzLjA3NyAtMzguMDMwOSA1MTQuOTIxIC0yOC43Njg4IDUxOC41MDMgLTIwLjEyNzNDNTIyLjA4NiAtMTEuNDg1OSA1MjcuMzM2IC0zLjYzNDUyIDUzMy45NTYgMi45NzgzWiIgZmlsbD0idXJsKCNwYWludDBfbGluZWFyKSIvPgo8ZGVmcz4KPGxpbmVhckdyYWRpZW50IGlkPSJwYWludDBfbGluZWFyIiB4MT0iMCIgeTE9IjE2OCIgeDI9Ijg4MCIgeTI9IjE2OCIgZ3JhZGllbnRVbml0cz0idXNlclNwYWNlT25Vc2UiPgo8c3RvcCBzdG9wLWNvbG9yPSIjMEM5N0ZFIiBzdG9wLW9wYWNpdHk9IjAuOCIvPgo8c3RvcCBvZmZzZXQ9IjEiIHN0b3AtY29sb3I9IiMwQ0U4RjkiLz4KPC9saW5lYXJHcmFkaWVudD4KPC9kZWZzPgo8L3N2Zz4K\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iNTExIiBoZWlnaHQ9IjgzMCIgdmlld0JveD0iMCAwIDUxMSA4MzAiIGZpbGw9Im5vbmUiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CjxwYXRoIG9wYWNpdHk9IjAuMDUiIGQ9Ik0yNDUuNTY4IDI1MC4yOTdDMjU1Ljc0NyAyNjAuNDc1IDI2OS41MjYgMjY2LjIyOCAyODMuOTE2IDI2Ni4zMDlDMjk4LjMwNyAyNjYuMzkgMzEyLjE1IDI2MC43OTIgMzIyLjQ0MiAyNTAuNzI5TDMyMi44NzIgMjUwLjI5N0MzNjYuMDk3IDIwNy41NzUgNDM1LjcyMSAyMDcuNjYgNDc4LjY4OSAyNTAuNjQ0QzUyMS44MjkgMjkzLjc5OCA1MjEuNzQgMzYzLjc5NyA0NzguNjAyIDQwNi45NTJMODguMTE1OSA3OTcuNTlDNDQuOTc2MyA4NDAuNzQ1IC0yNC45OTM3IDg0MC44MzIgLTY4LjEzMzMgNzk3LjY3OEMtMTExLjI3MyA3NTQuNTIzIC0xMTEuMTg1IDY4NC41MjIgLTY4LjA0NjIgNjQxLjM2OEwxODUuMTc1IDM4OC4wNDlDMTg2LjYxIDM4Ni44NDMgMTg3LjkzOCAzODUuNTE1IDE4OS4xNDMgMzg0LjA3OUMxOTguNTE5IDM3My42NTQgMjAzLjUzOSAzNjAuMDI4IDIwMy4xNyAzNDYuMDFDMjAyLjggMzMxLjk5MSAxOTcuMDY4IDMxOC42NDkgMTg3LjE1NiAzMDguNzMzQzE3Ny4yNDQgMjk4LjgxNyAxNjMuOTA3IDI5My4wODMgMTQ5Ljg5NCAyOTIuNzEzQzEzNS44ODEgMjkyLjM0MyAxMjIuMjYgMjk3LjM2NiAxMTEuODM5IDMwNi43NDVDMTEwLjQwNCAzMDcuOTUxIDEwOS4wNzYgMzA5LjI3OSAxMDcuODcxIDMxMC43MTVMMjQuNTA0MyAzOTMuMzIyQzMuNzk1ODggNDE0LjAzOCAtMjQuMjkwNyA0MjUuNjc2IC01My41NzY4IDQyNS42NzZDLTgyLjg2MjggNDI1LjY3NiAtMTEwLjk0OSA0MTQuMDM4IC0xMzEuNjU4IDM5My4zMjJDLTE1Mi4zNjYgMzcyLjYwNSAtMTY0IDM0NC41MDggLTE2NCAzMTUuMjExQy0xNjQgMjg1LjkxMyAtMTUyLjM2NiAyNTcuODE2IC0xMzEuNjU4IDIzNy4wOTlMMTQ5LjcxNSAtNDMuNTg5OEMxOTIuODU0IC04Ni43NDYxIDI2Mi44MjYgLTg2LjgzMTYgMzA1Ljk2NCAtNDMuNjc3QzM0OS4xMDEgLTAuNTIyNDIzIDM0OS4wMTUgNjkuNDc2MiAzMDUuODc3IDExMi42MzJMMjQ1LjU3MSAxNzIuOTYxQzI0MC40OTMgMTc4LjAzOCAyMzYuNDY1IDE4NC4wNjYgMjMzLjcxNyAxOTAuNzAxQzIzMC45NjkgMTk3LjMzNSAyMjkuNTU0IDIwNC40NDcgMjI5LjU1NCAyMTEuNjI4QzIyOS41NTQgMjE4LjgxIDIzMC45NjggMjI1LjkyMiAyMzMuNzE2IDIzMi41NTZDMjM2LjQ2NCAyMzkuMTkxIDI0MC40OTEgMjQ1LjIyIDI0NS41NjggMjUwLjI5N1oiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcikiLz4KPGRlZnM+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhciIgeDE9Ii0xNjQiIHkxPSIzNzciIHgyPSI1MTEiIHkyPSIzNzciIGdyYWRpZW50VW5pdHM9InVzZXJTcGFjZU9uVXNlIj4KPHN0b3Agc3RvcC1jb2xvcj0iIzBDOTdGRSIgc3RvcC1vcGFjaXR5PSIwLjgiLz4KPHN0b3Agb2Zmc2V0PSIxIiBzdG9wLWNvbG9yPSIjMENFOEY5Ii8+CjwvbGluZWFyR3JhZGllbnQ+CjwvZGVmcz4KPC9zdmc+Cg==\""],"names":["CheckboxContainer","styled","Icon","HiddenCheckbox","type","StyledCheckbox","Checkbox","props","fillRule","clipRule","d","fill","StyledText","height","ExpandLink","ExpandableText","length","text","React","expand","setExpand","slice","onClick","e","preventDefault","Hero","HeroSmall","HeroBig","disabledWave","theme","screens","lg","css","variants","active","y","fontSize","initial","StyledInput","StyledLabel","motion","StyledTitle","attrs","TextInput","label","name","id","isActive","setActive","inputValue","setInputValue","onFocus","onBlur","animate","value","onChange","target","MainSection","xl","Header","SubHeader","ContactList","ContactListItem","StyledForm","Section","RoundedButton","StyledLink","Link","StyledPara","ButtonContainer","location","pathname","title","action","to","ArrowIcon","createElement","defaultProps","module","exports","default","ListItemIcon"],"sourceRoot":""}