{"version":3,"file":"static/chunks/4006-a96ee8ccf50e7beb.js","mappings":"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","sources":["webpack://_N_E/./src/components/elements/check-icon/check-icon.styles.ts","webpack://_N_E/./src/components/elements/check-icon/index.tsx","webpack://_N_E/./src/components/elements/container/index.tsx","webpack://_N_E/./src/components/elements/gradient/gradient.styles.ts","webpack://_N_E/./src/components/elements/heading/index.tsx","webpack://_N_E/./src/components/modules/alt-heading-block/alt-heading-block.styles.ts","webpack://_N_E/./src/components/modules/breadcrumbs/breadcrumbs.styles.ts","webpack://_N_E/./src/components/sections/integration/single-page/compatibility/badge/badge.styles.ts","webpack://_N_E/./src/components/sections/integration/single-page/compatibility/badge/index.tsx","webpack://_N_E/./src/components/sections/integration/single-page/compatibility/badges-wrapper/index.tsx","webpack://_N_E/./src/components/sections/integration/single-page/compatibility/compatibility.styles.ts","webpack://_N_E/./src/components/sections/integration/single-page/hero/hero.styles.ts","webpack://_N_E/./src/components/sections/integration/single-page/text-appvideo/text-video.styles.ts"],"sourcesContent":["'use client';\n\nimport type { CheckIconProps } from '.';\n\nimport { styled } from '@/styles';\n\nexport const StyledCheckIcon = styled.div<CheckIconProps>`\n  flex-shrink: 0;\n  border-radius: 100%;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  background: ${({ theme }) => theme.colors.blueGradient};\n  width: ${({ $small }) => ($small ? '17px' : '20px')};\n  height: ${({ $small }) => ($small ? '17px' : '20px')};\n  color: ${({ theme }) => theme.colors.text.alwayWhite};\n  box-shadow:\n    0px 1.66px 0.83px 0px rgba(201, 212, 251, 0.1) inset,\n    0px -0.83px 0.83px 0px rgba(16, 46, 151, 0.1) inset,\n    0 0 0 1px ${({ theme }) => theme.colors.borderAlwaysGradient} inset;\n`;\n","import { StyledCheckIcon } from './check-icon.styles';\nimport { Check } from '../icon';\n\nexport interface CheckIconProps {\n  $small?: boolean;\n}\n\nexport const CheckIcon = ({ $small = false }: CheckIconProps) => {\n  return (\n    <StyledCheckIcon $small={$small}>\n      <Check size={12} />\n    </StyledCheckIcon>\n  );\n};\n","import { StyledContainer } from './container.styles';\nimport type { ContainerProps } from './container.types';\n\nexport const Container = ({ children, as, $size = 'default', ...props }: ContainerProps) => {\n  return (\n    <StyledContainer as={as} $size={$size || 'default'} {...props}>\n      {children}\n    </StyledContainer>\n  );\n};\n","'use client';\n\nimport type { StyledGradientProps } from './gradient.types';\n\nimport { css, styled } from '@/styles';\n\nexport const StyledGradient = styled.div<StyledGradientProps>`\n  width: 100%;\n  height: 100%;\n  position: relative;\n  aspect-ratio: 16/11;\n  z-index: -1;\n  pointer-events: none;\n  user-select: none;\n\n  ${({ $shape }) => {\n    switch ($shape) {\n      case 'full':\n        return css`\n          background: radial-gradient(circle, ${({ theme }) => theme.colors.circleGradient} 0%, transparent 30%),\n            radial-gradient(ellipse 50% 45%, ${({ theme }) => theme.colors.ellipseGradient} 0%, transparent 70%);\n          background-size: contain;\n          opacity: 0.15;\n        `;\n\n      case 'side':\n        return css`\n          background: radial-gradient(circle at left, ${({ theme }) => theme.colors.circleGradient} 0%, transparent 30%),\n            radial-gradient(ellipse 70% 45% at left, ${({ theme }) => theme.colors.ellipseGradient} 0%, transparent 70%);\n          background-size: contain;\n          opacity: 0.15;\n        `;\n    }\n  }}\n`;\n","import { StyledHeading } from './heading.styles';\nimport type { HeadingProps } from './heading.types';\n\nexport const Heading = ({\n  as = 'h1',\n  id,\n  children,\n  className,\n  color,\n  fontSize = 'xl',\n  fontWeight,\n  textAlign,\n  ...props\n}: Component<HeadingProps>) => {\n  return (\n    <StyledHeading\n      as={as}\n      data-heading=\"true\"\n      $textAlign={textAlign}\n      fontSize={fontSize}\n      color={color}\n      fontWeight={fontWeight}\n      className={className}\n      id={id}\n      {...props}\n    >\n      {children}\n    </StyledHeading>\n  );\n};\n","'use client';\n\nimport { Heading } from '@/components/elements/heading';\nimport { styled } from '@/styles';\n\nexport const StyledAltHeadingBlockWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n`;\n\nexport const StyledAltHeadingBlockTitle = styled(Heading)`\n  &&& {\n    & span {\n      -webkit-text-fill-color: var(--cinnabar-red-light);\n    }\n  }\n`;\n\nexport const StyledAltHeadingBlockSubtitle = styled.p`\n  font-size: ${({ theme }) => theme.fontSizes.label.l};\n  font-weight: ${({ theme }) => theme.fontWeight.bold};\n  color: var(--cinnabar-red-light);\n  letter-spacing: 0.6px;\n  text-align: center;\n  text-transform: uppercase;\n`;\n","'use client';\n\nimport { Link } from '@/components/elements/link';\nimport { css, styled } from '@/styles';\n\nexport const StyledBreadcrumbsWrapper = styled.div`\n  display: flex;\n  flex-wrap: wrap;\n  gap: 8px;\n`;\n\nexport const StyledBreadcrumbItem = styled.div`\n  display: flex;\n  gap: 8px;\n\n  & svg {\n    color: ${({ theme }) => theme.colors.text.darkGrey};\n  }\n`;\n\nconst StyledBreadcrumbLinkActive = css`\n  font-weight: ${({ theme }) => theme.fontWeight.bold};\n  color: ${({ theme }) => theme.colors.text.white};\n`;\n\nexport const StyledBreadcrumbLink = styled(Link)<{ $active: boolean }>`\n  &&& {\n    font-size: ${({ theme }) => theme.fontSizes.label.l};\n    line-height: 1.1;\n    color: ${({ theme }) => theme.colors.text.darkGrey};\n    letter-spacing: 0.6px;\n    transition: all 0.1s;\n    text-transform: uppercase;\n    flex-shrink: 0;\n\n    ${({ $active }) => $active && StyledBreadcrumbLinkActive}\n  }\n`;\n","'use client';\n\nimport { styled } from '@/styles';\n\nexport const StyledCompatibilityBadge = styled.div`\n  display: flex;\n  align-items: center;\n  gap: 6px;\n  padding: 6px 8px;\n  border-radius: 24px;\n  background: ${({ theme }) => theme.colors.inkBlack};\n  box-shadow:\n    0 0 0 1px ${({ theme }) => theme.colors.button.border} inset,\n    0px 1.66px 0.83px 0px rgba(201, 212, 251, 0.1) inset,\n    0px -0.83px 0.83px 0px rgba(16, 46, 151, 0.1) inset;\n\n  @media (min-width: ${({ theme }) => theme.screens.lg}) {\n    padding: 8px 16px;\n  }\n\n  @media (max-width: ${({ theme }) => theme.screens.lg}) {\n    & > p {\n      font-weight: ${({ theme }) => theme.fontWeight.normal};\n    }\n  }\n`;\n","import { StyledCompatibilityBadge } from './badge.styles';\n\nimport { CheckIcon } from '@/components/elements/check-icon';\nimport { Text } from '@/components/elements/text';\n\nexport const CompatibilityBadge = ({ children }: Component) => {\n  return (\n    <StyledCompatibilityBadge>\n      <CheckIcon $small />\n      <Text fontSize=\"m\" color=\"lightGrey\" fontWeight=\"medium\">\n        {children}\n      </Text>\n    </StyledCompatibilityBadge>\n  );\n};\n","'use client';\n\nimport { CompatibilityBadge } from '../badge';\nimport { StyledCompatibilityBadgeWrapper } from '../compatibility.styles';\nimport type { IntegrationCompatibilityProps } from '../compatibility.types';\n\nexport const BadgesWrapper = ({\n  tools\n}: Pick<Required<IntegrationCompatibilityProps>, 'tools'>) => {\n  return (\n    <StyledCompatibilityBadgeWrapper>\n      {Array.isArray(tools) &&\n        tools.length > 0 &&\n        tools.map(tool => <CompatibilityBadge key={tool}>{tool}</CompatibilityBadge>)}\n    </StyledCompatibilityBadgeWrapper>\n  );\n};\n","'use client';\n\nimport { Container } from '@/components/elements/container';\nimport { styled } from '@/styles';\n\nexport const StyledIntegrationCompatibilityWrapper = styled.section`\n  position: relative;\n  background-color: ${({ theme }) => theme.colors.inkBlack};\n  box-shadow: 1px 0 1px 0 ${({ theme }) => theme.colors.button.border};\n\n  @media (max-width: ${({ theme }) => theme.screens.lg}) {\n    background-image: ${({ theme }) => theme.backgroundImages.backgroundDots};\n    background-repeat: repeat;\n    background-size: 450px;\n  }\n`;\n\nexport const StyledIntegrationCompatibilityGradientLimits = styled.div`\n  position: absolute;\n  top: 0;\n  left: 0;\n  right: 0;\n  bottom: 0;\n  overflow: hidden;\n`;\n\nexport const StyledIntegrationCompatibilityGradientWrapper = styled.div`\n  position: absolute;\n  width: 1474.5px;\n  height: 941px;\n  right: -550px;\n  top: -350px;\n\n  @media (min-width: ${({ theme }) => theme.screens.lg}) {\n    top: -150px;\n    right: -500px;\n  }\n\n  & > div {\n    z-index: 0;\n  }\n`;\n\nexport const StyledIntegrationCompatibilityContentWrapper = styled(Container)`\n  &&& {\n    display: flex;\n    padding: 32px 16px;\n    flex-direction: column;\n    gap: 32px;\n    position: relative;\n\n    @media (min-width: ${({ theme }) => theme.screens.lg}) {\n      align-items: center;\n      justify-content: space-between;\n      flex-direction: row;\n      padding: 96px 90px;\n    }\n  }\n`;\n\nexport const StyledIntegrationCompatibilityContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n  flex-shrink: 0;\n`;\n\nexport const StyledIntegrationCompatibilityContentTitle = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 16px;\n  text-align: center;\n\n  @media (min-width: ${({ theme }) => theme.screens.lg}) {\n    text-align: left;\n    max-width: 440px;\n  }\n`;\n\nexport const StyledIntegrationCompatibilityLabel = styled.p`\n  font-size: ${({ theme }) => theme.fontSizes.label.l};\n  font-weight: ${({ theme }) => theme.fontWeight.bold};\n  color: ${({ theme }) => theme.colors.cinnarbarRed};\n  line-height: 1.1;\n  letter-spacing: 0.6px;\n  text-transform: uppercase;\n`;\n\nexport const StyledCompatibilityBadgeWrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  flex-wrap: wrap;\n  gap: 6px;\n\n  @media (min-width: ${({ theme }) => theme.screens.lg}) {\n    justify-content: end;\n    gap: 12px;\n    max-width: 630px;\n  }\n`;\n","'use client';\n\nimport { styled } from '@/styles';\n\nexport const StyledIntegrationHeroWrapper = styled.div`\n  padding-top: 32px;\n  padding-bottom: 32px;\n  display: flex;\n  flex-direction: column;\n  gap: 32px;\n\n  @media (min-width: ${({ theme }) => theme.screens.lg}) {\n    flex-direction: row;\n    padding-top: 64px;\n    padding-bottom: 64px;\n    gap: 96px;\n\n    & > * {\n      width: 50%;\n    }\n  }\n`;\n\nexport const StyledIntegrationHeroContentWrapper = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 48px;\n`;\n\nexport const StyledIntegrationHeroContent = styled.div`\n  display: flex;\n  flex-direction: column;\n  gap: 24px;\n\n  @media (max-width: ${({ theme }) => theme.screens.lg}) {\n    & > * {\n      text-align: center;\n    }\n  }\n`;\n\nexport const StyledIntegrationHeroImageWrapper = styled.div`\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  min-height: 190px;\n  border-radius: 16px;\n  box-shadow:\n    0 0 0 1px ${({ theme }) => theme.colors.button.border} inset,\n    0 0 24px 0 ${({ theme }) => theme.shadow.innerBox};\n  background-color: ${({ theme }) => theme.colors.inkBlack};\n  background-image: ${({ theme }) => theme.backgroundImages.backgroundGradient},\n    ${({ theme }) => theme.backgroundImages.backgroundFuncGradient},\n    ${({ theme }) => theme.backgroundImages.backgroundDots};\n  background-position:\n    center -250px,\n    center,\n    center;\n  background-size:\n    602px 384.19px,\n    100% 100%,\n    524px 248px;\n  background-repeat: no-repeat, no-repeat, repeat;\n`;\n\nexport const StyledIntegrationHeroImageMultiple = styled.div`\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  gap: 37px;\n  align-items: center;\n  padding: 80px 0;\n\n  @media (min-width: ${({ theme }) => theme.screens.lg}) {\n    padding: 0;\n  }\n\n  & svg:first-child {\n    color: ${({ theme }) => theme.colors.cinnarbarRed};\n  }\n`;\n\nexport const MainLogo = styled.div`\n  & svg {\n    width: 109px;\n    color: ${({ theme }) => theme.colors.cinnarbarRed};\n  }\n`;\n\nexport const StyledIntegrationHeroImage = styled.div`\n  display: flex;\n  gap: 24px;\n  align-items: center;\n\n  @media (min-width: ${({ theme }) => theme.screens.lg}) {\n    gap: 64px;\n  }\n\n  & > * {\n    flex-shrink: 0;\n    width: 64px;\n    height: 64px;\n\n    @media (min-width: ${({ theme }) => theme.screens.lg}) {\n      width: 116px;\n      height: 116px;\n    }\n  }\n\n  & > *:nth-child(1) {\n    color: ${({ theme }) => theme.colors.electricBlue};\n  }\n\n  & > *:nth-child(2) {\n    width: 26px;\n    height: 26px;\n    color: ${({ theme }) => theme.colors.lightGrey};\n\n    @media (min-width: ${({ theme }) => theme.screens.lg}) {\n      width: 48px;\n      height: 48px;\n    }\n  }\n\n  & > *:nth-child(3) {\n    color: ${({ theme }) => theme.colors.cinnarbarRed};\n  }\n`;\n","'use client';\n\nimport { styled } from '@/styles';\n\nexport const StyledIntegrationTextVideoGradientWrapper = styled.section`\n  position: relative;\n`;\n\nexport const StyledIntegrationTextVideoGradient = styled.div`\n  position: absolute;\n  width: 80%;\n  top: -17%;\n  right: 0;\n  transform: rotate(180deg);\n  z-index: -1;\n\n  @media (max-width: ${({ theme }) => theme.screens.lg}) {\n    display: none;\n  }\n`;\n\nexport const StyledIntegrationTextVideoWrapper = styled.div`\n  padding: 64px 16px;\n\n  @media (min-width: ${({ theme }) => theme.screens.lg}) {\n    padding: 96px 150px 48px;\n  }\n`;\n\nexport const StyledIntegrationTextVideoHeading = styled.div`\n  max-width: 656px;\n  margin: 0 auto 64px;\n\n  @media (min-width: ${({ theme }) => theme.screens.lg}) {\n    margin: 0 auto calc(48px + 96px);\n  }\n`;\n"],"names":["StyledCheckIcon","styled","div","_templateObject","theme","param","colors","blueGradient","$small","text","alwayWhite","borderAlwaysGradient","CheckIcon","react_jsx_runtime__WEBPACK_IMPORTED_MODULE_0__","jsx","Check","size","Container","children","as","$size","props","StyledContainer","StyledGradient","_templateObject2","$shape","css","circleGradient","ellipseGradient","Heading","id","className","color","fontSize","fontWeight","textAlign","StyledHeading","data-heading","$textAlign","StyledAltHeadingBlockWrapper","StyledAltHeadingBlockTitle","StyledAltHeadingBlockSubtitle","p","fontSizes","label","l","bold","StyledBreadcrumbsWrapper","StyledBreadcrumbItem","_templateObject1","darkGrey","StyledBreadcrumbLinkActive","white","StyledBreadcrumbLink","Link","$active","StyledCompatibilityBadge","inkBlack","button","border","screens","lg","normal","CompatibilityBadge","jsx_runtime","jsxs","Text","BadgesWrapper","tools","StyledCompatibilityBadgeWrapper","Array","isArray","length","map","tool","StyledIntegrationCompatibilityWrapper","section","backgroundImages","backgroundDots","StyledIntegrationCompatibilityGradientLimits","StyledIntegrationCompatibilityGradientWrapper","StyledIntegrationCompatibilityContentWrapper","StyledIntegrationCompatibilityContent","_templateObject4","StyledIntegrationCompatibilityContentTitle","_templateObject5","StyledIntegrationCompatibilityLabel","_templateObject6","cinnarbarRed","_templateObject7","StyledIntegrationHeroWrapper","StyledIntegrationHeroContentWrapper","StyledIntegrationHeroContent","StyledIntegrationHeroImageWrapper","_templateObject3","shadow","innerBox","backgroundGradient","backgroundFuncGradient","StyledIntegrationHeroImageMultiple","StyledIntegrationHeroImage","electricBlue","lightGrey","StyledIntegrationTextVideoGradientWrapper","StyledIntegrationTextVideoGradient","StyledIntegrationTextVideoWrapper","StyledIntegrationTextVideoHeading"],"sourceRoot":""}