{"version":3,"file":"static/chunks/5715-abe3b6375357770a.js","mappings":"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","sources":["webpack://_N_E/./src/components/elements/badge/badge.styles.ts","webpack://_N_E/./src/components/elements/responsive-line-break/index.tsx","webpack://_N_E/./src/components/elements/square-icon/square-icon.types.ts","webpack://_N_E/./src/components/elements/square-icon/square-icon.styles.ts","webpack://_N_E/./src/components/elements/themed-image/themed-image.ts","webpack://_N_E/./src/components/elements/themed-image/index.tsx","webpack://_N_E/./src/components/sections/cta/cta.styles.ts"],"sourcesContent":["'use client';\n\nimport type { StyledBadgeProps } from './badge.types';\n\nimport { css, styled } from '@/styles';\n\nexport const BadgeWrapper = styled.div`\n  display: flex;\n  align-items: center;\n  width: fit-content;\n  gap: 16px;\n`;\n\nexport const AdditionalText = styled.span`\n  color: ${({ theme }) => theme.colors.lightGrey};\n  font-size: ${({ theme }) => theme.fontSizes.label.l};\n  font-weight: ${({ theme }) => theme.fontWeight.bold};\n  letter-spacing: ${({ theme }) => theme.letterSpacing.label};\n  text-transform: uppercase;\n`;\n\nexport const StyledBadge = styled.p<StyledBadgeProps>`\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  font-size: ${({ theme }) => theme.fontSizes.label.m};\n  font-weight: ${({ theme }) => theme.fontWeight.bold};\n  line-height: ${({ theme }) => theme.lineHeight.label};\n  letter-spacing: ${({ theme }) => theme.letterSpacing.label};\n  text-transform: uppercase;\n\n  ${({ $variant }) => {\n    switch ($variant) {\n      case 'primary':\n        return css`\n          border-radius: 16px;\n          padding: 6px 10px;\n          color: ${({ theme }) => theme.colors.text.lightGrey};\n          background-color: ${({ theme }) => theme.colors.darkGrey};\n          box-shadow: 0 0 0 1px ${({ theme }) => theme.colors.borderDark} inset;\n        `;\n\n      case 'secondary':\n        return css`\n          border-radius: 24px;\n          padding: 8px 12px;\n          color: ${({ theme }) => theme.colors.text.alwayLightGrey};\n          background: ${({ theme }) => theme.colors.blueGradient};\n          box-shadow:\n            0 0 0 1px rgba(255, 255, 255, 0.1) inset,\n            0px 1.66px 0.83px 0px rgba(201, 212, 251, 0.1) inset;\n        `;\n    }\n  }}\n`;\n","'use client';\n\nimport { styled } from '@/styles';\n\n/**\n * A line break that's only shown on larger screens (leaving smaller screens to\n * word break for themselves naturally).\n */\nexport const ResponsiveLineBreak = styled.br`\n    display: none;\n\n    @media (min-width: ${({ theme }) => theme.screens.md}) {\n        display: block;\n    }\n`;","import type { Icon } from '@phosphor-icons/react';\n\nimport type { CustomIcon } from '../icon/custom/types';\n\nexport const SquareIconSizes = {\n  mini: 40,\n  small: 48,\n  medium: 56,\n  large: 64,\n  xLarge: 72,\n};\n\nexport interface StyledSquareIconProps {\n  $variant?: 'primary' | 'secondary' | 'darker-secondary' | 'tertiary' | 'tertiary-bigger';\n  $size?: keyof typeof SquareIconSizes;\n}\n\nexport type IconType = Icon | CustomIcon;\n\nexport interface SquareIconProps extends StyledSquareIconProps {\n  icon: IconType;\n}\n","'use client';\n\nimport type { StyledSquareIconProps } from './square-icon.types';\nimport { SquareIconSizes } from './square-icon.types';\n\nimport { css, styled } from '@/styles';\n\nexport const StyledSquareIcon = styled.div<StyledSquareIconProps>`\n  display: flex;\n  width: fit-content;\n  border-radius: 12px;\n  padding: 11px;\n  border: 1px solid ${({ theme }) => theme.colors.button.border};\n  width: ${({ $size }) => SquareIconSizes[$size || 'medium']}px;\n  height: ${({ $size }) => SquareIconSizes[$size || 'medium']}px;\n\n  ${({ $variant, $size }) => {\n    switch ($variant) {\n      case 'primary':\n        return css`\n          background-color: ${({ theme }) => theme.colors.inkBlack};\n\n          box-shadow:\n            0px 2px 0px 0px rgba(0, 0, 0, 0.05) inset,\n            0px 0px 11px 0px rgba(0, 0, 0, 0.05);\n\n          & svg {\n            color: ${({ theme }) => theme.colors.electricBlue};\n            box-shadow:\n              0px 2.4 1.2 0px rgba(201, 212, 251, 0.1) inset,\n              0px -1.2 1.2 0px rgba(16, 46, 151, 0.1) inset,\n              0px 2.4 1.2 0px rgba(201, 212, 251, 0.1) inset,\n              0px -1.2 1.2 0px rgba(16, 46, 151, 0.1) inset;\n          }\n\n          ${() =>\n            $size === 'large' &&\n            `\n              border-width: 1.13px;\n              border-radius: 16px;\n              align-items: center;\n              justify-content: center;\n            `}\n        `;\n\n      case 'secondary':\n        return css`\n          background-color: ${({ theme }) => theme.colors.inkGrey};\n\n          & svg {\n            color: ${({ theme }) => theme.colors.lightGrey};\n          }\n        `;\n\n      case 'darker-secondary':\n        return css`\n          background-color: ${({ theme }) => theme.colors.inkBlack};\n\n          & svg {\n            color: ${({ theme }) => theme.colors.lightGrey};\n          }\n        `;\n\n      case 'tertiary':\n        return css`\n          color: ${({ theme }) => theme.colors.white}\n          border-radius: 8px;\n          padding: 12px;\n          background-color: ${({ theme }) => theme.colors.darkGrey};\n          box-shadow: 0px 0px 24px 0px #8082891a inset;\n        `;\n\n      case 'tertiary-bigger':\n        return css`\n          color: ${({ theme }) => theme.colors.white}\n          border-radius: 8px;\n          padding: 15px;\n          background-color: ${({ theme }) => theme.colors.darkGrey};\n          box-shadow: 0px 0px 24px 0px #8082891a inset;\n        `;\n    }\n  }}\n`;\n","'use client';\n\nimport { MovingBorder } from '../moving-border';\nimport type { MovingBorderProps } from '../moving-border/moving-border.types';\n\nimport { screens, styled } from '@/styles';\n\nexport const StyledThemedImage = styled.figure`\n  & img {\n    width: 100%;\n    height: 100%;\n    border-radius: 12px;\n    border: 1px solid ${({ theme }) => theme.colors.borderDark};\n  }\n`;\n\nexport const ThemedImageMovingBorder = styled(MovingBorder)<MovingBorderProps>`\n  & {\n    --border-width: 2px;\n    --radius: 8px;\n    line-height: 0;\n    width: 100%;\n    height: fit-content;\n    object-fit: cover;\n\n    @media (min-width: ${screens['lg']}) {\n      --radius: 16px;\n    }\n\n    ${({ theme, $withBorder }) =>\n      $withBorder &&\n      `\n        border: var(--border-width) solid ${theme.colors.button.border};\n    \n        &::before {\n          content: none;\n        }\n      `}\n\n    @media (hover: hover) {\n      &:hover {\n        border: var(--border-width) solid\n          ${({ $withBorder, theme }) => (!$withBorder ? 'transparent' : theme.colors.button.border)};\n      }\n    }\n\n    & img {\n      width: 100%;\n      height: 100%;\n      padding: 4px;\n      border-radius: 8px;\n      border: 1px solid linear-gradient(270deg, #ffffff -0.8%, rgba(255, 255, 255, 0) 93.82%);\n\n      @media (min-width: ${screens['lg']}) {\n        padding: 10px;\n        border-radius: 22px;\n      }\n    }\n\n    &:before {\n      background-image: conic-gradient(from var(--angle), var(--moving-border-dark));\n      animation: spin 5s linear infinite paused;\n      animation-play-state: running;\n    }\n\n    @supports not (background: paint(something)) {\n      &::before {\n        background-image: conic-gradient(from var(--angle), var(--moving-border-dark));\n      }\n    }\n  }\n`;\n","'use client';\n\nimport ExportedImage from 'next-image-export-optimizer';\nimport type { DetailedHTMLProps, ImgHTMLAttributes, RefObject } from 'react';\n\nimport { StyledThemedImage, ThemedImageMovingBorder } from './themed-image';\n\nexport interface ThemeImageProps\n  extends Omit<DetailedHTMLProps<ImgHTMLAttributes<HTMLImageElement>, HTMLImageElement>, 'src'> {\n  lightSrc: string;\n  darkSrc: string;\n  withBorderAnimation?: boolean;\n  withBorder?: boolean;\n  withoutStyles?: boolean;\n  ref?: RefObject<HTMLImageElement>;\n  height?: number;\n  width?: number;\n}\n\nexport const ThemedImage = ({\n  lightSrc,\n  darkSrc,\n  withBorderAnimation,\n  withBorder,\n  withoutStyles,\n  loading,\n  height,\n  width,\n  alt = 'image',\n  ...props\n}: ThemeImageProps) => {\n  const imageProps = {\n    priority: loading == 'eager',\n    loading: loading ?? 'lazy',\n    ...props,\n  };\n\n  const FinalImage = () => {\n    return (\n      <>\n        <ExportedImage\n          {...imageProps}\n          alt={alt}\n          height={height}\n          width={width}\n          src={lightSrc}\n          data-hide-on-theme=\"dark\"\n        />\n        <ExportedImage\n          {...imageProps}\n          alt={alt}\n          height={height}\n          width={width}\n          src={darkSrc}\n          data-hide-on-theme=\"light\"\n        />\n      </>\n    );\n  };\n\n  if (withBorderAnimation || withBorder) {\n    return (\n      <ThemedImageMovingBorder $withBorder={Boolean(withBorder)}>\n        <FinalImage />\n      </ThemedImageMovingBorder>\n    );\n  }\n\n  if (withoutStyles) {\n    return <FinalImage />;\n  }\n\n  return (\n    <StyledThemedImage>\n      <FinalImage />\n    </StyledThemedImage>\n  );\n};\n","'use client';\n\nimport type { CTAVariant, bgVariant } from './cta.types';\n\nimport { Container } from '@/components/elements/container';\nimport { StyledHeading } from '@/components/elements/heading/heading.styles';\nimport { StyledStack } from '@/components/elements/stack/stack.styles';\nimport { Text } from '@/components/elements/text';\nimport { StyledText } from '@/components/elements/text/text.styles';\nimport { css, screens, styled } from '@/styles';\n\nconst ctaSquareStyles = css`\n  max-width: 1344px;\n  margin: 0 auto;\n  margin: 96px auto;\n  padding-top: 64px;\n  padding-bottom: 0;\n  box-shadow: 0px 0px 24px 0px rgba(189, 195, 218, 0.1) inset;\n  border-radius: 16px;\n  background:\n    no-repeat url('/images/backgrounds/hero-lines.svg'),\n    ${({ theme }) => theme.backgroundImages.backgroundDots};\n  background-position: top -400px center;\n  margin: 32px 16px;\n  border: 1px solid ${({ theme }) => theme.colors.borderDark};\n\n  @media (min-width: ${screens['lg']}) {\n    border: 0;\n  }\n\n  @media (min-width: ${screens['lg']}) {\n    padding-top: 128px;\n    padding-bottom: 128px;\n    margin: 96px auto;\n    background-position: top -80px center;\n    /* faded look effect */\n    &::before {\n      content: '';\n      border: 1px solid ${({ theme }) => theme.colors.borderDark};\n      border-radius: 16px;\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      background-image: radial-gradient(ellipse at center, transparent 30%, ${({ theme }) => theme.colors.inkGrey});\n    }\n  }\n`;\n\nconst ctaFluidStyles = css`\n  background: no-repeat url('/images/backgrounds/hero-lines.svg');\n  background-position: top -360px center;\n\n  @media (min-width: ${screens['lg']}) {\n    background-position: top -45px center;\n  }\n\n  &::before {\n    content: '';\n    position: absolute;\n    inset: 0;\n    pointer-events: none;\n\n    box-shadow: inset 0px 11px 16px 0px ${({ theme }) => theme.colors.inkGrey};\n  }\n`;\n\nconst handleBackgroundVariant = (variant: bgVariant) => {\n  switch (variant) {\n    case 'left-bottom-to-top-right':\n      return css`\n        background:\n          no-repeat url(/images/backgrounds/hero-lines-2.svg),\n          var(--background-dots);\n        background-position: center top -388px;\n      `;\n    case 'rigth-bottom-to-top-left':\n      return css`\n        background:\n          no-repeat url(/images/backgrounds/hero-lines-4.svg),\n          var(--background-dots);\n        background-position: center top -340px;\n      `;\n\n    case 'left-top-to-bottom-right':\n      return css`\n        background:\n          no-repeat url(/images/backgrounds/hero-lines-3.svg),\n          var(--background-dots);\n        background-position: center top -310px;\n      `;\n\n    default:\n      return css`\n        background:\n          no-repeat url('/images/backgrounds/hero-lines.svg'),\n          var(--background-dots);\n        background-position: top -35px center;\n\n        @media (max-width: ${screens['md']}) {\n          background-position: top -317px center;\n        }\n      `;\n  }\n};\n\nconst ctaHeroStyles = css<{ $variant: CTAVariant; $bgVariant: bgVariant }>`\n  box-shadow: ${({ theme }) => theme.shadow.hero};\n\n  @media (min-width: ${screens['md']}) {\n    ${({ $bgVariant }) => handleBackgroundVariant($bgVariant)};\n\n    /* faded look effect */\n    &::before {\n      content: '';\n      position: absolute;\n      inset: 0;\n      pointer-events: none;\n      background-image: radial-gradient(ellipse at center, transparent 60%, ${({ theme }) => theme.colors.inkGrey});\n    }\n  }\n`;\n\nconst ctaNarrowStyles = css<{ $variant: CTAVariant; $bgVariant: bgVariant }>`\n  ${ctaHeroStyles}\n\n  &&& div[data-container=\"true\"] {\n    max-width: 657px;\n  }\n`;\n\nexport const StyledHeroWrapper = styled.section<{\n  $variant: CTAVariant;\n  $bgVariant: bgVariant;\n  $footerClose: boolean;\n}>`\n  position: relative;\n  padding-top: 32px;\n  padding-bottom: 64px;\n  text-align: center;\n\n  ${({ $variant }) => $variant === 'cta-square' && ctaSquareStyles};\n  ${({ $variant }) => $variant === 'cta-hero' && ctaHeroStyles};\n  ${({ $variant }) => $variant === 'cta-narrow' && ctaNarrowStyles};\n  ${({ $variant }) => $variant === 'cta-fluid' && ctaFluidStyles};\n\n  @media (min-width: ${screens['lg']}) {\n    padding-top: 96px;\n\n    ${({ $footerClose }) => {\n      return $footerClose\n        ? `\n        padding-bottom: 128px;\n        margin-bottom: -64px;\n      `\n        : `\n        padding-bottom: 64px;\n      `;\n    }}\n  }\n`;\n\nexport const StyledContainer = styled(Container)`\n  &&& {\n    max-width: 1280px;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n\n    @media (min-width: ${screens['xl']}) {\n      padding-left: 0;\n      padding-right: 0;\n    }\n\n    & ${StyledHeading} {\n      max-width: 360px;\n      line-height: 115%;\n      padding-top: 11px;\n\n      @media (min-width: ${screens['md']}) {\n        max-width: 1115px;\n      }\n    }\n\n    & ${StyledText} {\n      margin: 0 auto;\n    }\n\n    & ${StyledStack} {\n      align-items: center;\n    }\n  }\n`;\n\nexport const StyledExcerpt = styled(Text)<{ $isLargeText?: boolean }>`\n  &&& {\n    ${({ $isLargeText }) =>\n      $isLargeText &&\n      css`\n        max-width: 343px;\n\n        @media (min-width: ${screens['lg']}) {\n          max-width: 659px;\n          text-shadow: var(--ink-grey) 0 0 20px, var(--ink-grey) 1px 1px 1px;\n        }\n      `};\n  }\n`;\n\nexport const StyledCTAWrapper = styled.div<{ $isLargeText: boolean }>`\n  width: 100%;\n  display: flex;\n  align-items: center;\n  flex-direction: column;\n  gap: 32px;\n  margin-top: 32px;\n  margin-bottom: 32px;\n\n  @media (min-width: ${screens['lg']}) {\n    flex-direction: row;\n    margin-bottom: 64px;\n    width: fit-content;\n  }\n`;\n"],"names":["BadgeWrapper","styled","div","_templateObject","AdditionalText","span","_templateObject1","theme","param","colors","lightGrey","fontSizes","label","l","fontWeight","bold","letterSpacing","StyledBadge","p","_templateObject4","m","lineHeight","$variant","css","text","darkGrey","borderDark","alwayLightGrey","blueGradient","ResponsiveLineBreak","br","screens","md","SquareIconSizes","mini","small","medium","large","xLarge","StyledSquareIcon","_templateObject5","button","border","$size","inkBlack","electricBlue","inkGrey","white","StyledThemedImage","figure","ThemedImageMovingBorder","MovingBorder","$withBorder","concat","ThemedImage","lightSrc","darkSrc","withBorderAnimation","withBorder","withoutStyles","loading","height","width","alt","props","imageProps","priority","FinalImage","jsx_runtime","jsxs","Fragment","jsx","ExportedImage","src","data-hide-on-theme","Boolean","ctaSquareStyles","backgroundImages","backgroundDots","ctaFluidStyles","handleBackgroundVariant","variant","ctaHeroStyles","shadow","hero","$bgVariant","ctaNarrowStyles","StyledHeroWrapper","section","_templateObject8","$footerClose","StyledContainer","Container","StyledHeading","StyledText","StyledStack","StyledExcerpt","Text","$isLargeText","StyledCTAWrapper","_templateObject12"],"sourceRoot":""}