{ "version": 3, "sources": ["ssg:https://framerusercontent.com/modules/ekqvlKlhVWm2m59yDDXz/5XjKpJlia4l2LWnM4hQD/osDSQs3R1.js"], "sourcesContent": ["// Generated by Framer (f415c5a)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, getFonts, resolveLink, RichText, SVG, Text, useLocaleInfo, useRouter, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion, MotionConfigContext } from \"framer-motion\";\nimport * as React from \"react\";\nimport ButtonGroup from \"https://framerusercontent.com/modules/9we2rh1KtIIdVAErKDeH/ohFYaHWYWLQ3wYiVqONV/bpq_Tli7t.js\";\nconst ButtonGroupFonts = getFonts(ButtonGroup);\nconst cycleOrder = [\"w8ZpGLtsj\", \"dmxt6NbR2\", \"I1XgttFKA\"];\nconst variantClassNames = {\n dmxt6NbR2: \"framer-v-1kgjxjn\",\n I1XgttFKA: \"framer-v-1k7g5ey\",\n w8ZpGLtsj: \"framer-v-56bo58\"\n};\nfunction addPropertyOverrides(overrides, ...variants) {\n const nextOverrides = {};\n variants === null || variants === void 0 ? void 0 : variants.forEach(variant => variant && Object.assign(nextOverrides, overrides[variant]));\n return nextOverrides;\n}\nconst transitions = {\n default: {\n damping: 60,\n delay: 0,\n mass: 1,\n stiffness: 500,\n type: \"spring\"\n }\n};\nconst Transition = ({\n value,\n children\n}) => {\n const config = React.useContext(MotionConfigContext);\n const transition = value !== null && value !== void 0 ? value : config.transition;\n const contextValue = React.useMemo(() => ({\n ...config,\n transition\n }), [JSON.stringify(transition)]);\n return /*#__PURE__*/_jsx(MotionConfigContext.Provider, {\n value: contextValue,\n children: children\n });\n};\nconst humanReadableVariantMap = {\n Desktop: \"w8ZpGLtsj\",\n Mobile: \"I1XgttFKA\",\n Tablet: \"dmxt6NbR2\"\n};\nconst getProps = ({\n height,\n id,\n width,\n ...props\n}) => {\n var _variant, ref;\n return {\n ...props,\n variant: (ref = (_variant = humanReadableVariantMap[props.variant]) !== null && _variant !== void 0 ? _variant : props.variant) !== null && ref !== void 0 ? ref : \"w8ZpGLtsj\"\n };\n};\nconst createLayoutDependency = (props, variants) => variants.join(\"-\") + props.layoutDependency;\nconst Component = /*#__PURE__*/React.forwardRef(function (props, ref) {\n const {\n activeLocale\n } = useLocaleInfo();\n const {\n style,\n className,\n layoutId,\n variant,\n ...restProps\n } = getProps(props);\n const {\n baseVariant,\n classNames,\n gestureVariant,\n setGestureState,\n setVariant,\n transition,\n variants\n } = useVariantState({\n cycleOrder,\n defaultVariant: \"w8ZpGLtsj\",\n transitions,\n variant,\n variantClassNames\n });\n const layoutDependency = createLayoutDependency(props, variants);\n const isDisplayed = () => {\n if (baseVariant === \"I1XgttFKA\") return false;\n return true;\n };\n const router = useRouter();\n const defaultLayoutId = React.useId();\n return /*#__PURE__*/_jsx(LayoutGroup, {\n id: layoutId !== null && layoutId !== void 0 ? layoutId : defaultLayoutId,\n children: /*#__PURE__*/_jsx(motion.div, {\n initial: variant,\n animate: variants,\n onHoverStart: () => setGestureState({\n isHovered: true\n }),\n onHoverEnd: () => setGestureState({\n isHovered: false\n }),\n onTapStart: () => setGestureState({\n isPressed: true\n }),\n onTap: () => setGestureState({\n isPressed: false\n }),\n onTapCancel: () => setGestureState({\n isPressed: false\n }),\n className: cx(\"framer-7nnJ2\", classNames),\n style: {\n display: \"contents\"\n },\n children: /*#__PURE__*/_jsx(Transition, {\n value: transition,\n children: /*#__PURE__*/_jsx(motion.div, {\n ...restProps,\n className: cx(\"framer-56bo58\", className),\n \"data-framer-name\": \"Desktop\",\n layoutDependency: layoutDependency,\n layoutId: \"w8ZpGLtsj\",\n ref: ref,\n style: {\n backgroundColor: \"rgb(26, 30, 28)\",\n borderBottomLeftRadius: 32,\n borderBottomRightRadius: 32,\n borderTopLeftRadius: 32,\n borderTopRightRadius: 32,\n boxShadow: \"0px 0px 0px 0px rgba(19, 48, 34, 0.10000000149011612), 4px 19px 43px 0px rgba(19, 48, 34, 0.10000000149011612), 16px 76px 78px 0px rgba(19, 48, 34, 0.09000000357627869), 35px 172px 105px 0px rgba(19, 48, 34, 0.05000000074505806), 63px 305px 125px 0px rgba(19, 48, 34, 0.009999999776482582), 98px 477px 136px 0px rgba(19, 48, 34, 0)\",\n ...style\n },\n ...addPropertyOverrides({\n dmxt6NbR2: {\n \"data-framer-name\": \"Tablet\"\n },\n I1XgttFKA: {\n \"data-framer-name\": \"Mobile\"\n }\n }, baseVariant, gestureVariant),\n children: /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-1pv1nuo\",\n \"data-framer-name\": \"Frame 1399\",\n layoutDependency: layoutDependency,\n layoutId: \"sjOWB1zRn\",\n children: [/*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-xcntwk\",\n \"data-framer-name\": \"Frame 1391\",\n layoutDependency: layoutDependency,\n layoutId: \"BB_jvAyu1\",\n children: [/*#__PURE__*/_jsx(motion.div, {\n className: \"framer-yvz9pi\",\n \"data-framer-name\": \"contentful\",\n layoutDependency: layoutDependency,\n layoutId: \"u0VnTJ09e\",\n children: /*#__PURE__*/_jsx(SVG, {\n className: \"framer-mvp4bo\",\n \"data-framer-name\": \"Vector\",\n fill: \"rgba(0,0,0,1)\",\n intrinsicHeight: 42,\n intrinsicWidth: 188,\n layoutDependency: layoutDependency,\n layoutId: \"I1711:48286;3071:84204\",\n svg: '\\n\\n\\n\\n',\n withExternalLayout: true\n })\n }), /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-dicopw\",\n \"data-framer-name\": \"Frame 1388\",\n layoutDependency: layoutDependency,\n layoutId: \"a9M94dbne\",\n children: [/*#__PURE__*/_jsx(motion.div, {\n className: \"framer-wpkkml\",\n \"data-framer-name\": \"Frame 1495\",\n layoutDependency: layoutDependency,\n layoutId: \"qBRjGXswu\",\n children: /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.p, {\n style: {\n \"--font-selector\": \"Q1VTVE9NO0RlaXR5IFNhbnMgRGlzcGxheSA0MDA=\",\n \"--framer-font-family\": '\"Deity Sans Display 400\", sans-serif',\n \"--framer-font-size\": \"20px\",\n \"--framer-line-height\": \"150%\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--extracted-r6o4lv)\"\n },\n children: \"The integration between Deity and Contentful opens the possibility to connect to any eCommerce service quickly and securely. We are excited about working together to help our customers make the jump from legacy systems to a composable commerce architecture.\"\n })\n }),\n className: \"framer-7z5l22\",\n \"data-framer-name\": \"Header\",\n fonts: [\"CUSTOM;Deity Sans Display 400\"],\n layoutDependency: layoutDependency,\n layoutId: \"Ox8cwxPw2\",\n style: {\n \"--extracted-r6o4lv\": \"rgb(153, 162, 158)\",\n \"--framer-paragraph-spacing\": \"0px\"\n },\n verticalAlignment: \"top\",\n withExternalLayout: true,\n ...addPropertyOverrides({\n dmxt6NbR2: {\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.p, {\n style: {\n \"--font-selector\": \"Q1VTVE9NO0RlaXR5IFNhbnMgRGlzcGxheSA0MDA=\",\n \"--framer-font-family\": '\"Deity Sans Display 400\", sans-serif',\n \"--framer-font-size\": \"18px\",\n \"--framer-line-height\": \"150%\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--extracted-r6o4lv)\"\n },\n children: \"The integration between Deity and Contentful opens the possibility to connect to any eCommerce service quickly and securely. We are excited about working together to help our customers make the jump from legacy systems to a composable commerce architecture.\"\n })\n })\n },\n I1XgttFKA: {\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.p, {\n style: {\n \"--font-selector\": \"Q1VTVE9NO0RlaXR5IFNhbnMgRGlzcGxheSA0MDA=\",\n \"--framer-font-family\": '\"Deity Sans Display 400\", sans-serif',\n \"--framer-font-size\": \"18px\",\n \"--framer-line-height\": \"150%\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--extracted-r6o4lv)\"\n },\n children: \"The integration between Deity and Contentful opens the possibility to connect to any eCommerce service quickly and securely. We are excited about working together to help our customers make the jump from legacy systems to a composable commerce architecture.\"\n })\n })\n }\n }, baseVariant, gestureVariant)\n })\n }), /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-qjg27\",\n \"data-framer-name\": \"Frame 1536\",\n layoutDependency: layoutDependency,\n layoutId: \"RaHb48WIO\",\n children: [/*#__PURE__*/_jsx(motion.div, {\n className: \"framer-ey710b\",\n \"data-framer-name\": \"Rectangle 546\",\n layoutDependency: layoutDependency,\n layoutId: \"RCdWYvbKY\",\n style: {\n backgroundColor: \"rgb(255, 255, 255)\"\n }\n }), /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.p, {\n style: {\n \"--font-selector\": \"Q1VTVE9NO0RlaXR5IFNhbnMgRGlzcGxheSA0MDA=\",\n \"--framer-font-family\": '\"Deity Sans Display 400\", sans-serif',\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"0.28px\",\n \"--framer-line-height\": \"150%\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--extracted-r6o4lv)\"\n },\n children: \"Rouven We\\xdfling - Director of Technical Partners EMEA\"\n })\n }),\n className: \"framer-1j19oco\",\n \"data-framer-name\": \"Ivo Bronsveld \u2013 COO at Commercetools\",\n fonts: [\"CUSTOM;Deity Sans Display 400\"],\n layoutDependency: layoutDependency,\n layoutId: \"P_YvTBien\",\n style: {\n \"--extracted-r6o4lv\": \"rgb(255, 255, 255)\",\n \"--framer-paragraph-spacing\": \"0px\"\n },\n verticalAlignment: \"top\",\n withExternalLayout: true\n })]\n })]\n })]\n }), isDisplayed() && /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-19k4ls7\",\n \"data-framer-name\": \"Seperator\",\n layoutDependency: layoutDependency,\n layoutId: \"xJtBF0NYY\",\n style: {\n backgroundColor: \"rgb(75, 83, 79)\"\n }\n }), /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-qur4xn\",\n \"data-framer-name\": \"Frame 1295\",\n layoutDependency: layoutDependency,\n layoutId: \"HzSKdcrUe\",\n children: /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-2z7o0a\",\n \"data-framer-name\": \"Frame 2408\",\n layoutDependency: layoutDependency,\n layoutId: \"oNR8L6XK0\",\n children: [/*#__PURE__*/_jsx(Text, {\n __fromCanvasComponent: true,\n alignment: \"left\",\n className: \"framer-1gdxhhl\",\n \"data-framer-name\": \"Header\",\n fonts: [\"CUSTOM;Deity Sans Display 500\"],\n layoutDependency: layoutDependency,\n layoutId: \"saiV9WUJj\",\n rawHTML: \"Are you ready
for Composable Commerce?
\",\n style: {\n \"--framer-font-family\": '\"Deity Sans Display 500\", sans-serif',\n \"--framer-font-size\": \"45px\",\n \"--framer-font-style\": \"normal\",\n \"--framer-font-weight\": 400,\n \"--framer-letter-spacing\": \"0em\",\n \"--framer-line-height\": \"125%\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"rgb(255, 255, 255)\",\n \"--framer-text-decoration\": \"none\",\n \"--framer-text-transform\": \"none\"\n },\n variants: {\n dmxt6NbR2: {\n \"--framer-font-size\": \"36px\"\n },\n I1XgttFKA: {\n \"--framer-font-size\": \"36px\"\n }\n },\n verticalAlignment: \"top\",\n withExternalLayout: true\n }), /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-10sanv7-container\",\n layoutDependency: layoutDependency,\n layoutId: \"alkLnwPMS-container\",\n children: /*#__PURE__*/_jsx(ButtonGroup, {\n endIconSelect: \"ArrowRight\",\n height: \"100%\",\n id: \"alkLnwPMS\",\n layoutId: \"alkLnwPMS\",\n primaryButtonType: \"dSjkflpKO\",\n primaryLabel: \"Contact us\",\n primaryLink: resolveLink({\n webPageId: \"oSqiE1i1k\"\n }, router),\n primaryVariant: \"YEwVgZYKL\",\n secondaryButtonType: \"YODM6ptDL\",\n secondaryLabel: \"View pricing\",\n showEndIcon: true,\n showSecondary: false,\n startIcon: false,\n startIconSelect: \"ArrowRightCircled\",\n variant: \"CtCH8DWkbm1TVZUccH\",\n width: \"100%\"\n })\n })]\n })\n })]\n })\n })\n })\n })\n });\n});\nconst css = ['.framer-7nnJ2 [data-border=\"true\"]::after { content: \"\"; border-width: var(--border-top-width, 0) var(--border-right-width, 0) var(--border-bottom-width, 0) var(--border-left-width, 0); border-color: var(--border-color, none); border-style: var(--border-style, none); width: 100%; height: 100%; position: absolute; box-sizing: border-box; left: 0; top: 0; border-radius: inherit; pointer-events: none; }', \"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\", \".framer-7nnJ2 .framer-8j2phd { display: block; }\", \".framer-7nnJ2 .framer-56bo58 { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 4px; height: min-content; justify-content: flex-end; overflow: visible; padding: 48px 64px 48px 64px; position: relative; width: 1124px; }\", \".framer-7nnJ2 .framer-1pv1nuo { align-content: flex-end; align-items: flex-end; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 32px; height: 313px; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\", \".framer-7nnJ2 .framer-xcntwk { align-content: flex-start; align-items: flex-start; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 20px; height: 100%; justify-content: flex-end; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 1px; }\", \".framer-7nnJ2 .framer-yvz9pi { flex: none; height: 58px; overflow: visible; position: relative; width: 182px; }\", \".framer-7nnJ2 .framer-mvp4bo { flex: none; height: 41px; left: -3px; position: absolute; top: calc(48.275862068965544% - 41px / 2); width: 182px; }\", \".framer-7nnJ2 .framer-dicopw { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 48px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\", \".framer-7nnJ2 .framer-wpkkml { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 4px; height: min-content; justify-content: flex-start; overflow: visible; padding: 4px 4px 4px 4px; position: relative; width: 100%; }\", \".framer-7nnJ2 .framer-7z5l22 { flex: none; height: auto; overflow: hidden; position: relative; white-space: pre-wrap; width: 523px; word-break: break-word; word-wrap: break-word; }\", \".framer-7nnJ2 .framer-qjg27 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: flex-start; overflow: visible; padding: 4px 0px 4px 0px; position: relative; width: min-content; }\", \".framer-7nnJ2 .framer-ey710b { flex: none; height: 1px; overflow: hidden; position: relative; width: 64px; }\", \".framer-7nnJ2 .framer-1j19oco { flex: none; height: auto; overflow: visible; position: relative; white-space: pre; width: auto; }\", \".framer-7nnJ2 .framer-19k4ls7 { flex: none; height: 100%; overflow: hidden; position: relative; width: 1px; }\", \".framer-7nnJ2 .framer-qur4xn { flex: none; height: 264px; overflow: visible; position: relative; width: 400px; }\", \".framer-7nnJ2 .framer-2z7o0a { flex: none; height: 264px; left: 0px; overflow: visible; position: absolute; top: 0px; width: 400px; }\", \".framer-7nnJ2 .framer-1gdxhhl { flex: none; height: auto; left: 0px; overflow: hidden; position: absolute; top: 0px; white-space: pre-wrap; width: 400px; word-break: break-word; word-wrap: break-word; }\", \".framer-7nnJ2 .framer-10sanv7-container { bottom: 0px; flex: none; height: auto; left: 0px; position: absolute; width: auto; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-7nnJ2 .framer-56bo58, .framer-7nnJ2 .framer-1pv1nuo, .framer-7nnJ2 .framer-xcntwk, .framer-7nnJ2 .framer-dicopw, .framer-7nnJ2 .framer-wpkkml, .framer-7nnJ2 .framer-qjg27 { gap: 0px; } .framer-7nnJ2 .framer-56bo58 > * { margin: 0px; margin-bottom: calc(4px / 2); margin-top: calc(4px / 2); } .framer-7nnJ2 .framer-56bo58 > :first-child, .framer-7nnJ2 .framer-xcntwk > :first-child, .framer-7nnJ2 .framer-dicopw > :first-child { margin-top: 0px; } .framer-7nnJ2 .framer-56bo58 > :last-child, .framer-7nnJ2 .framer-xcntwk > :last-child, .framer-7nnJ2 .framer-dicopw > :last-child { margin-bottom: 0px; } .framer-7nnJ2 .framer-1pv1nuo > * { margin: 0px; margin-left: calc(32px / 2); margin-right: calc(32px / 2); } .framer-7nnJ2 .framer-1pv1nuo > :first-child, .framer-7nnJ2 .framer-wpkkml > :first-child, .framer-7nnJ2 .framer-qjg27 > :first-child { margin-left: 0px; } .framer-7nnJ2 .framer-1pv1nuo > :last-child, .framer-7nnJ2 .framer-wpkkml > :last-child, .framer-7nnJ2 .framer-qjg27 > :last-child { margin-right: 0px; } .framer-7nnJ2 .framer-xcntwk > * { margin: 0px; margin-bottom: calc(20px / 2); margin-top: calc(20px / 2); } .framer-7nnJ2 .framer-dicopw > * { margin: 0px; margin-bottom: calc(48px / 2); margin-top: calc(48px / 2); } .framer-7nnJ2 .framer-wpkkml > * { margin: 0px; margin-left: calc(4px / 2); margin-right: calc(4px / 2); } .framer-7nnJ2 .framer-qjg27 > * { margin: 0px; margin-left: calc(16px / 2); margin-right: calc(16px / 2); } }\", \".framer-7nnJ2.framer-v-1kgjxjn .framer-56bo58 { width: 676px; }\", \".framer-7nnJ2.framer-v-1kgjxjn .framer-1pv1nuo { align-content: center; align-items: center; height: min-content; }\", \".framer-7nnJ2.framer-v-1kgjxjn .framer-xcntwk { height: min-content; }\", \".framer-7nnJ2.framer-v-1kgjxjn .framer-7z5l22, .framer-7nnJ2.framer-v-1k7g5ey .framer-7z5l22 { flex: 1 0 0px; width: 1px; }\", \".framer-7nnJ2.framer-v-1kgjxjn .framer-qjg27, .framer-7nnJ2.framer-v-1k7g5ey .framer-yvz9pi, .framer-7nnJ2.framer-v-1k7g5ey .framer-qjg27 { width: 100%; }\", \".framer-7nnJ2.framer-v-1kgjxjn .framer-1j19oco, .framer-7nnJ2.framer-v-1k7g5ey .framer-1j19oco { flex: 1 0 0px; overflow: hidden; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\", \".framer-7nnJ2.framer-v-1kgjxjn .framer-19k4ls7 { height: 320px; }\", \".framer-7nnJ2.framer-v-1kgjxjn .framer-qur4xn { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 48px; height: min-content; justify-content: center; padding: 0px 0px 0px 0px; width: 1px; }\", \".framer-7nnJ2.framer-v-1kgjxjn .framer-2z7o0a, .framer-7nnJ2.framer-v-1k7g5ey .framer-2z7o0a { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 32px; height: min-content; justify-content: center; left: unset; padding: 0px 0px 0px 0px; position: relative; top: unset; width: 100%; }\", \".framer-7nnJ2.framer-v-1kgjxjn .framer-1gdxhhl, .framer-7nnJ2.framer-v-1k7g5ey .framer-1gdxhhl { left: unset; position: relative; top: unset; width: 100%; }\", \".framer-7nnJ2.framer-v-1kgjxjn .framer-10sanv7-container, .framer-7nnJ2.framer-v-1k7g5ey .framer-10sanv7-container { bottom: unset; left: unset; position: relative; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-7nnJ2.framer-v-1kgjxjn .framer-qur4xn, .framer-7nnJ2.framer-v-1kgjxjn .framer-2z7o0a { gap: 0px; } .framer-7nnJ2.framer-v-1kgjxjn .framer-qur4xn > * { margin: 0px; margin-bottom: calc(48px / 2); margin-top: calc(48px / 2); } .framer-7nnJ2.framer-v-1kgjxjn .framer-qur4xn > :first-child, .framer-7nnJ2.framer-v-1kgjxjn .framer-2z7o0a > :first-child { margin-top: 0px; } .framer-7nnJ2.framer-v-1kgjxjn .framer-qur4xn > :last-child, .framer-7nnJ2.framer-v-1kgjxjn .framer-2z7o0a > :last-child { margin-bottom: 0px; } .framer-7nnJ2.framer-v-1kgjxjn .framer-2z7o0a > * { margin: 0px; margin-bottom: calc(32px / 2); margin-top: calc(32px / 2); } }\", \".framer-7nnJ2.framer-v-1k7g5ey .framer-56bo58 { padding: 48px 32px 48px 32px; width: 339px; }\", \".framer-7nnJ2.framer-v-1k7g5ey .framer-1pv1nuo { flex-direction: column; height: min-content; }\", \".framer-7nnJ2.framer-v-1k7g5ey .framer-xcntwk { flex: none; height: min-content; width: 100%; }\", \".framer-7nnJ2.framer-v-1k7g5ey .framer-dicopw { gap: 32px; }\", \".framer-7nnJ2.framer-v-1k7g5ey .framer-qur4xn { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 48px; height: min-content; justify-content: center; padding: 0px 0px 0px 0px; width: 100%; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-7nnJ2.framer-v-1k7g5ey .framer-1pv1nuo, .framer-7nnJ2.framer-v-1k7g5ey .framer-dicopw, .framer-7nnJ2.framer-v-1k7g5ey .framer-qur4xn, .framer-7nnJ2.framer-v-1k7g5ey .framer-2z7o0a { gap: 0px; } .framer-7nnJ2.framer-v-1k7g5ey .framer-1pv1nuo > *, .framer-7nnJ2.framer-v-1k7g5ey .framer-dicopw > *, .framer-7nnJ2.framer-v-1k7g5ey .framer-2z7o0a > * { margin: 0px; margin-bottom: calc(32px / 2); margin-top: calc(32px / 2); } .framer-7nnJ2.framer-v-1k7g5ey .framer-1pv1nuo > :first-child, .framer-7nnJ2.framer-v-1k7g5ey .framer-dicopw > :first-child, .framer-7nnJ2.framer-v-1k7g5ey .framer-qur4xn > :first-child, .framer-7nnJ2.framer-v-1k7g5ey .framer-2z7o0a > :first-child { margin-top: 0px; } .framer-7nnJ2.framer-v-1k7g5ey .framer-1pv1nuo > :last-child, .framer-7nnJ2.framer-v-1k7g5ey .framer-dicopw > :last-child, .framer-7nnJ2.framer-v-1k7g5ey .framer-qur4xn > :last-child, .framer-7nnJ2.framer-v-1k7g5ey .framer-2z7o0a > :last-child { margin-bottom: 0px; } .framer-7nnJ2.framer-v-1k7g5ey .framer-qur4xn > * { margin: 0px; margin-bottom: calc(48px / 2); margin-top: calc(48px / 2); } }\"]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 409\n * @framerIntrinsicWidth 1124\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"dmxt6NbR2\":{\"layout\":[\"fixed\",\"auto\"]},\"I1XgttFKA\":{\"layout\":[\"fixed\",\"auto\"]}}}\n */\nconst FramerosDSQs3R1 = withCSS(Component, css, \"framer-7nnJ2\");\nexport default FramerosDSQs3R1;\nFramerosDSQs3R1.displayName = \"Call to action / Composable commerce\";\nFramerosDSQs3R1.defaultProps = {\n height: 409,\n width: 1124\n};\naddPropertyControls(FramerosDSQs3R1, {\n variant: {\n options: [\"w8ZpGLtsj\", \"dmxt6NbR2\", \"I1XgttFKA\"],\n optionTitles: [\"Desktop\", \"Tablet\", \"Mobile\"],\n title: \"Variant\",\n type: ControlType.Enum\n }\n});\naddFonts(FramerosDSQs3R1, [{\n family: \"Deity Sans Display 400\",\n moduleAsset: {\n localModuleIdentifier: \"local-module:canvasComponent/osDSQs3R1:default\",\n url: \"assets/VciCgZ5qzejrhiv9Dz5Ewftl9AQ.ttf\"\n },\n url: new URL(\"https://framerusercontent.com/modules/assets/VciCgZ5qzejrhiv9Dz5Ewftl9AQ~yMm1mNOY8F-rdLqWjOZOzoZFx63gxMmZN2ymJh3f4pc.ttf\").href\n}, {\n family: \"Deity Sans Display 500\",\n moduleAsset: {\n localModuleIdentifier: \"local-module:canvasComponent/osDSQs3R1:default\",\n url: \"assets/gm2gWwNQL7rxxr6m6FnvWc5UkyA.ttf\"\n },\n url: new URL(\"https://framerusercontent.com/modules/assets/gm2gWwNQL7rxxr6m6FnvWc5UkyA~4qdCfx7iOjVGcCQlboRk3-QJrqJbZofK6UaTSFgNDEc.ttf\").href\n}, ...ButtonGroupFonts]);\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"FramerosDSQs3R1\",\n \"slots\": [],\n \"annotations\": {\n \"framerContractVersion\": \"1\",\n \"framerIntrinsicWidth\": \"1124\",\n \"framerIntrinsicHeight\": \"409\",\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"dmxt6NbR2\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"I1XgttFKA\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\"\n }\n },\n \"Props\": {\n \"type\": \"tsType\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};"], "mappings": "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", "names": ["ButtonGroupFonts", "getFonts", "bpq_Tli7t_default", "cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "transitions", "Transition", "value", "children", "config", "re", "MotionConfigContext", "transition", "contextValue", "se", "p", "humanReadableVariantMap", "getProps", "height", "id", "width", "props", "_variant", "ref", "createLayoutDependency", "Component", "Y", "activeLocale", "useLocaleInfo", "style", "className", "layoutId", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "useVariantState", "layoutDependency", "isDisplayed", "router", "useRouter", "defaultLayoutId", "ae", "LayoutGroup", "motion", "cx", "u", "SVG", "RichText", "x", "Text", "resolveLink", "css", "FramerosDSQs3R1", "withCSS", "osDSQs3R1_default", "addPropertyControls", "ControlType", "addFonts"] }