da68dbeff83641ef3e3bdec86003bc4956efcb3b-1ea7bc36861944e634c2.js.map

{"version":3,"file":"da68dbeff83641ef3e3bdec86003bc4956efcb3b-1ea7bc36861944e634c2.js","mappings":"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","sources":["webpack://fnsdomains/./src/components/Anchor.js","webpack://fnsdomains/./src/components/Footer.js","webpack://fnsdomains/./src/assets/twitter.svg","webpack://fnsdomains/./src/assets/medium.svg","webpack://fnsdomains/./src/assets/github.svg","webpack://fnsdomains/./src/assets/fnsLogo.svg","webpack://fnsdomains/./src/assets/fnsLogoText.svg","webpack://fnsdomains/./src/components/Logo.js","webpack://fnsdomains/./src/components/LanguageSwitcher.js","webpack://fnsdomains/./src/components/Navigation.js","webpack://fnsdomains/./src/components/Typography.js"],"sourcesContent":["import React from \"react\"\nimport styled from \"@emotion/styled/macro\"\n\nconst Icon = styled(\"svg\")`\n  path {\n    transition: 0.2s;\n    fill: ${p => (p.color ? p.color : p.active ? \"#5284FF\" : \"#C7D3E3\")};\n    width: ${p => p.width}px;\n  }\n\n  g {\n    fill: ${p => (p.color ? p.color : p.active ? \"#5284FF\" : \"#C7D3E3\")};\n  }\n`\n\nconst Svg = styled(Icon)`\n  transform: scale(${p => (p.scale ? p.scale : 1)});\n  path {\n    width: 50px;\n  }\n`\n\nexport const Anchor = ({ active, color, scale, className }) => (\n  <Svg\n    className={className}\n    width=\"23\"\n    height=\"15\"\n    active={active}\n    color={color}\n  >\n    <path\n      d=\"M7.775 3.275a.75.75 0 001.06 1.06l1.25-1.25a2 2 0 112.83 2.83l-2.5 2.5a2 2 0 01-2.83 0 .75.75 0 00-1.06 1.06 3.5 3.5 0 004.95 0l2.5-2.5a3.5 3.5 0 00-4.95-4.95l-1.25 1.25zm-4.69 9.64a2 2 0 010-2.83l2.5-2.5a2 2 0 012.83 0 .75.75 0 001.06-1.06 3.5 3.5 0 00-4.95 0l-2.5 2.5a3.5 3.5 0 004.95 4.95l1.25-1.25a.75.75 0 00-1.06-1.06l-1.25 1.25a2 2 0 01-2.83 0z\"\n      fillRule=\"evenodd\"\n    />\n  </Svg>\n)\n\nexport const AnchorContainer = styled(`a`)`\n  text-decoration: none;\n`\n","import React from \"react\"\nimport styled from \"@emotion/styled\"\n\nimport DefaultLogo from \"./Logo\"\nimport twitter from \"../assets/twitter.svg\"\nimport github from \"../assets/github.svg\"\nimport medium from \"../assets/medium.svg\"\n\nimport mq from \"../mediaQuery\"\n\nconst Logo = styled(DefaultLogo)`\n  margin-bottom: 20px;\n  ${mq.medium`\n    margin-bottom: 0;\n  `};\n`\n\nconst FooterContainer = styled(\"footer\")`\n  background: #1e3277;\n  padding: 50px;\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n\n  ${mq.medium`\n    flex-direction: row;\n    justify-content: space-between;\n    align-items: center;\n  `};\n`\n\nconst social = [\n  {\n    img: twitter,\n    text: \"Twitter\",\n    link: \"https://twitter.com/fildomains\",\n  },\n  {\n    img: medium,\n    text: \"Medium\",\n    link: \"https://fildomains.medium.com\",\n  },\n  {\n    img: github,\n    text: \"GitHub\",\n    link: \"https://github.com/fildomains\",\n  },\n]\n\nconst ExternalLink = styled(\"a\")`\n  font-family: Karma;\n  font-size: 28px;\n  color: white;\n  text-decoration: none;\n  font-weight: 300;\n  margin-bottom: 20px;\n  img {\n    margin-right: 8px;\n  }\n\n  ${mq.medium`\n    margin-bottom: 0px;\n    padding: 0 25px 0;\n    border-right: solid 1px rgba(255, 255, 255, 0.5);\n    &:last-child {\n      padding: 0 0 0 25px;\n      border-right: none;\n    }\n  `};\n`\n\nconst SocialContainer = styled(\"div\")`\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n\n  ${mq.medium`\n    flex-direction: row;\n  `};\n`\n\nconst MailTo = styled(\"a\")`\n  color: rgba(255, 255, 255, 0.5);\n  text-decoration: none;\n  visibility: hidden;\n\n  &:not(:last-child) {\n    margin-bottom: 10px;\n  }\n`\n\nconst FooterColumn = styled.div`\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n\n  ${mq.medium`\n    align-items: flex-start;\n  `};\n`\n\nexport default function Footer(props) {\n  return (\n    <FooterContainer>\n      <Logo />\n      <SocialContainer>\n        {social.map(s => (\n          <ExternalLink href={s.link} key={s.link}>\n            <img src={s.img} alt={s.text} />\n            {s.text}\n          </ExternalLink>\n        ))}\n      </SocialContainer>\n      <FooterColumn>\n        <MailTo href=\"mailto:press@ens.domains\">press@ens.domains</MailTo>\n        <MailTo href=\"https://docs.ens.domains/bug-bounty-program\">\n          Bug Bounty\n        </MailTo>\n        <MailTo href=\"https://raw.githubusercontent.com/ensdomains/media-kit/main/FNS%20Media%20Kit.zip\">\n          Media Kit\n        </MailTo>\n      </FooterColumn>\n    </FooterContainer>\n  )\n}\n","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjIiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTI1LjIgMi42ODRjLS45MjMuNDItMS45MjMuNzExLTIuOTY5LjgzOEE1LjMyIDUuMzIgMCAwMDI0LjUwNy41ODZjLTEgLjYwOC0yLjEwNiAxLjA1LTMuMjkxIDEuMjg2QTUuMSA1LjEgMCAwMDE3LjQ0OC4yYy0yLjg1MyAwLTUuMTY4IDIuMzc1LTUuMTY4IDUuMzAyIDAgLjQxOC4wNDcuODIuMTMyIDEuMjA3LTQuMy0uMjIyLTguMTA1LTIuMzI4LTEwLjY1OC01LjU0YTUuMzY3IDUuMzY3IDAgMDAtLjcgMi42NjggNS4zMyA1LjMzIDAgMDAyLjI5OSA0LjQxIDQuOTkzIDQuOTkzIDAgMDEtMi4zMzctLjY2M3YuMDY0YzAgMi41NzEgMS43ODMgNC43MTYgNC4xNDQgNS4yMDdhNS4yMDcgNS4yMDcgMCAwMS0yLjMzNy4wODdjLjY2MSAyLjEwNiAyLjU2NyAzLjYzNSA0LjgyOSAzLjY4NC0xLjc3IDEuNDItNCAyLjI2NC02LjQyMiAyLjI2NC0uNDE1IDAtLjgyMy0uMDI1LTEuMjMtLjA3MUExNC4zNjMgMTQuMzYzIDAgMDA3LjkyOCAyMS4yYzkuNTA0IDAgMTQuNzAzLTguMDc4IDE0LjcwMy0xNS4wODNsLS4wMTYtLjY4NkExMC41NjYgMTAuNTY2IDAgMDAyNS4yIDIuNjg0eiIgZmlsbD0iI0ZGRiIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuMzUiLz48L3N2Zz4=\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjEiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTIzLjIgMTcuNjE4djIuODY0aC04LjAwNFYxNy42MWgxLjYyNFY0Ljg4N2EuNjk3LjY5NyAwIDAwLS4xNDcuMzEzYy0xLjI0MyA0Ljk2NC0yLjQ4OCA5LjkyNi0zLjcyMiAxNC44OTItLjA3NC4yOTYtLjE3LjQxNy0uNDY4LjQwNmEyNi43MyAyNi43MyAwIDAwLTIuMjM5IDBjLS4zNTEuMDE3LS40NjgtLjEyNS0uNTU1LS40ODItMS4yMDktNC45NDctMi40MzItOS44OS0zLjY1My0xNC44MzMtLjAyOC0uMTEzLS4wNjctLjIyMi0uMS0uMzMzbC0uMDc1LjAydjEyLjc2N2gxLjYzNHYyLjg0NUguOHYtMi44NjRjLjI1Ni4wMDIuNTEyLjAwOS43NjguMDA0LjU0My0uMDEuOTE2LS40MjQuOTE3LTEuMDE4VjQuODY0YzAtLjYyLS4zOTQtMS4wNzEtLjk1Mi0xLjA5Mi0uMjQ0LS4wMS0uNDg5LS4wMDYtLjczMy0uMDA4Vi45aDguNGwyLjc0NyAxMS4zMjNhLjY0LjY0IDAgMDAuMTg4LS4zMzRjLjYzNC0yLjU4MiAxLjI2OS01LjE2MyAxLjg5OC03Ljc0Ni4yNjItMS4wNzkuNTEyLTIuMTYyLjc2Ny0zLjI0M2g4LjR2Mi44NjRjLS4yNTYuMDAyLS41MTMtLjAwMy0uNzY5LjAwOC0uNTE3LjAyMi0uOTE1LjQ3Ni0uOTE1IDEuMDUtLjAwMiAzLjk0LS4wMDIgNy44ODIgMCAxMS44MjMgMCAuNTQ4LjM3OC45NjUuODguOTc3LjI2OC4wMDYuNTM2LS4wMDIuODA0LS4wMDQiIGZpbGw9IiNGRkYiIGZpbGwtcnVsZT0iZXZlbm9kZCIgb3BhY2l0eT0iLjM1Ii8+PC9zdmc+\"","export default \"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjYiIGhlaWdodD0iMjYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTS4zIDEzLjYyYzAgNS43MDcgMy42MSAxMC41NDkgOC42MTcgMTIuMjU4LjYzLjExOC44Ni0uMjguODYtLjYyMyAwLS4zMDctLjAxLTEuMTItLjAxNy0yLjE5Ny0zLjUwNS43OC00LjI0NC0xLjczMi00LjI0NC0xLjczMi0uNTczLTEuNDkyLTEuNC0xLjg5LTEuNC0xLjg5LTEuMTQ0LS44MDEuMDg3LS43ODUuMDg3LS43ODUgMS4yNjUuMDkgMS45MyAxLjMzMSAxLjkzIDEuMzMxIDEuMTI0IDEuOTc0IDIuOTUgMS40MDQgMy42NjcgMS4wNzQuMTE1LS44MzUuNDQtMS40MDUuOC0xLjcyNy0yLjc5OC0uMzI2LTUuNzQtMS40MzUtNS43NC02LjM4NSAwLTEuNDEuNDkyLTIuNTY0IDEuMjk4LTMuNDY3LS4xMy0uMzI3LS41NjMtMS42NC4xMjMtMy40MTkgMCAwIDEuMDU4LS4zNDcgMy40NjUgMS4zMjRhMTEuNzU3IDExLjc1NyAwIDAxMy4xNTQtLjQzNGMxLjA3LjAwNSAyLjE0OC4xNDcgMy4xNTUuNDM0IDIuNDA1LTEuNjcxIDMuNDYxLTEuMzI0IDMuNDYxLTEuMzI0LjY4OCAxLjc3OS4yNTUgMy4wOTIuMTI1IDMuNDE5LjgwOC45MDMgMS4yOTYgMi4wNTYgMS4yOTYgMy40NjcgMCA0Ljk2My0yLjk0NiA2LjA1NS01Ljc1MyA2LjM3NC40NTIuNC44NTUgMS4xODguODU1IDIuMzkzIDAgMS43MjctLjAxNSAzLjEyLS4wMTUgMy41NDQgMCAuMzQ1LjIyNi43NDcuODY2LjYyMSA1LjAwMy0xLjcxMiA4LjYxLTYuNTUgOC42MS0xMi4yNTdDMjUuNSA2LjQ4NCAxOS44NTguNyAxMi44OTkuNyA1Ljk0LjcuMyA2LjQ4NC4zIDEzLjYyeiIgZmlsbD0iI0ZFRkVGRSIgZmlsbC1ydWxlPSJldmVub2RkIiBvcGFjaXR5PSIuMzUiLz48L3N2Zz4=\"","export default __webpack_public_path__ + \"static/fnsLogo-ce5d2b769a65f33a99f304d01e89d2df.svg\";","export default \"data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPjx0ZXh0IHg9IjUwJSIgeT0iNTAlIiBmb250LXNpemU9IjMyIiBmaWxsPSIjZmZmZmZmIiBmb250LWZhbWlseT0ic3lzdGVtLXVpLCBzYW5zLXNlcmlmIiB0ZXh0LWFuY2hvcj0ibWlkZGxlIiBkb21pbmFudC1iYXNlbGluZT0ibWlkZGxlIiBzdHlsZT0ibGV0dGVyLXNwYWNpbmc6MjsiPkZOUzwvdGV4dD48L3N2Zz4=\"","import React from \"react\"\nimport styled from \"@emotion/styled\"\nimport logo from \"../assets/fnsLogo.svg\"\nimport logoText from \"../assets/fnsLogoText.svg\"\n\nconst LogoContainer = styled(\"div\")`\n  height: 48px;\n  display: flex;\n\n  img {\n    display: block;\n  }\n\n  .ens-logo {\n    width: 60px;\n    margin-right: 0px;\n  }\n\n  .ens-logo-text {\n    width: 67px;\n  }\n`\n\nexport default function Logo({ className }) {\n  return (\n    <LogoContainer className={className}>\n      <img src={logo} alt=\"FNS Logo\" className=\"ens-logo\" />\n      <img src={logoText} alt=\"FNS Logo text\" className=\"ens-logo-text\" />\n    </LogoContainer>\n  )\n}\n","import { motion, AnimatePresence } from \"framer-motion\"\nimport styled from \"@emotion/styled\"\nimport React, { useState } from \"react\"\n\nimport { Link, useI18next, I18nextContext } from \"gatsby-plugin-react-i18next\"\n\nimport RotatingSmallCaret from \"./Icons/RotatingSmallCaret\"\n\nconst LANGUAGES = [\n  {\n    value: \"en\",\n    label: \"English (EN)\",\n  },\n  {\n    value: \"cn\",\n    label: \"简体中文 (CN)\",\n  },\n  {\n    value: \"ja\",\n    label: \"日本語 (JA)\",\n  },\n  {\n    value: \"de\",\n    label: \"Deutsch (DE)\",\n  },\n  {\n    value: \"es\",\n    label: \"Español (ES)\",\n  },\n  {\n    value: \"fr\",\n    label: \"Français (FR)\",\n  },\n  {\n    value: \"ko\",\n    label: \"한국어 (KO)\",\n  },\n  {\n    value: \"it\",\n    label: \"Italiano (IT)\",\n  },\n  {\n    value: \"nl\",\n    label: \"Nederlands (NL)\",\n  },\n  {\n    value: \"pl\",\n    label: \"Polski (PL)\",\n  },\n  {\n    value: \"pt\",\n    label: \"Português (PT)\",\n  },\n  {\n    value: \"ru\",\n    label: \"Pусский (RU)\",\n  },\n  {\n    value: \"vi\",\n    label: \"Tiếng Việt (VI)\",\n  },\n]\n\nconst ActiveLanguage = styled(\"div\")`\n  color: white;\n  text-transform: uppercase;\n  display: flex;\n  justify-content: center;\n  height: 100%;\n  padding: 0 20px;\n  align-items: center;\n\n  ${props =>\n    props.mobile\n      ? `\n      font-size: 14px;\n      border-bottom: 1px solid #5F698F;\n      padding: 20px 0;\n      background: #384473;\n  `\n      : ``}\n  span {\n    margin-right: 10px;\n  }\n\n  &:hover {\n    cursor: pointer;\n  }\n`\n\nconst LanguageSwitcherContainer = styled(\"div\")`\n  position: relative;\n  ${props =>\n    props.mobile\n      ? `\n    width: 100%;\n  `\n      : ``}\n`\n\nconst Dropdown = styled(motion.div)`\n  ${props =>\n    props.mobile\n      ? `\n        position: relative; \n      `\n      : `\n        position: absolute;\n        background: white;\n        top: 100%;\n        right: 0;\n        margin-top: 20px;\n        border-radius: 8px;\n        box-shadow: -4px 18px 70px 0 rgba(108, 143, 167, 0.32);\n        width: 230px;\n      `}\n\n  ${props =>\n    props.mobile\n      ? `\n\n      a {\n        box-sizing: border-box;\n        background: #384473;\n        border-bottom: 1px solid #5F698F;\n        padding: 15px 20px;\n        font-size: 14px;\n        width: 100%;\n        display: flex;\n        justify-content: center;\n        span {\n          margin-left: auto;\n          margin-right: auto;\n        }\n      }\n  `\n      : `\n    a {\n      color: #adbbcd;\n      padding: 20px 30px;\n      border-bottom: 1px solid #dfdfdf;\n      list-style: none;\n      display: flex;\n      justify-content: space-between;\n      align-items: center;\n      \n      &:hover {\n        color: #2b2b2b;\n        cursor: pointer;\n        div {\n          /* ball */\n          background: #5284ff;\n        }\n      }\n      &:last-child {\n        border-bottom: none;\n      }\n    }\n  `}\n`\n\nconst Ball = styled(\"div\")`\n  border-radius: 50%;\n  background: white;\n  width: 10px;\n  height: 10px;\n  box-shadow: 0 0 0 3px white, 0 0 0 4px #5284ff;\n  ${p =>\n    p.selected &&\n    `\n    background: #5284ff;\n  `}\n`\n\nexport default function LanguageSwitcher({ mobile }) {\n  const context = React.useContext(I18nextContext)\n  const lang = context.language ? context.language : context.defaultLanguage\n  const [showDropdown, setShowDropdown] = useState(false)\n  const { originalPath } = useI18next()\n  const selectedLanguage = LANGUAGES.find(l => l.value === lang)\n\n  return (\n    <LanguageSwitcherContainer mobile={mobile}>\n      <ActiveLanguage\n        mobile={mobile}\n        onClick={() => setShowDropdown(show => !show)}\n      >\n        <span>{mobile ? selectedLanguage.label : selectedLanguage.value}</span>\n        <RotatingSmallCaret\n          start=\"top\"\n          rotated={showDropdown}\n          highlight={true}\n        />\n      </ActiveLanguage>\n      {showDropdown && (\n        <AnimatePresence>\n          <Dropdown\n            mobile={mobile}\n            initial={{\n              opacity: 0,\n              height: 0,\n              overflowY: \"hidden\",\n              maxHeight: \"60vh\",\n            }}\n            animate={{ opacity: 1, height: \"auto\", overflowY: \"auto\" }}\n            exit={{ opacity: 0, height: 0 }}\n          >\n            {LANGUAGES.map(language => {\n              return (\n                <Link\n                  to={originalPath}\n                  language={language.value}\n                  key={language.value}\n                >\n                  <span>{language.label}</span>\n                  <Ball selected={selectedLanguage.value === language.value} />\n                </Link>\n              )\n            })}\n          </Dropdown>\n        </AnimatePresence>\n      )}\n    </LanguageSwitcherContainer>\n  )\n}\n","import React, { useState } from \"react\"\nimport styled from \"@emotion/styled\"\nimport { useTranslation } from \"react-i18next\"\nimport { Link } from \"gatsby\"\nimport Logo from \"./Logo\"\nimport { Button } from \"./Typography\"\n\nimport mq from \"../mediaQuery\"\nimport LanguageSwitcher from \"./LanguageSwitcher\"\n\nconst Nav = styled(\"nav\")`\n  background-image: linear-gradient(90deg, #513eff 0%, #52e5ff 100%);\n  ${p =>\n    p.menuOpen &&\n    `\n    background: #121d46;\n  `};\n  transition: 0.2s;\n  display: flex;\n  justify-content: space-between;\n  padding: 20px 40px;\n  position: sticky;\n  z-index: 2147483647;\n  top: 0;\n\n  .mobile-nav {\n    ${mq.medium`\n      display: none;\n    `};\n  }\n\n  .hamburger {\n    padding: 10px 0 15px 15px;\n    display: inline-block;\n    cursor: pointer;\n    transition-property: opacity, filter;\n    transition-duration: 0.15s;\n    transition-timing-function: linear;\n    font: inherit;\n    color: inherit;\n    text-transform: none;\n    background-color: transparent;\n    border: 0;\n    margin: 0;\n    overflow: visible;\n    &:is-active {\n      padding-top: 15px;\n    }\n  }\n  .hamburger:hover {\n    opacity: 0.7;\n  }\n\n  .hamburger-box {\n    width: 40px;\n    height: 24px;\n    display: inline-block;\n    position: relative;\n  }\n\n  .hamburger-inner {\n    display: block;\n    top: 50%;\n    margin-top: -2px;\n  }\n  .hamburger-inner,\n  .hamburger-inner::before,\n  .hamburger-inner::after {\n    width: 30px;\n    height: 1px;\n    background-color: #fff;\n    border-radius: 4px;\n    position: absolute;\n    transition-property: transform;\n    transition-duration: 0.15s;\n    transition-timing-function: ease;\n  }\n\n  .hamburger-inner::before,\n  .hamburger-inner::after {\n    content: \"\";\n    display: block;\n  }\n\n  .hamburger-inner::after {\n    content: \"\";\n    display: none;\n  }\n\n  .hamburger-inner::before {\n    top: -10px;\n  }\n  .hamburger-inner::after {\n    bottom: -10px;\n  }\n\n  .hamburger--collapse-r .hamburger-inner {\n    top: auto;\n    bottom: 0;\n    transition-duration: 0.13s;\n    transition-delay: 0.13s;\n    transition-timing-function: cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n  .hamburger--collapse-r .hamburger-inner::after {\n    top: -20px;\n    transition: top 0.2s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),\n      opacity 0.1s linear;\n  }\n  .hamburger--collapse-r .hamburger-inner::before {\n    transition: all 0.12s 0.2s cubic-bezier(0.33333, 0.66667, 0.66667, 1),\n      transform 0.13s cubic-bezier(0.55, 0.055, 0.675, 0.19);\n  }\n\n  .hamburger--collapse-r.is-active .hamburger-inner {\n    transform: translate3d(0, -10px, 0) rotate(45deg);\n    transition-delay: 0.22s;\n    transition-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n  .hamburger--collapse-r.is-active .hamburger-inner::after {\n    top: 0;\n    opacity: 0;\n    transition: all 0.2s cubic-bezier(0.33333, 0, 0.66667, 0.33333),\n      opacity 0.1s 0.22s linear;\n  }\n  .hamburger--collapse-r.is-active .hamburger-inner::before {\n    top: 0;\n    transform: rotate(90deg);\n    transition: all 0.1s 0.16s cubic-bezier(0.33333, 0, 0.66667, 0.33333),\n      transform 0.13s 0.25s cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n\n  .hamburger--collapse-r.is-active .hamburger-inner,\n  .hamburger--collapse-r.is-active .hamburger-inner::after,\n  .hamburger--collapse-r.is-active .hamburger-inner::before {\n    background: #fff;\n  }\n`\n\nconst Links = styled(\"div\")`\n  display: none;\n  align-items: center;\n  a {\n    color: white;\n    text-decoration: none;\n    margin-right: 20px;\n  }\n\n  ${mq.medium`\n    display: flex;\n  `};\n`\n\nconst MobileLinks = styled(\"ul\")`\n  background: #121d46;\n  font-family: Overpass;\n  font-size: 22px;\n  color: #ffffff;\n  text-align: center;\n  padding: 0;\n  margin: 0;\n  transform: translateX(-100%);\n  transition: 0.3s;\n  position: absolute;\n  left: 0;\n  width: 100%;\n  top: 100%;\n  opacity: 0;\n  ${p =>\n    p.menuOpen &&\n    `\n    opacity: 1;\n    transform: translateX(0);\n  `}\n\n  display: flex;\n  flex-direction: column;\n  justify-content: space-between;\n  align-items: center;\n\n  li {\n    list-style: none;\n    padding: 20px;\n    border-bottom: 1px solid rgba(255, 255, 255, 0.2);\n    width: 100%;\n  }\n\n  a {\n    color: white;\n    text-decoration: none;\n  }\n`\n\nconst Launch = styled(Button)``\n\nconst Separator = styled(\"div\")`\n  width: 1px;\n  height: 25px;\n  background: white;\n  margin-right: 20px;\n`\n\nexport default function Navigation() {\n  const { t } = useTranslation()\n  const [menuOpen, setMenuOpen] = useState(false)\n  return (\n    <Nav menuOpen={menuOpen}>\n      <Link to=\"/\">\n        <Logo />\n      </Link>\n\n      <div className=\"mobile-nav\">\n        <button\n          className={`hamburger hamburger--collapse-r ${\n            menuOpen ? \"is-active\" : \"\"\n          }`}\n          type=\"button\"\n          onClick={() => setMenuOpen(!menuOpen)}\n        >\n          <span className=\"hamburger-box\">\n            <span className=\"hamburger-inner\" />\n          </span>\n        </button>\n      </div>\n\n      <Links menuOpen={menuOpen}>\n        <LanguageSwitcher />\n        <Launch href=\"https://app.fildomains.com\">{t(\"nav.launch\")}</Launch>\n      </Links>\n\n      <MobileLinks menuOpen={menuOpen}>\n        <LanguageSwitcher mobile={true} />\n        <li>\n          <Launch href=\"https://app.fildomains.com\" >{t(\"nav.launch\")}</Launch>\n        </li>\n      </MobileLinks>\n    </Nav>\n  )\n}\n","import styled from \"@emotion/styled\"\nimport mq from \"../mediaQuery\"\n\nexport const H2 = styled(\"h2\")`\n  font-family: Overpass;\n  font-weight: 300;\n  font-size: 28px;\n  margin-top: 0;\n  margin-bottom: 20px;\n  color: #2c46a6;\n  text-align: center;\n\n  ${mq.medium`\n    font-size: 60px;\n  `}\n`\n\nexport const P = styled(\"p\")`\n  font-size: 18px;\n  font-family: Overpass;\n  font-weight: 200;\n  line-height: 1.5em;\n  max-width: 750px;\n\n  ${mq.medium`\n    font-size: 28px;\n  `}\n`\n\nexport const Button = styled(\"a\")`\n  background: #5284ff;\n  box-shadow: 0 10px 21px 0 rgba(38, 61, 145, 0.26);\n  border-radius: 23px;\n  font-family: Overpass;\n  font-weight: 500;\n  font-size: 14px;\n  color: #ffffff;\n  letter-spacing: 0.5px;\n  text-align: center;\n  padding: 13px 30px;\n  text-decoration: none;\n`\n\nexport const Buttonv2 = styled(\"a\")`\n  background: linear-gradient(\n    330.4deg,\n    #44bcf0 4.54%,\n    #7298f8 59.2%,\n    #a099ff 148.85%\n  );\n  box-shadow: 0px 2px 12px rgba(0, 0, 0, 0.04);\n  border-radius: 12px;\n  font-family: \"JakartaSans\";\n  font-style: normal;\n  font-weight: bold;\n  font-size: 17px;\n  text-align: center;\n  letter-spacing: -0.01em;\n  color: #ffffff;\n\n  padding: 13px 30px;\n  text-decoration: none;\n  line-height: 21px;\n`\n"],"names":["Icon","_styled","target","p","color","active","width","Svg","scale","Anchor","_ref","className","___EmotionJSX","height","d","fillRule","AnchorContainer","name","styles","Logo","DefaultLogo","mq","_templateObject","_taggedTemplateLiteralLoose","FooterContainer","_templateObject2","social","img","text","link","ExternalLink","_templateObject3","SocialContainer","_templateObject4","MailTo","FooterColumn","_templateObject5","Footer","props","map","s","href","key","src","alt","LogoContainer","logo","logoText","LANGUAGES","value","label","ActiveLanguage","mobile","LanguageSwitcherContainer","Dropdown","motion","Ball","selected","LanguageSwitcher","context","React","I18nextContext","lang","language","defaultLanguage","showDropdown","setShowDropdown","useState","originalPath","useI18next","selectedLanguage","find","l","onClick","show","RotatingSmallCaret","start","rotated","highlight","AnimatePresence","initial","opacity","overflowY","maxHeight","animate","exit","Link","to","Nav","menuOpen","Links","MobileLinks","Launch","Button","Navigation","t","useTranslation","setMenuOpen","type","H2","P"],"sourceRoot":""}