{"version":3,"sources":["webpack:///./src/components/LinesFromRight.js","webpack:///./src/components/styles/CTALink.js","webpack:///./src/pages/404.js"],"names":["Wrapper","styled","div","Line1","span","mediaMedium","props","skew","linesSkew","color","brandColor2","Line2","Line3","LinesFromRight","VARIANTS","shade","brandColor1Shade","hoverColor","brandColor1","tint","brandColor1Tint","white","gray2","InlineLink","a","display","$underlined","$bold","variant","CTALink","attrs","children","bold","underlined","tag","to","Link","as","Decoration","Sub","Eyebrows12","Title","Headline64","NotFoundPage","title","description"],"mappings":"wHAAA,6DAKA,MAAMA,EAAUC,IAAOC,IAAV,0DAAGD,CAAH,wEAOPE,EAAQF,IAAOG,KAAV,wDAAGH,CAAH,4JACCI,IAMYC,IAAD,uBAAWA,EAAMC,YAAjB,QAAyBC,KAG3BF,IAAD,uBAAWA,EAAMG,aAAjB,QAA0BC,MAIxCC,EAAQV,YAAOE,GAAV,wDAAGF,CAAH,kDACCI,KAMNO,EAAQX,YAAOE,GAAV,wDAAGF,CAAH,kDACCI,KAgBGQ,IAVQ,EAAGJ,QAAOF,UAE7B,kBAACP,EAAD,KACE,kBAACG,EAAD,CAAOI,KAAMA,EAAME,MAAOA,IAC1B,kBAACE,EAAD,CAAOJ,KAAMA,EAAME,MAAOA,IAC1B,kBAACG,EAAD,CAAOL,KAAMA,EAAME,MAAOA,M,kCC7ChC,6DAWA,MAAMK,EAAW,CACfC,MAAO,CACLN,MAAOO,IACPC,WAAYC,KAEdC,KAAM,CACJV,MAAOW,IACPH,WAAYC,KAEdG,MAAO,CACLZ,MAAOY,IACPJ,WAAYK,MAIVC,EAAatB,IAAOuB,EAAV,gEAAGvB,CAAH,6IACFK,IAAD,uBAAWA,EAAMmB,eAAjB,QAA4B,UACnBnB,GAAWA,EAAMoB,YAAc,aAAe,OAClDpB,GAAWA,EAAMqB,MAAQ,IAAM,IACrCrB,GAAUQ,EAASR,EAAMsB,SAASnB,MAShCH,GAAUQ,EAASR,EAAMsB,SAASX,YA4BjCY,IAxBC,EACdC,QACAL,UACAG,UAAU,QACVG,WACAC,QAAO,EACPC,cAAa,MAEb,MAAMC,EAAMJ,GAASA,EAAMK,GAAKC,OAAO,IAEvC,OACE,kBAACb,EAAD,eACEE,QAASA,EACTY,GAAIH,EACJN,QAASA,EACTD,MAAOK,EACPN,YAAaO,GACTH,GAEHC,K,kCC9DP,oKAaA,MAAM/B,EAAUC,IAAOC,IAAV,0DAAGD,CAAH,+FAKDI,KAKNiC,EAAarC,IAAOC,IAAV,6DAAGD,CAAH,oGAQJI,KAKNkC,EAAMtC,YAAOuC,KAAV,sDAAGvC,CAAH,yBAIHwC,EAAQxC,YAAOyC,KAAV,wDAAGzC,CAAH,sBA0BI0C,UAtBM,IACnB,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEC,MAAM,YACNC,YAAY,iIAEd,kBAAC7C,EAAD,KACE,kBAAC,IAAD,KACE,kBAACuC,EAAD,YACA,kBAACE,EAAD,CAAOJ,GAAG,MAAV,+BACA,kBAAC,IAAD,6BACwB,IACtB,kBAAC,IAAD,CAASP,MAAO,CAAEO,GAAID,OAAMD,GAAI,MAAhC,YAFF,MAKF,kBAACG,EAAD,KACE,kBAAC,IAAD","file":"component---src-pages-404-js-dc94a783a76aa21f3831.js","sourcesContent":["import React from \"react\";\nimport styled from \"styled-components\";\nimport { linesSkew, mediaMedium } from \"./styles/variables\";\nimport { brandColor2 } from \"./styles/Colors\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  width: 100%;\n  padding-top: 100%;\n  pointer-events: none;\n`;\n\nconst Line1 = styled.span`\n  @media (${mediaMedium}) {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    top: 0;\n    left: 35%;\n    transform: skewX(${(props) => props.skew ?? linesSkew});\n    border-top: 1px solid;\n    border-left: 1px solid;\n    border-color: ${(props) => props.color ?? brandColor2};\n  }\n`;\n\nconst Line2 = styled(Line1)`\n  @media (${mediaMedium}) {\n    top: 18px;\n    left: calc(35% - 32px);\n  }\n`;\n\nconst Line3 = styled(Line1)`\n  @media (${mediaMedium}) {\n    top: 36px;\n    left: calc(35% - 64px);\n  }\n`;\n\nconst LinesFromRight = ({ color, skew }) => {\n  return (\n    <Wrapper>\n      <Line1 skew={skew} color={color} />\n      <Line2 skew={skew} color={color} />\n      <Line3 skew={skew} color={color} />\n    </Wrapper>\n  );\n};\n\nexport default LinesFromRight;\n","import React from \"react\";\nimport styled from \"styled-components\";\nimport { Link } from \"gatsby\";\nimport {\n  brandColor1,\n  brandColor1Shade,\n  brandColor1Tint,\n  gray2,\n  white\n} from \"./Colors\";\n\nconst VARIANTS = {\n  shade: {\n    color: brandColor1Shade,\n    hoverColor: brandColor1\n  },\n  tint: {\n    color: brandColor1Tint,\n    hoverColor: brandColor1\n  },\n  white: {\n    color: white,\n    hoverColor: gray2\n  }\n};\n\nconst InlineLink = styled.a`\n  display: ${(props) => props.display ?? \"inline\"};\n  text-decoration: ${(props) => (props.$underlined ? \"underlined\" : \"none\")};\n  font-weight: ${(props) => (props.$bold ? 600 : 300)};\n  color: ${(props) => VARIANTS[props.variant].color};\n  transition: color 0.2s;\n\n  svg {\n    margin-left: 16px;\n  }\n\n  &:hover {\n    cursor: pointer;\n    color: ${(props) => VARIANTS[props.variant].hoverColor};\n  }\n`;\n\nconst CTALink = ({\n  attrs,\n  display,\n  variant = \"shade\",\n  children,\n  bold = false,\n  underlined = false\n}) => {\n  const tag = attrs && attrs.to ? Link : \"a\";\n\n  return (\n    <InlineLink\n      display={display}\n      as={tag}\n      variant={variant}\n      $bold={bold}\n      $underlined={underlined}\n      {...attrs}\n    >\n      {children}\n    </InlineLink>\n  );\n};\n\nexport default CTALink;\n","import React from \"react\";\nimport Layout from \"../components/Layout\";\nimport Seo from \"../components/Seo\";\nimport Container from \"../components/styles/Container\";\nimport LinesFromRight from \"../components/LinesFromRight\";\nimport styled from \"styled-components\";\nimport { mediaMedium } from \"../components/styles/variables\";\nimport { Headline64 } from \"../components/styles/Headings\";\nimport { Body16 } from \"../components/styles/BodyTypes\";\nimport CTALink from \"../components/styles/CTALink\";\nimport { Link } from \"gatsby\";\nimport { Eyebrows12 } from \"../components/styles/Eyebrows\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  overflow: hidden;\n  padding: 39px 0 93px;\n\n  @media (${mediaMedium}) {\n    padding: 122px 0 188px;\n  }\n`;\n\nconst Decoration = styled.div`\n  position: absolute;\n  bottom: 0;\n  width: 50%;\n  left: 45%;\n  top: 32%;\n  display: none;\n\n  @media (${mediaMedium}) {\n    display: block;\n  }\n`;\n\nconst Sub = styled(Eyebrows12)`\n  margin-bottom: 20px;\n`;\n\nconst Title = styled(Headline64)`\n  max-width: 500px;\n`;\n\nconst NotFoundPage = () => (\n  <Layout>\n    <Seo\n      title=\"404 Error\"\n      description=\"This page has either been deleted or does not exist. We’re sorry about that! Please navigate to our home page for more info.\"\n    />\n    <Wrapper>\n      <Container>\n        <Sub>404</Sub>\n        <Title as=\"h1\">We couldn't find this page.</Title>\n        <Body16>\n          Try going back to the{\" \"}\n          <CTALink attrs={{ as: Link, to: \"/\" }}>Homepage</CTALink>.\n        </Body16>\n      </Container>\n      <Decoration>\n        <LinesFromRight />\n      </Decoration>\n    </Wrapper>\n  </Layout>\n);\n\nexport default NotFoundPage;\n"],"sourceRoot":""}