{
"version": 3,
"sources": ["ssg:https://framerusercontent.com/modules/ekqvlKlhVWm2m59yDDXz/8VaABJCiTEhzUNY9GpCx/osDSQs3R1.js"],
"sourcesContent": ["// Generated by Framer (ef2040c)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, getFonts, resolveLink, RichText, SVG, Text, useRouter, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport ButtonGroup from \"https://framerusercontent.com/modules/9we2rh1KtIIdVAErKDeH/UUGHxBoMBVetE4soRP89/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 humanReadableVariantMap = {\n Desktop: \"w8ZpGLtsj\",\n Mobile: \"I1XgttFKA\",\n Tablet: \"dmxt6NbR2\"\n};\nconst transitions = {\n default: {\n damping: 60,\n delay: 0,\n duration: .3,\n ease: [.44, 0, .56, 1],\n mass: 1,\n stiffness: 500,\n type: \"spring\"\n }\n};\nconst BASE62 = \"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";\nfunction useRandomID() {\n const ref = React.useRef(null);\n if (ref.current === null) {\n ref.current = Array(5).fill(0).map(() => BASE62[Math.floor(Math.random() * BASE62.length)]).join(\"\");\n }\n return ref.current;\n}\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n id,\n style: externalStyle = {},\n className,\n width,\n height,\n layoutId,\n variant: outerVariant = \"w8ZpGLtsj\",\n ...restProps\n}, ref) {\n const outerVariantId = humanReadableVariantMap[outerVariant];\n const variant = outerVariantId || outerVariant;\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 = variants.join(\"-\") + restProps.layoutDependency;\n const router = useRouter();\n const isDisplayed = () => {\n if (baseVariant === \"I1XgttFKA\") return false;\n return true;\n };\n const defaultLayoutId = useRandomID();\n const {\n pointerEvents,\n ...style\n } = externalStyle;\n return /*#__PURE__*/_jsx(LayoutGroup, {\n id: layoutId !== null && layoutId !== void 0 ? layoutId : defaultLayoutId,\n children: /*#__PURE__*/_jsx(motion.div, {\n \"data-framer-generated\": true,\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-9zd1v\", classNames),\n style: {\n display: \"contents\",\n pointerEvents: pointerEvents !== null && pointerEvents !== void 0 ? pointerEvents : undefined\n },\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 transition: transition,\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 transition: transition,\n children: [/*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-xcntwk\",\n \"data-framer-name\": \"Frame 1391\",\n layoutDependency: layoutDependency,\n layoutId: \"BB_jvAyu1\",\n transition: transition,\n children: [/*#__PURE__*/_jsx(motion.div, {\n className: \"framer-yvz9pi\",\n \"data-framer-name\": \"contentful\",\n layoutDependency: layoutDependency,\n layoutId: \"u0VnTJ09e\",\n transition: transition,\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 transition: transition,\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 transition: transition,\n children: [/*#__PURE__*/_jsx(motion.div, {\n className: \"framer-wpkkml\",\n \"data-framer-name\": \"Frame 1495\",\n layoutDependency: layoutDependency,\n layoutId: \"qBRjGXswu\",\n transition: transition,\n children: /*#__PURE__*/_jsx(Text, {\n __fromCanvasComponent: true,\n alignment: \"left\",\n className: \"framer-t8nj0u\",\n \"data-framer-name\": \"Header\",\n fonts: [\"CUSTOM;Deity Sans Display 400\"],\n layoutDependency: layoutDependency,\n layoutId: \"pfgXFWrHy\",\n rawHTML: \"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 style: {\n \"--framer-font-family\": '\"Deity Sans Display 400\", sans-serif',\n \"--framer-font-size\": \"20px\",\n \"--framer-font-style\": \"normal\",\n \"--framer-font-weight\": 400,\n \"--framer-letter-spacing\": \"0px\",\n \"--framer-line-height\": \"150%\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"rgb(153, 162, 158)\",\n \"--framer-text-decoration\": \"none\",\n \"--framer-text-transform\": \"none\"\n },\n transition: transition,\n variants: {\n dmxt6NbR2: {\n \"--framer-font-size\": \"18px\"\n },\n I1XgttFKA: {\n \"--framer-font-size\": \"18px\"\n }\n },\n verticalAlignment: \"top\",\n withExternalLayout: true\n })\n }), /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-qjg27\",\n \"data-framer-name\": \"Frame 1536\",\n layoutDependency: layoutDependency,\n layoutId: \"RaHb48WIO\",\n transition: transition,\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 transition: transition\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 transition: transition,\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 transition: transition\n }), /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-qur4xn\",\n \"data-framer-name\": \"Frame 1295\",\n layoutDependency: layoutDependency,\n layoutId: \"HzSKdcrUe\",\n transition: transition,\n children: /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-2z7o0a\",\n \"data-framer-name\": \"Frame 2408\",\n layoutDependency: layoutDependency,\n layoutId: \"oNR8L6XK0\",\n transition: transition,\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\": \"0px\",\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 transition: transition,\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 transition: transition,\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(\"data:framer/page-link,oSqiE1i1k\", 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});\nconst css = ['.framer-9zd1v [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-9zd1v * { box-sizing: border-box; }\", \".framer-9zd1v .framer-8j2phd { display: block; }\", \".framer-9zd1v .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-9zd1v .framer-1o61zg7 { flex: none; height: 40px; overflow: visible; position: relative; width: 158px; }\", \".framer-9zd1v .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-9zd1v .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-9zd1v .framer-yvz9pi { flex: none; height: 58px; overflow: visible; position: relative; width: 182px; }\", \".framer-9zd1v .framer-mvp4bo { flex: none; height: 41px; left: -3px; position: absolute; top: calc(48.275862068965544% - 41px / 2); width: 182px; }\", \".framer-9zd1v .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-9zd1v .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-9zd1v .framer-t8nj0u { flex: none; height: auto; overflow: hidden; position: relative; white-space: pre-wrap; width: 523px; word-break: break-word; word-wrap: break-word; }\", \".framer-9zd1v .framer-1mslxxr, .framer-9zd1v .framer-n6ggmf { flex: none; height: 1px; overflow: hidden; position: relative; width: 100%; }\", \".framer-9zd1v .framer-rtw2nq { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 56px); overflow: hidden; position: relative; width: 56px; will-change: transform; }\", \".framer-9zd1v .framer-gbemz5 { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: min-content; }\", \".framer-9zd1v .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-9zd1v .framer-ey710b { flex: none; height: 1px; overflow: hidden; position: relative; width: 64px; }\", \".framer-9zd1v .framer-1j19oco { flex: none; height: auto; overflow: visible; position: relative; white-space: pre; width: auto; }\", \".framer-9zd1v .framer-19k4ls7 { flex: none; height: 100%; overflow: hidden; position: relative; width: 1px; }\", \".framer-9zd1v .framer-qur4xn { flex: none; height: 264px; overflow: visible; position: relative; width: 400px; }\", \".framer-9zd1v .framer-2z7o0a { flex: none; height: 264px; left: 0px; overflow: visible; position: absolute; top: 0px; width: 400px; }\", \".framer-9zd1v .framer-1cfveuk { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: flex-start; left: 0px; overflow: visible; padding: 0px 0px 0px 0px; position: absolute; top: 0px; width: 1fr; }\", \".framer-9zd1v .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-9zd1v .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-9zd1v .framer-56bo58, .framer-9zd1v .framer-1pv1nuo, .framer-9zd1v .framer-xcntwk, .framer-9zd1v .framer-dicopw, .framer-9zd1v .framer-wpkkml, .framer-9zd1v .framer-gbemz5, .framer-9zd1v .framer-qjg27, .framer-9zd1v .framer-1cfveuk { gap: 0px; } .framer-9zd1v .framer-56bo58 > * { margin: 0px; margin-bottom: calc(4px / 2); margin-top: calc(4px / 2); } .framer-9zd1v .framer-56bo58 > :first-child, .framer-9zd1v .framer-xcntwk > :first-child, .framer-9zd1v .framer-dicopw > :first-child, .framer-9zd1v .framer-1cfveuk > :first-child { margin-top: 0px; } .framer-9zd1v .framer-56bo58 > :last-child, .framer-9zd1v .framer-xcntwk > :last-child, .framer-9zd1v .framer-dicopw > :last-child, .framer-9zd1v .framer-1cfveuk > :last-child { margin-bottom: 0px; } .framer-9zd1v .framer-1pv1nuo > * { margin: 0px; margin-left: calc(32px / 2); margin-right: calc(32px / 2); } .framer-9zd1v .framer-1pv1nuo > :first-child, .framer-9zd1v .framer-wpkkml > :first-child, .framer-9zd1v .framer-gbemz5 > :first-child, .framer-9zd1v .framer-qjg27 > :first-child { margin-left: 0px; } .framer-9zd1v .framer-1pv1nuo > :last-child, .framer-9zd1v .framer-wpkkml > :last-child, .framer-9zd1v .framer-gbemz5 > :last-child, .framer-9zd1v .framer-qjg27 > :last-child { margin-right: 0px; } .framer-9zd1v .framer-xcntwk > * { margin: 0px; margin-bottom: calc(20px / 2); margin-top: calc(20px / 2); } .framer-9zd1v .framer-dicopw > * { margin: 0px; margin-bottom: calc(48px / 2); margin-top: calc(48px / 2); } .framer-9zd1v .framer-wpkkml > * { margin: 0px; margin-left: calc(4px / 2); margin-right: calc(4px / 2); } .framer-9zd1v .framer-gbemz5 > * { margin: 0px; margin-left: calc(8px / 2); margin-right: calc(8px / 2); } .framer-9zd1v .framer-qjg27 > * { margin: 0px; margin-left: calc(16px / 2); margin-right: calc(16px / 2); } .framer-9zd1v .framer-1cfveuk > * { margin: 0px; margin-bottom: calc(16px / 2); margin-top: calc(16px / 2); } }\", \".framer-9zd1v.framer-v-1kgjxjn .framer-56bo58 { width: 676px; }\", \".framer-9zd1v.framer-v-1kgjxjn .framer-1pv1nuo { align-content: center; align-items: center; height: min-content; }\", \".framer-9zd1v.framer-v-1kgjxjn .framer-xcntwk { height: min-content; }\", \".framer-9zd1v.framer-v-1kgjxjn .framer-t8nj0u, .framer-9zd1v.framer-v-1k7g5ey .framer-t8nj0u { flex: 1 0 0px; width: 1px; }\", \".framer-9zd1v.framer-v-1kgjxjn .framer-qjg27, .framer-9zd1v.framer-v-1k7g5ey .framer-yvz9pi, .framer-9zd1v.framer-v-1k7g5ey .framer-qjg27 { width: 100%; }\", \".framer-9zd1v.framer-v-1kgjxjn .framer-1j19oco, .framer-9zd1v.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-9zd1v.framer-v-1kgjxjn .framer-19k4ls7 { height: 320px; }\", \".framer-9zd1v.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-9zd1v.framer-v-1kgjxjn .framer-2z7o0a, .framer-9zd1v.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-9zd1v.framer-v-1kgjxjn .framer-1gdxhhl, .framer-9zd1v.framer-v-1k7g5ey .framer-1gdxhhl { left: unset; position: relative; top: unset; width: 100%; }\", \".framer-9zd1v.framer-v-1kgjxjn .framer-10sanv7-container, .framer-9zd1v.framer-v-1k7g5ey .framer-10sanv7-container { bottom: unset; left: unset; position: relative; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-9zd1v.framer-v-1kgjxjn .framer-qur4xn, .framer-9zd1v.framer-v-1kgjxjn .framer-2z7o0a { gap: 0px; } .framer-9zd1v.framer-v-1kgjxjn .framer-qur4xn > * { margin: 0px; margin-bottom: calc(48px / 2); margin-top: calc(48px / 2); } .framer-9zd1v.framer-v-1kgjxjn .framer-qur4xn > :first-child, .framer-9zd1v.framer-v-1kgjxjn .framer-2z7o0a > :first-child { margin-top: 0px; } .framer-9zd1v.framer-v-1kgjxjn .framer-qur4xn > :last-child, .framer-9zd1v.framer-v-1kgjxjn .framer-2z7o0a > :last-child { margin-bottom: 0px; } .framer-9zd1v.framer-v-1kgjxjn .framer-2z7o0a > * { margin: 0px; margin-bottom: calc(32px / 2); margin-top: calc(32px / 2); } }\", \".framer-9zd1v.framer-v-1k7g5ey .framer-56bo58 { padding: 48px 32px 48px 32px; width: 339px; }\", \".framer-9zd1v.framer-v-1k7g5ey .framer-1pv1nuo { flex-direction: column; height: min-content; }\", \".framer-9zd1v.framer-v-1k7g5ey .framer-xcntwk { flex: none; height: min-content; width: 100%; }\", \".framer-9zd1v.framer-v-1k7g5ey .framer-dicopw { gap: 32px; }\", \".framer-9zd1v.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-9zd1v.framer-v-1k7g5ey .framer-1pv1nuo, .framer-9zd1v.framer-v-1k7g5ey .framer-dicopw, .framer-9zd1v.framer-v-1k7g5ey .framer-qur4xn, .framer-9zd1v.framer-v-1k7g5ey .framer-2z7o0a { gap: 0px; } .framer-9zd1v.framer-v-1k7g5ey .framer-1pv1nuo > *, .framer-9zd1v.framer-v-1k7g5ey .framer-dicopw > *, .framer-9zd1v.framer-v-1k7g5ey .framer-2z7o0a > * { margin: 0px; margin-bottom: calc(32px / 2); margin-top: calc(32px / 2); } .framer-9zd1v.framer-v-1k7g5ey .framer-1pv1nuo > :first-child, .framer-9zd1v.framer-v-1k7g5ey .framer-dicopw > :first-child, .framer-9zd1v.framer-v-1k7g5ey .framer-qur4xn > :first-child, .framer-9zd1v.framer-v-1k7g5ey .framer-2z7o0a > :first-child { margin-top: 0px; } .framer-9zd1v.framer-v-1k7g5ey .framer-1pv1nuo > :last-child, .framer-9zd1v.framer-v-1k7g5ey .framer-dicopw > :last-child, .framer-9zd1v.framer-v-1k7g5ey .framer-qur4xn > :last-child, .framer-9zd1v.framer-v-1k7g5ey .framer-2z7o0a > :last-child { margin-bottom: 0px; } .framer-9zd1v.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);\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/OKtz8l6uMUw3rfjv4x05xLBY.woff2\"\n },\n url: new URL(\"https://framerusercontent.com/modules/assets/OKtz8l6uMUw3rfjv4x05xLBY~_AviUwWOq3-LK8b8a1u0GVu6rnUOSia08TeQUdUqRvE.woff2\").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 \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"dmxt6NbR2\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"I1XgttFKA\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\n \"framerIntrinsicHeight\": \"409\",\n \"framerIntrinsicWidth\": \"1124\"\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", "humanReadableVariantMap", "transitions", "BASE62", "useRandomID", "ref", "pe", "Component", "Y", "id", "externalStyle", "className", "width", "height", "layoutId", "outerVariant", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "router", "useRouter", "isDisplayed", "defaultLayoutId", "pointerEvents", "style", "p", "LayoutGroup", "motion", "cx", "u", "SVG", "Text", "RichText", "x", "resolveLink", "css", "FramerosDSQs3R1", "withCSS", "osDSQs3R1_default", "addPropertyControls", "ControlType", "addFonts"]
}