{"version":3,"file":"static/chunks/app/(integrations)/javascript/page-86d222a2eb4219e0.js","mappings":"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","sources":["webpack://_N_E/?6181","webpack://_N_E/./src/components/sections/integration/single-page/steps/steps.styles.ts"],"sourcesContent":["import(/* webpackMode: \"eager\", webpackExports: [\"StyledContainer\"] */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/container/container.styles.ts\");\n;\nimport(/* webpackMode: \"eager\", webpackExports: [\"StyledGradient\"] */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/gradient/gradient.styles.ts\");\n;\nimport(/* webpackMode: \"eager\", webpackExports: [\"StyledHeading\"] */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/heading/heading.styles.ts\");\n;\nimport(/* webpackMode: \"eager\" */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/icon/custom/apple-logo.svg\");\n;\nimport(/* webpackMode: \"eager\" */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/icon/custom/bun-logo.svg\");\n;\nimport(/* webpackMode: \"eager\" */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/icon/custom/chrome-logo.svg\");\n;\nimport(/* webpackMode: \"eager\" */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/icon/custom/deno-logo.svg\");\n;\nimport(/* webpackMode: \"eager\" */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/icon/custom/docker-logo.svg\");\n;\nimport(/* webpackMode: \"eager\" */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/icon/custom/electron-logo.svg\");\n;\nimport(/* webpackMode: \"eager\" */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/icon/custom/firefox-logo.svg\");\n;\nimport(/* webpackMode: \"eager\" */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/icon/custom/github.svg\");\n;\nimport(/* webpackMode: \"eager\" */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/icon/custom/java-logo.svg\");\n;\nimport(/* webpackMode: \"eager\" */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/icon/custom/linux-logo.svg\");\n;\nimport(/* webpackMode: \"eager\" */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/icon/custom/node-logo.svg\");\n;\nimport(/* webpackMode: \"eager\" */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/icon/custom/product-hunt-logo.svg\");\n;\nimport(/* webpackMode: \"eager\" */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/icon/custom/python-logo.svg\");\n;\nimport(/* webpackMode: \"eager\" */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/icon/custom/ruby-logo.svg\");\n;\nimport(/* webpackMode: \"eager\" */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/icon/custom/shipping-fast.svg\");\n;\nimport(/* webpackMode: \"eager\" */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/icon/custom/square-js-logo.svg\");\n;\nimport(/* webpackMode: \"eager\" */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/icon/custom/twitter-x.svg\");\n;\nimport(/* webpackMode: \"eager\" */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/icon/custom/ycombinator-logo.svg\");\n;\nimport(/* webpackMode: \"eager\", webpackExports: [\"StyledStack\"] */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/stack/stack.styles.ts\");\n;\nimport(/* webpackMode: \"eager\", webpackExports: [\"StyledText\"] */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/elements/text/text.styles.ts\");\n;\nimport(/* webpackMode: \"eager\", webpackExports: [\"StyledAltHeadingBlockWrapper\",\"StyledAltHeadingBlockSubtitle\",\"StyledAltHeadingBlockTitle\"] */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/modules/alt-heading-block/alt-heading-block.styles.ts\");\n;\nimport(/* webpackMode: \"eager\", webpackExports: [\"StyledBreadcrumbsWrapper\",\"StyledBreadcrumbItem\",\"StyledBreadcrumbLink\"] */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/modules/breadcrumbs/breadcrumbs.styles.ts\");\n;\nimport(/* webpackMode: \"eager\", webpackExports: [\"DownloadDropdown\"] */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/modules/download-button/download-dropdown.tsx\");\n;\nimport(/* webpackMode: \"eager\", webpackExports: [\"PhoneAppVideoPair\"] */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/modules/phone-app-video-pair/index.tsx\");\n;\nimport(/* webpackMode: \"eager\", webpackExports: [\"BadgesWrapper\"] */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/sections/integration/single-page/compatibility/badges-wrapper/index.tsx\");\n;\nimport(/* webpackMode: \"eager\", webpackExports: [\"StyledIntegrationCompatibilityWrapper\",\"StyledIntegrationCompatibilityGradientLimits\",\"StyledIntegrationCompatibilityGradientWrapper\",\"StyledIntegrationCompatibilityContentWrapper\",\"StyledIntegrationCompatibilityContent\",\"StyledIntegrationCompatibilityContentTitle\",\"StyledIntegrationCompatibilityLabel\"] */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/sections/integration/single-page/compatibility/compatibility.styles.ts\");\n;\nimport(/* webpackMode: \"eager\", webpackExports: [\"StyledIntegrationHeroWrapper\",\"StyledIntegrationHeroContentWrapper\",\"StyledIntegrationHeroContent\",\"StyledIntegrationHeroImageWrapper\",\"StyledIntegrationHeroImage\",\"StyledIntegrationHeroImageMultiple\"] */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/sections/integration/single-page/hero/hero.styles.ts\");\n;\nimport(/* webpackMode: \"eager\", webpackExports: [\"StyledIntegrationStepsWrapper\",\"StyledIntegrationStepsContentWrapper\",\"StyledIntegrationStepsItem\",\"StyledIntegrationStepsItemStep\",\"StyledIntegrationStepsItemStepNumber\",\"StyledIntegrationStepsItemStepNumberText\"] */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/sections/integration/single-page/steps/steps.styles.ts\");\n;\nimport(/* webpackMode: \"eager\", webpackExports: [\"StyledIntegrationTextVideoGradientWrapper\",\"StyledIntegrationTextVideoGradient\",\"StyledIntegrationTextVideoWrapper\",\"StyledIntegrationTextVideoHeading\"] */ \"/home/runner/work/httptoolkit-website/httptoolkit-website/src/components/sections/integration/single-page/text-appvideo/text-video.styles.ts\");\n","'use client';\n\nimport type { StyledIntegrationStepNumberProps } from './steps.types';\n\nimport { css, styled } from '@/styles';\n\nexport const StyledIntegrationStepsWrapper = styled.section`\n display: flex;\n flex-direction: column;\n gap: 32px;\n\n @media (min-width: ${({ theme }) => theme.screens.lg}) {\n gap: 68px;\n padding: 98px 0;\n }\n`;\n\nexport const StyledIntegrationStepsContentWrapper = styled.div`\n display: flex;\n justify-content: center;\n flex-direction: column;\n gap: 16px;\n\n @media (min-width: ${({ theme }) => theme.screens.lg}) {\n flex-direction: row;\n gap: 32px;\n }\n`;\n\nexport const StyledIntegrationStepsItem = styled.div`\n display: flex;\n flex-direction: column;\n background-color: ${({ theme }) => theme.colors.inkBlack};\n box-shadow:\n 0 0 0 1px ${({ theme }) => theme.colors.button.border} inset,\n 0px 2px 24px 0px ${({ theme }) => theme.colors.shadowDefault};\n border-radius: 12px;\n padding: 24px;\n gap: 16px;\n\n @media (min-width: ${({ theme }) => theme.screens.lg}) {\n max-width: 656px;\n }\n`;\n\nexport const StyledIntegrationStepsItemStep = styled.div`\n display: flex;\n align-items: center;\n gap: 16px;\n`;\n\nexport const StyledIntegrationStepsItemStepNumber = styled.div`\n width: 64px;\n height: 64px;\n font-size: 40px;\n display: flex;\n justify-content: center;\n align-items: center;\n font-weight: ${({ theme }) => theme.fontWeight.bold};\n border-radius: 8px;\n background-color: ${({ theme }) => theme.colors.darkGrey};\n flex-shrink: 0;\n box-shadow:\n 0 0 0 1px ${({ theme }) => theme.colors.button.border} inset,\n 0px 0px 24px 0px ${({ theme }) => theme.shadow.innerBox} inset;\n`;\n\nexport const StyledIntegrationStepsItemStepNumberText = styled.span`\n line-height: 1;\n ${({ theme, $variation }) => {\n switch ($variation) {\n case 'blue':\n return css`\n color: ${theme.colors.electricBlue};\n `;\n case 'orange':\n return theme.colors.text.textOrangeGradient;\n }\n }}\n`;\n"],"names":["Promise","resolve","then","__webpack_require__","bind","StyledIntegrationStepsWrapper","styled","section","_templateObject","theme","param","screens","lg","StyledIntegrationStepsContentWrapper","div","_templateObject1","StyledIntegrationStepsItem","_templateObject2","colors","inkBlack","button","border","shadowDefault","StyledIntegrationStepsItemStep","_templateObject3","StyledIntegrationStepsItemStepNumber","_templateObject4","fontWeight","bold","darkGrey","shadow","innerBox","StyledIntegrationStepsItemStepNumberText","span","_templateObject6","$variation","css","electricBlue","text","textOrangeGradient"],"sourceRoot":""}