{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/BjTOlVnThhqQcqTot7Dx/d6d7M7N4zgZKIbZgNUDU/Zc0x_Rm6N.js"],
  "sourcesContent": ["// Generated by Framer (72f35ee)\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, addPropertyControls, ControlType, cx, getFonts, getPropertyControls, RichText, useVariantState, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport { Icon as Phosphor } from \"https://framerusercontent.com/modules/tYScH7LTqUtz5KUaUAYP/H4OHcdXxZyPVKySUy1y2/Phosphor.js\";\nconst PhosphorFonts = getFonts(Phosphor);\nconst PhosphorControls = getPropertyControls(Phosphor);\nconst cycleOrder = [\"CVWRkz8Sj\"];\nconst variantClassNames = {\n  CVWRkz8Sj: \"framer-v-1r2zn0t\"\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 Component = /*#__PURE__*/React.forwardRef(function ({\n  id,\n  style,\n  className,\n  width,\n  height,\n  layoutId,\n  variant: outerVariant = \"CVWRkz8Sj\",\n  name: MKLbEK8gC = \"MonitorPlay\",\n  title: ew5pvIKv2 = \"Linear Programming\",\n  text: G6ahvAcLa = \"TheTake's patented ACR identifies programming delivered through HDMI and drives time synced interactive experiences for viewers at home\",\n  color: SViPRfGyP = \"rgb(56, 175, 255)\",\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: \"CVWRkz8Sj\",\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-iei6Q\", classNames),\n      style: {\n        display: \"contents\"\n      },\n      children: /*#__PURE__*/_jsxs(motion.div, {\n        ...restProps,\n        className: cx(\"framer-1r2zn0t\", className),\n        \"data-border\": true,\n        \"data-framer-name\": \"Variant 1\",\n        layoutDependency: layoutDependency,\n        layoutId: \"CVWRkz8Sj\",\n        ref: ref,\n        style: {\n          \"--border-bottom-width\": \"1px\",\n          \"--border-color\": \"rgba(255, 255, 255, 0.1)\",\n          \"--border-left-width\": \"1px\",\n          \"--border-right-width\": \"1px\",\n          \"--border-style\": \"solid\",\n          \"--border-top-width\": \"1px\",\n          backgroundColor: \"rgba(0, 0, 0, 0.2)\",\n          borderBottomLeftRadius: 25,\n          borderBottomRightRadius: 25,\n          borderTopLeftRadius: 25,\n          borderTopRightRadius: 25,\n          ...style\n        },\n        transition: transition,\n        children: [/*#__PURE__*/_jsx(motion.div, {\n          className: \"framer-x9vsqq-container\",\n          layoutDependency: layoutDependency,\n          layoutId: \"bTgjniLXA-container\",\n          transition: transition,\n          children: /*#__PURE__*/_jsx(Phosphor, {\n            color: SViPRfGyP,\n            height: \"100%\",\n            iconSearch: \"House\",\n            iconSelection: MKLbEK8gC,\n            id: \"bTgjniLXA\",\n            layoutId: \"bTgjniLXA\",\n            mirrored: false,\n            selectByList: true,\n            style: {\n              height: \"100%\",\n              width: \"100%\"\n            },\n            weight: \"duotone\",\n            width: \"100%\"\n          })\n        }), /*#__PURE__*/_jsx(RichText, {\n          __fromCanvasComponent: true,\n          children: /*#__PURE__*/_jsx(React.Fragment, {\n            children: /*#__PURE__*/_jsx(motion.h3, {\n              style: {\n                \"--font-selector\": \"R0Y7TWFucm9wZS01MDA=\",\n                \"--framer-font-family\": '\"Manrope\", sans-serif',\n                \"--framer-font-size\": \"28px\",\n                \"--framer-font-weight\": \"500\",\n                \"--framer-letter-spacing\": \"-0.2px\",\n                \"--framer-line-height\": \"1.3em\",\n                \"--framer-text-alignment\": \"center\",\n                \"--framer-text-color\": \"var(--extracted-a0htzi)\"\n              },\n              children: \"Streaming\"\n            })\n          }),\n          className: \"framer-1nkl15i\",\n          fonts: [\"GF;Manrope-500\"],\n          layoutDependency: layoutDependency,\n          layoutId: \"D4L83OOy6\",\n          style: {\n            \"--extracted-a0htzi\": \"rgb(255, 255, 255)\",\n            \"--framer-link-text-color\": \"rgb(0, 153, 255)\",\n            \"--framer-link-text-decoration\": \"underline\",\n            \"--framer-paragraph-spacing\": \"0px\"\n          },\n          text: ew5pvIKv2,\n          transition: transition,\n          verticalAlignment: \"top\",\n          withExternalLayout: true\n        }), /*#__PURE__*/_jsx(RichText, {\n          __fromCanvasComponent: true,\n          children: /*#__PURE__*/_jsx(React.Fragment, {\n            children: /*#__PURE__*/_jsx(motion.p, {\n              style: {\n                \"--font-selector\": \"R0Y7TWFucm9wZS01MDA=\",\n                \"--framer-font-family\": '\"Manrope\", sans-serif',\n                \"--framer-font-weight\": \"500\",\n                \"--framer-line-height\": \"150%\",\n                \"--framer-text-alignment\": \"left\",\n                \"--framer-text-color\": \"var(--extracted-r6o4lv)\"\n              },\n              children: \"Live video streams and content libraries are fed into our system and prepared for processing\"\n            })\n          }),\n          className: \"framer-woq6l\",\n          fonts: [\"GF;Manrope-500\"],\n          layoutDependency: layoutDependency,\n          layoutId: \"EfbPHFkQ9\",\n          style: {\n            \"--extracted-r6o4lv\": \"rgba(255, 255, 255, 0.7)\",\n            \"--framer-link-text-color\": \"rgb(0, 153, 255)\",\n            \"--framer-link-text-decoration\": \"underline\",\n            \"--framer-paragraph-spacing\": \"0px\"\n          },\n          text: G6ahvAcLa,\n          transition: transition,\n          verticalAlignment: \"top\",\n          withExternalLayout: true\n        })]\n      })\n    })\n  });\n});\nconst css = ['.framer-iei6Q [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-iei6Q .framer-d6aorj { display: block; }\", \".framer-iei6Q .framer-1r2zn0t { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 6px; height: min-content; justify-content: flex-start; overflow: visible; padding: 30px 20px 20px 20px; position: relative; width: 260px; }\", \".framer-iei6Q .framer-x9vsqq-container { flex: none; height: 60px; position: relative; width: 60px; }\", \".framer-iei6Q .framer-1nkl15i, .framer-iei6Q .framer-woq6l { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\", \"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-iei6Q .framer-1r2zn0t { gap: 0px; } .framer-iei6Q .framer-1r2zn0t > * { margin: 0px; margin-bottom: calc(6px / 2); margin-top: calc(6px / 2); } .framer-iei6Q .framer-1r2zn0t > :first-child { margin-top: 0px; } .framer-iei6Q .framer-1r2zn0t > :last-child { margin-bottom: 0px; } }\"]; /**\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    * This is a generated Framer component.\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    * @framerIntrinsicHeight 339\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    * @framerIntrinsicWidth 260\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]}}}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    * @framerVariables {\"MKLbEK8gC\":\"name\",\"ew5pvIKv2\":\"title\",\"G6ahvAcLa\":\"text\",\"SViPRfGyP\":\"color\"}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    */\nconst FramerZc0x_Rm6N = withCSS(Component, css, \"framer-iei6Q\");\nexport default FramerZc0x_Rm6N;\nFramerZc0x_Rm6N.displayName = \"Tech Tile\";\nFramerZc0x_Rm6N.defaultProps = {\n  height: 339,\n  width: 260\n};\naddPropertyControls(FramerZc0x_Rm6N, {\n  MKLbEK8gC: (PhosphorControls === null || PhosphorControls === void 0 ? void 0 : PhosphorControls[\"iconSelection\"]) && {\n    ...PhosphorControls[\"iconSelection\"],\n    defaultValue: \"MonitorPlay\",\n    hidden: undefined,\n    title: \"Name\"\n  },\n  ew5pvIKv2: {\n    defaultValue: \"Linear Programming\",\n    displayTextArea: false,\n    title: \"Title\",\n    type: ControlType.String\n  },\n  G6ahvAcLa: {\n    defaultValue: \"TheTake's patented ACR identifies programming delivered through HDMI and drives time synced interactive experiences for viewers at home\",\n    displayTextArea: false,\n    title: \"Text\",\n    type: ControlType.String\n  },\n  SViPRfGyP: {\n    defaultValue: \"rgb(56, 175, 255)\",\n    title: \"Color\",\n    type: ControlType.Color\n  }\n});\naddFonts(FramerZc0x_Rm6N, [{\n  family: \"Manrope\",\n  moduleAsset: {\n    localModuleIdentifier: \"local-module:canvasComponent/Zc0x_Rm6N:default\",\n    url: \"https://fonts.gstatic.com/s/manrope/v13/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFO_F87jxeN7B.ttf\"\n  },\n  style: \"normal\",\n  url: \"https://fonts.gstatic.com/s/manrope/v13/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk7PFO_F87jxeN7B.ttf\",\n  weight: \"500\"\n}, ...PhosphorFonts]);\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"Props\": {\n      \"type\": \"tsType\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"FramerZc0x_Rm6N\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerVariables\": \"{\\\"MKLbEK8gC\\\":\\\"name\\\",\\\"ew5pvIKv2\\\":\\\"title\\\",\\\"G6ahvAcLa\\\":\\\"text\\\",\\\"SViPRfGyP\\\":\\\"color\\\"}\",\n        \"framerContractVersion\": \"1\",\n        \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\n        \"framerIntrinsicWidth\": \"260\",\n        \"framerIntrinsicHeight\": \"339\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./Zc0x_Rm6N.map"],
  "mappings": "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",
  "names": ["PhosphorFonts", "getFonts", "Icon", "PhosphorControls", "getPropertyControls", "cycleOrder", "variantClassNames", "humanReadableVariantMap", "transitions", "Component", "Y", "id", "style", "className", "width", "height", "layoutId", "outerVariant", "MKLbEK8gC", "ew5pvIKv2", "G6ahvAcLa", "SViPRfGyP", "restProps", "ref", "variant", "baseVariant", "classNames", "gestureVariant", "setGestureState", "setVariant", "transition", "variants", "useVariantState", "cycleOrder", "variantClassNames", "layoutDependency", "defaultLayoutId", "ae", "p", "LayoutGroup", "motion", "cx", "u", "Icon", "RichText", "x", "css", "FramerZc0x_Rm6N", "withCSS", "Zc0x_Rm6N_default", "addPropertyControls", "PhosphorControls", "ControlType", "addFonts", "PhosphorFonts"]
}