{ "version": 3, "sources": ["ssg:https://framerusercontent.com/modules/WxqcBM0YWicgfswmegvl/mPcipWQVAflxXYnyul9w/jd20mAld1.js"], "sourcesContent": ["// Generated by Framer (6f17e57)\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, withFX } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport { Video } from \"https://framerusercontent.com/modules/lRDHiNWNVWmE0lqtoVHP/jcU3ZxjtR7k7aXRM1azZ/Video.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 Button from \"https://framerusercontent.com/modules/HNEuO2dln7iD7yXU3L41/GX94hu8EeLyXMEMtpKde/U_qw4CDPP.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/V7NIz0v42Su6iuntqzxs/Qh4MOwoWftWDBL9qbEhI/jd20mAld1.js\";\nconst EnjoyFramerFonts = getFonts(EnjoyFramer);\nconst GoBackFonts = getFonts(GoBack);\nconst LabelFonts = getFonts(Label);\nconst ButtonFonts = getFonts(Button);\nconst VideoFonts = getFonts(Video);\nconst MotionDivWithFX = withFX(motion.div);\nconst cycleOrder = [\"QUdaAZZhP\", \"tBpLHqTES\", \"j5tAhxLkb\"];\nconst breakpoints = {\n j5tAhxLkb: \"(max-width: 809px)\",\n QUdaAZZhP: \"(min-width: 1200px)\",\n tBpLHqTES: \"(min-width: 810px) and (max-width: 1199px)\"\n};\nconst isBrowser = () => typeof document !== \"undefined\";\nconst variantClassNames = {\n j5tAhxLkb: \"framer-v-zmpdtc\",\n QUdaAZZhP: \"framer-v-sr8mjh\",\n tBpLHqTES: \"framer-v-1isazyx\"\n};\nif (isBrowser()) {\n removeHiddenBreakpointLayers(\"QUdaAZZhP\", breakpoints, variantClassNames);\n}\nconst humanReadableVariantMap = {\n Desktop: \"QUdaAZZhP\",\n Phone: \"j5tAhxLkb\",\n Tablet: \"tBpLHqTES\"\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 animation10 = {\n opacity: 0,\n rotate: 0,\n scale: 1,\n transition: transition2,\n x: 0,\n y: 150\n};\nconst animation11 = {\n opacity: 0,\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 = \"QUdaAZZhP\",\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 === \"j5tAhxLkb\") return !isBrowser();\n return true;\n };\n const defaultLayoutId = React.useId();\n return /*#__PURE__*/_jsx(GeneratedComponentContext.Provider, {\n value: {\n primaryVariantId: \"QUdaAZZhP\",\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-SnrJH\", 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-sr8mjh\", className),\n ref: ref,\n style: {\n ...style\n },\n children: [/*#__PURE__*/_jsx(Container, {\n className: \"framer-1bc8clk-container\",\n children: /*#__PURE__*/_jsx(EnjoyFramer, {\n height: \"100%\",\n id: \"r2W4pDPHU\",\n layoutId: \"r2W4pDPHU\",\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-u2zgya\",\n children: [/*#__PURE__*/_jsx(PropertyOverrides, {\n breakpoint: baseVariant,\n overrides: {\n j5tAhxLkb: {\n \"data-framer-appear-id\": \"gua36j\",\n animate: optimizeAppear(\"animate\", \"gua36j\", animation1, \"zmpdtc\"),\n initial: optimizeAppear(\"initial\", \"gua36j\", animation2, \"zmpdtc\"),\n transformTemplate: optimizeAppearTransformTemplate(\"gua36j\", transformTemplate)\n },\n tBpLHqTES: {\n \"data-framer-appear-id\": \"2vq76z\",\n animate: optimizeAppear(\"animate\", \"2vq76z\", animation1, \"1isazyx\"),\n initial: optimizeAppear(\"initial\", \"2vq76z\", animation2, \"1isazyx\"),\n transformTemplate: optimizeAppearTransformTemplate(\"2vq76z\", transformTemplate)\n }\n },\n children: /*#__PURE__*/_jsx(Container, {\n animate: optimizeAppear(\"animate\", \"2cchgj\", animation1, \"sr8mjh\"),\n className: \"framer-2cchgj-container\",\n \"data-framer-appear-id\": \"2cchgj\",\n exit: animation,\n initial: optimizeAppear(\"initial\", \"2cchgj\", animation2, \"sr8mjh\"),\n transformTemplate: optimizeAppearTransformTemplate(\"2cchgj\", transformTemplate),\n children: /*#__PURE__*/_jsx(GoBack, {\n height: \"100%\",\n id: \"Tzuqopb6v\",\n layoutId: \"Tzuqopb6v\",\n title: \"Back\",\n width: \"100%\"\n })\n })\n }), /*#__PURE__*/_jsx(PropertyOverrides, {\n breakpoint: baseVariant,\n overrides: {\n j5tAhxLkb: {\n \"data-framer-appear-id\": \"bl6d8j\",\n animate: optimizeAppear(\"animate\", \"bl6d8j\", animation4, \"zmpdtc\"),\n initial: optimizeAppear(\"initial\", \"bl6d8j\", animation2, \"zmpdtc\"),\n transformTemplate: optimizeAppearTransformTemplate(\"bl6d8j\", transformTemplate)\n },\n tBpLHqTES: {\n \"data-framer-appear-id\": \"u466we\",\n animate: optimizeAppear(\"animate\", \"u466we\", animation4, \"1isazyx\"),\n initial: optimizeAppear(\"initial\", \"u466we\", animation2, \"1isazyx\"),\n transformTemplate: optimizeAppearTransformTemplate(\"u466we\", transformTemplate)\n }\n },\n children: /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n animate: optimizeAppear(\"animate\", \"e94dfa\", animation4, \"sr8mjh\"),\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 #2\"\n })\n }),\n className: \"framer-e94dfa\",\n \"data-framer-appear-id\": \"e94dfa\",\n exit: animation3,\n initial: optimizeAppear(\"initial\", \"e94dfa\", animation2, \"sr8mjh\"),\n transformTemplate: optimizeAppearTransformTemplate(\"e94dfa\", transformTemplate),\n verticalAlignment: \"top\",\n withExternalLayout: true\n })\n }), /*#__PURE__*/_jsx(PropertyOverrides, {\n breakpoint: baseVariant,\n overrides: {\n j5tAhxLkb: {\n \"data-framer-appear-id\": \"acft1d\",\n animate: optimizeAppear(\"animate\", \"acft1d\", animation6, \"zmpdtc\"),\n initial: optimizeAppear(\"initial\", \"acft1d\", animation2, \"zmpdtc\"),\n transformTemplate: optimizeAppearTransformTemplate(\"acft1d\", transformTemplate)\n },\n tBpLHqTES: {\n \"data-framer-appear-id\": \"1c00ghr\",\n animate: optimizeAppear(\"animate\", \"1c00ghr\", animation6, \"1isazyx\"),\n initial: optimizeAppear(\"initial\", \"1c00ghr\", animation2, \"1isazyx\"),\n transformTemplate: optimizeAppearTransformTemplate(\"1c00ghr\", transformTemplate)\n }\n },\n children: /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n animate: optimizeAppear(\"animate\", \"1xwvsqh\", animation6, \"sr8mjh\"),\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-1xwvsqh\",\n \"data-framer-appear-id\": \"1xwvsqh\",\n exit: animation5,\n initial: optimizeAppear(\"initial\", \"1xwvsqh\", animation2, \"sr8mjh\"),\n transformTemplate: optimizeAppearTransformTemplate(\"1xwvsqh\", transformTemplate),\n verticalAlignment: \"top\",\n withExternalLayout: true\n })\n })]\n }), /*#__PURE__*/_jsx(PropertyOverrides, {\n breakpoint: baseVariant,\n overrides: {\n j5tAhxLkb: {\n \"data-framer-appear-id\": \"pjbhvh\",\n animate: optimizeAppear(\"animate\", \"pjbhvh\", animation8, \"zmpdtc\"),\n initial: optimizeAppear(\"initial\", \"pjbhvh\", animation9, \"zmpdtc\"),\n transformTemplate: optimizeAppearTransformTemplate(\"pjbhvh\", transformTemplate)\n },\n tBpLHqTES: {\n \"data-framer-appear-id\": \"y4iob2\",\n animate: optimizeAppear(\"animate\", \"y4iob2\", animation8, \"1isazyx\"),\n initial: optimizeAppear(\"initial\", \"y4iob2\", animation9, \"1isazyx\"),\n transformTemplate: optimizeAppearTransformTemplate(\"y4iob2\", transformTemplate)\n }\n },\n children: /*#__PURE__*/_jsxs(motion.div, {\n animate: optimizeAppear(\"animate\", \"15vn4j1\", animation8, \"sr8mjh\"),\n className: \"framer-15vn4j1\",\n \"data-framer-appear-id\": \"15vn4j1\",\n exit: animation7,\n initial: optimizeAppear(\"initial\", \"15vn4j1\", animation9, \"sr8mjh\"),\n transformTemplate: optimizeAppearTransformTemplate(\"15vn4j1\", transformTemplate),\n children: [/*#__PURE__*/_jsx(Container, {\n className: \"framer-1srioq8-container\",\n children: /*#__PURE__*/_jsx(Label, {\n background: 'var(--token-bedc0278-40fe-4d07-86eb-abde1b5bdda0, rgb(91, 171, 255)) /* {\"name\":\"blue\"} */',\n height: \"100%\",\n id: \"QlT74E7EV\",\n label: \"TUTORIAL\",\n layoutId: \"QlT74E7EV\",\n textColor: \"var(--token-da905d3a-8945-4e6b-9aca-9f95123dbee5, rgb(255, 255, 255))\",\n width: \"100%\"\n })\n }), /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-jmd2hp\",\n children: [/*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(\"div\", {\n className: \"framer-styles-preset-21ogod\",\n \"data-styles-preset\": \"xZndidUCt\",\n style: {\n \"--framer-text-alignment\": \"center\",\n \"--framer-text-color\": \"var(--token-da905d3a-8945-4e6b-9aca-9f95123dbee5, rgb(255, 255, 255))\"\n },\n children: /*#__PURE__*/_jsx(\"strong\", {\n children: \"The spontaneous CTA\"\n })\n })\n }),\n className: \"framer-rs5523\",\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 style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"center\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: [\"Don't let customers slip away! Your website needs to showcase your product with a clear, easy sign-up process. Static buttons are easily missed. That's why you need engaging and interactive design for standout call-to-actions. In today's drop, \", /*#__PURE__*/_jsx(\"span\", {\n style: {\n \"--framer-text-color\": \"var(--token-da905d3a-8945-4e6b-9aca-9f95123dbee5, rgb(255, 255, 255))\"\n },\n children: \"I'll teach you how to create a 'spontaneous' call-to-action that will definitely increase clicks\"\n }), \".\"]\n })\n }),\n className: \"framer-6jpxhu\",\n verticalAlignment: \"top\",\n withExternalLayout: true\n })]\n }), /*#__PURE__*/_jsx(Container, {\n className: \"framer-1agtqox-container\",\n children: /*#__PURE__*/_jsx(Button, {\n height: \"100%\",\n id: \"pW7xXlY3_\",\n layoutId: \"pW7xXlY3_\",\n link: \"https://framer.com/projects/new?duplicate=9mqYJkuguu9wEaZLYO4Q\",\n title: \"View remix\",\n variant: \"THdxqGmcc\",\n width: \"100%\"\n })\n })]\n })\n }), /*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-az9wo4\",\n \"data-framer-name\": \"Tutorial\",\n name: \"Tutorial\",\n children: [/*#__PURE__*/_jsx(PropertyOverrides, {\n breakpoint: baseVariant,\n overrides: {\n j5tAhxLkb: {\n \"data-framer-appear-id\": \"1i9yh34\",\n animate: optimizeAppear(\"animate\", \"1i9yh34\", animation4, \"zmpdtc\"),\n initial: optimizeAppear(\"initial\", \"1i9yh34\", animation9, \"zmpdtc\"),\n transformTemplate: optimizeAppearTransformTemplate(\"1i9yh34\", transformTemplate)\n },\n tBpLHqTES: {\n \"data-framer-appear-id\": \"104dqsh\",\n animate: optimizeAppear(\"animate\", \"104dqsh\", animation4, \"1isazyx\"),\n initial: optimizeAppear(\"initial\", \"104dqsh\", animation9, \"1isazyx\"),\n transformTemplate: optimizeAppearTransformTemplate(\"104dqsh\", transformTemplate)\n }\n },\n children: /*#__PURE__*/_jsx(Container, {\n animate: optimizeAppear(\"animate\", \"o2oj1w\", animation4, \"sr8mjh\"),\n className: \"framer-o2oj1w-container\",\n \"data-framer-appear-id\": \"o2oj1w\",\n exit: animation10,\n initial: optimizeAppear(\"initial\", \"o2oj1w\", animation9, \"sr8mjh\"),\n transformTemplate: optimizeAppearTransformTemplate(\"o2oj1w\", transformTemplate),\n children: /*#__PURE__*/_jsx(PropertyOverrides, {\n breakpoint: baseVariant,\n overrides: {\n j5tAhxLkb: {\n canvasPlay: true,\n controls: true\n }\n },\n children: /*#__PURE__*/_jsx(Video, {\n backgroundColor: \"rgba(0, 0, 0, 0)\",\n borderRadius: 12,\n bottomLeftRadius: 12,\n bottomRightRadius: 12,\n canvasPlay: false,\n controls: false,\n height: \"100%\",\n id: \"ON1_zI9Vk\",\n isMixedBorderRadius: false,\n layoutId: \"ON1_zI9Vk\",\n loop: true,\n muted: true,\n objectFit: \"cover\",\n playing: true,\n posterEnabled: false,\n srcFile: new URL(\"https://framerusercontent.com/modules/assets/G6gugRHYD2kcicWWIJpjfxHRtU~JcgKlWMzGKMj7u7Cv7juuRHaZ4pOvEIGViY4cJA7qPE.mp4\").href,\n srcType: \"Upload\",\n srcUrl: \"https://assets.mixkit.co/videos/preview/mixkit-ice-cream-glass-of-red-soda-5094-small.mp4\",\n startTime: 0,\n style: {\n height: \"100%\",\n width: \"100%\"\n },\n topLeftRadius: 12,\n topRightRadius: 12,\n volume: 25,\n width: \"100%\"\n })\n })\n })\n }), /*#__PURE__*/_jsxs(MotionDivWithFX, {\n __framer__animate: {\n transition: transition2\n },\n __framer__animateOnce: true,\n __framer__enter: animation11,\n __framer__exit: animation10,\n __framer__styleAppearEffectEnabled: true,\n __framer__threshold: .5,\n __perspectiveFX: false,\n __targetOpacity: 1,\n className: \"framer-4xq9wv\",\n \"data-framer-name\": \"Text\",\n name: \"Text\",\n transformTemplate: transformTemplate,\n children: [/*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(\"p\", {\n className: \"framer-styles-preset-21ogod\",\n \"data-styles-preset\": \"xZndidUCt\",\n style: {\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-da905d3a-8945-4e6b-9aca-9f95123dbee5, rgb(255, 255, 255))\"\n },\n children: /*#__PURE__*/_jsx(\"strong\", {\n children: \"#1 - Create a navigation\"\n })\n })\n }),\n className: \"framer-10vhhl6\",\n verticalAlignment: \"top\",\n withExternalLayout: true\n }), /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsxs(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: [\"We are going to show a CTA in the navigation that slides in when the large CTA in the middle is out of view. For starters, let's create your navigation. \", /*#__PURE__*/_jsx(\"span\", {\n style: {\n \"--framer-text-color\": \"var(--token-da905d3a-8945-4e6b-9aca-9f95123dbee5, rgb(255, 255, 255))\"\n },\n children: \"Beware: Do not wrap the navigation inside a component.\"\n }), ' Once you\\'ve finished your navigation, just select your \"Sign in\" text layer and turn it into a new component, on which you will add a button.']\n })\n }),\n className: \"framer-e4o5wk\",\n verticalAlignment: \"top\",\n withExternalLayout: true\n }), /*#__PURE__*/_jsx(Container, {\n className: \"framer-gd5t0j-container\",\n children: /*#__PURE__*/_jsx(Video, {\n backgroundColor: \"rgba(0, 0, 0, 0)\",\n borderRadius: 12,\n bottomLeftRadius: 12,\n bottomRightRadius: 12,\n canvasPlay: false,\n controls: true,\n height: \"100%\",\n id: \"U5Loqe2Wb\",\n isMixedBorderRadius: false,\n layoutId: \"U5Loqe2Wb\",\n loop: true,\n muted: true,\n objectFit: \"cover\",\n playing: false,\n posterEnabled: false,\n srcFile: new URL(\"https://framerusercontent.com/modules/assets/Y1zOqtX5UHzON213cXtOFn7Mbc~EI6DvVJex3GsCkCRZuCdYzMddd4-ZIxRvcToxu3kKfs.mp4\").href,\n srcType: \"Upload\",\n srcUrl: \"https://assets.mixkit.co/videos/preview/mixkit-ice-cream-glass-of-red-soda-5094-small.mp4\",\n startTime: 0,\n style: {\n height: \"100%\",\n width: \"100%\"\n },\n topLeftRadius: 12,\n topRightRadius: 12,\n volume: 25,\n width: \"100%\"\n })\n })]\n }), /*#__PURE__*/_jsxs(MotionDivWithFX, {\n __framer__animate: {\n transition: transition2\n },\n __framer__animateOnce: true,\n __framer__enter: animation11,\n __framer__exit: animation10,\n __framer__styleAppearEffectEnabled: true,\n __framer__threshold: .5,\n __perspectiveFX: false,\n __targetOpacity: 1,\n className: \"framer-1rghc4g\",\n \"data-framer-name\": \"Text\",\n name: \"Text\",\n transformTemplate: transformTemplate,\n children: [/*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(\"p\", {\n className: \"framer-styles-preset-21ogod\",\n \"data-styles-preset\": \"xZndidUCt\",\n style: {\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-da905d3a-8945-4e6b-9aca-9f95123dbee5, rgb(255, 255, 255))\"\n },\n children: /*#__PURE__*/_jsx(\"strong\", {\n children: \"#2 - Create the CTA animation\"\n })\n })\n }),\n className: \"framer-2g9td7\",\n verticalAlignment: \"top\",\n withExternalLayout: true\n }), /*#__PURE__*/_jsx(PropertyOverrides, {\n breakpoint: baseVariant,\n overrides: {\n j5tAhxLkb: {\n children: /*#__PURE__*/_jsxs(React.Fragment, {\n children: [/*#__PURE__*/_jsx(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: \"Now that you've created the CTA component, you are ready to make the animation. \"\n }), /*#__PURE__*/_jsx(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: \"1: Set the height and width to: fixed.\"\n }), /*#__PURE__*/_jsx(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: \"2: Set the height and width of the CTA both to: 1px.\"\n }), /*#__PURE__*/_jsx(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: \"3: Set both the CTA and text to position: absolute. \"\n }), /*#__PURE__*/_jsx(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: \"4: Position the text to the right and position the button out of frame.\"\n }), /*#__PURE__*/_jsx(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: \"5: Create new variant and return everything to their original settings on the second variant. \"\n })]\n })\n }\n },\n children: /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsxs(React.Fragment, {\n children: [/*#__PURE__*/_jsx(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: \"Now that you've created the CTA component, you only need to create the animation:\"\n }), /*#__PURE__*/_jsx(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: /*#__PURE__*/_jsx(\"br\", {\n className: \"trailing-break\"\n })\n }), /*#__PURE__*/_jsx(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: \"1. Set the height and width to fixed.\"\n }), /*#__PURE__*/_jsx(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: \"2. Set both the height and width of the CTA to 1px.\"\n }), /*#__PURE__*/_jsx(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: \"3. Set both the CTA and text to position: absolute.\"\n }), /*#__PURE__*/_jsx(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: \"4. Position the text to the right and move the button out of frame.\"\n }), /*#__PURE__*/_jsx(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: \"5. Create a new variant and return everything to their original settings on the second variant.\"\n })]\n }),\n className: \"framer-1hktb4i\",\n verticalAlignment: \"top\",\n withExternalLayout: true\n })\n }), /*#__PURE__*/_jsx(Container, {\n className: \"framer-152xmc0-container\",\n children: /*#__PURE__*/_jsx(Video, {\n backgroundColor: \"rgba(0, 0, 0, 0)\",\n borderRadius: 12,\n bottomLeftRadius: 12,\n bottomRightRadius: 12,\n canvasPlay: false,\n controls: true,\n height: \"100%\",\n id: \"q9sZ3bS5i\",\n isMixedBorderRadius: false,\n layoutId: \"q9sZ3bS5i\",\n loop: true,\n muted: true,\n objectFit: \"cover\",\n playing: false,\n posterEnabled: false,\n srcFile: new URL(\"https://framerusercontent.com/modules/assets/0QeNX0mPBJZOmrzrpwfug8ptlOw~cRxw3jMkX5RNWIrGw0TmsLP1npMMMcxY2DkI90EuZ14.mp4\").href,\n srcType: \"Upload\",\n srcUrl: \"https://assets.mixkit.co/videos/preview/mixkit-ice-cream-glass-of-red-soda-5094-small.mp4\",\n startTime: 0,\n style: {\n height: \"100%\",\n width: \"100%\"\n },\n topLeftRadius: 12,\n topRightRadius: 12,\n volume: 25,\n width: \"100%\"\n })\n })]\n }), /*#__PURE__*/_jsxs(MotionDivWithFX, {\n __framer__animate: {\n transition: transition2\n },\n __framer__animateOnce: true,\n __framer__enter: animation11,\n __framer__exit: animation10,\n __framer__styleAppearEffectEnabled: true,\n __framer__threshold: .5,\n __perspectiveFX: false,\n __targetOpacity: 1,\n className: \"framer-w4n6xs\",\n \"data-framer-name\": \"Text\",\n name: \"Text\",\n transformTemplate: transformTemplate,\n children: [/*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(\"p\", {\n className: \"framer-styles-preset-21ogod\",\n \"data-styles-preset\": \"xZndidUCt\",\n style: {\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-da905d3a-8945-4e6b-9aca-9f95123dbee5, rgb(255, 255, 255))\"\n },\n children: /*#__PURE__*/_jsx(\"strong\", {\n children: \"#3 - Create the scroll effect\"\n })\n })\n }),\n className: \"framer-1q4irnr\",\n verticalAlignment: \"top\",\n withExternalLayout: true\n }), /*#__PURE__*/_jsx(PropertyOverrides, {\n breakpoint: baseVariant,\n overrides: {\n j5tAhxLkb: {\n children: /*#__PURE__*/_jsxs(React.Fragment, {\n children: [/*#__PURE__*/_jsx(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: \"Now that you've created all the components. All you need to add is the effect, we will use the Scroll Variant effect. Before we will add the effect we will need to add a Scroll section to the large CTA in the middle. This will make sure that if the large CTA scrolls out of frame, the new CTA will slide in.\"\n }), /*#__PURE__*/_jsx(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: \"1: Select the CTA button and add a Scroll Section.\"\n }), /*#__PURE__*/_jsx(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: \"2: Select the sign in / CTA component in your navigation and add a Scroll Variant effect.\"\n }), /*#__PURE__*/_jsx(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: \"3: Follow the settings from the video and your Spontaneous CTA will be finished.\"\n })]\n })\n }\n },\n children: /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsxs(React.Fragment, {\n children: [/*#__PURE__*/_jsx(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: \"Now that you've created all the components, all you need to do is add the effect. We will use the Scroll Variant effect. Before we add the effect, we need to add a Scroll section to the large CTA in the middle. This will ensure that if the large CTA scrolls out of frame, the new CTA will slide in.\"\n }), /*#__PURE__*/_jsx(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: /*#__PURE__*/_jsx(\"br\", {\n className: \"trailing-break\"\n })\n }), /*#__PURE__*/_jsx(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: \"1. Select the large CTA button and add a Scroll Section.\"\n }), /*#__PURE__*/_jsx(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: \"2. Select the sign-in/CTA component in your navigation and add a Scroll Variant effect.\"\n }), /*#__PURE__*/_jsx(\"p\", {\n style: {\n \"--framer-font-size\": \"14px\",\n \"--framer-letter-spacing\": \"-0.3px\",\n \"--framer-line-height\": \"1.7em\",\n \"--framer-text-alignment\": \"left\",\n \"--framer-text-color\": \"var(--token-38531470-33ad-495d-8298-34f02b2caae4, rgb(147, 147, 147))\"\n },\n children: \"3. Follow the settings from the video, and your Spontaneous CTA will be finished.\"\n })]\n }),\n className: \"framer-12p9g9z\",\n verticalAlignment: \"top\",\n withExternalLayout: true\n })\n }), /*#__PURE__*/_jsx(Container, {\n className: \"framer-1q2l7kh-container\",\n children: /*#__PURE__*/_jsx(Video, {\n backgroundColor: \"rgba(0, 0, 0, 0)\",\n borderRadius: 12,\n bottomLeftRadius: 12,\n bottomRightRadius: 12,\n canvasPlay: false,\n controls: true,\n height: \"100%\",\n id: \"i1zun72Dn\",\n isMixedBorderRadius: false,\n layoutId: \"i1zun72Dn\",\n loop: true,\n muted: true,\n objectFit: \"cover\",\n playing: false,\n posterEnabled: false,\n srcFile: new URL(\"https://framerusercontent.com/modules/assets/1BxH36hUTokpvCnf8WNA2r2FMiM~2WDjXtBLiJ7IdJXEf-V4QYamCxs_SmaG4crUUHtUeCg.mp4\").href,\n srcType: \"Upload\",\n srcUrl: \"https://assets.mixkit.co/videos/preview/mixkit-ice-cream-glass-of-red-soda-5094-small.mp4\",\n startTime: 0,\n style: {\n height: \"100%\",\n width: \"100%\"\n },\n topLeftRadius: 12,\n topRightRadius: 12,\n volume: 25,\n width: \"100%\"\n })\n })]\n }), /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(\"p\", {\n className: \"framer-styles-preset-21ogod\",\n \"data-styles-preset\": \"xZndidUCt\",\n style: {\n \"--framer-text-alignment\": \"center\",\n \"--framer-text-color\": \"var(--token-da905d3a-8945-4e6b-9aca-9f95123dbee5, rgb(255, 255, 255))\"\n },\n children: /*#__PURE__*/_jsx(\"strong\", {\n children: \"\uD83D\uDC4B I hope you've enjoyed today's drop.\"\n })\n })\n }),\n className: \"framer-1n5mzx2\",\n verticalAlignment: \"top\",\n withExternalLayout: true\n })]\n }), isDisplayed() && /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-10h04f8 hidden-zmpdtc\",\n transformTemplate: transformTemplate1\n }), isDisplayed() && /*#__PURE__*/_jsx(PropertyOverrides, {\n breakpoint: baseVariant,\n overrides: {\n tBpLHqTES: {\n transformTemplate: transformTemplate3\n }\n },\n children: /*#__PURE__*/_jsx(motion.div, {\n className: \"framer-11nkqrc hidden-zmpdtc\",\n transformTemplate: transformTemplate2\n })\n })]\n }), /*#__PURE__*/_jsx(\"div\", {\n id: \"overlay\"\n })]\n })\n })\n });\n});\nconst css = ['.framer-SnrJH [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: var(--token-381b715a-2b1f-408b-a49c-bd3ab86ccdf3, rgb(22, 22, 22)) /* {\"name\":\"dark black\"} */; }`, \".framer-SnrJH .framer-jonz4n { display: block; }\", \".framer-SnrJH .framer-sr8mjh { align-content: center; align-items: center; background-color: var(--token-381b715a-2b1f-408b-a49c-bd3ab86ccdf3, #161616); 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-SnrJH .framer-1bc8clk-container { flex: none; height: auto; max-width: 400px; position: relative; width: 100%; }\", \".framer-SnrJH .framer-u2zgya { 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-SnrJH .framer-2cchgj-container { flex: none; height: auto; position: relative; transform: perspective(1200px); width: auto; }\", \".framer-SnrJH .framer-e94dfa { --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-SnrJH .framer-1xwvsqh { --framer-paragraph-spacing: 0px; flex: none; height: auto; position: relative; transform: perspective(1200px); white-space: pre; width: auto; }\", \".framer-SnrJH .framer-15vn4j1 { 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 0px 0px; position: relative; transform: perspective(1200px); width: 800px; z-index: 4; }\", \".framer-SnrJH .framer-1srioq8-container, .framer-SnrJH .framer-1agtqox-container { flex: none; height: auto; position: relative; width: auto; }\", \".framer-SnrJH .framer-jmd2hp { 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: 0px 0px 40px 0px; position: relative; width: min-content; }\", \".framer-SnrJH .framer-rs5523, .framer-SnrJH .framer-6jpxhu { --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: 800px; word-break: break-word; word-wrap: break-word; }\", \".framer-SnrJH .framer-az9wo4 { 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: 64px 0px 24px 0px; position: relative; width: 800px; z-index: 6; }\", \".framer-SnrJH .framer-o2oj1w-container { aspect-ratio: 1.7857142857142858 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 450px); position: relative; transform: perspective(1200px); width: 100%; }\", \".framer-SnrJH .framer-4xq9wv { 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: 120px 0px 12px 0px; position: relative; transform: perspective(1200px); width: 800px; }\", \".framer-SnrJH .framer-10vhhl6, .framer-SnrJH .framer-e4o5wk, .framer-SnrJH .framer-2g9td7, .framer-SnrJH .framer-1hktb4i, .framer-SnrJH .framer-1q4irnr, .framer-SnrJH .framer-12p9g9z { --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-SnrJH .framer-gd5t0j-container, .framer-SnrJH .framer-152xmc0-container, .framer-SnrJH .framer-1q2l7kh-container { aspect-ratio: 1.7857142857142858 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 543px); position: relative; width: 100%; }\", \".framer-SnrJH .framer-1rghc4g { 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 12px 0px; position: relative; transform: perspective(1200px); width: 800px; }\", \".framer-SnrJH .framer-w4n6xs { 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 24px 0px; position: relative; transform: perspective(1200px); width: 800px; }\", \".framer-SnrJH .framer-1n5mzx2 { --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: 100%; word-break: break-word; word-wrap: break-word; }\", \".framer-SnrJH .framer-10h04f8 { 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-SnrJH .framer-11nkqrc { 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-SnrJH .framer-sr8mjh, .framer-SnrJH .framer-u2zgya, .framer-SnrJH .framer-15vn4j1, .framer-SnrJH .framer-jmd2hp, .framer-SnrJH .framer-az9wo4, .framer-SnrJH .framer-4xq9wv, .framer-SnrJH .framer-1rghc4g, .framer-SnrJH .framer-w4n6xs { gap: 0px; } .framer-SnrJH .framer-sr8mjh > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-SnrJH .framer-sr8mjh > :first-child, .framer-SnrJH .framer-u2zgya > :first-child, .framer-SnrJH .framer-15vn4j1 > :first-child, .framer-SnrJH .framer-jmd2hp > :first-child, .framer-SnrJH .framer-az9wo4 > :first-child, .framer-SnrJH .framer-4xq9wv > :first-child, .framer-SnrJH .framer-1rghc4g > :first-child, .framer-SnrJH .framer-w4n6xs > :first-child { margin-top: 0px; } .framer-SnrJH .framer-sr8mjh > :last-child, .framer-SnrJH .framer-u2zgya > :last-child, .framer-SnrJH .framer-15vn4j1 > :last-child, .framer-SnrJH .framer-jmd2hp > :last-child, .framer-SnrJH .framer-az9wo4 > :last-child, .framer-SnrJH .framer-4xq9wv > :last-child, .framer-SnrJH .framer-1rghc4g > :last-child, .framer-SnrJH .framer-w4n6xs > :last-child { margin-bottom: 0px; } .framer-SnrJH .framer-u2zgya > *, .framer-SnrJH .framer-15vn4j1 > *, .framer-SnrJH .framer-jmd2hp > *, .framer-SnrJH .framer-az9wo4 > *, .framer-SnrJH .framer-4xq9wv > *, .framer-SnrJH .framer-1rghc4g > *, .framer-SnrJH .framer-w4n6xs > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } }\", \"@media (min-width: 1200px) { .framer-SnrJH .hidden-sr8mjh { display: none !important; } }\", `@media (min-width: 810px) and (max-width: 1199px) { .framer-SnrJH .hidden-1isazyx { display: none !important; } .${metadata.bodyClassName} { background: var(--token-381b715a-2b1f-408b-a49c-bd3ab86ccdf3, rgb(22, 22, 22)) /* {\"name\":\"dark black\"} */; } .framer-SnrJH .framer-sr8mjh { width: 810px; } .framer-SnrJH .framer-1bc8clk-container { order: 0; } .framer-SnrJH .framer-u2zgya { order: 1; } .framer-SnrJH .framer-15vn4j1 { order: 2; width: 500px; } .framer-SnrJH .framer-jmd2hp, .framer-SnrJH .framer-rs5523 { width: 100%; } .framer-SnrJH .framer-6jpxhu { width: 500px; } .framer-SnrJH .framer-az9wo4 { order: 5; width: 100%; } .framer-SnrJH .framer-o2oj1w-container { height: var(--framer-aspect-ratio-supported, 405px); width: 720px; } .framer-SnrJH .framer-4xq9wv, .framer-SnrJH .framer-1rghc4g, .framer-SnrJH .framer-w4n6xs { width: 720px; } .framer-SnrJH .framer-gd5t0j-container, .framer-SnrJH .framer-1q2l7kh-container { height: var(--framer-aspect-ratio-supported, 489px); } .framer-SnrJH .framer-152xmc0-container { height: var(--framer-aspect-ratio-supported, 488px); } .framer-SnrJH .framer-10h04f8 { bottom: -290px; left: -142px; order: 3; } .framer-SnrJH .framer-11nkqrc { bottom: -20px; left: -595px; order: 4; transform: rotate(68deg); }}`, `@media (max-width: 809px) { .framer-SnrJH .hidden-zmpdtc { display: none !important; } .${metadata.bodyClassName} { background: var(--token-381b715a-2b1f-408b-a49c-bd3ab86ccdf3, rgb(22, 22, 22)) /* {\"name\":\"dark black\"} */; } .framer-SnrJH .framer-sr8mjh { padding: 12px 24px 120px 24px; width: 390px; } .framer-SnrJH .framer-15vn4j1, .framer-SnrJH .framer-rs5523, .framer-SnrJH .framer-6jpxhu, .framer-SnrJH .framer-az9wo4, .framer-SnrJH .framer-10vhhl6, .framer-SnrJH .framer-e4o5wk, .framer-SnrJH .framer-2g9td7, .framer-SnrJH .framer-1hktb4i, .framer-SnrJH .framer-w4n6xs, .framer-SnrJH .framer-1q4irnr, .framer-SnrJH .framer-12p9g9z { width: 100%; } .framer-SnrJH .framer-jmd2hp { padding: 0px 0px 64px 0px; width: 100%; } .framer-SnrJH .framer-o2oj1w-container { height: var(--framer-aspect-ratio-supported, 193px); } .framer-SnrJH .framer-4xq9wv { padding: 120px 0px 24px 0px; width: 100%; } .framer-SnrJH .framer-gd5t0j-container, .framer-SnrJH .framer-152xmc0-container, .framer-SnrJH .framer-1q2l7kh-container { height: var(--framer-aspect-ratio-supported, 232px); } .framer-SnrJH .framer-1rghc4g { padding: 80px 0px 24px 0px; width: 100%; }}`, ...sharedStyle.css, ...sharedStyle1.css, ...sharedStyle2.css, ...sharedStyle3.css]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 3792\n * @framerIntrinsicWidth 1200\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"tBpLHqTES\":{\"layout\":[\"fixed\",\"auto\"]},\"j5tAhxLkb\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerResponsiveScreen\n */\nconst Framerjd20mAld1 = withCSS(Component, css, \"framer-SnrJH\");\nexport default Framerjd20mAld1;\nFramerjd20mAld1.displayName = \"Day 2\";\nFramerjd20mAld1.defaultProps = {\n height: 3792,\n width: 1200\n};\naddFonts(Framerjd20mAld1, [...EnjoyFramerFonts, ...GoBackFonts, ...LabelFonts, ...ButtonFonts, ...VideoFonts, ...sharedStyle.fonts, ...sharedStyle1.fonts, ...sharedStyle2.fonts, ...sharedStyle3.fonts]);\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"Framerjd20mAld1\",\n \"slots\": [],\n \"annotations\": {\n \"framerIntrinsicHeight\": \"3792\",\n \"framerResponsiveScreen\": \"\",\n \"framerContractVersion\": \"1\",\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"tBpLHqTES\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"j5tAhxLkb\\\":{\\\"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": ["EnjoyFramerFonts", "getFonts", "poBgyQmop_default", "GoBackFonts", "fP3kkBQ1g_default", "LabelFonts", "g6U2JTm_K_default", "ButtonFonts", "U_qw4CDPP_default", "VideoFonts", "Video", "MotionDivWithFX", "withFX", "motion", "breakpoints", "isBrowser", "variantClassNames", "removeHiddenBreakpointLayers", "humanReadableVariantMap", "transitions", "transition1", "animation", "transformTemplate", "_", "t", "animation1", "animation2", "transition2", "animation3", "animation4", "transition3", "animation5", "animation6", "transition4", "animation7", "animation8", "animation9", "animation10", "animation11", "transformTemplate1", "transformTemplate2", "transformTemplate3", "metadata", "jd20mAld1_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", "U_qw4CDPP_default", "Video", "MotionDivWithFX", "css", "Framerjd20mAld1", "withCSS", "addFonts", "EnjoyFramerFonts", "GoBackFonts", "LabelFonts", "ButtonFonts", "VideoFonts", "fonts", "__FramerMetadata__"] }