{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/ymlNgsV9jnUZg8UKjQK6/tieA0z4IaarQHTqbWsLs/DVwzZrur_.js"],
  "sourcesContent": ["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\"; // Generated by Framer (94d090c)\nimport * as React from \"react\";\nimport { motion, LayoutGroup } from \"framer-motion\";\nimport { useOnVariantChange, useActiveVariantCallback, addFonts, withCSS, addPropertyControls, ControlType, cx, useAddVariantProps, useVariantState, Stack } from \"framer\";\nimport { useRandomID } from \"https://framer.com/m/framer/randomID.js@^2.0.0\";\nconst cycleOrder = [\"mDBENQWTt\", \"B0BJ4MF88\", \"Tk5XHmM4B\", \"TmBXwqP95\"];\nconst variantClassNames = {\n  \"mDBENQWTt\": \"framer-v-1br7lcc\",\n  \"B0BJ4MF88\": \"framer-v-1ogjop6\",\n  \"Tk5XHmM4B\": \"framer-v-sugsun\",\n  \"TmBXwqP95\": \"framer-v-1f47ba\"\n};\nconst humanReadableVariantMap = {\n  \"1\": \"mDBENQWTt\",\n  \"2\": \"B0BJ4MF88\",\n  \"3\": \"Tk5XHmM4B\",\n  \"4\": \"TmBXwqP95\"\n};\nconst transitions = {\n  \"default\": {\n    \"type\": \"spring\",\n    \"ease\": [0.44, 0, 0.56, 1],\n    \"duration\": 0.3,\n    \"delay\": 0,\n    \"stiffness\": 500,\n    \"damping\": 60,\n    \"mass\": 3\n  }\n};\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n  style,\n  className,\n  layoutId,\n  width,\n  height,\n  variant: outerVariant = \"mDBENQWTt\",\n  color: Cj6LBuaDo = \"var(--token-8c222cd7-6ab9-49b1-b91d-7b6801acf2f2, rgb(199, 199, 199)) /* {\\\"name\\\":\\\"Placeholder\\\"} */\",\n  ...restProps\n}, ref) {\n  const outerVariantId = humanReadableVariantMap[outerVariant];\n  const variant = outerVariantId || outerVariant;\n  const {\n    variants,\n    baseVariant,\n    gestureVariant,\n    classNames,\n    transition,\n    setVariant,\n    setGestureState\n  } = useVariantState({\n    defaultVariant: \"mDBENQWTt\",\n    variant,\n    transitions,\n    variantClassNames,\n    cycleOrder\n  });\n  const {\n    activeVariantCallback,\n    delay\n  } = useActiveVariantCallback(baseVariant);\n  const onAppear1br7lcc = activeVariantCallback(async (...args) => {\n    await delay(() => setVariant(\"B0BJ4MF88\"), 500);\n  });\n  const onAppear1ogjop6 = activeVariantCallback(async (...args) => {\n    await delay(() => setVariant(\"Tk5XHmM4B\"), 500);\n  });\n  const onAppearsugsun = activeVariantCallback(async (...args) => {\n    await delay(() => setVariant(\"TmBXwqP95\"), 500);\n  });\n  const onAppear1f47ba = activeVariantCallback(async (...args) => {\n    await delay(() => setVariant(\"mDBENQWTt\"), 500);\n  });\n  useOnVariantChange(baseVariant, {\n    \"default\": onAppear1br7lcc,\n    \"B0BJ4MF88\": onAppear1ogjop6,\n    \"Tk5XHmM4B\": onAppearsugsun,\n    \"TmBXwqP95\": onAppear1f47ba\n  });\n  const variantProps = React.useMemo(() => ({\n    \"B0BJ4MF88\": {\n      \"mDBENQWTt\": {\n        \"center\": false,\n        \"data-framer-name\": \"2\",\n        \"data-highlight\": true,\n        \"__contentWrapperStyle\": {\n          \"width\": \"100%\",\n          \"height\": \"100%\",\n          \"padding\": \"0px 0px 0px 0px\"\n        }\n      }\n    },\n    \"Tk5XHmM4B\": {\n      \"mDBENQWTt\": {\n        \"center\": false,\n        \"data-framer-name\": \"3\",\n        \"data-highlight\": true,\n        \"__contentWrapperStyle\": {\n          \"width\": \"100%\",\n          \"height\": \"100%\",\n          \"padding\": \"0px 0px 0px 0px\"\n        }\n      }\n    },\n    \"TmBXwqP95\": {\n      \"mDBENQWTt\": {\n        \"center\": false,\n        \"data-framer-name\": \"4\",\n        \"data-highlight\": true,\n        \"__contentWrapperStyle\": {\n          \"width\": \"100%\",\n          \"height\": \"100%\",\n          \"padding\": \"0px 0px 0px 0px\"\n        }\n      }\n    }\n  }), []);\n  const addVariantProps = useAddVariantProps(baseVariant, gestureVariant, variantProps);\n  const defaultLayoutId = useRandomID();\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-RKpg2\", classNames),\n      style: {\n        \"display\": \"contents\"\n      },\n      children: /*#__PURE__*/_jsxs(Stack, {\n        ...restProps,\n        layoutId: \"mDBENQWTt\",\n        className: cx(\"framer-1br7lcc\", className),\n        style: {\n          ...style\n        },\n        background: null,\n        direction: \"horizontal\",\n        distribution: \"center\",\n        alignment: \"center\",\n        gap: 2,\n        __fromCanvasComponent: true,\n        __contentWrapperStyle: {\n          \"width\": \"100%\",\n          \"height\": \"100%\",\n          \"padding\": \"0px 0px 0px 0px\"\n        },\n        center: false,\n        \"data-highlight\": true,\n        \"data-framer-name\": \"1\",\n        transition: transition,\n        ref: ref,\n        ...addVariantProps(\"mDBENQWTt\"),\n        children: [/*#__PURE__*/_jsx(motion.div, {\n          layoutId: \"KHCgypKel\",\n          className: \"framer-1f07koi\",\n          style: {\n            \"borderBottomLeftRadius\": 5,\n            \"borderBottomRightRadius\": 5,\n            \"borderTopRightRadius\": 5,\n            \"borderTopLeftRadius\": 5,\n            \"backgroundColor\": Cj6LBuaDo,\n            \"opacity\": 1\n          },\n          variants: {\n            \"B0BJ4MF88\": {\n              \"opacity\": 0.5\n            },\n            \"Tk5XHmM4B\": {\n              \"opacity\": 0.5\n            },\n            \"TmBXwqP95\": {\n              \"opacity\": 0.5\n            }\n          },\n          transition: transition,\n          ...addVariantProps(\"KHCgypKel\")\n        }), /*#__PURE__*/_jsx(motion.div, {\n          layoutId: \"lUI3vKuY2\",\n          className: \"framer-1mj7gsd\",\n          style: {\n            \"borderBottomLeftRadius\": 5,\n            \"borderBottomRightRadius\": 5,\n            \"borderTopRightRadius\": 5,\n            \"borderTopLeftRadius\": 5,\n            \"backgroundColor\": Cj6LBuaDo,\n            \"opacity\": 0.5\n          },\n          variants: {\n            \"B0BJ4MF88\": {\n              \"opacity\": 1\n            },\n            \"TmBXwqP95\": {\n              \"opacity\": 1\n            }\n          },\n          transition: transition,\n          ...addVariantProps(\"lUI3vKuY2\")\n        }), /*#__PURE__*/_jsx(motion.div, {\n          layoutId: \"oZeUsAVir\",\n          className: \"framer-fi8ine\",\n          style: {\n            \"borderBottomLeftRadius\": 5,\n            \"borderBottomRightRadius\": 5,\n            \"borderTopRightRadius\": 5,\n            \"borderTopLeftRadius\": 5,\n            \"backgroundColor\": Cj6LBuaDo,\n            \"opacity\": 0.5\n          },\n          variants: {\n            \"Tk5XHmM4B\": {\n              \"opacity\": 1\n            }\n          },\n          transition: transition,\n          ...addVariantProps(\"oZeUsAVir\")\n        })]\n      })\n    })\n  });\n});\nconst css = [\".framer-RKpg2 [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;}\", \".framer-RKpg2 * { box-sizing: border-box; }\", \".framer-RKpg2 .framer-1br7lcc { position: relative; overflow: visible; width: 26px; height: 10px; }\", \".framer-RKpg2 .framer-1f07koi { position: relative; overflow: hidden; width: 10px; height: 10px; flex: none; }\", \".framer-RKpg2 .framer-1mj7gsd, .framer-RKpg2 .framer-fi8ine { position: relative; overflow: hidden; width: 6px; height: 6px; flex: none; }\", \".framer-RKpg2.framer-v-1ogjop6 .framer-1br7lcc, .framer-RKpg2.framer-v-sugsun .framer-1br7lcc, .framer-RKpg2.framer-v-1f47ba .framer-1br7lcc { cursor: auto; width: 26px; height: 10px; }\", \".framer-RKpg2.framer-v-1ogjop6 .framer-1f07koi, .framer-RKpg2.framer-v-sugsun .framer-1f07koi, .framer-RKpg2.framer-v-sugsun .framer-1mj7gsd, .framer-RKpg2.framer-v-1f47ba .framer-1f07koi, .framer-RKpg2.framer-v-1f47ba .framer-fi8ine { width: 6px; height: 6px; right: auto; bottom: auto; left: auto; top: auto; flex: none; }\", \".framer-RKpg2.framer-v-1ogjop6 .framer-1mj7gsd, .framer-RKpg2.framer-v-sugsun .framer-fi8ine, .framer-RKpg2.framer-v-1f47ba .framer-1mj7gsd { width: 10px; height: 10px; right: auto; bottom: auto; left: auto; top: auto; flex: none; }\"]; /**\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               * This is a generated Framer component.\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               * @framerIntrinsicHeight 10\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               * @framerIntrinsicWidth 26\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               * @framerCanvasComponentVariantDetails {\"propertyName\": \"variant\", \"data\": {\"default\": {\"layout\": [\"fixed\", \"fixed\"]}, \"B0BJ4MF88\": {\"layout\": [\"fixed\", \"fixed\"]}, \"Tk5XHmM4B\": {\"layout\": [\"fixed\", \"fixed\"]}, \"TmBXwqP95\": {\"layout\": [\"fixed\", \"fixed\"]}}}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               * @framerVariables {\"Cj6LBuaDo\": \"color\"}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                               */\nconst FramerDVwzZrur_ = withCSS(Component, css);\nexport default FramerDVwzZrur_;\nFramerDVwzZrur_.displayName = \"Loader\";\nFramerDVwzZrur_.defaultProps = {\n  \"width\": 26,\n  \"height\": 10\n};\naddPropertyControls(FramerDVwzZrur_, {\n  \"variant\": {\n    \"type\": ControlType.Enum,\n    \"title\": \"Variant\",\n    \"options\": [\"mDBENQWTt\", \"B0BJ4MF88\", \"Tk5XHmM4B\", \"TmBXwqP95\"],\n    \"optionTitles\": [\"1\", \"2\", \"3\", \"4\"]\n  },\n  \"Cj6LBuaDo\": {\n    \"type\": ControlType.Color,\n    \"title\": \"Color\",\n    \"defaultValue\": \"var(--token-8c222cd7-6ab9-49b1-b91d-7b6801acf2f2, rgb(199, 199, 199)) /* {\\\"name\\\":\\\"Placeholder\\\"} */\"\n  }\n});\naddFonts(FramerDVwzZrur_, []);\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"Props\": {\n      \"type\": \"tsType\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"FramerDVwzZrur_\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerVariables\": \"{\\\"Cj6LBuaDo\\\": \\\"color\\\"}\",\n        \"framerIntrinsicHeight\": \"10\",\n        \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\": \\\"variant\\\", \\\"data\\\": {\\\"default\\\": {\\\"layout\\\": [\\\"fixed\\\", \\\"fixed\\\"]}, \\\"B0BJ4MF88\\\": {\\\"layout\\\": [\\\"fixed\\\", \\\"fixed\\\"]}, \\\"Tk5XHmM4B\\\": {\\\"layout\\\": [\\\"fixed\\\", \\\"fixed\\\"]}, \\\"TmBXwqP95\\\": {\\\"layout\\\": [\\\"fixed\\\", \\\"fixed\\\"]}}}\",\n        \"framerIntrinsicWidth\": \"26\",\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./DVwzZrur_.map"],
  "mappings": "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",
  "names": ["cycleOrder", "variantClassNames", "humanReadableVariantMap", "transitions", "Component", "Y", "style", "className", "layoutId", "width", "height", "outerVariant", "Cj6LBuaDo", "restProps", "ref", "variant", "variants", "baseVariant", "gestureVariant", "classNames", "transition", "setVariant", "setGestureState", "useVariantState", "activeVariantCallback", "delay", "useActiveVariantCallback", "onAppear1br7lcc", "args", "onAppear1ogjop6", "onAppearsugsun", "onAppear1f47ba", "useOnVariantChange", "variantProps", "se", "addVariantProps", "useAddVariantProps", "defaultLayoutId", "useRandomID", "p", "LayoutGroup", "motion", "cx", "u", "Stack", "css", "FramerDVwzZrur_", "withCSS", "DVwzZrur_default", "addPropertyControls", "ControlType", "addFonts"]
}
