{"version":3,"file":"ea89e0deb10fe703bec8a4b7aab5c550c443dca4-54c8a180fe2ab026bef3.js","mappings":"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","sources":["webpack://gravitywell-website-2019/./src/components/article-teaser/article-teaser.tsx","webpack://gravitywell-website-2019/./src/components/articles-grid/articles-grid.tsx","webpack://gravitywell-website-2019/./src/components/dynamic-html-tag/dynamic-html-tag.tsx","webpack://gravitywell-website-2019/./src/components/heading/heading-uppercase.tsx","webpack://gravitywell-website-2019/./src/components/heading/heading-underlined.tsx","webpack://gravitywell-website-2019/./src/components/hero-video/hero-video.tsx","webpack://gravitywell-website-2019/./src/components/insights/insights.tsx","webpack://gravitywell-website-2019/./src/components/page-top/page-top.tsx","webpack://gravitywell-website-2019/./src/components/panel-wrapper/panel-wrapper.tsx","webpack://gravitywell-website-2019/./src/assets/images/video-grid-overlay.png"],"sourcesContent":["import React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontSpaceHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport { IArticleData } from \"../articles-grid/articles-grid\";\nimport DynamicHtmlTag from \"../dynamic-html-tag\";\nimport DynamicImage from \"../dynamic-image\";\nimport Link from \"../link\";\n\ninterface IProps extends IArticleData {\n  htmlHeadingTag?: string;\n}\n\nconst ArticleWrapper = styled.div`\n  * {\n    margin-bottom: 0;\n  }\n\n  .article-wrapper {\n    .article {\n      position: relative;\n      margin: 0 auto;\n      padding-top: 75%;\n      max-width: 56rem;\n\n      .heading {\n        position: relative;\n\n        .title {\n          padding-top: 2.4rem;\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"heavy\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"default\"\n    })};\n        }\n\n        span {\n          display: block;\n        }\n\n        .authored-on {\n          position: absolute;\n          z-index: 2;\n          top: 0;\n          left: 0;\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_2\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"normalized\"\n    })};\n          letter-spacing: ${({ theme }) =>\n    fontSpaceHelper({\n      theme,\n      variant: \"medium\"\n    })};\n          text-transform: uppercase;\n        }\n\n        .authored-on,\n        .authored-by {\n          color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"lightGrey\"\n    })};\n          font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"light\"\n    })};\n        }\n\n        .authored-by {\n          padding-top: 1.4rem;\n          font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n          line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n        }\n      }\n\n      .image {\n        position: absolute;\n        z-index: 2;\n        top: 0;\n        left: 0;\n        width: 100%;\n\n        a {\n          display: block;\n          width: 100%;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 480px) {\n    .article-wrapper {\n      .article {\n        .heading {\n          .title {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .article-wrapper {\n      .article {\n        .heading {\n          .title {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n          }\n\n          .authored-on {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_2\"\n    })};\n          }\n\n          .authored-by {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 768px) {\n    .article-wrapper {\n      .article {\n        .heading {\n          .title {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n          }\n\n          .authored-on {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"small_3\"\n    })};\n          }\n\n          .authored-by {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_1\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .article-wrapper {\n      .article {\n        .heading {\n          .title {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_1\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .article-wrapper {\n      .article {\n        .heading {\n          .title {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"subhead_2\"\n    })};\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1440px) {\n    .article-wrapper {\n      .article {\n        .heading {\n          .title {\n            font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"title\"\n    })};\n          }\n        }\n      }\n    }\n  }\n`;\n\nconst ArticleTeaser = ({\n  htmlHeadingTag,\n  created,\n  path,\n  title,\n  author,\n  cover\n}: IProps) => {\n  return (\n    <ArticleWrapper className=\"article-container\">\n      <div className=\"article-wrapper\">\n        <article className=\"article\">\n          <div className=\"heading\">\n            <DynamicHtmlTag\n              htmlTag={htmlHeadingTag ? htmlHeadingTag : \"h2\"}\n              className=\"title\"\n            >\n              <Link\n                type=\"inline\"\n                color=\"black\"\n                underlinecolor=\"brandColor\"\n                href={path}\n              >\n                {title}\n              </Link>\n            </DynamicHtmlTag>\n\n            {author && (\n              <span className=\"authored-by\">\n                By\n                {\" \"}\n\n                {author}\n\n                <span className=\"off-screen\">\n                  .\n                </span>\n              </span>\n            )}\n          </div>\n\n          <div className=\"image\">\n            <Link\n              type=\"none\"\n              href={path}\n            >\n              <DynamicImage\n                data={cover}\n                alt={title}\n              />\n            </Link>\n          </div>\n        </article>\n      </div>\n    </ArticleWrapper>\n  );\n};\n\nexport default ArticleTeaser;\n","import React from \"react\";\n\nimport {\n  IFluid,\n  ILocalFile\n} from \"src/types/local-files\";\n\nimport styled from \"../../theme/styled\";\nimport ArticleTeaser from \"../article-teaser\";\nimport { FullWidthColumnWrapper } from \"../confines-wrappers\";\n\ninterface IProps {\n  articles: IArticleData[];\n  headingTag?: string;\n}\n\nexport interface IArticleData {\n  created: string;\n  path: string;\n  title: string;\n  author?: string;\n  cover: ILocalFile<IFluid>;\n  headingTag?: string;\n}\n\nconst ArticlesGridContainer = styled.div`\n  transition: 0.2s ease-in-out;\n\n  .articles-grid-wrapper {\n    display: flex;\n    flex-direction: column;\n\n    .article-container {\n      transition: 0.2s ease-in-out;\n      padding-top: 16%;\n\n      &:first-child {\n        padding-top: 0;\n      }\n    }\n  }\n\n  @media (min-width: 568px) {\n    .articles-grid-wrapper {\n      .article-container {\n        padding-top: 8.8rem;\n      }\n    }\n  }\n\n  @media (min-width: 600px) {\n    .articles-grid-wrapper {\n      flex-direction: row;\n      flex-wrap: wrap;\n      justify-content: space-evenly;\n\n      .article-container {\n        padding-top: 6.8rem;\n        width: 50%;\n\n        &:nth-child(-n + 2) {\n          padding-top: 0;\n        }\n\n        &:nth-child(odd) {\n          padding-right: 2%;\n\n          &:last-child {\n            padding-left: 1%;\n            padding-right: 1%;\n          }\n        }\n\n        &:nth-child(even) {\n          padding-left: 2%;\n        }\n      }\n    }\n  }\n\n  @media (min-width: 960px) {\n    .articles-grid-wrapper {\n      .article-container {\n        padding-top: 8.2rem;\n        width: 33.33%;\n\n        &:nth-child(-n + 3) {\n          padding-top: 0;\n        }\n\n        &:nth-child(3n + 1) {\n          padding-left: 0;\n          padding-right: 2%;\n\n          &:last-child {\n            padding-left: 1%;\n            padding-right: 1%;\n          }\n        }\n\n        &:nth-child(3n + 2) {\n          padding-left: 1%;\n          padding-right: 1%;\n\n          &:last-child {\n            padding-left: 2%;\n            padding-right: 0;\n          }\n        }\n\n        &:nth-child(3n + 3) {\n          padding-left: 2%;\n          padding-right: 0;\n\n          &:last-child {\n            padding-left: 2%;\n            padding-right: 0;\n          }\n        }\n      }\n    }\n  }\n\n  @media (min-width: 1280px) {\n    .articles-grid-wrapper {\n      .article-container {\n        padding-top: 9.8rem;\n      }\n    }\n  }\n\n  @media (min-width: 1440px) {\n    .articles-grid-wrapper {\n      .article-container {\n        padding-top: 12.2rem;\n      }\n    }\n  }\n`;\n\nconst ArticlesGrid = ({ articles, headingTag }: IProps) => {\n  return (\n    <ArticlesGridContainer className=\"articles-grid-container\">\n      <FullWidthColumnWrapper className=\"articles-grid-wrapper\">\n        {articles.map((article: IArticleData, i) => {\n          return (\n            <ArticleTeaser\n              key={i}\n              created={article.created}\n              path={article.path}\n              title={article.title}\n              htmlHeadingTag={headingTag}\n              author={article.author}\n              cover={article.cover}\n            />\n          );\n        })}\n      </FullWidthColumnWrapper>\n    </ArticlesGridContainer>\n  );\n};\n\nexport default ArticlesGrid;\n","import * as React from \"react\";\n\ninterface IProps {\n  className?: string;\n  htmlTag: string;\n  children: React.ReactChild;\n}\n\nconst DynamicHtmlTag = ({\n  htmlTag, children, className\n}: IProps) =>\n  React.createElement(`${htmlTag}`, { className }, children);\n\nexport default DynamicHtmlTag;\n","import * as React from \"react\";\n\nimport styled, { css } from \"../../theme/styled\";\nimport { IThemeColour } from \"../../theme/theme-definition\";\nimport {\n  colourHelper,\n  fontSizeHelper,\n  fontWeightHelper,\n  fontLineHeightHelper,\n  fontSpaceHelper\n} from \"../../theme/theme-helper\";\n\ninterface IProps\n  extends React.HTMLAttributes<HTMLHeadingElement>,\n    React.HTMLAttributes<HTMLParagraphElement> {\n  as: \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\" | \"p\";\n  color?: keyof IThemeColour;\n}\n\ninterface IHeadingStyled {\n  color?: IProps[\"color\"];\n}\n\n/**\n * How you benefit\n */\nconst HeadingUppercase: React.FC<IProps> = ({\n  as, children, ...rest\n}) => {\n  switch (as) {\n    case \"h1\":\n      return (\n        <H1Styled {...rest}>\n          {children}\n        </H1Styled>\n      );\n\n    case \"h2\":\n      return (\n        <H2Styled {...rest}>\n          {children}\n        </H2Styled>\n      );\n\n    case \"h3\":\n      return (\n        <H3Styled {...rest}>\n          {children}\n        </H3Styled>\n      );\n\n    case \"h4\":\n      return (\n        <H4Styled {...rest}>\n          {children}\n        </H4Styled>\n      );\n\n    case \"h5\":\n      return (\n        <H5Styled {...rest}>\n          {children}\n        </H5Styled>\n      );\n\n    case \"h6\":\n      return (\n        <H6Styled {...rest}>\n          {children}\n        </H6Styled>\n      );\n\n    case \"p\":\n      return (\n        <PStyled {...rest}>\n          {children}\n        </PStyled>\n      );\n\n    default:\n      return null;\n  }\n};\n\nconst headingStyling = css<IHeadingStyled>`\n  ${({ theme, color }) => css`\n    color: ${colourHelper({\n    theme,\n    variant: color || \"black\"\n  })}\n    font-size: ${fontSizeHelper({\n    theme,\n    variant: \"small_3\"\n  })};\n    font-weight: ${fontWeightHelper({\n    theme,\n    variant: \"regular\"\n  })};\n    line-height: ${fontLineHeightHelper({\n    theme,\n    variant: \"default\"\n  })};\n    letter-spacing: ${fontSpaceHelper({\n    theme,\n    variant: \"medium\"\n  })};\n    text-transform: uppercase;\n\n    @media (min-width: 768px) {\n      font-size: ${fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n    }\n  `}\n`;\n\nconst H1Styled = styled.h1<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H2Styled = styled.h2`\n  ${headingStyling}\n`;\n\nconst H3Styled = styled.h3<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H4Styled = styled.h4<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H5Styled = styled.h5<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst H6Styled = styled.h6<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nconst PStyled = styled.p<IHeadingStyled>`\n  ${headingStyling}\n`;\n\nexport default HeadingUppercase;\n","import * as React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport { IThemeColour } from \"../../theme/theme-definition\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport DynamicHtmlTag from \"../dynamic-html-tag\";\n\nexport type HeadingTag = \"h1\" | \"h2\" | \"h3\" | \"h4\" | \"h5\" | \"h6\";\n\ninterface IProps {\n  className?: string;\n  headingTag: HeadingTag;\n  title: string;\n  textColor?: keyof IThemeColour;\n  hrColor?: keyof IThemeColour;\n}\n\ninterface IHeadingWrapper {\n  textColor: keyof IThemeColour;\n  hrColor: keyof IThemeColour;\n}\n\nconst HeadingWrapper = styled<IHeadingWrapper, any>(DynamicHtmlTag)`\n  transition: 0.2s ease-in-out;\n  margin: 0;\n  color: ${({ theme, textColor }) =>\n    colourHelper({\n      theme,\n      variant: textColor\n    })};\n  font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"subhead_3\"\n  })};\n  font-weight: ${({ theme }) => fontWeightHelper({\n    theme,\n    variant: \"heavy\"\n  })};\n  line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n  text-align: center;\n\n  .text {\n    display: block;\n  }\n\n  .underline {\n    display: block;\n    margin: 2.2rem auto 0;\n    width: 5rem;\n    height: 0.5rem;\n    background-color: ${({ theme, hrColor }) =>\n    colourHelper({\n      theme,\n      variant: hrColor\n    })};\n  }\n\n  @media (min-width: 600px) {\n    font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"title\"\n  })};\n  }\n\n  @media (min-width: 960px) {\n    font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"display_3\"\n    })};\n  }\n`;\n\nconst HeadingUnderlined = (props: IProps) => (\n  <HeadingWrapper\n    className={props.className}\n    htmlTag={props.headingTag}\n    textColor={props.textColor || \"black\"}\n    hrColor={props.hrColor || \"brandColor\"}\n  >\n    <>\n      <span className=\"text\">\n        {props.title}\n      </span>\n\n      <span className=\"underline\" />\n    </>\n  </HeadingWrapper>\n);\n\nexport default HeadingUnderlined;\n","import React from \"react\";\nimport ReactPlayer, { ReactPlayerProps } from \"react-player\";\n\nimport checkeredOverlayImg from \"../../assets/images/video-grid-overlay.png\";\nimport styled from \"../../theme/styled\";\n\ninterface IHeroVideoWrapper {\n  className: string;\n  fallbackImage: string;\n}\n\ninterface HeroVideoProps {\n  /** Fallback image url */\n  fallbackImage: string;\n  /** A 16:9 aspect ratio video */\n  src: string | ReactPlayerProps[\"url\"];\n  /** Whether to increase the contrast over the video */\n  contrastGradient?: boolean;\n  /** ReactPlayer props (overwrites our defaults set inside this file) */\n  playerProps?: ReactPlayerProps;\n  className?: string;\n}\n\nexport const HeroVideo: React.FC<HeroVideoProps> = props => {\n  const {\n    src, fallbackImage, contrastGradient, playerProps = {}, className\n  } = props;\n\n  // Determine if the video is the space video which we want to align to the bottom right, the rest need to be centered\n  const isSpecialVideo = src === \"https://cdn.gravitywell.co.uk/videos/home-v2/braided_space.m3u8\";\n\n  return (\n    <HeroVideoWrapper\n      className={`hero-video-container ${className} ${isSpecialVideo ? \"special-video\" : \"\"}`}\n      fallbackImage={fallbackImage}\n    >\n      <div className=\"overlay-img\" />\n\n      {contrastGradient && <div className=\"contrast-overlay\" />}\n\n      <ReactPlayer\n        id=\"hero-video-player\"\n        pip={false}\n        playing\n        className=\"hero-video-player\"\n        width=\"100%\"\n        height=\"100%\"\n        loop\n        url={src}\n        controls={false}\n        playsinline\n        muted\n        volume={0}\n        {...playerProps}\n      />\n    </HeroVideoWrapper>\n  );\n};\n\nexport default HeroVideo;\n\nconst HeroVideoWrapper = styled<IHeroVideoWrapper, \"div\">(\"div\")`\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  background-image: url(${props => props.fallbackImage});\n  background-size: cover;\n  background-position: center;\n  overflow: hidden;\n\n  &.homepage {\n    background-position: 100% 100%;\n  }\n  \n  &.homepage video {\n    object-fit: cover;\n    object-position: center;\n    filter: brightness(0.8);\n  }\n\n  &.hero-video-container.special-video video {\n    object-position: 100% 100%;\n  }\n\n  .overlay-img {\n    position: absolute;\n    z-index: 3;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: url(${checkeredOverlayImg});\n    background-repeat: repeat;\n    opacity: 0.1;\n    pointer-events: none;\n  }\n\n  .contrast-overlay {\n    transition: 0.2s ease-in-out;\n    display: none;\n    position: absolute;\n    z-index: 2;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: linear-gradient(\n      to right,\n      rgba(0, 0, 0, 1) 0%,\n      rgba(0, 0, 0, 0) 50%\n    );\n    opacity: 0.5;\n    pointer-events: none;\n  }\n\n  .hero-video-player {\n    overflow: hidden;\n    pointer-events: none;\n    \n    /* For 16:9 aspect ratios, this simulates \"background cover and center\" for the video */\n    video {\n      height: 100%;\n      width: 177.77777778vh !important; /* 100 * 16 / 9 */\n      min-width: 100%;\n      min-height: 56.25vw; /* 100 * 9 / 16 */\n      position: absolute;\n      left: 50%;\n      top: 50%;\n      transform: translate(-50%, -50%); \n    }\n  }\n\n  @media (min-width: 768px) {\n    .contrast-overlay {\n      display: block;\n    }\n  }\n\n  @media (min-width: 1920px) {\n    .contrast-overlay {\n      background: linear-gradient(\n        to right,\n        rgba(0, 0, 0, 1) 0%,\n        rgba(0, 0, 0, 0) 75%\n      );\n    }\n  }\n`;\n","import * as React from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport {\n  colourHelper,\n  fontLineHeightHelper,\n  fontSizeHelper,\n  fontWeightHelper\n} from \"../../theme/theme-helper\";\nimport ArticlesGrid, { IArticleData } from \"../articles-grid/articles-grid\";\nimport { ColumnWidthWrapper } from \"../confines-wrappers\";\nimport { IGradients } from \"../gradients/gradient-list\";\nimport { HeadingUnderlined } from \"../heading\";\nimport { HeadingTag } from \"../heading/heading-underlined\";\nimport Link from \"../link/link\";\nimport Panel from \"../panel-wrapper\";\n\ninterface IProps {\n  headingTag?: HeadingTag;\n  title: string;\n  articles: IArticleData[];\n  gradient: keyof IGradients;\n  sideText?: string;\n}\n\nconst InsightsContainer = styled(\"div\")`\n  overflow: hidden;\n  color: white;\n\n  img {\n    aspect-ratio: 1.5;\n    object-fit: cover;\n  }\n\n  .articles-grid-container {\n    padding-top: 10%;\n\n    .article-wrapper {\n      .article {\n        .heading {\n          .title {\n            a {\n              color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"white\"\n    })};\n\n              &:hover {\n                border-bottom-color: ${({ theme }) =>\n    colourHelper({\n      theme,\n      variant: \"white\"\n    })};\n              }\n            }\n          }\n\n          .authored-on,\n          .authored-by {\n            color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n          }\n        }\n\n        .image {\n          box-shadow: 0.8rem 0.8rem 0 0 rgba(0, 0, 0, 0.2);\n        }\n      }\n    }\n  }\n\n  .section-cta-container {\n    padding-top: 6.8rem;\n    width: 100%;\n\n    p {\n      padding-top: 0;\n      text-align: center;\n      font-size: ${({ theme }) => fontSizeHelper({\n    theme,\n    variant: \"body_1\"\n  })};\n      font-weight: ${({ theme }) =>\n    fontWeightHelper({\n      theme,\n      variant: \"bold\"\n    })};\n      line-height: ${({ theme }) =>\n    fontLineHeightHelper({\n      theme,\n      variant: \"small\"\n    })};\n\n      a {\n        color: ${({ theme }) => colourHelper({\n    theme,\n    variant: \"white\"\n  })};\n        border-bottom-color: rgba(255, 255, 255, 0.4);\n\n        &:hover {\n          border-bottom-color: rgba(255, 255, 255, 1);\n        }\n      }\n    }\n  }\n\n  @media (min-width: 480px) {\n    .section-cta-container {\n      padding-top: 8.8rem;\n    }\n  }\n\n  @media (min-width: 960px) {\n    .articles-grid-container {\n      padding-top: 8%;\n    }\n\n    .section-cta-container {\n      p {\n        font-size: ${({ theme }) =>\n    fontSizeHelper({\n      theme,\n      variant: \"body_2\"\n    })};\n      }\n    }\n  }\n\n  @media (min-width: 1440px) {\n    .section-cta-container {\n      padding-top: 10.2rem;\n    }\n  }\n`;\n\nconst Insights = ({\n  title, headingTag, articles, gradient, sideText\n}: IProps) => {\n  let headingTagSplit: string[] = [];\n  let headingNumber = 0;\n  let subHeadingTag = \"h3\";\n\n  headingTag = headingTag || \"h2\";\n  headingTagSplit = headingTag.split(\"\");\n  headingNumber = parseInt(headingTagSplit[ 1 ], 0) + 1;\n  subHeadingTag = `h${headingNumber.toString()}` || \"h3\";\n\n  return (\n    <InsightsContainer className=\"insights-container\">\n      <Panel\n        className=\"content-container\"\n        // gradient={gradient}\n        backgroundColor=\"black\"\n      >\n        <ColumnWidthWrapper\n          className=\"latest-wrapper\"\n          sideText={sideText}\n        >\n          <HeadingUnderlined\n            headingTag={headingTag}\n            title={title}\n            textColor=\"white\"\n            hrColor=\"white\"\n          />\n\n          <ArticlesGrid\n            articles={articles}\n            headingTag={subHeadingTag}\n          />\n\n          <div className=\"section-cta-container\">\n            <p className=\"insights-link\">\n              <span className=\"off-screen\">\n                Click here to\n                {\" \"}\n              </span>\n\n              <Link\n                type=\"styled\"\n                color=\"white\"\n                href=\"/insights\"\n              >\n                Read our Insights\n              </Link>\n            </p>\n          </div>\n        </ColumnWidthWrapper>\n      </Panel>\n    </InsightsContainer>\n  );\n};\n\nexport default Insights;\n","import React, { CSSProperties } from \"react\";\n\nimport styled from \"../../theme/styled\";\nimport { generator } from \"../gradients\";\nimport { IGradients } from \"../gradients/gradient-list\";\n\ninterface IPageTop {\n  id?: string;\n  className?: string;\n  gradient?: keyof IGradients;\n  backgroundImage?: string;\n  overlayColor?: string;\n  borderTop?: string;\n  backgroundColor?: string;\n  parallax?: boolean;\n  maxWidth?: number;\n  maxHeight?: number;\n  height?: \"auto\" | \"tiny\" | \"small\" | \"medium\" | \"large\";\n  minHeight?: number;\n  children: React.ReactNode;\n  style?: CSSProperties;\n  widthType?:\n    | \"FullWidthWrapper\"\n    | \"FullWidthColumnWrapper\"\n    | \"ColumnWidthWrapper\"\n    | \"HalfColumnWidthWrapper\";\n}\n\ninterface IPageTopContainer {\n  gradient?: keyof IGradients;\n  maxHeight?: string;\n  aspectRatios: IAspectRatios;\n  backgroundColor?: string;\n  borderTop?: string;\n  backgroundImage?: string;\n}\n\ninterface IAspectRatios {\n  320: string;\n  375: string;\n  480: string;\n  568: string;\n  600: string;\n  768: string;\n  960: string;\n  1024: string;\n  1280: string;\n  1440: string;\n  1920: string;\n}\n\ninterface IColorOverlay {\n  overlayColor?: string;\n}\n\nconst PageTopContainer = styled<IPageTopContainer, \"div\">(\"div\")`\n  transition: 0.2s ease-in-out;\n  position: relative;\n  display: flex;\n  flex-direction: row;\n  justify-content: center;\n  align-items: center;\n  min-height: ${props => props.aspectRatios[ 320 ]};\n  /* padding-top: ${props => (!props.backgroundImage && \"10rem;\") || \"66%\"}; */\n  /* padding-bottom: ${props =>\n    (!props.backgroundImage && \"4.8rem;\") || \"0\"}; */\n  width: 100%;\n  border-top: ${props =>\n    props.borderTop ? `0.2rem solid ${props.borderTop}` : \"\"};\n  background-color: ${props => props.backgroundColor};\n  background: ${props =>\n    props.backgroundImage && `url(${props.backgroundImage})`};\n  background-size: ${props => props.backgroundImage && \"cover\"};\n  background-position: ${props => props.backgroundImage && \"center center\"};\n  background: ${props =>\n    props.gradient && generator({\n      gradient: props.gradient,\n      angle: -38\n    })};\n\n  .top-content-wrapper {\n    transition: 0.2s ease-in-out;\n    display: flex;\n    overflow: hidden;\n    flex-direction: column;\n    justify-content: center;\n    height: 100%;\n    width: 100%;\n    padding-top: 6.4rem;\n  }\n\n  @media (min-width: 600px) {\n    min-height: ${props => props.aspectRatios[ 600 ]};\n  }\n\n  @media (min-width: 768px) {\n    .top-content-wrapper {\n      padding-top: 7.2rem;\n    }\n  }\n\n  @media (min-width: 960px) {\n    min-height: ${props => props.aspectRatios[ 960 ]};\n  }\n\n  @media (min-width: 1280px) {\n    min-height: auto;\n    max-height: ${props => props.maxHeight};\n    height: ${props => props.aspectRatios[ 1280 ]};\n  }\n\n  @media (min-width: 1440px) {\n    height: ${props => props.aspectRatios[ 1440 ]};\n  }\n`;\n\nconst ColorOverlayWrapper = styled<IColorOverlay, \"div\">(\"div\")`\n  position: absolute;\n  width: 100%;\n  height: 100%;\n  top: 0;\n  left: 0;\n  z-index: 0;\n  opacity: 0.5;\n  background: ${props => props.overlayColor};\n`;\n\nconst ColorOverlay = (props: IColorOverlay) => {\n  if (!props.overlayColor) {\n    return null;\n  }\n\n  return <ColorOverlayWrapper overlayColor={props.overlayColor} />;\n};\n\nconst PageTop = (props: IPageTop) => {\n  const { height } = props;\n\n  const aspectRatios: IAspectRatios = {\n    320: \"66.6vw\",\n    375: \"66.6vw\",\n    480: \"66.6vw\",\n    568: \"66.6vw\",\n    600: \"66.6vw\",\n    768: \"66.6vw\",\n    960: \"66.6vw\",\n    1024: \"66.6vw\",\n    1280: \"66.6vw\",\n    1440: \"66.6vw\",\n    1920: \"66.6vw\"\n  };\n\n  let maxHeight = \"58rem\";\n\n  switch (height) {\n    case \"large\":\n      maxHeight = \"88rem\";\n      aspectRatios[ 600 ] = \"72vw\";\n      aspectRatios[ 960 ] = \"61vw\";\n      aspectRatios[ 1280 ] = \"50vw\";\n      aspectRatios[ 1440 ] = \"45.8vw\";\n      aspectRatios[ 1920 ] = \"45.8vw\";\n      break;\n\n    case \"medium\":\n      maxHeight = \"70rem\";\n      aspectRatios[ 600 ] = \"64vw\";\n      aspectRatios[ 960 ] = \"54vw\";\n      aspectRatios[ 1280 ] = \"44vw\";\n      aspectRatios[ 1440 ] = \"36.4vw\";\n      aspectRatios[ 1920 ] = \"36.4vw\";\n      break;\n\n    case \"small\":\n      maxHeight = \"58rem\";\n      aspectRatios[ 600 ] = \"54vw\";\n      aspectRatios[ 960 ] = \"46vw\";\n      aspectRatios[ 1280 ] = \"38vw\";\n      aspectRatios[ 1440 ] = \"34.8vw\";\n      aspectRatios[ 1920 ] = \"30.2vw\";\n      break;\n\n    default:\n    case \"tiny\":\n      maxHeight = \"43.4rem\";\n      aspectRatios[ 600 ] = \"50vw\";\n      aspectRatios[ 960 ] = \"38vw\";\n      aspectRatios[ 1280 ] = \"31vw\";\n      aspectRatios[ 1440 ] = \"30.2vw\";\n      aspectRatios[ 1920 ] = \"30.2vw\";\n      break;\n\n    case \"auto\":\n      maxHeight = \"none\";\n      aspectRatios[ 600 ] = \"auto\";\n      aspectRatios[ 960 ] = \"auto\";\n      aspectRatios[ 1280 ] = \"auto\";\n      aspectRatios[ 1440 ] = \"auto\";\n      aspectRatios[ 1920 ] = \"auto\";\n      break;\n  }\n\n  return (\n    <PageTopContainer\n      id={props.id}\n      className=\"top-content-container\"\n      style={props.style}\n      gradient={props.gradient}\n      backgroundImage={props.backgroundImage}\n      backgroundColor={props.backgroundColor}\n      borderTop={props.borderTop}\n      maxHeight={maxHeight}\n      aspectRatios={aspectRatios}\n    >\n      <ColorOverlay overlayColor={props.overlayColor} />\n\n      <div className=\"top-content-wrapper\">\n        {props.children}\n      </div>\n    </PageTopContainer>\n  );\n};\n\nexport default PageTop;\n","import React, { CSSProperties } from \"react\";\nimport { ParallaxBanner } from \"react-scroll-parallax\";\n\nimport { generator } from \"../gradients\";\nimport styled from \"../../theme/styled\";\nimport { IGradients } from \"../gradients/gradient-list\";\n\ninterface IPanel {\n  className?: string;\n  gradient?: keyof IGradients;\n  backgroundImage?: string;\n  backgroundColor?: string;\n  borderTop?: string;\n  parallax?: boolean;\n  maxHeight?: number;\n  children: React.ReactNode;\n  style?: CSSProperties;\n}\n\ninterface IPanelContainer {\n  gradient?: keyof IGradients;\n  maxHeight?: number;\n  backgroundColor?: string;\n  borderTop?: string;\n  backgroundImage?: string;\n}\n\nconst PanelContainer = styled<IPanelContainer, \"div\">(\"div\")`\n  /* display: flex; */\n  position: relative;\n  /* padding: 0 100px; */\n  /* border-top: ${props =>\n    props.borderTop ? `2px solid ${props.borderTop}` : \"\"}; */\n  background: ${props => props.backgroundColor};\n  background: ${props =>\n    props.backgroundImage && `url(${props.backgroundImage})`};\n  background: ${props =>\n    props.gradient && generator({\n      gradient: props.gradient,\n      angle: -38\n    })};\n  /* z-index: 0; */\n  /* width: 100vw; */\n  /* height: 100vh; */\n  /* min-height: ${props => (props.maxHeight ? props.maxHeight - 200 : 600)}px;\n  max-height: ${props => (props.maxHeight ? props.maxHeight : 750)}px; */\n\n  > section {\n    /* width: 100%; */\n  }\n\n  @media (max-width: 1100px) {\n    /* padding: 40px; */\n  }\n\n  @media (max-width: 768px) {\n    /* padding: 20px;\n    height: auto;\n    min-height: none;\n    max-height: none; */\n  }\n`;\n\nconst ParallaxPanelContainer = styled(ParallaxBanner)`\n  height: auto !important;\n`;\n\nconst PanelContent = styled(\"div\")`\n  /* max-width: 1200px; */\n  /* margin: 0 auto; */\n`;\n\nconst Panel = (props: IPanel) => {\n  if (!props.parallax) {\n    return (\n      <PanelContainer\n        className={props.className}\n        style={props.style}\n        gradient={props.gradient}\n        backgroundImage={props.backgroundImage}\n        backgroundColor={props.backgroundColor}\n        borderTop={props.borderTop}\n        maxHeight={props.maxHeight}\n      >\n        <PanelContent>\n          {props.children}\n        </PanelContent>\n      </PanelContainer>\n    );\n  } else {\n    return (\n      <ParallaxPanelContainer\n        className={props.className}\n        layers={[\n          {\n            image: props.backgroundImage || \"\",\n            amount: 0.1,\n            children: null\n          }\n        ]}\n        style={{ ...props.style }}\n      >\n        <PanelContent>\n          {props.children}\n        </PanelContent>\n      </ParallaxPanelContainer>\n    );\n  }\n};\n\nexport default Panel;\n","export default \"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAMAAAADCAYAAABWKLW/AAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAyhpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuNi1jMTQ1IDc5LjE2MzQ5OSwgMjAxOC8wOC8xMy0xNjo0MDoyMiAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RSZWY9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZVJlZiMiIHhtcDpDcmVhdG9yVG9vbD0iQWRvYmUgUGhvdG9zaG9wIENDIDIwMTkgKE1hY2ludG9zaCkiIHhtcE1NOkluc3RhbmNlSUQ9InhtcC5paWQ6OTU5RjRDN0RFOTg0MTFFOEIwMkVFNTcwMDMyMUE3NEUiIHhtcE1NOkRvY3VtZW50SUQ9InhtcC5kaWQ6OTU5RjRDN0VFOTg0MTFFOEIwMkVFNTcwMDMyMUE3NEUiPiA8eG1wTU06RGVyaXZlZEZyb20gc3RSZWY6aW5zdGFuY2VJRD0ieG1wLmlpZDo5NTlGNEM3QkU5ODQxMUU4QjAyRUU1NzAwMzIxQTc0RSIgc3RSZWY6ZG9jdW1lbnRJRD0ieG1wLmRpZDo5NTlGNEM3Q0U5ODQxMUU4QjAyRUU1NzAwMzIxQTc0RSIvPiA8L3JkZjpEZXNjcmlwdGlvbj4gPC9yZGY6UkRGPiA8L3g6eG1wbWV0YT4gPD94cGFja2V0IGVuZD0iciI/PiFmeqQAAAAWSURBVHjaYmBAgP9MDGjgPxQzAAQYACkyAwBWm6YbAAAAAElFTkSuQmCC\""],"names":["ArticleWrapper","styled","theme","fontSizeHelper","variant","fontWeightHelper","fontLineHeightHelper","fontSpaceHelper","colourHelper","htmlHeadingTag","path","created","title","author","cover","className","htmlTag","type","color","underlinecolor","href","data","alt","ArticlesGridContainer","articles","headingTag","map","article","i","key","children","React","headingStyling","css","H1Styled","H2Styled","H3Styled","H4Styled","H5Styled","H6Styled","PStyled","as","rest","HeadingWrapper","DynamicHtmlTag","textColor","hrColor","props","src","fallbackImage","contrastGradient","playerProps","isSpecialVideo","HeroVideoWrapper","id","pip","playing","width","height","loop","url","controls","playsinline","muted","volume","checkeredOverlayImg","InsightsContainer","headingTagSplit","subHeadingTag","sideText","gradient","split","parseInt","toString","backgroundColor","PageTopContainer","aspectRatios","backgroundImage","borderTop","generator","angle","maxHeight","ColorOverlayWrapper","overlayColor","ColorOverlay","style","PanelContainer","ParallaxPanelContainer","ParallaxBanner","PanelContent","parallax","layers","image","amount"],"sourceRoot":""}