{ "version": 3, "sources": ["ssg:https://framerusercontent.com/modules/qHDqlX28HdC2C0ND96xm/FhEq3VNefC1xPEHzk4T6/HA04hzbe1.js"], "sourcesContent": ["// Generated by Framer (b2eeca0)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, getFonts, Link, RichText, Text, useActiveVariantCallback, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport { Icon as Hero } from \"https://framerusercontent.com/modules/hKjtTuWGYB451ckw6eTN/KMS3TGJgYkHtsY7rff7q/Hero.js\";\nimport * as sharedStyle from \"https://framerusercontent.com/modules/ygnio0MwLwPPETgWNXpB/EwHZ7oVeqN9QvTJH8nDq/stylesPresetLink.js\";\nimport Button from \"https://framerusercontent.com/modules/kitY6nAEkYUqbPHxnYFm/qGNreBXEivrZUXIdmafl/Ijr3Uw8Bv.js\";\nconst HeroFonts = getFonts(Hero);\nconst ButtonFonts = getFonts(Button);\nconst cycleOrder = [\"TDtR2v5AB\", \"dqsz3ltW8\", \"PLYBGOsxi\", \"jZOJxvOHz\"];\nconst variantClassNames = {\n dqsz3ltW8: \"framer-v-123qrq7\",\n jZOJxvOHz: \"framer-v-13cyr7h\",\n PLYBGOsxi: \"framer-v-qtmyrh\",\n TDtR2v5AB: \"framer-v-9sg6nn\"\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 Large\": \"TDtR2v5AB\",\n \"Mobile-opened\": \"jZOJxvOHz\",\n Mobile: \"PLYBGOsxi\",\n Small: \"dqsz3ltW8\"\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 Component = /*#__PURE__*/React.forwardRef(function ({\n id,\n style,\n className,\n width,\n height,\n layoutId,\n variant: outerVariant = \"TDtR2v5AB\",\n tap: h5gDXgzHp,\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: \"TDtR2v5AB\",\n transitions,\n variant,\n variantClassNames\n });\n const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\n const {\n activeVariantCallback,\n delay\n } = useActiveVariantCallback(baseVariant);\n const onTap1csrnkv = activeVariantCallback(async (...args) => {\n setVariant(\"jZOJxvOHz\");\n });\n const onClick1od9a05 = activeVariantCallback(async (...args) => {\n if (h5gDXgzHp) {\n const res = await h5gDXgzHp(...args);\n if (res === false) return false;\n }\n });\n const onClickl05lz0 = activeVariantCallback(async (...args) => {\n if (h5gDXgzHp) {\n const res = await h5gDXgzHp(...args);\n if (res === false) return false;\n }\n setVariant(\"PLYBGOsxi\");\n });\n const isDisplayed = () => {\n if ([\"PLYBGOsxi\", \"jZOJxvOHz\"].includes(baseVariant)) return true;\n return false;\n };\n const isDisplayed1 = () => {\n if (baseVariant === \"PLYBGOsxi\") return false;\n return true;\n };\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-yR9iP\", sharedStyle.className, classNames),\n style: {\n display: \"contents\"\n },\n children: /*#__PURE__*/_jsx(motion.div, {\n ...restProps,\n className: cx(\"framer-9sg6nn\", className),\n \"data-border\": true,\n \"data-framer-name\": \"Desktop Large\",\n layoutDependency: layoutDependency,\n layoutId: \"TDtR2v5AB\",\n ref: ref,\n style: {\n \"--border-bottom-width\": \"1px\",\n \"--border-color\": \"rgba(34, 34, 34, 0.1)\",\n \"--border-left-width\": \"0px\",\n \"--border-right-width\": \"0px\",\n \"--border-style\": \"solid\",\n \"--border-top-width\": \"0px\",\n backdropFilter: \"blur(20px)\",\n backgroundColor: \"rgba(6, 11, 19, 0.6)\",\n WebkitBackdropFilter: \"blur(20px)\",\n ...style\n },\n transition: transition,\n variants: {\n jZOJxvOHz: {\n backgroundColor: \"rgb(6, 11, 19)\"\n },\n PLYBGOsxi: {\n backgroundColor: \"rgb(6, 11, 19)\"\n }\n },\n ...addPropertyOverrides({\n dqsz3ltW8: {\n \"data-framer-name\": \"Small\"\n },\n jZOJxvOHz: {\n \"data-framer-name\": \"Mobile-opened\"\n },\n PLYBGOsxi: {\n \"data-framer-name\": \"Mobile\",\n \"data-highlight\": true,\n onTap: onTap1csrnkv\n }\n }, baseVariant, gestureVariant),\n children: /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-1hasuda\",\n layoutDependency: layoutDependency,\n layoutId: \"JmGHryQCx\",\n transition: transition,\n children: [/*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-2shpuq\",\n layoutDependency: layoutDependency,\n layoutId: \"rKCrbSoE7\",\n transition: transition,\n children: [/*#__PURE__*/_jsx(Text, {\n __fromCanvasComponent: true,\n __link: \"data:framer/page-link,VvSvegDKW\",\n alignment: \"left\",\n className: \"framer-skr9u4\",\n \"data-framer-name\": \"\uD83D\uDCD0\",\n fonts: [\"GF;Syne-regular\"],\n layoutDependency: layoutDependency,\n layoutId: \"2:212\",\n preload: [\"VvSvegDKW\"],\n rawHTML: \"\uD83D\uDCD0
\",\n style: {\n \"--framer-font-family\": '\"Syne\", \"Syne Placeholder\", sans-serif',\n \"--framer-font-size\": \"32px\",\n \"--framer-font-style\": \"normal\",\n \"--framer-font-weight\": 400,\n \"--framer-letter-spacing\": \"0em\",\n \"--framer-line-height\": \"1.2em\",\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 verticalAlignment: \"top\",\n withExternalLayout: true\n }), isDisplayed() && /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-m5he77-container\",\n \"data-framer-name\": \"icon\",\n layoutDependency: layoutDependency,\n layoutId: \"DxA5qAHvu-container\",\n name: \"icon\",\n transition: transition,\n children: /*#__PURE__*/_jsx(Hero, {\n color: 'var(--token-2840d062-261b-4eca-acdb-d7c218ee2723, rgba(204, 204, 204, 0.8)) /* {\"name\":\"Text Light\"} */',\n height: \"100%\",\n iconSearch: \"Home\",\n iconSelection: \"MenuAlt1\",\n id: \"DxA5qAHvu\",\n layoutId: \"DxA5qAHvu\",\n mirrored: false,\n name: \"icon\",\n onClick: onClick1od9a05,\n selectByList: true,\n style: {\n height: \"100%\",\n width: \"100%\"\n },\n width: \"100%\",\n ...addPropertyOverrides({\n jZOJxvOHz: {\n iconSelection: \"X\",\n onClick: onClickl05lz0\n }\n }, baseVariant, gestureVariant)\n })\n })]\n }), isDisplayed1() && /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-r84mfl\",\n layoutDependency: layoutDependency,\n layoutId: \"X0eJJPGRu\",\n style: {\n borderBottomLeftRadius: 0,\n borderBottomRightRadius: 0,\n borderTopLeftRadius: 0,\n borderTopRightRadius: 0\n },\n transition: transition,\n variants: {\n jZOJxvOHz: {\n background: 'linear-gradient(180deg, var(--token-0483b420-c0bd-4b52-aebc-5e6cb9cb1bfa, rgb(6, 11, 19)) /* {\"name\":\"radial-bg\"} */ 0%, hsl(230, 23%, 19%) 100%)',\n borderBottomLeftRadius: 19,\n borderBottomRightRadius: 19,\n borderTopLeftRadius: 19,\n borderTopRightRadius: 19\n }\n },\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\": \"R0Y7SW50ZXItcmVndWxhcg==\",\n \"--framer-text-color\": \"var(--extracted-r6o4lv)\"\n },\n children: /*#__PURE__*/_jsx(Link, {\n href: \"https://intodesignsystems.gumroad.com/l/wzkix?utm_source=website&utm_medium=intodesignsystems&utm_campaign=ws\",\n openInNewTab: true,\n smoothScroll: false,\n children: /*#__PURE__*/_jsx(motion.a, {\n className: \"framer-styles-preset-aexbeb\",\n \"data-styles-preset\": \"stylesPresetLink\",\n children: \"Recordings\"\n })\n })\n })\n }),\n className: \"framer-112ymot\",\n fonts: [\"GF;Inter-regular\"],\n layoutDependency: layoutDependency,\n layoutId: \"aVFszSUiN\",\n style: {\n \"--extracted-r6o4lv\": \"var(--token-6968454f-8d0c-4ad6-9100-8b8172a3abce, rgb(255, 255, 255)) \",\n \"--framer-paragraph-spacing\": \"0px\"\n },\n transition: transition,\n verticalAlignment: \"top\",\n withExternalLayout: true,\n ...addPropertyOverrides({\n dqsz3ltW8: {\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.p, {\n style: {\n \"--font-selector\": \"R0Y7SW50ZXItcmVndWxhcg==\",\n \"--framer-font-size\": \"14px\",\n \"--framer-text-color\": \"var(--extracted-r6o4lv)\"\n },\n children: /*#__PURE__*/_jsx(Link, {\n href: \"https://intodesignsystems.gumroad.com/l/wzkix?utm_source=website&utm_medium=intodesignsystems&utm_campaign=ws\",\n openInNewTab: true,\n smoothScroll: false,\n children: /*#__PURE__*/_jsx(motion.a, {\n className: \"framer-styles-preset-aexbeb\",\n \"data-styles-preset\": \"stylesPresetLink\",\n children: \"Recordings\"\n })\n })\n })\n })\n }\n }, baseVariant, gestureVariant)\n }), /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.p, {\n style: {\n \"--font-selector\": \"R0Y7SW50ZXItcmVndWxhcg==\",\n \"--framer-text-color\": \"var(--extracted-r6o4lv)\"\n },\n children: /*#__PURE__*/_jsx(Link, {\n href: {\n webPageId: \"Ffvfmlgo6\"\n },\n openInNewTab: false,\n smoothScroll: false,\n children: /*#__PURE__*/_jsx(motion.a, {\n className: \"framer-styles-preset-aexbeb\",\n \"data-styles-preset\": \"stylesPresetLink\",\n children: \"Agenda\"\n })\n })\n })\n }),\n className: \"framer-xfpc6o\",\n fonts: [\"GF;Inter-regular\"],\n layoutDependency: layoutDependency,\n layoutId: \"hBx7gu_g0\",\n style: {\n \"--extracted-r6o4lv\": \"var(--token-6968454f-8d0c-4ad6-9100-8b8172a3abce, rgb(255, 255, 255)) \",\n \"--framer-paragraph-spacing\": \"0px\"\n },\n transition: transition,\n verticalAlignment: \"top\",\n withExternalLayout: true,\n ...addPropertyOverrides({\n dqsz3ltW8: {\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.p, {\n style: {\n \"--font-selector\": \"R0Y7SW50ZXItcmVndWxhcg==\",\n \"--framer-font-size\": \"14px\",\n \"--framer-text-color\": \"var(--extracted-r6o4lv)\"\n },\n children: /*#__PURE__*/_jsx(Link, {\n href: {\n webPageId: \"Ffvfmlgo6\"\n },\n openInNewTab: false,\n smoothScroll: false,\n children: /*#__PURE__*/_jsx(motion.a, {\n className: \"framer-styles-preset-aexbeb\",\n \"data-styles-preset\": \"stylesPresetLink\",\n children: \"Agenda\"\n })\n })\n })\n })\n }\n }, baseVariant, gestureVariant)\n }), /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.p, {\n style: {\n \"--font-selector\": \"R0Y7SW50ZXItcmVndWxhcg==\",\n \"--framer-text-alignment\": \"center\",\n \"--framer-text-color\": \"var(--extracted-r6o4lv)\"\n },\n children: \"Tokens Studio\"\n })\n }),\n className: \"framer-vzbmso\",\n fonts: [\"GF;Inter-regular\"],\n layoutDependency: layoutDependency,\n layoutId: \"aOQgKlsH2\",\n style: {\n \"--extracted-r6o4lv\": \"var(--token-6968454f-8d0c-4ad6-9100-8b8172a3abce, rgb(255, 255, 255)) \",\n \"--framer-paragraph-spacing\": \"0px\"\n },\n transition: transition,\n verticalAlignment: \"top\",\n withExternalLayout: true\n }), /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.p, {\n style: {\n \"--font-selector\": \"R0Y7SW50ZXItcmVndWxhcg==\",\n \"--framer-text-color\": \"var(--extracted-r6o4lv)\"\n },\n children: /*#__PURE__*/_jsx(Link, {\n href: \"https://join.slack.com/t/intodesignsystems/shared_invite/zt-1krvnycuv-EJ0t2BudPVezsllMxVghfg\",\n openInNewTab: true,\n smoothScroll: false,\n children: /*#__PURE__*/_jsx(motion.a, {\n className: \"framer-styles-preset-aexbeb\",\n \"data-styles-preset\": \"stylesPresetLink\",\n children: \"Slack\"\n })\n })\n })\n }),\n className: \"framer-1ni3mat\",\n fonts: [\"GF;Inter-regular\"],\n layoutDependency: layoutDependency,\n layoutId: \"JjxiSzyE9\",\n style: {\n \"--extracted-r6o4lv\": \"var(--token-6968454f-8d0c-4ad6-9100-8b8172a3abce, rgb(255, 255, 255)) \",\n \"--framer-paragraph-spacing\": \"0px\"\n },\n transition: transition,\n verticalAlignment: \"top\",\n withExternalLayout: true\n }), /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-by9493-container\",\n layoutDependency: layoutDependency,\n layoutId: \"fQP3pfLcN-container\",\n transition: transition,\n children: /*#__PURE__*/_jsx(Button, {\n button: 'var(--token-30005d20-c0d6-45e0-a9de-c27c916703b4, rgb(27, 63, 251)) /* {\"name\":\"Accent\"} */',\n content: \"Get Recordings\",\n height: \"100%\",\n icon: false,\n icon1: \"MouseSimple\",\n id: \"fQP3pfLcN\",\n label: \"rgb(255, 255, 255)\",\n layoutId: \"fQP3pfLcN\",\n radius: 10,\n size: 16,\n variant: \"fMoutQS_w\",\n width: \"100%\",\n ...addPropertyOverrides({\n jZOJxvOHz: {\n style: {\n width: \"100%\"\n },\n variant: \"xAt1AcMy4\"\n }\n }, baseVariant, gestureVariant)\n })\n })]\n })]\n })\n })\n })\n });\n});\nconst css = ['.framer-yR9iP [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-yR9iP .framer-usncq2 { display: block; }\", \".framer-yR9iP .framer-9sg6nn { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; height: 60px; justify-content: space-between; overflow: visible; padding: 8px 24px 8px 24px; position: relative; width: 1200px; }\", \".framer-yR9iP .framer-1hasuda { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 38px; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\", \".framer-yR9iP .framer-2shpuq { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 38px; justify-content: flex-start; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 1px; }\", \".framer-yR9iP .framer-skr9u4, .framer-yR9iP .framer-112ymot, .framer-yR9iP .framer-xfpc6o, .framer-yR9iP .framer-vzbmso, .framer-yR9iP .framer-1ni3mat { flex: none; height: auto; overflow: visible; position: relative; white-space: pre; width: auto; }\", \".framer-yR9iP .framer-m5he77-container { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 33px); position: relative; width: 30px; }\", \".framer-yR9iP .framer-r84mfl { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: min-content; }\", \".framer-yR9iP .framer-by9493-container { flex: none; height: auto; position: relative; width: auto; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-yR9iP .framer-1hasuda, .framer-yR9iP .framer-2shpuq, .framer-yR9iP .framer-r84mfl { gap: 0px; } .framer-yR9iP .framer-1hasuda > *, .framer-yR9iP .framer-2shpuq > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-yR9iP .framer-1hasuda > :first-child, .framer-yR9iP .framer-2shpuq > :first-child, .framer-yR9iP .framer-r84mfl > :first-child { margin-left: 0px; } .framer-yR9iP .framer-1hasuda > :last-child, .framer-yR9iP .framer-2shpuq > :last-child, .framer-yR9iP .framer-r84mfl > :last-child { margin-right: 0px; } .framer-yR9iP .framer-r84mfl > * { margin: 0px; margin-left: calc(24px / 2); margin-right: calc(24px / 2); } }\", \".framer-yR9iP.framer-v-123qrq7 .framer-9sg6nn { padding: 8px 24px 8px 16px; }\", \".framer-yR9iP.framer-v-123qrq7 .framer-r84mfl { gap: 16px; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-yR9iP.framer-v-123qrq7 .framer-r84mfl { gap: 0px; } .framer-yR9iP.framer-v-123qrq7 .framer-r84mfl > * { margin: 0px; margin-left: calc(16px / 2); margin-right: calc(16px / 2); } .framer-yR9iP.framer-v-123qrq7 .framer-r84mfl > :first-child { margin-left: 0px; } .framer-yR9iP.framer-v-123qrq7 .framer-r84mfl > :last-child { margin-right: 0px; } }\", \".framer-yR9iP.framer-v-qtmyrh .framer-9sg6nn { align-content: flex-start; align-items: flex-start; cursor: pointer; height: min-content; width: 390px; }\", \".framer-yR9iP.framer-v-qtmyrh .framer-1hasuda, .framer-yR9iP.framer-v-13cyr7h .framer-1hasuda { align-content: flex-start; align-items: flex-start; flex-direction: column; height: min-content; justify-content: flex-start; }\", \".framer-yR9iP.framer-v-qtmyrh .framer-2shpuq, .framer-yR9iP.framer-v-13cyr7h .framer-2shpuq { flex: none; gap: unset; justify-content: space-between; width: 100%; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-yR9iP.framer-v-qtmyrh .framer-1hasuda, .framer-yR9iP.framer-v-qtmyrh .framer-2shpuq { gap: 0px; } .framer-yR9iP.framer-v-qtmyrh .framer-1hasuda > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-yR9iP.framer-v-qtmyrh .framer-1hasuda > :first-child { margin-top: 0px; } .framer-yR9iP.framer-v-qtmyrh .framer-1hasuda > :last-child { margin-bottom: 0px; } .framer-yR9iP.framer-v-qtmyrh .framer-2shpuq > *, .framer-yR9iP.framer-v-qtmyrh .framer-2shpuq > :first-child, .framer-yR9iP.framer-v-qtmyrh .framer-2shpuq > :last-child { margin: 0px; } }\", \".framer-yR9iP.framer-v-13cyr7h .framer-9sg6nn { align-content: flex-start; align-items: flex-start; height: min-content; padding: 8px 24px 22px 24px; width: 390px; }\", \".framer-yR9iP.framer-v-13cyr7h .framer-r84mfl { flex-direction: column; padding: 30px 0px 30px 0px; width: 100%; }\", \".framer-yR9iP.framer-v-13cyr7h .framer-by9493-container { width: 80%; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-yR9iP.framer-v-13cyr7h .framer-1hasuda, .framer-yR9iP.framer-v-13cyr7h .framer-2shpuq, .framer-yR9iP.framer-v-13cyr7h .framer-r84mfl { gap: 0px; } .framer-yR9iP.framer-v-13cyr7h .framer-1hasuda > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-yR9iP.framer-v-13cyr7h .framer-1hasuda > :first-child, .framer-yR9iP.framer-v-13cyr7h .framer-r84mfl > :first-child { margin-top: 0px; } .framer-yR9iP.framer-v-13cyr7h .framer-1hasuda > :last-child, .framer-yR9iP.framer-v-13cyr7h .framer-r84mfl > :last-child { margin-bottom: 0px; } .framer-yR9iP.framer-v-13cyr7h .framer-2shpuq > *, .framer-yR9iP.framer-v-13cyr7h .framer-2shpuq > :first-child, .framer-yR9iP.framer-v-13cyr7h .framer-2shpuq > :last-child { margin: 0px; } .framer-yR9iP.framer-v-13cyr7h .framer-r84mfl > * { margin: 0px; margin-bottom: calc(24px / 2); margin-top: calc(24px / 2); } }\", ...sharedStyle.css]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 60\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"dqsz3ltW8\":{\"layout\":[\"fixed\",\"fixed\"]},\"PLYBGOsxi\":{\"layout\":[\"fixed\",\"auto\"]},\"jZOJxvOHz\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"h5gDXgzHp\":\"tap\"}\n */\nconst FramerHA04hzbe1 = withCSS(Component, css, \"framer-yR9iP\");\nexport default FramerHA04hzbe1;\nFramerHA04hzbe1.displayName = \"Topbar\";\nFramerHA04hzbe1.defaultProps = {\n height: 60,\n width: 1200\n};\naddPropertyControls(FramerHA04hzbe1, {\n variant: {\n options: [\"TDtR2v5AB\", \"dqsz3ltW8\", \"PLYBGOsxi\", \"jZOJxvOHz\"],\n optionTitles: [\"Desktop Large\", \"Small\", \"Mobile\", \"Mobile-opened\"],\n title: \"Variant\",\n type: ControlType.Enum\n },\n h5gDXgzHp: {\n title: \"Tap\",\n type: ControlType.EventHandler\n }\n});\naddFonts(FramerHA04hzbe1, [{\n family: \"Syne\",\n moduleAsset: {\n localModuleIdentifier: \"local-module:canvasComponent/HA04hzbe1:default\",\n url: \"https://fonts.gstatic.com/s/syne/v16/8vIS7w4qzmVxsWxjBZRjr0FKM_04uT6kR47NCV5Z.ttf\"\n },\n style: \"normal\",\n url: \"https://fonts.gstatic.com/s/syne/v16/8vIS7w4qzmVxsWxjBZRjr0FKM_04uT6kR47NCV5Z.ttf\",\n weight: \"400\"\n}, {\n family: \"Inter\",\n moduleAsset: {\n localModuleIdentifier: \"local-module:canvasComponent/HA04hzbe1:default\",\n url: \"https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfMZhrib2Bg-4.ttf\"\n },\n style: \"normal\",\n url: \"https://fonts.gstatic.com/s/inter/v12/UcCO3FwrK3iLTeHuS_fvQtMwCp50KnMw2boKoduKmMEVuLyfMZhrib2Bg-4.ttf\",\n weight: \"400\"\n}, ...HeroFonts, ...ButtonFonts, ...sharedStyle.fonts]);\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"Props\": {\n \"type\": \"tsType\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"FramerHA04hzbe1\",\n \"slots\": [],\n \"annotations\": {\n \"framerVariables\": \"{\\\"h5gDXgzHp\\\":\\\"tap\\\"}\",\n \"framerIntrinsicHeight\": \"60\",\n \"framerContractVersion\": \"1\",\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"dqsz3ltW8\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"PLYBGOsxi\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"jZOJxvOHz\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\n \"framerIntrinsicWidth\": \"1200\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};"], "mappings": "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", "names": ["HeroFonts", "getFonts", "Icon", "ButtonFonts", "Ijr3Uw8Bv_default", "cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "Component", "Y", "id", "style", "className", "width", "height", "layoutId", "outerVariant", "h5gDXgzHp", "restProps", "ref", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onTap1csrnkv", "args", "onClick1od9a05", "onClickl05lz0", "isDisplayed", "isDisplayed1", "defaultLayoutId", "ae", "p", "LayoutGroup", "motion", "cx", "Text", "RichText", "x", "Link", "css", "FramerHA04hzbe1", "withCSS", "HA04hzbe1_default", "addPropertyControls", "ControlType", "addFonts", "fonts"] }