{"version":3,"sources":["webpack:///./src/templates/pageTemplate.js","webpack:///./src/components/LinesFromRight.js"],"names":["Wrapper","styled","div","gray4","mediaMedium","Decoration","Title","Headline64","Content","Body16","white","brandColor1","brandColor1Shade","black1","fontProxima","Template","data","markdownRemark","frontmatter","html","title","description","as","dangerouslySetInnerHTML","__html","pageQuery","Line1","span","props","skew","linesSkew","color","brandColor2","Line2","Line3","LinesFromRight"],"mappings":"wHAAA,8NAkBA,MAAMA,EAAUC,IAAOC,IAAV,8DAAGD,CAAH,oHAISE,IAEVC,KAKNC,EAAaJ,IAAOC,IAAV,iEAAGD,CAAH,sGAQJG,KAKNE,EAAQL,YAAOM,KAAV,4DAAGN,CAAH,mCAKLO,EAAUP,YAAOQ,KAAV,8DAAGR,CAAH,glCAISS,IAeTC,IASEC,IASFC,IAKMC,IA0BLV,IAYAA,IAaYD,KAeX,SAASY,GAAS,KAC/BC,IAEA,MAAM,eAAEC,GAAmBD,GACrB,YAAEE,EAAF,KAAeC,GAASF,EAE9B,OACE,kBAAC,IAAD,KACE,kBAAC,IAAD,CACEG,MAAM,YACNC,YAAY,iIAEd,kBAAC,IAAD,CAAKD,MAAOF,EAAYE,QAExB,kBAACpB,EAAD,KACE,kBAAC,IAAD,KACE,kBAACM,EAAD,CAAOgB,GAAG,MAAMJ,EAAYE,QAE9B,kBAACf,EAAD,KACE,kBAAC,IAAD,QAIJ,kBAACG,EAAD,CAASc,GAAG,OACV,kBAAC,IAAD,KACE,yBAAKC,wBAAyB,CAAEC,OAAQL,QAO3C,MAAMM,EAAS,c,kCC3LtB,6DAKA,MAAMzB,EAAUC,IAAOC,IAAV,0DAAGD,CAAH,wEAOPyB,EAAQzB,IAAO0B,KAAV,wDAAG1B,CAAH,4JACCG,IAMYwB,IAAD,uBAAWA,EAAMC,YAAjB,QAAyBC,KAG3BF,IAAD,uBAAWA,EAAMG,aAAjB,QAA0BC,MAIxCC,EAAQhC,YAAOyB,GAAV,wDAAGzB,CAAH,kDACCG,KAMN8B,EAAQjC,YAAOyB,GAAV,wDAAGzB,CAAH,kDACCG,KAgBG+B,IAVQ,EAAGJ,QAAOF,UAE7B,kBAAC7B,EAAD,KACE,kBAAC0B,EAAD,CAAOG,KAAMA,EAAME,MAAOA,IAC1B,kBAACE,EAAD,CAAOJ,KAAMA,EAAME,MAAOA,IAC1B,kBAACG,EAAD,CAAOL,KAAMA,EAAME,MAAOA","file":"component---src-templates-page-template-js-841bd408131dd1795f3d.js","sourcesContent":["import React from \"react\";\nimport { graphql } from \"gatsby\";\nimport Layout from \"../components/Layout\";\nimport SEO from \"../components/Seo\";\nimport LinesFromRight from \"../components/LinesFromRight\";\nimport styled from \"styled-components\";\nimport { fontProxima, mediaMedium } from \"../components/styles/variables\";\nimport { Headline64 } from \"../components/styles/Headings\";\nimport { Body16 } from \"../components/styles/BodyTypes\";\nimport Container from \"../components/styles/Container\";\nimport {\n  black1,\n  brandColor1,\n  brandColor1Shade,\n  gray4,\n  white\n} from \"../components/styles/Colors\";\n\nconst Wrapper = styled.div`\n  position: relative;\n  overflow: hidden;\n  padding: 39px 0 93px;\n  background-color: ${gray4};\n\n  @media (${mediaMedium}) {\n    padding: 122px 0 188px;\n  }\n`;\n\nconst Decoration = styled.div`\n  position: absolute;\n  bottom: 0;\n  left: -25%;\n  top: 32%;\n  display: none;\n  width: 100%;\n\n  @media (${mediaMedium}) {\n    display: block;\n  }\n`;\n\nconst Title = styled(Headline64)`\n  max-width: 500px;\n  display: none;\n`;\n\nconst Content = styled(Body16)`\n  margin: -20px 0 0;\n  padding: 64px 0;\n  position: relative;\n  background-color: ${white};\n  z-index: 2;\n\n  ol {\n    list-style-type: lower-latin;\n    font-size: 0.84em;\n    padding-left: 1.4em;\n\n    li {\n      margin: 0;\n    }\n  }\n\n  a {\n    text-decoration: none;\n    color: ${brandColor1};\n    transition: color 0.2s;\n\n    svg {\n      margin-left: 16px;\n    }\n\n    &:hover {\n      cursor: pointer;\n      color: ${brandColor1Shade};\n    }\n  }\n\n  h2,\n  h3,\n  h4,\n  h5,\n  h6 {\n    color: ${black1};\n    margin: 0.45em 0;\n    font-weight: 900;\n    line-height: 1;\n    display: block;\n    font-family: ${fontProxima};\n    text-transform: uppercase;\n  }\n\n  h2 {\n    font-size: 56px;\n    letter-spacing: -1.5px;\n    line-height: 52px;\n  }\n\n  h3 {\n    font-size: 48px;\n    letter-spacing: -1.3px;\n  }\n\n  h4 {\n    font-size: 44px;\n    letter-spacing: -1.2px;\n  }\n\n  h5 {\n    margin: 32px 0;\n    font-size: 32px;\n    letter-spacing: -0.8px;\n    line-height: 32px;\n\n    @media (${mediaMedium}) {\n      font-size: 40px;\n      letter-spacing: -1px;\n      line-height: 52px;\n    }\n  }\n\n  h6 {\n    font-size: 28px;\n    letter-spacing: -0.7px;\n    line-height: 36px;\n\n    @media (${mediaMedium}) {\n      font-size: 36px;\n      letter-spacing: -0.9px;\n    }\n  }\n\n  table {\n    margin: 1.55rem 0.3125rem;\n    max-width: 100%;\n    border-collapse: collapse;\n    border-spacing: 0;\n\n    th {\n      background-color: ${gray4};\n      border: 1px solid transparent;\n      height: 30px;\n      padding: 0 1.875rem 0 0.625rem;\n    }\n    td {\n      border: 1px solid transparent;\n      height: 30px;\n      padding: 0 1.875rem 0 0.625rem;\n      background: #ffffff;\n      border-bottom: solid 1px #f1f2f3;\n    }\n  }\n`;\n\nexport default function Template({\n  data // this prop will be injected by the GraphQL query below.\n}) {\n  const { markdownRemark } = data; // data.markdownRemark holds your post data\n  const { frontmatter, html } = markdownRemark;\n\n  return (\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      <SEO title={frontmatter.title} />\n\n      <Wrapper>\n        <Container>\n          <Title as=\"h1\">{frontmatter.title}</Title>\n        </Container>\n        <Decoration>\n          <LinesFromRight />\n        </Decoration>\n      </Wrapper>\n\n      <Content as=\"div\">\n        <Container>\n          <div dangerouslySetInnerHTML={{ __html: html }} />\n        </Container>\n      </Content>\n    </Layout>\n  );\n}\n\nexport const pageQuery = graphql`\n  query($path: String!) {\n    markdownRemark(frontmatter: { path: { eq: $path } }) {\n      html\n      frontmatter {\n        path\n        title\n      }\n    }\n  }\n`;\n","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"],"sourceRoot":""}