{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/cqWrmoTRJuMdIdYw6b0A/P2weL8lIvpGyps0kPj0o/rlIcZ3c2D.js", "ssg:https://framerusercontent.com/modules/NEd4VmDdsxM3StIUbddO/zzGLuFF4YkasKl1lrsW9/YouTube.js"],
  "sourcesContent": ["import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\"; // Generated by Framer (765dd2a)\nimport * as React from \"react\";\nimport { motion, LayoutGroup } from \"framer-motion\";\nimport { useOnVariantChange, useActiveVariantCallback, addFonts, withCSS, addPropertyControls, ControlType, cx, useAddVariantProps, useVariantState, SVG } from \"framer\";\nimport { useRandomID } from \"https://framer.com/m/framer/randomID.js@^2.0.0\";\nconst cycleOrder = [\"AXpNtSsXY\", \"BbQ5rCpyk\"];\nconst variantClassNames = {\n  \"AXpNtSsXY\": \"framer-v-1nijn8m\",\n  \"BbQ5rCpyk\": \"framer-v-1fhcc5x\"\n};\nconst humanReadableVariantMap = {\n  \"Light\": \"AXpNtSsXY\",\n  \"Spinning\": \"BbQ5rCpyk\"\n};\nconst transitions = {\n  \"default\": {\n    \"type\": \"tween\",\n    \"ease\": [0, 0, 1, 1],\n    \"duration\": 0,\n    \"delay\": 0,\n    \"stiffness\": 500,\n    \"damping\": 60,\n    \"mass\": 1\n  },\n  \"BbQ5rCpyk\": {\n    \"type\": \"tween\",\n    \"ease\": [0, 0, 1, 1],\n    \"duration\": 1,\n    \"delay\": 0,\n    \"stiffness\": 500,\n    \"damping\": 20,\n    \"mass\": 1\n  }\n};\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n  style: externalStyle = {},\n  className,\n  width,\n  height,\n  layoutId,\n  variant: outerVariant = \"AXpNtSsXY\",\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: \"AXpNtSsXY\",\n    variant,\n    transitions,\n    variantClassNames,\n    cycleOrder\n  });\n  const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\n  const {\n    activeVariantCallback,\n    delay\n  } = useActiveVariantCallback(baseVariant);\n  const onAppear1nijn8m = activeVariantCallback(async (...args) => {\n    setVariant(\"BbQ5rCpyk\");\n  });\n  const onAppear1fhcc5x = activeVariantCallback(async (...args) => {\n    await delay(() => setVariant(\"AXpNtSsXY\"), 1000);\n  });\n  useOnVariantChange(baseVariant, {\n    \"default\": onAppear1nijn8m,\n    \"BbQ5rCpyk\": onAppear1fhcc5x\n  });\n  const variantProps = React.useMemo(() => ({\n    \"BbQ5rCpyk\": {\n      \"AXpNtSsXY\": {\n        \"data-framer-name\": \"Spinning\",\n        \"data-highlight\": true\n      },\n      \"NBDvErWUP\": {\n        \"background\": null\n      }\n    }\n  }), []);\n  const addVariantProps = useAddVariantProps(baseVariant, gestureVariant, variantProps);\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-e3x6M\", classNames),\n      style: {\n        \"display\": \"contents\",\n        \"pointerEvents\": pointerEvents !== null && pointerEvents !== void 0 ? pointerEvents : undefined\n      },\n      children: /*#__PURE__*/_jsxs(motion.div, {\n        ...restProps,\n        layoutId: \"AXpNtSsXY\",\n        className: cx(\"framer-1nijn8m\", className),\n        style: {\n          \"WebkitFilter\": \"invert(0)\",\n          \"filter\": \"invert(0)\",\n          \"borderBottomLeftRadius\": 0,\n          \"borderBottomRightRadius\": 0,\n          \"borderTopRightRadius\": 0,\n          \"borderTopLeftRadius\": 0,\n          ...style\n        },\n        background: null,\n        \"data-highlight\": true,\n        \"data-framer-name\": \"Light\",\n        variants: {\n          \"BbQ5rCpyk\": {\n            \"borderBottomLeftRadius\": 0,\n            \"borderBottomRightRadius\": 0,\n            \"borderTopRightRadius\": 0,\n            \"borderTopLeftRadius\": 0\n          }\n        },\n        transition: transition,\n        layoutDependency: layoutDependency,\n        ref: ref,\n        ...addVariantProps(\"AXpNtSsXY\"),\n        children: [/*#__PURE__*/_jsx(SVG, {\n          layout: \"position\",\n          style: {},\n          layoutId: \"NhYO3gVVh\",\n          className: \"framer-1iu1sro\",\n          opacity: 1,\n          radius: 0,\n          withExternalLayout: true,\n          svgContentId: 2032530210,\n          svg: \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" xmlns:xlink=\\\"http://www.w3.org/1999/xlink\\\" width=\\\"30\\\" height=\\\"30\\\"><path d=\\\"M 15 2.25 C 22.042 2.25 27.75 7.958 27.75 15 C 27.75 22.042 22.042 27.75 15 27.75 C 7.958 27.75 2.25 22.042 2.25 15 C 2.25 7.958 7.958 2.25 15 2.25 Z\\\" fill=\\\"transparent\\\" stroke-width=\\\"3\\\" stroke=\\\"rgba(255, 255, 255, 0.5)\\\"></path></svg>\",\n          background: null,\n          \"data-framer-name\": \"Bottom\",\n          transition: transition,\n          layoutDependency: layoutDependency,\n          ...addVariantProps(\"NhYO3gVVh\")\n        }), /*#__PURE__*/_jsx(motion.div, {\n          layoutId: \"NBDvErWUP\",\n          className: \"framer-ukf4h0\",\n          style: {\n            \"rotate\": 0\n          },\n          background: null,\n          variants: {\n            \"BbQ5rCpyk\": {\n              \"rotate\": 360\n            }\n          },\n          transition: transition,\n          layoutDependency: layoutDependency,\n          ...addVariantProps(\"NBDvErWUP\"),\n          children: /*#__PURE__*/_jsx(SVG, {\n            layout: \"position\",\n            style: {},\n            layoutId: \"JMJYk6MFt\",\n            className: \"framer-d3l8lx\",\n            opacity: 1,\n            radius: 0,\n            withExternalLayout: true,\n            svgContentId: 776297057,\n            svg: \"<svg xmlns=\\\"http://www.w3.org/2000/svg\\\" xmlns:xlink=\\\"http://www.w3.org/1999/xlink\\\" width=\\\"30\\\" height=\\\"30\\\"><path d=\\\"M 15 2.25 C 22.042 2.25 27.75 7.958 27.75 15 C 27.75 22.042 22.042 27.75 15 27.75 C 7.958 27.75 2.25 22.042 2.25 15 C 2.25 7.958 7.958 2.25 15 2.25 Z\\\" fill=\\\"transparent\\\" stroke-width=\\\"3\\\" stroke=\\\"rgb(255, 255, 255)\\\" stroke-linecap=\\\"round\\\" stroke-linejoin=\\\"round\\\" stroke-dasharray=\\\"40.5\\\"></path></svg>\",\n            background: null,\n            \"data-framer-name\": \"Top\",\n            transition: transition,\n            layoutDependency: layoutDependency,\n            ...addVariantProps(\"JMJYk6MFt\")\n          })\n        })]\n      })\n    })\n  });\n});\nconst css = [\".framer-e3x6M [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-e3x6M * { box-sizing: border-box; }\", \".framer-e3x6M .framer-1nijn8m { position: relative; overflow: hidden; width: 40px; height: 40px; }\", \".framer-e3x6M .framer-1iu1sro, .framer-e3x6M .framer-d3l8lx { position: absolute; width: 30px; height: 30px; left: calc(50.00000000000002% - 30px/2); top: calc(50.00000000000002% - 30px/2); flex: none; }\", \".framer-e3x6M .framer-ukf4h0 { position: absolute; overflow: visible; width: 40px; height: 40px; left: calc(50.00000000000002% - 40px/2); top: calc(50.00000000000002% - 40px/2); flex: none; }\", \".framer-e3x6M.framer-v-1fhcc5x .framer-1nijn8m { cursor: auto; }\", \".framer-e3x6M.framer-v-1fhcc5x .framer-ukf4h0 { width: 40px; height: 40px; right: auto; bottom: auto; left: calc(50.00000000000002% - 40px/2); top: calc(50.00000000000002% - 40px/2); flex: none; aspect-ratio: unset; }\"]; /**\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   * This is a generated Framer component.\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   * @framerIntrinsicHeight 40\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   * @framerIntrinsicWidth 40\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   * @framerCanvasComponentVariantDetails {\"propertyName\": \"variant\", \"data\": {\"default\": {\"layout\": [\"fixed\", \"fixed\"]}, \"BbQ5rCpyk\": {\"layout\": [\"fixed\", \"fixed\"]}}}\n                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                   */\nconst FramerrlIcZ3c2D = withCSS(Component, css);\nexport default FramerrlIcZ3c2D;\nFramerrlIcZ3c2D.displayName = \"Loader\";\nFramerrlIcZ3c2D.defaultProps = {\n  \"width\": 40,\n  \"height\": 40\n};\naddPropertyControls(FramerrlIcZ3c2D, {\n  \"variant\": {\n    \"type\": ControlType.Enum,\n    \"title\": \"Variant\",\n    \"options\": [\"AXpNtSsXY\", \"BbQ5rCpyk\"],\n    \"optionTitles\": [\"Light\", \"Spinning\"]\n  }\n});\naddFonts(FramerrlIcZ3c2D, []);\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"Props\": {\n      \"type\": \"tsType\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"default\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"FramerrlIcZ3c2D\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\": \\\"variant\\\", \\\"data\\\": {\\\"default\\\": {\\\"layout\\\": [\\\"fixed\\\", \\\"fixed\\\"]}, \\\"BbQ5rCpyk\\\": {\\\"layout\\\": [\\\"fixed\\\", \\\"fixed\\\"]}}}\",\n        \"framerContractVersion\": \"1\",\n        \"framerIntrinsicWidth\": \"40\",\n        \"framerIntrinsicHeight\": \"40\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./rlIcZ3c2D.map", "import { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { useReducer, useState } from \"react\";\nimport { ControlType, addPropertyControls } from \"framer\";\nimport { useIsOnCanvas, emptyStateStyle, containerStyles, defaultEvents, useRadius, borderRadiusControl } from \"https://framer.com/m/framer/default-utils.js@^0.45.0\";\nvar PlayOptions;\n(function (PlayOptions) {\n  PlayOptions[\"Normal\"] = \"Off\";\n  PlayOptions[\"Auto\"] = \"On\";\n  PlayOptions[\"Loop\"] = \"Loop\";\n})(PlayOptions || (PlayOptions = {}));\nvar ThumbnailOptions;\n(function (ThumbnailOptions) {\n  ThumbnailOptions[\"High\"] = \"High Quality\";\n  ThumbnailOptions[\"Medium\"] = \"Medium Quality\";\n  ThumbnailOptions[\"Low\"] = \"Low Quality\";\n  ThumbnailOptions[\"Off\"] = \"Off\";\n})(ThumbnailOptions || (ThumbnailOptions = {}));\nvar ThumbnailFormat;\n(function (ThumbnailFormat) {\n  ThumbnailFormat[\"WebP\"] = \"webp\";\n  ThumbnailFormat[\"JPG\"] = \"jpg\";\n})(ThumbnailFormat || (ThumbnailFormat = {})); /**\n                                               * @framerIntrinsicWidth 560\n                                               * @framerIntrinsicHeight 315\n                                               *\n                                               * @framerSupportedLayoutWidth fixed\n                                               * @framerSupportedLayoutHeight fixed\n                                               */\nexport function Youtube({\n  url,\n  play,\n  shouldMute,\n  thumbnail,\n  isRed,\n  onClick,\n  onMouseEnter,\n  onMouseLeave,\n  onMouseDown,\n  onMouseUp,\n  ...props\n}) {\n  const onCanvas = useIsOnCanvas();\n  const isAutoplay = play !== PlayOptions.Normal;\n  const showThumbnail = onCanvas || thumbnail !== ThumbnailOptions.Off && !isAutoplay;\n  const [isPreloading, preloadVideo] = useReducer(() => true, false);\n  const [showVideo, startVideo] = useReducer(() => true, !showThumbnail);\n  const [isHovered, setHovered] = useState(false);\n  const borderRadius = useRadius(props);\n  const hasBorderRadius = borderRadius !== \"0px 0px 0px 0px\" && borderRadius !== \"0px\";\n  if (url === \"\") {\n    return /*#__PURE__*/_jsx(Instructions, {});\n  }\n  const parsedURL = parseVideoURL(url);\n  if (parsedURL === undefined) {\n    return /*#__PURE__*/_jsx(ErrorMessage, {\n      message: \"Invalid Youtube URL.\"\n    });\n  }\n  const [videoId, embedURL] = parsedURL; // https://stackoverflow.com/questions/2068344/how-do-i-get-a-youtube-video-thumbnail-from-the-youtube-api\n  const thumbnailURL = getThumbnailURL(videoId, thumbnail, getWebPSupported() ? ThumbnailFormat.WebP : ThumbnailFormat.JPG); // https://developers.google.com/youtube/player_parameters\n  const searchParams = embedURL.searchParams;\n  searchParams.set(\"iv_load_policy\", \"3\");\n  searchParams.set(\"rel\", \"0\");\n  searchParams.set(\"modestbranding\", \"1\");\n  searchParams.set(\"playsinline\", \"1\");\n  if (isAutoplay || showThumbnail) {\n    searchParams.set(\"autoplay\", \"1\");\n  }\n  if (isAutoplay && shouldMute) {\n    searchParams.set(\"mute\", \"1\");\n  }\n  if (play === PlayOptions.Loop) {\n    searchParams.set(\"loop\", \"1\");\n    searchParams.set(\"playlist\", videoId);\n  }\n  if (!isRed) {\n    searchParams.set(\"color\", \"white\");\n  }\n  return /*#__PURE__*/_jsxs(\"article\", {\n    onPointerEnter: () => setHovered(true),\n    onPointerLeave: () => setHovered(false),\n    onPointerOver: preloadVideo,\n    onClick: startVideo,\n    style: {\n      ...wrapperStyle,\n      borderRadius,\n      transform: hasBorderRadius && showVideo ? \"translateZ(0.000001px)\" : \"unset\",\n      cursor: \"pointer\",\n      overflow: \"hidden\"\n    },\n    children: [isPreloading && /*#__PURE__*/_jsx(\"link\", {\n      rel: \"preconnect\",\n      href: \"https://www.youtube.com\"\n    }), isPreloading && /*#__PURE__*/_jsx(\"link\", {\n      rel: \"preconnect\",\n      href: \"https://www.google.com\"\n    }), /*#__PURE__*/_jsx(\"div\", {\n      style: {\n        ...videoStyle,\n        background: showThumbnail ? `center / cover url(${thumbnailURL}) no-repeat` : undefined\n      }\n    }), showVideo ? /*#__PURE__*/_jsx(\"iframe\", {\n      style: videoStyle,\n      src: embedURL.href,\n      frameBorder: \"0\",\n      allow: \"presentation; fullscreen; accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\",\n      onClick: onClick,\n      onMouseEnter: onMouseEnter,\n      onMouseLeave: onMouseLeave,\n      onMouseDown: onMouseDown,\n      onMouseUp: onMouseUp\n    }) : /*#__PURE__*/_jsx(PlayButton, {\n      onClick: startVideo,\n      isHovered: isHovered,\n      isRed: isRed\n    })]\n  });\n}\nYoutube.displayName = \"YouTube\";\naddPropertyControls(Youtube, {\n  url: {\n    type: ControlType.String,\n    title: \"Video\"\n  },\n  play: {\n    type: ControlType.Enum,\n    title: \"Autoplay\",\n    options: Object.values(PlayOptions)\n  },\n  shouldMute: {\n    title: \"Mute\",\n    type: ControlType.Boolean,\n    enabledTitle: \"Yes\",\n    disabledTitle: \"No\",\n    hidden(props) {\n      return props.play === PlayOptions.Normal;\n    }\n  },\n  thumbnail: {\n    title: \"Thumbnail\",\n    description: \"Showing a thumbnail improves performance.\",\n    type: ControlType.Enum,\n    options: Object.values(ThumbnailOptions),\n    hidden(props) {\n      return props.play !== PlayOptions.Normal;\n    }\n  },\n  isRed: {\n    title: \"Color\",\n    type: ControlType.Boolean,\n    enabledTitle: \"Red\",\n    disabledTitle: \"White\"\n  },\n  ...borderRadiusControl,\n  ...defaultEvents\n});\nconst defaultProps = {\n  url: \"https://youtu.be/smPos0mJvh8\",\n  play: PlayOptions.Normal,\n  shouldMute: true,\n  thumbnail: ThumbnailOptions.Medium,\n  isRed: true\n};\nYoutube.defaultProps = defaultProps;\nfunction parseVideoURL(urlString) {\n  let url;\n  try {\n    url = new URL(urlString);\n  } catch {\n    const embedURL = getEmbedURL(urlString);\n    return [urlString, embedURL];\n  }\n  if (url.hostname === \"youtube.com\" || url.hostname === \"www.youtube.com\" || url.hostname === \"youtube-nocookie.com\" || url.hostname === \"www.youtube-nocookie.com\") {\n    const pathSegments = url.pathname.slice(1).split(\"/\"); // https://www.youtube.com/watch?v=Fop2oskTug8\n    if (pathSegments[0] === \"watch\") {\n      const videoId = url.searchParams.get(\"v\");\n      const embedURL1 = getEmbedURL(videoId);\n      return [videoId, embedURL1];\n    } // https://www.youtube.com/embed/Fop2oskTug8\n    if (pathSegments[0] === \"embed\") {\n      const videoId1 = pathSegments[1];\n      return [videoId1, url];\n    }\n  } // https://youtu.be/Fop2oskTug8\n  if (url.hostname === \"youtu.be\") {\n    const videoId2 = url.pathname.slice(1);\n    const embedURL2 = getEmbedURL(videoId2);\n    return [videoId2, embedURL2];\n  }\n}\nfunction getEmbedURL(videoId) {\n  return new URL(`https://www.youtube.com/embed/${videoId}`);\n}\nfunction getThumbnailURL(videoId, res, format = ThumbnailFormat.JPG) {\n  // https://gist.github.com/a1ip/be4514c1fd392a8c13b05e082c4da363\n  const pre = ThumbnailFormat.WebP ? \"https://i.ytimg.com/vi_webp/\" : \"https://i.ytimg.com/vi/\";\n  const ext = ThumbnailFormat.WebP ? \"webp\" : \"jpg\";\n  switch (res) {\n    case ThumbnailOptions.Low:\n      return `${pre}${videoId}/hqdefault.${ext}`;\n    case ThumbnailOptions.Medium:\n      return `${pre}${videoId}/sddefault.${ext}`;\n    case ThumbnailOptions.High:\n      return `${pre}${videoId}/maxresdefault.${ext}`;\n    default:\n      return `${pre}${videoId}/0.${ext}`;\n  }\n}\nlet _getWebPSupported; // https://stackoverflow.com/a/27232658\nfunction getWebPSupported() {\n  // We're going to default to webp because it's pretty widely supported by now\n  if (!window) {\n    return true;\n  }\n  if (_getWebPSupported !== undefined) {\n    return _getWebPSupported;\n  }\n  const element = document.createElement(\"canvas\");\n  if (!!(element.getContext && element.getContext(\"2d\"))) {\n    // was able or not to get WebP representation\n    return element.toDataURL(\"image/webp\").indexOf(\"data:image/webp\") == 0;\n  } else {\n    // very old browser like IE 8, canvas not supported\n    return false;\n  }\n} // Helper components\nfunction Instructions() {\n  return /*#__PURE__*/_jsx(\"div\", {\n    style: {\n      ...emptyStateStyle,\n      overflow: \"hidden\"\n    },\n    children: /*#__PURE__*/_jsx(\"div\", {\n      style: centerTextStyle,\n      children: \"To embed a Youtube video, add the URL to the properties\\xa0panel.\"\n    })\n  });\n}\nfunction ErrorMessage({\n  message\n}) {\n  return /*#__PURE__*/_jsx(\"div\", {\n    className: \"framerInternalUI-errorPlaceholder\",\n    style: {\n      ...containerStyles,\n      overflow: \"hidden\"\n    },\n    children: /*#__PURE__*/_jsxs(\"div\", {\n      style: centerTextStyle,\n      children: [\"Error: \", message]\n    })\n  });\n}\nfunction PlayButton({\n  onClick,\n  isHovered,\n  isRed\n}) {\n  return /*#__PURE__*/_jsx(\"button\", {\n    onClick: onClick,\n    \"aria-label\": \"Play\",\n    style: buttonStyle,\n    children: /*#__PURE__*/_jsxs(\"svg\", {\n      height: \"100%\",\n      version: \"1.1\",\n      viewBox: \"0 0 68 48\",\n      width: \"100%\",\n      children: [/*#__PURE__*/_jsx(\"path\", {\n        d: \"M66.52,7.74c-0.78-2.93-2.49-5.41-5.42-6.19C55.79,.13,34,0,34,0S12.21,.13,6.9,1.55 C3.97,2.33,2.27,4.81,1.48,7.74C0.06,13.05,0,24,0,24s0.06,10.95,1.48,16.26c0.78,2.93,2.49,5.41,5.42,6.19 C12.21,47.87,34,48,34,48s21.79-0.13,27.1-1.55c2.93-0.78,4.64-3.26,5.42-6.19C67.94,34.95,68,24,68,24S67.94,13.05,66.52,7.74z\",\n        fill: isHovered ? isRed ? \"#f00\" : \"#000\" : \"#212121\",\n        fillOpacity: isHovered ? isRed ? 1 : .8 : .8,\n        style: {\n          transition: \"fill .1s cubic-bezier(0.4, 0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0, 1, 1)\"\n        }\n      }), /*#__PURE__*/_jsx(\"path\", {\n        d: \"M 45,24 27,14 27,34\",\n        fill: \"#fff\"\n      })]\n    })\n  });\n}\nconst buttonStyle = {\n  position: \"absolute\",\n  top: \"50%\",\n  left: \"50%\",\n  transform: \"translate(-50%, -50%)\",\n  width: 68,\n  height: 48,\n  padding: 0,\n  border: \"none\",\n  background: \"transparent\",\n  cursor: \"pointer\"\n};\nconst wrapperStyle = {\n  position: \"relative\",\n  width: \"100%\",\n  height: \"100%\"\n};\nconst centerTextStyle = {\n  textAlign: \"center\",\n  minWidth: 140\n};\nconst videoStyle = {\n  position: \"absolute\",\n  top: 0,\n  left: 0,\n  height: \"100%\",\n  width: \"100%\"\n};\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"Youtube\": {\n      \"type\": \"reactComponent\",\n      \"name\": \"Youtube\",\n      \"slots\": [],\n      \"annotations\": {\n        \"framerSupportedLayoutHeight\": \"fixed\",\n        \"framerContractVersion\": \"1\",\n        \"framerIntrinsicWidth\": \"560\",\n        \"framerIntrinsicHeight\": \"315\",\n        \"framerSupportedLayoutWidth\": \"fixed\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./YouTube.map"],
  "mappings": "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",
  "names": ["cycleOrder", "variantClassNames", "humanReadableVariantMap", "transitions", "Component", "Y", "externalStyle", "className", "width", "height", "layoutId", "outerVariant", "restProps", "ref", "variant", "variants", "baseVariant", "gestureVariant", "classNames", "transition", "setVariant", "setGestureState", "useVariantState", "layoutDependency", "activeVariantCallback", "delay", "useActiveVariantCallback", "onAppear1nijn8m", "args", "onAppear1fhcc5x", "useOnVariantChange", "variantProps", "se", "addVariantProps", "useAddVariantProps", "defaultLayoutId", "useRandomID", "pointerEvents", "style", "p", "LayoutGroup", "motion", "cx", "u", "SVG", "css", "FramerrlIcZ3c2D", "withCSS", "rlIcZ3c2D_default", "addPropertyControls", "ControlType", "addFonts", "PlayOptions", "ThumbnailOptions", "ThumbnailFormat", "Youtube", "url", "play", "shouldMute", "thumbnail", "isRed", "onClick", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "props", "onCanvas", "useIsOnCanvas", "isAutoplay", "showThumbnail", "isPreloading", "preloadVideo", "le", "showVideo", "startVideo", "isHovered", "setHovered", "ye", "borderRadius", "useRadius", "hasBorderRadius", "p", "Instructions", "parsedURL", "parseVideoURL", "ErrorMessage", "videoId", "embedURL", "thumbnailURL", "getThumbnailURL", "getWebPSupported", "searchParams", "u", "wrapperStyle", "videoStyle", "PlayButton", "addPropertyControls", "ControlType", "borderRadiusControl", "defaultEvents", "defaultProps", "urlString", "getEmbedURL", "pathSegments", "embedURL1", "videoId2", "embedURL2", "res", "format", "pre", "ext", "_getWebPSupported", "window", "element", "emptyStateStyle", "centerTextStyle", "message", "containerStyles", "buttonStyle"]
}