{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/lfxajMLfM3unArGKPXEQ/EB7Qj5hLloQbRUk6dlXR/lghhZBZsi.js", "ssg:https://framerusercontent.com/modules/9R2EAVnrcy53XNHG5ZH6/fIjhKxpZKOdDclGLKlXA/Nk2KEJ3At.js"],
  "sourcesContent": ["// Generated by Framer (b814472)\nimport { jsx as _jsx } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, RichText, useActiveVariantCallback, useOnVariantChange, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport * as sharedStyle from \"https://framerusercontent.com/modules/khlEOF5aEHwIsYCFTAdG/zyXvxuY2U6K2QCGwBFik/LFCMKdqSA.js\";\nconst cycleOrder = [\"FIdPuvmf0\", \"B4lF00RhV\", \"pFvjNWDkV\"];\nconst variantClassNames = {\n  B4lF00RhV: \"framer-v-1ptulpf\",\n  FIdPuvmf0: \"framer-v-ezkz2o\",\n  pFvjNWDkV: \"framer-v-13f0e81\"\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\": \"FIdPuvmf0\",\n  \"Variant 2\": \"B4lF00RhV\",\n  \"Variant 3\": \"pFvjNWDkV\"\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: \"tween\"\n  }\n};\nconst BASE62 = \"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";\nfunction useRandomID() {\n  const ref = React.useRef(null);\n  if (ref.current === null) {\n    ref.current = Array(5).fill(0).map(() => BASE62[Math.floor(Math.random() * BASE62.length)]).join(\"\");\n  }\n  return ref.current;\n}\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n  id,\n  style: externalStyle = {},\n  className,\n  width,\n  height,\n  layoutId,\n  variant: outerVariant = \"FIdPuvmf0\",\n  title: GkxrXaFFl = \"DESIGN\",\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: \"FIdPuvmf0\",\n    transitions,\n    variant,\n    variantClassNames\n  });\n  const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\n  const {\n    activeVariantCallback,\n    delay\n  } = useActiveVariantCallback(baseVariant);\n  const onAppear1suovuh = activeVariantCallback(async (...args) => {\n    await delay(() => setVariant(\"B4lF00RhV\"), 3e3);\n  });\n  const onAppearnj9nzq = activeVariantCallback(async (...args) => {\n    await delay(() => setVariant(\"pFvjNWDkV\"), 3e3);\n  });\n  const onAppear19ia8x2 = activeVariantCallback(async (...args) => {\n    await delay(() => setVariant(\"FIdPuvmf0\"), 3e3);\n  });\n  useOnVariantChange(baseVariant, {\n    B4lF00RhV: onAppearnj9nzq,\n    default: onAppear1suovuh,\n    pFvjNWDkV: onAppear19ia8x2\n  });\n  const defaultLayoutId = useRandomID();\n  const {\n    pointerEvents,\n    ...style\n  } = externalStyle;\n  return /*#__PURE__*/_jsx(LayoutGroup, {\n    id: layoutId !== null && layoutId !== void 0 ? layoutId : defaultLayoutId,\n    children: /*#__PURE__*/_jsx(motion.div, {\n      \"data-framer-generated\": true,\n      initial: variant,\n      animate: variants,\n      onHoverStart: () => setGestureState({\n        isHovered: true\n      }),\n      onHoverEnd: () => setGestureState({\n        isHovered: false\n      }),\n      onTapStart: () => setGestureState({\n        isPressed: true\n      }),\n      onTap: () => setGestureState({\n        isPressed: false\n      }),\n      onTapCancel: () => setGestureState({\n        isPressed: false\n      }),\n      className: cx(\"framer-S6Du7\", sharedStyle.className, classNames),\n      style: {\n        display: \"contents\",\n        pointerEvents: pointerEvents !== null && pointerEvents !== void 0 ? pointerEvents : undefined\n      },\n      children: /*#__PURE__*/_jsx(motion.div, {\n        ...restProps,\n        className: cx(\"framer-ezkz2o\", className),\n        \"data-framer-name\": \"Variant 1\",\n        \"data-highlight\": true,\n        layoutDependency: layoutDependency,\n        layoutId: \"FIdPuvmf0\",\n        ref: ref,\n        style: {\n          ...style\n        },\n        transition: transition,\n        ...addPropertyOverrides({\n          B4lF00RhV: {\n            \"data-framer-name\": \"Variant 2\"\n          },\n          pFvjNWDkV: {\n            \"data-framer-name\": \"Variant 3\"\n          }\n        }, baseVariant, gestureVariant),\n        children: /*#__PURE__*/_jsx(RichText, {\n          __fromCanvasComponent: true,\n          children: /*#__PURE__*/_jsx(React.Fragment, {\n            children: /*#__PURE__*/_jsx(motion.h1, {\n              className: \"framer-styles-preset-17ypdu8\",\n              \"data-styles-preset\": \"LFCMKdqSA\",\n              style: {\n                \"--framer-text-color\": \"var(--extracted-gdpscs)\"\n              },\n              children: \"DESIGN\"\n            })\n          }),\n          className: \"framer-v01mo\",\n          layoutDependency: layoutDependency,\n          layoutId: \"T2wt6X50z\",\n          style: {\n            \"--extracted-gdpscs\": \"var(--token-69996f88-c2d6-4bf0-8594-76432ed4b05c, rgb(49, 189, 214)) \",\n            \"--framer-link-text-color\": \"rgb(0, 153, 255)\",\n            \"--framer-link-text-decoration\": \"underline\",\n            \"--framer-paragraph-spacing\": \"0px\"\n          },\n          text: GkxrXaFFl,\n          transformTemplate: (_, t) => `translateY(-50%) ${t}`,\n          transition: transition,\n          variants: {\n            B4lF00RhV: {\n              \"--extracted-gdpscs\": \"var(--token-dccb0f88-ae9a-488a-8637-abcb3903ab54, rgb(236, 111, 213)) \"\n            },\n            pFvjNWDkV: {\n              \"--extracted-gdpscs\": \"var(--token-b27f7fcf-7fc1-4f93-ad87-7ca7205055e3, rgb(234, 149, 158)) \"\n            }\n          },\n          verticalAlignment: \"top\",\n          withExternalLayout: true\n        })\n      })\n    })\n  });\n});\nconst css = ['.framer-S6Du7 [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-S6Du7 * { box-sizing: border-box; }\", \".framer-S6Du7 .framer-ezkz2o { height: 140px; overflow: visible; position: relative; width: 490px; }\", \".framer-S6Du7 .framer-v01mo { cursor: default; flex: none; height: auto; position: absolute; right: 0px; top: 50%; white-space: pre; width: auto; }\", ...sharedStyle.css]; /**\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         * This is a generated Framer component.\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         * @framerIntrinsicHeight 140\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         * @framerIntrinsicWidth 490\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]},\"B4lF00RhV\":{\"layout\":[\"fixed\",\"fixed\"]},\"pFvjNWDkV\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         * @framerVariables {\"GkxrXaFFl\":\"title\"}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                         */\nconst FramerlghhZBZsi = withCSS(Component, css);\nexport default FramerlghhZBZsi;\nFramerlghhZBZsi.displayName = \"design\";\nFramerlghhZBZsi.defaultProps = {\n  height: 140,\n  width: 490\n};\naddPropertyControls(FramerlghhZBZsi, {\n  variant: {\n    options: [\"FIdPuvmf0\", \"B4lF00RhV\", \"pFvjNWDkV\"],\n    optionTitles: [\"Variant 1\", \"Variant 2\", \"Variant 3\"],\n    title: \"Variant\",\n    type: ControlType.Enum\n  },\n  GkxrXaFFl: {\n    defaultValue: \"DESIGN\",\n    displayTextArea: false,\n    title: \"Title\",\n    type: ControlType.String\n  }\n});\naddFonts(FramerlghhZBZsi, [...sharedStyle.fonts]);\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"Props\": {\n      \"type\": \"tsType\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"FramerlghhZBZsi\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"B4lF00RhV\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"pFvjNWDkV\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\n        \"framerIntrinsicWidth\": \"490\",\n        \"framerContractVersion\": \"1\",\n        \"framerIntrinsicHeight\": \"140\",\n        \"framerVariables\": \"{\\\"GkxrXaFFl\\\":\\\"title\\\"}\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};", "import { fontStore } from \"framer\";\nfontStore.loadWebFontsFromSelectors([\"CUSTOM;PP Migra Italic Extrabold Italic\"]);\nexport const fonts = [{\n  family: \"PP Migra Italic Extrabold Italic\",\n  moduleAsset: {\n    localModuleIdentifier: \"local-module:css/Nk2KEJ3At:default\",\n    url: \"assets/4thwIOvYFOFhAXrzDsrImh1qlw.ttf\"\n  },\n  url: new URL(\"https://framerusercontent.com/modules/assets/4thwIOvYFOFhAXrzDsrImh1qlw~qwrXOQhxSB17CsgJlKQ2QlaYBYgSiTSToshyFBLf52I.ttf\").href\n}];\nexport const css = ['.framer-WjYAJ .framer-styles-preset-1ew3djq:not(.rich-text-wrapper), .framer-WjYAJ .framer-styles-preset-1ew3djq.rich-text-wrapper h1, .framer-WjYAJ .framer-styles-preset-1ew3djq.rich-text-wrapper [data-preset-tag=\"h1\"] { --framer-font-family: \"PP Migra Italic Extrabold Italic\", serif; --framer-font-size: 100px; --framer-font-style: normal; --framer-font-weight: 400; --framer-letter-spacing: 0px; --framer-line-height: 100%; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-69996f88-c2d6-4bf0-8594-76432ed4b05c, #31bdd6); --framer-text-decoration: none; --framer-text-transform: none; }', '@media (max-width: 1199px) and (min-width: 810px) { .framer-WjYAJ .framer-styles-preset-1ew3djq:not(.rich-text-wrapper), .framer-WjYAJ .framer-styles-preset-1ew3djq.rich-text-wrapper h1, .framer-WjYAJ .framer-styles-preset-1ew3djq.rich-text-wrapper [data-preset-tag=\"h1\"] { --framer-font-family: \"PP Migra Italic Extrabold Italic\", serif; --framer-font-size: 80px; --framer-font-style: normal; --framer-font-weight: 400; --framer-letter-spacing: 0px; --framer-line-height: 100%; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-69996f88-c2d6-4bf0-8594-76432ed4b05c, #31bdd6); --framer-text-decoration: none; --framer-text-transform: none; } }', '@media (max-width: 809px) and (min-width: 0px) { .framer-WjYAJ .framer-styles-preset-1ew3djq:not(.rich-text-wrapper), .framer-WjYAJ .framer-styles-preset-1ew3djq.rich-text-wrapper h1, .framer-WjYAJ .framer-styles-preset-1ew3djq.rich-text-wrapper [data-preset-tag=\"h1\"] { --framer-font-family: \"PP Migra Italic Extrabold Italic\", serif; --framer-font-size: 72px; --framer-font-style: normal; --framer-font-weight: 400; --framer-letter-spacing: 0px; --framer-line-height: 100%; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-69996f88-c2d6-4bf0-8594-76432ed4b05c, #31bdd6); --framer-text-decoration: none; --framer-text-transform: none; } }'];\nexport const className = \"framer-WjYAJ\";\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"className\": {\n      \"type\": \"variable\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"fonts\": {\n      \"type\": \"variable\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"css\": {\n      \"type\": \"variable\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};"],
  "mappings": "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",
  "names": ["cycleOrder", "variantClassNames", "addPropertyOverrides", "overrides", "variants", "nextOverrides", "variant", "humanReadableVariantMap", "transitions", "BASE62", "useRandomID", "ref", "pe", "Component", "Y", "id", "externalStyle", "className", "width", "height", "layoutId", "outerVariant", "GkxrXaFFl", "restProps", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "useVariantState", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onAppear1suovuh", "args", "onAppearnj9nzq", "onAppear19ia8x2", "useOnVariantChange", "defaultLayoutId", "pointerEvents", "style", "p", "LayoutGroup", "motion", "cx", "RichText", "x", "_", "t", "css", "FramerlghhZBZsi", "withCSS", "lghhZBZsi_default", "addPropertyControls", "ControlType", "addFonts", "fonts", "fontStore", "fonts", "css", "className"]
}