{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/3SfBJswnQr6ZTiAr8BNx/tPLwr6SrJLDtZCrUPpSj/CRLYwwLfY.js"],
  "sourcesContent": ["// Generated by Framer (532f6a7)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, getFonts, getPropertyControls, Image, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport { Video } from \"https://framerusercontent.com/modules/lRDHiNWNVWmE0lqtoVHP/0jtlswBvrookcx7EpjBD/Video.js\";\nconst VideoFonts = getFonts(Video);\nconst VideoControls = getPropertyControls(Video);\nconst cycleOrder = [\"e7Cii5N2p\"];\nconst variantClassNames = {\n  e7Cii5N2p: \"framer-v-225tcn\"\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 = {};\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 toResponsiveImage = value => {\n  if (typeof value === \"object\" && value !== null && typeof value.src === \"string\") {\n    return value;\n  }\n  return typeof value === \"string\" ? {\n    src: value\n  } : undefined;\n};\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n  id,\n  style,\n  className,\n  width,\n  height,\n  layoutId,\n  variant: outerVariant = \"e7Cii5N2p\",\n  image: UxN71egRk = {\n    src: new URL(\"https://framerusercontent.com/images/36iGYVB0EAWHSAXpVAhvZyCjI.svg\").href\n  },\n  video: XL7pnlaGB = new URL(\"https://framerusercontent.com/modules/assets/ASBUJ8UVKyPH19duRELutnu4gQ~Ftkss5091QWduKN9LWhjt01IcVFKFIp1Wy7U9AY2ssM.mp4\").href,\n  video1: k7VUa85Fx = true,\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: \"e7Cii5N2p\",\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-Krwam\", classNames),\n      style: {\n        display: \"contents\"\n      },\n      children: /*#__PURE__*/_jsxs(motion.div, {\n        ...restProps,\n        className: cx(\"framer-225tcn\", className),\n        \"data-framer-name\": \"Variant 1\",\n        layoutDependency: layoutDependency,\n        layoutId: \"e7Cii5N2p\",\n        ref: ref,\n        style: {\n          ...style\n        },\n        transition: transition,\n        children: [/*#__PURE__*/_jsx(Image, {\n          background: {\n            alt: \"\",\n            fit: \"fill\",\n            intrinsicHeight: 840,\n            intrinsicWidth: 1440,\n            sizes: \"1440px\",\n            ...toResponsiveImage(UxN71egRk)\n          },\n          className: \"framer-lh18b\",\n          \"data-framer-name\": \"Rectangle 6\",\n          layoutDependency: layoutDependency,\n          layoutId: \"QDZ7xM2E5\",\n          transition: transition\n        }), k7VUa85Fx && /*#__PURE__*/_jsx(motion.div, {\n          className: \"framer-1eeq58e-container\",\n          layoutDependency: layoutDependency,\n          layoutId: \"CUE6gkzpD-container\",\n          transition: transition,\n          children: /*#__PURE__*/_jsx(Video, {\n            backgroundColor: \"rgba(0, 0, 0, 0)\",\n            borderRadius: 0,\n            bottomLeftRadius: 0,\n            bottomRightRadius: 0,\n            canvasPlay: true,\n            controls: false,\n            height: \"100%\",\n            id: \"CUE6gkzpD\",\n            isMixedBorderRadius: false,\n            layoutId: \"CUE6gkzpD\",\n            loop: true,\n            muted: true,\n            objectFit: \"cover\",\n            playing: true,\n            posterEnabled: true,\n            srcFile: XL7pnlaGB,\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: 0,\n            topRightRadius: 0,\n            volume: 25,\n            width: \"100%\"\n          })\n        })]\n      })\n    })\n  });\n});\nconst css = ['.framer-Krwam [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-Krwam .framer-1vewl7q { display: block; }\", \".framer-Krwam .framer-225tcn { height: 720px; overflow: hidden; position: relative; width: 1440px; }\", \".framer-Krwam .framer-lh18b { flex: none; height: 100%; left: calc(50.00000000000002% - 100% / 2); position: absolute; top: calc(50.00000000000002% - 100% / 2); width: 100%; }\", \".framer-Krwam .framer-1eeq58e-container { flex: none; height: 100%; left: 0px; position: absolute; top: 0px; width: 100%; }\"]; /**\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * This is a generated Framer component.\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * @framerIntrinsicHeight 720\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * @framerIntrinsicWidth 1440\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       * @framerVariables {\"UxN71egRk\":\"image\",\"XL7pnlaGB\":\"video\",\"k7VUa85Fx\":\"video1\"}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                       */\nconst FramerCRLYwwLfY = withCSS(Component, css, \"framer-Krwam\");\nexport default FramerCRLYwwLfY;\nFramerCRLYwwLfY.displayName = \"Image Break\";\nFramerCRLYwwLfY.defaultProps = {\n  height: 720,\n  width: 1440\n};\naddPropertyControls(FramerCRLYwwLfY, {\n  UxN71egRk: {\n    __defaultAssetReference: \"data:framer/asset-reference,36iGYVB0EAWHSAXpVAhvZyCjI.svg?originalFilename=Rectangle+6.svg&preferredSize=auto\",\n    title: \"Image\",\n    type: ControlType.ResponsiveImage\n  },\n  XL7pnlaGB: (VideoControls === null || VideoControls === void 0 ? void 0 : VideoControls[\"srcFile\"]) && {\n    ...VideoControls[\"srcFile\"],\n    __defaultAssetReference: \"data:framer/asset-reference,ASBUJ8UVKyPH19duRELutnu4gQ.mp4?originalFilename=DJI_0185_Trim.mp4\",\n    hidden: undefined,\n    title: \"Video\"\n  },\n  k7VUa85Fx: {\n    defaultValue: true,\n    title: \"Video?\",\n    type: ControlType.Boolean\n  }\n});\naddFonts(FramerCRLYwwLfY, [...VideoFonts]);\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"FramerCRLYwwLfY\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerVariables\": \"{\\\"UxN71egRk\\\":\\\"image\\\",\\\"XL7pnlaGB\\\":\\\"video\\\",\\\"k7VUa85Fx\\\":\\\"video1\\\"}\",\n        \"framerIntrinsicHeight\": \"720\",\n        \"framerIntrinsicWidth\": \"1440\",\n        \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"Props\": {\n      \"type\": \"tsType\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./CRLYwwLfY.map"],
  "mappings": "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",
  "names": ["VideoFonts", "getFonts", "Video", "VideoControls", "getPropertyControls", "cycleOrder", "variantClassNames", "humanReadableVariantMap", "transitions", "toResponsiveImage", "value", "Component", "Y", "id", "style", "className", "width", "height", "layoutId", "outerVariant", "UxN71egRk", "XL7pnlaGB", "k7VUa85Fx", "restProps", "ref", "variant", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "variants", "useVariantState", "cycleOrder", "variantClassNames", "layoutDependency", "defaultLayoutId", "ae", "p", "LayoutGroup", "motion", "cx", "u", "Image2", "Video", "css", "FramerCRLYwwLfY", "withCSS", "CRLYwwLfY_default", "addPropertyControls", "ControlType", "VideoControls", "addFonts", "VideoFonts"]
}