{ "version": 3, "sources": ["ssg:https://framerusercontent.com/modules/gbZAaBvgstXEJcm0JyqW/z2YsWmp6BIhJRxxobXeU/Background_color_text.js", "ssg:https://framerusercontent.com/modules/EC2OYDMzxF0q2WPgyWLu/Y9LPUuXK2XsZa1UueK13/jTz6J_Zoi.js", "ssg:https://framerusercontent.com/modules/IjI7etY8lqFNftTxDFO6/od1Xnq1rkbYY0ceHxTCT/YbkvwdiWt.js"], "sourcesContent": ["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport React, { Component } from \"react\";\nimport { addPropertyControls, ControlType } from \"framer\";\nclass CustomText extends Component {\n render() {\n const {\n text,\n highlightText,\n backgroundColor,\n color,\n fontSize,\n fontFamily,\n fontWeight\n } = this.props;\n const words = text.split(\" \");\n const highlightWords = highlightText.split(\" \");\n return /*#__PURE__*/_jsx(\"p\", {\n style: {\n margin: \"0px\",\n padding: \"0px\",\n color: color,\n fontSize: fontSize,\n fontFamily: fontFamily,\n fontWeight: fontWeight,\n lineHeight: \"1.6em\",\n letterSpacing: -.1\n },\n children: words.map((word, index) => {\n const isHighlighted = highlightWords.includes(word);\n return /*#__PURE__*/_jsxs(React.Fragment, {\n children: [isHighlighted ? /*#__PURE__*/_jsx(\"span\", {\n style: {\n backgroundColor: backgroundColor\n },\n children: word\n }) : word, index !== words.length - 1 && \" \"]\n }, index);\n })\n });\n }\n}\naddPropertyControls(CustomText, {\n text: {\n title: \"Text\",\n type: ControlType.String,\n defaultValue: \"This is amazing and let's me easily add a background color to this text\"\n },\n highlightText: {\n title: \"Highlight Text\",\n type: ControlType.String,\n defaultValue: \"add a background color\"\n },\n backgroundColor: {\n title: \"Background Color\",\n type: ControlType.Color,\n defaultValue: \"#f0e68c\"\n },\n color: {\n type: ControlType.Color,\n title: \"Color\",\n defaultValue: \"#000\"\n },\n fontSize: {\n type: ControlType.Number,\n title: \"fontSize\",\n defaultValue: 16,\n min: 12,\n max: 144,\n step: 1,\n displayStepper: true\n },\n fontFamily: {\n type: ControlType.String,\n title: \"Font Family\",\n defaultValue: \"Inter\"\n },\n fontWeight: {\n type: ControlType.Number,\n title: \"Font Weight\",\n defaultValue: 400,\n min: 100,\n max: 900,\n step: 100,\n displayStepper: true\n }\n});\nexport default CustomText;\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"CustomText\",\n \"slots\": [],\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};\n//# sourceMappingURL=./Background_color_text.map", "// Generated by Framer (5b5d553)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, getFonts, Image, RichText, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport CustomText from \"https://framerusercontent.com/modules/gbZAaBvgstXEJcm0JyqW/z2YsWmp6BIhJRxxobXeU/Background_color_text.js\";\nconst CustomTextFonts = getFonts(CustomText);\nconst cycleOrder = [\"alHEQmYqF\", \"yYli0OSw1\"];\nconst variantClassNames = {\n alHEQmYqF: \"framer-v-1j532qn\",\n yYli0OSw1: \"framer-v-1xjdpci\"\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 \"Variant 1\": \"alHEQmYqF\",\n \"Variant 2\": \"yYli0OSw1\"\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 transformTemplate = (_, t) => `perspective(1200px) ${t}`;\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n id,\n style,\n className,\n width,\n height,\n layoutId,\n variant: outerVariant = \"alHEQmYqF\",\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: \"alHEQmYqF\",\n transitions,\n variant,\n variantClassNames\n });\n const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\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-51ttd\", classNames),\n style: {\n display: \"contents\"\n },\n children: /*#__PURE__*/_jsxs(motion.div, {\n ...restProps,\n className: cx(\"framer-1j532qn\", className),\n \"data-framer-name\": \"Variant 1\",\n layoutDependency: layoutDependency,\n layoutId: \"alHEQmYqF\",\n ref: ref,\n style: {\n backgroundColor: \"var(--token-1459056c-f7ad-4d1f-87e9-cd2c63a87dfd, rgb(255, 255, 255))\",\n borderBottomLeftRadius: 24,\n borderBottomRightRadius: 24,\n borderTopLeftRadius: 24,\n borderTopRightRadius: 24,\n boxShadow: \"0px 0.5971439051427296px 1.791431715428189px -0.25px rgba(170, 170, 170, 0.03358), 0px 1.8108796073283884px 5.432638821985165px -0.5px rgba(170, 170, 170, 0.04087), 0px 4.786990141113346px 14.360970423340039px -0.75px rgba(170, 170, 170, 0.05872), 0px 15px 45px -1px rgba(170, 170, 170, 0.12)\",\n ...style\n },\n transformTemplate: transformTemplate,\n transition: transition,\n ...addPropertyOverrides({\n yYli0OSw1: {\n \"data-framer-name\": \"Variant 2\"\n }\n }, baseVariant, gestureVariant),\n children: [/*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-1gvz8yx\",\n \"data-framer-name\": \"Top area\",\n layoutDependency: layoutDependency,\n layoutId: \"ib4Sg95XK\",\n transition: transition,\n children: [/*#__PURE__*/_jsx(motion.div, {\n className: \"framer-1w4okab\",\n layoutDependency: layoutDependency,\n layoutId: \"krEhlADfB\",\n transition: transition,\n children: /*#__PURE__*/_jsx(Image, {\n background: {\n alt: \"\",\n fit: \"fit\",\n intrinsicHeight: 30,\n intrinsicWidth: 119,\n pixelHeight: 30,\n pixelWidth: 119,\n src: new URL(\"https://framerusercontent.com/images/vPpJJC1Q3ygkZI9GjZvo9Bz2RIY.svg\").href\n },\n className: \"framer-1m0etpp\",\n \"data-framer-name\": \"Logo\",\n layoutDependency: layoutDependency,\n layoutId: \"OW0mhbK4U\",\n transition: transition,\n ...addPropertyOverrides({\n yYli0OSw1: {\n background: {\n alt: \"\",\n fit: \"fit\",\n intrinsicHeight: 32,\n intrinsicWidth: 124,\n pixelHeight: 32,\n pixelWidth: 124,\n src: new URL(\"https://framerusercontent.com/images/RJPkj6uRg3VhuyfQUlDkOOgD4.svg\").href\n }\n }\n }, baseVariant, gestureVariant)\n })\n }), /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-7j9w4n-container\",\n layoutDependency: layoutDependency,\n layoutId: \"INBGbeyOW-container\",\n transition: transition,\n children: /*#__PURE__*/_jsx(CustomText, {\n backgroundColor: \"rgb(255, 225, 204)\",\n color: \"rgb(0, 0, 0)\",\n fontFamily: \"Inter\",\n fontSize: 16,\n fontWeight: 400,\n height: \"100%\",\n highlightText: \"add a background color\",\n id: \"INBGbeyOW\",\n layoutId: \"INBGbeyOW\",\n text: \"This is amazing and let's me easily add a background color to this text. This way it's very easy to fix the highlighting.\",\n width: \"100%\",\n ...addPropertyOverrides({\n yYli0OSw1: {\n backgroundColor: \"rgb(204, 232, 255)\",\n highlightText: \"such a cool component that highlights\",\n text: \"This makes our lives so much easier. Thank you for making such a cool component that highlights my text.\"\n }\n }, baseVariant, gestureVariant)\n })\n })]\n }), /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-17k8n1o\",\n \"data-framer-name\": \"Bottom area\",\n layoutDependency: layoutDependency,\n layoutId: \"VXuhk4_n6\",\n transition: transition,\n children: [/*#__PURE__*/_jsx(Image, {\n background: {\n alt: \"\",\n fit: \"fill\",\n intrinsicHeight: 330,\n intrinsicWidth: 220,\n pixelHeight: 330,\n pixelWidth: 220,\n src: new URL(\"https://framerusercontent.com/images/z22uRcL3vvQ8nNno0XDKhFrQqAs.png\").href\n },\n className: \"framer-1pbmapq\",\n \"data-framer-name\": \"Image\",\n layoutDependency: layoutDependency,\n layoutId: \"jTP5xzCUw\",\n style: {\n borderBottomLeftRadius: 100,\n borderBottomRightRadius: 100,\n borderTopLeftRadius: 100,\n borderTopRightRadius: 100\n },\n transition: transition,\n ...addPropertyOverrides({\n yYli0OSw1: {\n background: {\n alt: \"\",\n fit: \"fill\",\n intrinsicHeight: 128,\n intrinsicWidth: 128,\n pixelHeight: 128,\n pixelWidth: 128,\n src: new URL(\"https://framerusercontent.com/images/VRaN9AMUtJYYw4bBBfpryu7IEFo.png\").href\n }\n }\n }, baseVariant, gestureVariant)\n }), /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-fmmhn2\",\n \"data-framer-name\": \"Name and position\",\n layoutDependency: layoutDependency,\n layoutId: \"ZMnYR9hXK\",\n transition: transition,\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\": \"SW50ZXItTWVkaXVt\",\n \"--framer-font-family\": '\"Inter-Medium\", \"Inter\", sans-serif',\n \"--framer-font-weight\": \"500\",\n \"--framer-line-height\": \"1.5em\"\n },\n children: \"Joris Rood\"\n })\n }),\n className: \"framer-qhrh9r\",\n fonts: [\"Inter-Medium\"],\n layoutDependency: layoutDependency,\n layoutId: \"avyc3SJ5O\",\n style: {\n \"--framer-link-text-color\": \"rgb(0, 153, 255)\",\n \"--framer-link-text-decoration\": \"underline\",\n \"--framer-paragraph-spacing\": \"0px\"\n },\n transition: transition,\n verticalAlignment: \"top\",\n withExternalLayout: true,\n ...addPropertyOverrides({\n yYli0OSw1: {\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.p, {\n style: {\n \"--font-selector\": \"SW50ZXItTWVkaXVt\",\n \"--framer-font-family\": '\"Inter-Medium\", \"Inter\", sans-serif',\n \"--framer-font-weight\": \"500\",\n \"--framer-line-height\": \"1.5em\"\n },\n children: \"Chris Tate\"\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 \"--framer-font-size\": \"12px\",\n \"--framer-line-height\": \"1.5em\",\n \"--framer-text-color\": \"var(--extracted-r6o4lv)\"\n },\n children: \"Founder and CEO at Company\"\n })\n }),\n className: \"framer-w4h62c\",\n layoutDependency: layoutDependency,\n layoutId: \"HDeeXQiiZ\",\n style: {\n \"--extracted-r6o4lv\": \"rgba(0, 0, 0, 0.5)\",\n \"--framer-link-text-color\": \"rgb(0, 153, 255)\",\n \"--framer-link-text-decoration\": \"underline\",\n \"--framer-paragraph-spacing\": \"0px\"\n },\n transition: transition,\n verticalAlignment: \"top\",\n withExternalLayout: true,\n ...addPropertyOverrides({\n yYli0OSw1: {\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(motion.p, {\n style: {\n \"--framer-font-size\": \"12px\",\n \"--framer-line-height\": \"1.5em\",\n \"--framer-text-color\": \"var(--extracted-r6o4lv)\"\n },\n children: \"Head of Design at Company\"\n })\n })\n }\n }, baseVariant, gestureVariant)\n })]\n })]\n })]\n })\n })\n });\n});\nconst css = ['.framer-51ttd [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-51ttd .framer-vl03le { display: block; }\", \".framer-51ttd .framer-1j532qn { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; height: 291px; justify-content: space-between; overflow: visible; padding: 24px 32px 24px 32px; position: relative; width: 400px; }\", \".framer-51ttd .framer-1gvz8yx { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 20px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\", \".framer-51ttd .framer-1w4okab { flex: none; height: 36px; overflow: visible; position: relative; width: 160px; }\", \".framer-51ttd .framer-1m0etpp { flex: none; height: 26px; left: 0px; overflow: visible; position: absolute; right: 60px; top: 0px; }\", \".framer-51ttd .framer-7j9w4n-container { flex: none; height: auto; position: relative; width: auto; }\", \".framer-51ttd .framer-17k8n1o { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: min-content; }\", \".framer-51ttd .framer-1pbmapq { aspect-ratio: 1 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 48px); overflow: hidden; position: relative; width: 48px; will-change: transform; }\", \".framer-51ttd .framer-fmmhn2 { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 2px; height: min-content; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: min-content; }\", \".framer-51ttd .framer-qhrh9r, .framer-51ttd .framer-w4h62c { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-51ttd .framer-1gvz8yx, .framer-51ttd .framer-17k8n1o, .framer-51ttd .framer-fmmhn2 { gap: 0px; } .framer-51ttd .framer-1gvz8yx > * { margin: 0px; margin-bottom: calc(20px / 2); margin-top: calc(20px / 2); } .framer-51ttd .framer-1gvz8yx > :first-child, .framer-51ttd .framer-fmmhn2 > :first-child { margin-top: 0px; } .framer-51ttd .framer-1gvz8yx > :last-child, .framer-51ttd .framer-fmmhn2 > :last-child { margin-bottom: 0px; } .framer-51ttd .framer-17k8n1o > * { margin: 0px; margin-left: calc(16px / 2); margin-right: calc(16px / 2); } .framer-51ttd .framer-17k8n1o > :first-child { margin-left: 0px; } .framer-51ttd .framer-17k8n1o > :last-child { margin-right: 0px; } .framer-51ttd .framer-fmmhn2 > * { margin: 0px; margin-bottom: calc(2px / 2); margin-top: calc(2px / 2); } }\", \".framer-51ttd.framer-v-1xjdpci .framer-1m0etpp { aspect-ratio: 3.8461538461538463 / 1; height: var(--framer-aspect-ratio-supported, 36px); right: 22px; }\"]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 291\n * @framerIntrinsicWidth 400\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"yYli0OSw1\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n */\nconst FramerjTz6J_Zoi = withCSS(Component, css, \"framer-51ttd\");\nexport default FramerjTz6J_Zoi;\nFramerjTz6J_Zoi.displayName = \"Testimonial\";\nFramerjTz6J_Zoi.defaultProps = {\n height: 291,\n width: 400\n};\naddPropertyControls(FramerjTz6J_Zoi, {\n variant: {\n options: [\"alHEQmYqF\", \"yYli0OSw1\"],\n optionTitles: [\"Variant 1\", \"Variant 2\"],\n title: \"Variant\",\n type: ControlType.Enum\n }\n});\naddFonts(FramerjTz6J_Zoi, [...CustomTextFonts]);\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"FramerjTz6J_Zoi\",\n \"slots\": [],\n \"annotations\": {\n \"framerIntrinsicWidth\": \"400\",\n \"framerContractVersion\": \"1\",\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"yYli0OSw1\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\n \"framerIntrinsicHeight\": \"291\"\n }\n },\n \"Props\": {\n \"type\": \"tsType\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};\n//# sourceMappingURL=./jTz6J_Zoi.map", "// Generated by Framer (5b5d553)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, Container, cx, GeneratedComponentContext, getFonts, Link, optimizeAppear, optimizeAppearTransformTemplate, PropertyOverrides, removeHiddenBreakpointLayers, RichText, useHydratedBreakpointVariants, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport Testimonial from \"https://framerusercontent.com/modules/EC2OYDMzxF0q2WPgyWLu/Y9LPUuXK2XsZa1UueK13/jTz6J_Zoi.js\";\nimport Clipboard from \"https://framerusercontent.com/modules/Hj20QU19p80mpYsvesiZ/EqB2oGdmJ81urPOd5L66/Clipboard.js\";\nimport GoBack from \"https://framerusercontent.com/modules/1I4s0fYeFaf69a7U8rKQ/mUcH027onyYi0T8HIVNS/fP3kkBQ1g.js\";\nimport Label from \"https://framerusercontent.com/modules/ifxzKN3Vkqn5n2gBDBnm/de0J4nlkfXGhyVoBQdXk/g6U2JTm_K.js\";\nimport EnjoyFramer from \"https://framerusercontent.com/modules/cS0WwzXBQgNRiCNUOqGW/xqzCXO4OKZSONdUzVtsv/poBgyQmop.js\";\nimport * as sharedStyle2 from \"https://framerusercontent.com/modules/h9XMhy2QtvICWhE5F4oF/knMSMFGG9FwkH60VbwZA/ro7OPezbn.js\";\nimport * as sharedStyle3 from \"https://framerusercontent.com/modules/1TDavyhNCeXeXRkgys0K/4UVkckCS2uOWW3am1Y7J/xZndidUCt.js\";\nimport * as sharedStyle from \"https://framerusercontent.com/modules/rlRSUTZsS2knvbQfIH6B/W2Fx877vfuVkuwajzvF6/YAP816Y5n.js\";\nimport * as sharedStyle1 from \"https://framerusercontent.com/modules/lBBet5Xebhr7dfM39YEF/KKrQvDoTFG8zf6jiUavA/YckFIlg3V.js\";\nimport metadataProvider from \"https://framerusercontent.com/modules/VgV77PW2axwDzWYNV7RS/JydnyG3rJPuDp4nlXwBF/YbkvwdiWt.js\";\nconst EnjoyFramerFonts = getFonts(EnjoyFramer);\nconst GoBackFonts = getFonts(GoBack);\nconst LabelFonts = getFonts(Label);\nconst ClipboardFonts = getFonts(Clipboard);\nconst TestimonialFonts = getFonts(Testimonial);\nconst cycleOrder = [\"TSDJS_UmR\", \"PPO8UdKsL\", \"jODCFUFoe\"];\nconst breakpoints = {\n jODCFUFoe: \"(max-width: 809px)\",\n PPO8UdKsL: \"(min-width: 810px) and (max-width: 1199px)\",\n TSDJS_UmR: \"(min-width: 1200px)\"\n};\nconst isBrowser = () => typeof document !== \"undefined\";\nconst variantClassNames = {\n jODCFUFoe: \"framer-v-1mdoga3\",\n PPO8UdKsL: \"framer-v-bbqt60\",\n TSDJS_UmR: \"framer-v-1pgki3\"\n};\nif (isBrowser()) {\n removeHiddenBreakpointLayers(\"TSDJS_UmR\", breakpoints, variantClassNames);\n}\nconst humanReadableVariantMap = {\n Desktop: \"TSDJS_UmR\",\n Phone: \"jODCFUFoe\",\n Tablet: \"PPO8UdKsL\"\n};\nconst transitions = {\n default: {\n duration: 0\n }\n};\nconst transition1 = {\n damping: 30,\n delay: .4,\n mass: 1,\n stiffness: 400,\n type: \"spring\"\n};\nconst animation = {\n opacity: 0,\n rotate: 0,\n scale: .5,\n transition: transition1,\n x: 0,\n y: 0\n};\nconst transformTemplate = (_, t) => `perspective(1200px) ${t}`;\nconst animation1 = {\n opacity: 1,\n rotate: 0,\n rotateX: 0,\n rotateY: 0,\n scale: 1,\n transition: transition1,\n x: 0,\n y: 0\n};\nconst animation2 = {\n opacity: .001,\n rotate: 0,\n scale: .5,\n x: 0,\n y: 0\n};\nconst transition2 = {\n damping: 30,\n delay: 0,\n mass: 1,\n stiffness: 400,\n type: \"spring\"\n};\nconst animation3 = {\n opacity: 0,\n rotate: 0,\n scale: .5,\n transition: transition2,\n x: 0,\n y: 0\n};\nconst animation4 = {\n opacity: 1,\n rotate: 0,\n rotateX: 0,\n rotateY: 0,\n scale: 1,\n transition: transition2,\n x: 0,\n y: 0\n};\nconst transition3 = {\n damping: 30,\n delay: .2,\n mass: 1,\n stiffness: 400,\n type: \"spring\"\n};\nconst animation5 = {\n opacity: 0,\n rotate: 0,\n scale: .5,\n transition: transition3,\n x: 0,\n y: 0\n};\nconst animation6 = {\n opacity: 1,\n rotate: 0,\n rotateX: 0,\n rotateY: 0,\n scale: 1,\n transition: transition3,\n x: 0,\n y: 0\n};\nconst transition4 = {\n damping: 30,\n delay: 1,\n mass: 1,\n stiffness: 400,\n type: \"spring\"\n};\nconst animation7 = {\n opacity: 0,\n rotate: 0,\n scale: 1,\n transition: transition4,\n x: 0,\n y: 150\n};\nconst animation8 = {\n opacity: 1,\n rotate: 0,\n rotateX: 0,\n rotateY: 0,\n scale: 1,\n transition: transition4,\n x: 0,\n y: 0\n};\nconst animation9 = {\n opacity: .001,\n rotate: 0,\n scale: 1,\n x: 0,\n y: 150\n};\nconst transformTemplate1 = (_, t) => `${t} rotate(40deg)`;\nconst transformTemplate2 = (_, t) => `${t} rotate(60deg)`;\nconst transformTemplate3 = (_, t) => `${t} rotate(68deg)`;\nconst metadata = metadataProvider();\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n id,\n style,\n className,\n width,\n height,\n layoutId,\n variant: outerVariant = \"TSDJS_UmR\",\n ...restProps\n}, ref) {\n const outerVariantId = humanReadableVariantMap[outerVariant];\n const variant = outerVariantId || outerVariant;\n React.useLayoutEffect(() => {\n const metadata1 = metadataProvider();\n document.title = metadata1.title || \"\";\n if (metadata1.viewport) {\n var ref;\n (ref = document.querySelector('meta[name=\"viewport\"]')) === null || ref === void 0 ? void 0 : ref.setAttribute(\"content\", metadata1.viewport);\n }\n if (metadata1.bodyClassName) {\n Array.from(document.body.classList).filter(c => c.startsWith(\"framer-body-\")).map(c => document.body.classList.remove(c));\n document.body.classList.add(metadata1.bodyClassName);\n }\n }, []);\n const [baseVariant, hydratedBaseVariant] = useHydratedBreakpointVariants(variant, breakpoints, false);\n const gestureVariant = undefined;\n const transition = transitions.default;\n const isDisplayed = () => {\n if (baseVariant === \"jODCFUFoe\") return !isBrowser();\n return true;\n };\n const defaultLayoutId = React.useId();\n return /*#__PURE__*/_jsx(GeneratedComponentContext.Provider, {\n value: {\n primaryVariantId: \"TSDJS_UmR\",\n variantClassNames\n },\n children: /*#__PURE__*/_jsx(LayoutGroup, {\n id: layoutId !== null && layoutId !== void 0 ? layoutId : defaultLayoutId,\n children: /*#__PURE__*/_jsxs(motion.div, {\n className: cx(\"framer-ClKoN\", sharedStyle.className, sharedStyle1.className, sharedStyle2.className, sharedStyle3.className),\n style: {\n display: \"contents\"\n },\n children: [/*#__PURE__*/_jsxs(motion.div, {\n ...restProps,\n className: cx(\"framer-1pgki3\", className),\n ref: ref,\n style: {\n ...style\n },\n children: [/*#__PURE__*/_jsx(Container, {\n className: \"framer-i052q4-container\",\n children: /*#__PURE__*/_jsx(EnjoyFramer, {\n height: \"100%\",\n id: \"Ib2CoDnQo\",\n layoutId: \"Ib2CoDnQo\",\n style: {\n maxWidth: \"100%\",\n width: \"100%\"\n },\n text: \"\uD83E\uDD73 Enjoy 3 months of Framer for free!\",\n variant: \"RUmqQvTyR\",\n width: \"100%\"\n })\n }), /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-10v8x3a\",\n children: [/*#__PURE__*/_jsx(PropertyOverrides, {\n breakpoint: baseVariant,\n overrides: {\n jODCFUFoe: {\n \"data-framer-appear-id\": \"11mwe1l\",\n animate: optimizeAppear(\"animate\", \"11mwe1l\", animation1, \"1mdoga3\"),\n initial: optimizeAppear(\"initial\", \"11mwe1l\", animation2, \"1mdoga3\"),\n transformTemplate: optimizeAppearTransformTemplate(\"11mwe1l\", transformTemplate)\n },\n PPO8UdKsL: {\n \"data-framer-appear-id\": \"191k34y\",\n animate: optimizeAppear(\"animate\", \"191k34y\", animation1, \"bbqt60\"),\n initial: optimizeAppear(\"initial\", \"191k34y\", animation2, \"bbqt60\"),\n transformTemplate: optimizeAppearTransformTemplate(\"191k34y\", transformTemplate)\n }\n },\n children: /*#__PURE__*/_jsx(Container, {\n animate: optimizeAppear(\"animate\", \"wy6h46\", animation1, \"1pgki3\"),\n className: \"framer-wy6h46-container\",\n \"data-framer-appear-id\": \"wy6h46\",\n exit: animation,\n initial: optimizeAppear(\"initial\", \"wy6h46\", animation2, \"1pgki3\"),\n transformTemplate: optimizeAppearTransformTemplate(\"wy6h46\", transformTemplate),\n children: /*#__PURE__*/_jsx(GoBack, {\n height: \"100%\",\n id: \"AwVf0xwRV\",\n layoutId: \"AwVf0xwRV\",\n title: \"Back\",\n width: \"100%\"\n })\n })\n }), /*#__PURE__*/_jsx(PropertyOverrides, {\n breakpoint: baseVariant,\n overrides: {\n jODCFUFoe: {\n \"data-framer-appear-id\": \"el6z69\",\n animate: optimizeAppear(\"animate\", \"el6z69\", animation4, \"1mdoga3\"),\n initial: optimizeAppear(\"initial\", \"el6z69\", animation2, \"1mdoga3\"),\n transformTemplate: optimizeAppearTransformTemplate(\"el6z69\", transformTemplate)\n },\n PPO8UdKsL: {\n \"data-framer-appear-id\": \"1xtyezz\",\n animate: optimizeAppear(\"animate\", \"1xtyezz\", animation4, \"bbqt60\"),\n initial: optimizeAppear(\"initial\", \"1xtyezz\", animation2, \"bbqt60\"),\n transformTemplate: optimizeAppearTransformTemplate(\"1xtyezz\", transformTemplate)\n }\n },\n children: /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n animate: optimizeAppear(\"animate\", \"5wu4uh\", animation4, \"1pgki3\"),\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(\"h1\", {\n className: \"framer-styles-preset-3nqyhf\",\n \"data-styles-preset\": \"YAP816Y5n\",\n children: \"Daily drop #8\"\n })\n }),\n className: \"framer-5wu4uh\",\n \"data-framer-appear-id\": \"5wu4uh\",\n exit: animation3,\n initial: optimizeAppear(\"initial\", \"5wu4uh\", animation2, \"1pgki3\"),\n transformTemplate: optimizeAppearTransformTemplate(\"5wu4uh\", transformTemplate),\n verticalAlignment: \"top\",\n withExternalLayout: true\n })\n }), /*#__PURE__*/_jsx(PropertyOverrides, {\n breakpoint: baseVariant,\n overrides: {\n jODCFUFoe: {\n \"data-framer-appear-id\": \"1b5g6lv\",\n animate: optimizeAppear(\"animate\", \"1b5g6lv\", animation6, \"1mdoga3\"),\n initial: optimizeAppear(\"initial\", \"1b5g6lv\", animation2, \"1mdoga3\"),\n transformTemplate: optimizeAppearTransformTemplate(\"1b5g6lv\", transformTemplate)\n },\n PPO8UdKsL: {\n \"data-framer-appear-id\": \"w2mzk3\",\n animate: optimizeAppear(\"animate\", \"w2mzk3\", animation6, \"bbqt60\"),\n initial: optimizeAppear(\"initial\", \"w2mzk3\", animation2, \"bbqt60\"),\n transformTemplate: optimizeAppearTransformTemplate(\"w2mzk3\", transformTemplate)\n }\n },\n children: /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n animate: optimizeAppear(\"animate\", \"fsi9jy\", animation6, \"1pgki3\"),\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(\"h3\", {\n className: \"framer-styles-preset-12lj5ox\",\n \"data-styles-preset\": \"YckFIlg3V\",\n children: /*#__PURE__*/_jsx(Link, {\n href: \"https://twitter.com/jorisrood\",\n openInNewTab: true,\n smoothScroll: false,\n children: /*#__PURE__*/_jsx(\"a\", {\n className: \"framer-styles-preset-1wicq5s\",\n \"data-styles-preset\": \"ro7OPezbn\",\n children: \"by Joris Rood\"\n })\n })\n })\n }),\n className: \"framer-fsi9jy\",\n \"data-framer-appear-id\": \"fsi9jy\",\n exit: animation5,\n initial: optimizeAppear(\"initial\", \"fsi9jy\", animation2, \"1pgki3\"),\n transformTemplate: optimizeAppearTransformTemplate(\"fsi9jy\", transformTemplate),\n verticalAlignment: \"top\",\n withExternalLayout: true\n })\n })]\n }), /*#__PURE__*/_jsx(PropertyOverrides, {\n breakpoint: baseVariant,\n overrides: {\n jODCFUFoe: {\n \"data-framer-appear-id\": \"uj5s3y\",\n animate: optimizeAppear(\"animate\", \"uj5s3y\", animation8, \"1mdoga3\"),\n initial: optimizeAppear(\"initial\", \"uj5s3y\", animation9, \"1mdoga3\"),\n transformTemplate: optimizeAppearTransformTemplate(\"uj5s3y\", transformTemplate)\n },\n PPO8UdKsL: {\n \"data-framer-appear-id\": \"1vgnyfa\",\n animate: optimizeAppear(\"animate\", \"1vgnyfa\", animation8, \"bbqt60\"),\n initial: optimizeAppear(\"initial\", \"1vgnyfa\", animation9, \"bbqt60\"),\n transformTemplate: optimizeAppearTransformTemplate(\"1vgnyfa\", transformTemplate)\n }\n },\n children: /*#__PURE__*/_jsxs(motion.div, {\n animate: optimizeAppear(\"animate\", \"608q8w\", animation8, \"1pgki3\"),\n className: \"framer-608q8w\",\n \"data-framer-appear-id\": \"608q8w\",\n exit: animation7,\n initial: optimizeAppear(\"initial\", \"608q8w\", animation9, \"1pgki3\"),\n transformTemplate: optimizeAppearTransformTemplate(\"608q8w\", transformTemplate),\n children: [/*#__PURE__*/_jsx(Container, {\n className: \"framer-2oq1z8-container\",\n children: /*#__PURE__*/_jsx(Label, {\n background: 'var(--token-237b127f-ce14-44d4-b8ef-7fe8e83fecd1, rgb(255, 242, 121)) /* {\"name\":\"yellow\"} */',\n height: \"100%\",\n id: \"ETKwbG47T\",\n label: \"COMPONENT\",\n layoutId: \"ETKwbG47T\",\n textColor: 'var(--token-381b715a-2b1f-408b-a49c-bd3ab86ccdf3, rgb(22, 22, 22)) /* {\"name\":\"dark black\"} */',\n width: \"100%\"\n })\n }), /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-1aktsut\",\n children: [/*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(\"div\", {\n style: {\n \"--font-selector\": \"SW50ZXItU2VtaUJvbGQ=\",\n \"--framer-font-family\": '\"Inter-SemiBold\", \"Inter\", sans-serif',\n \"--framer-font-size\": \"14px\",\n \"--framer-font-weight\": \"600\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"center\",\n \"--framer-text-color\": \"var(--token-da905d3a-8945-4e6b-9aca-9f95123dbee5, rgb(255, 255, 255))\"\n },\n children: \"Spice up your text with some nice highlighting\"\n })\n }),\n className: \"framer-41ds11\",\n fonts: [\"Inter-SemiBold\"],\n verticalAlignment: \"top\",\n withExternalLayout: true\n }), /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsxs(\"div\", {\n className: \"framer-styles-preset-21ogod\",\n \"data-styles-preset\": \"xZndidUCt\",\n style: {\n \"--framer-text-alignment\": \"center\"\n },\n children: [\"Today I saw the Twitter post from \", /*#__PURE__*/_jsx(Link, {\n href: \"https://twitter.com/pierre_Jacquel/status/1644671472747823104\",\n openInNewTab: false,\n smoothScroll: false,\n children: /*#__PURE__*/_jsx(\"a\", {\n className: \"framer-styles-preset-1wicq5s\",\n \"data-styles-preset\": \"ro7OPezbn\",\n children: \"@pierre_Jacquel\"\n })\n }), ' about \"Improving your testimonial section\" by adding highlights in your text. Couldn\\'t resist to create a nice and clean way to highlight your text through a custom code component. So have fun and enjoy my newest drop.']\n })\n }),\n className: \"framer-1drmcjj\",\n verticalAlignment: \"top\",\n withExternalLayout: true\n }), /*#__PURE__*/_jsx(Container, {\n className: \"framer-1kfxcxp-container\",\n children: /*#__PURE__*/_jsx(Clipboard, {\n borderRadius: 4,\n bottomLeftRadius: 4,\n bottomRightRadius: 4,\n color: 'var(--token-da905d3a-8945-4e6b-9aca-9f95123dbee5, rgb(255, 255, 255)) /* {\"name\":\"Pure white\"} */',\n content: \"https://framer.com/m/Background-color-text-f2ek.js@YCOAI1dT5F1EYSzPIKzq\",\n fill: 'var(--token-8ef20aee-1c88-470b-be27-f888f1b93d94, rgb(31, 31, 31)) /* {\"name\":\"light black\"} */',\n font: false,\n fontFamily: \"Inter\",\n fontSize: 15,\n fontWeight: 500,\n height: \"100%\",\n id: \"IkmFuTfml\",\n isMixedBorderRadius: false,\n label: \"Copy Text highlights\",\n layoutId: \"IkmFuTfml\",\n padding: 14,\n paddingBottom: 10,\n paddingLeft: 20,\n paddingPerSide: true,\n paddingRight: 20,\n paddingTop: 10,\n topLeftRadius: 4,\n topRightRadius: 4,\n width: \"100%\"\n })\n })]\n }), /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-lxi3g2\"\n }), /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-1culkrf\",\n children: [/*#__PURE__*/_jsx(Container, {\n className: \"framer-ahu2dw-container\",\n \"data-framer-name\": \"Testimonial 1\",\n name: \"Testimonial 1\",\n children: /*#__PURE__*/_jsx(PropertyOverrides, {\n breakpoint: baseVariant,\n overrides: {\n jODCFUFoe: {\n style: {\n width: \"100%\"\n }\n }\n },\n children: /*#__PURE__*/_jsx(Testimonial, {\n height: \"100%\",\n id: \"wjY0AptLv\",\n layoutId: \"wjY0AptLv\",\n name: \"Testimonial 1\",\n variant: \"alHEQmYqF\",\n width: \"100%\"\n })\n })\n }), /*#__PURE__*/_jsx(Container, {\n className: \"framer-13ewja6-container\",\n \"data-framer-name\": \"Testimonial 1\",\n name: \"Testimonial 1\",\n children: /*#__PURE__*/_jsx(PropertyOverrides, {\n breakpoint: baseVariant,\n overrides: {\n jODCFUFoe: {\n style: {\n width: \"100%\"\n }\n }\n },\n children: /*#__PURE__*/_jsx(Testimonial, {\n height: \"100%\",\n id: \"mL0n5w3Ff\",\n layoutId: \"mL0n5w3Ff\",\n name: \"Testimonial 1\",\n variant: \"yYli0OSw1\",\n width: \"100%\"\n })\n })\n })]\n })]\n })\n }), isDisplayed() && /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-1kshsz9 hidden-1mdoga3\",\n transformTemplate: transformTemplate1\n }), isDisplayed() && /*#__PURE__*/_jsx(PropertyOverrides, {\n breakpoint: baseVariant,\n overrides: {\n PPO8UdKsL: {\n transformTemplate: transformTemplate3\n }\n },\n children: /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-iy5ckw hidden-1mdoga3\",\n transformTemplate: transformTemplate2\n })\n })]\n }), /*#__PURE__*/_jsx(\"div\", {\n id: \"overlay\"\n })]\n })\n })\n });\n});\nconst css = ['.framer-ClKoN [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; } }\", `.${metadata.bodyClassName} { background: hsl(0, 0%, 15%); }`, \".framer-ClKoN .framer-kj5gjk { display: block; }\", \".framer-ClKoN .framer-1pgki3 { align-content: center; align-items: center; background-color: #262626; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 12px 12px 120px 12px; position: relative; width: 1200px; }\", \".framer-ClKoN .framer-i052q4-container { flex: none; height: auto; max-width: 400px; position: relative; width: 100%; }\", \".framer-ClKoN .framer-10v8x3a { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 80px 0px 0px 0px; position: relative; width: min-content; }\", \".framer-ClKoN .framer-wy6h46-container { flex: none; height: auto; position: relative; transform: perspective(1200px); width: auto; }\", \".framer-ClKoN .framer-5wu4uh { --framer-link-text-color: #0099ff; --framer-link-text-decoration: underline; --framer-paragraph-spacing: 0px; flex: none; height: auto; position: relative; transform: perspective(1200px); white-space: pre; width: auto; }\", \".framer-ClKoN .framer-fsi9jy { --framer-paragraph-spacing: 0px; flex: none; height: auto; position: relative; transform: perspective(1200px); white-space: pre; width: auto; }\", \".framer-ClKoN .framer-608q8w { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 64px 0px 64px 0px; position: relative; transform: perspective(1200px); width: min-content; z-index: 4; }\", \".framer-ClKoN .framer-2oq1z8-container, .framer-ClKoN .framer-1kfxcxp-container, .framer-ClKoN .framer-ahu2dw-container, .framer-ClKoN .framer-13ewja6-container { flex: none; height: auto; position: relative; width: auto; }\", \".framer-ClKoN .framer-1aktsut { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px 0px 40px 0px; position: relative; width: 600px; }\", \".framer-ClKoN .framer-41ds11 { --framer-link-text-color: #0099ff; --framer-link-text-decoration: underline; --framer-paragraph-spacing: 0px; flex: none; height: auto; position: relative; white-space: pre-wrap; width: 600px; word-break: break-word; word-wrap: break-word; }\", \".framer-ClKoN .framer-1drmcjj { --framer-paragraph-spacing: 0px; flex: none; height: auto; position: relative; white-space: pre-wrap; width: 600px; word-break: break-word; word-wrap: break-word; }\", \".framer-ClKoN .framer-lxi3g2 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; min-height: 39px; min-width: 139px; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: min-content; }\", \".framer-ClKoN .framer-1culkrf { 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-ClKoN .framer-1kshsz9 { background-color: var(--token-8ef20aee-1c88-470b-be27-f888f1b93d94, #1f1f1f); border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; border-top-left-radius: 40px; border-top-right-radius: 40px; bottom: -295px; flex: none; height: 446px; left: -28px; opacity: 0.6; overflow: hidden; position: absolute; transform: rotate(40deg); width: 471px; will-change: transform; z-index: 0; }\", \".framer-ClKoN .framer-iy5ckw { background-color: var(--token-8ef20aee-1c88-470b-be27-f888f1b93d94, #1f1f1f); border-bottom-left-radius: 40px; border-bottom-right-radius: 40px; border-top-left-radius: 40px; border-top-right-radius: 40px; bottom: -32px; flex: none; height: 446px; left: -464px; opacity: 0.2; overflow: hidden; position: absolute; transform: rotate(60deg); width: 1047px; will-change: transform; z-index: 0; }\", \"@supports (background: -webkit-named-image(i)) and (not (scale:1)) { .framer-ClKoN .framer-1pgki3, .framer-ClKoN .framer-10v8x3a, .framer-ClKoN .framer-608q8w, .framer-ClKoN .framer-1aktsut, .framer-ClKoN .framer-lxi3g2, .framer-ClKoN .framer-1culkrf { gap: 0px; } .framer-ClKoN .framer-1pgki3 > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-ClKoN .framer-1pgki3 > :first-child, .framer-ClKoN .framer-10v8x3a > :first-child, .framer-ClKoN .framer-608q8w > :first-child, .framer-ClKoN .framer-1aktsut > :first-child { margin-top: 0px; } .framer-ClKoN .framer-1pgki3 > :last-child, .framer-ClKoN .framer-10v8x3a > :last-child, .framer-ClKoN .framer-608q8w > :last-child, .framer-ClKoN .framer-1aktsut > :last-child { margin-bottom: 0px; } .framer-ClKoN .framer-10v8x3a > *, .framer-ClKoN .framer-608q8w > *, .framer-ClKoN .framer-1aktsut > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-ClKoN .framer-lxi3g2 > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-ClKoN .framer-lxi3g2 > :first-child, .framer-ClKoN .framer-1culkrf > :first-child { margin-left: 0px; } .framer-ClKoN .framer-lxi3g2 > :last-child, .framer-ClKoN .framer-1culkrf > :last-child { margin-right: 0px; } .framer-ClKoN .framer-1culkrf > * { margin: 0px; margin-left: calc(24px / 2); margin-right: calc(24px / 2); } }\", \"@media (min-width: 1200px) { .framer-ClKoN .hidden-1pgki3 { display: none !important; } }\", `@media (min-width: 810px) and (max-width: 1199px) { .framer-ClKoN .hidden-bbqt60 { display: none !important; } .${metadata.bodyClassName} { background: hsl(0, 0%, 15%); } .framer-ClKoN .framer-1pgki3 { width: 810px; } .framer-ClKoN .framer-i052q4-container { order: 0; } .framer-ClKoN .framer-10v8x3a { order: 1; } .framer-ClKoN .framer-608q8w { order: 2; } .framer-ClKoN .framer-1culkrf { flex-direction: column; } .framer-ClKoN .framer-1kshsz9 { bottom: -290px; left: -142px; order: 3; } .framer-ClKoN .framer-iy5ckw { bottom: -20px; left: -595px; order: 4; transform: rotate(68deg); } @supports (background: -webkit-named-image(i)) and (not (scale:1)) { .framer-ClKoN .framer-1culkrf { gap: 0px; } .framer-ClKoN .framer-1culkrf > * { margin: 0px; margin-bottom: calc(24px / 2); margin-top: calc(24px / 2); } .framer-ClKoN .framer-1culkrf > :first-child { margin-top: 0px; } .framer-ClKoN .framer-1culkrf > :last-child { margin-bottom: 0px; } }}`, `@media (max-width: 809px) { .framer-ClKoN .hidden-1mdoga3 { display: none !important; } .${metadata.bodyClassName} { background: hsl(0, 0%, 15%); } .framer-ClKoN .framer-1pgki3 { padding: 12px 24px 120px 24px; width: 390px; } .framer-ClKoN .framer-608q8w { padding: 64px 24px 64px 24px; width: 100%; } .framer-ClKoN .framer-1aktsut { padding: 0px 0px 64px 0px; width: 100%; } .framer-ClKoN .framer-41ds11, .framer-ClKoN .framer-1drmcjj { width: 100%; } .framer-ClKoN .framer-1culkrf { flex-direction: column; padding: 0px 12px 0px 12px; width: 424px; } .framer-ClKoN .framer-ahu2dw-container, .framer-ClKoN .framer-13ewja6-container { width: 90%; } @supports (background: -webkit-named-image(i)) and (not (scale:1)) { .framer-ClKoN .framer-1culkrf { gap: 0px; } .framer-ClKoN .framer-1culkrf > * { margin: 0px; margin-bottom: calc(24px / 2); margin-top: calc(24px / 2); } .framer-ClKoN .framer-1culkrf > :first-child { margin-top: 0px; } .framer-ClKoN .framer-1culkrf > :last-child { margin-bottom: 0px; } }}`, ...sharedStyle.css, ...sharedStyle1.css, ...sharedStyle2.css, ...sharedStyle3.css]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 1064\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"PPO8UdKsL\":{\"layout\":[\"fixed\",\"auto\"]},\"jODCFUFoe\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerResponsiveScreen\n */\nconst FramerYbkvwdiWt = withCSS(Component, css, \"framer-ClKoN\");\nexport default FramerYbkvwdiWt;\nFramerYbkvwdiWt.displayName = \"Day 8\";\nFramerYbkvwdiWt.defaultProps = {\n height: 1064,\n width: 1200\n};\naddFonts(FramerYbkvwdiWt, [...EnjoyFramerFonts, ...GoBackFonts, ...LabelFonts, ...ClipboardFonts, ...TestimonialFonts, ...sharedStyle.fonts, ...sharedStyle1.fonts, ...sharedStyle2.fonts, ...sharedStyle3.fonts]);\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"FramerYbkvwdiWt\",\n \"slots\": [],\n \"annotations\": {\n \"framerResponsiveScreen\": \"\",\n \"framerContractVersion\": \"1\",\n \"framerIntrinsicHeight\": \"1064\",\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"PPO8UdKsL\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"jODCFUFoe\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\n \"framerIntrinsicWidth\": \"1200\"\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": ["CustomText", "I", "text", "highlightText", "backgroundColor", "color", "fontSize", "fontFamily", "fontWeight", "words", "highlightWords", "p", "word", "index", "isHighlighted", "u", "e", "addPropertyControls", "ControlType", "Background_color_text_default", "CustomTextFonts", "getFonts", "Background_color_text_default", "cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "transformTemplate", "_", "t", "Component", "Y", "id", "style", "className", "width", "height", "layoutId", "outerVariant", "restProps", "ref", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "defaultLayoutId", "ae", "p", "LayoutGroup", "motion", "cx", "u", "Image2", "RichText", "x", "css", "FramerjTz6J_Zoi", "withCSS", "jTz6J_Zoi_default", "addPropertyControls", "ControlType", "addFonts", "EnjoyFramerFonts", "getFonts", "poBgyQmop_default", "GoBackFonts", "fP3kkBQ1g_default", "LabelFonts", "g6U2JTm_K_default", "ClipboardFonts", "Clipboard", "TestimonialFonts", "jTz6J_Zoi_default", "breakpoints", "isBrowser", "variantClassNames", "removeHiddenBreakpointLayers", "humanReadableVariantMap", "transitions", "transition1", "animation", "transformTemplate", "_", "t", "animation1", "animation2", "transition2", "animation3", "animation4", "transition3", "animation5", "animation6", "transition4", "animation7", "animation8", "animation9", "transformTemplate1", "transformTemplate2", "transformTemplate3", "metadata", "YbkvwdiWt_default", "Component", "Y", "id", "style", "className", "width", "height", "layoutId", "outerVariant", "restProps", "ref", "variant", "fe", "metadata1", "c", "baseVariant", "hydratedBaseVariant", "useHydratedBreakpointVariants", "gestureVariant", "transition", "isDisplayed", "defaultLayoutId", "ae", "p", "GeneratedComponentContext", "LayoutGroup", "u", "motion", "cx", "Container", "poBgyQmop_default", "PropertyOverrides", "optimizeAppear", "optimizeAppearTransformTemplate", "fP3kkBQ1g_default", "RichText", "x", "Link", "g6U2JTm_K_default", "Clipboard", "jTz6J_Zoi_default", "css", "FramerYbkvwdiWt", "withCSS", "addFonts", "EnjoyFramerFonts", "GoBackFonts", "LabelFonts", "ClipboardFonts", "TestimonialFonts", "fonts", "__FramerMetadata__"] }