{ "version": 3, "sources": ["ssg:https://framer.com/m/framer/useConstant.js@^1.0.0", "ssg:https://framer.com/m/framer/randomID.js@^2.0.0", "ssg:https://framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js", "ssg:https://framerusercontent.com/modules/afBE9Yx1W6bY5q32qPxe/m3q7puE2tbo1S2C0s0CT/useRenderTarget.js", "ssg:https://framerusercontent.com/modules/5SM58HxZHxjjv7aLMOgQ/WXz9i6mVki0bBCrKdqB3/propUtils.js", "ssg:https://framerusercontent.com/modules/NEd4VmDdsxM3StIUbddO/vYIHSp44qmOgHgaaijWz/YouTube.js", "ssg:https://framerusercontent.com/modules/jDZfxsPIR1PBxkzR5hfw/nZpGv6w38vKxDmOJIxtK/LXwcOrvrd.js", "ssg:https://framerusercontent.com/modules/Jy50ZPSGWs4CtQFtIMRg/sPkFnIaFEdJlBs8V1LTW/componentPresets.js", "ssg:https://framerusercontent.com/modules/nzJ6dFhi9bsMvVhohVfH/2YSZih1F8ESn4XiXhs1J/ofX0N_NJb.js", "ssg:https://framerusercontent.com/modules/JbdKnpKeIZvATxbxNjQP/VfU0LeYRXL6A4AFVs9L0/RmxgVktS9.js", "ssg:https://framerusercontent.com/modules/YvqOacX2uJR8Jn6jlb2T/dbraiXosabqXu63g27LF/rxpu9vACz.js", "ssg:https://framerusercontent.com/modules/8S0iAyxWdBKITOven0YF/nilDTU5tRlP7AOqRtW42/stylesPresetHeading2.js", "ssg:https://framerusercontent.com/modules/7ckufdBD3GeOSX9WmxgX/OgUGLUjuhiWTgQymcyjt/OxJKnfPQj.js"], "sourcesContent": ["import { useRef } from \"react\";\n/**\n * Creates a constant value over the lifecycle of a component.\n *\n * Even if `useMemo` is provided an empty array as its final argument, it doesn't offer\n * a guarantee that it won't re-run for performance reasons later on.\n * By using `useConstant` you can ensure that initialisers don't execute twice or more.\n */ export function useConstant(init) {\n const ref = useRef(null);\n if (ref.current === null) {\n ref.current = init();\n }\n return ref.current;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useConstant\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useConstant.map", "import { useConstant } from \"https://framer.com/m/framer/useConstant.js@^1.0.0\";\nconst BASE62 = \"0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz\";\n/**\n * Generates a random string of BASE62 characters.\n */ export function randomID(length = 5) {\n return Array(length).fill(0).map(()=>BASE62[Math.floor(Math.random() * BASE62.length)]\n ).join(\"\");\n}\nexport function useRandomID(length = 5) {\n return useConstant(()=>randomID(length)\n );\n}\nconst defaultStorageKey = \"$$FramerRandomID\";\n/**\n * `randomID` but cached in localStorage.\n */ export function useCachedRandomID(storageKey = defaultStorageKey) {\n return useConstant(()=>{\n const storage = getLocalStorage();\n if (!storage) return randomID(8);\n const cachedValue = storage.getItem(storageKey);\n if (cachedValue) return cachedValue;\n const newID = randomID(8);\n storage.setItem(storageKey, newID);\n return newID;\n });\n}\nfunction getLocalStorage() {\n if (typeof window === undefined) return undefined;\n try {\n return window.localStorage;\n } catch (err) {\n return undefined;\n }\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useRandomID\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useCachedRandomID\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"randomID\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./randomID.map", "import { ControlType } from \"framer\";\nexport const fontStack = `\"Inter\", system-ui, -apple-system, BlinkMacSystemFont, \"Segoe UI\", Roboto, Helvetica, Arial, sans-serif, \"Apple Color Emoji\", \"Segoe UI Emoji\", \"Segoe UI Symbol\"`;\nexport const containerStyles = {\n position: \"relative\",\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\"\n};\nexport const emptyStateStyle = {\n ...containerStyles,\n borderRadius: 6,\n background: \"rgba(136, 85, 255, 0.3)\",\n color: \"#85F\",\n border: \"1px dashed #85F\",\n flexDirection: \"column\"\n};\nexport const defaultEvents = {\n onClick: {\n type: ControlType.EventHandler\n },\n onMouseEnter: {\n type: ControlType.EventHandler\n },\n onMouseLeave: {\n type: ControlType.EventHandler\n }\n};\nexport const fontSizeOptions = {\n type: ControlType.Number,\n title: \"Font Size\",\n min: 2,\n max: 200,\n step: 1,\n displayStepper: true\n};\nexport const fontControls = {\n font: {\n type: ControlType.Boolean,\n title: \"Font\",\n defaultValue: false,\n disabledTitle: \"Default\",\n enabledTitle: \"Custom\"\n },\n fontFamily: {\n type: ControlType.String,\n title: \"Family\",\n placeholder: \"Inter\",\n hidden: ({\n font\n }) => !font\n },\n fontWeight: {\n type: ControlType.Enum,\n title: \"Weight\",\n options: [100, 200, 300, 400, 500, 600, 700, 800, 900],\n optionTitles: [\"Thin\", \"Extra-light\", \"Light\", \"Regular\", \"Medium\", \"Semi-bold\", \"Bold\", \"Extra-bold\", \"Black\"],\n hidden: ({\n font\n }) => !font\n }\n};\n// @TODO check if we're missing anything here \u2014 there doesn't seem to be a reliable browser API for this\nexport const localeOptions = {\n af: \"Afrikaans\",\n sq: \"Albanian\",\n an: \"Aragonese\",\n ar: \"Arabic (Standard)\",\n \"ar-dz\": \"Arabic (Algeria)\",\n \"ar-bh\": \"Arabic (Bahrain)\",\n \"ar-eg\": \"Arabic (Egypt)\",\n \"ar-iq\": \"Arabic (Iraq)\",\n \"ar-jo\": \"Arabic (Jordan)\",\n \"ar-kw\": \"Arabic (Kuwait)\",\n \"ar-lb\": \"Arabic (Lebanon)\",\n \"ar-ly\": \"Arabic (Libya)\",\n \"ar-ma\": \"Arabic (Morocco)\",\n \"ar-om\": \"Arabic (Oman)\",\n \"ar-qa\": \"Arabic (Qatar)\",\n \"ar-sa\": \"Arabic (Saudi Arabia)\",\n \"ar-sy\": \"Arabic (Syria)\",\n \"ar-tn\": \"Arabic (Tunisia)\",\n \"ar-ae\": \"Arabic (U.A.E.)\",\n \"ar-ye\": \"Arabic (Yemen)\",\n hy: \"Armenian\",\n as: \"Assamese\",\n ast: \"Asturian\",\n az: \"Azerbaijani\",\n eu: \"Basque\",\n bg: \"Bulgarian\",\n be: \"Belarusian\",\n bn: \"Bengali\",\n bs: \"Bosnian\",\n br: \"Breton\",\n my: \"Burmese\",\n ca: \"Catalan\",\n ch: \"Chamorro\",\n ce: \"Chechen\",\n zh: \"Chinese\",\n \"zh-hk\": \"Chinese (Hong Kong)\",\n \"zh-cn\": \"Chinese (PRC)\",\n \"zh-sg\": \"Chinese (Singapore)\",\n \"zh-tw\": \"Chinese (Taiwan)\",\n cv: \"Chuvash\",\n co: \"Corsican\",\n cr: \"Cree\",\n hr: \"Croatian\",\n cs: \"Czech\",\n da: \"Danish\",\n nl: \"Dutch (Standard)\",\n \"nl-be\": \"Dutch (Belgian)\",\n en: \"English\",\n \"en-au\": \"English (Australia)\",\n \"en-bz\": \"English (Belize)\",\n \"en-ca\": \"English (Canada)\",\n \"en-ie\": \"English (Ireland)\",\n \"en-jm\": \"English (Jamaica)\",\n \"en-nz\": \"English (New Zealand)\",\n \"en-ph\": \"English (Philippines)\",\n \"en-za\": \"English (South Africa)\",\n \"en-tt\": \"English (Trinidad & Tobago)\",\n \"en-gb\": \"English (United Kingdom)\",\n \"en-us\": \"English (United States)\",\n \"en-zw\": \"English (Zimbabwe)\",\n eo: \"Esperanto\",\n et: \"Estonian\",\n fo: \"Faeroese\",\n fa: \"Farsi\",\n fj: \"Fijian\",\n fi: \"Finnish\",\n fr: \"French (Standard)\",\n \"fr-be\": \"French (Belgium)\",\n \"fr-ca\": \"French (Canada)\",\n \"fr-fr\": \"French (France)\",\n \"fr-lu\": \"French (Luxembourg)\",\n \"fr-mc\": \"French (Monaco)\",\n \"fr-ch\": \"French (Switzerland)\",\n fy: \"Frisian\",\n fur: \"Friulian\",\n gd: \"Gaelic (Scots)\",\n \"gd-ie\": \"Gaelic (Irish)\",\n gl: \"Galacian\",\n ka: \"Georgian\",\n de: \"German (Standard)\",\n \"de-at\": \"German (Austria)\",\n \"de-de\": \"German (Germany)\",\n \"de-li\": \"German (Liechtenstein)\",\n \"de-lu\": \"German (Luxembourg)\",\n \"de-ch\": \"German (Switzerland)\",\n el: \"Greek\",\n gu: \"Gujurati\",\n ht: \"Haitian\",\n he: \"Hebrew\",\n hi: \"Hindi\",\n hu: \"Hungarian\",\n is: \"Icelandic\",\n id: \"Indonesian\",\n iu: \"Inuktitut\",\n ga: \"Irish\",\n it: \"Italian (Standard)\",\n \"it-ch\": \"Italian (Switzerland)\",\n ja: \"Japanese\",\n kn: \"Kannada\",\n ks: \"Kashmiri\",\n kk: \"Kazakh\",\n km: \"Khmer\",\n ky: \"Kirghiz\",\n tlh: \"Klingon\",\n ko: \"Korean\",\n \"ko-kp\": \"Korean (North Korea)\",\n \"ko-kr\": \"Korean (South Korea)\",\n la: \"Latin\",\n lv: \"Latvian\",\n lt: \"Lithuanian\",\n lb: \"Luxembourgish\",\n mk: \"FYRO Macedonian\",\n ms: \"Malay\",\n ml: \"Malayalam\",\n mt: \"Maltese\",\n mi: \"Maori\",\n mr: \"Marathi\",\n mo: \"Moldavian\",\n nv: \"Navajo\",\n ng: \"Ndonga\",\n ne: \"Nepali\",\n no: \"Norwegian\",\n nb: \"Norwegian (Bokmal)\",\n nn: \"Norwegian (Nynorsk)\",\n oc: \"Occitan\",\n or: \"Oriya\",\n om: \"Oromo\",\n \"fa-ir\": \"Persian/Iran\",\n pl: \"Polish\",\n pt: \"Portuguese\",\n \"pt-br\": \"Portuguese (Brazil)\",\n pa: \"Punjabi\",\n \"pa-in\": \"Punjabi (India)\",\n \"pa-pk\": \"Punjabi (Pakistan)\",\n qu: \"Quechua\",\n rm: \"Rhaeto-Romanic\",\n ro: \"Romanian\",\n \"ro-mo\": \"Romanian (Moldavia)\",\n ru: \"Russian\",\n \"ru-mo\": \"Russian (Moldavia)\",\n sz: \"Sami (Lappish)\",\n sg: \"Sango\",\n sa: \"Sanskrit\",\n sc: \"Sardinian\",\n sd: \"Sindhi\",\n si: \"Singhalese\",\n sr: \"Serbian\",\n sk: \"Slovak\",\n sl: \"Slovenian\",\n so: \"Somani\",\n sb: \"Sorbian\",\n es: \"Spanish\",\n \"es-ar\": \"Spanish (Argentina)\",\n \"es-bo\": \"Spanish (Bolivia)\",\n \"es-cl\": \"Spanish (Chile)\",\n \"es-co\": \"Spanish (Colombia)\",\n \"es-cr\": \"Spanish (Costa Rica)\",\n \"es-do\": \"Spanish (Dominican Republic)\",\n \"es-ec\": \"Spanish (Ecuador)\",\n \"es-sv\": \"Spanish (El Salvador)\",\n \"es-gt\": \"Spanish (Guatemala)\",\n \"es-hn\": \"Spanish (Honduras)\",\n \"es-mx\": \"Spanish (Mexico)\",\n \"es-ni\": \"Spanish (Nicaragua)\",\n \"es-pa\": \"Spanish (Panama)\",\n \"es-py\": \"Spanish (Paraguay)\",\n \"es-pe\": \"Spanish (Peru)\",\n \"es-pr\": \"Spanish (Puerto Rico)\",\n \"es-es\": \"Spanish (Spain)\",\n \"es-uy\": \"Spanish (Uruguay)\",\n \"es-ve\": \"Spanish (Venezuela)\",\n sx: \"Sutu\",\n sw: \"Swahili\",\n sv: \"Swedish\",\n \"sv-fi\": \"Swedish (Finland)\",\n \"sv-sv\": \"Swedish (Sweden)\",\n ta: \"Tamil\",\n tt: \"Tatar\",\n te: \"Teluga\",\n th: \"Thai\",\n tig: \"Tigre\",\n ts: \"Tsonga\",\n tn: \"Tswana\",\n tr: \"Turkish\",\n tk: \"Turkmen\",\n uk: \"Ukrainian\",\n hsb: \"Upper Sorbian\",\n ur: \"Urdu\",\n ve: \"Venda\",\n vi: \"Vietnamese\",\n vo: \"Volapuk\",\n wa: \"Walloon\",\n cy: \"Welsh\",\n xh: \"Xhosa\",\n ji: \"Yiddish\",\n zu: \"Zulu\"\n};\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"fontSizeOptions\": {\n \"type\": \"variable\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"fontControls\": {\n \"type\": \"variable\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"localeOptions\": {\n \"type\": \"variable\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"fontStack\": {\n \"type\": \"variable\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"emptyStateStyle\": {\n \"type\": \"variable\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"containerStyles\": {\n \"type\": \"variable\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"defaultEvents\": {\n \"type\": \"variable\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n }\n }\n};\n//# sourceMappingURL=./constants.map", "import { useMemo } from \"react\";\nimport { RenderTarget } from \"framer\";\nexport function useRenderTarget() {\n const currentRenderTarget = useMemo(() => RenderTarget.current(), []);\n return currentRenderTarget;\n}\nexport function useIsInPreview() {\n const inPreview = useMemo(() => RenderTarget.current() === RenderTarget.preview, []);\n return inPreview;\n}\nexport function useIsOnCanvas() {\n const onCanvas = useMemo(() => RenderTarget.current() === RenderTarget.canvas, []);\n return onCanvas;\n}\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"useIsInPreview\": {\n \"type\": \"function\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"useRenderTarget\": {\n \"type\": \"function\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"useIsOnCanvas\": {\n \"type\": \"function\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n }\n }\n};\n//# sourceMappingURL=./useRenderTarget.map", "import { useMemo } from \"react\";\nimport { ControlType } from \"framer\";\nexport function useRadius(props) {\n const {\n borderRadius,\n isMixedBorderRadius,\n topLeftRadius,\n topRightRadius,\n bottomRightRadius,\n bottomLeftRadius\n } = props;\n const radiusValue = useMemo(() => isMixedBorderRadius ? `${topLeftRadius}px ${topRightRadius}px ${bottomRightRadius}px ${bottomLeftRadius}px` : `${borderRadius}px`, [borderRadius, isMixedBorderRadius, topLeftRadius, topRightRadius, bottomRightRadius, bottomLeftRadius]);\n return radiusValue;\n}\nexport const borderRadiusControl = {\n borderRadius: {\n title: \"Radius\",\n type: ControlType.FusedNumber,\n toggleKey: \"isMixedBorderRadius\",\n toggleTitles: [\"Radius\", \"Radius per corner\"],\n valueKeys: [\"topLeftRadius\", \"topRightRadius\", \"bottomRightRadius\", \"bottomLeftRadius\"],\n valueLabels: [\"TL\", \"TR\", \"BR\", \"BL\"],\n min: 0\n }\n};\nexport function usePadding(props) {\n const {\n padding,\n paddingPerSide,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft\n } = props;\n const paddingValue = useMemo(() => paddingPerSide ? `${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px` : padding, [padding, paddingPerSide, paddingTop, paddingRight, paddingBottom, paddingLeft]);\n return paddingValue;\n}\nexport const paddingControl = {\n padding: {\n type: ControlType.FusedNumber,\n toggleKey: \"paddingPerSide\",\n toggleTitles: [\"Padding\", \"Padding per side\"],\n valueKeys: [\"paddingTop\", \"paddingRight\", \"paddingBottom\", \"paddingLeft\"],\n valueLabels: [\"T\", \"R\", \"B\", \"L\"],\n min: 0,\n title: \"Padding\"\n }\n};\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"borderRadiusControl\": {\n \"type\": \"variable\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"useRadius\": {\n \"type\": \"function\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"RadiusProps\": {\n \"type\": \"tsType\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"PaddingProps\": {\n \"type\": \"tsType\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"usePadding\": {\n \"type\": \"function\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"paddingControl\": {\n \"type\": \"variable\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n }\n }\n};\n//# sourceMappingURL=./propUtils.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 } from \"https://framer.com/m/framer/default-utils.js\";\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 = {})); /**\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 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); // 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 ...centerStyle,\n background: showThumbnail ? `center / cover url(${thumbnailURL}) no-repeat` : undefined,\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 }), showVideo ? /*#__PURE__*/_jsx(\"iframe\", {\n src: embedURL.href,\n width: \"100%\",\n height: \"100%\",\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 ...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 embedURL = getEmbedURL(videoId);\n return [videoId, embedURL];\n } // https://www.youtube.com/embed/Fop2oskTug8\n if (pathSegments[0] === \"embed\") {\n const videoId = pathSegments[1];\n return [videoId, url];\n }\n } // https://youtu.be/Fop2oskTug8\n if (url.hostname === \"youtu.be\") {\n const videoId = url.pathname.slice(1);\n const embedURL = getEmbedURL(videoId);\n return [videoId, embedURL];\n }\n}\nfunction getEmbedURL(videoId) {\n return new URL(`https://www.youtube.com/embed/${videoId}`);\n}\nfunction getThumbnailURL(videoId, res) {\n switch (res) {\n case ThumbnailOptions.Low:\n return `https://i.ytimg.com/vi/${videoId}/hqdefault.jpg`;\n case ThumbnailOptions.Medium:\n return `https://i.ytimg.com/vi/${videoId}/sddefault.jpg`;\n case ThumbnailOptions.High:\n return `https://i.ytimg.com/vi/${videoId}/maxresdefault.jpg`;\n default:\n return `https://i.ytimg.com/vi/${videoId}/0.jpg`;\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 : 0.8 : 0.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 width: 68,\n height: 48,\n padding: 0,\n border: \"none\",\n background: \"transparent\",\n cursor: \"pointer\"\n};\nconst centerStyle = {\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\",\n width: \"100%\",\n height: \"100%\"\n};\nconst centerTextStyle = {\n textAlign: \"center\",\n minWidth: 140\n};\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"Youtube\": {\n \"type\": \"reactComponent\",\n \"name\": \"Youtube\",\n \"slots\": [],\n \"annotations\": {\n \"framerSupportedLayoutWidth\": \"fixed\",\n \"framerSupportedLayoutHeight\": \"fixed\",\n \"framerIntrinsicHeight\": \"315\",\n \"framerContractVersion\": \"1\",\n \"framerIntrinsicWidth\": \"560\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};\n//# sourceMappingURL=./YouTube.map", "import { jsx as _jsx } from \"react/jsx-runtime\"; // Generated by Framer (cb21a97)\nimport * as React from \"react\";\nimport { motion, LayoutGroup } from \"framer-motion\";\nimport { addFonts, withCSS, addPropertyControls, ControlType, cx, useVariantState, getFonts } from \"framer\";\nimport { useRandomID } from \"https://framer.com/m/framer/randomID.js@^2.0.0\";\nimport { Youtube as YouTube } from \"https://framerusercontent.com/modules/NEd4VmDdsxM3StIUbddO/vYIHSp44qmOgHgaaijWz/YouTube.js\";\nconst YouTubeFonts = getFonts(YouTube);\nconst cycleOrder = [\"caY0T8u69\"];\nconst variantClassNames = {\n caY0T8u69: \"framer-v-14vd17h\"\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 type: \"tween\",\n ease: [0.44, 0, 0.56, 1],\n duration: 0,\n delay: 0,\n stiffness: 500,\n damping: 60,\n mass: 1\n }\n};\nconst Component = /*#__PURE__*/React.forwardRef(function ({\n id,\n style: externalStyle = {},\n className,\n width,\n height,\n layoutId,\n variant: outerVariant = \"caY0T8u69\",\n video: OUPV_tjXz = \"https://youtu.be/smPos0mJvh8\",\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: \"caY0T8u69\",\n variant,\n transitions,\n variantClassNames,\n cycleOrder\n });\n const layoutDependency = variants.join(\"-\") + restProps.layoutDependency;\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-j84Af\", 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 layoutId: \"caY0T8u69\",\n className: cx(\"framer-14vd17h\", className),\n style: {\n borderBottomLeftRadius: 10,\n borderBottomRightRadius: 10,\n borderTopRightRadius: 10,\n borderTopLeftRadius: 10,\n ...style\n },\n transition: transition,\n layoutDependency: layoutDependency,\n background: null,\n \"data-framer-name\": \"Variant 1\",\n ref: ref,\n children: /*#__PURE__*/_jsx(motion.div, {\n style: {},\n layoutId: \"Q02gqrsHp-container\",\n className: \"framer-1r1609t-container\",\n transition: transition,\n layoutDependency: layoutDependency,\n children: /*#__PURE__*/_jsx(YouTube, {\n width: \"100%\",\n height: \"100%\",\n layoutId: \"Q02gqrsHp\",\n id: \"Q02gqrsHp\",\n url: OUPV_tjXz,\n play: \"Off\",\n shouldMute: true,\n thumbnail: \"High Quality\",\n isRed: false,\n style: {\n width: \"100%\",\n height: \"100%\"\n }\n })\n })\n })\n })\n });\n});\nconst css = [\".framer-j84Af [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-j84Af * { box-sizing: border-box; }\", \".framer-j84Af .framer-14vd17h { position: relative; overflow: hidden; will-change: transform; width: 600px; height: 338px; }\", \".framer-j84Af .framer-1r1609t-container { position: absolute; right: -2px; bottom: -2px; left: -2px; top: -2px; flex: none; }\"]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 338\n * @framerIntrinsicWidth 600\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"OUPV_tjXz\":\"video\"}\n */\nconst FramerLXwcOrvrd = withCSS(Component, css);\nexport default FramerLXwcOrvrd;\nFramerLXwcOrvrd.displayName = \"Video\";\nFramerLXwcOrvrd.defaultProps = {\n width: 600,\n height: 338\n};\naddPropertyControls(FramerLXwcOrvrd, {\n OUPV_tjXz: {\n type: ControlType.String,\n title: \"Video\",\n defaultValue: \"https://youtu.be/smPos0mJvh8\"\n }\n});\naddFonts(FramerLXwcOrvrd, [...YouTubeFonts]);\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"FramerLXwcOrvrd\",\n \"slots\": [],\n \"annotations\": {\n \"framerContractVersion\": \"1\",\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\n \"framerIntrinsicHeight\": \"338\",\n \"framerIntrinsicWidth\": \"600\",\n \"framerVariables\": \"{\\\"OUPV_tjXz\\\":\\\"video\\\"}\"\n }\n },\n \"Props\": {\n \"type\": \"tsType\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};\n//# sourceMappingURL=./LXwcOrvrd.map", "export const props = {\n kGh1TALgr: {\n borderRadius: 15,\n bottomLeftRadius: 15,\n bottomRightRadius: 15,\n darkTheme: \"framerDark\",\n font: {\n fontFamily: '\"Fragment Mono\", monospace',\n fontSize: \"14px\",\n fontStyle: \"normal\",\n fontWeight: 400,\n letterSpacing: \"0em\",\n lineHeight: \"1.5em\"\n },\n isMixedBorderRadius: false,\n lightTheme: \"framerLight\",\n padding: 30,\n paddingBottom: 30,\n paddingLeft: 30,\n paddingPerSide: false,\n paddingRight: 30,\n paddingTop: 30,\n theme: \"framerDark\",\n themeMode: \"Static\",\n topLeftRadius: 15,\n topRightRadius: 15\n }\n};\nexport const fonts = {\n kGh1TALgr: [{\n family: \"Fragment Mono\",\n moduleAsset: {\n localModuleIdentifier: \"local-module:componentPresets/componentPresets:default\",\n url: \"https://fonts.gstatic.com/s/fragmentmono/v4/4iCr6K5wfMRRjxp0DA6-2CLnN4RNh4UI_1U.ttf\"\n },\n style: \"normal\",\n url: \"https://fonts.gstatic.com/s/fragmentmono/v4/4iCr6K5wfMRRjxp0DA6-2CLnN4RNh4UI_1U.ttf\",\n weight: \"400\"\n }]\n};\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"fonts\": {\n \"type\": \"variable\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"props\": {\n \"type\": \"variable\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};", "import { fontStore } from \"framer\";\nfontStore.loadWebFontsFromSelectors([]);\nexport const fonts = [];\nexport const css = [\".framer-hE7JT .framer-styles-preset-i6wbpf:not(.rich-text-wrapper), .framer-hE7JT .framer-styles-preset-i6wbpf.rich-text-wrapper a { --framer-link-text-color: #0099ff; --framer-link-text-decoration: none; --framer-link-hover-text-color: #0088ff; --framer-link-hover-text-decoration: underline; }\"];\nexport const className = \"framer-hE7JT\";\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"fonts\": {\n \"type\": \"variable\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"className\": {\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};", "import { fontStore } from \"framer\";\nfontStore.loadWebFontsFromSelectors([\"Inter-Bold\"]);\nexport const fonts = [];\nexport const css = ['.framer-nmfZE .framer-styles-preset-pbcc75:not(.rich-text-wrapper), .framer-nmfZE .framer-styles-preset-pbcc75.rich-text-wrapper h4 { --framer-font-family: \"Inter-Bold\", \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-size: 20px; --framer-font-style: normal; --framer-font-weight: 700; --framer-letter-spacing: 0em; --framer-line-height: 1.4em; --framer-paragraph-spacing: 40px; --framer-text-alignment: start; --framer-text-color: #333333; --framer-text-decoration: none; --framer-text-transform: none; }'];\nexport const className = \"framer-nmfZE\";\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"className\": {\n \"type\": \"variable\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"css\": {\n \"type\": \"variable\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"fonts\": {\n \"type\": \"variable\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};", "import { fontStore } from \"framer\";\nfontStore.loadWebFontsFromSelectors([\"GF;Fragment Mono-regular\"]);\nexport const fonts = [{\n family: \"Fragment Mono\",\n moduleAsset: {\n localModuleIdentifier: \"local-module:css/rxpu9vACz:default\",\n url: \"https://fonts.gstatic.com/s/fragmentmono/v4/4iCr6K5wfMRRjxp0DA6-2CLnN4RNh4UI_1U.ttf\"\n },\n style: \"normal\",\n url: \"https://fonts.gstatic.com/s/fragmentmono/v4/4iCr6K5wfMRRjxp0DA6-2CLnN4RNh4UI_1U.ttf\",\n weight: \"400\"\n}];\nexport const css = ['.framer-Qpsqp .framer-styles-preset-gpj1xk { --framer-code-font-family: \"Fragment Mono\", monospace; --framer-code-font-style: normal; --framer-code-font-weight: 400; --framer-code-text-color: #333; --framer-font-size-scale: 1; background-color: rgba(0, 0, 0, 0.1); border-bottom-left-radius: 6px; border-bottom-right-radius: 6px; border-top-left-radius: 6px; border-top-right-radius: 6px; padding-bottom: 0.1em; padding-left: 0.2em; padding-right: 0.2em; padding-top: 0.1em; }'];\nexport const className = \"framer-Qpsqp\";\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"className\": {\n \"type\": \"variable\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"css\": {\n \"type\": \"variable\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"fonts\": {\n \"type\": \"variable\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"__FramerMetadata__\": {\n \"type\": \"variable\"\n }\n }\n};", "import { fontStore } from \"framer\";\nfontStore.loadWebFontsFromSelectors([\"GF;Manrope-700\"]);\nexport const fonts = [{\n \"url\": \"https://fonts.gstatic.com/s/manrope/v12/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE-_F87jxeN7B.ttf\",\n \"family\": \"Manrope\",\n \"style\": \"normal\",\n \"weight\": \"700\",\n \"moduleAsset\": {\n \"url\": \"https://fonts.gstatic.com/s/manrope/v12/xn7_YHE41ni1AdIRqAuZuw1Bx9mbZk4aE-_F87jxeN7B.ttf\",\n \"localModuleIdentifier\": \"local-module:css/stylesPresetHeading2:default\"\n }\n}];\nexport const css = ['.framer-Mkayr .framer-styles-preset-1m9bzi2:not(.rich-text-wrapper), .framer-Mkayr .framer-styles-preset-1m9bzi2.rich-text-wrapper h2 { --framer-font-family: \"Manrope\", serif; --framer-font-style: normal; --framer-font-weight: 700; --framer-text-color: #000000; --framer-font-size: 18px; --framer-letter-spacing: 0px; --framer-text-transform: none; --framer-text-decoration: none; --framer-line-height: 1.6em; --framer-text-alignment: start; --framer-paragraph-spacing: 40px; }'];\nexport const className = \"framer-Mkayr\";\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"fonts\": {\n \"type\": \"variable\",\n \"annotations\": {\n \"framerContractVersion\": \"1\"\n }\n },\n \"className\": {\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};", "// Generated by Framer (b084a7c)\nvar ref;\nimport { jsx as _jsx, jsxs as _jsxs } from \"react/jsx-runtime\";\nimport { addFonts, ComponentPresetsProvider, Container, cx, GeneratedComponentContext, getFonts, getWhereExpressionFromPathVariables, NotFoundError, removeHiddenBreakpointLayers, RichText, useCurrentPathVariables, useHydratedBreakpointVariants, useLocaleInfo, useQueryData, withCSS } from \"framer\";\nimport { LayoutGroup, motion } from \"framer-motion\";\nimport * as React from \"react\";\nimport Video from \"https://framerusercontent.com/modules/jDZfxsPIR1PBxkzR5hfw/nZpGv6w38vKxDmOJIxtK/LXwcOrvrd.js\";\nimport Topbar from \"https://framerusercontent.com/modules/1vsagbBYjhfIQxB9YE6g/XPq9vcS6jBI2XwwivW8P/m8jUfCmf4.js\";\nimport Docs from \"https://framerusercontent.com/modules/z7goftw2ZedAYnPkDXPp/bRExKbnYMrsiA9Aqms6Z/wUEEgftCv.js\";\nimport * as componentPresets from \"https://framerusercontent.com/modules/Jy50ZPSGWs4CtQFtIMRg/sPkFnIaFEdJlBs8V1LTW/componentPresets.js\";\nimport * as sharedStyle5 from \"https://framerusercontent.com/modules/nzJ6dFhi9bsMvVhohVfH/2YSZih1F8ESn4XiXhs1J/ofX0N_NJb.js\";\nimport * as sharedStyle3 from \"https://framerusercontent.com/modules/JbdKnpKeIZvATxbxNjQP/VfU0LeYRXL6A4AFVs9L0/RmxgVktS9.js\";\nimport * as sharedStyle6 from \"https://framerusercontent.com/modules/YvqOacX2uJR8Jn6jlb2T/dbraiXosabqXu63g27LF/rxpu9vACz.js\";\nimport * as sharedStyle from \"https://framerusercontent.com/modules/5bpfX1BArrU6yeDaBNo1/Kgpy3wi85j4VAis0bcXG/stylesPresetHeading1.js\";\nimport * as sharedStyle1 from \"https://framerusercontent.com/modules/8S0iAyxWdBKITOven0YF/nilDTU5tRlP7AOqRtW42/stylesPresetHeading2.js\";\nimport * as sharedStyle2 from \"https://framerusercontent.com/modules/opFLJfFUKbirXJHqrf0Q/MtxvQnx3MRCESlgOKKlW/stylesPresetHeading3.js\";\nimport * as sharedStyle4 from \"https://framerusercontent.com/modules/1oF5PBLWeC0Ukxx21AGv/hQREqQIFixhPO2TEk8Ak/stylesPresetParagraph.js\";\nimport metadataProvider from \"https://framerusercontent.com/modules/dg4BNj8QY7l0pZfka5K6/aDwmi702lPxN444GzwlC/OxJKnfPQj.js\";\nconst TopbarFonts = getFonts(Topbar);\nconst VideoFonts = getFonts(Video);\nconst cycleOrder = [\"gKdhyhNzL\", \"vKI7F4ulp\", \"DfY7gYR5j\"];\nconst breakpoints = {\n DfY7gYR5j: \"(max-width: 809px)\",\n gKdhyhNzL: \"(min-width: 1000px)\",\n vKI7F4ulp: \"(min-width: 810px) and (max-width: 999px)\"\n};\nconst isBrowser = () => typeof document !== \"undefined\";\nconst variantClassNames = {\n DfY7gYR5j: \"framer-v-itz73o\",\n gKdhyhNzL: \"framer-v-7p8evs\",\n vKI7F4ulp: \"framer-v-1s22y7t\"\n};\nif (isBrowser()) {\n removeHiddenBreakpointLayers(\"gKdhyhNzL\", breakpoints, variantClassNames);\n}\nconst transitions = {\n default: {\n duration: 0\n }\n};\nconst metadata = metadataProvider();\nconst humanReadableVariantMap = {\n Desktop: \"gKdhyhNzL\",\n Phone: \"DfY7gYR5j\",\n Tablet: \"vKI7F4ulp\"\n};\nconst getProps = ({\n height,\n id,\n width,\n ...props\n}) => {\n var _variant, ref;\n return {\n ...props,\n variant: (ref = (_variant = humanReadableVariantMap[props.variant]) !== null && _variant !== void 0 ? _variant : props.variant) !== null && ref !== void 0 ? ref : \"gKdhyhNzL\"\n };\n};\nconst Component = /*#__PURE__*/React.forwardRef(function (props, ref) {\n const {\n activeLocale\n } = useLocaleInfo();\n const currentPathVariables = useCurrentPathVariables();\n const [currentRouteData] = useQueryData({\n from: {\n data: Docs,\n locale: activeLocale,\n type: \"Collection\"\n },\n select: [{\n name: \"SwFrHya0n\",\n type: \"Identifier\"\n }, {\n name: \"OsCKtdxJS\",\n type: \"Identifier\"\n }, {\n name: \"HV1m26qvO\",\n type: \"Identifier\"\n }, {\n name: \"HhV1lFMd5\",\n type: \"Identifier\"\n }, {\n name: \"BlGAjU98O\",\n type: \"Identifier\"\n }],\n where: getWhereExpressionFromPathVariables(currentPathVariables)\n });\n const getFromCurrentRouteData = key => {\n if (!currentRouteData) throw new NotFoundError(`No data in \"Docs\" matches path variables: ${JSON.stringify(currentPathVariables)}`);\n return currentRouteData[key];\n };\n const {\n style,\n className,\n layoutId,\n variant,\n OsCKtdxJS = getFromCurrentRouteData(\"OsCKtdxJS\"),\n SwFrHya0n = getFromCurrentRouteData(\"SwFrHya0n\"),\n HhV1lFMd5 = getFromCurrentRouteData(\"HhV1lFMd5\"),\n BlGAjU98O = getFromCurrentRouteData(\"BlGAjU98O\"),\n HV1m26qvO = getFromCurrentRouteData(\"HV1m26qvO\"),\n ...restProps\n } = getProps(props);\n React.useLayoutEffect(() => {\n const metadata1 = metadataProvider(currentRouteData);\n document.title = metadata1.title || \"\";\n if (metadata1.viewport) {\n var ref;\n (ref = document.querySelector('meta[name=\"viewport\"]')) === null || ref === void 0 ? void 0 : ref.setAttribute(\"content\", metadata1.viewport);\n }\n if (metadata1.bodyClassName) {\n Array.from(document.body.classList).filter(c => c.startsWith(\"framer-body-\")).map(c => document.body.classList.remove(c));\n document.body.classList.add(metadata1.bodyClassName);\n }\n }, [currentRouteData]);\n const [baseVariant, hydratedBaseVariant] = useHydratedBreakpointVariants(variant, breakpoints, false);\n const gestureVariant = undefined;\n const transition = transitions.default;\n const defaultLayoutId = React.useId();\n return /*#__PURE__*/_jsx(GeneratedComponentContext.Provider, {\n value: {\n primaryVariantId: \"gKdhyhNzL\",\n variantClassNames\n },\n children: /*#__PURE__*/_jsx(LayoutGroup, {\n id: layoutId !== null && layoutId !== void 0 ? layoutId : defaultLayoutId,\n children: /*#__PURE__*/_jsxs(motion.div, {\n className: cx(\"framer-Yl3nm\", sharedStyle.className, sharedStyle1.className, sharedStyle2.className, sharedStyle3.className, sharedStyle4.className, sharedStyle5.className, sharedStyle6.className),\n style: {\n display: \"contents\"\n },\n children: [/*#__PURE__*/_jsxs(motion.div, {\n ...restProps,\n className: cx(\"framer-7p8evs\", className),\n ref: ref,\n style: {\n ...style\n },\n children: [/*#__PURE__*/_jsx(Container, {\n className: \"framer-htmnis-container\",\n children: /*#__PURE__*/_jsx(Topbar, {\n height: \"100%\",\n id: \"qqCqDpryb\",\n layoutId: \"qqCqDpryb\",\n style: {\n width: \"100%\"\n },\n title: \"NextGenSec\",\n variant: \"KF2xAfiyP\",\n width: \"100%\"\n })\n }), /*#__PURE__*/_jsxs(motion.article, {\n className: \"framer-1jc2zga\",\n \"data-framer-name\": \"Post Content\",\n name: \"Post Content\",\n children: [/*#__PURE__*/_jsxs(motion.div, {\n className: \"framer-cj628x\",\n children: [/*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(\"h1\", {\n className: \"framer-styles-preset-o3e5h0\",\n \"data-styles-preset\": \"stylesPresetHeading1\",\n style: {\n \"--framer-text-alignment\": \"left\"\n },\n children: \"Title\"\n })\n }),\n className: \"framer-1hj6c74\",\n \"data-framer-name\": \"Title\",\n name: \"Title\",\n text: OsCKtdxJS,\n verticalAlignment: \"top\",\n withExternalLayout: true\n }), /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: /*#__PURE__*/_jsx(React.Fragment, {\n children: /*#__PURE__*/_jsx(\"h1\", {\n className: \"framer-styles-preset-o3e5h0\",\n \"data-styles-preset\": \"stylesPresetHeading1\",\n style: {\n \"--framer-text-alignment\": \"left\"\n },\n children: \"Title\"\n })\n }),\n className: \"framer-s8wsm8\",\n \"data-framer-name\": \"Title\",\n name: \"Title\",\n text: SwFrHya0n,\n verticalAlignment: \"top\",\n withExternalLayout: true\n })]\n }), HhV1lFMd5 && /*#__PURE__*/_jsx(Container, {\n className: \"framer-1lusdrm-container\",\n children: /*#__PURE__*/_jsx(Video, {\n height: \"100%\",\n id: \"OMdBjRjjN\",\n layoutId: \"OMdBjRjjN\",\n style: {\n height: \"100%\",\n width: \"100%\"\n },\n video: BlGAjU98O,\n width: \"100%\"\n })\n }), /*#__PURE__*/_jsx(ComponentPresetsProvider, {\n presets: {\n \"module:pVk4QsoHxASnVtUBp6jr/TbhpORLndv1iOkZzyo83/CodeBlock.js:default\": componentPresets.props[\"kGh1TALgr\"]\n },\n children: /*#__PURE__*/_jsx(RichText, {\n __fromCanvasComponent: true,\n children: HV1m26qvO,\n className: \"framer-1jqfszm\",\n \"data-framer-name\": \"Content\",\n name: \"Content\",\n stylesPresetsClassNames: {\n a: \"framer-styles-preset-i6wbpf\",\n code: \"framer-styles-preset-gpj1xk\",\n h1: \"framer-styles-preset-o3e5h0\",\n h2: \"framer-styles-preset-1m9bzi2\",\n h3: \"framer-styles-preset-ci2ngw\",\n h4: \"framer-styles-preset-pbcc75\",\n p: \"framer-styles-preset-16bzrdu\"\n },\n verticalAlignment: \"top\",\n withExternalLayout: true\n })\n })]\n })]\n }), /*#__PURE__*/_jsx(\"div\", {\n id: \"overlay\"\n })]\n })\n })\n });\n});\nconst css = ['.framer-Yl3nm [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; } }\", `.${metadata.bodyClassName} { background: rgba(255,255,255,1); }`, \".framer-Yl3nm .framer-1wrifwm { display: block; }\", \".framer-Yl3nm .framer-7p8evs { align-content: center; align-items: center; background-color: #ffffff; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 1000px; }\", \".framer-Yl3nm .framer-htmnis-container { flex: none; height: auto; position: sticky; top: 0px; width: 100%; will-change: transform; z-index: 1; }\", \".framer-Yl3nm .framer-1jc2zga { align-content: flex-start; align-items: flex-start; background-color: #ffffff; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 40px; height: min-content; justify-content: flex-start; max-width: 100%; padding: 80px 40px 80px 40px; position: relative; width: 680px; }\", \".framer-Yl3nm .framer-cj628x { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 20px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\", \".framer-Yl3nm .framer-1hj6c74, .framer-Yl3nm .framer-s8wsm8 { --framer-paragraph-spacing: 0px; flex: none; height: auto; position: relative; white-space: pre; width: auto; }\", \".framer-Yl3nm .framer-1lusdrm-container { aspect-ratio: 1.7751479289940828 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 113px); position: relative; width: 100%; }\", \".framer-Yl3nm .framer-1jqfszm { --framer-paragraph-spacing: 20px; 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 (scale:1)) { .framer-Yl3nm .framer-7p8evs, .framer-Yl3nm .framer-1jc2zga, .framer-Yl3nm .framer-cj628x { gap: 0px; } .framer-Yl3nm .framer-7p8evs > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-Yl3nm .framer-7p8evs > :first-child, .framer-Yl3nm .framer-1jc2zga > :first-child, .framer-Yl3nm .framer-cj628x > :first-child { margin-top: 0px; } .framer-Yl3nm .framer-7p8evs > :last-child, .framer-Yl3nm .framer-1jc2zga > :last-child, .framer-Yl3nm .framer-cj628x > :last-child { margin-bottom: 0px; } .framer-Yl3nm .framer-1jc2zga > * { margin: 0px; margin-bottom: calc(40px / 2); margin-top: calc(40px / 2); } .framer-Yl3nm .framer-cj628x > * { margin: 0px; margin-bottom: calc(20px / 2); margin-top: calc(20px / 2); } }\", \"@media (min-width: 1000px) { .framer-Yl3nm .hidden-7p8evs { display: none !important; } }\", `@media (min-width: 810px) and (max-width: 999px) { .framer-Yl3nm .hidden-1s22y7t { display: none !important; } .${metadata.bodyClassName} { background: rgba(255,255,255,1); } .framer-Yl3nm .framer-7p8evs { width: 810px; }}`, `@media (max-width: 809px) { .framer-Yl3nm .hidden-itz73o { display: none !important; } .${metadata.bodyClassName} { background: rgba(255,255,255,1); } .framer-Yl3nm .framer-7p8evs { width: 390px; } .framer-Yl3nm .framer-1jc2zga { padding: 40px 20px 40px 20px; }}`, ...sharedStyle.css, ...sharedStyle1.css, ...sharedStyle2.css, ...sharedStyle3.css, ...sharedStyle4.css, ...sharedStyle5.css, ...sharedStyle6.css]; /**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 2591\n * @framerIntrinsicWidth 1000\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"vKI7F4ulp\":{\"layout\":[\"fixed\",\"auto\"]},\"DfY7gYR5j\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerResponsiveScreen\n */\nconst FramerOxJKnfPQj = withCSS(Component, css, \"framer-Yl3nm\");\nexport default FramerOxJKnfPQj;\nFramerOxJKnfPQj.displayName = \"Generated Component\";\nFramerOxJKnfPQj.defaultProps = {\n height: 2591,\n width: 1e3\n};\nvar ref1;\naddFonts(FramerOxJKnfPQj, [...TopbarFonts, ...VideoFonts, ...sharedStyle.fonts, ...sharedStyle1.fonts, ...sharedStyle2.fonts, ...sharedStyle3.fonts, ...sharedStyle4.fonts, ...sharedStyle5.fonts, ...sharedStyle6.fonts, ...((ref1 = (ref = componentPresets.fonts) === null || ref === void 0 ? void 0 : ref[\"kGh1TALgr\"]) !== null && ref1 !== void 0 ? ref1 : [])]);\nexport const __FramerMetadata__ = {\n \"exports\": {\n \"default\": {\n \"type\": \"reactComponent\",\n \"name\": \"FramerOxJKnfPQj\",\n \"slots\": [],\n \"annotations\": {\n \"framerResponsiveScreen\": \"\",\n \"framerCanvasComponentVariantDetails\": \"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"vKI7F4ulp\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"DfY7gYR5j\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\n \"framerIntrinsicWidth\": \"1000\",\n \"framerIntrinsicHeight\": \"2591\",\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};"], "mappings": "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", "names": ["useConstant", "init", "ref", "pe", "BASE62", "randomID", "length", "useRandomID", "useConstant", "containerStyles", "emptyStateStyle", "defaultEvents", "ControlType", "fontSizeOptions", "fontControls", "font", "useIsOnCanvas", "se", "RenderTarget", "borderRadiusControl", "ControlType", "paddingControl", "ControlType", "PlayOptions", "ThumbnailOptions", "Youtube", "url", "play", "shouldMute", "thumbnail", "isRed", "onClick", "onMouseEnter", "onMouseLeave", "onMouseDown", "onMouseUp", "props", "onCanvas", "useIsOnCanvas", "isAutoplay", "showThumbnail", "isPreloading", "preloadVideo", "le", "showVideo", "startVideo", "isHovered", "setHovered", "ye", "p", "Instructions", "parsedURL", "parseVideoURL", "ErrorMessage", "videoId", "embedURL", "thumbnailURL", "getThumbnailURL", "searchParams", "u", "centerStyle", "PlayButton", "addPropertyControls", "ControlType", "defaultEvents", "defaultProps", "urlString", "getEmbedURL", "pathSegments", "res", "emptyStateStyle", "centerTextStyle", "message", "containerStyles", "buttonStyle", "YouTubeFonts", "getFonts", "Youtube", "cycleOrder", "variantClassNames", "humanReadableVariantMap", "transitions", "Component", "Y", "id", "externalStyle", "className", "width", "height", "layoutId", "outerVariant", "OUPV_tjXz", "restProps", "ref", "variant", "variants", "baseVariant", "gestureVariant", "classNames", "transition", "setVariant", "setGestureState", "useVariantState", "variantClassNames", "cycleOrder", "layoutDependency", "defaultLayoutId", "useRandomID", "pointerEvents", "style", "p", "LayoutGroup", "motion", "cx", "Youtube", "css", "FramerLXwcOrvrd", "withCSS", "LXwcOrvrd_default", "addPropertyControls", "ControlType", "addFonts", "YouTubeFonts", "props", "fonts", "fontStore", "fonts", "css", "className", "fontStore", "fonts", "css", "className", "fontStore", "fonts", "css", "className", "fontStore", "fonts", "css", "className", "ref", "TopbarFonts", "getFonts", "m8jUfCmf4_default", "VideoFonts", "LXwcOrvrd_default", "breakpoints", "isBrowser", "variantClassNames", "removeHiddenBreakpointLayers", "transitions", "metadata", "OxJKnfPQj_default", "humanReadableVariantMap", "getProps", "height", "id", "width", "props", "_variant", "ref", "Component", "Y", "activeLocale", "useLocaleInfo", "currentPathVariables", "useCurrentPathVariables", "currentRouteData", "useQueryData", "wUEEgftCv_default", "getWhereExpressionFromPathVariables", "getFromCurrentRouteData", "key", "NotFoundError", "style", "className", "layoutId", "variant", "OsCKtdxJS", "SwFrHya0n", "HhV1lFMd5", "BlGAjU98O", "HV1m26qvO", "restProps", "metadata1", "c", "baseVariant", "hydratedBaseVariant", "useHydratedBreakpointVariants", "gestureVariant", "transition", "defaultLayoutId", "ae", "p", "GeneratedComponentContext", "LayoutGroup", "u", "motion", "cx", "Container", "m8jUfCmf4_default", "RichText", "x", "LXwcOrvrd_default", "ComponentPresetsProvider", "css", "FramerOxJKnfPQj", "withCSS", "ref1", "addFonts", "TopbarFonts", "VideoFonts", "fonts", "__FramerMetadata__"] }