{ "version": 3, "sources": ["ssg:https://framer.com/m/framer/icon-nullstate.js@0.7.0", "ssg:https://framer.com/m/phosphor-icons/House.js@0.0.50", "ssg:https://framerusercontent.com/modules/Ma20hU0GGRxLxZphbywl/OSpwWF91FHPVFyQJjMHt/utils.js", "ssg:https://framerusercontent.com/modules/tYScH7LTqUtz5KUaUAYP/H4OHcdXxZyPVKySUy1y2/Phosphor.js", "ssg:https://framerusercontent.com/modules/hWMcuEBofFGFORzhJ6qI/fn277iJK7r3NgzpkyfsJ/xZndidUCt.js", "ssg:https://framerusercontent.com/modules/4Tcvc7f9CjH1NQAKZROE/j3IJsOonT46PCVyvVVX7/JUJFpFv9Y.js", "ssg:https://framer.com/m/material-icons/Home.js@0.0.32", "ssg:https://framerusercontent.com/modules/6Ldpz1V0DkD45gXvi67I/PCgBX5d6MdQT7E7nhdXn/Material.js", "ssg:https://ga.jspm.io/npm:@motionone/utils@10.12.0/dist/index.es.js", "ssg:https://ga.jspm.io/npm:@motionone/easing@10.12.0/dist/index.es.js", "ssg:https://ga.jspm.io/npm:@motionone/animation@10.12.0/dist/index.es.js", "ssg:https://ga.jspm.io/npm:tslib@2.4.0/tslib.es6.js", "ssg:https://ga.jspm.io/npm:hey-listen@1.0.8/dist/index.js", "ssg:https://ga.jspm.io/npm:@motionone/generators@10.12.0/dist/index.es.js", "ssg:https://ga.jspm.io/npm:@motionone/dom@10.12.0/dist/index.es.js", "ssg:https://framerusercontent.com/modules/B2xAlJLcN0gOnt11mSPw/DAWxXDGdC5RJUOPfOsh5/Ticker.js", "ssg:https://framerusercontent.com/modules/B2xAlJLcN0gOnt11mSPw/FzZ67ct97QwFne6Bf7ku/Ticker.js", "ssg:https://framerusercontent.com/modules/B2xAlJLcN0gOnt11mSPw/XVUmpmPn1EPL0dzocT35/Ticker.js", "ssg:https://ga.jspm.io/npm:@motionone/easing@10.13.1/dist/index.es.js", "ssg:https://framerusercontent.com/modules/cKGD16u2MGB7MfqfVXFp/wiztTCbXokZrMicHAmZc/Grain.js", "ssg:https://framer.com/m/feather-icons/home.js@0.0.29", "ssg:https://framerusercontent.com/modules/f0DboytQenYh21kfme7W/zb1zVBMZJKgPMiedOi0y/Feather.js", "ssg:https://framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js", "ssg:https://framerusercontent.com/modules/D4TWeLfcxT6Tysr2BlYg/iZjmqdxVx1EOiM3k1FaW/useOnNavigationTargetChange.js", "ssg:https://framerusercontent.com/modules/ExNgrA7EJTKUPpH6vIlN/eiOrSJ2Ab5M9jPCvVwUz/useConstant.js", "ssg:https://framerusercontent.com/modules/eMBrwoqQK7h6mEeGQUH8/GuplvPJVjmxpk9zqOTcb/isBrowser.js", "ssg:https://framerusercontent.com/modules/cuQH4dmpDnV8YK1mSgQX/KqRXqunFjE6ufhpc7ZRu/useFontControls.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/9rhBPUZttCbLCWqJEL42/YouTube.js", "ssg:https://framerusercontent.com/modules/NEd4VmDdsxM3StIUbddO/bZxrMUxBPAhoXlARkK9C/YouTube.js", "ssg:https://framerusercontent.com/modules/NEd4VmDdsxM3StIUbddO/zzGLuFF4YkasKl1lrsW9/YouTube.js", "ssg:https://framerusercontent.com/modules/o1PI5S8YtkA5bP5g4dFz/9zLIz4fn80IR9zpOx18Q/Embed.js", "ssg:https://framer.com/m/phosphor-icons/House.js@0.0.53", "ssg:https://framerusercontent.com/modules/tYScH7LTqUtz5KUaUAYP/CAjjxbTJBxHwH1MagCef/Phosphor.js", "ssg:https://framerusercontent.com/modules/tYScH7LTqUtz5KUaUAYP/xAqQJJMKulaAU8gK10ZA/Phosphor.js", "ssg:https://framerusercontent.com/modules/vkHAj2Yk0mTnbM6ZdN5c/Foxm7T4YpJpvPgDlEus0/FormSpark.js", "ssg:https://ga.jspm.io/npm:style-value-types@5.0.0/dist/es/index.mjs", "ssg:https://ga.jspm.io/npm:framesync@6.0.1/dist/es/index.mjs", "ssg:https://ga.jspm.io/npm:popmotion@11.0.3/dist/es/index.mjs", "ssg:https://framerusercontent.com/modules/V9ryrjN5Am9WM1dJeyyJ/9mrJHeWj7rhvLTLu7Yzt/UsePageVisibility.js", "ssg:https://framerusercontent.com/modules/zvkTOpMSuRzRhLzZZIwG/TAKH1YMtHF4xgNl5W0ZC/SlideShow.js", "ssg:https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/TbXI1XaZFNevVKcgIt7G/isMotionValue.js", "ssg:https://framer.com/m/framer/useAutoMotionValue.js@^0.3.0", "ssg:https://framerusercontent.com/modules/lRDHiNWNVWmE0lqtoVHP/jcU3ZxjtR7k7aXRM1azZ/Video.js", "ssg:https://framerusercontent.com/modules/pmXge6fEbG9quf47fwVA/4kpUrvqonExRBhKa5qxZ/J4jpxctV3.js", "ssg:https://framerusercontent.com/modules/qXzBYbQvaPQUHTHUX1ot/bkQWOqE3axcayIFXCoMz/jZHZ9NvZI.js", "ssg:https://framerusercontent.com/modules/lIGEU483v6RxZCP9dp0g/3pDCkXtUG4S5VgIwqTxu/whX4x_iFD.js", "ssg:https://framerusercontent.com/modules/fJUpwkfG0YdWKqKjT8Ko/25GlaefLiST180uaT8Sn/YNgHtrQT4.js", "ssg:https://framerusercontent.com/modules/mYWJRPXq09PDhrAAOxSX/dx03KEsRPrJMrrOmftHk/XQmzn6xme.js", "ssg:https://framerusercontent.com/modules/aTPb011jMQRzwOqleklW/bX9SxNPAv2SCLoZeaRcz/fHT6nw9bA.js", "ssg:https://framerusercontent.com/modules/hJOrIMT2gYjamb8XcG9D/fJ2MLqLEXqAlsDRVOOMP/P49bJ52vT.js", "ssg:https://framerusercontent.com/modules/UiKjWZwdYTuuvGWBUCwF/sIgoq5KgZ1r4wD7ZxEHM/IgWxGVhQB.js", "ssg:https://framerusercontent.com/modules/1diCcrsT142XyFofrcnc/C6b5TD2DZXfMSIdeVf48/j0_kAc2fK.js", "ssg:https://framerusercontent.com/modules/hS1uOzcv64ZgZKO5vuZg/cv16sCqsER3gHDWobrpq/kTQcoF21J.js", "ssg:https://framerusercontent.com/modules/qpoEWl8yTZgo68KTPZkB/rCRUmRvc6vxSCDPffT8v/mwTeshsws.js", "ssg:https://ga.jspm.io/npm:@vimeo/player@2.16.4/dist/player.es.js", "ssg:https://framerusercontent.com/modules/0sWquksFr1YDkaIgrl9Z/VgWe6mCMJOseqaLiMnaC/Vimeo.js", "ssg:https://framerusercontent.com/modules/lRDHiNWNVWmE0lqtoVHP/qXQVWG1AZxpdrbBmhE1U/Video.js", "ssg:https://framerusercontent.com/modules/3fumS6uFy5KQjr2tbG9H/dkOTMysNxuvUWW4N1MkH/AS4PcgcTr.js", "ssg:https://framerusercontent.com/modules/68CTZyTrWzP06sVGOJgf/wtM7D6MlA3G5aiMjQ51g/LzissPe15.js", "ssg:https://framerusercontent.com/modules/ZtgB8NWzXaBxJee6AItw/URz0BSkD4Aam0p9zTEjm/oXPCX4N7b.js", "ssg:https://framerusercontent.com/modules/BaC1jqQeXHsn2f9is8EJ/RCPxitNkM2lgHAKWnFTJ/PLYCoDPtq.js", "ssg:https://framerusercontent.com/modules/9CchICq7BRDm0qgoAfZ6/agki3fZxdWxAxiBYWTJ0/pqBAqUKZY.js", "ssg:https://framerusercontent.com/modules/IVgNH3shrk4K9xnUO7q2/oXq9UiDSCNdQPdg7eq1f/R_mVw4Xz9.js", "ssg:https://framerusercontent.com/modules/Odw8jyJUD3G0SHhAnSiV/epuioHAOdFY0422ZGBzy/R9iTE_J0M.js", "ssg:https://framerusercontent.com/modules/yenuEUEXCv78JNDwdtVQ/dbKpfvlMwg5j8qDDOIcV/UaPu3rqxz.js", "ssg:https://framerusercontent.com/modules/IQXqjAGXltPKLdfjcdtf/AdYVRfUvx2HLE5qL3Xfw/Logo.js", "ssg:https://framerusercontent.com/modules/8o7BSnFhe51EdGmVJo7Q/eLx6uXl3wmyJHAHFXf51/eHiVQsxmj.js", "ssg:https://framerusercontent.com/modules/1aLcPRfLH8mX70uyFKEp/zf1cvHEo7iQwzTUn8llq/hdGHTimQR.js", "ssg:https://framerusercontent.com/modules/A6HwJTndkrNYNGboAXme/qnpmdgpSmEBkM9OcaHcB/viUEzRmvP.js", "ssg:https://framerusercontent.com/modules/o0cwT3PfA5doC4YTZGhJ/j1aOcUL6D5VGcgpKYHSD/Z6eSaxzew.js", "ssg:https://framerusercontent.com/modules/fxFnEDpinKARkwYywDzl/KHhj4e7k99Jjf6hq575w/ZnPH0u7YB.js", "ssg:https://framerusercontent.com/modules/nFvkMwoP3Ky7epNZQDc5/nrQcqI2AKHOqewU17VZA/bWlj5kaCS.js", "ssg:https://framerusercontent.com/modules/mPZZyaMlixjVHK0NpvoU/zNZwRmMIQbZeUB55TdZ7/f_JgQVGd5.js", "ssg:https://framerusercontent.com/modules/oVhRqUXud65FGJuh84V8/AsHRXAWGmcFdtua6CJEA/fVxnimdqP.js", "ssg:https://framerusercontent.com/modules/nrna88iyHdZpghdt5hDN/UCLyUqLcXLdbdRwSUfY3/ka0At6LPp.js", "ssg:https://framerusercontent.com/modules/03IZJaMsrXpqN9otdTFs/ZmLM5pqNa6iJ6pPinzct/OvUpB6qg_.js"], "sourcesContent": ["import { jsx as _jsx } from \"react/jsx-runtime\";\nimport * as React from \"react\";\nexport const containerStyles = {\n width: \"100%\",\n height: \"100%\",\n display: \"flex\",\n justifyContent: \"center\",\n alignItems: \"center\"\n};\nconst nullIconStyle = {\n minWidth: \"10px\",\n minHeight: \"10px\",\n maxWidth: \"20px\",\n maxHeight: \"20px\",\n width: \"60%\",\n height: \"60%\"\n};\nconst emptyStateStyle = {\n ...containerStyles,\n borderRadius: 6,\n background: \"rgba(149, 149, 149, 0.1)\",\n border: \"1px dashed rgba(149, 149, 149, 0.15)\",\n color: \"#a5a5a5\",\n flexDirection: \"column\"\n};\nexport const NullState = /*#__PURE__*/ React.forwardRef((_, ref)=>{\n return(/*#__PURE__*/ _jsx(\"div\", {\n style: emptyStateStyle,\n ref: ref\n }));\n}) /*\n\n\n \n \n \n \n \n \n \n */ ;\n\nexport const __FramerMetadata__ = {\"exports\":{\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"NullState\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./nullstate.map", "let Component;\nvar House_default = (React) => {\n if (!Component) {\n const renderPathForWeight = (weight, color, pathsByWeight2) => !!pathsByWeight2.get(weight) ? pathsByWeight2.get(weight)(color) : null;\n const pathsByWeight = new Map();\n pathsByWeight.set(\"bold\", (color) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"path\", {\n d: \"M152,208V160a8,8,0,0,0-8-8H112a8,8,0,0,0-8,8v48a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V115.5a8.3,8.3,0,0,1,2.6-5.9l80-72.7a8,8,0,0,1,10.8,0l80,72.7a8.3,8.3,0,0,1,2.6,5.9V208a8,8,0,0,1-8,8H160A8,8,0,0,1,152,208Z\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"24\"\n })));\n pathsByWeight.set(\"duotone\", (color) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"path\", {\n d: \"M152,208V160a8,8,0,0,0-8-8H112a8,8,0,0,0-8,8v48a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V115.5a8.3,8.3,0,0,1,2.6-5.9l80-72.7a8,8,0,0,1,10.8,0l80,72.7a8.3,8.3,0,0,1,2.6,5.9V208a8,8,0,0,1-8,8H160A8,8,0,0,1,152,208Z\",\n opacity: \"0.2\"\n }), /* @__PURE__ */ React.createElement(\"path\", {\n d: \"M152,208V160a8,8,0,0,0-8-8H112a8,8,0,0,0-8,8v48a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V115.5a8.3,8.3,0,0,1,2.6-5.9l80-72.7a8,8,0,0,1,10.8,0l80,72.7a8.3,8.3,0,0,1,2.6,5.9V208a8,8,0,0,1-8,8H160A8,8,0,0,1,152,208Z\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"16\"\n })));\n pathsByWeight.set(\"fill\", () => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"path\", {\n d: \"M218.8,103.7,138.8,31a16,16,0,0,0-21.6,0l-80,72.7A16,16,0,0,0,32,115.5v92.1a16.4,16.4,0,0,0,4,11A15.9,15.9,0,0,0,48,224H96a8,8,0,0,0,8-8V168a8,8,0,0,1,8-8h32a8,8,0,0,1,8,8v48a8,8,0,0,0,8,8h48a15.6,15.6,0,0,0,7.6-1.9A16.1,16.1,0,0,0,224,208V115.5A16,16,0,0,0,218.8,103.7Z\"\n })));\n pathsByWeight.set(\"light\", (color) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"path\", {\n d: \"M152,208V160a8,8,0,0,0-8-8H112a8,8,0,0,0-8,8v48a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V115.5a8.3,8.3,0,0,1,2.6-5.9l80-72.7a8,8,0,0,1,10.8,0l80,72.7a8.3,8.3,0,0,1,2.6,5.9V208a8,8,0,0,1-8,8H160A8,8,0,0,1,152,208Z\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"12\"\n })));\n pathsByWeight.set(\"thin\", (color) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"path\", {\n d: \"M152,208V160a8,8,0,0,0-8-8H112a8,8,0,0,0-8,8v48a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V115.5a8.3,8.3,0,0,1,2.6-5.9l80-72.7a8,8,0,0,1,10.8,0l80,72.7a8.3,8.3,0,0,1,2.6,5.9V208a8,8,0,0,1-8,8H160A8,8,0,0,1,152,208Z\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"8\"\n })));\n pathsByWeight.set(\"regular\", (color) => /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"path\", {\n d: \"M152,208V160a8,8,0,0,0-8-8H112a8,8,0,0,0-8,8v48a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V115.5a8.3,8.3,0,0,1,2.6-5.9l80-72.7a8,8,0,0,1,10.8,0l80,72.7a8.3,8.3,0,0,1,2.6,5.9V208a8,8,0,0,1-8,8H160A8,8,0,0,1,152,208Z\",\n fill: \"none\",\n stroke: color,\n strokeLinecap: \"round\",\n strokeLinejoin: \"round\",\n strokeWidth: \"16\"\n })));\n const renderPath = (weight, color) => renderPathForWeight(weight, color, pathsByWeight);\n const House = React.forwardRef((props, ref) => /* @__PURE__ */ React.createElement(\"g\", {\n ref,\n ...props\n }, renderPath(props.weight, props.color)));\n House.displayName = \"House\";\n Component = House;\n }\n return Component;\n};\nconst __FramerMetadata__ = {\n exports: {\n default: {\n type: \"reactComponent\",\n slots: [],\n annotations: { framerContractVersion: \"1\" }\n },\n __FramerMetadata__: { type: \"variable\" }\n }\n};\nexport {\n __FramerMetadata__,\n House_default as default\n};\n", "import{useMemo}from\"react\";import{ControlType}from\"framer\";/*\n ** ICON UTILS\n ** Pull as much re-usable logic into here as possible\n ** This will make it easier to replace in all icon components\n */ export const containerStyles={width:\"100%\",height:\"100%\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\"};export const defaultEvents={onClick:{type:ControlType.EventHandler},onMouseDown:{type:ControlType.EventHandler},onMouseUp:{type:ControlType.EventHandler},onMouseEnter:{type:ControlType.EventHandler},onMouseLeave:{type:ControlType.EventHandler}};const findByArray=(arr,search)=>arr.find(a=>a.toLowerCase().includes(search));export function getIconSelection(iconKeys,selectByList,iconSearch=\"\",iconSelection,lowercaseIconKeyPairs){// gotta get the exact match first THEN find\n// have a set and try to access ?\nif(selectByList)return iconSelection;if(iconSearch==null||(iconSearch===null||iconSearch===void 0?void 0:iconSearch.length)===0)return null;const iconSearchTerm=iconSearch.toLowerCase().replace(/-|\\s/g,\"\");var _iconSearchTerm;// check for exact match, otherwise use .find\nconst searchResult=(_iconSearchTerm=lowercaseIconKeyPairs[iconSearchTerm])!==null&&_iconSearchTerm!==void 0?_iconSearchTerm:findByArray(iconKeys,iconSearchTerm);return searchResult;}export function useIconSelection(iconKeys,selectByList,iconSearch=\"\",iconSelection,lowercaseIconKeyPairs){// Clean search term\nconst iconSearchResult=useMemo(()=>{if(iconSearch==null||(iconSearch===null||iconSearch===void 0?void 0:iconSearch.length)===0)return null;const iconSearchTerm=iconSearch.toLowerCase().replace(/-|\\s/g,\"\");var _iconSearchTerm;// check for exact match, otherwise use .find\nconst searchResult=(_iconSearchTerm=lowercaseIconKeyPairs[iconSearchTerm])!==null&&_iconSearchTerm!==void 0?_iconSearchTerm:findByArray(iconKeys,iconSearchTerm);return searchResult;},[iconSelection,iconSearch]);const name=selectByList?iconSelection:iconSearchResult;return name;}\nexport const __FramerMetadata__ = {\"exports\":{\"getIconSelection\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIconSelection\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"defaultEvents\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./utils.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{useState,useEffect,useRef}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{motion}from\"framer-motion\";import{NullState}from\"https://framer.com/m/framer/icon-nullstate.js@0.7.0\";import HouseFactory from\"https://framer.com/m/phosphor-icons/House.js@0.0.50\";import{defaultEvents,useIconSelection}from\"https://framerusercontent.com/modules/Ma20hU0GGRxLxZphbywl/OSpwWF91FHPVFyQJjMHt/utils.js\";const iconKeys=[\"Activity\",\"AddressBook\",\"Airplane\",\"AirplaneInFlight\",\"AirplaneLanding\",\"AirplaneTakeoff\",\"AirplaneTilt\",\"Airplay\",\"Alarm\",\"Alien\",\"AlignBottom\",\"AlignBottomSimple\",\"AlignCenterVertical\",\"AlignLeft\",\"AlignLeftSimple\",\"AlignRight\",\"AlignRightSimple\",\"AlignTop\",\"AlignTopSimple\",\"Anchor\",\"AnchorSimple\",\"AndroidLogo\",\"AngularLogo\",\"Aperture\",\"AppStoreLogo\",\"AppWindow\",\"AppleLogo\",\"ApplePodcastsLogo\",\"Archive\",\"ArchiveBox\",\"ArchiveTray\",\"Armchair\",\"ArrowArcLeft\",\"ArrowArcRight\",\"ArrowBendDownLeft\",\"ArrowBendDownRight\",\"ArrowBendLeftDown\",\"ArrowBendLeftUp\",\"ArrowBendRightDown\",\"ArrowBendRightUp\",\"ArrowBendUpLeft\",\"ArrowBendUpRight\",\"ArrowCircleDown\",\"ArrowCircleDownLeft\",\"ArrowCircleDownRight\",\"ArrowCircleLeft\",\"ArrowCircleRight\",\"ArrowCircleUp\",\"ArrowCircleUpLeft\",\"ArrowCircleUpRight\",\"ArrowClockwise\",\"ArrowDown\",\"ArrowDownLeft\",\"ArrowDownRight\",\"ArrowElbowDownLeft\",\"ArrowElbowDownRight\",\"ArrowElbowLeft\",\"ArrowElbowLeftDown\",\"ArrowElbowLeftUp\",\"ArrowElbowRight\",\"ArrowElbowRightDown\",\"ArrowElbowRightUp\",\"ArrowElbowUpLeft\",\"ArrowElbowUpRight\",\"ArrowFatDown\",\"ArrowFatLeft\",\"ArrowFatLineDown\",\"ArrowFatLineLeft\",\"ArrowFatLineRight\",\"ArrowFatLineUp\",\"ArrowFatLinesDown\",\"ArrowFatLinesLeft\",\"ArrowFatLinesRight\",\"ArrowFatLinesUp\",\"ArrowFatRight\",\"ArrowFatUp\",\"ArrowLeft\",\"ArrowLineDown\",\"ArrowLineDownLeft\",\"ArrowLineDownRight\",\"ArrowLineLeft\",\"ArrowLineRight\",\"ArrowLineUp\",\"ArrowLineUpLeft\",\"ArrowLineUpRight\",\"ArrowRight\",\"ArrowSquareDown\",\"ArrowSquareDownLeft\",\"ArrowSquareDownRight\",\"ArrowSquareIn\",\"ArrowSquareLeft\",\"ArrowSquareOut\",\"ArrowSquareRight\",\"ArrowSquareUp\",\"ArrowSquareUpLeft\",\"ArrowSquareUpRight\",\"ArrowUDownLeft\",\"ArrowUDownRight\",\"ArrowULeftDown\",\"ArrowULeftUp\",\"ArrowURightDown\",\"ArrowURightUp\",\"ArrowUUpLeft\",\"ArrowUUpRight\",\"ArrowUp\",\"ArrowUpLeft\",\"ArrowUpRight\",\"ArrowsClockwise\",\"ArrowsDownUp\",\"ArrowsHorizontal\",\"ArrowsIn\",\"ArrowsInCardinal\",\"ArrowsInLineVertical\",\"ArrowsInSimple\",\"ArrowsLeftRight\",\"ArrowsOut\",\"ArrowsOutCardinal\",\"ArrowsOutSimple\",\"ArrowsVertical\",\"Article\",\"ArticleMedium\",\"ArticleNyTimes\",\"Asterisk\",\"AsteriskSimple\",\"At\",\"Atom\",\"Baby\",\"Backpack\",\"Backspace\",\"Bag\",\"BagSimple\",\"Balloon\",\"Bandaids\",\"Bank\",\"Barbell\",\"Barcode\",\"Barricade\",\"Baseball\",\"Basketball\",\"Bathtub\",\"BatteryCharging\",\"BatteryEmpty\",\"BatteryFull\",\"BatteryHigh\",\"BatteryLow\",\"BatteryMedium\",\"BatteryPlus\",\"BatteryWarning\",\"Bed\",\"BeerBottle\",\"BehanceLogo\",\"Bell\",\"BellRinging\",\"BellSimple\",\"BellSimpleRinging\",\"BellSimpleSlash\",\"BellSimpleZ\",\"BellSlash\",\"BellZ\",\"BezierCurve\",\"Bicycle\",\"Binoculars\",\"Bird\",\"Bluetooth\",\"BluetoothConnected\",\"BluetoothSlash\",\"BluetoothX\",\"Boat\",\"Book\",\"BookBookmark\",\"BookOpen\",\"Bookmark\",\"BookmarkSimple\",\"Bookmarks\",\"BookmarksSimple\",\"Books\",\"BoundingBox\",\"BracketsAngle\",\"BracketsCurly\",\"BracketsRound\",\"BracketsSquare\",\"Brain\",\"Brandy\",\"Briefcase\",\"BriefcaseMetal\",\"Broadcast\",\"Browser\",\"Browsers\",\"Bug\",\"BugBeetle\",\"BugDroid\",\"Buildings\",\"Bus\",\"Butterfly\",\"Cactus\",\"Cake\",\"Calculator\",\"Calendar\",\"CalendarBlank\",\"CalendarCheck\",\"CalendarPlus\",\"CalendarX\",\"Camera\",\"CameraRotate\",\"CameraSlash\",\"Campfire\",\"Car\",\"CarSimple\",\"Cardholder\",\"Cards\",\"CaretCircleDoubleUp\",\"CaretCircleDown\",\"CaretCircleLeft\",\"CaretCircleRight\",\"CaretCircleUp\",\"CaretDoubleDown\",\"CaretDoubleLeft\",\"CaretDoubleRight\",\"CaretDoubleUp\",\"CaretDown\",\"CaretLeft\",\"CaretRight\",\"CaretUp\",\"Cat\",\"CellSignalFull\",\"CellSignalHigh\",\"CellSignalLow\",\"CellSignalMedium\",\"CellSignalNone\",\"CellSignalSlash\",\"CellSignalX\",\"Chalkboard\",\"ChalkboardSimple\",\"ChalkboardTeacher\",\"ChartBar\",\"ChartBarHorizontal\",\"ChartLine\",\"ChartLineUp\",\"ChartPie\",\"ChartPieSlice\",\"Chat\",\"ChatCentered\",\"ChatCenteredDots\",\"ChatCenteredText\",\"ChatCircle\",\"ChatCircleDots\",\"ChatCircleText\",\"ChatDots\",\"ChatTeardrop\",\"ChatTeardropDots\",\"ChatTeardropText\",\"ChatText\",\"Chats\",\"ChatsCircle\",\"ChatsTeardrop\",\"Check\",\"CheckCircle\",\"CheckSquare\",\"CheckSquareOffset\",\"Checks\",\"Circle\",\"CircleDashed\",\"CircleHalf\",\"CircleHalfTilt\",\"CircleNotch\",\"CircleWavy\",\"CircleWavyCheck\",\"CircleWavyQuestion\",\"CircleWavyWarning\",\"CirclesFour\",\"CirclesThree\",\"CirclesThreePlus\",\"Clipboard\",\"ClipboardText\",\"Clock\",\"ClockAfternoon\",\"ClockClockwise\",\"ClosedCaptioning\",\"Cloud\",\"CloudArrowDown\",\"CloudArrowUp\",\"CloudCheck\",\"CloudFog\",\"CloudLightning\",\"CloudMoon\",\"CloudRain\",\"CloudSlash\",\"CloudSnow\",\"CloudSun\",\"Club\",\"CoatHanger\",\"Code\",\"CodeSimple\",\"CodepenLogo\",\"CodesandboxLogo\",\"Coffee\",\"Coin\",\"CoinVertical\",\"Coins\",\"Columns\",\"Command\",\"Compass\",\"ComputerTower\",\"Confetti\",\"Cookie\",\"CookingPot\",\"Copy\",\"CopySimple\",\"Copyleft\",\"Copyright\",\"CornersIn\",\"CornersOut\",\"Cpu\",\"CreditCard\",\"Crop\",\"Crosshair\",\"CrosshairSimple\",\"Crown\",\"CrownSimple\",\"Cube\",\"CurrencyBtc\",\"CurrencyCircleDollar\",\"CurrencyCny\",\"CurrencyDollar\",\"CurrencyDollarSimple\",\"CurrencyEth\",\"CurrencyEur\",\"CurrencyGbp\",\"CurrencyInr\",\"CurrencyJpy\",\"CurrencyKrw\",\"CurrencyKzt\",\"CurrencyNgn\",\"CurrencyRub\",\"Cursor\",\"CursorText\",\"Cylinder\",\"Database\",\"Desktop\",\"DesktopTower\",\"Detective\",\"DeviceMobile\",\"DeviceMobileCamera\",\"DeviceMobileSpeaker\",\"DeviceTablet\",\"DeviceTabletCamera\",\"DeviceTabletSpeaker\",\"Diamond\",\"DiamondsFour\",\"DiceFive\",\"DiceFour\",\"DiceOne\",\"DiceSix\",\"DiceThree\",\"DiceTwo\",\"Disc\",\"DiscordLogo\",\"Divide\",\"Dog\",\"Door\",\"DotsNine\",\"DotsSix\",\"DotsSixVertical\",\"DotsThree\",\"DotsThreeCircle\",\"DotsThreeOutline\",\"DotsThreeVertical\",\"Download\",\"DownloadSimple\",\"DribbbleLogo\",\"Drop\",\"DropHalf\",\"DropHalfBottom\",\"Ear\",\"EarSlash\",\"Egg\",\"EggCrack\",\"Eject\",\"EjectSimple\",\"Envelope\",\"EnvelopeOpen\",\"EnvelopeSimple\",\"EnvelopeSimpleOpen\",\"Equalizer\",\"Equals\",\"Eraser\",\"Exam\",\"Export\",\"Eye\",\"EyeClosed\",\"EyeSlash\",\"Eyedropper\",\"EyedropperSample\",\"Eyeglasses\",\"FaceMask\",\"FacebookLogo\",\"Factory\",\"Faders\",\"FadersHorizontal\",\"FastForward\",\"FastForwardCircle\",\"FigmaLogo\",\"File\",\"FileArrowDown\",\"FileArrowUp\",\"FileAudio\",\"FileCloud\",\"FileCode\",\"FileCss\",\"FileCsv\",\"FileDoc\",\"FileDotted\",\"FileHtml\",\"FileImage\",\"FileJpg\",\"FileJs\",\"FileJsx\",\"FileLock\",\"FileMinus\",\"FilePdf\",\"FilePlus\",\"FilePng\",\"FilePpt\",\"FileRs\",\"FileSearch\",\"FileText\",\"FileTs\",\"FileTsx\",\"FileVideo\",\"FileVue\",\"FileX\",\"FileXls\",\"FileZip\",\"Files\",\"FilmScript\",\"FilmSlate\",\"FilmStrip\",\"Fingerprint\",\"FingerprintSimple\",\"FinnTheHuman\",\"Fire\",\"FireSimple\",\"FirstAid\",\"FirstAidKit\",\"Fish\",\"FishSimple\",\"Flag\",\"FlagBanner\",\"FlagCheckered\",\"Flame\",\"Flashlight\",\"Flask\",\"FloppyDisk\",\"FloppyDiskBack\",\"FlowArrow\",\"Flower\",\"FlowerLotus\",\"FlyingSaucer\",\"Folder\",\"FolderDotted\",\"FolderLock\",\"FolderMinus\",\"FolderNotch\",\"FolderNotchMinus\",\"FolderNotchOpen\",\"FolderNotchPlus\",\"FolderOpen\",\"FolderPlus\",\"FolderSimple\",\"FolderSimpleDotted\",\"FolderSimpleLock\",\"FolderSimpleMinus\",\"FolderSimplePlus\",\"FolderSimpleStar\",\"FolderSimpleUser\",\"FolderStar\",\"FolderUser\",\"Folders\",\"Football\",\"ForkKnife\",\"FrameCorners\",\"FramerLogo\",\"Function\",\"Funnel\",\"FunnelSimple\",\"GameController\",\"GasPump\",\"Gauge\",\"Gear\",\"GearSix\",\"GenderFemale\",\"GenderIntersex\",\"GenderMale\",\"GenderNeuter\",\"GenderNonbinary\",\"GenderTransgender\",\"Ghost\",\"Gif\",\"Gift\",\"GitBranch\",\"GitCommit\",\"GitDiff\",\"GitFork\",\"GitMerge\",\"GitPullRequest\",\"GithubLogo\",\"GitlabLogo\",\"GitlabLogoSimple\",\"Globe\",\"GlobeHemisphereEast\",\"GlobeHemisphereWest\",\"GlobeSimple\",\"GlobeStand\",\"GoogleChromeLogo\",\"GoogleLogo\",\"GooglePhotosLogo\",\"GooglePlayLogo\",\"GooglePodcastsLogo\",\"Gradient\",\"GraduationCap\",\"Graph\",\"GridFour\",\"Hamburger\",\"Hand\",\"HandEye\",\"HandFist\",\"HandGrabbing\",\"HandPalm\",\"HandPointing\",\"HandSoap\",\"HandWaving\",\"Handbag\",\"HandbagSimple\",\"HandsClapping\",\"Handshake\",\"HardDrive\",\"HardDrives\",\"Hash\",\"HashStraight\",\"Headlights\",\"Headphones\",\"Headset\",\"Heart\",\"HeartBreak\",\"HeartStraight\",\"HeartStraightBreak\",\"Heartbeat\",\"Hexagon\",\"HighlighterCircle\",\"Horse\",\"Hourglass\",\"HourglassHigh\",\"HourglassLow\",\"HourglassMedium\",\"HourglassSimple\",\"HourglassSimpleHigh\",\"HourglassSimpleLow\",\"House\",\"HouseLine\",\"HouseSimple\",\"IdentificationBadge\",\"IdentificationCard\",\"Image\",\"ImageSquare\",\"Infinity\",\"Info\",\"InstagramLogo\",\"Intersect\",\"Jeep\",\"Kanban\",\"Key\",\"KeyReturn\",\"Keyboard\",\"Keyhole\",\"Knife\",\"Ladder\",\"LadderSimple\",\"Lamp\",\"Laptop\",\"Layout\",\"Leaf\",\"Lifebuoy\",\"Lightbulb\",\"LightbulbFilament\",\"Lightning\",\"LightningSlash\",\"LineSegment\",\"LineSegments\",\"Link\",\"LinkBreak\",\"LinkSimple\",\"LinkSimpleBreak\",\"LinkSimpleHorizontal\",\"LinkedinLogo\",\"LinuxLogo\",\"List\",\"ListBullets\",\"ListChecks\",\"ListDashes\",\"ListNumbers\",\"ListPlus\",\"Lock\",\"LockKey\",\"LockKeyOpen\",\"LockLaminated\",\"LockLaminatedOpen\",\"LockOpen\",\"LockSimple\",\"LockSimpleOpen\",\"MagicWand\",\"Magnet\",\"MagnetStraight\",\"MagnifyingGlass\",\"MagnifyingGlassMinus\",\"MagnifyingGlassPlus\",\"MapPin\",\"MapPinLine\",\"MapTrifold\",\"MarkerCircle\",\"Martini\",\"MaskHappy\",\"MaskSad\",\"MathOperations\",\"Medal\",\"MediumLogo\",\"Megaphone\",\"MegaphoneSimple\",\"MessengerLogo\",\"Microphone\",\"MicrophoneSlash\",\"MicrophoneStage\",\"MicrosoftExcelLogo\",\"MicrosoftTeamsLogo\",\"MicrosoftWordLogo\",\"Minus\",\"MinusCircle\",\"Money\",\"Monitor\",\"MonitorPlay\",\"Moon\",\"MoonStars\",\"Mountains\",\"Mouse\",\"MouseSimple\",\"MusicNote\",\"MusicNoteSimple\",\"MusicNotes\",\"MusicNotesPlus\",\"MusicNotesSimple\",\"NavigationArrow\",\"Needle\",\"Newspaper\",\"NewspaperClipping\",\"Note\",\"NoteBlank\",\"NotePencil\",\"Notebook\",\"Notepad\",\"Notification\",\"NumberCircleEight\",\"NumberCircleFive\",\"NumberCircleFour\",\"NumberCircleNine\",\"NumberCircleOne\",\"NumberCircleSeven\",\"NumberCircleSix\",\"NumberCircleThree\",\"NumberCircleTwo\",\"NumberCircleZero\",\"NumberEight\",\"NumberFive\",\"NumberFour\",\"NumberNine\",\"NumberOne\",\"NumberSeven\",\"NumberSix\",\"NumberSquareEight\",\"NumberSquareFive\",\"NumberSquareFour\",\"NumberSquareNine\",\"NumberSquareOne\",\"NumberSquareSeven\",\"NumberSquareSix\",\"NumberSquareThree\",\"NumberSquareTwo\",\"NumberSquareZero\",\"NumberThree\",\"NumberTwo\",\"NumberZero\",\"Nut\",\"NyTimesLogo\",\"Octagon\",\"Option\",\"Package\",\"PaintBrush\",\"PaintBrushBroad\",\"PaintBrushHousehold\",\"PaintBucket\",\"PaintRoller\",\"Palette\",\"PaperPlane\",\"PaperPlaneRight\",\"PaperPlaneTilt\",\"Paperclip\",\"PaperclipHorizontal\",\"Parachute\",\"Password\",\"Path\",\"Pause\",\"PauseCircle\",\"PawPrint\",\"Peace\",\"Pen\",\"PenNib\",\"PenNibStraight\",\"Pencil\",\"PencilCircle\",\"PencilLine\",\"PencilSimple\",\"PencilSimpleLine\",\"Percent\",\"Person\",\"PersonSimple\",\"PersonSimpleRun\",\"PersonSimpleWalk\",\"Perspective\",\"Phone\",\"PhoneCall\",\"PhoneDisconnect\",\"PhoneIncoming\",\"PhoneOutgoing\",\"PhoneSlash\",\"PhoneX\",\"PhosphorLogo\",\"PianoKeys\",\"PictureInPicture\",\"Pill\",\"PinterestLogo\",\"Pinwheel\",\"Pizza\",\"Placeholder\",\"Planet\",\"Play\",\"PlayCircle\",\"Playlist\",\"Plug\",\"Plugs\",\"PlugsConnected\",\"Plus\",\"PlusCircle\",\"PlusMinus\",\"PokerChip\",\"PoliceCar\",\"Polygon\",\"Popcorn\",\"Power\",\"Prescription\",\"Presentation\",\"PresentationChart\",\"Printer\",\"Prohibit\",\"ProhibitInset\",\"ProjectorScreen\",\"ProjectorScreenChart\",\"PushPin\",\"PushPinSimple\",\"PushPinSimpleSlash\",\"PushPinSlash\",\"PuzzlePiece\",\"QrCode\",\"Question\",\"Queue\",\"Quotes\",\"Radical\",\"Radio\",\"RadioButton\",\"Rainbow\",\"RainbowCloud\",\"Receipt\",\"Record\",\"Rectangle\",\"Recycle\",\"RedditLogo\",\"Repeat\",\"RepeatOnce\",\"Rewind\",\"RewindCircle\",\"Robot\",\"Rocket\",\"RocketLaunch\",\"Rows\",\"Rss\",\"RssSimple\",\"Rug\",\"Ruler\",\"Scales\",\"Scan\",\"Scissors\",\"Screencast\",\"ScribbleLoop\",\"Scroll\",\"Selection\",\"SelectionAll\",\"SelectionBackground\",\"SelectionForeground\",\"SelectionInverse\",\"SelectionPlus\",\"SelectionSlash\",\"Share\",\"ShareNetwork\",\"Shield\",\"ShieldCheck\",\"ShieldCheckered\",\"ShieldChevron\",\"ShieldPlus\",\"ShieldSlash\",\"ShieldStar\",\"ShieldWarning\",\"ShoppingBag\",\"ShoppingBagOpen\",\"ShoppingCart\",\"ShoppingCartSimple\",\"Shower\",\"Shuffle\",\"ShuffleAngular\",\"ShuffleSimple\",\"Sidebar\",\"SidebarSimple\",\"SignIn\",\"SignOut\",\"Signpost\",\"SimCard\",\"SketchLogo\",\"SkipBack\",\"SkipBackCircle\",\"SkipForward\",\"SkipForwardCircle\",\"Skull\",\"SlackLogo\",\"Sliders\",\"SlidersHorizontal\",\"Smiley\",\"SmileyBlank\",\"SmileyMeh\",\"SmileyNervous\",\"SmileySad\",\"SmileySticker\",\"SmileyWink\",\"SmileyXEyes\",\"SnapchatLogo\",\"Snowflake\",\"SoccerBall\",\"SortAscending\",\"SortDescending\",\"Spade\",\"Sparkle\",\"SpeakerHigh\",\"SpeakerLow\",\"SpeakerNone\",\"SpeakerSimpleHigh\",\"SpeakerSimpleLow\",\"SpeakerSimpleNone\",\"SpeakerSimpleSlash\",\"SpeakerSimpleX\",\"SpeakerSlash\",\"SpeakerX\",\"Spinner\",\"SpinnerGap\",\"Spiral\",\"SpotifyLogo\",\"Square\",\"SquareHalf\",\"SquareHalfBottom\",\"SquareLogo\",\"SquaresFour\",\"Stack\",\"StackOverflowLogo\",\"StackSimple\",\"Stamp\",\"Star\",\"StarFour\",\"StarHalf\",\"Sticker\",\"Stop\",\"StopCircle\",\"Storefront\",\"Strategy\",\"StripeLogo\",\"Student\",\"Suitcase\",\"SuitcaseSimple\",\"Sun\",\"SunDim\",\"SunHorizon\",\"Sunglasses\",\"Swap\",\"Swatches\",\"Sword\",\"Syringe\",\"TShirt\",\"Table\",\"Tabs\",\"Tag\",\"TagChevron\",\"TagSimple\",\"Target\",\"Taxi\",\"TelegramLogo\",\"Television\",\"TelevisionSimple\",\"TennisBall\",\"Terminal\",\"TerminalWindow\",\"TestTube\",\"TextAa\",\"TextAlignCenter\",\"TextAlignJustify\",\"TextAlignLeft\",\"TextAlignRight\",\"TextBolder\",\"TextH\",\"TextHFive\",\"TextHFour\",\"TextHOne\",\"TextHSix\",\"TextHThree\",\"TextHTwo\",\"TextIndent\",\"TextItalic\",\"TextOutdent\",\"TextStrikethrough\",\"TextT\",\"TextUnderline\",\"Textbox\",\"Thermometer\",\"ThermometerCold\",\"ThermometerHot\",\"ThermometerSimple\",\"ThumbsDown\",\"ThumbsUp\",\"Ticket\",\"TiktokLogo\",\"Timer\",\"ToggleLeft\",\"ToggleRight\",\"Toilet\",\"ToiletPaper\",\"Tote\",\"ToteSimple\",\"TrademarkRegistered\",\"TrafficCone\",\"TrafficSign\",\"TrafficSignal\",\"Train\",\"TrainRegional\",\"TrainSimple\",\"Translate\",\"Trash\",\"TrashSimple\",\"Tray\",\"Tree\",\"TreeEvergreen\",\"TreeStructure\",\"TrendDown\",\"TrendUp\",\"Triangle\",\"Trophy\",\"Truck\",\"TwitchLogo\",\"TwitterLogo\",\"Umbrella\",\"UmbrellaSimple\",\"Upload\",\"UploadSimple\",\"User\",\"UserCircle\",\"UserCircleGear\",\"UserCircleMinus\",\"UserCirclePlus\",\"UserFocus\",\"UserGear\",\"UserList\",\"UserMinus\",\"UserPlus\",\"UserRectangle\",\"UserSquare\",\"UserSwitch\",\"Users\",\"UsersFour\",\"UsersThree\",\"Vault\",\"Vibrate\",\"VideoCamera\",\"VideoCameraSlash\",\"Vignette\",\"Voicemail\",\"Volleyball\",\"Wall\",\"Wallet\",\"Warning\",\"WarningCircle\",\"WarningOctagon\",\"Watch\",\"WaveSawtooth\",\"WaveSine\",\"WaveSquare\",\"WaveTriangle\",\"Waves\",\"Webcam\",\"WhatsappLogo\",\"Wheelchair\",\"WifiHigh\",\"WifiLow\",\"WifiMedium\",\"WifiNone\",\"WifiSlash\",\"WifiX\",\"Wind\",\"WindowsLogo\",\"Wine\",\"Wrench\",\"X\",\"XCircle\",\"XSquare\",\"YinYang\",\"YoutubeLogo\",];const moduleBaseUrl=\"https://framer.com/m/phosphor-icons/\";const weightOptions=[\"thin\",\"light\",\"regular\",\"bold\",\"fill\",\"duotone\",];const lowercaseIconKeyPairs=iconKeys.reduce((res,key)=>{res[key.toLowerCase()]=key;return res;},{});/**\n * PHOSPHOR\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n *\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n */ export function Icon(props){const{color,selectByList,iconSearch,iconSelection,onClick,onMouseDown,onMouseUp,onMouseEnter,onMouseLeave,weight,mirrored}=props;const isMounted=useRef(false);const iconKey=useIconSelection(iconKeys,selectByList,iconSearch,iconSelection,lowercaseIconKeyPairs);const[SelectedIcon,setSelectedIcon]=useState(iconKey===\"Home\"?HouseFactory(React):null);async function importModule(){// Get the selected module\ntry{// Quickfix, needs proper publish\nconst version=\"0.0.50\";const iconModuleUrl=`${moduleBaseUrl}${iconKey}.js@${version}`;const module=await import(/* webpackIgnore: true */ iconModuleUrl);if(isMounted.current)setSelectedIcon(module.default(React));}catch(err){if(isMounted.current)setSelectedIcon(null);}}useEffect(()=>{isMounted.current=true;importModule();return()=>{isMounted.current=false;};},[iconKey]);const isOnCanvas=RenderTarget.current()===RenderTarget.canvas;const emptyState=isOnCanvas?/*#__PURE__*/ _jsx(NullState,{}):null;return /*#__PURE__*/ _jsx(motion.div,{style:{display:\"contents\"},onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,children:SelectedIcon?/*#__PURE__*/ _jsx(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",viewBox:\"0 0 256 256\",style:{userSelect:\"none\",width:\"100%\",height:\"100%\",display:\"inline-block\",fill:color,flexShrink:0,transform:mirrored?\"scale(-1, 1)\":undefined},focusable:\"false\",color:color,children:/*#__PURE__*/ _jsx(SelectedIcon,{color:color,weight:weight})}):emptyState});}Icon.displayName=\"Phosphor\";Icon.defaultProps={width:24,height:24,iconSelection:\"House\",iconSearch:\"House\",color:\"#66F\",selectByList:true,weight:\"regular\",mirrored:false};addPropertyControls(Icon,{selectByList:{type:ControlType.Boolean,title:\"Select\",enabledTitle:\"List\",disabledTitle:\"Search\",defaultValue:Icon.defaultProps.selectByList},iconSelection:{type:ControlType.Enum,options:iconKeys,defaultValue:Icon.defaultProps.iconSelection,title:\"Name\",hidden:({selectByList})=>!selectByList,description:\"Find every icon name on the [Phosphor site](https://phosphoricons.com/)\"},iconSearch:{type:ControlType.String,title:\"Name\",placeholder:\"Menu, Wifi, Box\u2026\",hidden:({selectByList})=>selectByList},color:{type:ControlType.Color,title:\"Color\",defaultValue:Icon.defaultProps.color},weight:{type:ControlType.Enum,title:\"Weight\",optionTitles:weightOptions.map(piece=>piece.charAt(0).toUpperCase()+piece.slice(1)),options:weightOptions,defaultValue:Icon.defaultProps.weight},mirrored:{type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\",defaultValue:Icon.defaultProps.mirrored},...defaultEvents});\nexport const __FramerMetadata__ = {\"exports\":{\"Icon\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicHeight\":\"24\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicWidth\":\"24\"}},\"IconProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Phosphor.map", "import{fontStore}from\"framer\";fontStore.loadWebFontsFromSelectors([\"GF;Epilogue-regular\"]);export const fonts=[{family:\"Epilogue\",moduleAsset:{localModuleIdentifier:\"local-module:css/xZndidUCt:default\",url:\"https://fonts.gstatic.com/s/epilogue/v17/O4ZMFGj5hxF0EhjimngomvnCCtqb30OXMDPiDJXVigHPVA.ttf\"},style:\"normal\",url:\"https://fonts.gstatic.com/s/epilogue/v17/O4ZMFGj5hxF0EhjimngomvnCCtqb30OXMDPiDJXVigHPVA.ttf\",weight:\"400\"}];export const css=['.framer-dwmvd .framer-styles-preset-21ogod:not(.rich-text-wrapper), .framer-dwmvd .framer-styles-preset-21ogod.rich-text-wrapper p, .framer-dwmvd .framer-styles-preset-21ogod.rich-text-wrapper [data-preset-tag=\"p\"] { --framer-font-family: \"Epilogue\", \"Epilogue Placeholder\", sans-serif; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-weight: 400; --framer-letter-spacing: 0px; --framer-line-height: 1.4em; --framer-paragraph-spacing: 20px; --framer-text-alignment: start; --framer-text-color: var(--token-352768be-1808-46e0-a8ed-0c874109e368, #080808); --framer-text-decoration: none; --framer-text-transform: none; }','@media (max-width: 1199px) and (min-width: 810px) { .framer-dwmvd .framer-styles-preset-21ogod:not(.rich-text-wrapper), .framer-dwmvd .framer-styles-preset-21ogod.rich-text-wrapper p, .framer-dwmvd .framer-styles-preset-21ogod.rich-text-wrapper [data-preset-tag=\"p\"] { --framer-font-family: \"Epilogue\", \"Epilogue Placeholder\", sans-serif; --framer-font-size: 12px; --framer-font-style: normal; --framer-font-weight: 400; --framer-letter-spacing: 0px; --framer-line-height: 1.4em; --framer-paragraph-spacing: 20px; --framer-text-alignment: start; --framer-text-color: var(--token-352768be-1808-46e0-a8ed-0c874109e368, #080808); --framer-text-decoration: none; --framer-text-transform: none; } }','@media (max-width: 809px) and (min-width: 0px) { .framer-dwmvd .framer-styles-preset-21ogod:not(.rich-text-wrapper), .framer-dwmvd .framer-styles-preset-21ogod.rich-text-wrapper p, .framer-dwmvd .framer-styles-preset-21ogod.rich-text-wrapper [data-preset-tag=\"p\"] { --framer-font-family: \"Epilogue\", \"Epilogue Placeholder\", sans-serif; --framer-font-size: 10px; --framer-font-style: normal; --framer-font-weight: 400; --framer-letter-spacing: 0px; --framer-line-height: 1.4em; --framer-paragraph-spacing: 20px; --framer-text-alignment: start; --framer-text-color: var(--token-352768be-1808-46e0-a8ed-0c874109e368, #080808); --framer-text-decoration: none; --framer-text-transform: none; } }'];export const className=\"framer-dwmvd\";\nexport const __FramerMetadata__ = {\"exports\":{\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "// Generated by Framer (5b5d553)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFonts,Link,RichText,useActiveVariantCallback,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion}from\"framer-motion\";import*as React from\"react\";import{Icon as Phosphor}from\"https://framerusercontent.com/modules/tYScH7LTqUtz5KUaUAYP/H4OHcdXxZyPVKySUy1y2/Phosphor.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/hWMcuEBofFGFORzhJ6qI/fn277iJK7r3NgzpkyfsJ/xZndidUCt.js\";const PhosphorFonts=getFonts(Phosphor);const enabledGestures={AFEN4ds8g:{hover:true},bJcevQRUW:{hover:true}};const cycleOrder=[\"g72cF_iAS\",\"h62ehn9pM\",\"bJcevQRUW\",\"AFEN4ds8g\"];const variantClassNames={AFEN4ds8g:\"framer-v-5zv37k\",bJcevQRUW:\"framer-v-cqu13i\",g72cF_iAS:\"framer-v-mk65vq\",h62ehn9pM:\"framer-v-9ebrlw\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const humanReadableVariantMap={\"Var 2\":\"AFEN4ds8g\",\"Variant 1\":\"g72cF_iAS\",\"Variant 2\":\"bJcevQRUW\",Variant:\"h62ehn9pM\"};const transitions={default:{damping:60,delay:0,duration:.3,ease:[.44,0,.56,1],mass:1,stiffness:500,type:\"spring\"}};const Component=/*#__PURE__*/ React.forwardRef(function({id,style,className,width,height,layoutId,variant:outerVariant=\"g72cF_iAS\",title:L2A_ZkSF9=\"Immersive Media\",description:RAH3MMqGI=\"Certe, inquam, pertinax non emolumento aliquo, sed et quasi involuta aperiri, altera prompta et inter mediocrem animadversionem atque insitam in bonis sit sentiri haec putat, ut perspiciatis, unde omnis iste natus error sit extremum et negent: elsaticthemes.com\",...restProps},ref){const outerVariantId=humanReadableVariantMap[outerVariant];const variant=outerVariantId||outerVariant;const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"g72cF_iAS\",enabledGestures,transitions,variant,variantClassNames});const layoutDependency=variants.join(\"-\")+restProps.layoutDependency;const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTap12p9a0g=activeVariantCallback(async(...args)=>{setVariant(\"bJcevQRUW\");});const onTap1kfxkjb=activeVariantCallback(async(...args)=>{setVariant(\"AFEN4ds8g\");});const onTap1aafgur=activeVariantCallback(async(...args)=>{setVariant(\"g72cF_iAS\");});const onTapskd9cu=activeVariantCallback(async(...args)=>{setVariant(\"h62ehn9pM\");});const isDisplayed=()=>{if([\"bJcevQRUW-hover\",\"AFEN4ds8g-hover\"].includes(gestureVariant))return false;if([\"bJcevQRUW\",\"AFEN4ds8g\"].includes(baseVariant))return false;return true;};const defaultLayoutId=React.useId();return /*#__PURE__*/ _jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/ _jsx(motion.div,{initial:variant,animate:variants,onHoverStart:()=>setGestureState({isHovered:true}),onHoverEnd:()=>setGestureState({isHovered:false}),onTapStart:()=>setGestureState({isPressed:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),className:cx(\"framer-Ss6rk\",sharedStyle.className,classNames),style:{display:\"contents\"},children:/*#__PURE__*/ _jsxs(motion.div,{...restProps,className:cx(\"framer-mk65vq\",className),\"data-border\":true,\"data-framer-name\":\"Variant 1\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"g72cF_iAS\",onTap:onTap12p9a0g,ref:ref,style:{\"--border-bottom-width\":\"2px\",\"--border-color\":'var(--token-5ad840ea-587a-46a9-9b7e-c0cb918e139b, rgba(238, 238, 238, 0.45)) /* {\"name\":\"gray backround\"} */',\"--border-left-width\":\"2px\",\"--border-right-width\":\"2px\",\"--border-style\":\"solid\",\"--border-top-width\":\"2px\",backgroundColor:\"rgb(36, 36, 36)\",borderBottomLeftRadius:8,borderBottomRightRadius:8,borderTopLeftRadius:8,borderTopRightRadius:8,...style},transition:transition,variants:{\"AFEN4ds8g-hover\":{backgroundColor:\"var(--token-5ad840ea-587a-46a9-9b7e-c0cb918e139b, rgba(238, 238, 238, 0.45))\"},\"bJcevQRUW-hover\":{backgroundColor:\"var(--token-5ad840ea-587a-46a9-9b7e-c0cb918e139b, rgba(238, 238, 238, 0.45))\"}},...addPropertyOverrides({\"AFEN4ds8g-hover\":{\"data-framer-name\":undefined},\"bJcevQRUW-hover\":{\"data-framer-name\":undefined},AFEN4ds8g:{\"data-framer-name\":\"Var 2\",onTap:onTapskd9cu},bJcevQRUW:{\"data-framer-name\":\"Variant 2\",onTap:onTap1aafgur},h62ehn9pM:{\"data-framer-name\":undefined,onTap:onTap1kfxkjb}},baseVariant,gestureVariant),children:[/*#__PURE__*/ _jsxs(motion.div,{className:\"framer-ckfcv8\",layoutDependency:layoutDependency,layoutId:\"RfmduELvL\",transition:transition,children:[/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.h2,{style:{\"--font-selector\":\"R0Y7UGx1cyBKYWthcnRhIFNhbnMtNzAw\",\"--framer-font-family\":'\"Plus Jakarta Sans\", \"Plus Jakarta Sans Placeholder\", sans-serif',\"--framer-font-size\":\"18px\",\"--framer-font-weight\":\"700\",\"--framer-line-height\":\"1.3em\",\"--framer-text-color\":\"var(--extracted-1of0zx5)\"},children:\"Immersive Media\"})}),className:\"framer-th55ws\",fonts:[\"GF;Plus Jakarta Sans-700\"],layoutDependency:layoutDependency,layoutId:\"tYy5ZY6DA\",style:{\"--extracted-1of0zx5\":\"var(--token-352768be-1808-46e0-a8ed-0c874109e368, rgb(16, 31, 61))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},text:L2A_ZkSF9,transition:transition,verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({AFEN4ds8g:{children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.h2,{style:{\"--font-selector\":\"R0Y7UGx1cyBKYWthcnRhIFNhbnMtNzAw\",\"--framer-font-family\":'\"Plus Jakarta Sans\", \"Plus Jakarta Sans Placeholder\", sans-serif',\"--framer-font-weight\":\"700\",\"--framer-line-height\":\"1.3em\",\"--framer-text-color\":\"var(--extracted-1of0zx5)\"},children:\"Immersive Media\"})})},h62ehn9pM:{children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.h2,{style:{\"--font-selector\":\"R0Y7UGx1cyBKYWthcnRhIFNhbnMtNzAw\",\"--framer-font-family\":'\"Plus Jakarta Sans\", \"Plus Jakarta Sans Placeholder\", sans-serif',\"--framer-font-weight\":\"700\",\"--framer-line-height\":\"1.3em\",\"--framer-text-color\":\"var(--extracted-1of0zx5)\"},children:\"Immersive Media\"})})}},baseVariant,gestureVariant)}),/*#__PURE__*/ _jsx(motion.div,{className:\"framer-1mapquj\",layoutDependency:layoutDependency,layoutId:\"Qp3cLwClD\",style:{backgroundColor:\"var(--token-1b0d9212-3182-492d-8bec-e3c3dd8e6978, rgb(0, 217, 255))\",borderBottomLeftRadius:100,borderBottomRightRadius:100,borderTopLeftRadius:100,borderTopRightRadius:100},transition:transition,variants:{AFEN4ds8g:{backgroundColor:\"var(--token-5ad840ea-587a-46a9-9b7e-c0cb918e139b, rgba(238, 238, 238, 0.45))\"},bJcevQRUW:{backgroundColor:\"var(--token-5ad840ea-587a-46a9-9b7e-c0cb918e139b, rgba(238, 238, 238, 0.45))\"}},children:/*#__PURE__*/ _jsx(motion.div,{className:\"framer-12masbn-container\",layoutDependency:layoutDependency,layoutId:\"cnkOSRwnG-container\",style:{rotate:180},transition:transition,variants:{\"AFEN4ds8g-hover\":{rotate:0},\"bJcevQRUW-hover\":{rotate:0},AFEN4ds8g:{rotate:0},bJcevQRUW:{rotate:0}},children:/*#__PURE__*/ _jsx(Phosphor,{color:'var(--token-cf9e9713-7516-4958-8f33-177e7fa6100a, rgb(8, 8, 8)) /* {\"name\":\"Black\"} */',height:\"100%\",iconSearch:\"House\",iconSelection:\"CaretDown\",id:\"cnkOSRwnG\",layoutId:\"cnkOSRwnG\",mirrored:false,selectByList:true,style:{height:\"100%\",width:\"100%\"},weight:\"bold\",width:\"100%\",...addPropertyOverrides({AFEN4ds8g:{color:'var(--token-1b0d9212-3182-492d-8bec-e3c3dd8e6978, rgb(9, 170, 204)) /* {\"name\":\"Primary\"} */'},bJcevQRUW:{color:'var(--token-1b0d9212-3182-492d-8bec-e3c3dd8e6978, rgb(9, 170, 204)) /* {\"name\":\"Primary\"} */'}},baseVariant,gestureVariant)})})})]}),isDisplayed()&&/*#__PURE__*/ _jsx(motion.div,{className:\"framer-1r9n50c\",layoutDependency:layoutDependency,layoutId:\"cDljoWzhY\",transition:transition,children:/*#__PURE__*/ _jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsxs(motion.p,{className:\"framer-styles-preset-21ogod\",\"data-styles-preset\":\"xZndidUCt\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv)\"},children:[\"Certe, inquam, pertinax non emolumento aliquo, sed et quasi involuta aperiri, altera prompta et inter mediocrem animadversionem atque insitam in bonis sit sentiri haec putat, ut perspiciatis, unde omnis iste natus error sit extremum et negent: \",/*#__PURE__*/ _jsx(Link,{href:\"https://elastcthemes.com/\",openInNewTab:true,smoothScroll:false,children:/*#__PURE__*/ _jsx(motion.a,{children:\"elsaticthemes.com\"})})]})}),className:\"framer-sr29cf\",layoutDependency:layoutDependency,layoutId:\"k8tdEdPpg\",style:{\"--extracted-r6o4lv\":\"var(--token-834d53ce-7d27-4cfa-bd44-7195d280162e, rgba(255, 255, 255, 0.8)) \",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},transition:transition,verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({h62ehn9pM:{children:/*#__PURE__*/ _jsx(React.Fragment,{children:/*#__PURE__*/ _jsx(motion.p,{className:\"framer-styles-preset-21ogod\",\"data-styles-preset\":\"xZndidUCt\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv)\"},children:\"Certe, inquam, pertinax non emolumento aliquo, sed et quasi involuta aperiri, altera prompta et inter mediocrem animadversionem atque insitam in bonis sit sentiri haec putat, ut perspiciatis, unde omnis iste natus error sit extremum et negent: elsaticthemes.com\"})}),text:RAH3MMqGI}},baseVariant,gestureVariant)})})]})})});});const css=['.framer-Ss6rk [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-Ss6rk .framer-17bp738 { display: block; }\",\".framer-Ss6rk .framer-mk65vq { align-content: flex-start; align-items: flex-start; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: center; overflow: hidden; padding: 24px 24px 24px 24px; position: relative; width: 1022px; will-change: transform; }\",\".framer-Ss6rk .framer-ckfcv8 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\",\".framer-Ss6rk .framer-th55ws { flex: 1 0 0px; height: auto; position: relative; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\",\".framer-Ss6rk .framer-1mapquj { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 8px 8px 8px 8px; position: relative; width: min-content; will-change: transform; }\",\".framer-Ss6rk .framer-12masbn-container { flex: none; height: 22px; position: relative; width: 22px; }\",\".framer-Ss6rk .framer-1r9n50c { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\",\".framer-Ss6rk .framer-sr29cf { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-Ss6rk .framer-v-cqu13i .framer-mk65vq, .framer-Ss6rk .framer-v-5zv37k .framer-mk65vq { cursor: pointer; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-Ss6rk .framer-mk65vq, .framer-Ss6rk .framer-ckfcv8, .framer-Ss6rk .framer-1mapquj, .framer-Ss6rk .framer-1r9n50c { gap: 0px; } .framer-Ss6rk .framer-mk65vq > * { margin: 0px; margin-bottom: calc(24px / 2); margin-top: calc(24px / 2); } .framer-Ss6rk .framer-mk65vq > :first-child, .framer-Ss6rk .framer-1r9n50c > :first-child { margin-top: 0px; } .framer-Ss6rk .framer-mk65vq > :last-child, .framer-Ss6rk .framer-1r9n50c > :last-child { margin-bottom: 0px; } .framer-Ss6rk .framer-ckfcv8 > * { margin: 0px; margin-left: calc(16px / 2); margin-right: calc(16px / 2); } .framer-Ss6rk .framer-ckfcv8 > :first-child, .framer-Ss6rk .framer-1mapquj > :first-child { margin-left: 0px; } .framer-Ss6rk .framer-ckfcv8 > :last-child, .framer-Ss6rk .framer-1mapquj > :last-child { margin-right: 0px; } .framer-Ss6rk .framer-1mapquj > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-Ss6rk .framer-1r9n50c > * { margin: 0px; margin-bottom: calc(8px / 2); margin-top: calc(8px / 2); } }\",\".framer-Ss6rk.framer-v-9ebrlw .framer-mk65vq, .framer-Ss6rk.framer-v-5zv37k .framer-mk65vq { padding: 16px 16px 16px 16px; }\",\".framer-Ss6rk.framer-v-9ebrlw .framer-1mapquj, .framer-Ss6rk.framer-v-5zv37k .framer-1mapquj { padding: 6px 6px 6px 6px; }\",\".framer-Ss6rk.framer-v-9ebrlw .framer-12masbn-container, .framer-Ss6rk.framer-v-5zv37k .framer-12masbn-container { height: 18px; width: 18px; }\",...sharedStyle.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 200\n * @framerIntrinsicWidth 1022\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"h62ehn9pM\":{\"layout\":[\"fixed\",\"auto\"]},\"bJcevQRUW\":{\"layout\":[\"fixed\",\"auto\"]},\"AFEN4ds8g\":{\"layout\":[\"fixed\",\"auto\"]},\"xE4i6f2gq\":{\"layout\":[\"fixed\",\"auto\"]},\"YCoEtkjVl\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"L2A_ZkSF9\":\"title\",\"RAH3MMqGI\":\"description\"}\n */ const FramerJUJFpFv9Y=withCSS(Component,css,\"framer-Ss6rk\");export default FramerJUJFpFv9Y;FramerJUJFpFv9Y.displayName=\"FAQ/Content\";FramerJUJFpFv9Y.defaultProps={height:200,width:1022};addPropertyControls(FramerJUJFpFv9Y,{variant:{options:[\"g72cF_iAS\",\"h62ehn9pM\",\"bJcevQRUW\",\"AFEN4ds8g\"],optionTitles:[\"Variant 1\",\"Variant\",\"Variant 2\",\"Var 2\"],title:\"Variant\",type:ControlType.Enum},L2A_ZkSF9:{defaultValue:\"Immersive Media\",displayTextArea:false,title:\"Title\",type:ControlType.String},RAH3MMqGI:{defaultValue:\"Certe, inquam, pertinax non emolumento aliquo, sed et quasi involuta aperiri, altera prompta et inter mediocrem animadversionem atque insitam in bonis sit sentiri haec putat, ut perspiciatis, unde omnis iste natus error sit extremum et negent: elsaticthemes.com\",displayTextArea:false,title:\"Description\",type:ControlType.String}});addFonts(FramerJUJFpFv9Y,[{family:\"Plus Jakarta Sans\",moduleAsset:{localModuleIdentifier:\"local-module:canvasComponent/JUJFpFv9Y:default\",url:\"https://fonts.gstatic.com/s/plusjakartasans/v7/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_TknNShXUEKi4Rw.ttf\"},style:\"normal\",url:\"https://fonts.gstatic.com/s/plusjakartasans/v7/LDIbaomQNQcsA88c7O9yZ4KMCoOg4IA6-91aHEjcWuA_TknNShXUEKi4Rw.ttf\",weight:\"700\"},...PhosphorFonts,...sharedStyle.fonts]);\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerJUJFpFv9Y\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"200\",\"framerVariables\":\"{\\\"L2A_ZkSF9\\\":\\\"title\\\",\\\"RAH3MMqGI\\\":\\\"description\\\"}\",\"framerContractVersion\":\"1\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"h62ehn9pM\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"bJcevQRUW\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"AFEN4ds8g\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"xE4i6f2gq\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"YCoEtkjVl\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicWidth\":\"1022\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./JUJFpFv9Y.map", "const o=e=>e;let t;var h=e=>(t||(t=o(e.createElement(\"path\",{d:\"M10 20v-6h4v6h5v-8h3L12 3 2 12h3v8z\"}),\"Home\")),t);export{h as default};\n", "import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{useState,useEffect,useMemo,useRef}from\"react\";import{addPropertyControls,ControlType,motion,RenderTarget}from\"framer\";import{NullState}from\"https://framer.com/m/framer/icon-nullstate.js@0.7.0\";import HomeFactory from\"https://framer.com/m/material-icons/Home.js@0.0.32\";import{defaultEvents,useIconSelection,getIconSelection}from\"https://framerusercontent.com/modules/Ma20hU0GGRxLxZphbywl/OSpwWF91FHPVFyQJjMHt/utils.js\";const moduleBaseUrl=\"https://framer.com/m/material-icons/\";const icons={AcUnit:15,AccessAlarm:15,AccessAlarms:15,AccessTime:15,AccessTimeFilled:0,Accessibility:7,AccessibilityNew:0,Accessible:15,AccessibleForward:0,AccountBalance:2,AccountBalanceWallet:0,AccountBox:15,AccountCircle:7,AccountTree:15,AdUnits:15,Adb:15,Add:15,AddAPhoto:15,AddAlarm:15,AddAlert:15,AddBox:15,AddBusiness:15,AddCircle:15,AddCircleOutline:0,AddComment:15,AddIcCall:15,AddLink:15,AddLocation:15,AddLocationAlt:2,AddModerator:15,AddPhotoAlternate:0,AddReaction:15,AddRoad:15,AddShoppingCart:2,AddTask:15,AddToDrive:15,AddToHomeScreen:2,AddToPhotos:15,AddToQueue:15,Addchart:15,Adjust:15,AdminPanelSettings:0,Agriculture:15,Air:15,AirlineSeatFlat:2,AirplaneTicket:2,AirplanemodeActive:0,AirplanemodeInactive:0,Airplay:15,AirportShuttle:2,Alarm:15,AlarmAdd:15,AlarmOff:15,AlarmOn:15,Album:15,AlignHorizontalLeft:0,AlignHorizontalRight:0,AlignVerticalBottom:0,AlignVerticalCenter:0,AlignVerticalTop:0,AllInbox:15,AllInclusive:15,AllOut:15,AltRoute:15,AlternateEmail:2,Analytics:15,Anchor:15,Android:15,Animation:15,Announcement:15,Aod:15,Apartment:15,Api:15,AppBlocking:15,AppRegistration:2,AppSettingsAlt:2,Apple:0,Approval:15,Apps:15,Architecture:15,Archive:15,ArrowBack:15,ArrowBackIos:15,ArrowBackIosNew:2,ArrowCircleDown:2,ArrowCircleUp:7,ArrowDownward:7,ArrowDropDown:7,ArrowDropDownCircle:0,ArrowDropUp:15,ArrowForward:15,ArrowForwardIos:2,ArrowLeft:15,ArrowRight:15,ArrowRightAlt:7,ArrowUpward:15,ArtTrack:15,Article:15,AspectRatio:15,Assessment:15,Assignment:15,AssignmentInd:7,AssignmentLate:2,AssignmentReturn:0,AssignmentReturned:0,AssignmentTurnedIn:0,Assistant:15,AssistantDirection:0,AssistantPhoto:2,Atm:15,AttachEmail:15,AttachFile:15,AttachMoney:15,Attachment:15,Attractions:15,Attribution:15,Audiotrack:15,AutoAwesome:15,AutoAwesomeMosaic:0,AutoAwesomeMotion:0,AutoDelete:15,AutoFixHigh:15,AutoFixNormal:7,AutoFixOff:15,AutoGraph:15,AutoStories:15,AutofpsSelect:7,Autorenew:15,AvTimer:15,BabyChangingStation:0,Backpack:15,Backspace:15,Backup:15,BackupTable:15,Badge:15,BakeryDining:15,Balcony:15,Ballot:15,BarChart:15,BatchPrediction:2,Bathroom:15,Bathtub:15,Battery20:15,Battery30:15,Battery50:15,Battery60:15,Battery80:15,Battery90:15,BatteryAlert:15,BatteryCharging20:0,BatteryCharging30:0,BatteryCharging50:0,BatteryCharging60:0,BatteryCharging80:0,BatteryCharging90:0,BatteryChargingFull:0,BatteryFull:15,BatterySaver:15,BatteryStd:15,BatteryUnknown:2,BeachAccess:15,Bed:15,BedroomBaby:15,BedroomChild:15,BedroomParent:7,Bedtime:15,Beenhere:15,Bento:15,BikeScooter:15,Biotech:15,Blender:15,Block:15,Bloodtype:15,Bluetooth:15,BluetoothAudio:2,BluetoothConnected:0,BluetoothDisabled:0,BluetoothDrive:2,BluetoothSearching:0,BlurCircular:15,BlurLinear:15,BlurOff:15,BlurOn:15,Bolt:15,Book:15,BookOnline:15,Bookmark:15,BookmarkAdd:15,BookmarkAdded:7,BookmarkBorder:2,BookmarkRemove:2,Bookmarks:15,BorderAll:15,BorderBottom:15,BorderClear:15,BorderColor:15,BorderHorizontal:0,BorderInner:15,BorderLeft:15,BorderOuter:15,BorderRight:15,BorderStyle:15,BorderTop:15,BorderVertical:2,BrandingWatermark:0,BreakfastDining:2,Brightness1:15,Brightness2:15,Brightness3:15,Brightness4:15,Brightness5:15,Brightness6:15,Brightness7:15,BrightnessAuto:2,BrightnessHigh:2,BrightnessLow:7,BrightnessMedium:0,BrokenImage:15,BrowserNotSupported:0,BrunchDining:15,Brush:15,BubbleChart:15,BugReport:15,Build:15,BuildCircle:15,Bungalow:15,BurstMode:15,BusAlert:15,Business:15,BusinessCenter:2,Cabin:15,Cable:15,Cached:15,Cake:15,Calculate:15,CalendarToday:7,CalendarViewDay:2,CalendarViewMonth:0,CalendarViewWeek:0,Call:15,CallEnd:15,CallMade:15,CallMerge:15,CallMissed:15,CallMissedOutgoing:0,CallReceived:15,CallSplit:15,CallToAction:15,Camera:15,CameraAlt:15,CameraEnhance:7,CameraFront:15,CameraIndoor:15,CameraOutdoor:7,CameraRear:15,CameraRoll:15,Cameraswitch:15,Campaign:15,Cancel:15,CancelPresentation:0,CancelScheduleSend:0,CarRental:15,CarRepair:15,CardGiftcard:15,CardMembership:2,CardTravel:15,Carpenter:15,Cases:15,Casino:15,Cast:15,CastConnected:7,CastForEducation:0,CatchingPokemon:2,Category:15,Celebration:15,CellWifi:15,CenterFocusStrong:0,CenterFocusWeak:2,Chair:15,ChairAlt:15,Chalet:15,ChangeCircle:15,ChangeHistory:7,ChargingStation:2,Chat:15,ChatBubble:15,ChatBubbleOutline:0,Check:15,CheckBox:15,CheckBoxOutlineBlank:0,CheckCircle:15,CheckCircleOutline:0,Checkroom:15,ChevronLeft:15,ChevronRight:15,ChildCare:15,ChildFriendly:7,ChromeReaderMode:0,Circle:15,CircleNotifications:0,Class:15,CleanHands:15,CleaningServices:0,Clear:15,ClearAll:15,Close:15,CloseFullscreen:2,ClosedCaption:7,ClosedCaptionOff:0,Cloud:15,CloudCircle:15,CloudDone:15,CloudDownload:7,CloudOff:15,CloudQueue:15,CloudUpload:15,Code:15,CodeOff:15,Coffee:15,CoffeeMaker:15,Collections:15,CollectionsBookmark:0,ColorLens:15,Colorize:15,Comment:15,CommentBank:15,Commute:15,Compare:15,CompareArrows:7,CompassCalibration:0,Compress:15,Computer:15,ConfirmationNumber:0,ConnectedTv:15,Construction:15,ContactMail:15,ContactPage:15,ContactPhone:15,ContactSupport:2,Contactless:15,Contacts:15,ContentCopy:15,ContentCut:15,ContentPaste:15,ContentPasteOff:2,ControlCamera:7,ControlPoint:15,CopyAll:15,Copyright:15,Coronavirus:15,CorporateFare:7,Cottage:15,Countertops:15,Create:15,CreateNewFolder:2,CreditCard:15,CreditCardOff:7,CreditScore:15,Crib:15,Crop:15,Crop169:15,Crop32:15,Crop54:15,Crop75:15,CropDin:15,CropFree:15,CropLandscape:7,CropOriginal:15,CropPortrait:15,CropRotate:15,CropSquare:15,Dangerous:15,DarkMode:15,Dashboard:15,DashboardCustomize:0,DataSaverOff:15,DataSaverOn:15,DataUsage:15,DateRange:15,Deck:15,Dehaze:15,Delete:15,DeleteForever:7,DeleteOutline:7,DeleteSweep:15,DeliveryDining:2,DepartureBoard:2,Description:15,DesignServices:2,DesktopMac:15,DesktopWindows:2,Details:15,DeveloperBoard:2,DeveloperBoardOff:0,DeveloperMode:7,DeviceHub:15,DeviceThermostat:0,DeviceUnknown:7,Devices:15,DevicesOther:15,DialerSip:15,Dialpad:15,Dining:15,DinnerDining:15,Directions:15,DirectionsBike:2,DirectionsBoat:2,DirectionsBoatFilled:0,DirectionsBus:7,DirectionsBusFilled:0,DirectionsCar:7,DirectionsCarFilled:0,DirectionsOff:7,DirectionsRailway:0,DirectionsRun:7,DirectionsSubway:0,DirectionsTransit:0,DirectionsWalk:2,DirtyLens:15,DisabledByDefault:0,DiscFull:15,Dns:15,DoDisturb:15,DoDisturbAlt:15,DoDisturbOff:15,DoDisturbOn:15,DoNotDisturb:15,DoNotDisturbAlt:2,DoNotDisturbOff:2,DoNotDisturbOn:2,DoNotStep:15,DoNotTouch:15,Dock:15,DocumentScanner:2,Domain:15,DomainDisabled:2,DomainVerification:0,Done:15,DoneAll:15,DoneOutline:15,DonutLarge:15,DonutSmall:15,DoorBack:15,DoorFront:15,DoorSliding:15,Doorbell:15,DoubleArrow:15,DownhillSkiing:2,Download:15,DownloadDone:15,DownloadForOffline:0,Downloading:15,Drafts:15,DragHandle:15,DragIndicator:7,DriveEta:15,DriveFileMove:7,DriveFolderUpload:0,Dry:15,DryCleaning:15,Duo:15,Dvr:15,DynamicFeed:15,DynamicForm:15,EMobiledata:15,Earbuds:15,EarbudsBattery:2,East:15,Eco:15,EdgesensorHigh:2,EdgesensorLow:7,Edit:15,EditAttributes:2,EditLocation:15,EditLocationAlt:2,EditNotifications:0,EditOff:15,EditRoad:15,EightK:15,EightKPlus:15,EightMp:15,EightteenMp:15,Eject:15,Elderly:15,ElectricBike:15,ElectricCar:15,ElectricMoped:7,ElectricRickshaw:0,ElectricScooter:2,ElectricalServices:0,Elevator:15,ElevenMp:15,Email:15,EmojiEmotions:7,EmojiEvents:15,EmojiFlags:15,EmojiFoodBeverage:0,EmojiNature:15,EmojiObjects:15,EmojiPeople:15,EmojiSymbols:15,EmojiTransportation:0,Engineering:15,EnhancedEncryption:0,Equalizer:15,Error:15,ErrorOutline:15,Escalator:15,EscalatorWarning:0,Euro:15,EuroSymbol:15,EvStation:15,Event:15,EventAvailable:2,EventBusy:15,EventNote:15,EventSeat:15,ExitToApp:15,Expand:15,ExpandLess:15,ExpandMore:15,Explicit:15,Explore:15,ExploreOff:15,Exposure:15,Extension:15,ExtensionOff:15,Face:15,FaceRetouchingOff:0,Facebook:15,FactCheck:15,FamilyRestroom:2,FastForward:15,FastRewind:15,Fastfood:15,Favorite:15,FavoriteBorder:2,FeaturedPlayList:0,FeaturedVideo:7,Feed:15,Feedback:15,Female:15,Fence:15,Festival:15,FiberDvr:15,FiberManualRecord:0,FiberNew:15,FiberPin:15,FiberSmartRecord:0,FileCopy:15,FileDownload:15,FileDownloadDone:0,FileDownloadOff:2,FilePresent:15,FileUpload:15,Filter:15,Filter1:15,Filter2:15,Filter3:15,Filter4:15,Filter5:15,Filter6:15,Filter7:15,Filter8:15,Filter9:15,Filter9Plus:15,FilterAlt:15,FilterBAndW:15,FilterCenterFocus:0,FilterDrama:15,FilterFrames:15,FilterHdr:15,FilterList:15,FilterNone:15,FilterTiltShift:2,FilterVintage:7,FindInPage:15,FindReplace:15,Fingerprint:15,FireExtinguisher:0,Fireplace:15,FirstPage:15,FitScreen:15,FitnessCenter:7,FiveG:15,FiveK:15,FiveKPlus:15,FiveMp:15,FivteenMp:15,Flag:15,Flaky:15,Flare:15,FlashAuto:15,FlashOff:15,FlashOn:15,FlashlightOff:7,FlashlightOn:15,Flatware:15,Flight:15,FlightLand:15,FlightTakeoff:7,Flip:15,FlipCameraAndroid:0,FlipCameraIos:7,FlipToBack:15,FlipToFront:15,Flourescent:15,FlutterDash:15,FmdBad:15,FmdGood:15,Folder:15,FolderOpen:15,FolderShared:15,FolderSpecial:7,FollowTheSigns:2,FontDownload:15,FontDownloadOff:2,FoodBank:15,FormatAlignCenter:0,FormatAlignJustify:0,FormatAlignLeft:2,FormatAlignRight:0,FormatBold:15,FormatClear:15,FormatColorFill:2,FormatColorReset:0,FormatColorText:2,FormatIndentDecrease:0,FormatIndentIncrease:0,FormatItalic:15,FormatLineSpacing:0,FormatListBulleted:0,FormatListNumbered:0,FormatPaint:15,FormatQuote:15,FormatShapes:15,FormatSize:15,FormatStrikethrough:0,FormatUnderlined:0,Forum:15,Forward:15,Forward10:15,Forward30:15,Forward5:15,ForwardToInbox:2,Foundation:15,FourGMobiledata:2,FourGPlusMobiledata:0,FourK:15,FourKPlus:15,FourMp:15,FourteenMp:15,FreeBreakfast:7,Fullscreen:15,FullscreenExit:2,Functions:15,GMobiledata:15,GTranslate:15,Gamepad:15,Games:15,Garage:15,Gavel:15,Gesture:15,GetApp:15,Gif:15,GitHub:0,Gite:15,GolfCourse:15,Google:0,GppBad:15,GppGood:15,GppMaybe:15,GpsFixed:15,GpsNotFixed:15,GpsOff:15,Grade:15,Gradient:15,Grading:15,Grain:15,GraphicEq:15,Grass:15,Grid3x3:15,Grid4x4:15,GridGoldenratio:2,GridOff:15,GridOn:15,GridView:15,Group:15,GroupAdd:15,GroupWork:15,Groups:15,HMobiledata:15,HPlusMobiledata:2,Hail:15,Handyman:15,Hardware:15,Hd:15,HdrAuto:15,HdrAutoSelect:7,HdrEnhancedSelect:0,HdrOff:15,HdrOffSelect:15,HdrOn:15,HdrOnSelect:15,HdrPlus:15,HdrStrong:15,HdrWeak:15,Headphones:15,HeadphonesBattery:0,Headset:15,HeadsetMic:15,HeadsetOff:15,Healing:15,HealthAndSafety:2,Hearing:15,HearingDisabled:2,Height:15,Help:15,HelpCenter:15,HelpOutline:15,Hevc:15,HideImage:15,HideSource:15,HighQuality:15,Highlight:15,HighlightAlt:15,HighlightOff:15,Hiking:15,History:15,HistoryEdu:15,HistoryToggleOff:0,HolidayVillage:2,Home:15,HomeMax:15,HomeMini:15,HomeRepairService:0,HomeWork:15,HorizontalRule:2,HorizontalSplit:2,HotTub:15,Hotel:15,HourglassBottom:2,HourglassDisabled:0,HourglassEmpty:2,HourglassFull:7,HourglassTop:15,House:15,HouseSiding:15,Houseboat:15,HowToReg:15,HowToVote:15,Http:15,Https:15,Hvac:15,IceSkating:15,Icecream:15,Image:15,ImageAspectRatio:0,ImageNotSupported:0,ImageSearch:15,ImagesearchRoller:0,ImportContacts:2,ImportExport:15,ImportantDevices:0,Inbox:15,Info:15,Input:15,InsertChart:15,InsertComment:7,InsertDriveFile:2,InsertEmoticon:2,InsertInvitation:0,InsertLink:15,InsertPhoto:15,Insights:15,Instagram:0,Inventory:15,Inventory2:15,InvertColors:15,InvertColorsOff:2,IosShare:15,Iron:15,Iso:15,Kayaking:15,Keyboard:15,KeyboardAlt:15,KeyboardArrowDown:0,KeyboardArrowLeft:0,KeyboardArrowRight:0,KeyboardArrowUp:2,KeyboardBackspace:0,KeyboardCapslock:0,KeyboardHide:15,KeyboardReturn:2,KeyboardTab:15,KeyboardVoice:7,KingBed:15,Kitchen:15,Kitesurfing:15,Label:15,LabelImportant:2,LabelOff:15,Landscape:15,Language:15,Laptop:15,LaptopChromebook:0,LaptopMac:15,LaptopWindows:7,LastPage:15,Launch:15,Layers:15,LayersClear:15,Leaderboard:15,LeakAdd:15,LeakRemove:15,LegendToggle:15,Lens:15,LensBlur:15,LibraryAdd:15,LibraryAddCheck:2,LibraryBooks:15,LibraryMusic:15,Light:15,LightMode:15,Lightbulb:15,LineStyle:15,LineWeight:15,LinearScale:15,Link:15,LinkOff:15,LinkedCamera:15,LinkedIn:0,Liquor:15,List:15,ListAlt:15,LiveHelp:15,LiveTv:15,Living:15,LocalActivity:7,LocalAirport:15,LocalAtm:15,LocalBar:15,LocalCafe:15,LocalCarWash:15,LocalDining:15,LocalDrink:15,LocalFireDepartment:0,LocalFlorist:15,LocalGasStation:2,LocalGroceryStore:0,LocalHospital:7,LocalHotel:15,LocalLaundryService:0,LocalLibrary:15,LocalMall:15,LocalMovies:15,LocalOffer:15,LocalParking:15,LocalPharmacy:7,LocalPhone:15,LocalPizza:15,LocalPlay:15,LocalPolice:15,LocalPostOffice:2,LocalPrintshop:2,LocalSee:15,LocalShipping:7,LocalTaxi:15,LocationCity:15,LocationDisabled:0,LocationOff:15,LocationOn:15,LocationSearching:0,Lock:15,LockClock:15,LockOpen:15,Login:15,Logout:15,Looks:15,Looks3:15,Looks4:15,Looks5:15,Looks6:15,LooksOne:15,LooksTwo:15,Loop:15,Loupe:15,LowPriority:15,Loyalty:15,LteMobiledata:7,LtePlusMobiledata:0,Luggage:15,LunchDining:15,Mail:15,MailOutline:15,Male:15,ManageAccounts:2,ManageSearch:15,Map:15,MapsHomeWork:15,MapsUgc:15,Margin:15,MarkAsUnread:15,MarkChatRead:15,MarkChatUnread:2,MarkEmailRead:7,MarkEmailUnread:2,Markunread:15,MarkunreadMailbox:0,Masks:15,Maximize:15,MediaBluetoothOff:0,MediaBluetoothOn:0,Mediation:15,MedicalServices:2,Medication:15,MeetingRoom:15,Memory:15,Menu:15,MenuBook:15,MenuOpen:15,MergeType:15,Message:15,Mic:15,MicExternalOff:2,MicExternalOn:7,MicNone:15,MicOff:15,Microwave:15,MilitaryTech:15,Minimize:15,MissedVideoCall:2,Mms:15,MobileFriendly:2,MobileOff:15,MobileScreenShare:0,MobiledataOff:7,Mode:15,ModeComment:15,ModeEdit:15,ModeEditOutline:2,ModeNight:15,ModeStandby:15,ModelTraining:7,MonetizationOn:2,Money:15,MoneyOff:15,MoneyOffCsred:7,Monitor:15,MonitorWeight:7,MonochromePhotos:0,Mood:15,MoodBad:15,Moped:15,More:15,MoreHoriz:15,MoreTime:15,MoreVert:15,MotionPhotosAuto:0,MotionPhotosOff:2,Mouse:15,MoveToInbox:15,Movie:15,MovieCreation:7,MovieFilter:15,Moving:15,Mp:15,MultilineChart:2,MultipleStop:15,Museum:15,MusicNote:15,MusicOff:15,MusicVideo:15,MyLocation:15,Nat:15,Nature:15,NaturePeople:15,NavigateBefore:2,NavigateNext:15,Navigation:15,NearMe:15,NearMeDisabled:2,NearbyError:15,NearbyOff:15,NetworkCell:15,NetworkCheck:15,NetworkLocked:7,NetworkWifi:15,NewReleases:15,NextPlan:15,NextWeek:15,Nfc:15,NightShelter:15,Nightlife:15,Nightlight:15,NightlightRound:2,NightsStay:15,NineK:15,NineKPlus:15,NineMp:15,NineteenMp:15,NoAccounts:15,NoBackpack:15,NoCell:15,NoDrinks:15,NoEncryption:15,NoFlash:15,NoFood:15,NoLuggage:15,NoMeals:15,NoMeetingRoom:7,NoPhotography:7,NoSim:15,NoStroller:15,NoTransfer:15,NordicWalking:7,North:15,NorthEast:15,NorthWest:15,NotAccessible:7,NotInterested:7,NotListedLocation:0,NotStarted:15,Note:15,NoteAdd:15,NoteAlt:15,Notes:15,NotificationAdd:2,Notifications:7,NotificationsActive:0,NotificationsNone:0,NotificationsOff:0,NotificationsPaused:0,OfflineBolt:15,OfflinePin:15,OfflineShare:15,OndemandVideo:7,OneK:15,OneKPlus:15,OneKk:15,OnlinePrediction:0,Opacity:15,OpenInBrowser:7,OpenInFull:15,OpenInNew:15,OpenInNewOff:15,OpenWith:15,OtherHouses:15,Outbound:15,Outbox:15,OutdoorGrill:15,Outlet:15,Padding:15,Pages:15,Pageview:15,Paid:15,Palette:15,PanTool:15,Panorama:15,PanoramaFishEye:2,PanoramaHorizontal:0,PanoramaPhotosphere:0,PanoramaVertical:0,PanoramaWideAngle:0,Paragliding:15,Park:15,PartyMode:15,Password:15,Pattern:15,Pause:15,PauseCircle:15,PauseCircleFilled:0,PauseCircleOutline:0,PausePresentation:0,Payment:15,Payments:15,PedalBike:15,Pending:15,PendingActions:2,People:15,PeopleAlt:15,PeopleOutline:7,PermCameraMic:7,PermContactCalendar:0,PermDataSetting:2,PermIdentity:15,PermMedia:15,PermPhoneMsg:15,PermScanWifi:15,Person:15,PersonAdd:15,PersonAddAlt:15,PersonAddAlt1:7,PersonAddDisabled:0,PersonOff:15,PersonOutline:7,PersonPin:15,PersonPinCircle:2,PersonRemove:15,PersonRemoveAlt1:0,PersonSearch:15,PersonalVideo:7,PestControl:15,PestControlRodent:0,Pets:15,Phone:15,PhoneAndroid:15,PhoneCallback:7,PhoneDisabled:7,PhoneEnabled:15,PhoneForwarded:2,PhoneInTalk:15,PhoneIphone:15,PhoneLocked:15,PhoneMissed:15,PhonePaused:15,Phonelink:15,PhonelinkErase:2,PhonelinkLock:7,PhonelinkOff:15,PhonelinkRing:7,PhonelinkSetup:2,Photo:15,PhotoAlbum:15,PhotoCamera:15,PhotoCameraBack:2,PhotoCameraFront:0,PhotoFilter:15,PhotoLibrary:15,PhotoSizeSelectLarge:0,PhotoSizeSelectSmall:0,Piano:15,PianoOff:15,PictureAsPdf:15,PictureInPicture:0,PictureInPictureAlt:0,PieChart:15,PieChartOutline:2,Pin:15,PinDrop:15,Pinterest:0,PivotTableChart:2,Place:15,Plagiarism:15,PlayArrow:15,PlayCircle:15,PlayCircleFilled:0,PlayCircleOutline:0,PlayDisabled:15,PlayForWork:15,PlayLesson:15,PlaylistAdd:15,PlaylistAddCheck:0,PlaylistPlay:15,Plumbing:15,PlusOne:15,Podcasts:15,PointOfSale:15,Policy:15,Poll:15,Pool:15,PortableWifiOff:2,Portrait:15,PostAdd:15,Power:15,PowerInput:15,PowerOff:15,PowerSettingsNew:0,PregnantWoman:7,PresentToAll:15,Preview:15,PriceChange:15,PriceCheck:15,Print:15,PrintDisabled:7,PriorityHigh:15,PrivacyTip:15,Psychology:15,Public:15,PublicOff:15,Publish:15,PublishedWithChanges:0,PushPin:15,QrCode:15,QrCode2:15,QrCodeScanner:7,QueryBuilder:15,QueryStats:15,QuestionAnswer:2,Queue:15,QueueMusic:15,QueuePlayNext:7,Quickreply:15,Quiz:15,RMobiledata:15,Radar:15,Radio:15,RadioButtonChecked:0,RadioButtonUnchecked:0,RailwayAlert:15,RamenDining:15,RateReview:15,RawOff:15,RawOn:15,ReadMore:15,Receipt:15,ReceiptLong:15,RecentActors:15,Recommend:15,RecordVoiceOver:2,Reddit:0,Redeem:15,Redo:15,ReduceCapacity:2,Refresh:15,RememberMe:15,Remove:15,RemoveCircle:15,RemoveCircleOutline:0,RemoveDone:15,RemoveFromQueue:2,RemoveModerator:2,RemoveRedEye:15,RemoveShoppingCart:0,Reorder:15,Repeat:15,RepeatOn:15,RepeatOne:15,RepeatOneOn:15,Replay:15,Replay10:15,Replay30:15,Replay5:15,ReplayCircleFilled:0,Reply:15,ReplyAll:15,Report:15,ReportGmailerrorred:0,ReportOff:15,ReportProblem:7,RequestPage:15,RequestQuote:15,ResetTv:15,RestartAlt:15,Restaurant:15,RestaurantMenu:2,Restore:15,RestoreFromTrash:0,RestorePage:15,Reviews:15,RiceBowl:15,RingVolume:15,Roofing:15,Room:15,RoomPreferences:2,RoomService:15,Rotate90DegreesCcw:0,RotateLeft:15,RotateRight:15,Router:15,Rowing:15,RssFeed:15,Rsvp:15,Rtt:15,Rule:15,RuleFolder:15,RunCircle:15,RunningWithErrors:0,RvHookup:15,SafetyDivider:7,Sailing:15,Sanitizer:15,Satellite:15,Save:15,SaveAlt:15,SavedSearch:15,Savings:15,Scanner:15,ScatterPlot:15,Schedule:15,ScheduleSend:15,Schema:15,School:15,Science:15,Score:15,ScreenLockLandscape:0,ScreenLockPortrait:0,ScreenLockRotation:0,ScreenRotation:2,ScreenSearchDesktop:0,ScreenShare:15,Screenshot:15,Sd:15,SdCard:15,SdCardAlert:15,SdStorage:15,Search:15,SearchOff:15,Security:15,SecurityUpdate:2,SecurityUpdateGood:0,Segment:15,SelectAll:15,SelfImprovement:2,Sell:15,Send:15,SendAndArchive:2,SendToMobile:15,SensorDoor:15,SensorWindow:15,Sensors:15,SensorsOff:15,SentimentNeutral:0,SentimentSatisfied:0,SetMeal:15,Settings:15,SettingsApplications:0,SettingsBluetooth:0,SettingsBrightness:0,SettingsCell:15,SettingsEthernet:0,SettingsInputAntenna:0,SettingsInputHdmi:0,SettingsInputSvideo:0,SettingsOverscan:0,SettingsPhone:7,SettingsPower:7,SettingsRemote:2,SettingsSuggest:2,SettingsVoice:7,SevenK:15,SevenKPlus:15,SevenMp:15,SeventeenMp:15,Share:15,ShareLocation:7,Shield:15,Shop:15,Shop2:15,ShopTwo:15,ShoppingBag:15,ShoppingBasket:2,ShoppingCart:15,ShortText:15,Shortcut:15,ShowChart:15,Shower:15,Shuffle:15,ShuffleOn:15,ShutterSpeed:15,Sick:15,SignalCellular0Bar:0,SignalCellular1Bar:0,SignalCellular2Bar:0,SignalCellular3Bar:0,SignalCellular4Bar:0,SignalCellularAlt:0,SignalCellularNoSim:0,SignalCellularNodata:0,SignalCellularNull:0,SignalCellularOff:0,SignalWifi0Bar:2,SignalWifi1Bar:2,SignalWifi1BarLock:0,SignalWifi2Bar:2,SignalWifi2BarLock:0,SignalWifi3Bar:2,SignalWifi3BarLock:0,SignalWifi4Bar:2,SignalWifi4BarLock:0,SignalWifiBad:7,SignalWifiOff:7,SimCard:15,SimCardAlert:15,SimCardDownload:2,SingleBed:15,Sip:15,SixK:15,SixKPlus:15,SixMp:15,SixteenMp:15,SixtyFps:15,SixtyFpsSelect:2,Skateboarding:7,SkipNext:15,SkipPrevious:15,Sledding:15,Slideshow:15,SlowMotionVideo:2,SmartButton:15,SmartDisplay:15,SmartScreen:15,SmartToy:15,Smartphone:15,SmokeFree:15,SmokingRooms:15,Sms:15,SmsFailed:15,SnippetFolder:7,Snooze:15,Snowboarding:15,Snowmobile:15,Snowshoeing:15,Soap:15,SocialDistance:2,Sort:15,SortByAlpha:15,Source:15,South:15,SouthEast:15,SouthWest:15,Spa:15,SpaceBar:15,Speaker:15,SpeakerGroup:15,SpeakerNotes:15,SpeakerNotesOff:2,SpeakerPhone:15,Speed:15,Spellcheck:15,Splitscreen:15,Sports:15,SportsBar:15,SportsBaseball:2,SportsBasketball:0,SportsCricket:7,SportsEsports:7,SportsFootball:2,SportsGolf:15,SportsHandball:2,SportsHockey:15,SportsKabaddi:7,SportsMma:15,SportsMotorsports:0,SportsRugby:15,SportsScore:15,SportsSoccer:15,SportsTennis:15,SportsVolleyball:0,SquareFoot:15,StackedBarChart:2,StackedLineChart:0,Stairs:15,Star:15,StarBorder:15,StarBorderPurple500:0,StarHalf:15,StarOutline:15,StarPurple500:7,StarRate:15,Stars:15,StayCurrentLandscape:0,StayCurrentPortrait:0,StayPrimaryLandscape:0,StayPrimaryPortrait:0,StickyNote2:15,Stop:15,StopCircle:15,StopScreenShare:2,Storage:15,Store:15,StoreMallDirectory:0,Storefront:15,Storm:15,Straighten:15,Stream:15,Streetview:15,StrikethroughS:2,Stroller:15,Style:15,Subject:15,Subscript:15,Subscriptions:7,Subtitles:15,SubtitlesOff:15,Subway:15,Summarize:15,Superscript:15,SupervisedUserCircle:0,SupervisorAccount:0,Support:15,SupportAgent:15,Surfing:15,SurroundSound:7,SwapCalls:15,SwapHoriz:15,SwapHorizontalCircle:0,SwapVert:15,SwapVerticalCircle:0,Swipe:15,SwitchAccount:7,SwitchCamera:15,SwitchLeft:15,SwitchRight:15,SwitchVideo:15,Sync:15,SyncAlt:15,SyncDisabled:15,SyncProblem:15,SystemSecurityUpdate:0,SystemUpdate:15,SystemUpdateAlt:2,Tab:15,TabUnselected:7,TableChart:15,TableRows:15,TableView:15,Tablet:15,TabletAndroid:7,TabletMac:15,Tag:15,TagFaces:15,TakeoutDining:7,TapAndPlay:15,Tapas:15,Task:15,TaskAlt:15,TaxiAlert:15,Telegram:0,TenMp:15,Terrain:15,TextFields:15,TextFormat:15,TextRotateUp:15,TextRotateVertical:0,TextRotationAngleup:0,TextRotationDown:0,TextRotationNone:0,TextSnippet:15,Textsms:15,Texture:15,TheaterComedy:7,Theaters:15,Thermostat:15,ThermostatAuto:2,ThirteenMp:15,ThirtyFps:15,ThirtyFpsSelect:2,ThreeDRotation:2,ThreeGMobiledata:0,ThreeK:15,ThreeKPlus:15,ThreeMp:15,ThreeP:15,ThreeSixty:15,ThumbDown:15,ThumbDownAlt:15,ThumbDownOffAlt:2,ThumbUp:15,ThumbUpAlt:15,ThumbUpOffAlt:7,ThumbsUpDown:15,TimeToLeave:15,Timelapse:15,Timeline:15,Timer:15,Timer10:15,Timer10Select:7,Timer3:15,Timer3Select:15,TimerOff:15,TimesOneMobiledata:0,Title:15,Toc:15,Today:15,ToggleOff:15,ToggleOn:15,Toll:15,Tonality:15,Topic:15,TouchApp:15,Tour:15,Toys:15,TrackChanges:15,Traffic:15,Train:15,Tram:15,Transform:15,Transgender:15,TransitEnterexit:0,Translate:15,TravelExplore:7,TrendingDown:15,TrendingFlat:15,TrendingUp:15,TripOrigin:15,Try:15,Tty:15,Tune:15,Tungsten:15,TurnedIn:15,TurnedInNot:15,Tv:15,TvOff:15,TwelveMp:15,TwentyFourMp:15,TwentyOneMp:15,TwentyThreeMp:7,TwentyTwoMp:15,TwentyZeroMp:15,Twitter:0,TwoK:15,TwoKPlus:15,TwoMp:15,TwoWheeler:15,Umbrella:15,Unarchive:15,Undo:15,UnfoldLess:15,UnfoldMore:15,Unpublished:15,Unsubscribe:15,Upcoming:15,Update:15,UpdateDisabled:2,Upgrade:15,Upload:15,UploadFile:15,Usb:15,UsbOff:15,Verified:15,VerifiedUser:15,VerticalAlignBottom:0,VerticalAlignCenter:0,VerticalAlignTop:0,VerticalSplit:7,Vibration:15,VideoCall:15,VideoCameraBack:2,VideoCameraFront:0,VideoLabel:15,VideoLibrary:15,VideoSettings:7,VideoStable:15,Videocam:15,VideocamOff:15,VideogameAsset:2,VideogameAssetOff:0,ViewAgenda:15,ViewArray:15,ViewCarousel:15,ViewColumn:15,ViewComfy:15,ViewCompact:15,ViewDay:15,ViewHeadline:15,ViewInAr:15,ViewList:15,ViewModule:15,ViewQuilt:15,ViewSidebar:15,ViewStream:15,ViewWeek:15,Vignette:15,Villa:15,Visibility:15,VisibilityOff:7,VoiceChat:15,VoiceOverOff:15,Voicemail:15,VolumeDown:15,VolumeMute:15,VolumeOff:15,VolumeUp:15,VolunteerActivism:0,VpnKey:15,VpnLock:15,Vrpano:15,Wallpaper:15,Warning:15,WarningAmber:15,Wash:15,Watch:15,WatchLater:15,Water:15,WaterDamage:15,WaterfallChart:2,Waves:15,WbAuto:15,WbCloudy:15,WbIncandescent:2,WbIridescent:15,WbShade:15,WbSunny:15,WbTwilight:15,Wc:15,Web:15,WebAsset:15,WebAssetOff:15,Weekend:15,West:15,WhatsApp:0,Whatshot:15,WheelchairPickup:0,WhereToVote:15,Widgets:15,Wifi:15,WifiCalling:15,WifiCalling3:15,WifiLock:15,WifiOff:15,WifiProtectedSetup:0,WifiTethering:7,WifiTetheringOff:0,Window:15,WineBar:15,Work:15,WorkOff:15,WorkOutline:15,Workspaces:15,WrapText:15,WrongLocation:7,Wysiwyg:15,Yard:15,YouTube:0,YoutubeSearchedFor:0,ZoomIn:15,ZoomOut:15,ZoomOutMap:15};const iconKeys=Object.keys(icons);const weightOptions=[\"Filled\",\"TwoTone\",\"Sharp\",\"Rounded\",\"Outlined\",];const styleKeyOptions={15:[...weightOptions],7:[\"Filled\",\"TwoTone\",\"Sharp\",\"Rounded\"],2:[\"Filled\",\"Sharp\"]};const styleOptionPropKeys=Object.keys(styleKeyOptions).map(optionKey=>`iconStyle${optionKey}`);const lowercaseIconKeyPairs=iconKeys.reduce((res,key)=>{res[key.toLowerCase()]=key;return res;},{});/**\n * MATERIAL\n *\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ export function Icon(props){const{color,selectByList,iconSearch,iconSelection,onClick,onMouseDown,onMouseUp,onMouseEnter,onMouseLeave,mirrored,style}=props;const isMounted=useRef(false);const iconKey=useIconSelection(iconKeys,selectByList,iconSearch,iconSelection,lowercaseIconKeyPairs);// Get props to use for deps array\nconst styleOptionProps=styleOptionPropKeys.map(prop=>props[prop]);// Get style of icon\nconst iconStyle=useMemo(()=>{const iconStyleKey=icons[iconKey];if(!iconStyleKey)return;const activeStyle=props[`iconStyle${iconStyleKey}`];if(activeStyle===\"Filled\")return;return activeStyle;},[...styleOptionProps]);// Selected Icon Module\nconst[SelectedIcon,setSelectedIcon]=useState(iconKey===\"Home\"?HomeFactory(React):null);// Import the selected module or reset so null state\nasync function importModule(){// If bad search or doesn't exist, show null state\nif(typeof icons[iconKey]!==\"number\"){setSelectedIcon(null);return;}// Get the selected module\ntry{const style=iconStyle?iconStyle:\"\";const iconModuleUrl=`${moduleBaseUrl}${iconKey}${style}.js@0.0.32`;// console.log(iconModuleUrl)\nconst module=await import(/* webpackIgnore: true */ iconModuleUrl);if(isMounted.current)setSelectedIcon(module.default(React));}catch{if(isMounted.current)setSelectedIcon(null);}}// Import module when new style or icon is selected\nuseEffect(()=>{isMounted.current=true;importModule();return()=>{isMounted.current=false;};},[iconKey,...styleOptionProps]);const isOnCanvas=RenderTarget.current()===RenderTarget.canvas;const emptyState=isOnCanvas?/*#__PURE__*/ _jsx(NullState,{}):null;return /*#__PURE__*/ _jsx(motion.div,{style:{display:\"contents\"},onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,children:SelectedIcon?/*#__PURE__*/ _jsx(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",style:{userSelect:\"none\",width:\"100%\",height:\"100%\",display:\"inline-block\",fill:color,flexShrink:0,transform:mirrored?\"scale(-1, 1)\":undefined,...style},focusable:\"false\",viewBox:\"0 0 24 24\",color:color,children:SelectedIcon}):emptyState});}Icon.displayName=\"Material\";Icon.defaultProps={width:24,height:24,iconSelection:\"Home\",iconSearch:\"Home\",color:\"#66F\",selectByList:true,weight:\"Filled\",mirrored:false};function hideStyleOptions(props,styleOptions){const{selectByList,iconSearch,iconSelection}=props;const styleOptionsNumber=parseInt(styleOptions);const name=getIconSelection(iconKeys,selectByList,iconSearch,iconSelection,lowercaseIconKeyPairs);const icon=icons[name];if(!icon||styleOptionsNumber===0)return true;if(icon===styleOptionsNumber)return false;else return true;}addPropertyControls(Icon,{selectByList:{type:ControlType.Boolean,title:\"Select\",enabledTitle:\"List\",disabledTitle:\"Search\",defaultValue:Icon.defaultProps.selectByList},iconSelection:{type:ControlType.Enum,options:iconKeys,defaultValue:Icon.defaultProps.iconSelection,title:\"Name\",hidden:({selectByList})=>!selectByList,description:\"Find every icon name on the [Material site](https://fonts.google.com/icons)\"},iconSearch:{type:ControlType.String,title:\"Name\",placeholder:\"Menu, Wifi, Box\u2026\",hidden:({selectByList})=>selectByList},mirrored:{type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\",defaultValue:Icon.defaultProps.mirrored},color:{type:ControlType.Color,title:\"Color\",defaultValue:Icon.defaultProps.color},...Object.keys(styleKeyOptions).reduce((result,optionKey)=>{result[`iconStyle${optionKey}`]={type:ControlType.Enum,title:\"Style\",defaultValue:\"Filled\",options:styleKeyOptions[optionKey],hidden:props=>hideStyleOptions(props,optionKey)};return result;},{}),...defaultEvents});\nexport const __FramerMetadata__ = {\"exports\":{\"IconProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Icon\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicHeight\":\"24\",\"framerIntrinsicWidth\":\"24\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Material.map", "function addUniqueItem(t,e){-1===t.indexOf(e)&&t.push(e)}function removeItem(t,e){const n=t.indexOf(e);n>-1&&t.splice(n,1)}const clamp=(t,e,n)=>Math.min(Math.max(n,t),e);const t={duration:.3,delay:0,endDelay:0,repeat:0,easing:\"ease\"};const isNumber=t=>\"number\"===typeof t;const isString=t=>\"string\"===typeof t;const isEasingGenerator=t=>\"object\"===typeof t&&Boolean(t.createAnimation);const isCubicBezier=t=>Array.isArray(t)&&isNumber(t[0]);const isEasingList=t=>Array.isArray(t)&&!isNumber(t[0]);const wrap=(t,e,n)=>{const o=e-t;return((n-t)%o+o)%o+t};function getEasingForSegment(t,e){return isEasingList(t)?t[wrap(0,t.length,e)]:t}const mix=(t,e,n)=>-n*t+n*e+t;const noop=()=>{};const noopReturn=t=>t;const progress=(t,e,n)=>e-t===0?1:(n-t)/(e-t);function fillOffset(t,e){const n=t[t.length-1];for(let o=1;o<=e;o++){const s=progress(0,e,o);t.push(mix(n,1,s))}}function defaultOffset(t){const e=[0];fillOffset(e,t-1);return e}function interpolate(t,e=defaultOffset(t.length),n=noopReturn){const o=t.length;const s=o-e.length;s>0&&fillOffset(e,s);return s=>{let r=0;for(;r1e3*t,s:t=>t/1e3};\n/*\n Convert velocity into velocity per second\n\n @param [number]: Unit per frame\n @param [number]: Frame duration in ms\n*/function velocityPerSecond(t,e){return e?t*(1e3/e):0}export{addUniqueItem,clamp,defaultOffset,t as defaults,fillOffset,getEasingForSegment,interpolate,isCubicBezier,isEasingGenerator,isEasingList,isNumber,isString,mix,noop,noopReturn,progress,removeItem,e as time,velocityPerSecond,wrap};\n\n//# sourceMappingURL=index.es.js.map", "import{noopReturn as t,clamp as n}from\"@motionone/utils\";const calcBezier=(t,n,e)=>(((1-3*e+3*n)*t+(3*e-6*n))*t+3*n)*t;const e=1e-7;const i=12;function binarySubdivide(t,n,o,r,c){let u;let a;let s=0;do{a=n+(o-n)/2;u=calcBezier(a,r,c)-t;u>0?o=a:n=a}while(Math.abs(u)>e&&++sbinarySubdivide(t,0,1,n,i);return t=>0===t||1===t?t:calcBezier(getTForX(t),e,o)}const steps=(t,e=\"end\")=>i=>{i=\"end\"===e?Math.min(i,.999):Math.max(i,.001);const o=i*t;const r=\"end\"===e?Math.floor(o):Math.ceil(o);return n(0,1,r/t)};export{cubicBezier,steps};\n\n//# sourceMappingURL=index.es.js.map", "import{noopReturn as t,defaults as i,isEasingGenerator as e,isEasingList as s,interpolate as a}from\"@motionone/utils\";import{cubicBezier as n,steps as r}from\"@motionone/easing\";const o={ease:n(.25,.1,.25,1),\"ease-in\":n(.42,0,1,1),\"ease-in-out\":n(.42,0,.58,1),\"ease-out\":n(0,0,.58,1)};const h=/\\((.*?)\\)/;function getEasingFunction(i){if(\"function\"===typeof i)return i;if(Array.isArray(i))return n(...i);if(o[i])return o[i];if(i.startsWith(\"steps\")){const t=h.exec(i);if(t){const i=t[1].split(\",\");return r(parseFloat(i[0]),i[1].trim())}}return t}class Animation{constructor(n,r=[0,1],{easing:o,duration:h=i.duration,delay:u=i.delay,endDelay:l=i.endDelay,repeat:m=i.repeat,offset:c,direction:p=\"normal\"}={}){this.startTime=null;this.rate=1;this.t=0;this.cancelTimestamp=null;this.easing=t;this.duration=0;this.totalDuration=0;this.repeat=0;this.playState=\"idle\";this.finished=new Promise(((t,i)=>{this.resolve=t;this.reject=i}));o=o||i.easing;if(e(o)){const t=o.createAnimation(r,(()=>\"0\"),true);o=t.easing;void 0!==t.keyframes&&(r=t.keyframes);void 0!==t.duration&&(h=t.duration)}this.repeat=m;this.easing=s(o)?t:getEasingFunction(o);this.updateDuration(h);const d=a(r,c,s(o)?o.map(getEasingFunction):t);this.tick=t=>{var i;u=u;let e=0;e=void 0!==this.pauseTime?this.pauseTime:(t-this.startTime)*this.rate;this.t=e;e/=1e3;e=Math.max(e-u,0);\"finished\"===this.playState&&void 0===this.pauseTime&&(e=this.totalDuration);const s=e/this.duration;let a=Math.floor(s);let r=s%1;!r&&s>=1&&(r=1);1===r&&a--;const o=a%2;(\"reverse\"===p||\"alternate\"===p&&o||\"alternate-reverse\"===p&&!o)&&(r=1-r);const h=e>=this.totalDuration?1:Math.min(r,1);const m=d(this.easing(h));n(m);const c=void 0===this.pauseTime&&(\"finished\"===this.playState||e>=this.totalDuration+l);if(c){this.playState=\"finished\";null===(i=this.resolve)||void 0===i?void 0:i.call(this,m)}else\"idle\"!==this.playState&&(this.frameRequestId=requestAnimationFrame(this.tick))};this.play()}play(){const t=performance.now();this.playState=\"running\";void 0!==this.pauseTime?this.startTime=t-this.pauseTime:this.startTime||(this.startTime=t);this.cancelTimestamp=this.startTime;this.pauseTime=void 0;this.frameRequestId=requestAnimationFrame(this.tick)}pause(){this.playState=\"paused\";this.pauseTime=this.t}finish(){this.playState=\"finished\";this.tick(0)}stop(){var t;this.playState=\"idle\";void 0!==this.frameRequestId&&cancelAnimationFrame(this.frameRequestId);null===(t=this.reject)||void 0===t?void 0:t.call(this,false)}cancel(){this.stop();this.tick(this.cancelTimestamp)}reverse(){this.rate*=-1}commitStyles(){}updateDuration(t){this.duration=t;this.totalDuration=t*(this.repeat+1)}get currentTime(){return this.t}set currentTime(t){void 0!==this.pauseTime||0===this.rate?this.pauseTime=t:this.startTime=performance.now()-t/this.rate}get playbackRate(){return this.rate}set playbackRate(t){this.rate=t}}export{Animation,getEasingFunction};\n\n//# sourceMappingURL=index.es.js.map", "var extendStatics=function(e,t){extendStatics=Object.setPrototypeOf||{__proto__:[]}instanceof Array&&function(e,t){e.__proto__=t}||function(e,t){for(var r in t)Object.prototype.hasOwnProperty.call(t,r)&&(e[r]=t[r])};return extendStatics(e,t)};function __extends(e,t){if(\"function\"!==typeof t&&null!==t)throw new TypeError(\"Class extends value \"+String(t)+\" is not a constructor or null\");extendStatics(e,t);function __(){this.constructor=e}e.prototype=null===t?Object.create(t):(__.prototype=t.prototype,new __)}var __assign=function(){__assign=Object.assign||function __assign(e){for(var t,r=1,n=arguments.length;r=0;c--)(o=e[c])&&(i=(a<3?o(i):a>3?o(t,r,i):o(t,r))||i);return a>3&&i&&Object.defineProperty(t,r,i),i}function __param(e,t){return function(r,n){t(r,n,e)}}function __metadata(e,t){if(\"object\"===typeof Reflect&&\"function\"===typeof Reflect.metadata)return Reflect.metadata(e,t)}function __awaiter(e,t,r,n){function adopt(e){return e instanceof r?e:new r((function(t){t(e)}))}return new(r||(r=Promise))((function(r,o){function fulfilled(e){try{step(n.next(e))}catch(e){o(e)}}function rejected(e){try{step(n.throw(e))}catch(e){o(e)}}function step(e){e.done?r(e.value):adopt(e.value).then(fulfilled,rejected)}step((n=n.apply(e,t||[])).next())}))}function __generator(e,t){var r,n,o,a,i={label:0,sent:function(){if(1&o[0])throw o[1];return o[1]},trys:[],ops:[]};return a={next:verb(0),throw:verb(1),return:verb(2)},\"function\"===typeof Symbol&&(a[Symbol.iterator]=function(){return this}),a;function verb(e){return function(t){return step([e,t])}}function step(a){if(r)throw new TypeError(\"Generator is already executing.\");while(i)try{if(r=1,n&&(o=2&a[0]?n.return:a[0]?n.throw||((o=n.return)&&o.call(n),0):n.next)&&!(o=o.call(n,a[1])).done)return o;(n=0,o)&&(a=[2&a[0],o.value]);switch(a[0]){case 0:case 1:o=a;break;case 4:i.label++;return{value:a[1],done:false};case 5:i.label++;n=a[1];a=[0];continue;case 7:a=i.ops.pop();i.trys.pop();continue;default:if(!(o=i.trys,o=o.length>0&&o[o.length-1])&&(6===a[0]||2===a[0])){i=0;continue}if(3===a[0]&&(!o||a[1]>o[0]&&a[1]=e.length&&(e=void 0);return{value:e&&e[n++],done:!e}}};throw new TypeError(t?\"Object is not iterable.\":\"Symbol.iterator is not defined.\")}function __read(e,t){var r=\"function\"===typeof Symbol&&e[Symbol.iterator];if(!r)return e;var n,o,a=r.call(e),i=[];try{while((void 0===t||t-- >0)&&!(n=a.next()).done)i.push(n.value)}catch(e){o={error:e}}finally{try{n&&!n.done&&(r=a.return)&&r.call(a)}finally{if(o)throw o.error}}return i}\n/** @deprecated */function __spread(){for(var e=[],t=0;t1||resume(e,t)}))})}function resume(e,t){try{step(o[e](t))}catch(e){settle(a[0][3],e)}}function step(e){e.value instanceof __await?Promise.resolve(e.value.v).then(fulfill,reject):settle(a[0][2],e)}function fulfill(e){resume(\"next\",e)}function reject(e){resume(\"throw\",e)}function settle(e,t){(e(t),a.shift(),a.length)&&resume(a[0][0],a[0][1])}}function __asyncDelegator(e){var t,r;return t={},verb(\"next\"),verb(\"throw\",(function(e){throw e})),verb(\"return\"),t[Symbol.iterator]=function(){return this},t;function verb(n,o){t[n]=e[n]?function(t){return(r=!r)?{value:__await(e[n](t)),done:\"return\"===n}:o?o(t):t}:o}}function __asyncValues(e){if(!Symbol.asyncIterator)throw new TypeError(\"Symbol.asyncIterator is not defined.\");var t,r=e[Symbol.asyncIterator];return r?r.call(e):(e=\"function\"===typeof __values?__values(e):e[Symbol.iterator](),t={},verb(\"next\"),verb(\"throw\"),verb(\"return\"),t[Symbol.asyncIterator]=function(){return this},t);function verb(r){t[r]=e[r]&&function(t){return new Promise((function(n,o){t=e[r](t),settle(n,o,t.done,t.value)}))}}function settle(e,t,r,n){Promise.resolve(n).then((function(t){e({value:t,done:r})}),t)}}function __makeTemplateObject(e,t){Object.defineProperty?Object.defineProperty(e,\"raw\",{value:t}):e.raw=t;return e}var t=Object.create?function(e,t){Object.defineProperty(e,\"default\",{enumerable:true,value:t})}:function(e,t){e.default=t};function __importStar(r){if(r&&r.__esModule)return r;var n={};if(null!=r)for(var o in r)\"default\"!==o&&Object.prototype.hasOwnProperty.call(r,o)&&e(n,r,o);t(n,r);return n}function __importDefault(e){return e&&e.__esModule?e:{default:e}}function __classPrivateFieldGet(e,t,r,n){if(\"a\"===r&&!n)throw new TypeError(\"Private accessor was defined without a getter\");if(\"function\"===typeof t?e!==t||!n:!t.has(e))throw new TypeError(\"Cannot read private member from an object whose class did not declare it\");return\"m\"===r?n:\"a\"===r?n.call(e):n?n.value:t.get(e)}function __classPrivateFieldSet(e,t,r,n,o){if(\"m\"===n)throw new TypeError(\"Private method is not writable\");if(\"a\"===n&&!o)throw new TypeError(\"Private accessor was defined without a setter\");if(\"function\"===typeof t?e!==t||!o:!t.has(e))throw new TypeError(\"Cannot write private member to an object whose class did not declare it\");return\"a\"===n?o.call(e,r):o?o.value=r:t.set(e,r),r}function __classPrivateFieldIn(e,t){if(null===t||\"object\"!==typeof t&&\"function\"!==typeof t)throw new TypeError(\"Cannot use 'in' operator on non-object\");return\"function\"===typeof e?t===e:e.has(t)}export{__assign,__asyncDelegator,__asyncGenerator,__asyncValues,__await,__awaiter,__classPrivateFieldGet,__classPrivateFieldIn,__classPrivateFieldSet,e as __createBinding,__decorate,__exportStar,__extends,__generator,__importDefault,__importStar,__makeTemplateObject,__metadata,__param,__read,__rest,__spread,__spreadArray,__spreadArrays,__values};\n\n//# sourceMappingURL=tslib.es6.js.map", "var n={};Object.defineProperty(n,\"__esModule\",{value:true});n.warning=function(){};n.invariant=function(){};const e=n.__esModule,t=n.warning,r=n.invariant;export default n;export{e as __esModule,r as invariant,t as warning};\n\n//# sourceMappingURL=index.js.map", "import{velocityPerSecond as e,time as t}from\"@motionone/utils\";const s=5;function calcGeneratorVelocity(t,n,r){const a=Math.max(n-s,0);return e(r-t(a),n-a)}const n={stiffness:100,damping:10,mass:1};const calcDampingRatio=(e=n.stiffness,t=n.damping,s=n.mass)=>t/(2*Math.sqrt(e*s));function hasReachedTarget(e,t,s){return e=t||e>t&&s<=t}const spring=({stiffness:e=n.stiffness,damping:s=n.damping,mass:r=n.mass,from:a=0,to:o=1,velocity:c=0,restSpeed:i=2,restDistance:h=.5}={})=>{c=c?t.s(c):0;const u={done:false,hasReachedTarget:false,current:a,target:o};const d=o-a;const f=Math.sqrt(e/r)/1e3;const l=calcDampingRatio(e,s,r);let g;if(l<1){const e=f*Math.sqrt(1-l*l);g=t=>o-Math.exp(-l*f*t)*((l*f*d-c)/e*Math.sin(e*t)+d*Math.cos(e*t))}else g=e=>o-Math.exp(-f*e)*(d+(f*d-c)*e);return e=>{u.current=g(e);const t=0===e?c:calcGeneratorVelocity(g,e,u.current);const s=Math.abs(t)<=i;const n=Math.abs(o-u.current)<=h;u.done=s&&n;u.hasReachedTarget=hasReachedTarget(a,o,u.current);return u}};const glide=({from:e=0,velocity:s=0,power:n=.8,decay:r=.325,bounceDamping:a,bounceStiffness:o,changeTarget:c,min:i,max:h,restDistance:u=.5,restSpeed:d})=>{r=t.ms(r);const f={hasReachedTarget:false,done:false,current:e,target:e};const isOutOfBounds=e=>void 0!==i&&eh;const nearestBoundary=e=>void 0===i?h:void 0===h||Math.abs(i-e)-l*Math.exp(-e/r);const calcLatest=e=>m+calcDelta(e);const applyFriction=e=>{const t=calcDelta(e);const s=calcLatest(e);f.done=Math.abs(t)<=u;f.current=f.done?m:s};let p;let M;const checkCatchBoundary=e=>{if(isOutOfBounds(f.current)){p=e;M=spring({from:f.current,to:nearestBoundary(f.current),velocity:calcGeneratorVelocity(calcLatest,e,f.current),damping:a,stiffness:o,restDistance:u,restSpeed:d})}};checkCatchBoundary(0);return e=>{let t=false;if(!M&&void 0===p){t=true;applyFriction(e);checkCatchBoundary(e)}if(void 0!==p&&e>p){f.hasReachedTarget=true;return M(e-p)}f.hasReachedTarget=false;!t&&applyFriction(e);return f}};const r=10;const a=1e4;function pregenerateKeyframes(e){let t;let s=r;let n=e(0);const o=[n.current];while(!n.done&&s\",initialValue:\"0deg\",toDefaultUnit:e=>e+\"deg\"};const M={translate:{syntax:\"\",initialValue:\"0px\",toDefaultUnit:e=>e+\"px\"},rotate:D,scale:{syntax:\"\",initialValue:1,toDefaultUnit:t},skew:D};const k=new Map;const asTransformCssVar=e=>`--motion-${e}`;const B=[\"x\",\"y\",\"z\"];L.forEach((e=>{W.forEach((t=>{B.push(e+t);k.set(asTransformCssVar(e+t),M[e])}))}));const compareTransformOrder=(e,t)=>B.indexOf(e)-B.indexOf(t);const j=new Set(B);const isTransform=e=>j.has(e);const addTransformToElement=(e,t)=>{T[t]&&(t=T[t]);const{transforms:o}=getAnimationData(e);n(o,t);e.style.transform=buildTransformTemplate(o)};const buildTransformTemplate=e=>e.sort(compareTransformOrder).reduce(transformListToString,\"\").trim();const transformListToString=(e,t)=>`${e} ${t}(var(${asTransformCssVar(t)}))`;const isCssVar=e=>e.startsWith(\"--\");const P=new Set;function registerCssVariable(e){if(!P.has(e)){P.add(e);try{const{syntax:t,initialValue:n}=k.has(e)?k.get(e):{};CSS.registerProperty({name:e,inherits:false,syntax:t,initialValue:n})}catch(e){}}}const convertEasing=e=>o(e)?cubicBezierAsString(e):e;const cubicBezierAsString=([e,t,n,o])=>`cubic-bezier(${e}, ${t}, ${n}, ${o})`;const testAnimation=e=>document.createElement(\"div\").animate(e,{duration:.001});const C={cssRegisterProperty:()=>\"undefined\"!==typeof CSS&&Object.hasOwnProperty.call(CSS,\"registerProperty\"),waapi:()=>Object.hasOwnProperty.call(Element.prototype,\"animate\"),partialKeyframes:()=>{try{testAnimation({opacity:[1]})}catch(e){return false}return true},finished:()=>Boolean(testAnimation({opacity:[0,1]}).finished)};const $={};const R={};for(const e in C)R[e]=()=>{void 0===$[e]&&($[e]=C[e]());return $[e]};function hydrateKeyframes(e,t){for(let n=0;nArray.isArray(e)?e:[e];function getStyleName(e){T[e]&&(e=T[e]);return isTransform(e)?asTransformCssVar(e):e}const H={get:(e,t)=>{t=getStyleName(t);let n=isCssVar(t)?e.style.getPropertyValue(t):getComputedStyle(e)[t];if(!n&&0!==n){const e=k.get(t);e&&(n=e.initialValue)}return n},set:(e,t,n)=>{t=getStyleName(t);isCssVar(t)?e.style.setProperty(t,n):e.style[t]=n}};function stopAnimation(e,t=true){if(e&&\"finished\"!==e.playState)try{if(e.stop)e.stop();else{t&&e.commitStyles();e.cancel()}}catch(e){}}function getDevToolsRecord(){return window.__MOTION_DEV_TOOLS_RECORD}function animateStyle(e,t,n,o={}){const f=getDevToolsRecord();const u=false!==o.record&&f;let d;let{duration:g=i.duration,delay:m=i.delay,endDelay:h=i.endDelay,repeat:p=i.repeat,easing:v=i.easing,direction:y,offset:E,allowWebkitAcceleration:b=false}=o;const S=getAnimationData(e);let A=R.waapi();const O=isTransform(t);O&&addTransformToElement(e,t);const x=getStyleName(t);const V=getMotionValue(S.values,x);const z=k.get(x);stopAnimation(V.animation,!(s(v)&&V.generator)&&false!==o.record);return()=>{const readInitialValue=()=>{var t,n;return null!==(n=null!==(t=H.get(e,x))&&void 0!==t?t:null===z||void 0===z?void 0:z.initialValue)&&void 0!==n?n:0};let i=hydrateKeyframes(keyframesList(n),readInitialValue);if(s(v)){const e=v.createAnimation(i,readInitialValue,O,x,V);v=e.easing;void 0!==e.keyframes&&(i=e.keyframes);void 0!==e.duration&&(g=e.duration)}isCssVar(x)&&(R.cssRegisterProperty()?registerCssVariable(x):A=false);if(A){z&&(i=i.map((e=>r(e)?z.toDefaultUnit(e):e)));1!==i.length||R.partialKeyframes()&&!u||i.unshift(readInitialValue());const t={delay:a.ms(m),duration:a.ms(g),endDelay:a.ms(h),easing:c(v)?void 0:convertEasing(v),direction:y,iterations:p+1,fill:\"both\"};d=e.animate({[x]:i,offset:E,easing:c(v)?v.map(convertEasing):void 0},t);d.finished||(d.finished=new Promise(((e,t)=>{d.onfinish=e;d.oncancel=t})));const n=i[i.length-1];d.finished.then((()=>{H.set(e,x,n);d.cancel()})).catch(l);b||(d.playbackRate=1.000001)}else if(O){i=i.map((e=>\"string\"===typeof e?parseFloat(e):e));1===i.length&&i.unshift(parseFloat(readInitialValue()));const render=t=>{z&&(t=z.toDefaultUnit(t));H.set(e,x,t)};d=new w(render,i,Object.assign(Object.assign({},o),{duration:g,easing:v}))}else{const t=i[i.length-1];H.set(e,x,z&&r(t)?z.toDefaultUnit(t):t)}u&&f(e,t,i,{duration:g,delay:m,easing:v,repeat:p,offset:E},\"motion-one\");V.setAnimation(d);return d}}const getOptions=(e,t)=>e[t]?Object.assign(Object.assign({},e),e[t]):Object.assign({},e);function resolveElements(e,t){var n;if(\"string\"===typeof e)if(t){null!==(n=t[e])&&void 0!==n?n:t[e]=document.querySelectorAll(e);e=t[e]}else e=document.querySelectorAll(e);else e instanceof Element&&(e=[e]);return Array.from(e||[])}const createAnimation=e=>e();const withControls=(e,t,n=i.duration)=>new Proxy({animations:e.map(createAnimation).filter(Boolean),duration:n,options:t},I);const getActiveAnimation=e=>e.animations[0];const I={get:(e,t)=>{const n=getActiveAnimation(e);switch(t){case\"duration\":return e.duration;case\"currentTime\":return a.s((null===n||void 0===n?void 0:n[t])||0);case\"playbackRate\":case\"playState\":return null===n||void 0===n?void 0:n[t];case\"finished\":e.finished||(e.finished=Promise.all(e.animations.map(selectFinished)).catch(l));return e.finished;case\"stop\":return()=>{e.animations.forEach((e=>stopAnimation(e)))};case\"forEachNative\":return t=>{e.animations.forEach((n=>t(n,e)))};default:return\"undefined\"===typeof(null===n||void 0===n?void 0:n[t])?void 0:()=>e.animations.forEach((e=>e[t]()))}},set:(e,t,n)=>{switch(t){case\"currentTime\":n=a.ms(n);case\"currentTime\":case\"playbackRate\":for(let o=0;oe.finished;function stagger(e=.1,{start:t=0,from:n=0,easing:o}={}){return(i,s)=>{const a=r(n)?n:getFromIndex(n,s);const c=Math.abs(a-i);let l=e*c;if(o){const t=s*e;const n=E(o);l=n(l/t)*t}return t+l}}function getFromIndex(e,t){if(\"first\"===e)return 0;{const n=t-1;return\"last\"===e?n:n/2}}function resolveOption(e,t,n){return\"function\"===typeof e?e(t,n):e}function animate(e,t,n={}){e=resolveElements(e);const o=e.length;const i=[];for(let s=0;st&&i.atanimateStyle(...e))).filter(Boolean);return withControls(i,t,null===(n=o[0])||void 0===n?void 0:n[3].duration)}function createAnimationsFromTimeline(e,t={}){var{defaultOptions:n={}}=t,o=b(t,[\"defaultOptions\"]);const r=[];const a=new Map;const c={};const l=new Map;let f=0;let u=0;let d=0;for(let t=0;t\"0\"),e);f=n.easing;void 0!==n.keyframes&&(a=n.keyframes);void 0!==n.duration&&(l=n.duration)}const g=resolveOption(v.delay,e,E)||0;const w=u+g;const b=w+l;let{offset:A=m(a.length)}=c;1===A.length&&0===A[0]&&(A[1]=1);const O=length-a.length;O>0&&h(A,O);1===a.length&&a.unshift(null);addKeyframes(r,a,f,A,w,b);y=Math.max(g+l,y);d=Math.max(b,d)}}f=u;u+=y}a.forEach(((e,t)=>{for(const s in e){const a=e[s];a.sort(compareByTime);const c=[];const l=[];const f=[];for(let e=0;e{const o=new Map;const getGenerator=(t=0,i=100,s=0,r=false)=>{const a=`${t}-${i}-${s}-${r}`;o.has(a)||o.set(a,e(Object.assign({from:t,to:i,velocity:s,restSpeed:r?.05:2,restDistance:r?.01:.5},n)));return o.get(a)};const getKeyframes=e=>{t.has(e)||t.set(e,A(e));return t.get(e)};return{createAnimation:(e,t,n,o,i)=>{var s,r;let a;const c=e.length;let l=n&&c<=2&&e.every(isNumberOrNull);if(l){const n=e[c-1];const l=1===c?null:e[0];let f=0;let u=0;const d=null===i||void 0===i?void 0:i.generator;if(d){const{animation:t,generatorStartTime:n}=i;const o=(null===t||void 0===t?void 0:t.startTime)||n||0;const r=(null===t||void 0===t?void 0:t.currentTime)||performance.now()-o;const a=d(r).current;u=null!==(s=l)&&void 0!==s?s:a;(1===c||2===c&&null===e[0])&&(f=O((e=>d(e).current),r,a))}else u=null!==(r=l)&&void 0!==r?r:parseFloat(t());const g=getGenerator(u,n,f,null===o||void 0===o?void 0:o.includes(\"scale\"));const m=getKeyframes(g);a=Object.assign(Object.assign({},m),{easing:\"linear\"});if(i){i.generator=g;i.generatorStartTime=performance.now()}}else{const e=getKeyframes(getGenerator(0,100));a={easing:\"ease\",duration:e.overshootDuration}}return a}}}}const isNumberOrNull=e=>\"string\"!==typeof e;const N=createGeneratorEasing(x);const F=createGeneratorEasing(V);const U={any:0,all:1};function inView$1(e,t,{root:n,margin:o,amount:i=\"any\"}={}){if(\"undefined\"===typeof IntersectionObserver)return()=>{};const s=resolveElements(e);const r=new WeakMap;const onIntersectionChange=e=>{e.forEach((e=>{const n=r.get(e.target);if(e.isIntersecting!==Boolean(n))if(e.isIntersecting){const n=t(e);\"function\"===typeof n?r.set(e.target,n):a.unobserve(e.target)}else if(n){n(e);r.delete(e.target)}}))};const a=new IntersectionObserver(onIntersectionChange,{root:n,rootMargin:o,threshold:\"number\"===typeof i?i:U[i]});s.forEach((e=>a.observe(e)));return()=>a.disconnect()}const q=new WeakMap;let K;function getElementSize(e,t){if(t){const{inlineSize:e,blockSize:n}=t[0];return{width:e,height:n}}return e instanceof SVGElement&&\"getBBox\"in e?e.getBBox():{width:e.offsetWidth,height:e.offsetHeight}}function notifyTarget({target:e,contentRect:t,borderBoxSize:n}){var o;null===(o=q.get(e))||void 0===o?void 0:o.forEach((o=>{o({target:e,contentSize:t,get size(){return getElementSize(e,n)}})}))}function notifyAll(e){e.forEach(notifyTarget)}function createResizeObserver(){\"undefined\"!==typeof ResizeObserver&&(K=new ResizeObserver(notifyAll))}function resizeElement(e,t){K||createResizeObserver();const n=resolveElements(e);n.forEach((e=>{let n=q.get(e);if(!n){n=new Set;q.set(e,n)}n.add(t);null===K||void 0===K?void 0:K.observe(e)}));return()=>{n.forEach((e=>{const n=q.get(e);null===n||void 0===n?void 0:n.delete(t);(null===n||void 0===n?void 0:n.size)||(null===K||void 0===K?void 0:K.unobserve(e))}))}}const G=new Set;let _;function createWindowResizeHandler(){_=()=>{const e={width:window.innerWidth,height:window.innerHeight};const t={target:window,size:e,contentSize:e};G.forEach((e=>e(t)))};window.addEventListener(\"resize\",_)}function resizeWindow(e){G.add(e);_||createWindowResizeHandler();return()=>{G.delete(e);!G.size&&_&&(_=void 0)}}function resize(e,t){return\"function\"===typeof e?resizeWindow(e):resizeElement(e,t)}const Z=50;const createAxisInfo=()=>({current:0,offset:[],progress:0,scrollLength:0,targetOffset:0,targetLength:0,containerLength:0,velocity:0});const createScrollInfo=()=>({time:0,x:createAxisInfo(),y:createAxisInfo()});const X={x:{length:\"Width\",position:\"Left\"},y:{length:\"Height\",position:\"Top\"}};function updateAxisInfo(e,t,n,o){const i=n[t];const{length:s,position:r}=X[t];const a=i.current;const c=n.time;i.current=e[\"scroll\"+r];i.scrollLength=e[\"scroll\"+s]-e[\"client\"+s];i.offset.length=0;i.offset[0]=0;i.offset[1]=i.scrollLength;i.progress=p(0,i.scrollLength,i.current);const l=o-c;i.velocity=l>Z?0:v(i.current-a,l)}function updateScrollInfo(e,t,n){updateAxisInfo(e,\"x\",t,n);updateAxisInfo(e,\"y\",t,n);t.time=n}function calcInset(e,t){let n={x:0,y:0};let o=e;while(o&&o!==t)if(o instanceof HTMLElement){n.x+=o.offsetLeft;n.y+=o.offsetTop;o=o.offsetParent}else if(o instanceof SVGGraphicsElement&&\"getBBox\"in o){const{top:e,left:t}=o.getBBox();n.x+=t;n.y+=e;while(o&&\"svg\"!==o.tagName)o=o.parentNode}return n}const Y={Enter:[[0,1],[1,1]],Exit:[[0,0],[1,0]],Any:[[1,0],[0,1]],All:[[0,0],[1,1]]};const J={start:0,center:.5,end:1};function resolveEdge(e,t,n=0){let o=0;void 0!==J[e]&&(e=J[e]);if(g(e)){const t=parseFloat(e);e.endsWith(\"px\")?o=t:e.endsWith(\"%\")?e=t/100:e.endsWith(\"vw\")?o=t/100*document.documentElement.clientWidth:e.endsWith(\"vh\")?o=t/100*document.documentElement.clientHeight:e=t}r(e)&&(o=t*e);return n+o}const Q=[0,0];function resolveOffset(e,t,n,o){let i=Array.isArray(e)?e:Q;let s=0;let a=0;if(r(e))i=[e,e];else if(g(e)){e=e.trim();i=e.includes(\" \")?e.split(\" \"):[e,J[e]?e:\"0\"]}s=resolveEdge(i[0],n,o);a=resolveEdge(i[1],t);return s-a}const ee={x:0,y:0};function resolveOffsets(e,t,n){let{offset:o=Y.All}=n;const{target:i=e,axis:s=\"y\"}=n;const r=\"y\"===s?\"height\":\"width\";const a=i!==e?calcInset(i,e):ee;const c=i===e?{width:e.scrollWidth,height:e.scrollHeight}:{width:i.clientWidth,height:i.clientHeight};const l={width:e.clientWidth,height:e.clientHeight};t[s].offset.length=0;let f=!t[s].interpolate;const u=o.length;for(let e=0;emeasure(e,o.target,n),update:t=>{updateScrollInfo(e,n,t);(o.offset||o.target)&&resolveOffsets(e,n,o)},notify:\"function\"===typeof t?()=>t(n):scrubAnimation(t,n[i])}}function scrubAnimation(e,n){e.pause();e.forEachNative(((e,{easing:n})=>{var o,i;if(e.updateDuration){n||(e.easing=t);e.updateDuration(1)}else{const t={duration:1e3};n||(t.easing=\"linear\");null===(i=null===(o=e.effect)||void 0===o?void 0:o.updateTiming)||void 0===i?void 0:i.call(o,t)}}));return()=>{e.currentTime=n.progress}}const te=new WeakMap;const ne=new WeakMap;const oe=new WeakMap;const getEventTarget=e=>e===document.documentElement?window:e;function scroll(e,t={}){var{container:n=document.documentElement}=t,o=b(t,[\"container\"]);let i=oe.get(n);if(!i){i=new Set;oe.set(n,i)}const s=createScrollInfo();const r=createOnScrollHandler(n,e,s,o);i.add(r);if(!te.has(n)){const listener=()=>{const e=performance.now();for(const e of i)e.measure();for(const t of i)t.update(e);for(const e of i)e.notify()};te.set(n,listener);const e=getEventTarget(n);window.addEventListener(\"resize\",listener,{passive:true});n!==document.documentElement&&ne.set(n,resize(n,listener));e.addEventListener(\"scroll\",listener,{passive:true})}const a=te.get(n);const c=requestAnimationFrame(a);return()=>{var t;\"function\"!==typeof e&&e.stop();cancelAnimationFrame(c);const o=oe.get(n);if(!o)return;o.delete(r);if(o.size)return;const i=te.get(n);te.delete(n);if(i){getEventTarget(n).removeEventListener(\"scroll\",i);null===(t=ne.get(n))||void 0===t?void 0:t();window.removeEventListener(\"resize\",i)}}}function hasChanged(e,t){return typeof e!==typeof t||(Array.isArray(e)&&Array.isArray(t)?!shallowCompare(e,t):e!==t)}function shallowCompare(e,t){const n=t.length;if(n!==e.length)return false;for(let o=0;oe.getDepth()-t.getDepth();const fireAnimateUpdates=e=>e.animateUpdates();const fireNext=e=>e.next();const motionEvent=(e,t)=>new CustomEvent(e,{detail:{target:t}});function dispatchPointerEvent(e,t,n){e.dispatchEvent(new CustomEvent(t,{detail:{originalEvent:n}}))}function dispatchViewEvent(e,t,n){e.dispatchEvent(new CustomEvent(t,{detail:{originalEntry:n}}))}const se={isActive:e=>Boolean(e.inView),subscribe:(e,{enable:t,disable:n},{inViewOptions:o={}})=>{const{once:i}=o,s=b(o,[\"once\"]);return inView$1(e,(o=>{t();dispatchViewEvent(e,\"viewenter\",o);if(!i)return t=>{n();dispatchViewEvent(e,\"viewleave\",t)}}),s)}};const mouseEvent=(e,t,n)=>o=>{if(!o.pointerType||\"mouse\"===o.pointerType){n();dispatchPointerEvent(e,t,o)}};const re={isActive:e=>Boolean(e.hover),subscribe:(e,{enable:t,disable:n})=>{const o=mouseEvent(e,\"hoverstart\",t);const i=mouseEvent(e,\"hoverend\",n);e.addEventListener(\"pointerenter\",o);e.addEventListener(\"pointerleave\",i);return()=>{e.removeEventListener(\"pointerenter\",o);e.removeEventListener(\"pointerleave\",i)}}};const ae={isActive:e=>Boolean(e.press),subscribe:(e,{enable:t,disable:n})=>{const onPointerUp=t=>{n();dispatchPointerEvent(e,\"pressend\",t);window.removeEventListener(\"pointerup\",onPointerUp)};const onPointerDown=n=>{t();dispatchPointerEvent(e,\"pressstart\",n);window.addEventListener(\"pointerup\",onPointerUp)};e.addEventListener(\"pointerdown\",onPointerDown);return()=>{e.removeEventListener(\"pointerdown\",onPointerDown);window.removeEventListener(\"pointerup\",onPointerUp)}}};const ce={inView:se,hover:re,press:ae};const le=[\"initial\",\"animate\",...Object.keys(ce),\"exit\"];const fe=new WeakMap;function createMotionState(e={},t){let n;let o=t?t.getDepth()+1:0;const i={initial:true,animate:true};const s={};const r={};for(const n of le)r[n]=\"string\"===typeof e[n]?e[n]:null===t||void 0===t?void 0:t.getContext()[n];const a=false===e.initial?\"animate\":\"initial\";let c=resolveVariant(e[a]||r[a],e.variants)||{},f=b(c,[\"transition\"]);const u=Object.assign({},f);function*animateUpdates(){var t,o;const s=f;f={};const r={};for(const n of le){if(!i[n])continue;const s=resolveVariant(e[n]);if(s)for(const n in s)if(\"transition\"!==n){f[n]=s[n];r[n]=getOptions(null!==(o=null!==(t=s.transition)&&void 0!==t?t:e.transition)&&void 0!==o?o:{},n)}}const a=new Set([...Object.keys(f),...Object.keys(s)]);const c=[];a.forEach((e=>{var t;void 0===f[e]&&(f[e]=u[e]);if(hasChanged(s[e],f[e])){null!==(t=u[e])&&void 0!==t?t:u[e]=H.get(n,e);c.push(animateStyle(n,e,f[e],r[e]))}}));yield;const d=c.map((e=>e())).filter(Boolean);if(!d.length)return;const g=f;n.dispatchEvent(motionEvent(\"motionstart\",g));Promise.all(d.map((e=>e.finished))).then((()=>{n.dispatchEvent(motionEvent(\"motioncomplete\",g))})).catch(l)}const setGesture=(e,t)=>()=>{i[e]=t;scheduleAnimation(d)};const updateGestureSubscriptions=()=>{for(const t in ce){const o=ce[t].isActive(e);const i=s[t];if(o&&!i)s[t]=ce[t].subscribe(n,{enable:setGesture(t,true),disable:setGesture(t,false)},e);else if(!o&&i){i();delete s[t]}}};const d={update:t=>{if(n){e=t;updateGestureSubscriptions();scheduleAnimation(d)}},setActive:(e,t)=>{if(n){i[e]=t;scheduleAnimation(d)}},animateUpdates:animateUpdates,getDepth:()=>o,getTarget:()=>f,getOptions:()=>e,getContext:()=>r,mount:e=>{S(Boolean(e),\"Animation state must be mounted with valid Element\");n=e;fe.set(n,d);updateGestureSubscriptions();return()=>{fe.delete(n);unscheduleAnimation(d);for(const e in s)s[e]()}},isMounted:()=>Boolean(n)};return d}function createStyles(e){const t={};const n=[];for(let o in e){const i=e[o];if(isTransform(o)){T[o]&&(o=T[o]);n.push(o);o=asTransformCssVar(o)}let s=Array.isArray(i)?i[0]:i;const a=k.get(o);a&&(s=r(i)?a.toDefaultUnit(i):i);t[o]=s}n.length&&(t.transform=buildTransformTemplate(n));return t}const camelLetterToPipeLetter=e=>`-${e.toLowerCase()}`;const camelToPipeCase=e=>e.replace(/[A-Z]/g,camelLetterToPipeLetter);function createStyleString(e={}){const t=createStyles(e);let n=\"\";for(const e in t){n+=e.startsWith(\"--\")?e:camelToPipeCase(e);n+=`: ${t[e]}; `}return n}export{Y as ScrollOffset,animate,animateStyle,createMotionState,createStyleString,createStyles,getAnimationData,getStyleName,F as glide,inView$1 as inView,fe as mountedStates,resize,scroll,N as spring,stagger,H as style,timeline,withControls};\n\n//# sourceMappingURL=index.es.js.map", "import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{Children,useEffect,useState,useRef,useMemo,createRef,useCallback,cloneElement}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{useAnimationFrame,useReducedMotion,LayoutGroup,useInView,useMotionValue,useTransform,motion,wrap}from\"framer-motion\";import{resize}from\"@motionone/dom\";const directionTransformers={left:offset=>`translateX(-${offset}px)`,right:offset=>`translateX(${offset}px)`,top:offset=>`translateY(-${offset}px)`,bottom:offset=>`translateY(${offset}px)`};const supportsAcceleratedAnimations=typeof Animation!==\"undefined\"&&typeof Animation.prototype.updatePlaybackRate===\"function\";/**\n *\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 200\n *\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ export default function Ticker(props){/* Props */ let{slots,gap,padding,paddingPerSide,paddingTop,paddingRight,paddingBottom,paddingLeft,speed,hoverFactor,direction,alignment,sizingOptions,fadeOptions,style}=props;const{fadeContent,overflow,fadeWidth,fadeInset,fadeAlpha}=fadeOptions;const{widthType,heightType}=sizingOptions;const paddingValue=paddingPerSide?`${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px`:`${padding}px`;/* Checks */ const isCanvas=RenderTarget.current()===RenderTarget.canvas;const numChildren=Children.count(slots);const hasChildren=numChildren>0;if(direction===true){direction=\"left\";}const isHorizontal=direction===\"left\"||direction===\"right\";const offset=useMotionValue(0);const transformer=directionTransformers[direction];const transform=useTransform(offset,transformer);/* Refs and State */ const parentRef=useRef(null);const childrenRef=useMemo(()=>{return[/*#__PURE__*/ createRef(),/*#__PURE__*/ createRef()];},[]);const[size,setSize]=useState({parent:null,children:null});/* Arrays */ let clonedChildren=[];let dupedChildren=[];/* Duplicate value */ let duplicateBy=0;let opacity=0;if(isCanvas){// duplicateBy = 10\nduplicateBy=numChildren?Math.floor(10/numChildren):0;opacity=1;}if(!isCanvas&&hasChildren&&size.parent){duplicateBy=Math.round(size.parent/size.children*2)+1;opacity=1;}/* Measure parent and child */ const measure=useCallback(()=>{if(hasChildren&&parentRef.current){const parentLength=isHorizontal?parentRef.current.offsetWidth:parentRef.current.offsetHeight;const start=childrenRef[0].current?isHorizontal?childrenRef[0].current.offsetLeft:childrenRef[0].current.offsetTop:0;const end=childrenRef[1].current?isHorizontal?childrenRef[1].current.offsetLeft+childrenRef[1].current.offsetWidth:childrenRef[1].current.offsetTop+childrenRef[1].current.offsetHeight:0;const childrenLength=end-start+gap;setSize({parent:parentLength,children:childrenLength});}},[]);const childrenStyles=isCanvas?{contentVisibility:\"auto\"}:{};/* Add refs to first and last child */ if(hasChildren){// TODO: These conditional hooks will be unsafe if hasChildren ever changes outside the canvas.\nif(!isCanvas){/**\n * Track whether this is the initial resize event. By default this will fire on mount,\n * which we do in the useEffect. We should only fire it on subsequent resizes.\n */ let initialResize=useRef(true);useEffect(()=>{measure();return resize(parentRef.current,({contentSize})=>{if(!initialResize.current&&(contentSize.width||contentSize.height)){measure();}initialResize.current=false;});},[]);}clonedChildren=Children.map(slots,(child,index)=>{var ref,ref1,ref2,ref3;let ref4;if(index===0){ref4=childrenRef[0];}if(index===slots.length-1){ref4=childrenRef[1];}const size={width:widthType?(ref=child.props)===null||ref===void 0?void 0:ref.width:\"100%\",height:heightType?(ref1=child.props)===null||ref1===void 0?void 0:ref1.height:\"100%\"};return /*#__PURE__*/ _jsx(LayoutGroup,{inherit:\"id\",children:/*#__PURE__*/ _jsx(\"li\",{ref:ref4,style:size,children:/*#__PURE__*/ cloneElement(child,{style:{...(ref2=child.props)===null||ref2===void 0?void 0:ref2.style,...size,flexShrink:0,...childrenStyles},layoutId:child.props.layoutId?child.props.layoutId+\"-original-\"+index:undefined},(ref3=child.props)===null||ref3===void 0?void 0:ref3.children)})});});}if(!isCanvas){for(let i=0;i{var ref,ref1,ref2,ref3,ref4,ref5;const size={width:widthType?(ref=child.props)===null||ref===void 0?void 0:ref.width:\"100%\",height:heightType?(ref1=child.props)===null||ref1===void 0?void 0:ref1.height:\"100%\"};return /*#__PURE__*/ _jsx(LayoutGroup,{inherit:\"id\",children:/*#__PURE__*/ _jsx(\"li\",{style:size,\"aria-hidden\":true,children:/*#__PURE__*/ cloneElement(child,{key:i+\" \"+childIndex,style:{...(ref2=child.props)===null||ref2===void 0?void 0:ref2.style,width:widthType?(ref3=child.props)===null||ref3===void 0?void 0:ref3.width:\"100%\",height:heightType?(ref4=child.props)===null||ref4===void 0?void 0:ref4.height:\"100%\",flexShrink:0,...childrenStyles},layoutId:child.props.layoutId?child.props.layoutId+\"-dupe-\"+i:undefined},(ref5=child.props)===null||ref5===void 0?void 0:ref5.children)},i+\"li\"+childIndex)},i+\"lg\"+childIndex);}),];}}const animateToValue=size.children+size.children*Math.round(size.parent/size.children);const initialTime=useRef(null);const prevTime=useRef(null);const xOrY=useRef(0);const isHover=useRef(false);const isReducedMotion=useReducedMotion();const listRef=useRef(null);const animationRef=useRef(null);/**\n * Setup animations\n */ if(!isCanvas){const isInView=useInView(parentRef);/**\n * If this is an animation we can hardware accelerate, animate with WAAPI\n */ if(supportsAcceleratedAnimations){useEffect(()=>{if(isReducedMotion||!animateToValue||!speed){return;}animationRef.current=listRef.current.animate({transform:[transformer(0),transformer(animateToValue),]},{duration:Math.abs(animateToValue)/speed*1e3,iterations:Infinity,easing:\"linear\"});return()=>animationRef.current.cancel();},[hoverFactor,animateToValue,speed]);}else{/**\n * If we can't accelerate this animation because we have a hoverFactor defined\n * animate with a rAF loop.\n */ useAnimationFrame(t=>{if(!animateToValue||isReducedMotion||supportsAcceleratedAnimations){return;}/**\n * In case this animation is delayed from starting because we're running a bunch\n * of other work, we want to set an initial time rather than counting from 0.\n * That ensures that if the animation is delayed, it starts from the first frame\n * rather than jumping.\n */ if(initialTime.current===null){initialTime.current=t;}t=t-initialTime.current;const timeSince=prevTime.current===null?0:t-prevTime.current;let delta=timeSince*(speed/1e3);if(isHover.current){delta*=hoverFactor;}xOrY.current+=delta;xOrY.current=wrap(0,animateToValue,xOrY.current);prevTime.current=t;if(!isInView)return;offset.set(xOrY.current);});}}/* Fades */ const fadeDirection=isHorizontal?\"to right\":\"to bottom\";const fadeWidthStart=fadeWidth/2;const fadeWidthEnd=100-fadeWidth/2;const fadeInsetStart=clamp(fadeInset,0,fadeWidthStart);const fadeInsetEnd=100-fadeInset;const fadeMask=`linear-gradient(${fadeDirection}, rgba(0, 0, 0, ${fadeAlpha}) ${fadeInsetStart}%, rgba(0, 0, 0, 1) ${fadeWidthStart}%, rgba(0, 0, 0, 1) ${fadeWidthEnd}%, rgba(0, 0, 0, ${fadeAlpha}) ${fadeInsetEnd}%)`;/* Empty state */ if(!hasChildren){return /*#__PURE__*/ _jsxs(\"section\",{style:placeholderStyles,children:[/*#__PURE__*/ _jsx(\"div\",{style:emojiStyles,children:\"\u2728\"}),/*#__PURE__*/ _jsx(\"p\",{style:titleStyles,children:\"Connect to Content\"}),/*#__PURE__*/ _jsx(\"p\",{style:subtitleStyles,children:\"Add layers or components to infinitely loop on your page.\"})]});}return /*#__PURE__*/ _jsx(\"section\",{style:{...containerStyle,opacity:opacity,WebkitMaskImage:fadeContent?fadeMask:undefined,MozMaskImage:fadeContent?fadeMask:undefined,maskImage:fadeContent?fadeMask:undefined,overflow:overflow?\"visible\":\"hidden\",padding:paddingValue},ref:parentRef,children:/*#__PURE__*/ _jsxs(motion.ul,{ref:listRef,style:{...containerStyle,gap:gap,top:direction===\"bottom\"&&isValidNumber(animateToValue)?-animateToValue:undefined,left:direction===\"right\"&&isValidNumber(animateToValue)?-animateToValue:undefined,placeItems:alignment,position:\"relative\",flexDirection:isHorizontal?\"row\":\"column\",...style,transform:supportsAcceleratedAnimations?undefined:transform,willChange:isCanvas?\"auto\":\"transform\"},onMouseEnter:()=>{isHover.current=true;if(animationRef.current){animationRef.current.updatePlaybackRate(hoverFactor);}},onMouseLeave:()=>{isHover.current=false;if(animationRef.current){animationRef.current.updatePlaybackRate(1);}},children:[clonedChildren,dupedChildren]})});};/* Default Properties */ Ticker.defaultProps={gap:10,padding:10,sizingOptions:{widthType:true,heightType:true},fadeOptions:{fadeContent:true,overflow:false,fadeWidth:25,fadeAlpha:0,fadeInset:0},direction:true};/* Property Controls */ addPropertyControls(Ticker,{slots:{type:ControlType.Array,title:\"Children\",control:{type:ControlType.ComponentInstance}},speed:{type:ControlType.Number,title:\"Speed\",min:0,max:1e3,defaultValue:100,unit:\"%\",displayStepper:true,step:5},direction:{type:ControlType.Enum,title:\"Direction\",options:[\"left\",\"right\",\"top\",\"bottom\"],optionIcons:[\"direction-left\",\"direction-right\",\"direction-up\",\"direction-down\",],optionTitles:[\"Left\",\"Right\",\"Top\",\"Bottom\"],defaultValue:\"left\",displaySegmentedControl:true},alignment:{type:ControlType.Enum,title:\"Align\",options:[\"flex-start\",\"center\",\"flex-end\"],optionIcons:{direction:{right:[\"align-top\",\"align-middle\",\"align-bottom\"],left:[\"align-top\",\"align-middle\",\"align-bottom\"],top:[\"align-left\",\"align-center\",\"align-right\"],bottom:[\"align-left\",\"align-center\",\"align-right\"]}},defaultValue:\"center\",displaySegmentedControl:true},gap:{type:ControlType.Number,title:\"Gap\"},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\",],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},sizingOptions:{type:ControlType.Object,title:\"Sizing\",controls:{widthType:{type:ControlType.Boolean,title:\"Width\",enabledTitle:\"Auto\",disabledTitle:\"Stretch\",defaultValue:true},heightType:{type:ControlType.Boolean,title:\"Height\",enabledTitle:\"Auto\",disabledTitle:\"Stretch\",defaultValue:true}}},fadeOptions:{type:ControlType.Object,title:\"Clipping\",controls:{fadeContent:{type:ControlType.Boolean,title:\"Fade\",defaultValue:true},overflow:{type:ControlType.Boolean,title:\"Overflow\",enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:false,hidden(props){return props.fadeContent===true;}},fadeWidth:{type:ControlType.Number,title:\"Width\",defaultValue:25,min:0,max:100,unit:\"%\",hidden(props){return props.fadeContent===false;}},fadeInset:{type:ControlType.Number,title:\"Inset\",defaultValue:0,min:0,max:100,unit:\"%\",hidden(props){return props.fadeContent===false;}},fadeAlpha:{type:ControlType.Number,title:\"Opacity\",defaultValue:0,min:0,max:1,step:.05,hidden(props){return props.fadeContent===false;}}}},hoverFactor:{type:ControlType.Number,title:\"Hover\",min:0,max:1,unit:\"x\",defaultValue:1,step:.1,displayStepper:true,description:\"Slows down the speed while you are hovering.\"}});/* Placeholder Styles */ const containerStyle={display:\"flex\",width:\"100%\",height:\"100%\",maxWidth:\"100%\",maxHeight:\"100%\",placeItems:\"center\",margin:0,padding:0,listStyleType:\"none\",textIndent:\"none\"};/* Styles */ const placeholderStyles={display:\"flex\",width:\"100%\",height:\"100%\",placeContent:\"center\",placeItems:\"center\",flexDirection:\"column\",color:\"#96F\",background:\"rgba(136, 85, 255, 0.1)\",fontSize:11,overflow:\"hidden\",padding:\"20px 20px 30px 20px\"};const emojiStyles={fontSize:32,marginBottom:10};const titleStyles={margin:0,marginBottom:10,fontWeight:600,textAlign:\"center\"};const subtitleStyles={margin:0,opacity:.7,maxWidth:150,lineHeight:1.5,textAlign:\"center\"};/* Clamp function, used for fadeInset */ const clamp=(num,min,max)=>Math.min(Math.max(num,min),max);const isValidNumber=value=>typeof value===\"number\"&&!isNaN(value);\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Ticker\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"400\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicHeight\":\"200\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerDisableUnlink\":\"*\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Ticker.map", "import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{Children,useEffect,useState,useRef,useMemo,createRef,useCallback,cloneElement}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{useAnimationFrame,useReducedMotion,LayoutGroup,useInView,useMotionValue,useTransform,motion,wrap}from\"framer-motion\";import{resize}from\"@motionone/dom\";const directionTransformers={left:offset=>`translateX(-${offset}px)`,right:offset=>`translateX(${offset}px)`,top:offset=>`translateY(-${offset}px)`,bottom:offset=>`translateY(${offset}px)`};const supportsAcceleratedAnimations=typeof Animation!==\"undefined\"&&typeof Animation.prototype.updatePlaybackRate===\"function\";/**\n *\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 200\n *\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ export default function Ticker(props){/* Props */ let{slots,gap,padding,paddingPerSide,paddingTop,paddingRight,paddingBottom,paddingLeft,speed,hoverFactor,direction,alignment,sizingOptions,fadeOptions,style}=props;const{fadeContent,overflow,fadeWidth,fadeInset,fadeAlpha}=fadeOptions;const{widthType,heightType}=sizingOptions;const paddingValue=paddingPerSide?`${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px`:`${padding}px`;/* Checks */ const isCanvas=RenderTarget.current()===RenderTarget.canvas;const numChildren=Children.count(slots);const hasChildren=numChildren>0;if(direction===true){direction=\"left\";}const isHorizontal=direction===\"left\"||direction===\"right\";const offset=useMotionValue(0);const transformer=directionTransformers[direction];const transform=useTransform(offset,transformer);/* Refs and State */ const parentRef=useRef(null);const childrenRef=useMemo(()=>{return[/*#__PURE__*/ createRef(),/*#__PURE__*/ createRef()];},[]);const[size,setSize]=useState({parent:null,children:null});/* Arrays */ let clonedChildren=[];let dupedChildren=[];/* Duplicate value */ let duplicateBy=0;let opacity=0;if(isCanvas){// duplicateBy = 10\nduplicateBy=numChildren?Math.floor(10/numChildren):0;opacity=1;}if(!isCanvas&&hasChildren&&size.parent){duplicateBy=Math.round(size.parent/size.children*2)+1;opacity=1;}/* Measure parent and child */ const measure=useCallback(()=>{if(hasChildren&&parentRef.current){const parentLength=isHorizontal?parentRef.current.offsetWidth:parentRef.current.offsetHeight;const start=childrenRef[0].current?isHorizontal?childrenRef[0].current.offsetLeft:childrenRef[0].current.offsetTop:0;const end=childrenRef[1].current?isHorizontal?childrenRef[1].current.offsetLeft+childrenRef[1].current.offsetWidth:childrenRef[1].current.offsetTop+childrenRef[1].current.offsetHeight:0;const childrenLength=end-start+gap;setSize({parent:parentLength,children:childrenLength});}},[]);const childrenStyles=isCanvas?{contentVisibility:\"auto\"}:{};/* Add refs to first and last child */ if(hasChildren){// TODO: These conditional hooks will be unsafe if hasChildren ever changes outside the canvas.\nif(!isCanvas){/**\n * Track whether this is the initial resize event. By default this will fire on mount,\n * which we do in the useEffect. We should only fire it on subsequent resizes.\n */ let initialResize=useRef(true);useEffect(()=>{measure();return resize(parentRef.current,({contentSize})=>{if(!initialResize.current&&(contentSize.width||contentSize.height)){measure();}initialResize.current=false;});},[]);}clonedChildren=Children.map(slots,(child,index)=>{var ref,ref1,ref2,ref3;let ref4;if(index===0){ref4=childrenRef[0];}if(index===slots.length-1){ref4=childrenRef[1];}const size={width:widthType?(ref=child.props)===null||ref===void 0?void 0:ref.width:\"100%\",height:heightType?(ref1=child.props)===null||ref1===void 0?void 0:ref1.height:\"100%\"};return /*#__PURE__*/ _jsx(LayoutGroup,{inherit:\"id\",children:/*#__PURE__*/ _jsx(\"li\",{ref:ref4,style:size,children:/*#__PURE__*/ cloneElement(child,{style:{...(ref2=child.props)===null||ref2===void 0?void 0:ref2.style,...size,flexShrink:0,...childrenStyles}},(ref3=child.props)===null||ref3===void 0?void 0:ref3.children)})});});}if(!isCanvas){for(let i=0;i{var ref,ref1,ref2,ref3;return /*#__PURE__*/ _jsx(LayoutGroup,{inherit:\"id\",children:/*#__PURE__*/ _jsx(\"li\",{style:{display:\"contents\"},\"aria-hidden\":true,children:/*#__PURE__*/ cloneElement(child,{key:i+\" \"+childIndex,style:{...(ref=child.props)===null||ref===void 0?void 0:ref.style,width:widthType?(ref1=child.props)===null||ref1===void 0?void 0:ref1.width:\"100%\",height:heightType?(ref2=child.props)===null||ref2===void 0?void 0:ref2.height:\"100%\",flexShrink:0,...childrenStyles}},(ref3=child.props)===null||ref3===void 0?void 0:ref3.children)},i+\"li\"+childIndex)},i+\"lg\"+childIndex);}),];}}const animateToValue=size.children+size.children*Math.round(size.parent/size.children);const initialTime=useRef(null);const prevTime=useRef(null);const xOrY=useRef(0);const isHover=useRef(false);const isInView=useInView(parentRef);const isReducedMotion=useReducedMotion();const listRef=useRef(null);const animationRef=useRef(null);/**\n * Setup animations\n */ if(!isCanvas){/**\n * If this is an animation we can hardware accelerate, animate with WAAPI\n */ if(supportsAcceleratedAnimations){useEffect(()=>{if(isReducedMotion||!animateToValue||!speed){return;}animationRef.current=listRef.current.animate({transform:[transformer(0),transformer(animateToValue),]},{duration:Math.abs(animateToValue)/speed*1e3,iterations:Infinity,easing:\"linear\"});return()=>animationRef.current.cancel();},[hoverFactor,animateToValue,speed]);}else{/**\n * If we can't accelerate this animation because we have a hoverFactor defined\n * animate with a rAF loop.\n */ useAnimationFrame(t=>{if(!animateToValue||isReducedMotion||supportsAcceleratedAnimations){return;}/**\n * In case this animation is delayed from starting because we're running a bunch\n * of other work, we want to set an initial time rather than counting from 0.\n * That ensures that if the animation is delayed, it starts from the first frame\n * rather than jumping.\n */ if(initialTime.current===null){initialTime.current=t;}t=t-initialTime.current;const timeSince=prevTime.current===null?0:t-prevTime.current;let delta=timeSince*(speed/1e3);if(isHover.current){delta*=hoverFactor;}xOrY.current+=delta;xOrY.current=wrap(0,animateToValue,xOrY.current);prevTime.current=t;if(!isInView)return;offset.set(xOrY.current);});}}/* Fades */ const fadeDirection=isHorizontal?\"to right\":\"to bottom\";const fadeWidthStart=fadeWidth/2;const fadeWidthEnd=100-fadeWidth/2;const fadeInsetStart=clamp(fadeInset,0,fadeWidthStart);const fadeInsetEnd=100-fadeInset;const fadeMask=`linear-gradient(${fadeDirection}, rgba(0, 0, 0, ${fadeAlpha}) ${fadeInsetStart}%, rgba(0, 0, 0, 1) ${fadeWidthStart}%, rgba(0, 0, 0, 1) ${fadeWidthEnd}%, rgba(0, 0, 0, ${fadeAlpha}) ${fadeInsetEnd}%)`;/* Empty state */ if(!hasChildren){return /*#__PURE__*/ _jsxs(\"section\",{style:placeholderStyles,children:[/*#__PURE__*/ _jsx(\"div\",{style:emojiStyles,children:\"\u2728\"}),/*#__PURE__*/ _jsx(\"p\",{style:titleStyles,children:\"Connect to Content\"}),/*#__PURE__*/ _jsx(\"p\",{style:subtitleStyles,children:\"Add layers or components to infinitely loop on your page.\"})]});}return /*#__PURE__*/ _jsx(\"section\",{style:{...containerStyle,opacity:opacity,WebkitMaskImage:fadeContent?fadeMask:undefined,MozMaskImage:fadeContent?fadeMask:undefined,maskImage:fadeContent?fadeMask:undefined,overflow:overflow?\"visible\":\"hidden\",padding:paddingValue},ref:parentRef,children:/*#__PURE__*/ _jsxs(motion.ul,{ref:listRef,style:{...containerStyle,gap:gap,top:direction===\"bottom\"&&isValidNumber(animateToValue)?-animateToValue:undefined,left:direction===\"right\"&&isValidNumber(animateToValue)?-animateToValue:undefined,placeItems:alignment,position:\"relative\",flexDirection:isHorizontal?\"row\":\"column\",...style,transform:supportsAcceleratedAnimations?undefined:transform,willChange:\"transform\"},onMouseEnter:()=>{isHover.current=true;if(animationRef.current){animationRef.current.updatePlaybackRate(hoverFactor);}},onMouseLeave:()=>{isHover.current=false;if(animationRef.current){animationRef.current.updatePlaybackRate(1);}},children:[clonedChildren,dupedChildren]})});};/* Default Properties */ Ticker.defaultProps={gap:10,padding:10,sizingOptions:{widthType:true,heightType:true},fadeOptions:{fadeContent:true,overflow:false,fadeWidth:25,fadeAlpha:0,fadeInset:0},direction:true};/* Property Controls */ addPropertyControls(Ticker,{slots:{type:ControlType.Array,title:\"Children\",control:{type:ControlType.ComponentInstance}},speed:{type:ControlType.Number,title:\"Speed\",min:0,max:1e3,defaultValue:100,unit:\"%\",displayStepper:true,step:5},direction:{type:ControlType.Enum,title:\"Direction\",options:[\"left\",\"right\",\"top\",\"bottom\"],optionIcons:[\"direction-left\",\"direction-right\",\"direction-up\",\"direction-down\",],optionTitles:[\"Left\",\"Right\",\"Top\",\"Bottom\"],defaultValue:\"left\",displaySegmentedControl:true},alignment:{type:ControlType.Enum,title:\"Align\",options:[\"flex-start\",\"center\",\"flex-end\"],optionIcons:{direction:{right:[\"align-top\",\"align-middle\",\"align-bottom\"],left:[\"align-top\",\"align-middle\",\"align-bottom\"],top:[\"align-left\",\"align-center\",\"align-right\"],bottom:[\"align-left\",\"align-center\",\"align-right\"]}},defaultValue:\"center\",displaySegmentedControl:true},gap:{type:ControlType.Number,title:\"Gap\"},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\",],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},sizingOptions:{type:ControlType.Object,title:\"Sizing\",controls:{widthType:{type:ControlType.Boolean,title:\"Width\",enabledTitle:\"Auto\",disabledTitle:\"Stretch\",defaultValue:true},heightType:{type:ControlType.Boolean,title:\"Height\",enabledTitle:\"Auto\",disabledTitle:\"Stretch\",defaultValue:true}}},fadeOptions:{type:ControlType.Object,title:\"Clipping\",controls:{fadeContent:{type:ControlType.Boolean,title:\"Fade\",defaultValue:true},overflow:{type:ControlType.Boolean,title:\"Overflow\",enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:false,hidden(props){return props.fadeContent===true;}},fadeWidth:{type:ControlType.Number,title:\"Width\",defaultValue:25,min:0,max:100,unit:\"%\",hidden(props){return props.fadeContent===false;}},fadeInset:{type:ControlType.Number,title:\"Inset\",defaultValue:0,min:0,max:100,unit:\"%\",hidden(props){return props.fadeContent===false;}},fadeAlpha:{type:ControlType.Number,title:\"Opacity\",defaultValue:0,min:0,max:1,step:.05,hidden(props){return props.fadeContent===false;}}}},hoverFactor:{type:ControlType.Number,title:\"Hover\",min:0,max:1,unit:\"x\",defaultValue:1,step:.1,displayStepper:true,description:\"Slows down the speed while you are hovering.\"}});/* Placeholder Styles */ const containerStyle={display:\"flex\",width:\"100%\",height:\"100%\",maxWidth:\"100%\",maxHeight:\"100%\",placeItems:\"center\",margin:0,padding:0,listStyleType:\"none\",textIndent:\"none\"};/* Styles */ const placeholderStyles={display:\"flex\",width:\"100%\",height:\"100%\",placeContent:\"center\",placeItems:\"center\",flexDirection:\"column\",color:\"#96F\",background:\"rgba(136, 85, 255, 0.1)\",fontSize:11,overflow:\"hidden\",padding:\"20px 20px 30px 20px\"};const emojiStyles={fontSize:32,marginBottom:10};const titleStyles={margin:0,marginBottom:10,fontWeight:600,textAlign:\"center\"};const subtitleStyles={margin:0,opacity:.7,maxWidth:150,lineHeight:1.5,textAlign:\"center\"};/* Clamp function, used for fadeInset */ const clamp=(num,min,max)=>Math.min(Math.max(num,min),max);const isValidNumber=value=>typeof value===\"number\"&&!isNaN(value);\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Ticker\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicHeight\":\"200\",\"framerIntrinsicWidth\":\"400\",\"framerDisableUnlink\":\"*\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Ticker.map", "import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{Children,useEffect,useState,useRef,useMemo,createRef,useCallback,cloneElement}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{useAnimationFrame,useReducedMotion,LayoutGroup,useInView,useMotionValue,useTransform,motion,wrap,frame}from\"framer-motion\";import{resize}from\"@motionone/dom\";const MAX_DUPLICATED_ITEMS=100;const directionTransformers={left:offset=>`translateX(-${offset}px)`,right:offset=>`translateX(${offset}px)`,top:offset=>`translateY(-${offset}px)`,bottom:offset=>`translateY(${offset}px)`};const supportsAcceleratedAnimations=typeof Animation!==\"undefined\"&&typeof Animation.prototype.updatePlaybackRate===\"function\";/**\n *\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 200\n *\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */export default function Ticker(props){/* Props */let{slots,gap,padding,paddingPerSide,paddingTop,paddingRight,paddingBottom,paddingLeft,speed,hoverFactor,direction,alignment,sizingOptions,fadeOptions,style}=props;const{fadeContent,overflow,fadeWidth,fadeInset,fadeAlpha}=fadeOptions;const{widthType,heightType}=sizingOptions;const paddingValue=paddingPerSide?`${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px`:`${padding}px`;/* Checks */const isCanvas=RenderTarget.current()===RenderTarget.canvas;// Remove empty slots (such as hidden layers)\nconst filteredSlots=slots.filter(Boolean);const numChildren=Children.count(filteredSlots);const hasChildren=numChildren>0;if(direction===true){direction=\"left\";}const isHorizontal=direction===\"left\"||direction===\"right\";const offset=useMotionValue(0);const transformer=directionTransformers[direction];const transform=useTransform(offset,transformer);/* Refs and State */const parentRef=useRef(null);const childrenRef=useMemo(()=>{return[/*#__PURE__*/createRef(),/*#__PURE__*/createRef()];},[]);const[size,setSize]=useState({parent:null,children:null});/* Arrays */let clonedChildren=[];let dupedChildren=[];/* Duplicate value */let duplicateBy=0;let opacity=0;if(isCanvas){duplicateBy=numChildren?Math.floor(10/numChildren):0;opacity=1;}if(!isCanvas&&hasChildren&&size.parent){duplicateBy=Math.round(size.parent/size.children*2)+1;duplicateBy=Math.min(duplicateBy,MAX_DUPLICATED_ITEMS);opacity=1;}/* Measure parent and child */const measure=useCallback(()=>{if(hasChildren&&parentRef.current){const parentLength=isHorizontal?parentRef.current.offsetWidth:parentRef.current.offsetHeight;const start=childrenRef[0].current?isHorizontal?childrenRef[0].current.offsetLeft:childrenRef[0].current.offsetTop:0;const end=childrenRef[1].current?isHorizontal?childrenRef[1].current.offsetLeft+childrenRef[1].current.offsetWidth:childrenRef[1].current.offsetTop+childrenRef[1].current.offsetHeight:0;const childrenLength=end-start+gap;setSize({parent:parentLength,children:childrenLength});}},[]);const childrenStyles=isCanvas?{contentVisibility:\"auto\"}:{};/* Add refs to first and last child */if(hasChildren){// TODO: These conditional hooks will be unsafe if hasChildren ever changes outside the canvas.\nif(!isCanvas){/**\n * Track whether this is the initial resize event. By default this will fire on mount,\n * which we do in the useEffect. We should only fire it on subsequent resizes.\n */let initialResize=useRef(true);useEffect(()=>{frame.read(measure);return resize(parentRef.current,({contentSize})=>{if(!initialResize.current&&(contentSize.width||contentSize.height)){frame.read(measure);}initialResize.current=false;});},[]);}clonedChildren=Children.map(filteredSlots,(child,index)=>{var _child_props,_child_props1,_child_props2,_child_props3;let ref;if(index===0){ref=childrenRef[0];}if(index===filteredSlots.length-1){ref=childrenRef[1];}const size={width:widthType?(_child_props=child.props)===null||_child_props===void 0?void 0:_child_props.width:\"100%\",height:heightType?(_child_props1=child.props)===null||_child_props1===void 0?void 0:_child_props1.height:\"100%\"};return /*#__PURE__*/_jsx(LayoutGroup,{inherit:\"id\",children:/*#__PURE__*/_jsx(\"li\",{ref:ref,style:size,children:/*#__PURE__*/cloneElement(child,{style:{...(_child_props2=child.props)===null||_child_props2===void 0?void 0:_child_props2.style,...size,flexShrink:0,...childrenStyles},layoutId:child.props.layoutId?child.props.layoutId+\"-original-\"+index:undefined},(_child_props3=child.props)===null||_child_props3===void 0?void 0:_child_props3.children)})});});}if(!isCanvas){for(let i=0;i{var _child_props,_child_props1,_child_props2,_child_props3,_child_props4,_child_props5;const size={width:widthType?(_child_props=child.props)===null||_child_props===void 0?void 0:_child_props.width:\"100%\",height:heightType?(_child_props1=child.props)===null||_child_props1===void 0?void 0:_child_props1.height:\"100%\",willChange:\"transform\"};return /*#__PURE__*/_jsx(LayoutGroup,{inherit:\"id\",children:/*#__PURE__*/_jsx(\"li\",{style:size,\"aria-hidden\":true,children:/*#__PURE__*/cloneElement(child,{key:i+\" \"+childIndex,style:{...(_child_props2=child.props)===null||_child_props2===void 0?void 0:_child_props2.style,width:widthType?(_child_props3=child.props)===null||_child_props3===void 0?void 0:_child_props3.width:\"100%\",height:heightType?(_child_props4=child.props)===null||_child_props4===void 0?void 0:_child_props4.height:\"100%\",flexShrink:0,...childrenStyles},layoutId:child.props.layoutId?child.props.layoutId+\"-dupe-\"+i:undefined},(_child_props5=child.props)===null||_child_props5===void 0?void 0:_child_props5.children)},i+\"li\"+childIndex)},i+\"lg\"+childIndex);})];}}const animateToValue=size.children+size.children*Math.round(size.parent/size.children);const initialTime=useRef(null);const prevTime=useRef(null);const xOrY=useRef(0);const isHover=useRef(false);const isReducedMotion=useReducedMotion();const listRef=useRef(null);const animationRef=useRef(null);/**\n * Setup animations\n */if(!isCanvas){const isInView=useInView(parentRef);/**\n * If this is an animation we can hardware accelerate, animate with WAAPI\n */if(supportsAcceleratedAnimations){useEffect(()=>{if(isReducedMotion||!animateToValue||!speed){return;}animationRef.current=listRef.current.animate({transform:[transformer(0),transformer(animateToValue)]},{duration:Math.abs(animateToValue)/speed*1e3,iterations:Infinity,easing:\"linear\"});return()=>animationRef.current.cancel();},[hoverFactor,animateToValue,speed]);// Pause the animation when it's out of view\nuseEffect(()=>{if(!animationRef.current)return;if(isInView&&animationRef.current.playState===\"paused\"){animationRef.current.play();}else if(!isInView&&animationRef.current.playState===\"running\"){animationRef.current.pause();}},[isInView]);}else{/**\n * If we can't accelerate this animation because we have a hoverFactor defined\n * animate with a rAF loop.\n */useAnimationFrame(t=>{if(!animateToValue||isReducedMotion||supportsAcceleratedAnimations){return;}/**\n * In case this animation is delayed from starting because we're running a bunch\n * of other work, we want to set an initial time rather than counting from 0.\n * That ensures that if the animation is delayed, it starts from the first frame\n * rather than jumping.\n */if(initialTime.current===null){initialTime.current=t;}t=t-initialTime.current;const timeSince=prevTime.current===null?0:t-prevTime.current;let delta=timeSince*(speed/1e3);if(isHover.current){delta*=hoverFactor;}xOrY.current+=delta;xOrY.current=wrap(0,animateToValue,xOrY.current);prevTime.current=t;if(!isInView)return;offset.set(xOrY.current);});}}/* Fades */const fadeDirection=isHorizontal?\"to right\":\"to bottom\";const fadeWidthStart=fadeWidth/2;const fadeWidthEnd=100-fadeWidth/2;const fadeInsetStart=clamp(fadeInset,0,fadeWidthStart);const fadeInsetEnd=100-fadeInset;const fadeMask=`linear-gradient(${fadeDirection}, rgba(0, 0, 0, ${fadeAlpha}) ${fadeInsetStart}%, rgba(0, 0, 0, 1) ${fadeWidthStart}%, rgba(0, 0, 0, 1) ${fadeWidthEnd}%, rgba(0, 0, 0, ${fadeAlpha}) ${fadeInsetEnd}%)`;/* Empty state */if(!hasChildren){return /*#__PURE__*/_jsxs(\"section\",{style:placeholderStyles,children:[/*#__PURE__*/_jsx(\"div\",{style:emojiStyles,children:\"\u2728\"}),/*#__PURE__*/_jsx(\"p\",{style:titleStyles,children:\"Connect to Content\"}),/*#__PURE__*/_jsx(\"p\",{style:subtitleStyles,children:\"Add layers or components to infinitely loop on your page.\"})]});}return /*#__PURE__*/_jsx(\"section\",{style:{...containerStyle,opacity:opacity,WebkitMaskImage:fadeContent?fadeMask:undefined,MozMaskImage:fadeContent?fadeMask:undefined,maskImage:fadeContent?fadeMask:undefined,overflow:overflow?\"visible\":\"hidden\",padding:paddingValue},ref:parentRef,children:/*#__PURE__*/_jsxs(motion.ul,{ref:listRef,style:{...containerStyle,gap:gap,top:direction===\"bottom\"&&isValidNumber(animateToValue)?-animateToValue:undefined,left:direction===\"right\"&&isValidNumber(animateToValue)?-animateToValue:undefined,placeItems:alignment,position:\"relative\",flexDirection:isHorizontal?\"row\":\"column\",...style,willChange:isCanvas?\"auto\":\"transform\",transform:supportsAcceleratedAnimations?transformer(0):transform},onMouseEnter:()=>{isHover.current=true;if(animationRef.current){// TODO Replace with updatePlaybackRate when Chrome bugs sorted\nanimationRef.current.playbackRate=hoverFactor;}},onMouseLeave:()=>{isHover.current=false;if(animationRef.current){// TODO Replace with updatePlaybackRate when Chrome bugs sorted\nanimationRef.current.playbackRate=1;}},children:[clonedChildren,dupedChildren]})});}/* Default Properties */Ticker.defaultProps={gap:10,padding:10,sizingOptions:{widthType:true,heightType:true},fadeOptions:{fadeContent:true,overflow:false,fadeWidth:25,fadeAlpha:0,fadeInset:0},direction:true};/* Property Controls */addPropertyControls(Ticker,{slots:{type:ControlType.Array,title:\"Children\",control:{type:ControlType.ComponentInstance}},speed:{type:ControlType.Number,title:\"Speed\",min:0,max:1e3,defaultValue:100,unit:\"%\",displayStepper:true,step:5},direction:{type:ControlType.Enum,title:\"Direction\",options:[\"left\",\"right\",\"top\",\"bottom\"],optionIcons:[\"direction-left\",\"direction-right\",\"direction-up\",\"direction-down\"],optionTitles:[\"Left\",\"Right\",\"Top\",\"Bottom\"],defaultValue:\"left\",displaySegmentedControl:true},alignment:{type:ControlType.Enum,title:\"Align\",options:[\"flex-start\",\"center\",\"flex-end\"],optionIcons:{direction:{right:[\"align-top\",\"align-middle\",\"align-bottom\"],left:[\"align-top\",\"align-middle\",\"align-bottom\"],top:[\"align-left\",\"align-center\",\"align-right\"],bottom:[\"align-left\",\"align-center\",\"align-right\"]}},defaultValue:\"center\",displaySegmentedControl:true},gap:{type:ControlType.Number,title:\"Gap\"},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\"],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},sizingOptions:{type:ControlType.Object,title:\"Sizing\",controls:{widthType:{type:ControlType.Boolean,title:\"Width\",enabledTitle:\"Auto\",disabledTitle:\"Stretch\",defaultValue:true},heightType:{type:ControlType.Boolean,title:\"Height\",enabledTitle:\"Auto\",disabledTitle:\"Stretch\",defaultValue:true}}},fadeOptions:{type:ControlType.Object,title:\"Clipping\",controls:{fadeContent:{type:ControlType.Boolean,title:\"Fade\",defaultValue:true},overflow:{type:ControlType.Boolean,title:\"Overflow\",enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:false,hidden(props){return props.fadeContent===true;}},fadeWidth:{type:ControlType.Number,title:\"Width\",defaultValue:25,min:0,max:100,unit:\"%\",hidden(props){return props.fadeContent===false;}},fadeInset:{type:ControlType.Number,title:\"Inset\",defaultValue:0,min:0,max:100,unit:\"%\",hidden(props){return props.fadeContent===false;}},fadeAlpha:{type:ControlType.Number,title:\"Opacity\",defaultValue:0,min:0,max:1,step:.05,hidden(props){return props.fadeContent===false;}}}},hoverFactor:{type:ControlType.Number,title:\"Hover\",min:0,max:1,unit:\"x\",defaultValue:1,step:.1,displayStepper:true,description:\"Slows down the speed while you are hovering.\"}});/* Placeholder Styles */const containerStyle={display:\"flex\",width:\"100%\",height:\"100%\",maxWidth:\"100%\",maxHeight:\"100%\",placeItems:\"center\",margin:0,padding:0,listStyleType:\"none\",textIndent:\"none\"};/* Styles */const placeholderStyles={display:\"flex\",width:\"100%\",height:\"100%\",placeContent:\"center\",placeItems:\"center\",flexDirection:\"column\",color:\"#96F\",background:\"rgba(136, 85, 255, 0.1)\",fontSize:11,overflow:\"hidden\",padding:\"20px 20px 30px 20px\"};const emojiStyles={fontSize:32,marginBottom:10};const titleStyles={margin:0,marginBottom:10,fontWeight:600,textAlign:\"center\"};const subtitleStyles={margin:0,opacity:.7,maxWidth:150,lineHeight:1.5,textAlign:\"center\"};/* Clamp function, used for fadeInset */const clamp=(num,min,max)=>Math.min(Math.max(num,min),max);const isValidNumber=value=>typeof value===\"number\"&&!isNaN(value);\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Ticker\",\"slots\":[],\"annotations\":{\"framerDisableUnlink\":\"*\",\"framerIntrinsicWidth\":\"400\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicHeight\":\"200\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Ticker.map", "import{noopReturn as t,clamp as n}from\"@motionone/utils\";const calcBezier=(t,n,e)=>(((1-3*e+3*n)*t+(3*e-6*n))*t+3*n)*t;const e=1e-7;const i=12;function binarySubdivide(t,n,o,r,c){let u;let a;let s=0;do{a=n+(o-n)/2;u=calcBezier(a,r,c)-t;u>0?o=a:n=a}while(Math.abs(u)>e&&++sbinarySubdivide(t,0,1,n,i);return t=>0===t||1===t?t:calcBezier(getTForX(t),e,o)}const steps=(t,e=\"end\")=>i=>{i=\"end\"===e?Math.min(i,.999):Math.max(i,.001);const o=i*t;const r=\"end\"===e?Math.floor(o):Math.ceil(o);return n(0,1,r/t)};export{cubicBezier,steps};\n\n//# sourceMappingURL=index.es.js.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{motion}from\"framer-motion\";import{steps}from\"@motionone/easing\";/**\n * @framerIntrinsicWidth 100\n * @framerIntrinsicHeight 100\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ export default function Grain(props){const{opacity,style}=props;const keyframesX=[\"0%\",\"-5%\",\"-15%\",\"7%\",\"-5%\",\"-15%\",\"15%\",\"0%\",\"3%\",\"-10%\",];const keyframesY=[\"0%\",\"-10%\",\"5%\",\"-25%\",\"25%\",\"10%\",\"0%\",\"15%\",\"35%\",\"10%\",];const isCanvas=RenderTarget.current()===RenderTarget.canvas;return /*#__PURE__*/ _jsx(\"div\",{style:{width:\"100%\",height:\"100%\",position:\"relative\",overflow:\"hidden\"},children:/*#__PURE__*/ _jsx(motion.div,{style:{...containerStyle,opacity:opacity,inset:isCanvas?0:\"-200%\",width:isCanvas?\"100%\":\"400%\",height:isCanvas?\"100%\":\"400%\",position:\"absolute\"},animate:!isCanvas&&{x:keyframesX,y:keyframesY},transition:{ease:steps(10,\"start\"),repeat:Infinity,duration:8}})});};Grain.defaultProps={opacity:.5};addPropertyControls(Grain,{opacity:{title:\"Opacity\",type:ControlType.Number,step:.1,displayStepper:true,max:1,min:0}});const containerStyle={backgroundSize:\"256px 256px\",backgroundRepeat:\"repeat\",background:\"url('https://framerusercontent.com/images/rR6HYXBrMmX4cRpXfXUOvpvpB0.png')\"};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Grain\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicHeight\":\"100\",\"framerContractVersion\":\"1\",\"framerDisableUnlink\":\"*\",\"framerIntrinsicWidth\":\"100\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Grain.map", "let r;var s=o=>{if(!r){const n=o.forwardRef(({color:t=\"currentColor\",size:e=24,...i},l)=>o.createElement(\"svg\",{ref:l,xmlns:\"http://www.w3.org/2000/svg\",width:e,height:e,viewBox:\"0 0 24 24\",fill:\"none\",stroke:t,strokeWidth:\"2\",strokeLinecap:\"round\",strokeLinejoin:\"round\",...i},o.createElement(\"path\",{d:\"M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z\"}),o.createElement(\"polyline\",{points:\"9 22 9 12 15 12 15 22\"})));n.displayName=\"Home\",r=n}return r};export{s as default};\n", "import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{useState,useEffect,useRef}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{NullState}from\"https://framer.com/m/framer/icon-nullstate.js@0.7.0\";import HomeFactory from\"https://framer.com/m/feather-icons/home.js@0.0.29\";import{defaultEvents,useIconSelection}from\"https://framerusercontent.com/modules/Ma20hU0GGRxLxZphbywl/OSpwWF91FHPVFyQJjMHt/utils.js\";export const iconKeys=[\"activity\",\"airplay\",\"alert-circle\",\"alert-octagon\",\"alert-triangle\",\"align-center\",\"align-justify\",\"align-left\",\"align-right\",\"anchor\",\"aperture\",\"archive\",\"arrow-down\",\"arrow-down-circle\",\"arrow-down-left\",\"arrow-down-right\",\"arrow-left\",\"arrow-left-circle\",\"arrow-right\",\"arrow-right-circle\",\"arrow-up\",\"arrow-up-circle\",\"arrow-up-left\",\"arrow-up-right\",\"at-sign\",\"award\",\"bar-chart\",\"bar-chart-2\",\"battery\",\"battery-charging\",\"bell\",\"bell-off\",\"bluetooth\",\"bold\",\"book\",\"book-open\",\"bookmark\",\"box\",\"briefcase\",\"calendar\",\"camera\",\"camera-off\",\"cast\",\"check\",\"check-circle\",\"check-square\",\"chevron-down\",\"chevron-left\",\"chevron-right\",\"chevron-up\",\"chevrons-down\",\"chevrons-left\",\"chevrons-right\",\"chevrons-up\",\"chrome\",\"circle\",\"clipboard\",\"clock\",\"cloud\",\"cloud-drizzle\",\"cloud-lightning\",\"cloud-off\",\"cloud-rain\",\"cloud-snow\",\"code\",\"codepen\",\"codesandbox\",\"coffee\",\"columns\",\"command\",\"compass\",\"copy\",\"corner-down-left\",\"corner-down-right\",\"corner-left-down\",\"corner-left-up\",\"corner-right-down\",\"corner-right-up\",\"corner-up-left\",\"corner-up-right\",\"cpu\",\"credit-card\",\"crop\",\"crosshair\",\"database\",\"delete\",\"disc\",\"divide\",\"divide-circle\",\"divide-square\",\"dollar-sign\",\"download\",\"download-cloud\",\"dribbble\",\"droplet\",\"edit\",\"edit-2\",\"edit-3\",\"external-link\",\"eye\",\"eye-off\",\"facebook\",\"fast-forward\",\"feather\",\"figma\",\"file\",\"file-minus\",\"file-plus\",\"file-text\",\"film\",\"filter\",\"flag\",\"folder\",\"folder-minus\",\"folder-plus\",\"framer\",\"frown\",\"gift\",\"git-branch\",\"git-commit\",\"git-merge\",\"git-pull-request\",\"github\",\"gitlab\",\"globe\",\"grid\",\"hard-drive\",\"hash\",\"headphones\",\"heart\",\"help-circle\",\"hexagon\",\"home\",\"image\",\"inbox\",\"info\",\"instagram\",\"italic\",\"key\",\"layers\",\"layout\",\"life-buoy\",\"link\",\"link-2\",\"linkedin\",\"list\",\"loader\",\"lock\",\"log-in\",\"log-out\",\"mail\",\"map\",\"map-pin\",\"maximize\",\"maximize-2\",\"meh\",\"menu\",\"message-circle\",\"message-square\",\"mic\",\"mic-off\",\"minimize\",\"minimize-2\",\"minus\",\"minus-circle\",\"minus-square\",\"monitor\",\"moon\",\"more-horizontal\",\"more-vertical\",\"mouse-pointer\",\"move\",\"music\",\"navigation\",\"navigation-2\",\"octagon\",\"package\",\"paperclip\",\"pause\",\"pause-circle\",\"pen-tool\",\"percent\",\"phone\",\"phone-call\",\"phone-forwarded\",\"phone-incoming\",\"phone-missed\",\"phone-off\",\"phone-outgoing\",\"pie-chart\",\"play\",\"play-circle\",\"plus\",\"plus-circle\",\"plus-square\",\"pocket\",\"power\",\"printer\",\"radio\",\"refresh-ccw\",\"refresh-cw\",\"repeat\",\"rewind\",\"rotate-ccw\",\"rotate-cw\",\"rss\",\"save\",\"scissors\",\"search\",\"send\",\"server\",\"settings\",\"share\",\"share-2\",\"shield\",\"shield-off\",\"shopping-bag\",\"shopping-cart\",\"shuffle\",\"sidebar\",\"skip-back\",\"skip-forward\",\"slack\",\"slash\",\"sliders\",\"smartphone\",\"smile\",\"speaker\",\"square\",\"star\",\"stop-circle\",\"sun\",\"sunrise\",\"sunset\",\"tablet\",\"tag\",\"target\",\"terminal\",\"thermometer\",\"thumbs-down\",\"thumbs-up\",\"toggle-left\",\"toggle-right\",\"tool\",\"trash\",\"trash-2\",\"trello\",\"trending-down\",\"trending-up\",\"triangle\",\"truck\",\"tv\",\"twitch\",\"twitter\",\"type\",\"umbrella\",\"underline\",\"unlock\",\"upload\",\"upload-cloud\",\"user\",\"user-check\",\"user-minus\",\"user-plus\",\"user-x\",\"users\",\"video\",\"video-off\",\"voicemail\",\"volume\",\"volume-1\",\"volume-2\",\"volume-x\",\"watch\",\"wifi\",\"wifi-off\",\"wind\",\"x\",\"x-circle\",\"x-octagon\",\"x-square\",\"youtube\",\"zap\",\"zap-off\",\"zoom-in\",\"zoom-out\",];const moduleBaseUrl=\"https://framer.com/m/feather-icons/\";const uppercaseIconKeys=iconKeys.map(name=>name.charAt(0).toUpperCase()+name.slice(1));const lowercaseIconKeyPairs=iconKeys.reduce((res,key)=>{res[key.toLowerCase()]=key;return res;},{});/**\n * FEATHER\n *\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ export function Icon(props){const{color,selectByList,iconSearch,iconSelection,onClick,onMouseDown,onMouseUp,onMouseEnter,onMouseLeave,mirrored}=props;const isMounted=useRef(false);const iconKey=useIconSelection(iconKeys,selectByList,iconSearch,iconSelection,lowercaseIconKeyPairs);// Selected Icon Module\nconst[SelectedIcon,setSelectedIcon]=useState(iconKey===\"Home\"?HomeFactory(React):null);// Import the selected module or reset so null state\nasync function importModule(){let active=true;// Get the selected module\ntry{const iconModuleUrl=`${moduleBaseUrl}${iconKey}.js@0.0.29`;const module=await import(/* webpackIgnore: true */ iconModuleUrl);// console.log(module.default)\nif(active)setSelectedIcon(module.default(React));}catch(e){console.log(e);if(active)setSelectedIcon(null);}return()=>{active=false;};}// Import module when new style or icon is selected\nuseEffect(()=>{importModule();},[iconKey]);const isOnCanvas=RenderTarget.current()===RenderTarget.canvas;const emptyState=isOnCanvas?/*#__PURE__*/ _jsx(NullState,{}):null;return /*#__PURE__*/ _jsx(\"div\",{style:{display:\"contents\"},onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,children:SelectedIcon?/*#__PURE__*/ _jsx(SelectedIcon,{style:{width:\"100%\",height:\"100%\",transform:mirrored?\"scale(-1, 1)\":undefined},color:color}):emptyState});}Icon.displayName=\"Feather\";Icon.defaultProps={width:24,height:24,iconSelection:\"home\",iconSearch:\"Home\",color:\"#66F\",selectByList:true,mirrored:false};addPropertyControls(Icon,{selectByList:{type:ControlType.Boolean,title:\"Select\",enabledTitle:\"List\",disabledTitle:\"Search\",defaultValue:Icon.defaultProps.selectByList},iconSelection:{type:ControlType.Enum,options:iconKeys,optionTitles:uppercaseIconKeys,defaultValue:Icon.defaultProps.iconSelection,title:\"Name\",hidden:({selectByList})=>!selectByList,description:\"Find every icon name on the [Feather site](https://feathericons.com/)\"},iconSearch:{type:ControlType.String,title:\"Name\",placeholder:\"Menu, Wifi, Box\u2026\",hidden:({selectByList})=>selectByList},mirrored:{type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\",defaultValue:Icon.defaultProps.mirrored},color:{type:ControlType.Color,title:\"Color\",defaultValue:Icon.defaultProps.color},...defaultEvents});\nexport const __FramerMetadata__ = {\"exports\":{\"iconKeys\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"Icon\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicHeight\":\"24\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"24\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"IconProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Feather.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: ({ font })=>!font\n },\n fontWeight: {\n type: ControlType.Enum,\n title: \"Weight\",\n options: [\n 100,\n 200,\n 300,\n 400,\n 500,\n 600,\n 700,\n 800,\n 900\n ],\n optionTitles: [\n \"Thin\",\n \"Extra-light\",\n \"Light\",\n \"Regular\",\n \"Medium\",\n \"Semi-bold\",\n \"Bold\",\n \"Extra-bold\",\n \"Black\", \n ],\n hidden: ({ font })=>!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};\n\nexport const __FramerMetadata__ = {\"exports\":{\"fontSizeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontControls\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"localeOptions\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fontStack\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"emptyStateStyle\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"containerStyles\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"defaultEvents\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./constants.map", "import { useIsInCurrentNavigationTarget } from \"framer\";\nimport { useEffect } from \"react\";\nexport function useOnEnter(onEnter, enabled) {\n return useOnSpecificTargetChange(true, onEnter, enabled);\n}\nexport function useOnExit(onExit, enabled) {\n return useOnSpecificTargetChange(false, onExit, enabled);\n}\nfunction useOnSpecificTargetChange(goal, callback, enabled = true) {\n const isInTarget = useIsInCurrentNavigationTarget();\n useEffect(()=>{\n if (enabled && isInTarget === goal) callback();\n }, [\n isInTarget\n ]);\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useOnEnter\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useOnExit\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useOnNavigationTargetChange.map", "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. By using `useConstant`\n * 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 { useMemo } from \"react\";\nexport const isBrowserSafari = ()=>{\n if (typeof navigator !== `undefined`) {\n const userAgent = navigator.userAgent.toLowerCase();\n const isSafari = (userAgent.indexOf(\"safari\") > -1 || userAgent.indexOf(\"framermobile\") > -1 || userAgent.indexOf(\"framerx\") > -1) && userAgent.indexOf(\"chrome\") < 0;\n return isSafari;\n } else return false;\n};\nexport const useIsBrowserSafari = ()=>useMemo(()=>isBrowserSafari()\n , [])\n;\n\nexport const __FramerMetadata__ = {\"exports\":{\"useIsBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"isBrowserSafari\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./isBrowser.map", "// @ts-ignore\nimport{fontStore}from\"framer\";import{useEffect}from\"react\";import{fontStack}from\"https://framerusercontent.com/modules/VTUDdizacRHpwbkOamr7/AykinQJbgwl92LvMGZwu/constants.js\";const fontWeights={100:\"Thin\",200:\"Extra-light\",300:\"Light\",400:\"Regular\",500:\"Medium\",600:\"Semi-bold\",700:\"Bold\",800:\"Extra-bold\",900:\"Black\"};export function useFontControls(props){const{fontFamily=\"Inter\",fontSize=16,fontWeight=400,font=false}=props;const fontWeightName=fontWeights[fontWeight];const customFontStack=`\"${fontFamily} ${fontWeightName}\", \"${fontFamily}\", ${fontStack}`;const fontFamilyStyle=fontFamily?{fontSize,fontWeight,fontFamily:customFontStack}:{fontSize,fontWeight};const fetchCustomFonts=async()=>{await fontStore.loadWebFontsFromSelectors([`CUSTOM;${fontFamily}`,`CUSTOM;${fontFamily} ${fontWeightName}`,`GF;${fontFamily}-${fontWeightName.toLowerCase()}`,]).catch(e=>console.error(e));};useEffect(()=>{if(font)fetchCustomFonts();},[font,fontFamily,fontWeight]);return fontFamilyStyle;}\nexport const __FramerMetadata__ = {\"exports\":{\"useFontControls\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useFontControls.map", "import { useMemo } from \"react\";\nimport { RenderTarget } from \"framer\";\nexport function useRenderTarget() {\n const currentRenderTarget = useMemo(()=>RenderTarget.current()\n , []);\n return currentRenderTarget;\n}\nexport function useIsInPreview() {\n const inPreview = useMemo(()=>RenderTarget.current() === RenderTarget.preview\n , []);\n return inPreview;\n}\nexport function useIsOnCanvas() {\n const onCanvas = useMemo(()=>RenderTarget.current() === RenderTarget.canvas\n , []);\n return onCanvas;\n}\n\nexport const __FramerMetadata__ = {\"exports\":{\"useIsInPreview\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRenderTarget\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useIsOnCanvas\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./useRenderTarget.map", "import { useMemo } from \"react\";\nimport { ControlType } from \"framer\";\nexport function useRadius(props) {\n const { borderRadius , isMixedBorderRadius , topLeftRadius , topRightRadius , bottomRightRadius , bottomLeftRadius , } = props;\n const radiusValue = useMemo(()=>isMixedBorderRadius ? `${topLeftRadius}px ${topRightRadius}px ${bottomRightRadius}px ${bottomLeftRadius}px` : `${borderRadius}px`\n , [\n borderRadius,\n isMixedBorderRadius,\n topLeftRadius,\n topRightRadius,\n bottomRightRadius,\n bottomLeftRadius, \n ]);\n return radiusValue;\n}\nexport const borderRadiusControl = {\n borderRadius: {\n title: \"Radius\",\n type: ControlType.FusedNumber,\n toggleKey: \"isMixedBorderRadius\",\n toggleTitles: [\n \"Radius\",\n \"Radius per corner\"\n ],\n valueKeys: [\n \"topLeftRadius\",\n \"topRightRadius\",\n \"bottomRightRadius\",\n \"bottomLeftRadius\", \n ],\n valueLabels: [\n \"TL\",\n \"TR\",\n \"BR\",\n \"BL\"\n ],\n min: 0\n }\n};\nexport function usePadding(props) {\n const { padding , paddingPerSide , paddingTop , paddingRight , paddingBottom , paddingLeft , } = props;\n const paddingValue = useMemo(()=>paddingPerSide ? `${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px` : padding\n , [\n padding,\n paddingPerSide,\n paddingTop,\n paddingRight,\n paddingBottom,\n paddingLeft, \n ]);\n return paddingValue;\n}\nexport const paddingControl = {\n padding: {\n type: ControlType.FusedNumber,\n toggleKey: \"paddingPerSide\",\n toggleTitles: [\n \"Padding\",\n \"Padding per side\"\n ],\n valueKeys: [\n \"paddingTop\",\n \"paddingRight\",\n \"paddingBottom\",\n \"paddingLeft\", \n ],\n valueLabels: [\n \"T\",\n \"R\",\n \"B\",\n \"L\"\n ],\n min: 0,\n title: \"Padding\"\n }\n};\n\nexport const __FramerMetadata__ = {\"exports\":{\"borderRadiusControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useRadius\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"RadiusProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"PaddingProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"usePadding\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"paddingControl\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}}}}\n//# sourceMappingURL=./propUtils.map", "import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useReducer,useState,useSyncExternalStore}from\"react\";import{ControlType,addPropertyControls}from\"framer\";import{useIsOnCanvas,emptyStateStyle,containerStyles,defaultEvents,useRadius,borderRadiusControl}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";var PlayOptions;(function(PlayOptions){PlayOptions[\"Normal\"]=\"Off\";PlayOptions[\"Auto\"]=\"On\";PlayOptions[\"Loop\"]=\"Loop\";})(PlayOptions||(PlayOptions={}));var ThumbnailOptions;(function(ThumbnailOptions){ThumbnailOptions[\"High\"]=\"High Quality\";ThumbnailOptions[\"Medium\"]=\"Medium Quality\";ThumbnailOptions[\"Low\"]=\"Low Quality\";ThumbnailOptions[\"Off\"]=\"Off\";})(ThumbnailOptions||(ThumbnailOptions={}));var ThumbnailFormat;(function(ThumbnailFormat){ThumbnailFormat[\"WebP\"]=\"webp\";ThumbnailFormat[\"JPG\"]=\"jpg\";})(ThumbnailFormat||(ThumbnailFormat={}));let _isBot=null;function isBot(){if(_isBot===null)_isBot=/bot|-Google|Google-|yandex|ia_archiver/iu.test(navigator.userAgent);return _isBot;}const emptySubscribe=()=>()=>{};/**\n * @framerIntrinsicWidth 560\n * @framerIntrinsicHeight 315\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n *\n * @framerComponentPresetProps isRed, borderRadius\n */export function Youtube({url,play,shouldMute,thumbnail,isRed,onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,title,...props}){const onCanvas=useIsOnCanvas();const isAutoplay=play!==\"Off\";const showThumbnail=onCanvas||thumbnail!==\"Off\"&&!isAutoplay;const[isPreloading,preloadVideo]=useReducer(()=>true,false);const[showVideo,startVideo]=useReducer(()=>true,!showThumbnail);const[isHovered,setHovered]=useState(false);// https://tkdodo.eu/blog/avoiding-hydration-mismatches-with-use-sync-external-store#usesyncexternalstore\nconst iframeIsDefaultVisible=useSyncExternalStore(emptySubscribe,// bots should not have display:none on the iframe\n()=>isBot(),()=>false);const borderRadius=useRadius(props);const hasBorderRadius=borderRadius!==\"0px 0px 0px 0px\"&&borderRadius!==\"0px\";if(url===\"\"){return /*#__PURE__*/_jsx(Instructions,{});}const parsedURL=parseVideoURL(url);if(parsedURL===undefined){return /*#__PURE__*/_jsx(ErrorMessage,{message:\"Invalid Youtube URL.\"});}const[videoId,embedURL]=parsedURL;// https://stackoverflow.com/questions/2068344/how-do-i-get-a-youtube-video-thumbnail-from-the-youtube-api\nconst thumbnailURL=getThumbnailURL(videoId,thumbnail,getWebPSupported()?\"webp\":\"jpg\");// https://developers.google.com/youtube/player_parameters\nconst searchParams=embedURL.searchParams;searchParams.set(\"iv_load_policy\",\"3\");searchParams.set(\"rel\",\"0\");searchParams.set(\"modestbranding\",\"1\");searchParams.set(\"playsinline\",\"1\");if(// bots shouldn't autoplay the video but see the iframe in the DOM\n!iframeIsDefaultVisible&&(isAutoplay||// when there is no thumbnail, we don't want to autoplay, unless video is started\nshowThumbnail&&showVideo)){searchParams.set(\"autoplay\",\"1\");}if(isAutoplay&&shouldMute){searchParams.set(\"mute\",\"1\");}if(play===\"Loop\"){searchParams.set(\"loop\",\"1\");searchParams.set(\"playlist\",videoId);}if(!isRed){searchParams.set(\"color\",\"white\");}return /*#__PURE__*/_jsxs(\"article\",{onPointerEnter:()=>setHovered(true),onPointerLeave:()=>setHovered(false),onPointerOver:preloadVideo,onKeyDown:startVideo,onClick:startVideo,style:{...wrapperStyle,borderRadius,transform:// Safari sometimes struggles to render border-radius:\n// - on the canvas when changing from 0 to any other value\n// - or when rendering an iframe\nhasBorderRadius&&(showVideo||onCanvas)?\"translateZ(0.000001px)\":\"unset\",cursor:\"pointer\",overflow:\"hidden\"},role:\"presentation\",children:[isPreloading&&/*#__PURE__*/_jsx(\"link\",{rel:\"preconnect\",href:\"https://www.youtube.com\"}),isPreloading&&/*#__PURE__*/_jsx(\"link\",{rel:\"preconnect\",href:\"https://www.google.com\"}),/*#__PURE__*/_jsx(\"div\",{style:{...videoStyle,background:showThumbnail?`center / cover url(${thumbnailURL}) no-repeat`:undefined}}),!onCanvas?/*#__PURE__*/_jsx(\"iframe\",{title:title||\"Youtube Video\",style:{...videoStyle,display:showVideo||iframeIsDefaultVisible?undefined:\"none\"},src:embedURL.href,frameBorder:\"0\",allow:\"presentation; fullscreen; accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\",onClick:onClick,onMouseEnter:onMouseEnter,onMouseLeave:onMouseLeave,onMouseDown:onMouseDown,onMouseUp:onMouseUp,loading:\"lazy\"}):null,showVideo||iframeIsDefaultVisible?null:/*#__PURE__*/_jsx(PlayButton,{onClick:startVideo,isHovered:isHovered,isRed:isRed})]});}Youtube.displayName=\"YouTube\";addPropertyControls(Youtube,{url:{type:ControlType.String,title:\"Video\"},play:{type:ControlType.Enum,title:\"Autoplay\",options:Object.values(PlayOptions)},shouldMute:{title:\"Mute\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\",hidden(props){return props.play===\"Off\";}},thumbnail:{title:\"Thumbnail\",description:\"Showing a thumbnail improves performance.\",type:ControlType.Enum,options:Object.values(ThumbnailOptions),hidden(props){return props.play!==\"Off\";}},isRed:{title:\"Color\",type:ControlType.Boolean,enabledTitle:\"Red\",disabledTitle:\"White\"},...borderRadiusControl,...defaultEvents});const defaultProps={url:\"https://youtu.be/smPos0mJvh8\",play:\"Off\",shouldMute:true,thumbnail:\"Medium Quality\",isRed:true};Youtube.defaultProps=defaultProps;function parseVideoURL(urlString){let url;try{url=new URL(urlString);}catch{const embedURL=getEmbedURL(urlString);return[urlString,embedURL];}if(url.hostname===\"youtube.com\"||url.hostname===\"www.youtube.com\"||url.hostname===\"youtube-nocookie.com\"||url.hostname===\"www.youtube-nocookie.com\"){const pathSegments=url.pathname.slice(1).split(\"/\");// https://www.youtube.com/watch?v=Fop2oskTug8\nif(pathSegments[0]===\"watch\"){const videoId=url.searchParams.get(\"v\");const embedURL=getEmbedURL(videoId);return[videoId,embedURL];}// https://www.youtube.com/embed/Fop2oskTug8\nif(pathSegments[0]===\"embed\"){const videoId=pathSegments[1];return[videoId,url];}}// https://youtu.be/Fop2oskTug8\nif(url.hostname===\"youtu.be\"){const videoId=url.pathname.slice(1);const embedURL=getEmbedURL(videoId);return[videoId,embedURL];}}function getEmbedURL(videoId){return new URL(`https://www.youtube.com/embed/${videoId}`);}function getThumbnailURL(videoId,res,format=\"jpg\"){// https://gist.github.com/a1ip/be4514c1fd392a8c13b05e082c4da363\nconst useWebP=format===\"webp\";const pre=useWebP?\"https://i.ytimg.com/vi_webp/\":\"https://i.ytimg.com/vi/\";const ext=useWebP?\"webp\":\"jpg\";switch(res){case\"Low Quality\":return`${pre}${videoId}/hqdefault.${ext}`;case\"Medium Quality\":return`${pre}${videoId}/sddefault.${ext}`;case\"High Quality\":return`${pre}${videoId}/maxresdefault.${ext}`;default:return`${pre}${videoId}/0.${ext}`;}}let _getWebPSupported;// https://stackoverflow.com/a/27232658\nfunction getWebPSupported(){// We're going to default to webp because it's pretty widely supported by now\nif(!window){return true;}if(_getWebPSupported!==undefined){return _getWebPSupported;}const element=document.createElement(\"canvas\");if(element.getContext&&element.getContext(\"2d\")){// was able or not to get WebP representation\nreturn element.toDataURL(\"image/webp\").indexOf(\"data:image/webp\")===0;}else{// very old browser like IE 8, canvas not supported\nreturn false;}}// Helper components\nfunction Instructions(){return /*#__PURE__*/_jsx(\"div\",{style:{...emptyStateStyle,overflow:\"hidden\"},children:/*#__PURE__*/_jsx(\"div\",{style:centerTextStyle,children:\"To embed a Youtube video, add the URL to the properties\\xa0panel.\"})});}function ErrorMessage({message}){return /*#__PURE__*/_jsx(\"div\",{className:\"framerInternalUI-errorPlaceholder\",style:{...containerStyles,overflow:\"hidden\"},children:/*#__PURE__*/_jsxs(\"div\",{style:centerTextStyle,children:[\"Error: \",message]})});}function PlayButton({onClick,isHovered,isRed}){return /*#__PURE__*/_jsx(\"button\",{onClick:onClick,\"aria-label\":\"Play\",style:buttonStyle,children:/*#__PURE__*/_jsxs(\"svg\",{height:\"100%\",version:\"1.1\",viewBox:\"0 0 68 48\",width:\"100%\",children:[/*#__PURE__*/_jsx(\"path\",{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\",fill:isHovered?isRed?\"#f00\":\"#000\":\"#212121\",fillOpacity:isHovered?isRed?1:.8:.8,style:{transition:\"fill .1s cubic-bezier(0.4, 0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0, 1, 1)\"}}),/*#__PURE__*/_jsx(\"path\",{d:\"M 45,24 27,14 27,34\",fill:\"#fff\"})]})});}const buttonStyle={position:\"absolute\",top:\"50%\",left:\"50%\",transform:\"translate(-50%, -50%)\",width:68,height:48,padding:0,border:\"none\",background:\"transparent\",cursor:\"pointer\"};const wrapperStyle={position:\"relative\",width:\"100%\",height:\"100%\"};const centerTextStyle={textAlign:\"center\",minWidth:140};const videoStyle={position:\"absolute\",top:0,left:0,height:\"100%\",width:\"100%\"};\nexport const __FramerMetadata__ = {\"exports\":{\"Youtube\":{\"type\":\"reactComponent\",\"name\":\"Youtube\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerComponentPresetProps\":\"isRed, borderRadius\",\"framerIntrinsicWidth\":\"560\",\"framerIntrinsicHeight\":\"315\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./YouTube.map", "import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useReducer,useState}from\"react\";import{ControlType,addPropertyControls}from\"framer\";import{useIsOnCanvas,emptyStateStyle,containerStyles,defaultEvents,useRadius,borderRadiusControl}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";var PlayOptions;(function(PlayOptions){PlayOptions[\"Normal\"]=\"Off\";PlayOptions[\"Auto\"]=\"On\";PlayOptions[\"Loop\"]=\"Loop\";})(PlayOptions||(PlayOptions={}));var ThumbnailOptions;(function(ThumbnailOptions){ThumbnailOptions[\"High\"]=\"High Quality\";ThumbnailOptions[\"Medium\"]=\"Medium Quality\";ThumbnailOptions[\"Low\"]=\"Low Quality\";ThumbnailOptions[\"Off\"]=\"Off\";})(ThumbnailOptions||(ThumbnailOptions={}));var ThumbnailFormat;(function(ThumbnailFormat){ThumbnailFormat[\"WebP\"]=\"webp\";ThumbnailFormat[\"JPG\"]=\"jpg\";})(ThumbnailFormat||(ThumbnailFormat={}));/**\n * @framerIntrinsicWidth 560\n * @framerIntrinsicHeight 315\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n *\n * @framerComponentPresetProps isRed, borderRadius\n */ export function Youtube({url,play,shouldMute,thumbnail,isRed,onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,...props}){const onCanvas=useIsOnCanvas();const isAutoplay=play!==PlayOptions.Normal;const showThumbnail=onCanvas||thumbnail!==ThumbnailOptions.Off&&!isAutoplay;const[isPreloading,preloadVideo]=useReducer(()=>true,false);const[showVideo,startVideo]=useReducer(()=>true,!showThumbnail);const[isHovered,setHovered]=useState(false);const borderRadius=useRadius(props);const hasBorderRadius=borderRadius!==\"0px 0px 0px 0px\"&&borderRadius!==\"0px\";if(url===\"\"){return /*#__PURE__*/ _jsx(Instructions,{});}const parsedURL=parseVideoURL(url);if(parsedURL===undefined){return /*#__PURE__*/ _jsx(ErrorMessage,{message:\"Invalid Youtube URL.\"});}const[videoId,embedURL]=parsedURL;// https://stackoverflow.com/questions/2068344/how-do-i-get-a-youtube-video-thumbnail-from-the-youtube-api\nconst thumbnailURL=getThumbnailURL(videoId,thumbnail,getWebPSupported()?ThumbnailFormat.WebP:ThumbnailFormat.JPG);// https://developers.google.com/youtube/player_parameters\nconst searchParams=embedURL.searchParams;searchParams.set(\"iv_load_policy\",\"3\");searchParams.set(\"rel\",\"0\");searchParams.set(\"modestbranding\",\"1\");searchParams.set(\"playsinline\",\"1\");if(isAutoplay||showThumbnail){searchParams.set(\"autoplay\",\"1\");}if(isAutoplay&&shouldMute){searchParams.set(\"mute\",\"1\");}if(play===PlayOptions.Loop){searchParams.set(\"loop\",\"1\");searchParams.set(\"playlist\",videoId);}if(!isRed){searchParams.set(\"color\",\"white\");}return /*#__PURE__*/ _jsxs(\"article\",{onPointerEnter:()=>setHovered(true),onPointerLeave:()=>setHovered(false),onPointerOver:preloadVideo,onClick:startVideo,style:{...wrapperStyle,borderRadius,transform:// Safari sometimes struggles to render border-radius:\n// - on the canvas when changing from 0 to any other value\n// - or when rendering an iframe\nhasBorderRadius&&(showVideo||onCanvas)?\"translateZ(0.000001px)\":\"unset\",cursor:\"pointer\",overflow:\"hidden\"},children:[isPreloading&&/*#__PURE__*/ _jsx(\"link\",{rel:\"preconnect\",href:\"https://www.youtube.com\"}),isPreloading&&/*#__PURE__*/ _jsx(\"link\",{rel:\"preconnect\",href:\"https://www.google.com\"}),/*#__PURE__*/ _jsx(\"div\",{style:{...videoStyle,background:showThumbnail?`center / cover url(${thumbnailURL}) no-repeat`:undefined}}),showVideo?/*#__PURE__*/ _jsx(\"iframe\",{style:videoStyle,src:embedURL.href,frameBorder:\"0\",allow:\"presentation; fullscreen; accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\",onClick:onClick,onMouseEnter:onMouseEnter,onMouseLeave:onMouseLeave,onMouseDown:onMouseDown,onMouseUp:onMouseUp}):/*#__PURE__*/ _jsx(PlayButton,{onClick:startVideo,isHovered:isHovered,isRed:isRed})]});}Youtube.displayName=\"YouTube\";addPropertyControls(Youtube,{url:{type:ControlType.String,title:\"Video\"},play:{type:ControlType.Enum,title:\"Autoplay\",options:Object.values(PlayOptions)},shouldMute:{title:\"Mute\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\",hidden(props){return props.play===PlayOptions.Normal;}},thumbnail:{title:\"Thumbnail\",description:\"Showing a thumbnail improves performance.\",type:ControlType.Enum,options:Object.values(ThumbnailOptions),hidden(props){return props.play!==PlayOptions.Normal;}},isRed:{title:\"Color\",type:ControlType.Boolean,enabledTitle:\"Red\",disabledTitle:\"White\"},...borderRadiusControl,...defaultEvents});const defaultProps={url:\"https://youtu.be/smPos0mJvh8\",play:PlayOptions.Normal,shouldMute:true,thumbnail:ThumbnailOptions.Medium,isRed:true};Youtube.defaultProps=defaultProps;function parseVideoURL(urlString){let url;try{url=new URL(urlString);}catch{const embedURL=getEmbedURL(urlString);return[urlString,embedURL];}if(url.hostname===\"youtube.com\"||url.hostname===\"www.youtube.com\"||url.hostname===\"youtube-nocookie.com\"||url.hostname===\"www.youtube-nocookie.com\"){const pathSegments=url.pathname.slice(1).split(\"/\");// https://www.youtube.com/watch?v=Fop2oskTug8\nif(pathSegments[0]===\"watch\"){const videoId=url.searchParams.get(\"v\");const embedURL1=getEmbedURL(videoId);return[videoId,embedURL1];}// https://www.youtube.com/embed/Fop2oskTug8\nif(pathSegments[0]===\"embed\"){const videoId1=pathSegments[1];return[videoId1,url];}}// https://youtu.be/Fop2oskTug8\nif(url.hostname===\"youtu.be\"){const videoId2=url.pathname.slice(1);const embedURL2=getEmbedURL(videoId2);return[videoId2,embedURL2];}}function getEmbedURL(videoId){return new URL(`https://www.youtube.com/embed/${videoId}`);}function getThumbnailURL(videoId,res,format=ThumbnailFormat.JPG){// https://gist.github.com/a1ip/be4514c1fd392a8c13b05e082c4da363\nconst pre=ThumbnailFormat.WebP?\"https://i.ytimg.com/vi_webp/\":\"https://i.ytimg.com/vi/\";const ext=ThumbnailFormat.WebP?\"webp\":\"jpg\";switch(res){case ThumbnailOptions.Low:return`${pre}${videoId}/hqdefault.${ext}`;case ThumbnailOptions.Medium:return`${pre}${videoId}/sddefault.${ext}`;case ThumbnailOptions.High:return`${pre}${videoId}/maxresdefault.${ext}`;default:return`${pre}${videoId}/0.${ext}`;}}let _getWebPSupported;// https://stackoverflow.com/a/27232658\nfunction getWebPSupported(){// We're going to default to webp because it's pretty widely supported by now\nif(!window){return true;}if(_getWebPSupported!==undefined){return _getWebPSupported;}const element=document.createElement(\"canvas\");if(!!(element.getContext&&element.getContext(\"2d\"))){// was able or not to get WebP representation\nreturn element.toDataURL(\"image/webp\").indexOf(\"data:image/webp\")==0;}else{// very old browser like IE 8, canvas not supported\nreturn false;}}// Helper components\nfunction Instructions(){return /*#__PURE__*/ _jsx(\"div\",{style:{...emptyStateStyle,overflow:\"hidden\"},children:/*#__PURE__*/ _jsx(\"div\",{style:centerTextStyle,children:\"To embed a Youtube video, add the URL to the properties\\xa0panel.\"})});}function ErrorMessage({message}){return /*#__PURE__*/ _jsx(\"div\",{className:\"framerInternalUI-errorPlaceholder\",style:{...containerStyles,overflow:\"hidden\"},children:/*#__PURE__*/ _jsxs(\"div\",{style:centerTextStyle,children:[\"Error: \",message]})});}function PlayButton({onClick,isHovered,isRed}){return /*#__PURE__*/ _jsx(\"button\",{onClick:onClick,\"aria-label\":\"Play\",style:buttonStyle,children:/*#__PURE__*/ _jsxs(\"svg\",{height:\"100%\",version:\"1.1\",viewBox:\"0 0 68 48\",width:\"100%\",children:[/*#__PURE__*/ _jsx(\"path\",{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\",fill:isHovered?isRed?\"#f00\":\"#000\":\"#212121\",fillOpacity:isHovered?isRed?1:.8:.8,style:{transition:\"fill .1s cubic-bezier(0.4, 0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0, 1, 1)\"}}),/*#__PURE__*/ _jsx(\"path\",{d:\"M 45,24 27,14 27,34\",fill:\"#fff\"})]})});}const buttonStyle={position:\"absolute\",top:\"50%\",left:\"50%\",transform:\"translate(-50%, -50%)\",width:68,height:48,padding:0,border:\"none\",background:\"transparent\",cursor:\"pointer\"};const wrapperStyle={position:\"relative\",width:\"100%\",height:\"100%\"};const centerTextStyle={textAlign:\"center\",minWidth:140};const videoStyle={position:\"absolute\",top:0,left:0,height:\"100%\",width:\"100%\"};\nexport const __FramerMetadata__ = {\"exports\":{\"Youtube\":{\"type\":\"reactComponent\",\"name\":\"Youtube\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicHeight\":\"315\",\"framerIntrinsicWidth\":\"560\",\"framerComponentPresetProps\":\"isRed, borderRadius\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./YouTube.map", "import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useReducer,useState}from\"react\";import{ControlType,addPropertyControls}from\"framer\";import{useIsOnCanvas,emptyStateStyle,containerStyles,defaultEvents,useRadius,borderRadiusControl}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";var PlayOptions;(function(PlayOptions){PlayOptions[\"Normal\"]=\"Off\";PlayOptions[\"Auto\"]=\"On\";PlayOptions[\"Loop\"]=\"Loop\";})(PlayOptions||(PlayOptions={}));var ThumbnailOptions;(function(ThumbnailOptions){ThumbnailOptions[\"High\"]=\"High Quality\";ThumbnailOptions[\"Medium\"]=\"Medium Quality\";ThumbnailOptions[\"Low\"]=\"Low Quality\";ThumbnailOptions[\"Off\"]=\"Off\";})(ThumbnailOptions||(ThumbnailOptions={}));var ThumbnailFormat;(function(ThumbnailFormat){ThumbnailFormat[\"WebP\"]=\"webp\";ThumbnailFormat[\"JPG\"]=\"jpg\";})(ThumbnailFormat||(ThumbnailFormat={}));/**\n * @framerIntrinsicWidth 560\n * @framerIntrinsicHeight 315\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ export function Youtube({url,play,shouldMute,thumbnail,isRed,onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,...props}){const onCanvas=useIsOnCanvas();const isAutoplay=play!==PlayOptions.Normal;const showThumbnail=onCanvas||thumbnail!==ThumbnailOptions.Off&&!isAutoplay;const[isPreloading,preloadVideo]=useReducer(()=>true,false);const[showVideo,startVideo]=useReducer(()=>true,!showThumbnail);const[isHovered,setHovered]=useState(false);const borderRadius=useRadius(props);const hasBorderRadius=borderRadius!==\"0px 0px 0px 0px\"&&borderRadius!==\"0px\";if(url===\"\"){return /*#__PURE__*/ _jsx(Instructions,{});}const parsedURL=parseVideoURL(url);if(parsedURL===undefined){return /*#__PURE__*/ _jsx(ErrorMessage,{message:\"Invalid Youtube URL.\"});}const[videoId,embedURL]=parsedURL;// https://stackoverflow.com/questions/2068344/how-do-i-get-a-youtube-video-thumbnail-from-the-youtube-api\nconst thumbnailURL=getThumbnailURL(videoId,thumbnail,getWebPSupported()?ThumbnailFormat.WebP:ThumbnailFormat.JPG);// https://developers.google.com/youtube/player_parameters\nconst searchParams=embedURL.searchParams;searchParams.set(\"iv_load_policy\",\"3\");searchParams.set(\"rel\",\"0\");searchParams.set(\"modestbranding\",\"1\");searchParams.set(\"playsinline\",\"1\");if(isAutoplay||showThumbnail){searchParams.set(\"autoplay\",\"1\");}if(isAutoplay&&shouldMute){searchParams.set(\"mute\",\"1\");}if(play===PlayOptions.Loop){searchParams.set(\"loop\",\"1\");searchParams.set(\"playlist\",videoId);}if(!isRed){searchParams.set(\"color\",\"white\");}return /*#__PURE__*/ _jsxs(\"article\",{onPointerEnter:()=>setHovered(true),onPointerLeave:()=>setHovered(false),onPointerOver:preloadVideo,onClick:startVideo,style:{...wrapperStyle,borderRadius,transform:hasBorderRadius&&showVideo?\"translateZ(0.000001px)\":\"unset\",cursor:\"pointer\",overflow:\"hidden\"},children:[isPreloading&&/*#__PURE__*/ _jsx(\"link\",{rel:\"preconnect\",href:\"https://www.youtube.com\"}),isPreloading&&/*#__PURE__*/ _jsx(\"link\",{rel:\"preconnect\",href:\"https://www.google.com\"}),/*#__PURE__*/ _jsx(\"div\",{style:{...videoStyle,background:showThumbnail?`center / cover url(${thumbnailURL}) no-repeat`:undefined}}),showVideo?/*#__PURE__*/ _jsx(\"iframe\",{style:videoStyle,src:embedURL.href,frameBorder:\"0\",allow:\"presentation; fullscreen; accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture\",onClick:onClick,onMouseEnter:onMouseEnter,onMouseLeave:onMouseLeave,onMouseDown:onMouseDown,onMouseUp:onMouseUp}):/*#__PURE__*/ _jsx(PlayButton,{onClick:startVideo,isHovered:isHovered,isRed:isRed})]});}Youtube.displayName=\"YouTube\";addPropertyControls(Youtube,{url:{type:ControlType.String,title:\"Video\"},play:{type:ControlType.Enum,title:\"Autoplay\",options:Object.values(PlayOptions)},shouldMute:{title:\"Mute\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\",hidden(props){return props.play===PlayOptions.Normal;}},thumbnail:{title:\"Thumbnail\",description:\"Showing a thumbnail improves performance.\",type:ControlType.Enum,options:Object.values(ThumbnailOptions),hidden(props){return props.play!==PlayOptions.Normal;}},isRed:{title:\"Color\",type:ControlType.Boolean,enabledTitle:\"Red\",disabledTitle:\"White\"},...borderRadiusControl,...defaultEvents});const defaultProps={url:\"https://youtu.be/smPos0mJvh8\",play:PlayOptions.Normal,shouldMute:true,thumbnail:ThumbnailOptions.Medium,isRed:true};Youtube.defaultProps=defaultProps;function parseVideoURL(urlString){let url;try{url=new URL(urlString);}catch{const embedURL=getEmbedURL(urlString);return[urlString,embedURL];}if(url.hostname===\"youtube.com\"||url.hostname===\"www.youtube.com\"||url.hostname===\"youtube-nocookie.com\"||url.hostname===\"www.youtube-nocookie.com\"){const pathSegments=url.pathname.slice(1).split(\"/\");// https://www.youtube.com/watch?v=Fop2oskTug8\nif(pathSegments[0]===\"watch\"){const videoId=url.searchParams.get(\"v\");const embedURL1=getEmbedURL(videoId);return[videoId,embedURL1];}// https://www.youtube.com/embed/Fop2oskTug8\nif(pathSegments[0]===\"embed\"){const videoId1=pathSegments[1];return[videoId1,url];}}// https://youtu.be/Fop2oskTug8\nif(url.hostname===\"youtu.be\"){const videoId2=url.pathname.slice(1);const embedURL2=getEmbedURL(videoId2);return[videoId2,embedURL2];}}function getEmbedURL(videoId){return new URL(`https://www.youtube.com/embed/${videoId}`);}function getThumbnailURL(videoId,res,format=ThumbnailFormat.JPG){// https://gist.github.com/a1ip/be4514c1fd392a8c13b05e082c4da363\nconst pre=ThumbnailFormat.WebP?\"https://i.ytimg.com/vi_webp/\":\"https://i.ytimg.com/vi/\";const ext=ThumbnailFormat.WebP?\"webp\":\"jpg\";switch(res){case ThumbnailOptions.Low:return`${pre}${videoId}/hqdefault.${ext}`;case ThumbnailOptions.Medium:return`${pre}${videoId}/sddefault.${ext}`;case ThumbnailOptions.High:return`${pre}${videoId}/maxresdefault.${ext}`;default:return`${pre}${videoId}/0.${ext}`;}}let _getWebPSupported;// https://stackoverflow.com/a/27232658\nfunction getWebPSupported(){// We're going to default to webp because it's pretty widely supported by now\nif(!window){return true;}if(_getWebPSupported!==undefined){return _getWebPSupported;}const element=document.createElement(\"canvas\");if(!!(element.getContext&&element.getContext(\"2d\"))){// was able or not to get WebP representation\nreturn element.toDataURL(\"image/webp\").indexOf(\"data:image/webp\")==0;}else{// very old browser like IE 8, canvas not supported\nreturn false;}}// Helper components\nfunction Instructions(){return /*#__PURE__*/ _jsx(\"div\",{style:{...emptyStateStyle,overflow:\"hidden\"},children:/*#__PURE__*/ _jsx(\"div\",{style:centerTextStyle,children:\"To embed a Youtube video, add the URL to the properties\\xa0panel.\"})});}function ErrorMessage({message}){return /*#__PURE__*/ _jsx(\"div\",{className:\"framerInternalUI-errorPlaceholder\",style:{...containerStyles,overflow:\"hidden\"},children:/*#__PURE__*/ _jsxs(\"div\",{style:centerTextStyle,children:[\"Error: \",message]})});}function PlayButton({onClick,isHovered,isRed}){return /*#__PURE__*/ _jsx(\"button\",{onClick:onClick,\"aria-label\":\"Play\",style:buttonStyle,children:/*#__PURE__*/ _jsxs(\"svg\",{height:\"100%\",version:\"1.1\",viewBox:\"0 0 68 48\",width:\"100%\",children:[/*#__PURE__*/ _jsx(\"path\",{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\",fill:isHovered?isRed?\"#f00\":\"#000\":\"#212121\",fillOpacity:isHovered?isRed?1:.8:.8,style:{transition:\"fill .1s cubic-bezier(0.4, 0, 1, 1), fill-opacity .1s cubic-bezier(0.4, 0, 1, 1)\"}}),/*#__PURE__*/ _jsx(\"path\",{d:\"M 45,24 27,14 27,34\",fill:\"#fff\"})]})});}const buttonStyle={position:\"absolute\",top:\"50%\",left:\"50%\",transform:\"translate(-50%, -50%)\",width:68,height:48,padding:0,border:\"none\",background:\"transparent\",cursor:\"pointer\"};const wrapperStyle={position:\"relative\",width:\"100%\",height:\"100%\"};const centerTextStyle={textAlign:\"center\",minWidth:140};const videoStyle={position:\"absolute\",top:0,left:0,height:\"100%\",width:\"100%\"};\nexport const __FramerMetadata__ = {\"exports\":{\"Youtube\":{\"type\":\"reactComponent\",\"name\":\"Youtube\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"560\",\"framerIntrinsicHeight\":\"315\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./YouTube.map", "import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{useEffect,useRef,useState}from\"react\";import{addPropertyControls,ControlType}from\"framer\";import{useIsOnCanvas,emptyStateStyle,containerStyles}from\"https://framer.com/m/framer/default-utils.js\";/**\n * @framerIntrinsicWidth 600\n * @framerIntrinsicHeight 400\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n *\n * @framerDisableUnlink\n */ export default function Embed({type,url,html}){if(type===\"url\"&&url){return /*#__PURE__*/ _jsx(EmbedURL,{url:url});}if(type===\"html\"&&html){return /*#__PURE__*/ _jsx(EmbedHTML,{html:html});}return /*#__PURE__*/ _jsx(Instructions,{});};addPropertyControls(Embed,{type:{type:ControlType.Enum,defaultValue:\"url\",displaySegmentedControl:true,options:[\"url\",\"html\"],optionTitles:[\"URL\",\"HTML\"]},url:{title:\"URL\",type:ControlType.String,description:\"Some websites don\u2019t support embedding.\",hidden(props){return props.type!==\"url\";}},html:{title:\"HTML\",displayTextArea:true,type:ControlType.String,hidden(props){return props.type!==\"html\";}}});function Instructions(){return /*#__PURE__*/ _jsx(\"div\",{style:{...emptyStateStyle,overflow:\"hidden\"},children:/*#__PURE__*/ _jsx(\"div\",{style:centerTextStyle,children:\"To embed a website or widget, add it to the properties\\xa0panel.\"})});}function EmbedURL({url}){// Add https:// if the URL does not have a protocol.\nif(!/[a-z]+:\\/\\//.test(url)){url=\"https://\"+url;}const onCanvas=useIsOnCanvas();// We need to check if the url is blocked inside an iframe by the X-Frame-Options\n// or Content-Security-Policy headers on the backend.\nconst[state,setState]=useState(onCanvas?undefined:false);useEffect(()=>{// We only want to check on the canvas.\n// On the website we want to avoid the additional delay.\nif(!onCanvas)return;// TODO: We could also use AbortController here.\nlet isLastEffect=true;setState(undefined);async function load(){const response=await fetch(\"https://api.framer.com/functions/check-iframe-url?url=\"+encodeURIComponent(url));if(response.status==200){const{isBlocked}=await response.json();if(isLastEffect){setState(isBlocked);}}else{const message=await response.text();console.error(message);const error=new Error(\"This site can\u2019t be reached.\");setState(error);}}load().catch(error=>{console.error(error);setState(error);});return()=>{isLastEffect=false;};},[url]);if(!url.startsWith(\"https://\")){return /*#__PURE__*/ _jsx(ErrorMessage,{message:\"Unsupported protocol.\"});}if(state===undefined){return /*#__PURE__*/ _jsx(LoadingIndicator,{});}if(state instanceof Error){return /*#__PURE__*/ _jsx(ErrorMessage,{message:state.message});}if(state===true){const message=`Can't embed ${url} due to its content security policy.`;return /*#__PURE__*/ _jsx(ErrorMessage,{message:message});}return /*#__PURE__*/ _jsx(\"iframe\",{src:url,style:iframeStyle,loading:\"lazy\",// @ts-ignore\nfetchPriority:onCanvas?\"low\":\"auto\",referrerPolicy:\"no-referrer\",sandbox:getSandbox(onCanvas)});}const iframeStyle={width:\"100%\",height:\"100%\",border:\"none\"};function getSandbox(onCanvas){const result=[\"allow-same-origin\",\"allow-scripts\"];if(!onCanvas){result.push(\"allow-downloads\",\"allow-forms\",\"allow-modals\",\"allow-orientation-lock\",\"allow-pointer-lock\",\"allow-popups\",\"allow-popups-to-escape-sandbox\",\"allow-presentation\",\"allow-storage-access-by-user-activation\",\"allow-top-navigation-by-user-activation\");}return result.join(\" \");}function EmbedHTML({html}){const ref=useRef();// If the HTML contains a script tag we can't use\n// dangerouslySetInnerHTML because it doesn't execute\n// scripts on the client. Otherwise, we can benefit\n// from SSG by using dangerouslySetInnerHTML.\nconst hasScript=html.includes(\"\");useEffect(()=>{if(!hasScript)return;const div=ref.current;div.innerHTML=html;executeScripts(div);return()=>{div.innerHTML=\"\";};},[html,hasScript]);return /*#__PURE__*/ _jsx(\"div\",{ref:ref,style:htmlStyle,dangerouslySetInnerHTML:!hasScript?{__html:html}:undefined});}const htmlStyle={width:\"100%\",height:\"100%\",display:\"flex\",flexDirection:\"column\",justifyContent:\"center\",alignItems:\"center\"};// This function replaces scripts with executable ones.\n// https://stackoverflow.com/questions/1197575/can-scripts-be-inserted-with-innerhtml\nfunction executeScripts(node){if(node instanceof Element&&node.tagName===\"SCRIPT\"){const script=document.createElement(\"script\");script.text=node.innerHTML;for(const{name,value}of node.attributes){script.setAttribute(name,value);}node.parentElement.replaceChild(script,node);}else{for(const child of node.childNodes){executeScripts(child);}}}// Generic components\nfunction LoadingIndicator(){return /*#__PURE__*/ _jsx(\"div\",{className:\"framerInternalUI-componentPlaceholder\",style:{...containerStyles,overflow:\"hidden\"},children:/*#__PURE__*/ _jsx(\"div\",{style:centerTextStyle,children:\"Loading\u2026\"})});}function ErrorMessage({message}){return /*#__PURE__*/ _jsx(\"div\",{className:\"framerInternalUI-errorPlaceholder\",style:{...containerStyles,overflow:\"hidden\"},children:/*#__PURE__*/ _jsxs(\"div\",{style:centerTextStyle,children:[\"Error: \",message]})});}const centerTextStyle={textAlign:\"center\",minWidth:140};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Embed\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerDisableUnlink\":\"\",\"framerIntrinsicWidth\":\"600\",\"framerIntrinsicHeight\":\"400\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Embed.map", "let Component;\nvar House_default = (React) => {\n if (!Component) {\n const weights = /* @__PURE__ */ new Map([\n [\n \"bold\",\n /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M221.56,100.85,141.61,25.38l-.16-.15a19.93,19.93,0,0,0-26.91,0l-.17.15L34.44,100.85A20.07,20.07,0,0,0,28,115.55V208a20,20,0,0,0,20,20H96a20,20,0,0,0,20-20V164h24v44a20,20,0,0,0,20,20h48a20,20,0,0,0,20-20V115.55A20.07,20.07,0,0,0,221.56,100.85ZM204,204H164V160a20,20,0,0,0-20-20H112a20,20,0,0,0-20,20v44H52V117.28l76-71.75,76,71.75Z\" }))\n ],\n [\n \"duotone\",\n /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\n \"path\",\n {\n d: \"M216,115.54V208a8,8,0,0,1-8,8H160a8,8,0,0,1-8-8V160a8,8,0,0,0-8-8H112a8,8,0,0,0-8,8v48a8,8,0,0,1-8,8H48a8,8,0,0,1-8-8V115.54a8,8,0,0,1,2.62-5.92l80-75.54a8,8,0,0,1,10.77,0l80,75.54A8,8,0,0,1,216,115.54Z\",\n opacity: \"0.2\"\n }\n ), /* @__PURE__ */ React.createElement(\"path\", { d: \"M218.83,103.77l-80-75.48a1.14,1.14,0,0,1-.11-.11,16,16,0,0,0-21.53,0l-.11.11L37.17,103.77A16,16,0,0,0,32,115.55V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V160h32v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V115.55A16,16,0,0,0,218.83,103.77ZM208,208H160V160a16,16,0,0,0-16-16H112a16,16,0,0,0-16,16v48H48V115.55l.11-.1L128,40l79.9,75.43.11.1Z\" }))\n ],\n [\n \"fill\",\n /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M224,115.55V208a16,16,0,0,1-16,16H168a16,16,0,0,1-16-16V168a8,8,0,0,0-8-8H112a8,8,0,0,0-8,8v40a16,16,0,0,1-16,16H48a16,16,0,0,1-16-16V115.55a16,16,0,0,1,5.17-11.78l80-75.48.11-.11a16,16,0,0,1,21.53,0,1.14,1.14,0,0,0,.11.11l80,75.48A16,16,0,0,1,224,115.55Z\" }))\n ],\n [\n \"light\",\n /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M217.47,105.24l-80-75.5-.09-.08a13.94,13.94,0,0,0-18.83,0l-.09.08-80,75.5A14,14,0,0,0,34,115.55V208a14,14,0,0,0,14,14H96a14,14,0,0,0,14-14V160a2,2,0,0,1,2-2h32a2,2,0,0,1,2,2v48a14,14,0,0,0,14,14h48a14,14,0,0,0,14-14V115.55A14,14,0,0,0,217.47,105.24ZM210,208a2,2,0,0,1-2,2H160a2,2,0,0,1-2-2V160a14,14,0,0,0-14-14H112a14,14,0,0,0-14,14v48a2,2,0,0,1-2,2H48a2,2,0,0,1-2-2V115.55a2,2,0,0,1,.65-1.48l.09-.08,79.94-75.48a2,2,0,0,1,2.63,0L209.26,114l.08.08a2,2,0,0,1,.66,1.48Z\" }))\n ],\n [\n \"regular\",\n /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M218.83,103.77l-80-75.48a1.14,1.14,0,0,1-.11-.11,16,16,0,0,0-21.53,0l-.11.11L37.17,103.77A16,16,0,0,0,32,115.55V208a16,16,0,0,0,16,16H96a16,16,0,0,0,16-16V160h32v48a16,16,0,0,0,16,16h48a16,16,0,0,0,16-16V115.55A16,16,0,0,0,218.83,103.77ZM208,208H160V160a16,16,0,0,0-16-16H112a16,16,0,0,0-16,16v48H48V115.55l.11-.1L128,40l79.9,75.43.11.1Z\" }))\n ],\n [\n \"thin\",\n /* @__PURE__ */ React.createElement(React.Fragment, null, /* @__PURE__ */ React.createElement(\"path\", { d: \"M216.13,106.72,136.07,31.13a12,12,0,0,0-16.2.05L39.93,106.67A12,12,0,0,0,36,115.54V208a12,12,0,0,0,12,12H96a12,12,0,0,0,12-12V160a4,4,0,0,1,4-4h32a4,4,0,0,1,4,4v48a12,12,0,0,0,12,12h48a12,12,0,0,0,12-12V115.54A12,12,0,0,0,216.13,106.72ZM212,208a4,4,0,0,1-4,4H160a4,4,0,0,1-4-4V160a12,12,0,0,0-12-12H112a12,12,0,0,0-12,12v48a4,4,0,0,1-4,4H48a4,4,0,0,1-4-4V115.54a4.09,4.09,0,0,1,1.36-3L125.3,37.05a4,4,0,0,1,5.33,0l80.06,75.58a4,4,0,0,1,1.31,3Z\" }))\n ]\n ]);\n const House = React.forwardRef((props, ref) => /* @__PURE__ */ React.createElement(\"g\", { ref, ...props }, weights.get(props.weight)));\n House.displayName = \"House\";\n Component = House;\n }\n return Component;\n};\nconst __FramerMetadata__ = {\n exports: {\n default: {\n type: \"reactComponent\",\n slots: [],\n annotations: { framerContractVersion: \"1\" }\n },\n __FramerMetadata__: { type: \"variable\" }\n }\n};\nexport {\n __FramerMetadata__,\n House_default as default\n};\n", "import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{useState,useEffect,useRef}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{motion}from\"framer-motion\";import{NullState}from\"https://framer.com/m/framer/icon-nullstate.js@0.7.0\";import HouseFactory from\"https://framer.com/m/phosphor-icons/House.js@0.0.53\";import{defaultEvents,useIconSelection}from\"https://framerusercontent.com/modules/Ma20hU0GGRxLxZphbywl/OSpwWF91FHPVFyQJjMHt/utils.js\";const iconKeys=[\"AddressBook\",\"AirTrafficControl\",\"Airplane\",\"AirplaneInFlight\",\"AirplaneLanding\",\"AirplaneTakeoff\",\"AirplaneTilt\",\"Airplay\",\"Alarm\",\"Alien\",\"AlignBottom\",\"AlignBottomSimple\",\"AlignCenterVertical\",\"AlignLeft\",\"AlignLeftSimple\",\"AlignRight\",\"AlignRightSimple\",\"AlignTop\",\"AlignTopSimple\",\"AmazonLogo\",\"Anchor\",\"AnchorSimple\",\"AndroidLogo\",\"AngularLogo\",\"Aperture\",\"AppStoreLogo\",\"AppWindow\",\"AppleLogo\",\"ApplePodcastsLogo\",\"Archive\",\"ArchiveBox\",\"ArchiveTray\",\"Armchair\",\"ArrowArcLeft\",\"ArrowArcRight\",\"ArrowBendDownLeft\",\"ArrowBendDownRight\",\"ArrowBendLeftDown\",\"ArrowBendLeftUp\",\"ArrowBendRightDown\",\"ArrowBendRightUp\",\"ArrowBendUpLeft\",\"ArrowBendUpRight\",\"ArrowCircleDown\",\"ArrowCircleDownLeft\",\"ArrowCircleDownRight\",\"ArrowCircleLeft\",\"ArrowCircleRight\",\"ArrowCircleUp\",\"ArrowCircleUpLeft\",\"ArrowCircleUpRight\",\"ArrowClockwise\",\"ArrowDown\",\"ArrowDownLeft\",\"ArrowDownRight\",\"ArrowElbowDownLeft\",\"ArrowElbowDownRight\",\"ArrowElbowLeft\",\"ArrowElbowLeftDown\",\"ArrowElbowLeftUp\",\"ArrowElbowRight\",\"ArrowElbowRightDown\",\"ArrowElbowRightUp\",\"ArrowElbowUpLeft\",\"ArrowElbowUpRight\",\"ArrowFatDown\",\"ArrowFatLeft\",\"ArrowFatLineDown\",\"ArrowFatLineLeft\",\"ArrowFatLineRight\",\"ArrowFatLineUp\",\"ArrowFatLinesDown\",\"ArrowFatLinesLeft\",\"ArrowFatLinesRight\",\"ArrowFatLinesUp\",\"ArrowFatRight\",\"ArrowFatUp\",\"ArrowLeft\",\"ArrowLineDown\",\"ArrowLineDownLeft\",\"ArrowLineDownRight\",\"ArrowLineLeft\",\"ArrowLineRight\",\"ArrowLineUp\",\"ArrowLineUpLeft\",\"ArrowLineUpRight\",\"ArrowRight\",\"ArrowSquareDown\",\"ArrowSquareDownLeft\",\"ArrowSquareDownRight\",\"ArrowSquareIn\",\"ArrowSquareLeft\",\"ArrowSquareOut\",\"ArrowSquareRight\",\"ArrowSquareUp\",\"ArrowSquareUpLeft\",\"ArrowSquareUpRight\",\"ArrowUDownLeft\",\"ArrowUDownRight\",\"ArrowULeftDown\",\"ArrowULeftUp\",\"ArrowURightDown\",\"ArrowURightUp\",\"ArrowUUpLeft\",\"ArrowUUpRight\",\"ArrowUp\",\"ArrowUpLeft\",\"ArrowUpRight\",\"ArrowsClockwise\",\"ArrowsDownUp\",\"ArrowsHorizontal\",\"ArrowsIn\",\"ArrowsInCardinal\",\"ArrowsInLineVertical\",\"ArrowsInSimple\",\"ArrowsLeftRight\",\"ArrowsMerge\",\"ArrowsOut\",\"ArrowsOutCardinal\",\"ArrowsOutSimple\",\"ArrowsSplit\",\"ArrowsVertical\",\"Article\",\"ArticleMedium\",\"ArticleNyTimes\",\"Asterisk\",\"AsteriskSimple\",\"At\",\"Atom\",\"Baby\",\"Backpack\",\"Backspace\",\"Bag\",\"BagSimple\",\"Balloon\",\"Bandaids\",\"Bank\",\"Barbell\",\"Barcode\",\"Barricade\",\"Baseball\",\"BaseballCap\",\"Basket\",\"Basketball\",\"Bathtub\",\"BatteryCharging\",\"BatteryEmpty\",\"BatteryFull\",\"BatteryHigh\",\"BatteryLow\",\"BatteryMedium\",\"BatteryPlus\",\"BatteryPlusVertical\",\"BatteryVerticalEmpty\",\"BatteryVerticalFull\",\"BatteryVerticalHigh\",\"BatteryVerticalLow\",\"BatteryWarning\",\"Bed\",\"BeerBottle\",\"BeerStein\",\"BehanceLogo\",\"Bell\",\"BellRinging\",\"BellSimple\",\"BellSimpleRinging\",\"BellSimpleSlash\",\"BellSimpleZ\",\"BellSlash\",\"BellZ\",\"BezierCurve\",\"Bicycle\",\"Binoculars\",\"Bird\",\"Bluetooth\",\"BluetoothConnected\",\"BluetoothSlash\",\"BluetoothX\",\"Boat\",\"Bone\",\"Book\",\"BookBookmark\",\"BookOpen\",\"BookOpenText\",\"Bookmark\",\"BookmarkSimple\",\"Bookmarks\",\"BookmarksSimple\",\"Books\",\"Boot\",\"BoundingBox\",\"BowlFood\",\"BracketsAngle\",\"BracketsCurly\",\"BracketsRound\",\"BracketsSquare\",\"Brain\",\"Brandy\",\"Bridge\",\"Briefcase\",\"BriefcaseMetal\",\"Broadcast\",\"Broom\",\"Browser\",\"Browsers\",\"Bug\",\"BugBeetle\",\"BugDroid\",\"Buildings\",\"Bus\",\"Butterfly\",\"Cactus\",\"Cake\",\"Calculator\",\"Calendar\",\"CalendarBlank\",\"CalendarCheck\",\"CalendarPlus\",\"CalendarX\",\"CallBell\",\"Camera\",\"CameraPlus\",\"CameraRotate\",\"CameraSlash\",\"Campfire\",\"Car\",\"CarProfile\",\"CarSimple\",\"Cardholder\",\"Cards\",\"CaretCircleDoubleUp\",\"CaretCircleDown\",\"CaretCircleLeft\",\"CaretCircleRight\",\"CaretCircleUp\",\"CaretCircleUpDown\",\"CaretDoubleDown\",\"CaretDoubleLeft\",\"CaretDoubleRight\",\"CaretDoubleUp\",\"CaretDown\",\"CaretLeft\",\"CaretRight\",\"CaretUp\",\"CaretUpDown\",\"Carrot\",\"CassetteTape\",\"CastleTurret\",\"Cat\",\"CellSignalFull\",\"CellSignalHigh\",\"CellSignalLow\",\"CellSignalMedium\",\"CellSignalNone\",\"CellSignalSlash\",\"CellSignalX\",\"Certificate\",\"Chair\",\"Chalkboard\",\"ChalkboardSimple\",\"ChalkboardTeacher\",\"Champagne\",\"ChargingStation\",\"ChartBar\",\"ChartBarHorizontal\",\"ChartDonut\",\"ChartLine\",\"ChartLineDown\",\"ChartLineUp\",\"ChartPie\",\"ChartPieSlice\",\"ChartPolar\",\"ChartScatter\",\"Chat\",\"ChatCentered\",\"ChatCenteredDots\",\"ChatCenteredText\",\"ChatCircle\",\"ChatCircleDots\",\"ChatCircleText\",\"ChatDots\",\"ChatTeardrop\",\"ChatTeardropDots\",\"ChatTeardropText\",\"ChatText\",\"Chats\",\"ChatsCircle\",\"ChatsTeardrop\",\"Check\",\"CheckCircle\",\"CheckFat\",\"CheckSquare\",\"CheckSquareOffset\",\"Checks\",\"Church\",\"Circle\",\"CircleDashed\",\"CircleHalf\",\"CircleHalfTilt\",\"CircleNotch\",\"CirclesFour\",\"CirclesThree\",\"CirclesThreePlus\",\"Circuitry\",\"Clipboard\",\"ClipboardText\",\"Clock\",\"ClockAfternoon\",\"ClockClockwise\",\"ClockCounterClockwise\",\"ClockCountdown\",\"ClosedCaptioning\",\"Cloud\",\"CloudArrowDown\",\"CloudArrowUp\",\"CloudCheck\",\"CloudFog\",\"CloudLightning\",\"CloudMoon\",\"CloudRain\",\"CloudSlash\",\"CloudSnow\",\"CloudSun\",\"CloudWarning\",\"CloudX\",\"Club\",\"CoatHanger\",\"CodaLogo\",\"Code\",\"CodeBlock\",\"CodeSimple\",\"CodepenLogo\",\"CodesandboxLogo\",\"Coffee\",\"Coin\",\"CoinVertical\",\"Coins\",\"Columns\",\"Command\",\"Compass\",\"CompassTool\",\"ComputerTower\",\"Confetti\",\"ContactlessPayment\",\"Control\",\"Cookie\",\"CookingPot\",\"Copy\",\"CopySimple\",\"Copyleft\",\"Copyright\",\"CornersIn\",\"CornersOut\",\"Couch\",\"Cpu\",\"CreditCard\",\"Crop\",\"Cross\",\"Crosshair\",\"CrosshairSimple\",\"Crown\",\"CrownSimple\",\"Cube\",\"CubeFocus\",\"CubeTransparent\",\"CurrencyBtc\",\"CurrencyCircleDollar\",\"CurrencyCny\",\"CurrencyDollar\",\"CurrencyDollarSimple\",\"CurrencyEth\",\"CurrencyEur\",\"CurrencyGbp\",\"CurrencyInr\",\"CurrencyJpy\",\"CurrencyKrw\",\"CurrencyKzt\",\"CurrencyNgn\",\"CurrencyRub\",\"Cursor\",\"CursorClick\",\"CursorText\",\"Cylinder\",\"Database\",\"Desktop\",\"DesktopTower\",\"Detective\",\"DevToLogo\",\"DeviceMobile\",\"DeviceMobileCamera\",\"DeviceMobileSpeaker\",\"DeviceTablet\",\"DeviceTabletCamera\",\"DeviceTabletSpeaker\",\"Devices\",\"Diamond\",\"DiamondsFour\",\"DiceFive\",\"DiceFour\",\"DiceOne\",\"DiceSix\",\"DiceThree\",\"DiceTwo\",\"Disc\",\"DiscordLogo\",\"Divide\",\"Dna\",\"Dog\",\"Door\",\"DoorOpen\",\"Dot\",\"DotOutline\",\"DotsNine\",\"DotsSix\",\"DotsSixVertical\",\"DotsThree\",\"DotsThreeCircle\",\"DotsThreeOutline\",\"DotsThreeVertical\",\"Download\",\"DownloadSimple\",\"Dress\",\"DribbbleLogo\",\"Drop\",\"DropHalf\",\"DropHalfBottom\",\"DropboxLogo\",\"Ear\",\"EarSlash\",\"Egg\",\"EggCrack\",\"Eject\",\"EjectSimple\",\"Elevator\",\"Engine\",\"Envelope\",\"EnvelopeOpen\",\"EnvelopeSimple\",\"EnvelopeSimpleOpen\",\"Equalizer\",\"Equals\",\"Eraser\",\"EscalatorDown\",\"EscalatorUp\",\"Exam\",\"Exclude\",\"ExcludeSquare\",\"Export\",\"Eye\",\"EyeClosed\",\"EyeSlash\",\"Eyedropper\",\"EyedropperSample\",\"Eyeglasses\",\"FaceMask\",\"FacebookLogo\",\"Factory\",\"Faders\",\"FadersHorizontal\",\"Fan\",\"FastForward\",\"FastForwardCircle\",\"Feather\",\"FigmaLogo\",\"File\",\"FileArchive\",\"FileArrowDown\",\"FileArrowUp\",\"FileAudio\",\"FileCloud\",\"FileCode\",\"FileCss\",\"FileCsv\",\"FileDashed\",\"FileDoc\",\"FileHtml\",\"FileImage\",\"FileJpg\",\"FileJs\",\"FileJsx\",\"FileLock\",\"FileMagnifyingGlass\",\"FileMinus\",\"FilePdf\",\"FilePlus\",\"FilePng\",\"FilePpt\",\"FileRs\",\"FileSql\",\"FileSvg\",\"FileText\",\"FileTs\",\"FileTsx\",\"FileVideo\",\"FileVue\",\"FileX\",\"FileXls\",\"FileZip\",\"Files\",\"FilmReel\",\"FilmScript\",\"FilmSlate\",\"FilmStrip\",\"Fingerprint\",\"FingerprintSimple\",\"FinnTheHuman\",\"Fire\",\"FireExtinguisher\",\"FireSimple\",\"FirstAid\",\"FirstAidKit\",\"Fish\",\"FishSimple\",\"Flag\",\"FlagBanner\",\"FlagCheckered\",\"FlagPennant\",\"Flame\",\"Flashlight\",\"Flask\",\"FloppyDisk\",\"FloppyDiskBack\",\"FlowArrow\",\"Flower\",\"FlowerLotus\",\"FlowerTulip\",\"FlyingSaucer\",\"Folder\",\"FolderDashed\",\"FolderLock\",\"FolderMinus\",\"FolderNotch\",\"FolderNotchMinus\",\"FolderNotchOpen\",\"FolderNotchPlus\",\"FolderOpen\",\"FolderPlus\",\"FolderSimple\",\"FolderSimpleDashed\",\"FolderSimpleLock\",\"FolderSimpleMinus\",\"FolderSimplePlus\",\"FolderSimpleStar\",\"FolderSimpleUser\",\"FolderStar\",\"FolderUser\",\"Folders\",\"Football\",\"Footprints\",\"ForkKnife\",\"FrameCorners\",\"FramerLogo\",\"Function\",\"Funnel\",\"FunnelSimple\",\"GameController\",\"Garage\",\"GasCan\",\"GasPump\",\"Gauge\",\"Gavel\",\"Gear\",\"GearFine\",\"GearSix\",\"GenderFemale\",\"GenderIntersex\",\"GenderMale\",\"GenderNeuter\",\"GenderNonbinary\",\"GenderTransgender\",\"Ghost\",\"Gif\",\"Gift\",\"GitBranch\",\"GitCommit\",\"GitDiff\",\"GitFork\",\"GitMerge\",\"GitPullRequest\",\"GithubLogo\",\"GitlabLogo\",\"GitlabLogoSimple\",\"Globe\",\"GlobeHemisphereEast\",\"GlobeHemisphereWest\",\"GlobeSimple\",\"GlobeStand\",\"Goggles\",\"GoodreadsLogo\",\"GoogleCardboardLogo\",\"GoogleChromeLogo\",\"GoogleDriveLogo\",\"GoogleLogo\",\"GooglePhotosLogo\",\"GooglePlayLogo\",\"GooglePodcastsLogo\",\"Gradient\",\"GraduationCap\",\"Grains\",\"GrainsSlash\",\"Graph\",\"GridFour\",\"GridNine\",\"Guitar\",\"Hamburger\",\"Hammer\",\"Hand\",\"HandCoins\",\"HandEye\",\"HandFist\",\"HandGrabbing\",\"HandHeart\",\"HandPalm\",\"HandPointing\",\"HandSoap\",\"HandSwipeLeft\",\"HandSwipeRight\",\"HandTap\",\"HandWaving\",\"Handbag\",\"HandbagSimple\",\"HandsClapping\",\"HandsPraying\",\"Handshake\",\"HardDrive\",\"HardDrives\",\"Hash\",\"HashStraight\",\"Headlights\",\"Headphones\",\"Headset\",\"Heart\",\"HeartBreak\",\"HeartHalf\",\"HeartStraight\",\"HeartStraightBreak\",\"Heartbeat\",\"Hexagon\",\"HighHeel\",\"HighlighterCircle\",\"Hoodie\",\"Horse\",\"Hourglass\",\"HourglassHigh\",\"HourglassLow\",\"HourglassMedium\",\"HourglassSimple\",\"HourglassSimpleHigh\",\"HourglassSimpleLow\",\"House\",\"HouseLine\",\"HouseSimple\",\"IceCream\",\"IdentificationBadge\",\"IdentificationCard\",\"Image\",\"ImageSquare\",\"Images\",\"ImagesSquare\",\"Infinity\",\"Info\",\"InstagramLogo\",\"Intersect\",\"IntersectSquare\",\"IntersectThree\",\"Jeep\",\"Kanban\",\"Key\",\"KeyReturn\",\"Keyboard\",\"Keyhole\",\"Knife\",\"Ladder\",\"LadderSimple\",\"Lamp\",\"Laptop\",\"Layout\",\"Leaf\",\"Lifebuoy\",\"Lightbulb\",\"LightbulbFilament\",\"Lighthouse\",\"Lightning\",\"LightningA\",\"LightningSlash\",\"LineSegment\",\"LineSegments\",\"Link\",\"LinkBreak\",\"LinkSimple\",\"LinkSimpleBreak\",\"LinkSimpleHorizontal\",\"LinkedinLogo\",\"LinuxLogo\",\"List\",\"ListBullets\",\"ListChecks\",\"ListDashes\",\"ListMagnifyingGlass\",\"ListNumbers\",\"ListPlus\",\"Lock\",\"LockKey\",\"LockKeyOpen\",\"LockLaminated\",\"LockLaminatedOpen\",\"LockOpen\",\"LockSimple\",\"LockSimpleOpen\",\"Lockers\",\"MagicWand\",\"Magnet\",\"MagnetStraight\",\"MagnifyingGlass\",\"MagnifyingGlassMinus\",\"MagnifyingGlassPlus\",\"MapPin\",\"MapPinLine\",\"MapTrifold\",\"MarkerCircle\",\"Martini\",\"MaskHappy\",\"MaskSad\",\"MathOperations\",\"Medal\",\"MedalMilitary\",\"MediumLogo\",\"Megaphone\",\"MegaphoneSimple\",\"MessengerLogo\",\"MetaLogo\",\"Metronome\",\"Microphone\",\"MicrophoneSlash\",\"MicrophoneStage\",\"MicrosoftExcelLogo\",\"MicrosoftOutlookLogo\",\"MicrosoftTeamsLogo\",\"MicrosoftWordLogo\",\"Minus\",\"MinusCircle\",\"MinusSquare\",\"Money\",\"Monitor\",\"MonitorPlay\",\"Moon\",\"MoonStars\",\"Moped\",\"MopedFront\",\"Mosque\",\"Motorcycle\",\"Mountains\",\"Mouse\",\"MouseSimple\",\"MusicNote\",\"MusicNoteSimple\",\"MusicNotes\",\"MusicNotesPlus\",\"MusicNotesSimple\",\"NavigationArrow\",\"Needle\",\"Newspaper\",\"NewspaperClipping\",\"Notches\",\"Note\",\"NoteBlank\",\"NotePencil\",\"Notebook\",\"Notepad\",\"Notification\",\"NotionLogo\",\"NumberCircleEight\",\"NumberCircleFive\",\"NumberCircleFour\",\"NumberCircleNine\",\"NumberCircleOne\",\"NumberCircleSeven\",\"NumberCircleSix\",\"NumberCircleThree\",\"NumberCircleTwo\",\"NumberCircleZero\",\"NumberEight\",\"NumberFive\",\"NumberFour\",\"NumberNine\",\"NumberOne\",\"NumberSeven\",\"NumberSix\",\"NumberSquareEight\",\"NumberSquareFive\",\"NumberSquareFour\",\"NumberSquareNine\",\"NumberSquareOne\",\"NumberSquareSeven\",\"NumberSquareSix\",\"NumberSquareThree\",\"NumberSquareTwo\",\"NumberSquareZero\",\"NumberThree\",\"NumberTwo\",\"NumberZero\",\"Nut\",\"NyTimesLogo\",\"Octagon\",\"OfficeChair\",\"Option\",\"OrangeSlice\",\"Package\",\"PaintBrush\",\"PaintBrushBroad\",\"PaintBrushHousehold\",\"PaintBucket\",\"PaintRoller\",\"Palette\",\"Pants\",\"PaperPlane\",\"PaperPlaneRight\",\"PaperPlaneTilt\",\"Paperclip\",\"PaperclipHorizontal\",\"Parachute\",\"Paragraph\",\"Parallelogram\",\"Park\",\"Password\",\"Path\",\"PatreonLogo\",\"Pause\",\"PauseCircle\",\"PawPrint\",\"PaypalLogo\",\"Peace\",\"Pen\",\"PenNib\",\"PenNibStraight\",\"Pencil\",\"PencilCircle\",\"PencilLine\",\"PencilSimple\",\"PencilSimpleLine\",\"PencilSimpleSlash\",\"PencilSlash\",\"Pentagram\",\"Pepper\",\"Percent\",\"Person\",\"PersonArmsSpread\",\"PersonSimple\",\"PersonSimpleBike\",\"PersonSimpleRun\",\"PersonSimpleThrow\",\"PersonSimpleWalk\",\"Perspective\",\"Phone\",\"PhoneCall\",\"PhoneDisconnect\",\"PhoneIncoming\",\"PhoneOutgoing\",\"PhonePlus\",\"PhoneSlash\",\"PhoneX\",\"PhosphorLogo\",\"Pi\",\"PianoKeys\",\"PictureInPicture\",\"PiggyBank\",\"Pill\",\"PinterestLogo\",\"Pinwheel\",\"Pizza\",\"Placeholder\",\"Planet\",\"Plant\",\"Play\",\"PlayCircle\",\"PlayPause\",\"Playlist\",\"Plug\",\"PlugCharging\",\"Plugs\",\"PlugsConnected\",\"Plus\",\"PlusCircle\",\"PlusMinus\",\"PlusSquare\",\"PokerChip\",\"PoliceCar\",\"Polygon\",\"Popcorn\",\"PottedPlant\",\"Power\",\"Prescription\",\"Presentation\",\"PresentationChart\",\"Printer\",\"Prohibit\",\"ProhibitInset\",\"ProjectorScreen\",\"ProjectorScreenChart\",\"Pulse\",\"PushPin\",\"PushPinSimple\",\"PushPinSimpleSlash\",\"PushPinSlash\",\"PuzzlePiece\",\"QrCode\",\"Question\",\"Queue\",\"Quotes\",\"Radical\",\"Radio\",\"RadioButton\",\"Radioactive\",\"Rainbow\",\"RainbowCloud\",\"ReadCvLogo\",\"Receipt\",\"ReceiptX\",\"Record\",\"Rectangle\",\"Recycle\",\"RedditLogo\",\"Repeat\",\"RepeatOnce\",\"Rewind\",\"RewindCircle\",\"RoadHorizon\",\"Robot\",\"Rocket\",\"RocketLaunch\",\"Rows\",\"Rss\",\"RssSimple\",\"Rug\",\"Ruler\",\"Scales\",\"Scan\",\"Scissors\",\"Scooter\",\"Screencast\",\"ScribbleLoop\",\"Scroll\",\"Seal\",\"SealCheck\",\"SealQuestion\",\"SealWarning\",\"Selection\",\"SelectionAll\",\"SelectionBackground\",\"SelectionForeground\",\"SelectionInverse\",\"SelectionPlus\",\"SelectionSlash\",\"Shapes\",\"Share\",\"ShareFat\",\"ShareNetwork\",\"Shield\",\"ShieldCheck\",\"ShieldCheckered\",\"ShieldChevron\",\"ShieldPlus\",\"ShieldSlash\",\"ShieldStar\",\"ShieldWarning\",\"ShirtFolded\",\"ShootingStar\",\"ShoppingBag\",\"ShoppingBagOpen\",\"ShoppingCart\",\"ShoppingCartSimple\",\"Shower\",\"Shrimp\",\"Shuffle\",\"ShuffleAngular\",\"ShuffleSimple\",\"Sidebar\",\"SidebarSimple\",\"Sigma\",\"SignIn\",\"SignOut\",\"Signature\",\"Signpost\",\"SimCard\",\"Siren\",\"SketchLogo\",\"SkipBack\",\"SkipBackCircle\",\"SkipForward\",\"SkipForwardCircle\",\"Skull\",\"SlackLogo\",\"Sliders\",\"SlidersHorizontal\",\"Slideshow\",\"Smiley\",\"SmileyAngry\",\"SmileyBlank\",\"SmileyMeh\",\"SmileyNervous\",\"SmileySad\",\"SmileySticker\",\"SmileyWink\",\"SmileyXEyes\",\"SnapchatLogo\",\"Sneaker\",\"SneakerMove\",\"Snowflake\",\"SoccerBall\",\"SortAscending\",\"SortDescending\",\"SoundcloudLogo\",\"Spade\",\"Sparkle\",\"SpeakerHifi\",\"SpeakerHigh\",\"SpeakerLow\",\"SpeakerNone\",\"SpeakerSimpleHigh\",\"SpeakerSimpleLow\",\"SpeakerSimpleNone\",\"SpeakerSimpleSlash\",\"SpeakerSimpleX\",\"SpeakerSlash\",\"SpeakerX\",\"Spinner\",\"SpinnerGap\",\"Spiral\",\"SplitHorizontal\",\"SplitVertical\",\"SpotifyLogo\",\"Square\",\"SquareHalf\",\"SquareHalfBottom\",\"SquareLogo\",\"SquareSplitVertical\",\"SquaresFour\",\"Stack\",\"StackOverflowLogo\",\"StackSimple\",\"Stairs\",\"Stamp\",\"Star\",\"StarAndCrescent\",\"StarFour\",\"StarHalf\",\"StarOfDavid\",\"SteeringWheel\",\"Steps\",\"Stethoscope\",\"Sticker\",\"Stool\",\"Stop\",\"StopCircle\",\"Storefront\",\"Strategy\",\"StripeLogo\",\"Student\",\"Subtitles\",\"Subtract\",\"SubtractSquare\",\"Suitcase\",\"SuitcaseRolling\",\"SuitcaseSimple\",\"Sun\",\"SunDim\",\"SunHorizon\",\"Sunglasses\",\"Swap\",\"Swatches\",\"SwimmingPool\",\"Sword\",\"Synagogue\",\"Syringe\",\"TShirt\",\"Table\",\"Tabs\",\"Tag\",\"TagChevron\",\"TagSimple\",\"Target\",\"Taxi\",\"TelegramLogo\",\"Television\",\"TelevisionSimple\",\"TennisBall\",\"Tent\",\"Terminal\",\"TerminalWindow\",\"TestTube\",\"TextAUnderline\",\"TextAa\",\"TextAlignCenter\",\"TextAlignJustify\",\"TextAlignLeft\",\"TextAlignRight\",\"TextB\",\"TextColumns\",\"TextH\",\"TextHFive\",\"TextHFour\",\"TextHOne\",\"TextHSix\",\"TextHThree\",\"TextHTwo\",\"TextIndent\",\"TextItalic\",\"TextOutdent\",\"TextStrikethrough\",\"TextT\",\"TextUnderline\",\"Textbox\",\"Thermometer\",\"ThermometerCold\",\"ThermometerHot\",\"ThermometerSimple\",\"ThumbsDown\",\"ThumbsUp\",\"Ticket\",\"TidalLogo\",\"TiktokLogo\",\"Timer\",\"Tipi\",\"ToggleLeft\",\"ToggleRight\",\"Toilet\",\"ToiletPaper\",\"Toolbox\",\"Tooth\",\"Tote\",\"ToteSimple\",\"Trademark\",\"TrademarkRegistered\",\"TrafficCone\",\"TrafficSign\",\"TrafficSignal\",\"Train\",\"TrainRegional\",\"TrainSimple\",\"Tram\",\"Translate\",\"Trash\",\"TrashSimple\",\"Tray\",\"Tree\",\"TreeEvergreen\",\"TreePalm\",\"TreeStructure\",\"TrendDown\",\"TrendUp\",\"Triangle\",\"Trophy\",\"Truck\",\"TwitchLogo\",\"TwitterLogo\",\"Umbrella\",\"UmbrellaSimple\",\"Unite\",\"UniteSquare\",\"Upload\",\"UploadSimple\",\"Usb\",\"User\",\"UserCircle\",\"UserCircleGear\",\"UserCircleMinus\",\"UserCirclePlus\",\"UserFocus\",\"UserGear\",\"UserList\",\"UserMinus\",\"UserPlus\",\"UserRectangle\",\"UserSquare\",\"UserSwitch\",\"Users\",\"UsersFour\",\"UsersThree\",\"Van\",\"Vault\",\"Vibrate\",\"Video\",\"VideoCamera\",\"VideoCameraSlash\",\"Vignette\",\"VinylRecord\",\"VirtualReality\",\"Virus\",\"Voicemail\",\"Volleyball\",\"Wall\",\"Wallet\",\"Warehouse\",\"Warning\",\"WarningCircle\",\"WarningDiamond\",\"WarningOctagon\",\"Watch\",\"WaveSawtooth\",\"WaveSine\",\"WaveSquare\",\"WaveTriangle\",\"Waveform\",\"Waves\",\"Webcam\",\"WebcamSlash\",\"WebhooksLogo\",\"WechatLogo\",\"WhatsappLogo\",\"Wheelchair\",\"WheelchairMotion\",\"WifiHigh\",\"WifiLow\",\"WifiMedium\",\"WifiNone\",\"WifiSlash\",\"WifiX\",\"Wind\",\"WindowsLogo\",\"Wine\",\"Wrench\",\"X\",\"XCircle\",\"XSquare\",\"YinYang\",\"YoutubeLogo\",];const moduleBaseUrl=\"https://framer.com/m/phosphor-icons/\";const weightOptions=[\"thin\",\"light\",\"regular\",\"bold\",\"fill\",\"duotone\",];const lowercaseIconKeyPairs=iconKeys.reduce((res,key)=>{res[key.toLowerCase()]=key;return res;},{});/**\n * PHOSPHOR\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n *\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n */ export function Icon(props){const{color,selectByList,iconSearch,iconSelection,onClick,onMouseDown,onMouseUp,onMouseEnter,onMouseLeave,weight,mirrored}=props;const isMounted=useRef(false);const iconKey=useIconSelection(iconKeys,selectByList,iconSearch,iconSelection,lowercaseIconKeyPairs);const[SelectedIcon,setSelectedIcon]=useState(iconKey===\"Home\"?HouseFactory(React):null);async function importModule(){// Get the selected module\ntry{const version=\"0.0.53\";const iconModuleUrl=`${moduleBaseUrl}${iconKey}.js@${version}`;const module=await import(/* webpackIgnore: true */ iconModuleUrl);if(isMounted.current)setSelectedIcon(module.default(React));}catch(err){if(isMounted.current)setSelectedIcon(null);}}useEffect(()=>{isMounted.current=true;importModule();return()=>{isMounted.current=false;};},[iconKey]);const isOnCanvas=RenderTarget.current()===RenderTarget.canvas;const emptyState=isOnCanvas?/*#__PURE__*/ _jsx(NullState,{}):null;return /*#__PURE__*/ _jsx(motion.div,{style:{display:\"contents\"},onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,children:SelectedIcon?/*#__PURE__*/ _jsx(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",viewBox:\"0 0 256 256\",style:{userSelect:\"none\",width:\"100%\",height:\"100%\",display:\"inline-block\",fill:color,color,flexShrink:0,transform:mirrored?\"scale(-1, 1)\":undefined},focusable:\"false\",color:color,children:/*#__PURE__*/ _jsx(SelectedIcon,{color:color,weight:weight})}):emptyState});}Icon.displayName=\"Phosphor\";Icon.defaultProps={width:24,height:24,iconSelection:\"House\",iconSearch:\"House\",color:\"#66F\",selectByList:true,weight:\"regular\",mirrored:false};addPropertyControls(Icon,{selectByList:{type:ControlType.Boolean,title:\"Select\",enabledTitle:\"List\",disabledTitle:\"Search\",defaultValue:Icon.defaultProps.selectByList},iconSelection:{type:ControlType.Enum,options:iconKeys,defaultValue:Icon.defaultProps.iconSelection,title:\"Name\",hidden:({selectByList})=>!selectByList,description:\"Find every icon name on the [Phosphor site](https://phosphoricons.com/)\"},iconSearch:{type:ControlType.String,title:\"Name\",placeholder:\"Menu, Wifi, Box\u2026\",hidden:({selectByList})=>selectByList},color:{type:ControlType.Color,title:\"Color\",defaultValue:Icon.defaultProps.color},weight:{type:ControlType.Enum,title:\"Weight\",optionTitles:weightOptions.map(piece=>piece.charAt(0).toUpperCase()+piece.slice(1)),options:weightOptions,defaultValue:Icon.defaultProps.weight},mirrored:{type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\",defaultValue:Icon.defaultProps.mirrored},...defaultEvents});\nexport const __FramerMetadata__ = {\"exports\":{\"Icon\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"24\",\"framerIntrinsicHeight\":\"24\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\"}},\"IconProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Phosphor.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import*as React from\"react\";import{useState,useEffect,useRef}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{motion}from\"framer-motion\";import{NullState}from\"https://framer.com/m/framer/icon-nullstate.js@0.7.0\";import HouseFactory from\"https://framer.com/m/phosphor-icons/House.js@0.0.53\";import{defaultEvents,useIconSelection}from\"https://framerusercontent.com/modules/Ma20hU0GGRxLxZphbywl/OSpwWF91FHPVFyQJjMHt/utils.js\";const iconKeys=[\"AddressBook\",\"AirTrafficControl\",\"Airplane\",\"AirplaneInFlight\",\"AirplaneLanding\",\"AirplaneTakeoff\",\"AirplaneTilt\",\"Airplay\",\"Alarm\",\"Alien\",\"AlignBottom\",\"AlignBottomSimple\",\"AlignCenterVertical\",\"AlignLeft\",\"AlignLeftSimple\",\"AlignRight\",\"AlignRightSimple\",\"AlignTop\",\"AlignTopSimple\",\"AmazonLogo\",\"Anchor\",\"AnchorSimple\",\"AndroidLogo\",\"AngularLogo\",\"Aperture\",\"AppStoreLogo\",\"AppWindow\",\"AppleLogo\",\"ApplePodcastsLogo\",\"Archive\",\"ArchiveBox\",\"ArchiveTray\",\"Armchair\",\"ArrowArcLeft\",\"ArrowArcRight\",\"ArrowBendDownLeft\",\"ArrowBendDownRight\",\"ArrowBendLeftDown\",\"ArrowBendLeftUp\",\"ArrowBendRightDown\",\"ArrowBendRightUp\",\"ArrowBendUpLeft\",\"ArrowBendUpRight\",\"ArrowCircleDown\",\"ArrowCircleDownLeft\",\"ArrowCircleDownRight\",\"ArrowCircleLeft\",\"ArrowCircleRight\",\"ArrowCircleUp\",\"ArrowCircleUpLeft\",\"ArrowCircleUpRight\",\"ArrowClockwise\",\"ArrowDown\",\"ArrowDownLeft\",\"ArrowDownRight\",\"ArrowElbowDownLeft\",\"ArrowElbowDownRight\",\"ArrowElbowLeft\",\"ArrowElbowLeftDown\",\"ArrowElbowLeftUp\",\"ArrowElbowRight\",\"ArrowElbowRightDown\",\"ArrowElbowRightUp\",\"ArrowElbowUpLeft\",\"ArrowElbowUpRight\",\"ArrowFatDown\",\"ArrowFatLeft\",\"ArrowFatLineDown\",\"ArrowFatLineLeft\",\"ArrowFatLineRight\",\"ArrowFatLineUp\",\"ArrowFatLinesDown\",\"ArrowFatLinesLeft\",\"ArrowFatLinesRight\",\"ArrowFatLinesUp\",\"ArrowFatRight\",\"ArrowFatUp\",\"ArrowLeft\",\"ArrowLineDown\",\"ArrowLineDownLeft\",\"ArrowLineDownRight\",\"ArrowLineLeft\",\"ArrowLineRight\",\"ArrowLineUp\",\"ArrowLineUpLeft\",\"ArrowLineUpRight\",\"ArrowRight\",\"ArrowSquareDown\",\"ArrowSquareDownLeft\",\"ArrowSquareDownRight\",\"ArrowSquareIn\",\"ArrowSquareLeft\",\"ArrowSquareOut\",\"ArrowSquareRight\",\"ArrowSquareUp\",\"ArrowSquareUpLeft\",\"ArrowSquareUpRight\",\"ArrowUDownLeft\",\"ArrowUDownRight\",\"ArrowULeftDown\",\"ArrowULeftUp\",\"ArrowURightDown\",\"ArrowURightUp\",\"ArrowUUpLeft\",\"ArrowUUpRight\",\"ArrowUp\",\"ArrowUpLeft\",\"ArrowUpRight\",\"ArrowsClockwise\",\"ArrowsDownUp\",\"ArrowsHorizontal\",\"ArrowsIn\",\"ArrowsInCardinal\",\"ArrowsInLineVertical\",\"ArrowsInSimple\",\"ArrowsLeftRight\",\"ArrowsMerge\",\"ArrowsOut\",\"ArrowsOutCardinal\",\"ArrowsOutSimple\",\"ArrowsSplit\",\"ArrowsVertical\",\"Article\",\"ArticleMedium\",\"ArticleNyTimes\",\"Asterisk\",\"AsteriskSimple\",\"At\",\"Atom\",\"Baby\",\"Backpack\",\"Backspace\",\"Bag\",\"BagSimple\",\"Balloon\",\"Bandaids\",\"Bank\",\"Barbell\",\"Barcode\",\"Barricade\",\"Baseball\",\"BaseballCap\",\"Basket\",\"Basketball\",\"Bathtub\",\"BatteryCharging\",\"BatteryEmpty\",\"BatteryFull\",\"BatteryHigh\",\"BatteryLow\",\"BatteryMedium\",\"BatteryPlus\",\"BatteryPlusVertical\",\"BatteryVerticalEmpty\",\"BatteryVerticalFull\",\"BatteryVerticalHigh\",\"BatteryVerticalLow\",\"BatteryWarning\",\"Bed\",\"BeerBottle\",\"BeerStein\",\"BehanceLogo\",\"Bell\",\"BellRinging\",\"BellSimple\",\"BellSimpleRinging\",\"BellSimpleSlash\",\"BellSimpleZ\",\"BellSlash\",\"BellZ\",\"BezierCurve\",\"Bicycle\",\"Binoculars\",\"Bird\",\"Bluetooth\",\"BluetoothConnected\",\"BluetoothSlash\",\"BluetoothX\",\"Boat\",\"Bone\",\"Book\",\"BookBookmark\",\"BookOpen\",\"BookOpenText\",\"Bookmark\",\"BookmarkSimple\",\"Bookmarks\",\"BookmarksSimple\",\"Books\",\"Boot\",\"BoundingBox\",\"BowlFood\",\"BracketsAngle\",\"BracketsCurly\",\"BracketsRound\",\"BracketsSquare\",\"Brain\",\"Brandy\",\"Bridge\",\"Briefcase\",\"BriefcaseMetal\",\"Broadcast\",\"Broom\",\"Browser\",\"Browsers\",\"Bug\",\"BugBeetle\",\"BugDroid\",\"Buildings\",\"Bus\",\"Butterfly\",\"Cactus\",\"Cake\",\"Calculator\",\"Calendar\",\"CalendarBlank\",\"CalendarCheck\",\"CalendarPlus\",\"CalendarX\",\"CallBell\",\"Camera\",\"CameraPlus\",\"CameraRotate\",\"CameraSlash\",\"Campfire\",\"Car\",\"CarProfile\",\"CarSimple\",\"Cardholder\",\"Cards\",\"CaretCircleDoubleUp\",\"CaretCircleDown\",\"CaretCircleLeft\",\"CaretCircleRight\",\"CaretCircleUp\",\"CaretCircleUpDown\",\"CaretDoubleDown\",\"CaretDoubleLeft\",\"CaretDoubleRight\",\"CaretDoubleUp\",\"CaretDown\",\"CaretLeft\",\"CaretRight\",\"CaretUp\",\"CaretUpDown\",\"Carrot\",\"CassetteTape\",\"CastleTurret\",\"Cat\",\"CellSignalFull\",\"CellSignalHigh\",\"CellSignalLow\",\"CellSignalMedium\",\"CellSignalNone\",\"CellSignalSlash\",\"CellSignalX\",\"Certificate\",\"Chair\",\"Chalkboard\",\"ChalkboardSimple\",\"ChalkboardTeacher\",\"Champagne\",\"ChargingStation\",\"ChartBar\",\"ChartBarHorizontal\",\"ChartDonut\",\"ChartLine\",\"ChartLineDown\",\"ChartLineUp\",\"ChartPie\",\"ChartPieSlice\",\"ChartPolar\",\"ChartScatter\",\"Chat\",\"ChatCentered\",\"ChatCenteredDots\",\"ChatCenteredText\",\"ChatCircle\",\"ChatCircleDots\",\"ChatCircleText\",\"ChatDots\",\"ChatTeardrop\",\"ChatTeardropDots\",\"ChatTeardropText\",\"ChatText\",\"Chats\",\"ChatsCircle\",\"ChatsTeardrop\",\"Check\",\"CheckCircle\",\"CheckFat\",\"CheckSquare\",\"CheckSquareOffset\",\"Checks\",\"Church\",\"Circle\",\"CircleDashed\",\"CircleHalf\",\"CircleHalfTilt\",\"CircleNotch\",\"CirclesFour\",\"CirclesThree\",\"CirclesThreePlus\",\"Circuitry\",\"Clipboard\",\"ClipboardText\",\"Clock\",\"ClockAfternoon\",\"ClockClockwise\",\"ClockCountdown\",\"ClosedCaptioning\",\"Cloud\",\"CloudArrowDown\",\"CloudArrowUp\",\"CloudCheck\",\"CloudFog\",\"CloudLightning\",\"CloudMoon\",\"CloudRain\",\"CloudSlash\",\"CloudSnow\",\"CloudSun\",\"CloudWarning\",\"CloudX\",\"Club\",\"CoatHanger\",\"CodaLogo\",\"Code\",\"CodeBlock\",\"CodeSimple\",\"CodepenLogo\",\"CodesandboxLogo\",\"Coffee\",\"Coin\",\"CoinVertical\",\"Coins\",\"Columns\",\"Command\",\"Compass\",\"CompassTool\",\"ComputerTower\",\"Confetti\",\"ContactlessPayment\",\"Control\",\"Cookie\",\"CookingPot\",\"Copy\",\"CopySimple\",\"Copyleft\",\"Copyright\",\"CornersIn\",\"CornersOut\",\"Couch\",\"Cpu\",\"CreditCard\",\"Crop\",\"Cross\",\"Crosshair\",\"CrosshairSimple\",\"Crown\",\"CrownSimple\",\"Cube\",\"CubeFocus\",\"CubeTransparent\",\"CurrencyBtc\",\"CurrencyCircleDollar\",\"CurrencyCny\",\"CurrencyDollar\",\"CurrencyDollarSimple\",\"CurrencyEth\",\"CurrencyEur\",\"CurrencyGbp\",\"CurrencyInr\",\"CurrencyJpy\",\"CurrencyKrw\",\"CurrencyKzt\",\"CurrencyNgn\",\"CurrencyRub\",\"Cursor\",\"CursorClick\",\"CursorText\",\"Cylinder\",\"Database\",\"Desktop\",\"DesktopTower\",\"Detective\",\"DevToLogo\",\"DeviceMobile\",\"DeviceMobileCamera\",\"DeviceMobileSpeaker\",\"DeviceTablet\",\"DeviceTabletCamera\",\"DeviceTabletSpeaker\",\"Devices\",\"Diamond\",\"DiamondsFour\",\"DiceFive\",\"DiceFour\",\"DiceOne\",\"DiceSix\",\"DiceThree\",\"DiceTwo\",\"Disc\",\"DiscordLogo\",\"Divide\",\"Dna\",\"Dog\",\"Door\",\"DoorOpen\",\"Dot\",\"DotOutline\",\"DotsNine\",\"DotsSix\",\"DotsSixVertical\",\"DotsThree\",\"DotsThreeCircle\",\"DotsThreeOutline\",\"DotsThreeVertical\",\"Download\",\"DownloadSimple\",\"Dress\",\"DribbbleLogo\",\"Drop\",\"DropHalf\",\"DropHalfBottom\",\"DropboxLogo\",\"Ear\",\"EarSlash\",\"Egg\",\"EggCrack\",\"Eject\",\"EjectSimple\",\"Elevator\",\"Engine\",\"Envelope\",\"EnvelopeOpen\",\"EnvelopeSimple\",\"EnvelopeSimpleOpen\",\"Equalizer\",\"Equals\",\"Eraser\",\"EscalatorDown\",\"EscalatorUp\",\"Exam\",\"Exclude\",\"ExcludeSquare\",\"Export\",\"Eye\",\"EyeClosed\",\"EyeSlash\",\"Eyedropper\",\"EyedropperSample\",\"Eyeglasses\",\"FaceMask\",\"FacebookLogo\",\"Factory\",\"Faders\",\"FadersHorizontal\",\"Fan\",\"FastForward\",\"FastForwardCircle\",\"Feather\",\"FigmaLogo\",\"File\",\"FileArchive\",\"FileArrowDown\",\"FileArrowUp\",\"FileAudio\",\"FileCloud\",\"FileCode\",\"FileCss\",\"FileCsv\",\"FileDashed\",\"FileDoc\",\"FileHtml\",\"FileImage\",\"FileJpg\",\"FileJs\",\"FileJsx\",\"FileLock\",\"FileMagnifyingGlass\",\"FileMinus\",\"FilePdf\",\"FilePlus\",\"FilePng\",\"FilePpt\",\"FileRs\",\"FileSql\",\"FileSvg\",\"FileText\",\"FileTs\",\"FileTsx\",\"FileVideo\",\"FileVue\",\"FileX\",\"FileXls\",\"FileZip\",\"Files\",\"FilmReel\",\"FilmScript\",\"FilmSlate\",\"FilmStrip\",\"Fingerprint\",\"FingerprintSimple\",\"FinnTheHuman\",\"Fire\",\"FireExtinguisher\",\"FireSimple\",\"FirstAid\",\"FirstAidKit\",\"Fish\",\"FishSimple\",\"Flag\",\"FlagBanner\",\"FlagCheckered\",\"FlagPennant\",\"Flame\",\"Flashlight\",\"Flask\",\"FloppyDisk\",\"FloppyDiskBack\",\"FlowArrow\",\"Flower\",\"FlowerLotus\",\"FlowerTulip\",\"FlyingSaucer\",\"Folder\",\"FolderDashed\",\"FolderLock\",\"FolderMinus\",\"FolderNotch\",\"FolderNotchMinus\",\"FolderNotchOpen\",\"FolderNotchPlus\",\"FolderOpen\",\"FolderPlus\",\"FolderSimple\",\"FolderSimpleDashed\",\"FolderSimpleLock\",\"FolderSimpleMinus\",\"FolderSimplePlus\",\"FolderSimpleStar\",\"FolderSimpleUser\",\"FolderStar\",\"FolderUser\",\"Folders\",\"Football\",\"Footprints\",\"ForkKnife\",\"FrameCorners\",\"FramerLogo\",\"Function\",\"Funnel\",\"FunnelSimple\",\"GameController\",\"Garage\",\"GasCan\",\"GasPump\",\"Gauge\",\"Gavel\",\"Gear\",\"GearFine\",\"GearSix\",\"GenderFemale\",\"GenderIntersex\",\"GenderMale\",\"GenderNeuter\",\"GenderNonbinary\",\"GenderTransgender\",\"Ghost\",\"Gif\",\"Gift\",\"GitBranch\",\"GitCommit\",\"GitDiff\",\"GitFork\",\"GitMerge\",\"GitPullRequest\",\"GithubLogo\",\"GitlabLogo\",\"GitlabLogoSimple\",\"Globe\",\"GlobeHemisphereEast\",\"GlobeHemisphereWest\",\"GlobeSimple\",\"GlobeStand\",\"Goggles\",\"GoodreadsLogo\",\"GoogleCardboardLogo\",\"GoogleChromeLogo\",\"GoogleDriveLogo\",\"GoogleLogo\",\"GooglePhotosLogo\",\"GooglePlayLogo\",\"GooglePodcastsLogo\",\"Gradient\",\"GraduationCap\",\"Grains\",\"GrainsSlash\",\"Graph\",\"GridFour\",\"GridNine\",\"Guitar\",\"Hamburger\",\"Hammer\",\"Hand\",\"HandCoins\",\"HandEye\",\"HandFist\",\"HandGrabbing\",\"HandHeart\",\"HandPalm\",\"HandPointing\",\"HandSoap\",\"HandSwipeLeft\",\"HandSwipeRight\",\"HandTap\",\"HandWaving\",\"Handbag\",\"HandbagSimple\",\"HandsClapping\",\"HandsPraying\",\"Handshake\",\"HardDrive\",\"HardDrives\",\"Hash\",\"HashStraight\",\"Headlights\",\"Headphones\",\"Headset\",\"Heart\",\"HeartBreak\",\"HeartHalf\",\"HeartStraight\",\"HeartStraightBreak\",\"Heartbeat\",\"Hexagon\",\"HighHeel\",\"HighlighterCircle\",\"Hoodie\",\"Horse\",\"Hourglass\",\"HourglassHigh\",\"HourglassLow\",\"HourglassMedium\",\"HourglassSimple\",\"HourglassSimpleHigh\",\"HourglassSimpleLow\",\"House\",\"HouseLine\",\"HouseSimple\",\"IceCream\",\"IdentificationBadge\",\"IdentificationCard\",\"Image\",\"ImageSquare\",\"Images\",\"ImagesSquare\",\"Infinity\",\"Info\",\"InstagramLogo\",\"Intersect\",\"IntersectSquare\",\"IntersectThree\",\"Jeep\",\"Kanban\",\"Key\",\"KeyReturn\",\"Keyboard\",\"Keyhole\",\"Knife\",\"Ladder\",\"LadderSimple\",\"Lamp\",\"Laptop\",\"Layout\",\"Leaf\",\"Lifebuoy\",\"Lightbulb\",\"LightbulbFilament\",\"Lighthouse\",\"Lightning\",\"LightningA\",\"LightningSlash\",\"LineSegment\",\"LineSegments\",\"Link\",\"LinkBreak\",\"LinkSimple\",\"LinkSimpleBreak\",\"LinkSimpleHorizontal\",\"LinkedinLogo\",\"LinuxLogo\",\"List\",\"ListBullets\",\"ListChecks\",\"ListDashes\",\"ListMagnifyingGlass\",\"ListNumbers\",\"ListPlus\",\"Lock\",\"LockKey\",\"LockKeyOpen\",\"LockLaminated\",\"LockLaminatedOpen\",\"LockOpen\",\"LockSimple\",\"LockSimpleOpen\",\"Lockers\",\"MagicWand\",\"Magnet\",\"MagnetStraight\",\"MagnifyingGlass\",\"MagnifyingGlassMinus\",\"MagnifyingGlassPlus\",\"MapPin\",\"MapPinLine\",\"MapTrifold\",\"MarkerCircle\",\"Martini\",\"MaskHappy\",\"MaskSad\",\"MathOperations\",\"Medal\",\"MedalMilitary\",\"MediumLogo\",\"Megaphone\",\"MegaphoneSimple\",\"MessengerLogo\",\"MetaLogo\",\"Metronome\",\"Microphone\",\"MicrophoneSlash\",\"MicrophoneStage\",\"MicrosoftExcelLogo\",\"MicrosoftOutlookLogo\",\"MicrosoftTeamsLogo\",\"MicrosoftWordLogo\",\"Minus\",\"MinusCircle\",\"MinusSquare\",\"Money\",\"Monitor\",\"MonitorPlay\",\"Moon\",\"MoonStars\",\"Moped\",\"MopedFront\",\"Mosque\",\"Motorcycle\",\"Mountains\",\"Mouse\",\"MouseSimple\",\"MusicNote\",\"MusicNoteSimple\",\"MusicNotes\",\"MusicNotesPlus\",\"MusicNotesSimple\",\"NavigationArrow\",\"Needle\",\"Newspaper\",\"NewspaperClipping\",\"Notches\",\"Note\",\"NoteBlank\",\"NotePencil\",\"Notebook\",\"Notepad\",\"Notification\",\"NotionLogo\",\"NumberCircleEight\",\"NumberCircleFive\",\"NumberCircleFour\",\"NumberCircleNine\",\"NumberCircleOne\",\"NumberCircleSeven\",\"NumberCircleSix\",\"NumberCircleThree\",\"NumberCircleTwo\",\"NumberCircleZero\",\"NumberEight\",\"NumberFive\",\"NumberFour\",\"NumberNine\",\"NumberOne\",\"NumberSeven\",\"NumberSix\",\"NumberSquareEight\",\"NumberSquareFive\",\"NumberSquareFour\",\"NumberSquareNine\",\"NumberSquareOne\",\"NumberSquareSeven\",\"NumberSquareSix\",\"NumberSquareThree\",\"NumberSquareTwo\",\"NumberSquareZero\",\"NumberThree\",\"NumberTwo\",\"NumberZero\",\"Nut\",\"NyTimesLogo\",\"Octagon\",\"OfficeChair\",\"Option\",\"OrangeSlice\",\"Package\",\"PaintBrush\",\"PaintBrushBroad\",\"PaintBrushHousehold\",\"PaintBucket\",\"PaintRoller\",\"Palette\",\"Pants\",\"PaperPlane\",\"PaperPlaneRight\",\"PaperPlaneTilt\",\"Paperclip\",\"PaperclipHorizontal\",\"Parachute\",\"Paragraph\",\"Parallelogram\",\"Park\",\"Password\",\"Path\",\"PatreonLogo\",\"Pause\",\"PauseCircle\",\"PawPrint\",\"PaypalLogo\",\"Peace\",\"Pen\",\"PenNib\",\"PenNibStraight\",\"Pencil\",\"PencilCircle\",\"PencilLine\",\"PencilSimple\",\"PencilSimpleLine\",\"PencilSimpleSlash\",\"PencilSlash\",\"Pentagram\",\"Pepper\",\"Percent\",\"Person\",\"PersonArmsSpread\",\"PersonSimple\",\"PersonSimpleBike\",\"PersonSimpleRun\",\"PersonSimpleThrow\",\"PersonSimpleWalk\",\"Perspective\",\"Phone\",\"PhoneCall\",\"PhoneDisconnect\",\"PhoneIncoming\",\"PhoneOutgoing\",\"PhonePlus\",\"PhoneSlash\",\"PhoneX\",\"PhosphorLogo\",\"Pi\",\"PianoKeys\",\"PictureInPicture\",\"PiggyBank\",\"Pill\",\"PinterestLogo\",\"Pinwheel\",\"Pizza\",\"Placeholder\",\"Planet\",\"Plant\",\"Play\",\"PlayCircle\",\"PlayPause\",\"Playlist\",\"Plug\",\"PlugCharging\",\"Plugs\",\"PlugsConnected\",\"Plus\",\"PlusCircle\",\"PlusMinus\",\"PlusSquare\",\"PokerChip\",\"PoliceCar\",\"Polygon\",\"Popcorn\",\"PottedPlant\",\"Power\",\"Prescription\",\"Presentation\",\"PresentationChart\",\"Printer\",\"Prohibit\",\"ProhibitInset\",\"ProjectorScreen\",\"ProjectorScreenChart\",\"Pulse\",\"PushPin\",\"PushPinSimple\",\"PushPinSimpleSlash\",\"PushPinSlash\",\"PuzzlePiece\",\"QrCode\",\"Question\",\"Queue\",\"Quotes\",\"Radical\",\"Radio\",\"RadioButton\",\"Radioactive\",\"Rainbow\",\"RainbowCloud\",\"ReadCvLogo\",\"Receipt\",\"ReceiptX\",\"Record\",\"Rectangle\",\"Recycle\",\"RedditLogo\",\"Repeat\",\"RepeatOnce\",\"Rewind\",\"RewindCircle\",\"RoadHorizon\",\"Robot\",\"Rocket\",\"RocketLaunch\",\"Rows\",\"Rss\",\"RssSimple\",\"Rug\",\"Ruler\",\"Scales\",\"Scan\",\"Scissors\",\"Scooter\",\"Screencast\",\"ScribbleLoop\",\"Scroll\",\"Seal\",\"SealCheck\",\"SealQuestion\",\"SealWarning\",\"Selection\",\"SelectionAll\",\"SelectionBackground\",\"SelectionForeground\",\"SelectionInverse\",\"SelectionPlus\",\"SelectionSlash\",\"Shapes\",\"Share\",\"ShareFat\",\"ShareNetwork\",\"Shield\",\"ShieldCheck\",\"ShieldCheckered\",\"ShieldChevron\",\"ShieldPlus\",\"ShieldSlash\",\"ShieldStar\",\"ShieldWarning\",\"ShirtFolded\",\"ShootingStar\",\"ShoppingBag\",\"ShoppingBagOpen\",\"ShoppingCart\",\"ShoppingCartSimple\",\"Shower\",\"Shrimp\",\"Shuffle\",\"ShuffleAngular\",\"ShuffleSimple\",\"Sidebar\",\"SidebarSimple\",\"Sigma\",\"SignIn\",\"SignOut\",\"Signature\",\"Signpost\",\"SimCard\",\"Siren\",\"SketchLogo\",\"SkipBack\",\"SkipBackCircle\",\"SkipForward\",\"SkipForwardCircle\",\"Skull\",\"SlackLogo\",\"Sliders\",\"SlidersHorizontal\",\"Slideshow\",\"Smiley\",\"SmileyAngry\",\"SmileyBlank\",\"SmileyMeh\",\"SmileyNervous\",\"SmileySad\",\"SmileySticker\",\"SmileyWink\",\"SmileyXEyes\",\"SnapchatLogo\",\"Sneaker\",\"SneakerMove\",\"Snowflake\",\"SoccerBall\",\"SortAscending\",\"SortDescending\",\"SoundcloudLogo\",\"Spade\",\"Sparkle\",\"SpeakerHifi\",\"SpeakerHigh\",\"SpeakerLow\",\"SpeakerNone\",\"SpeakerSimpleHigh\",\"SpeakerSimpleLow\",\"SpeakerSimpleNone\",\"SpeakerSimpleSlash\",\"SpeakerSimpleX\",\"SpeakerSlash\",\"SpeakerX\",\"Spinner\",\"SpinnerGap\",\"Spiral\",\"SplitHorizontal\",\"SplitVertical\",\"SpotifyLogo\",\"Square\",\"SquareHalf\",\"SquareHalfBottom\",\"SquareLogo\",\"SquareSplitVertical\",\"SquaresFour\",\"Stack\",\"StackOverflowLogo\",\"StackSimple\",\"Stairs\",\"Stamp\",\"Star\",\"StarAndCrescent\",\"StarFour\",\"StarHalf\",\"StarOfDavid\",\"SteeringWheel\",\"Steps\",\"Stethoscope\",\"Sticker\",\"Stool\",\"Stop\",\"StopCircle\",\"Storefront\",\"Strategy\",\"StripeLogo\",\"Student\",\"Subtitles\",\"Subtract\",\"SubtractSquare\",\"Suitcase\",\"SuitcaseRolling\",\"SuitcaseSimple\",\"Sun\",\"SunDim\",\"SunHorizon\",\"Sunglasses\",\"Swap\",\"Swatches\",\"SwimmingPool\",\"Sword\",\"Synagogue\",\"Syringe\",\"TShirt\",\"Table\",\"Tabs\",\"Tag\",\"TagChevron\",\"TagSimple\",\"Target\",\"Taxi\",\"TelegramLogo\",\"Television\",\"TelevisionSimple\",\"TennisBall\",\"Tent\",\"Terminal\",\"TerminalWindow\",\"TestTube\",\"TextAUnderline\",\"TextAa\",\"TextAlignCenter\",\"TextAlignJustify\",\"TextAlignLeft\",\"TextAlignRight\",\"TextB\",\"TextColumns\",\"TextH\",\"TextHFive\",\"TextHFour\",\"TextHOne\",\"TextHSix\",\"TextHThree\",\"TextHTwo\",\"TextIndent\",\"TextItalic\",\"TextOutdent\",\"TextStrikethrough\",\"TextT\",\"TextUnderline\",\"Textbox\",\"Thermometer\",\"ThermometerCold\",\"ThermometerHot\",\"ThermometerSimple\",\"ThumbsDown\",\"ThumbsUp\",\"Ticket\",\"TidalLogo\",\"TiktokLogo\",\"Timer\",\"Tipi\",\"ToggleLeft\",\"ToggleRight\",\"Toilet\",\"ToiletPaper\",\"Toolbox\",\"Tooth\",\"Tote\",\"ToteSimple\",\"Trademark\",\"TrademarkRegistered\",\"TrafficCone\",\"TrafficSign\",\"TrafficSignal\",\"Train\",\"TrainRegional\",\"TrainSimple\",\"Tram\",\"Translate\",\"Trash\",\"TrashSimple\",\"Tray\",\"Tree\",\"TreeEvergreen\",\"TreePalm\",\"TreeStructure\",\"TrendDown\",\"TrendUp\",\"Triangle\",\"Trophy\",\"Truck\",\"TwitchLogo\",\"TwitterLogo\",\"Umbrella\",\"UmbrellaSimple\",\"Unite\",\"UniteSquare\",\"Upload\",\"UploadSimple\",\"Usb\",\"User\",\"UserCircle\",\"UserCircleGear\",\"UserCircleMinus\",\"UserCirclePlus\",\"UserFocus\",\"UserGear\",\"UserList\",\"UserMinus\",\"UserPlus\",\"UserRectangle\",\"UserSquare\",\"UserSwitch\",\"Users\",\"UsersFour\",\"UsersThree\",\"Van\",\"Vault\",\"Vibrate\",\"Video\",\"VideoCamera\",\"VideoCameraSlash\",\"Vignette\",\"VinylRecord\",\"VirtualReality\",\"Virus\",\"Voicemail\",\"Volleyball\",\"Wall\",\"Wallet\",\"Warehouse\",\"Warning\",\"WarningCircle\",\"WarningDiamond\",\"WarningOctagon\",\"Watch\",\"WaveSawtooth\",\"WaveSine\",\"WaveSquare\",\"WaveTriangle\",\"Waveform\",\"Waves\",\"Webcam\",\"WebcamSlash\",\"WebhooksLogo\",\"WechatLogo\",\"WhatsappLogo\",\"Wheelchair\",\"WheelchairMotion\",\"WifiHigh\",\"WifiLow\",\"WifiMedium\",\"WifiNone\",\"WifiSlash\",\"WifiX\",\"Wind\",\"WindowsLogo\",\"Wine\",\"Wrench\",\"X\",\"XCircle\",\"XSquare\",\"YinYang\",\"YoutubeLogo\",];const moduleBaseUrl=\"https://framer.com/m/phosphor-icons/\";const weightOptions=[\"thin\",\"light\",\"regular\",\"bold\",\"fill\",\"duotone\",];const lowercaseIconKeyPairs=iconKeys.reduce((res,key)=>{res[key.toLowerCase()]=key;return res;},{});/**\n * PHOSPHOR\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n *\n * @framerIntrinsicWidth 24\n * @framerIntrinsicHeight 24\n */ export function Icon(props){const{color,selectByList,iconSearch,iconSelection,onClick,onMouseDown,onMouseUp,onMouseEnter,onMouseLeave,weight,mirrored}=props;const isMounted=useRef(false);const iconKey=useIconSelection(iconKeys,selectByList,iconSearch,iconSelection,lowercaseIconKeyPairs);const[SelectedIcon,setSelectedIcon]=useState(iconKey===\"Home\"?HouseFactory(React):null);async function importModule(){// Get the selected module\ntry{const version=\"0.0.53\";const iconModuleUrl=`${moduleBaseUrl}${iconKey}.js@${version}`;const module=await import(/* webpackIgnore: true */ iconModuleUrl);if(isMounted.current)setSelectedIcon(module.default(React));}catch(err){if(isMounted.current)setSelectedIcon(null);}}useEffect(()=>{isMounted.current=true;importModule();return()=>{isMounted.current=false;};},[iconKey]);const isOnCanvas=RenderTarget.current()===RenderTarget.canvas;const emptyState=isOnCanvas?/*#__PURE__*/ _jsx(NullState,{}):null;return /*#__PURE__*/ _jsx(motion.div,{style:{display:\"contents\"},onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,children:SelectedIcon?/*#__PURE__*/ _jsx(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",viewBox:\"0 0 256 256\",style:{userSelect:\"none\",width:\"100%\",height:\"100%\",display:\"inline-block\",fill:color,color,flexShrink:0,transform:mirrored?\"scale(-1, 1)\":undefined},focusable:\"false\",color:color,children:/*#__PURE__*/ _jsx(SelectedIcon,{color:color,weight:weight})}):emptyState});}Icon.displayName=\"Phosphor\";Icon.defaultProps={width:24,height:24,iconSelection:\"House\",iconSearch:\"House\",color:\"#66F\",selectByList:true,weight:\"regular\",mirrored:false};addPropertyControls(Icon,{selectByList:{type:ControlType.Boolean,title:\"Select\",enabledTitle:\"List\",disabledTitle:\"Search\",defaultValue:Icon.defaultProps.selectByList},iconSelection:{type:ControlType.Enum,options:iconKeys,defaultValue:Icon.defaultProps.iconSelection,title:\"Name\",hidden:({selectByList})=>!selectByList,description:\"Find every icon name on the [Phosphor site](https://phosphoricons.com/)\"},iconSearch:{type:ControlType.String,title:\"Name\",placeholder:\"Menu, Wifi, Box\u2026\",hidden:({selectByList})=>selectByList},color:{type:ControlType.Color,title:\"Color\",defaultValue:Icon.defaultProps.color},weight:{type:ControlType.Enum,title:\"Weight\",optionTitles:weightOptions.map(piece=>piece.charAt(0).toUpperCase()+piece.slice(1)),options:weightOptions,defaultValue:Icon.defaultProps.weight},mirrored:{type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\",defaultValue:Icon.defaultProps.mirrored},...defaultEvents});\nexport const __FramerMetadata__ = {\"exports\":{\"Icon\":{\"type\":\"reactComponent\",\"name\":\"Icon\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicHeight\":\"24\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicWidth\":\"24\"}},\"IconProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Phosphor.map", "import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget,withCSS}from\"framer\";import{motion}from\"framer-motion\";import{containerStyles,usePadding,useRadius,paddingControl,borderRadiusControl,fontControls,useFontControls}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";import{useCallback,useMemo,useState}from\"react\";const emailRegex=/^(([^<>()[\\]\\\\.,;:\\s@\"]+(\\.[^<>()[\\]\\\\.,;:\\s@\"]+)*)|(\".+\"))@((\\[[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\.[0-9]{1,3}\\])|(([a-zA-Z\\-0-9]+\\.)+[a-zA-Z]{2,}))$/;const validateEmail=email=>{return emailRegex.test(String(email).toLowerCase());};/**\n * FORMSPARK\n *\n * @framerIntrinsicWidth 550\n * @framerIntrinsicHeight 290\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ const FormSpark=withCSS(function FormSpark({formId,withName,nameField:name,withEmail,email,withMessage,message,layout,inputs,button,style,gap,onSubmit,...props}){const[nameValue,setName]=useState(name===null||name===void 0?void 0:name.value);const[emailValue,setEmail]=useState(email===null||email===void 0?void 0:email.value);const[messageValue,setMessage]=useState(message===null||message===void 0?void 0:message.value);const[isNameError,setNameError]=useState(false);const[isEmailError,setEmailError]=useState(false);const[isMessageError,setMessageError]=useState(false);const[isLoading,setLoading]=useState(false);const[isSuccess,setSuccess]=useState(false);const isCanvas=useMemo(()=>{return RenderTarget.current()===RenderTarget.canvas;},[]);const gridTemplateRows=useMemo(()=>{const rows=[];if(withName||withMessage){rows.push(\"max-content\");}if(withMessage){rows.push(\"1fr\");}return[...rows,\"max-content\"].join(\" \");},[withName,withEmail,withMessage]);const gridTemplateColumns=useMemo(()=>{const cols=[];if((withName&&!withEmail||withEmail&&!withName)&&!withMessage&&layout===\"horizontal\"){return\"1fr max-content\";}return\"1fr\";},[withName,withEmail,withMessage,layout]);const{fontFamily,fontSize,fontWeight}=useFontControls(props);const borderRadius=useRadius(props);const paddingValue=usePadding(props);const validateForm=useCallback(()=>{let error=false;setNameError(false);setEmailError(false);setMessageError(false);if(withName&&!nameValue){setNameError(true);error=true;}if(withEmail&&(!emailValue||!validateEmail(emailValue))){setEmailError(true);error=true;}if(withMessage&&!messageValue){setMessageError(true);error=true;}return error;},[validateEmail,withName,withEmail,withMessage,nameValue,emailValue,messageValue,]);const handleSubmit=useCallback(event=>{setLoading(true);event.preventDefault();if(validateForm()){setLoading(false);}else{const data=new FormData(event.target);const entries=Object.fromEntries(data.entries());fetch(`https://api.formspark.io/${formId}`,{method:\"POST\",headers:{\"Content-Type\":\"application/json\",Accept:\"application/json\"},body:JSON.stringify(entries)}).then(()=>{setSuccess(true);onSubmit();}).catch(()=>setLoading(false));}},[formId,onSubmit,validateForm]);const handleNameChange=useCallback(event=>{setNameError(false);setName(event.target.value);},[]);const handleEmailChange=useCallback(event=>{setEmailError(false);setEmail(event.target.value);},[]);const handleMessageChange=useCallback(event=>{setMessageError(false);setMessage(event.target.value);},[]);return /*#__PURE__*/ _jsx(motion.div,{style:{...style,...containerStyles,flexDirection:\"column\",\"--framer-formspark-placeholder-color\":inputs.placeholderColor},children:isSuccess?/*#__PURE__*/ _jsx(motion.div,{style:{height:\"60px\",width:\"60px\",background:button.fill,color:button.color,borderRadius:\"50%\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\"},initial:{scale:0},animate:{scale:1},transition:{duration:.3},children:/*#__PURE__*/ _jsx(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",width:\"28\",height:\"28\",children:/*#__PURE__*/ _jsx(\"path\",{d:\"M 2 14 L 10 22 L 26 6\",fill:\"transparent\",strokeWidth:\"4\",stroke:\"currentColor\",strokeLinecap:\"round\"})})}):/*#__PURE__*/ _jsxs(\"form\",{style:{display:\"grid\",gridTemplateRows,gridTemplateColumns,gap,width:\"100%\",height:\"100%\"},onSubmit:handleSubmit,method:\"POST\",children:[(withName||withEmail)&&/*#__PURE__*/ _jsxs(\"div\",{style:{width:\"100%\",display:\"grid\",gridAutoFlow:layout===\"horizontal\"?\"column\":\"row\",gap},children:[withName&&/*#__PURE__*/ _jsx(\"input\",{className:\"framer-formspark-input\",type:\"text\",name:\"name\",placeholder:name.placeholder,value:isCanvas?name.value:nameValue,onChange:handleNameChange,style:{...defaultStyle,padding:paddingValue,borderRadius,fontFamily,fontWeight,fontSize,background:inputs.fill,color:inputs.color,boxShadow:`inset 0 0 0 1px ${isNameError?inputs.error:\"transparent\"}`}}),withEmail&&/*#__PURE__*/ _jsx(\"input\",{className:\"framer-formspark-input\",type:\"email\",name:\"email\",placeholder:email.placeholder,value:isCanvas?email.value:emailValue,onChange:handleEmailChange,style:{...defaultStyle,padding:paddingValue,borderRadius,fontFamily,fontWeight,fontSize,background:inputs.fill,color:inputs.color,boxShadow:`inset 0 0 0 1px ${isEmailError?inputs.error:\"transparent\"}`}})]}),withMessage&&/*#__PURE__*/ _jsx(\"textarea\",{className:\"framer-formspark-input\",placeholder:message.placeholder,name:\"message\",value:isCanvas?message.value:messageValue,onChange:handleMessageChange,style:{...defaultStyle,minHeight:0,padding:paddingValue,resize:\"vertical\",borderRadius,background:inputs.fill,fontFamily,fontWeight,fontSize,color:inputs.color,boxShadow:`inset 0 0 0 1px ${isMessageError?inputs.error:\"transparent\"}`}}),/*#__PURE__*/ _jsxs(\"div\",{children:[/*#__PURE__*/ _jsx(motion.input,{type:\"submit\",value:button.label,style:{...defaultStyle,borderRadius,padding:paddingValue,fontFamily,fontWeight:button.fontWeight,fontSize,background:button.fill,cursor:\"pointer\",color:button.color,zIndex:1},transition:{type:\"ease\",duration:.3},whileHover:{opacity:.8}}),isLoading&&/*#__PURE__*/ _jsx(\"div\",{style:{borderRadius,position:\"absolute\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",width:\"100%\",height:\"100%\",left:0,top:0,zIndex:2,color:button.color,background:button.fill},children:/*#__PURE__*/ _jsx(motion.div,{style:{height:16,width:16},initial:{rotate:0},animate:{rotate:360},transition:{duration:2,repeat:Infinity},children:/*#__PURE__*/ _jsxs(\"svg\",{xmlns:\"http://www.w3.org/2000/svg\",width:\"16\",height:\"16\",children:[/*#__PURE__*/ _jsx(\"path\",{d:\"M 8 0 C 3.582 0 0 3.582 0 8 C 0 12.419 3.582 16 8 16 C 12.418 16 16 12.419 16 8 C 15.999 3.582 12.418 0 8 0 Z M 8 14 C 4.687 14 2 11.314 2 8 C 2 4.687 4.687 2 8 2 C 11.314 2 14 4.687 14 8 C 14 11.314 11.314 14 8 14 Z\",fill:\"currentColor\",opacity:\"0.2\"}),/*#__PURE__*/ _jsx(\"path\",{d:\"M 8 0 C 12.418 0 15.999 3.582 16 8 C 16 8 16 9 15 9 C 14 9 14 8 14 8 C 14 4.687 11.314 2 8 2 C 4.687 2 2 4.687 2 8 C 2 8 2 9 1 9 C 0 9 0 8 0 8 C 0 3.582 3.582 0 8 0 Z\",fill:\"currentColor\"})]})})})]})]})});},[\".framer-formspark-input::placeholder { color: var(--framer-formspark-placeholder-color) !important; }\",]);FormSpark.defaultProps={fontSize:16,fontFamily:\"Inter\",fontWeight:400,padding:15,paddingTop:15,paddingBottom:15,paddingLeft:15,paddingRight:15,borderRadius:8,topLeftRadius:8,topRightRadius:8,bottomRightRadius:8,bottomLeftRadius:8,gap:15,nameField:{value:undefined,placeholder:\"Name\"},email:{value:undefined,placeholder:\"Email\"},message:{value:undefined,placeholder:\"Message\"},inputs:{fill:\"#EBEBEB\",color:\"#000\",placeholderColor:\"rgba(0, 0, 0, 0.5)\",error:\"#EE4444\"},layout:{fill:\"#EBEBEB\",color:\"#000\",placeholderColor:\"rgba(0, 0, 0, 0.5)\",error:\"#EE4444\"},button:{label:\"Sign Up\",fontWeight:600,fill:\"#000\",color:\"#FFF\"}};addPropertyControls(FormSpark,{formId:{title:\"ID\",placeholder:\"7PbPpGN3\",type:ControlType.String,description:\"Create a [FormSpark](https://formspark.io/) account, add a new form and copy its ID. [Learn more\u2026](https://www.framer.com/sites/integrations/formspark/)\"},withName:{title:\"Name\",type:ControlType.Boolean,enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:true},nameField:{title:\" \",type:ControlType.Object,controls:{placeholder:{title:\"Placeholder\",type:ControlType.String,defaultValue:\"Name\"},value:{title:\"Value\",type:ControlType.String,defaultValue:\"\"}},hidden:props=>!props.withName},withEmail:{title:\"Email\",type:ControlType.Boolean,enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:true},email:{title:\" \",type:ControlType.Object,controls:{placeholder:{title:\"Placeholder\",type:ControlType.String,defaultValue:\"Email\"},value:{title:\"Value\",type:ControlType.String}},hidden:props=>!props.withEmail},withMessage:{title:\"Message\",type:ControlType.Boolean,enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:true},message:{title:\" \",type:ControlType.Object,controls:{placeholder:{title:\"Placeholder\",type:ControlType.String,defaultValue:\"Message\"},value:{title:\"Value\",type:ControlType.String}},hidden:props=>!props.withMessage},layout:{title:\"Layout\",type:ControlType.Enum,options:[\"horizontal\",\"vertical\"],displaySegmentedControl:true,defaultValue:\"horizontal\"},inputs:{title:\"Inputs\",type:ControlType.Object,controls:{fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#EBEBEB\"},color:{title:\"Text\",type:ControlType.Color,defaultValue:\"#000\"},placeholderColor:{title:\"Placeholder\",type:ControlType.Color,defaultValue:\"rgba(0, 0, 0, 0.5)\"},error:{title:\"Error\",type:ControlType.Color,defaultValue:\"#EE4444\"}}},button:{title:\"Button\",type:ControlType.Object,controls:{label:{title:\"Label\",type:ControlType.String,defaultValue:\"Sign Up\"},fontWeight:{...fontControls.fontWeight,defaultValue:600},fill:{title:\"Fill\",type:ControlType.Color,defaultValue:\"#000\"},color:{title:\"Text\",type:ControlType.Color,defaultValue:\"#FFF\"}}},...fontControls,fontSize:{title:\"Font Size\",type:ControlType.Number,displayStepper:true,defaultValue:16},...paddingControl,...borderRadiusControl,gap:{title:\"Gap\",type:ControlType.Number,displayStepper:true,min:0},onSubmit:{type:ControlType.EventHandler}});const defaultStyle={WebkitAppearance:\"none\",display:\"inline-block\",width:\"100%\",lineHeight:\"1.4em\",outline:\"none\",border:\"none\"};export default FormSpark;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FormSpark\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"290\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"550\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./FormSpark.map", "const clamp=(t,s)=>e=>Math.max(Math.min(e,s),t);const sanitize=t=>t%1?Number(t.toFixed(5)):t;const t=/(-)?([\\d]*\\.?[\\d])+/g;const s=/(#[0-9a-f]{6}|#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\\((-?[\\d\\.]+%?[,\\s]+){2,3}\\s*\\/*\\s*[\\d\\.]+%?\\))/gi;const e=/^(#[0-9a-f]{3}|#(?:[0-9a-f]{2}){2,4}|(rgb|hsl)a?\\((-?[\\d\\.]+%?[,\\s]+){2,3}\\s*\\/*\\s*[\\d\\.]+%?\\))$/i;function isString(t){return\"string\"===typeof t}const r={test:t=>\"number\"===typeof t,parse:parseFloat,transform:t=>t};const n=Object.assign(Object.assign({},r),{transform:clamp(0,1)});const a=Object.assign(Object.assign({},r),{default:1});const createUnitType=t=>({test:s=>isString(s)&&s.endsWith(t)&&1===s.split(\" \").length,parse:parseFloat,transform:s=>`${s}${t}`});const o=createUnitType(\"deg\");const c=createUnitType(\"%\");const l=createUnitType(\"px\");const i=createUnitType(\"vh\");const p=createUnitType(\"vw\");const u=Object.assign(Object.assign({},c),{parse:t=>c.parse(t)/100,transform:t=>c.transform(100*t)});const isColorString=(t,s)=>r=>Boolean(isString(r)&&e.test(r)&&r.startsWith(t)||s&&Object.prototype.hasOwnProperty.call(r,s));const splitColor=(s,e,r)=>n=>{if(!isString(n))return n;const[a,o,c,l]=n.match(t);return{[s]:parseFloat(a),[e]:parseFloat(o),[r]:parseFloat(c),alpha:void 0!==l?parseFloat(l):1}};const f={test:isColorString(\"hsl\",\"hue\"),parse:splitColor(\"hue\",\"saturation\",\"lightness\"),transform:({hue:t,saturation:s,lightness:e,alpha:r=1})=>\"hsla(\"+Math.round(t)+\", \"+c.transform(sanitize(s))+\", \"+c.transform(sanitize(e))+\", \"+sanitize(n.transform(r))+\")\"};const m=clamp(0,255);const g=Object.assign(Object.assign({},r),{transform:t=>Math.round(m(t))});const h={test:isColorString(\"rgb\",\"red\"),parse:splitColor(\"red\",\"green\",\"blue\"),transform:({red:t,green:s,blue:e,alpha:r=1})=>\"rgba(\"+g.transform(t)+\", \"+g.transform(s)+\", \"+g.transform(e)+\", \"+sanitize(n.transform(r))+\")\"};function parseHex(t){let s=\"\";let e=\"\";let r=\"\";let n=\"\";if(t.length>5){s=t.substr(1,2);e=t.substr(3,2);r=t.substr(5,2);n=t.substr(7,2)}else{s=t.substr(1,1);e=t.substr(2,1);r=t.substr(3,1);n=t.substr(4,1);s+=s;e+=e;r+=r;n+=n}return{red:parseInt(s,16),green:parseInt(e,16),blue:parseInt(r,16),alpha:n?parseInt(n,16)/255:1}}const b={test:isColorString(\"#\"),parse:parseHex,transform:h.transform};const d={test:t=>h.test(t)||b.test(t)||f.test(t),parse:t=>h.test(t)?h.parse(t):f.test(t)?f.parse(t):b.parse(t),transform:t=>isString(t)?t:t.hasOwnProperty(\"red\")?h.transform(t):f.transform(t)};const v=\"${c}\";const y=\"${n}\";function test(e){var r,n,a,o;return isNaN(e)&&isString(e)&&(null!==(n=null===(r=e.match(t))||void 0===r?void 0:r.length)&&void 0!==n?n:0)+(null!==(o=null===(a=e.match(s))||void 0===a?void 0:a.length)&&void 0!==o?o:0)>0}function analyse(e){\"number\"===typeof e&&(e=`${e}`);const n=[];let a=0;const o=e.match(s);if(o){a=o.length;e=e.replace(s,v);n.push(...o.map(d.parse))}const c=e.match(t);if(c){e=e.replace(t,y);n.push(...c.map(r.parse))}return{values:n,numColors:a,tokenised:e}}function parse(t){return analyse(t).values}function createTransformer(t){const{values:s,numColors:e,tokenised:r}=analyse(t);const n=s.length;return t=>{let s=r;for(let r=0;r\"number\"===typeof t?0:t;function getAnimatableNone(t){const s=parse(t);const e=createTransformer(t);return e(s.map(convertNumbersToZero))}const O={test:test,parse:parse,createTransformer:createTransformer,getAnimatableNone:getAnimatableNone};const j=new Set([\"brightness\",\"contrast\",\"saturate\",\"opacity\"]);function applyDefaultFilter(s){let[e,r]=s.slice(0,-1).split(\"(\");if(\"drop-shadow\"===e)return s;const[n]=r.match(t)||[];if(!n)return s;const a=r.replace(n,\"\");let o=j.has(e)?1:0;n!==r&&(o*=100);return e+\"(\"+o+a+\")\"}const F=/([a-z-]*)\\(.*?\\)/g;const N=Object.assign(Object.assign({},O),{getAnimatableNone:t=>{const s=t.match(F);return s?s.map(applyDefaultFilter).join(\" \"):t}});export{n as alpha,d as color,O as complex,o as degrees,N as filter,b as hex,f as hsla,r as number,c as percent,u as progressPercentage,l as px,g as rgbUnit,h as rgba,a as scale,i as vh,p as vw};\n\n//# sourceMappingURL=index.mjs.map", "const e=1/60*1e3;const t=\"undefined\"!==typeof performance?()=>performance.now():()=>Date.now();const n=\"undefined\"!==typeof window?e=>window.requestAnimationFrame(e):n=>setTimeout((()=>n(t())),e);function createRenderStep(e){let t=[];let n=[];let s=0;let r=false;let c=false;const o=new WeakSet;const a={schedule:(e,c=false,a=false)=>{const l=a&&r;const f=l?t:n;c&&o.add(e);if(-1===f.indexOf(e)){f.push(e);l&&r&&(s=t.length)}return e},cancel:e=>{const t=n.indexOf(e);-1!==t&&n.splice(t,1);o.delete(e)},process:l=>{if(r)c=true;else{r=true;[t,n]=[n,t];n.length=0;s=t.length;if(s)for(let n=0;n{e[t]=createRenderStep((()=>c=true));return e}),{});const u=l.reduce(((e,t)=>{const n=f[t];e[t]=(e,t=false,s=false)=>{c||startLoop();return n.schedule(e,t,s)};return e}),{});const d=l.reduce(((e,t)=>{e[t]=f[t].cancel;return e}),{});const i=l.reduce(((e,t)=>{e[t]=()=>f[t].process(a);return e}),{});const processStep=e=>f[e].process(a);const processFrame=t=>{c=false;a.delta=r?e:Math.max(Math.min(t-a.timestamp,s),1);a.timestamp=t;o=true;l.forEach(processStep);o=false;if(c){r=false;n(processFrame)}};const startLoop=()=>{c=true;r=true;o||n(processFrame)};const getFrameData=()=>a;export{d as cancelSync,u as default,i as flushSync,getFrameData};\n\n//# sourceMappingURL=index.mjs.map", "import{__rest as t}from\"tslib\";import{warning as e,invariant as n}from\"hey-listen\";import{hex as o,rgba as s,hsla as r,color as i,complex as u}from\"style-value-types\";import l,{cancelSync as p,getFrameData as f}from\"framesync\";const clamp=(t,e,n)=>Math.min(Math.max(n,t),e);const d=.001;const h=.01;const m=10;const y=.05;const g=1;function findSpring({duration:t=800,bounce:n=.25,velocity:o=0,mass:s=1}){let r;let i;e(t<=1e3*m,\"Spring duration must be 10 seconds or less\");let u=1-n;u=clamp(y,g,u);t=clamp(h,m,t/1e3);if(u<1){r=e=>{const n=e*u;const s=n*t;const r=n-o;const i=calcAngularFreq(e,u);const l=Math.exp(-s);return d-r/i*l};i=e=>{const n=e*u;const s=n*t;const i=s*o+o;const l=Math.pow(u,2)*Math.pow(e,2)*t;const p=Math.exp(-s);const f=calcAngularFreq(Math.pow(e,2),u);const h=-r(e)+d>0?-1:1;return h*((i-l)*p)/f}}else{r=e=>{const n=Math.exp(-e*t);const s=(e-o)*t+1;return n*s-d};i=e=>{const n=Math.exp(-e*t);const s=t*t*(o-e);return n*s}}const l=5/t;const p=approximateRoot(r,i,l);t*=1e3;if(isNaN(p))return{stiffness:100,damping:10,duration:t};{const e=Math.pow(p,2)*s;return{stiffness:e,damping:2*u*Math.sqrt(s*e),duration:t}}}const v=12;function approximateRoot(t,e,n){let o=n;for(let n=1;nvoid 0!==t[e]))}function getSpringOptions(t){let e=Object.assign({velocity:0,stiffness:100,damping:10,mass:1,isResolvedFromDuration:false},t);if(!isSpringType(t,x)&&isSpringType(t,M)){const n=findSpring(t);e=Object.assign(Object.assign(Object.assign({},e),n),{velocity:0,mass:1});e.isResolvedFromDuration=true}return e}function spring(e){var{from:n=0,to:o=1,restSpeed:s=2,restDelta:r}=e,i=t(e,[\"from\",\"to\",\"restSpeed\",\"restDelta\"]);const u={done:false,value:n};let{stiffness:l,damping:p,mass:f,velocity:d,duration:h,isResolvedFromDuration:m}=getSpringOptions(i);let y=zero;let g=zero;function createSpring(){const t=d?-d/1e3:0;const e=o-n;const s=p/(2*Math.sqrt(l*f));const i=Math.sqrt(l/f)/1e3;void 0===r&&(r=Math.min(Math.abs(o-n)/100,.4));if(s<1){const n=calcAngularFreq(i,s);y=r=>{const u=Math.exp(-s*i*r);return o-u*((t+s*i*e)/n*Math.sin(n*r)+e*Math.cos(n*r))};g=o=>{const r=Math.exp(-s*i*o);return s*i*r*(Math.sin(n*o)*(t+s*i*e)/n+e*Math.cos(n*o))-r*(Math.cos(n*o)*(t+s*i*e)-n*e*Math.sin(n*o))}}else if(1===s)y=n=>o-Math.exp(-i*n)*(e+(t+i*e)*n);else{const n=i*Math.sqrt(s*s-1);y=r=>{const u=Math.exp(-s*i*r);const l=Math.min(n*r,300);return o-u*((t+s*i*e)*Math.sinh(l)+n*e*Math.cosh(l))/n}}}createSpring();return{next:t=>{const e=y(t);if(m)u.done=t>=h;else{const n=1e3*g(t);const i=Math.abs(n)<=s;const l=Math.abs(o-e)<=r;u.done=i&&l}u.value=u.done?o:e;return u},flipTarget:()=>{d=-d;[n,o]=[o,n];createSpring()}}}spring.needsInterpolation=(t,e)=>\"string\"===typeof t||\"string\"===typeof e;const zero=t=>0;const progress=(t,e,n)=>{const o=e-t;return 0===o?1:(n-t)/o};const mix=(t,e,n)=>-n*t+n*e+t;function hueToRgb(t,e,n){n<0&&(n+=1);n>1&&(n-=1);return n<1/6?t+6*(e-t)*n:n<.5?e:n<2/3?t+(e-t)*(2/3-n)*6:t}function hslaToRgba({hue:t,saturation:e,lightness:n,alpha:o}){t/=360;e/=100;n/=100;let s=0;let r=0;let i=0;if(e){const o=n<.5?n*(1+e):n+e-n*e;const u=2*n-o;s=hueToRgb(u,o,t+1/3);r=hueToRgb(u,o,t);i=hueToRgb(u,o,t-1/3)}else s=r=i=n;return{red:Math.round(255*s),green:Math.round(255*r),blue:Math.round(255*i),alpha:o}}const mixLinearColor=(t,e,n)=>{const o=t*t;const s=e*e;return Math.sqrt(Math.max(0,n*(s-o)+o))};const S=[o,s,r];const getColorType=t=>S.find((e=>e.test(t)));const notAnimatable=t=>`'${t}' is not an animatable color. Use the equivalent color code instead.`;const mixColor=(t,e)=>{let o=getColorType(t);let i=getColorType(e);n(!!o,notAnimatable(t));n(!!i,notAnimatable(e));let u=o.parse(t);let l=i.parse(e);if(o===r){u=hslaToRgba(u);o=s}if(i===r){l=hslaToRgba(l);i=s}const p=Object.assign({},u);return t=>{for(const e in p)\"alpha\"!==e&&(p[e]=mixLinearColor(u[e],l[e],t));p.alpha=mix(u.alpha,l.alpha,t);return o.transform(p)}};const O={x:0,y:0,z:0};const isNum=t=>\"number\"===typeof t;const combineFunctions=(t,e)=>n=>e(t(n));const pipe=(...t)=>t.reduce(combineFunctions);function getMixer(t,e){return isNum(t)?n=>mix(t,e,n):i.test(t)?mixColor(t,e):mixComplex(t,e)}const mixArray=(t,e)=>{const n=[...t];const o=n.length;const s=t.map(((t,n)=>getMixer(t,e[n])));return t=>{for(let e=0;e{const n=Object.assign(Object.assign({},t),e);const o={};for(const s in n)void 0!==t[s]&&void 0!==e[s]&&(o[s]=getMixer(t[s],e[s]));return t=>{for(const e in o)n[e]=o[e](t);return n}};function analyse(t){const e=u.parse(t);const n=e.length;let o=0;let s=0;let r=0;for(let t=0;t{const o=u.createTransformer(n);const s=analyse(t);const r=analyse(n);const i=s.numHSL===r.numHSL&&s.numRGB===r.numRGB&&s.numNumbers>=r.numNumbers;if(i)return pipe(mixArray(s.parsed,r.parsed),o);e(true,`Complex values '${t}' and '${n}' too different to mix. Ensure all colors are of the same type, and that each contains the same quantity of number and color values. Falling back to instant transition.`);return e=>`${e>0?n:t}`};const mixNumber=(t,e)=>n=>mix(t,e,n);function detectMixerFactory(t){return\"number\"===typeof t?mixNumber:\"string\"===typeof t?i.test(t)?mixColor:mixComplex:Array.isArray(t)?mixArray:\"object\"===typeof t?mixObject:void 0}function createMixers(t,e,n){const o=[];const s=n||detectMixerFactory(t[0]);const r=t.length-1;for(let n=0;nn(progress(t,e,o))}function slowInterpolate(t,e){const n=t.length;const o=n-1;return s=>{let r=0;let i=false;if(s<=t[0])i=true;else if(s>=t[o]){r=o-1;i=true}if(!i){let e=1;for(;es||e===o)break;r=e-1}const u=progress(t[r],t[r+1],s);return e[r](u)}}function interpolate(t,e,{clamp:o=true,ease:s,mixer:r}={}){const i=t.length;n(i===e.length,\"Both input and output ranges must be the same length\");n(!s||!Array.isArray(s)||s.length===i-1,\"Array of easing functions must be of length `input.length - 1`, as it applies to the transitions **between** the defined values.\");if(t[0]>t[i-1]){t=[].concat(t);e=[].concat(e);t.reverse();e.reverse()}const u=createMixers(e,s,r);const l=2===i?fastInterpolate(t,u):slowInterpolate(t,u);return o?e=>l(clamp(t[0],t[i-1],e)):l}const reverseEasing=t=>e=>1-t(1-e);const mirrorEasing=t=>e=>e<=.5?t(2*e)/2:(2-t(2*(1-e)))/2;const createExpoIn=t=>e=>Math.pow(e,t);const createBackIn=t=>e=>e*e*((t+1)*e-t);const createAnticipate=t=>{const e=createBackIn(t);return t=>(t*=2)<1?.5*e(t):.5*(2-Math.pow(2,-10*(t-1)))};const T=1.525;const w=4/11;const A=8/11;const R=.9;const linear=t=>t;const F=createExpoIn(2);const D=reverseEasing(F);const j=mirrorEasing(F);const circIn=t=>1-Math.sin(Math.acos(t));const q=reverseEasing(circIn);const I=mirrorEasing(q);const P=createBackIn(T);const k=reverseEasing(P);const E=mirrorEasing(P);const B=createAnticipate(T);const C=4356/361;const N=35442/1805;const U=16061/1805;const bounceOut=t=>{if(1===t||0===t)return t;const e=t*t;return tt<.5?.5*(1-bounceOut(1-2*t)):.5*bounceOut(2*t-1)+.5;function defaultEasing(t,e){return t.map((()=>e||j)).splice(0,t.length-1)}function defaultOffset(t){const e=t.length;return t.map(((t,n)=>0!==n?n/(e-1):0))}function convertOffsetToTimes(t,e){return t.map((t=>t*e))}function keyframes({from:t=0,to:e=1,ease:n,offset:o,duration:s=300}){const r={done:false,value:t};const i=Array.isArray(e)?e:[t,e];const u=convertOffsetToTimes(o&&o.length===i.length?o:defaultOffset(i),s);function createInterpolator(){return interpolate(u,i,{ease:Array.isArray(n)?n:defaultEasing(i,n)})}let l=createInterpolator();return{next:t=>{r.value=l(t);r.done=t>=s;return r},flipTarget:()=>{i.reverse();l=createInterpolator()}}}function decay({velocity:t=0,from:e=0,power:n=.8,timeConstant:o=350,restDelta:s=.5,modifyTarget:r}){const i={done:false,value:e};let u=n*t;const l=e+u;const p=void 0===r?l:r(l);p!==l&&(u=p-e);return{next:t=>{const e=-u*Math.exp(-t/o);i.done=!(e>s||e<-s);i.value=i.done?p:p+e;return i},flipTarget:()=>{}}}const $={keyframes:keyframes,spring:spring,decay:decay};function detectAnimationFromOptions(t){if(Array.isArray(t.to))return keyframes;if($[t.type])return $[t.type];const e=new Set(Object.keys(t));return e.has(\"ease\")||e.has(\"duration\")&&!e.has(\"dampingRatio\")?keyframes:e.has(\"dampingRatio\")||e.has(\"stiffness\")||e.has(\"mass\")||e.has(\"damping\")||e.has(\"restSpeed\")||e.has(\"restDelta\")?spring:keyframes}function loopElapsed(t,e,n=0){return t-e-n}function reverseElapsed(t,e,n=0,o=true){return o?loopElapsed(e+-t,e,n):e-(t-e)+n}function hasRepeatDelayElapsed(t,e,n,o){return o?t>=e+n:t<=-n}const framesync=t=>{const passTimestamp=({delta:e})=>t(e);return{start:()=>l.update(passTimestamp,true),stop:()=>p.update(passTimestamp)}};function animate(e){var n,o;var{from:s,autoplay:r=true,driver:i=framesync,elapsed:u=0,repeat:l=0,repeatType:p=\"loop\",repeatDelay:f=0,onPlay:d,onStop:h,onComplete:m,onRepeat:y,onUpdate:g}=e,v=t(e,[\"from\",\"autoplay\",\"driver\",\"elapsed\",\"repeat\",\"repeatType\",\"repeatDelay\",\"onPlay\",\"onStop\",\"onComplete\",\"onRepeat\",\"onUpdate\"]);let{to:M}=v;let x;let S=0;let O=v.duration;let T;let w=false;let A=true;let R;const F=detectAnimationFromOptions(v);if(null===(o=(n=F).needsInterpolation)||void 0===o?void 0:o.call(n,s,M)){R=interpolate([0,100],[s,M],{clamp:false});s=0;M=100}const D=F(Object.assign(Object.assign({},v),{from:s,to:M}));function repeat(){S++;if(\"reverse\"===p){A=S%2===0;u=reverseElapsed(u,O,f,A)}else{u=loopElapsed(u,O,f);\"mirror\"===p&&D.flipTarget()}w=false;y&&y()}function complete(){x.stop();m&&m()}function update(t){A||(t=-t);u+=t;if(!w){const t=D.next(Math.max(0,u));T=t.value;R&&(T=R(T));w=A?t.done:u<=0}null===g||void 0===g?void 0:g(T);if(w){0===S&&(null!==O&&void 0!==O?O:O=u);S{null===h||void 0===h?void 0:h();x.stop()}}}function velocityPerSecond(t,e){return e?t*(1e3/e):0}function inertia({from:t=0,velocity:e=0,min:n,max:o,power:s=.8,timeConstant:r=750,bounceStiffness:i=500,bounceDamping:u=10,restDelta:l=1,modifyTarget:p,driver:d,onUpdate:h,onComplete:m,onStop:y}){let g;function isOutOfBounds(t){return void 0!==n&&to}function boundaryNearest(t){return void 0===n?o:void 0===o||Math.abs(n-t){var n;null===h||void 0===h?void 0:h(e);null===(n=t.onUpdate)||void 0===n?void 0:n.call(t,e)},onComplete:m,onStop:y}))}function startSpring(t){startAnimation(Object.assign({type:\"spring\",stiffness:i,damping:u,restDelta:l},t))}if(isOutOfBounds(t))startSpring({from:t,velocity:e,to:boundaryNearest(t)});else{let o=s*e+t;\"undefined\"!==typeof p&&(o=p(o));const i=boundaryNearest(o);const u=i===n?-1:1;let d;let h;const checkBoundary=t=>{d=h;h=t;e=velocityPerSecond(t-d,f().delta);(1===u&&t>i||-1===u&&tnull===g||void 0===g?void 0:g.stop()}}const radiansToDegrees=t=>180*t/Math.PI;const angle=(t,e=O)=>radiansToDegrees(Math.atan2(e.y-t.y,e.x-t.x));const applyOffset=(t,e)=>{let n=true;if(void 0===e){e=t;n=false}return o=>{if(n)return o-t+e;t=o;n=true;return e}};const identity=t=>t;const createAttractor=(t=identity)=>(e,n,o)=>{const s=n-o;const r=-(0-e+1)*(0-t(Math.abs(s)));return s<=0?n+r:n-r};const G=createAttractor();const H=createAttractor(Math.sqrt);const degreesToRadians=t=>t*Math.PI/180;const isPoint=t=>t.hasOwnProperty(\"x\")&&t.hasOwnProperty(\"y\");const isPoint3D=t=>isPoint(t)&&t.hasOwnProperty(\"z\");const distance1D=(t,e)=>Math.abs(t-e);function distance(t,e){if(isNum(t)&&isNum(e))return distance1D(t,e);if(isPoint(t)&&isPoint(e)){const n=distance1D(t.x,e.x);const o=distance1D(t.y,e.y);const s=isPoint3D(t)&&isPoint3D(e)?distance1D(t.z,e.z):0;return Math.sqrt(Math.pow(n,2)+Math.pow(o,2)+Math.pow(s,2))}}const pointFromVector=(t,e,n)=>{e=degreesToRadians(e);return{x:n*Math.cos(e)+t.x,y:n*Math.sin(e)+t.y}};const toDecimal=(t,e=2)=>{e=Math.pow(10,e);return Math.round(t*e)/e};const smoothFrame=(t,e,n,o=0)=>toDecimal(t+n*(e-t)/Math.max(o,n));const smooth=(t=50)=>{let e=0;let n=0;return o=>{const s=f().timestamp;const r=s!==n?s-n:0;const i=r?smoothFrame(e,o,r,t):e;n=s;e=i;return i}};const snap=t=>{if(\"number\"===typeof t)return e=>Math.round(e/t)*t;{let e=0;const n=t.length;return o=>{let s=Math.abs(t[0]-o);for(e=1;es)return t[e-1];if(e===n-1)return r;s=i}}}};function velocityPerFrame(t,e){return t/(1e3/e)}const wrap=(t,e,n)=>{const o=e-t;return((n-t)%o+o)%o+t};const a=(t,e)=>1-3*e+3*t;const b=(t,e)=>3*e-6*t;const c=t=>3*t;const calcBezier=(t,e,n)=>((a(e,n)*t+b(e,n))*t+c(e))*t;const getSlope=(t,e,n)=>3*a(e,n)*t*t+2*b(e,n)*t+c(e);const L=1e-7;const X=10;function binarySubdivide(t,e,n,o,s){let r;let i;let u=0;do{i=e+(n-e)/2;r=calcBezier(i,o,s)-t;r>0?n=i:e=i}while(Math.abs(r)>L&&++u=K?newtonRaphsonIterate(e,l,t,n):0===p?l:binarySubdivide(e,o,o+V,t,n)}return t=>0===t||1===t?t:calcBezier(getTForX(t),e,o)}const steps=(t,e=\"end\")=>n=>{n=\"end\"===e?Math.min(n,.999):Math.max(n,.001);const o=n*t;const s=\"end\"===e?Math.floor(o):Math.ceil(o);return clamp(0,1,s/t)};export{angle,animate,B as anticipate,applyOffset,G as attract,H as attractExpo,P as backIn,E as backInOut,k as backOut,z as bounceIn,bounceInOut,bounceOut,circIn,I as circInOut,q as circOut,clamp,createAnticipate,createAttractor,createBackIn,createExpoIn,cubicBezier,decay,degreesToRadians,distance,F as easeIn,j as easeInOut,D as easeOut,inertia,interpolate,isPoint,isPoint3D,keyframes,linear,mirrorEasing,mix,mixColor,mixComplex,pipe,pointFromVector,progress,radiansToDegrees,reverseEasing,smooth,smoothFrame,snap,spring,steps,toDecimal,velocityPerFrame,velocityPerSecond,wrap};\n\n//# sourceMappingURL=index.mjs.map", "import{useState,useEffect}from\"react\";export const isBrowser=()=>typeof document===\"object\";export function getBrowserVisibilityProp(){if(!isBrowser())return;if(typeof document.hidden!==\"undefined\"){// Opera 12.10 and Firefox 18 and later support\nreturn\"visibilitychange\";}else if(typeof document.msHidden!==\"undefined\"){return\"msvisibilitychange\";}else if(typeof document.webkitHidden!==\"undefined\"){return\"webkitvisibilitychange\";}}export function getBrowserDocumentHiddenProp(){if(!isBrowser())return;if(typeof document.hidden!==\"undefined\"){return\"hidden\";}else if(typeof document.msHidden!==\"undefined\"){return\"msHidden\";}else if(typeof document.webkitHidden!==\"undefined\"){return\"webkitHidden\";}}export function getIsDocumentHidden(){if(!isBrowser())return;return!document[getBrowserDocumentHiddenProp()];}export function usePageVisibility(){if(!isBrowser())return;const[isVisible,setIsVisible]=useState(getIsDocumentHidden());const onVisibilityChange=()=>setIsVisible(getIsDocumentHidden());useEffect(()=>{const visibilityChange=getBrowserVisibilityProp();document.addEventListener(visibilityChange,onVisibilityChange,false);return()=>{document.removeEventListener(visibilityChange,onVisibilityChange);};});return isVisible;}\nexport const __FramerMetadata__ = {\"exports\":{\"getBrowserVisibilityProp\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getIsDocumentHidden\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"usePageVisibility\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"isBrowser\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"getBrowserDocumentHiddenProp\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./UsePageVisibility.map", "import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{Children,useLayoutEffect,useEffect,useState,useRef,useMemo,createRef,useCallback,cloneElement,forwardRef}from\"react\";import{addPropertyControls,ControlType,RenderTarget}from\"framer\";import{motion,animate,useMotionValue,useTransform,LayoutGroup}from\"framer-motion\";import{resize}from\"@motionone/dom\";import{wrap}from\"popmotion\";import{usePageVisibility}from\"https://framerusercontent.com/modules/V9ryrjN5Am9WM1dJeyyJ/9mrJHeWj7rhvLTLu7Yzt/UsePageVisibility.js\";/**\n *\n * SLIDESHOW\n * V2 with Drag\n * By Benjamin and Matt\n *\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 200\n *\n * @framerDisableUnlink\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n */ export default function Slideshow(props){/**\n * Properties\n */ const{slots,startFrom,direction,effectsOptions,autoPlayControl,dragControl,alignment,gap,padding,paddingPerSide,paddingTop,paddingRight,paddingBottom,paddingLeft,itemAmount,fadeOptions,intervalControl,transitionControl,arrowOptions,borderRadius,progressOptions,style}=props;const{effectsOpacity,effectsScale,effectsRotate,effectsPerspective,effectsHover}=effectsOptions;const{fadeContent,overflow,fadeWidth,fadeInset,fadeAlpha}=fadeOptions;const{showMouseControls,arrowSize,arrowRadius,arrowFill,leftArrow,rightArrow,arrowShouldSpace=true,arrowShouldFadeIn=false,arrowPosition,arrowPadding,arrowGap,arrowPaddingTop,arrowPaddingRight,arrowPaddingBottom,arrowPaddingLeft}=arrowOptions;const{showProgressDots,dotSize,dotsInset,dotsRadius,dotsPadding,dotsGap,dotsFill,dotsBackground,dotsActiveOpacity,dotsOpacity,dotsBlur}=progressOptions;const paddingValue=paddingPerSide?`${paddingTop}px ${paddingRight}px ${paddingBottom}px ${paddingLeft}px`:`${padding}px`;/**\n * Checks\n */ const isCanvas=RenderTarget.current()===RenderTarget.canvas;const hasChildren=Children.count(slots)>0;const isHorizontal=direction===\"left\"||direction===\"right\";const isInverted=direction===\"right\"||direction===\"bottom\";/**\n * Empty state for Canvas\n */ if(!hasChildren){return /*#__PURE__*/ _jsxs(\"section\",{style:placeholderStyles,children:[/*#__PURE__*/ _jsx(\"div\",{style:emojiStyles,children:\"\u2B50\uFE0F\"}),/*#__PURE__*/ _jsx(\"p\",{style:titleStyles,children:\"Connect to Content\"}),/*#__PURE__*/ _jsx(\"p\",{style:subtitleStyles,children:\"Add layers or components to make infinite auto-playing slideshows.\"})]});}/**\n * Refs, State\n */ const parentRef=useRef(null);const childrenRef=useMemo(()=>{return slots.map(index=>/*#__PURE__*/ createRef());},[slots]);const timeoutRef=useRef(undefined);const[size,setSize]=useState({parent:null,children:null,item:null,itemWidth:null,itemHeight:null});/* For pausing on hover */ const[isHovering,setIsHovering]=useState(false);const[shouldPlayOnHover,setShouldPlayOnHover]=useState(autoPlayControl);/* For cursor updates */ const[isMouseDown,setIsMouseDown]=useState(false);/* Check if resizing */ const[isResizing,setIsResizing]=useState(false);/**\n * Array for children\n */ const dupedChildren=[];let duplicateBy=4;if(isCanvas){duplicateBy=1;}/**\n * Measure parent, child, items\n */ const measure=useCallback(()=>{if(hasChildren&&parentRef.current){const total=slots.length-1;const parentLength=isHorizontal?parentRef.current.offsetWidth:parentRef.current.offsetHeight;const start=childrenRef[0].current?isHorizontal?childrenRef[0].current.offsetLeft:childrenRef[0].current.offsetTop:0;const end=childrenRef[total].current?isHorizontal?childrenRef[total].current.offsetLeft+childrenRef[total].current.offsetWidth:childrenRef[total].current.offsetTop+childrenRef[total].current.offsetHeight:0;const childrenLength=end-start+gap;const itemSize=childrenRef[0].current?isHorizontal?childrenRef[0].current.offsetWidth:childrenRef[0].current.offsetHeight:0;const itemWidth=childrenRef[0].current?childrenRef[0].current.offsetWidth:0;const itemHeight=childrenRef[0].current?childrenRef[0].current.offsetHeight:0;setSize({parent:parentLength,children:childrenLength,item:itemSize,itemWidth,itemHeight});}},[hasChildren]);/**\n * Add refs to all children\n * Added itemAmount for resizing\n */ useLayoutEffect(()=>{if(!hasChildren)return;measure();},[hasChildren,itemAmount]);/**\n * Track whether this is the initial resize event. By default this will fire on mount,\n * which we do in the useEffect. We should only fire it on subsequent resizes.\n */ let initialResize=useRef(true);useEffect(()=>{return resize(parentRef.current,({contentSize})=>{if(!initialResize.current&&(contentSize.width||contentSize.height)){measure();setIsResizing(true);}initialResize.current=false;});},[]);useEffect(()=>{if(isResizing){const timer=setTimeout(()=>setIsResizing(false),500);return()=>clearTimeout(timer);}},[isResizing]);/**\n * Animation, pagination\n */ const totalItems=slots===null||slots===void 0?void 0:slots.length;const childrenSize=isCanvas?0:size===null||size===void 0?void 0:size.children;const itemWithGap=(size===null||size===void 0?void 0:size.item)+gap;const itemOffset=startFrom*itemWithGap;const[currentItem,setCurrentItem]=useState(startFrom+totalItems);const[isDragging,setIsDragging]=useState(false);/* Check for browser window visibility */ /* Otherwise, it will re-play all the item increments */ const isVisible=usePageVisibility();const factor=isInverted?1:-1;/* The x and y values to start from */ const xOrY=useMotionValue(childrenSize);/* For canvas only. Using xOrY is slower upon page switching */ const canvasPosition=isHorizontal?-startFrom*((size===null||size===void 0?void 0:size.itemWidth)+gap):-startFrom*((size===null||size===void 0?void 0:size.itemHeight)+gap);/* Calculate the new value to animate to */ const newPosition=()=>factor*currentItem*itemWithGap;/* Wrapped values for infinite looping */ /* Instead of 0 to a negative full duplicated row, we start with an offset */ const wrappedValue=!isCanvas?useTransform(xOrY,value=>{const wrapped=wrap(-childrenSize,-childrenSize*2,value);return isNaN(wrapped)?0:wrapped;}):0;/* Convert the current item to a wrapping index for dots */ const wrappedIndex=wrap(0,totalItems,currentItem);const wrappedIndexInverted=wrap(0,-totalItems,currentItem);/* Update x or y with the provided starting point */ /* The subtraction of a full row of children is for overflow */ useLayoutEffect(()=>{if((size===null||size===void 0?void 0:size.children)===null)return;/* Initial measure */ // if (initialResize.current) {\n// xOrY.set((childrenSize + itemOffset) * factor)\n// }\n/* Subsequent resizes */ if(!initialResize.current&&isResizing){xOrY.set(newPosition());}},[size,childrenSize,factor,itemOffset,currentItem,itemWithGap,isResizing,]);/**\n * Page item methods\n * Switching, deltas, autoplaying\n */ /* Next and previous function, animates the X */ const switchPages=()=>{if(isCanvas||!hasChildren||!size.parent||isDragging)return;if(xOrY.get()!==newPosition()){animate(xOrY,newPosition(),transitionControl);}if(autoPlayControl&&shouldPlayOnHover){timeoutRef.current=setTimeout(()=>{setCurrentItem(currentItem+1);switchPages();},intervalControl*1e3);}};/* Page navigation functions */ const setDelta=delta=>{if(!isInverted){setCurrentItem(currentItem+delta);}else{setCurrentItem(currentItem-delta);}};const setPage=index=>{const currentItemWrapped=wrap(0,totalItems,currentItem);const currentItemWrappedInvert=wrap(0,-totalItems,currentItem);const goto=index-currentItemWrapped;const gotoInverted=index-Math.abs(currentItemWrappedInvert);if(!isInverted){setCurrentItem(currentItem+goto);}else{setCurrentItem(currentItem-gotoInverted);}};/**\n * Drag\n */ const handleDragStart=()=>{setIsDragging(true);};const handleDragEnd=(event,{offset,velocity})=>{setIsDragging(false);const offsetXorY=isHorizontal?offset.x:offset.y;const velocityThreshold=200 // Based on testing, can be tweaked or could be 0\n;const velocityXorY=isHorizontal?velocity.x:velocity.y;const isHalfOfNext=offsetXorY<-size.item/2;const isHalfOfPrev=offsetXorY>size.item/2;/* In case you drag more than 1 item left or right */ const normalizedOffset=Math.abs(offsetXorY);const itemDelta=Math.round(normalizedOffset/size.item);/* Minimum delta is 1 to initiate a page switch */ /* For velocity use only */ const itemDeltaFromOne=itemDelta===0?1:itemDelta;/* For quick flicks, even with low offsets */ if(velocityXorY>velocityThreshold){setDelta(-itemDeltaFromOne);}else if(velocityXorY<-velocityThreshold){setDelta(itemDeltaFromOne);}else{/* For dragging over half of the current item with 0 velocity */ if(isHalfOfNext){setDelta(itemDelta);}if(isHalfOfPrev){setDelta(-itemDelta);}}};/* Kickstart the auto-playing once we have all the children */ useEffect(()=>{if(!isVisible||isResizing)return;switchPages();return()=>timeoutRef.current&&clearTimeout(timeoutRef.current);},[dupedChildren,isVisible,isResizing]);/* Create copies of our children to create a perfect loop */ let childCounter=0;/**\n * Sizing\n * */ let columnOrRowValue=`calc(${100/itemAmount}% - ${gap}px + ${gap/itemAmount}px)`;/**\n * Nested array to create duplicates of the children for infinite looping\n * These are wrapped around, and start at a full \"page\" worth of offset\n * as defined above.\n */ for(let index=0;index{let ref;if(childIndex===0){ref=childrenRef[0];}if(childIndex===slots.length-1){ref=childrenRef[1];}return /*#__PURE__*/ _jsx(Slide,{ref:childrenRef[childIndex],slideKey:index+childIndex+\"lg\",index:index,width:isHorizontal?itemAmount>1?columnOrRowValue:\"100%\":\"100%\",height:!isHorizontal?itemAmount>1?columnOrRowValue:\"100%\":\"100%\",size:size,child:child,numChildren:slots===null||slots===void 0?void 0:slots.length,wrappedValue:wrappedValue,childCounter:childCounter++,gap:gap,isCanvas:isCanvas,isHorizontal:isHorizontal,effectsOpacity:effectsOpacity,effectsScale:effectsScale,effectsRotate:effectsRotate,children:index+childIndex},index+childIndex+\"lg\");}));}/**\n * Fades with masks\n */ const fadeDirection=isHorizontal?\"to right\":\"to bottom\";const fadeWidthStart=fadeWidth/2;const fadeWidthEnd=100-fadeWidth/2;const fadeInsetStart=clamp(fadeInset,0,fadeWidthStart);const fadeInsetEnd=100-fadeInset;const fadeMask=`linear-gradient(${fadeDirection}, rgba(0, 0, 0, ${fadeAlpha}) ${fadeInsetStart}%, rgba(0, 0, 0, 1) ${fadeWidthStart}%, rgba(0, 0, 0, 1) ${fadeWidthEnd}%, rgba(0, 0, 0, ${fadeAlpha}) ${fadeInsetEnd}%)`;/**\n * Dots\n */ const dots=[];const dotsBlurStyle={};if(showProgressDots){for(let i=0;i<(slots===null||slots===void 0?void 0:slots.length);i++){dots.push(/*#__PURE__*/ _jsx(Dot,{dotStyle:{...dotStyle,width:dotSize,height:dotSize,backgroundColor:dotsFill},buttonStyle:baseButtonStyles,selectedOpacity:dotsActiveOpacity,opacity:dotsOpacity,onClick:()=>setPage(i),wrappedIndex:wrappedIndex,wrappedIndexInverted:wrappedIndexInverted,total:totalItems,index:i,gap:dotsGap,padding:dotsPadding,isHorizontal:isHorizontal,isInverted:isInverted},i));}if(dotsBlur>0){dotsBlurStyle.backdropFilter=dotsBlurStyle.WebkitBackdropFilter=dotsBlurStyle.MozBackdropFilter=`blur(${dotsBlur}px)`;}}const dragProps=dragControl?{drag:isHorizontal?\"x\":\"y\",onDragStart:handleDragStart,onDragEnd:handleDragEnd,dragDirectionLock:true,values:{x:xOrY,y:xOrY},dragMomentum:false}:{};const arrowHasTop=arrowPosition===\"top-left\"||arrowPosition===\"top-mid\"||arrowPosition===\"top-right\";const arrowHasBottom=arrowPosition===\"bottom-left\"||arrowPosition===\"bottom-mid\"||arrowPosition===\"bottom-right\";const arrowHasLeft=arrowPosition===\"top-left\"||arrowPosition===\"bottom-left\";const arrowHasRight=arrowPosition===\"top-right\"||arrowPosition===\"bottom-right\";const arrowHasMid=arrowPosition===\"top-mid\"||arrowPosition===\"bottom-mid\"||arrowPosition===\"auto\";return /*#__PURE__*/ _jsxs(\"section\",{style:{...containerStyle,padding:paddingValue,WebkitMaskImage:fadeContent?fadeMask:undefined,MozMaskImage:fadeContent?fadeMask:undefined,maskImage:fadeContent?fadeMask:undefined,opacity:(size===null||size===void 0?void 0:size.item)!==null?1:0,userSelect:\"none\"},onMouseEnter:()=>{setIsHovering(true);if(!effectsHover)setShouldPlayOnHover(false);},onMouseLeave:()=>{setIsHovering(false);if(!effectsHover)setShouldPlayOnHover(true);},onMouseDown:event=>{// Preventdefault fixes the cursor switching to text on drag on safari\nevent.preventDefault();setIsMouseDown(true);},onMouseUp:()=>setIsMouseDown(false),children:[/*#__PURE__*/ _jsx(\"div\",{style:{width:\"100%\",height:\"100%\",margin:0,padding:\"inherit\",position:\"absolute\",inset:0,overflow:overflow?\"visible\":\"hidden\",borderRadius:borderRadius,userSelect:\"none\",perspective:effectsPerspective},children:/*#__PURE__*/ _jsx(motion.ul,{ref:parentRef,...dragProps,style:{...containerStyle,gap:gap,placeItems:alignment,x:isHorizontal?isCanvas?canvasPosition:wrappedValue:0,y:!isHorizontal?isCanvas?canvasPosition:wrappedValue:0,flexDirection:isHorizontal?\"row\":\"column\",transformStyle:effectsRotate!==0?\"preserve-3d\":undefined,cursor:dragControl?isMouseDown?\"grabbing\":\"grab\":\"auto\",userSelect:\"none\",...style},children:dupedChildren})}),/*#__PURE__*/ _jsxs(\"fieldset\",{style:{...controlsStyles},\"aria-label\":\"Slideshow pagination controls\",className:\"framer--slideshow-controls\",children:[/*#__PURE__*/ _jsxs(motion.div,{style:{position:\"absolute\",display:\"flex\",flexDirection:isHorizontal?\"row\":\"column\",justifyContent:arrowShouldSpace?\"space-between\":\"center\",gap:arrowShouldSpace?\"unset\":arrowGap,opacity:arrowShouldFadeIn?0:1,alignItems:\"center\",inset:arrowPadding,top:arrowShouldSpace?arrowPadding:arrowHasTop?arrowPaddingTop:\"unset\",left:arrowShouldSpace?arrowPadding:arrowHasLeft?arrowPaddingLeft:arrowHasMid?0:\"unset\",right:arrowShouldSpace?arrowPadding:arrowHasRight?arrowPaddingRight:arrowHasMid?0:\"unset\",bottom:arrowShouldSpace?arrowPadding:arrowHasBottom?arrowPaddingBottom:\"unset\"},animate:arrowShouldFadeIn&&{opacity:isHovering?1:0},transition:transitionControl,children:[/*#__PURE__*/ _jsx(motion.button,{type:\"button\",style:{...baseButtonStyles,backgroundColor:arrowFill,width:arrowSize,height:arrowSize,borderRadius:arrowRadius,rotate:!isHorizontal?90:0,display:showMouseControls?\"block\":\"none\",pointerEvents:\"auto\"},onClick:()=>setDelta(-1),\"aria-label\":\"Previous\",whileTap:{scale:.9},transition:{duration:.15},children:/*#__PURE__*/ _jsx(\"img\",{width:arrowSize,height:arrowSize,src:leftArrow||\"https://framerusercontent.com/images/6tTbkXggWgQCAJ4DO2QEdXXmgM.svg\",alt:\"Back Arrow\"})}),/*#__PURE__*/ _jsx(motion.button,{type:\"button\",style:{...baseButtonStyles,backgroundColor:arrowFill,width:arrowSize,height:arrowSize,borderRadius:arrowRadius,rotate:!isHorizontal?90:0,display:showMouseControls?\"block\":\"none\",pointerEvents:\"auto\"},onClick:()=>setDelta(1),\"aria-label\":\"Next\",whileTap:{scale:.9},transition:{duration:.15},children:/*#__PURE__*/ _jsx(\"img\",{width:arrowSize,height:arrowSize,src:rightArrow||\"https://framerusercontent.com/images/11KSGbIZoRSg4pjdnUoif6MKHI.svg\",alt:\"Next Arrow\"})})]}),dots.length>1?/*#__PURE__*/ _jsx(\"div\",{style:{...dotsContainerStyle,left:isHorizontal?\"50%\":dotsInset,top:!isHorizontal?\"50%\":\"unset\",transform:isHorizontal?\"translateX(-50%)\":\"translateY(-50%)\",flexDirection:isHorizontal?\"row\":\"column\",bottom:isHorizontal?dotsInset:\"unset\",borderRadius:dotsRadius,backgroundColor:dotsBackground,userSelect:\"none\",...dotsBlurStyle},children:dots}):null]})]});};/* Default Properties */ Slideshow.defaultProps={direction:\"left\",dragControl:false,startFrom:0,itemAmount:1,infinity:true,gap:10,padding:10,autoPlayControl:true,effectsOptions:{effectsOpacity:1,effectsScale:1,effectsRotate:0,effectsPerspective:1200,effectsHover:true},transitionControl:{type:\"spring\",stiffness:200,damping:40},fadeOptions:{fadeContent:false,overflow:false,fadeWidth:25,fadeAlpha:0,fadeInset:0},arrowOptions:{showMouseControls:true,arrowShouldFadeIn:false,arrowShouldSpace:true,arrowFill:\"rgba(0,0,0,0.2)\",arrowSize:40},progressOptions:{showProgressDots:true}};/* Property Controls */ addPropertyControls(Slideshow,{slots:{type:ControlType.Array,title:\"Content\",control:{type:ControlType.ComponentInstance}},direction:{type:ControlType.Enum,title:\"Direction\",options:[\"left\",\"right\",\"top\",\"bottom\"],optionIcons:[\"direction-left\",\"direction-right\",\"direction-up\",\"direction-down\",],optionTitles:[\"Left\",\"Right\",\"Top\",\"Bottom\"],displaySegmentedControl:true,defaultValue:Slideshow.defaultProps.direction},autoPlayControl:{type:ControlType.Boolean,title:\"Auto Play\",defaultValue:true},intervalControl:{type:ControlType.Number,title:\"Interval\",defaultValue:1.5,min:.5,max:10,step:.1,displayStepper:true,unit:\"s\",hidden:props=>!props.autoPlayControl},dragControl:{type:ControlType.Boolean,title:\"Draggable\",defaultValue:false},startFrom:{type:ControlType.Number,title:\"Current\",min:0,max:10,displayStepper:true,defaultValue:Slideshow.defaultProps.startFrom},effectsOptions:{type:ControlType.Object,title:\"Effects\",controls:{effectsOpacity:{type:ControlType.Number,title:\"Opacity\",defaultValue:Slideshow.defaultProps.effectsOptions.effectsOpacity,min:0,max:1,step:.01,displayStepper:true},effectsScale:{type:ControlType.Number,title:\"Scale\",defaultValue:Slideshow.defaultProps.effectsOptions.effectsScale,min:0,max:1,step:.01,displayStepper:true},effectsPerspective:{type:ControlType.Number,title:\"Perspective\",defaultValue:Slideshow.defaultProps.effectsOptions.effectsPerspective,min:200,max:2e3,step:1},effectsRotate:{type:ControlType.Number,title:\"Rotate\",defaultValue:Slideshow.defaultProps.effectsOptions.effectsRotate,min:-180,max:180,step:1},effectsHover:{type:ControlType.Boolean,title:\"On Hover\",enabledTitle:\"Play\",disabledTitle:\"Pause\",defaultValue:Slideshow.defaultProps.effectsOptions.effectsHover}}},alignment:{type:ControlType.Enum,title:\"Align\",options:[\"flex-start\",\"center\",\"flex-end\"],optionIcons:{direction:{right:[\"align-top\",\"align-middle\",\"align-bottom\"],left:[\"align-top\",\"align-middle\",\"align-bottom\"],top:[\"align-left\",\"align-center\",\"align-right\"],bottom:[\"align-left\",\"align-center\",\"align-right\"]}},defaultValue:\"center\",displaySegmentedControl:true},itemAmount:{type:ControlType.Number,title:\"Items\",min:1,max:10,displayStepper:true,defaultValue:Slideshow.defaultProps.itemAmount},gap:{type:ControlType.Number,title:\"Gap\",min:0},padding:{title:\"Padding\",type:ControlType.FusedNumber,toggleKey:\"paddingPerSide\",toggleTitles:[\"Padding\",\"Padding per side\"],defaultValue:0,valueKeys:[\"paddingTop\",\"paddingRight\",\"paddingBottom\",\"paddingLeft\",],valueLabels:[\"T\",\"R\",\"B\",\"L\"],min:0},borderRadius:{type:ControlType.Number,title:\"Radius\",min:0,max:500,displayStepper:true,defaultValue:0},transitionControl:{type:ControlType.Transition,defaultValue:Slideshow.defaultProps.transitionControl,title:\"Transition\"},fadeOptions:{type:ControlType.Object,title:\"Clipping\",controls:{fadeContent:{type:ControlType.Boolean,title:\"Fade\",defaultValue:false},overflow:{type:ControlType.Boolean,title:\"Overflow\",enabledTitle:\"Show\",disabledTitle:\"Hide\",defaultValue:false,hidden(props){return props.fadeContent===true;}},fadeWidth:{type:ControlType.Number,title:\"Width\",defaultValue:25,min:0,max:100,unit:\"%\",hidden(props){return props.fadeContent===false;}},fadeInset:{type:ControlType.Number,title:\"Inset\",defaultValue:0,min:0,max:100,unit:\"%\",hidden(props){return props.fadeContent===false;}},fadeAlpha:{type:ControlType.Number,title:\"Opacity\",defaultValue:0,min:0,max:1,step:.05,hidden(props){return props.fadeContent===false;}}}},arrowOptions:{type:ControlType.Object,title:\"Arrows\",controls:{showMouseControls:{type:ControlType.Boolean,title:\"Show\",defaultValue:Slideshow.defaultProps.arrowOptions.showMouseControls},arrowFill:{type:ControlType.Color,title:\"Fill\",hidden:props=>!props.showMouseControls,defaultValue:Slideshow.defaultProps.arrowOptions.arrowFill},leftArrow:{type:ControlType.Image,title:\"Previous\",hidden:props=>!props.showMouseControls},rightArrow:{type:ControlType.Image,title:\"Next\",hidden:props=>!props.showMouseControls},arrowSize:{type:ControlType.Number,title:\"Size\",min:0,max:200,displayStepper:true,defaultValue:Slideshow.defaultProps.arrowOptions.arrowSize,hidden:props=>!props.showMouseControls},arrowRadius:{type:ControlType.Number,title:\"Radius\",min:0,max:500,defaultValue:40,hidden:props=>!props.showMouseControls},arrowShouldFadeIn:{type:ControlType.Boolean,title:\"Fade In\",defaultValue:false,hidden:props=>!props.showMouseControls},arrowShouldSpace:{type:ControlType.Boolean,title:\"Distance\",enabledTitle:\"Space\",disabledTitle:\"Group\",defaultValue:Slideshow.defaultProps.arrowOptions.arrowShouldSpace,hidden:props=>!props.showMouseControls},arrowPosition:{type:ControlType.Enum,title:\"Position\",options:[\"auto\",\"top-left\",\"top-mid\",\"top-right\",\"bottom-left\",\"bottom-mid\",\"bottom-right\",],optionTitles:[\"Center\",\"Top Left\",\"Top Middle\",\"Top Right\",\"Bottom Left\",\"Bottom Middle\",\"Bottom Right\",],hidden:props=>!props.showMouseControls||props.arrowShouldSpace},arrowPadding:{type:ControlType.Number,title:\"Inset\",min:-100,max:100,defaultValue:20,displayStepper:true,hidden:props=>!props.showMouseControls||!props.arrowShouldSpace},arrowPaddingTop:{type:ControlType.Number,title:\"Top\",min:-500,max:500,defaultValue:0,displayStepper:true,hidden:props=>!props.showMouseControls||props.arrowShouldSpace||props.arrowPosition===\"auto\"||props.arrowPosition===\"bottom-mid\"||props.arrowPosition===\"bottom-left\"||props.arrowPosition===\"bottom-right\"},arrowPaddingBottom:{type:ControlType.Number,title:\"Bottom\",min:-500,max:500,defaultValue:0,displayStepper:true,hidden:props=>!props.showMouseControls||props.arrowShouldSpace||props.arrowPosition===\"auto\"||props.arrowPosition===\"top-mid\"||props.arrowPosition===\"top-left\"||props.arrowPosition===\"top-right\"},arrowPaddingRight:{type:ControlType.Number,title:\"Right\",min:-500,max:500,defaultValue:0,displayStepper:true,hidden:props=>!props.showMouseControls||props.arrowShouldSpace||props.arrowPosition===\"auto\"||props.arrowPosition===\"top-left\"||props.arrowPosition===\"top-mid\"||props.arrowPosition===\"bottom-left\"||props.arrowPosition===\"bottom-mid\"},arrowPaddingLeft:{type:ControlType.Number,title:\"Left\",min:-500,max:500,defaultValue:0,displayStepper:true,hidden:props=>!props.showMouseControls||props.arrowShouldSpace||props.arrowPosition===\"auto\"||props.arrowPosition===\"top-right\"||props.arrowPosition===\"top-mid\"||props.arrowPosition===\"bottom-right\"||props.arrowPosition===\"bottom-mid\"},arrowGap:{type:ControlType.Number,title:\"Gap\",min:0,max:100,defaultValue:10,displayStepper:true,hidden:props=>!props.showMouseControls||props.arrowShouldSpace}}},progressOptions:{type:ControlType.Object,title:\"Dots\",controls:{showProgressDots:{type:ControlType.Boolean,title:\"Show\",defaultValue:false},dotSize:{type:ControlType.Number,title:\"Size\",min:1,max:100,defaultValue:10,displayStepper:true,hidden:props=>!props.showProgressDots||props.showScrollbar},dotsInset:{type:ControlType.Number,title:\"Inset\",min:-100,max:100,defaultValue:10,displayStepper:true,hidden:props=>!props.showProgressDots||props.showScrollbar},dotsGap:{type:ControlType.Number,title:\"Gap\",min:0,max:100,defaultValue:10,displayStepper:true,hidden:props=>!props.showProgressDots||props.showScrollbar},dotsPadding:{type:ControlType.Number,title:\"Padding\",min:0,max:100,defaultValue:10,displayStepper:true,hidden:props=>!props.showProgressDots||props.showScrollbar},dotsFill:{type:ControlType.Color,title:\"Fill\",defaultValue:\"#fff\",hidden:props=>!props.showProgressDots||props.showScrollbar},dotsBackground:{type:ControlType.Color,title:\"Backdrop\",defaultValue:\"rgba(0,0,0,0.2)\",hidden:props=>!props.showProgressDots||props.showScrollbar},dotsRadius:{type:ControlType.Number,title:\"Radius\",min:0,max:200,defaultValue:50,hidden:props=>!props.showProgressDots||props.showScrollbar},dotsOpacity:{type:ControlType.Number,title:\"Opacity\",min:0,max:1,defaultValue:.5,step:.1,displayStepper:true,hidden:props=>!props.showProgressDots||props.showScrollbar},dotsActiveOpacity:{type:ControlType.Number,title:\"Current\",min:0,max:1,defaultValue:1,step:.1,displayStepper:true,hidden:props=>!props.showProgressDots||props.showScrollbar},dotsBlur:{type:ControlType.Number,title:\"Blur\",min:0,max:50,defaultValue:0,step:1,hidden:props=>!props.showProgressDots||props.showScrollbar}}}});/* Placeholder Styles */ const containerStyle={display:\"flex\",flexDirection:\"row\",width:\"100%\",height:\"100%\",maxWidth:\"100%\",maxHeight:\"100%\",placeItems:\"center\",margin:0,padding:0,listStyleType:\"none\",textIndent:\"none\"};/* Component Styles */ const placeholderStyles={display:\"flex\",width:\"100%\",height:\"100%\",placeContent:\"center\",placeItems:\"center\",flexDirection:\"column\",color:\"#96F\",background:\"rgba(136, 85, 255, 0.1)\",fontSize:11,overflow:\"hidden\",padding:\"20px 20px 30px 20px\"};const emojiStyles={fontSize:32,marginBottom:10};const titleStyles={margin:0,marginBottom:10,fontWeight:600,textAlign:\"center\"};const subtitleStyles={margin:0,opacity:.7,maxWidth:180,lineHeight:1.5,textAlign:\"center\"};/* Control Styles */ const baseButtonStyles={border:\"none\",display:\"flex\",placeContent:\"center\",placeItems:\"center\",overflow:\"hidden\",background:\"transparent\",cursor:\"pointer\",margin:0,padding:0};const controlsStyles={display:\"flex\",justifyContent:\"space-between\",alignItems:\"center\",position:\"absolute\",pointerEvents:\"none\",userSelect:\"none\",top:0,left:0,right:0,bottom:0,border:0,padding:0,margin:0};/* Clamp function, used for fadeInset */ const clamp=(num,min,max)=>Math.min(Math.max(num,min),max);/* Slide Component */ const Slide=/*#__PURE__*/ forwardRef(function Component(props,ref){var ref1,ref2;const{slideKey,width,height,child,size,gap,wrappedValue,numChildren,childCounter,isCanvas,effects,effectsOpacity,effectsScale,effectsRotate,isHorizontal,isLast,index}=props;/**\n * Unique offsets + scroll range [0, 1, 1, 0]\n */ const childOffset=((size===null||size===void 0?void 0:size.item)+gap)*childCounter;const scrollRange=[-(size===null||size===void 0?void 0:size.item),0,(size===null||size===void 0?void 0:size.parent)-(size===null||size===void 0?void 0:size.item)+gap,size===null||size===void 0?void 0:size.parent,].map(val=>val-childOffset);/**\n * Effects\n */ const rotateY=!isCanvas&&useTransform(wrappedValue,scrollRange,[-effectsRotate,0,0,effectsRotate,]);const rotateX=!isCanvas&&useTransform(wrappedValue,scrollRange,[effectsRotate,0,0,-effectsRotate,]);const opacity=!isCanvas&&useTransform(wrappedValue,scrollRange,[effectsOpacity,1,1,effectsOpacity,]);const scale=!isCanvas&&useTransform(wrappedValue,scrollRange,[effectsScale,1,1,effectsScale,]);const originXorY=!isCanvas&&useTransform(wrappedValue,scrollRange,[1,1,0,0]);const isVisible=!isCanvas&&useTransform(wrappedValue,latest=>latest>=scrollRange[1]&&latest<=scrollRange[2]);useEffect(()=>{if(!isVisible)return;return isVisible.onChange(newValue=>{ref.current.setAttribute(\"aria-hidden\",!newValue);});},[]);return /*#__PURE__*/ _jsx(LayoutGroup,{inherit:\"id\",children:/*#__PURE__*/ _jsx(\"li\",{style:{display:\"contents\"},\"aria-hidden\":index===0?false:true,children:/*#__PURE__*/ cloneElement(child,{ref:ref,key:slideKey+\"child\",style:{...(ref1=child.props)===null||ref1===void 0?void 0:ref1.style,flexShrink:0,userSelect:\"none\",width,height,opacity:opacity,scale:scale,originX:isHorizontal?originXorY:.5,originY:!isHorizontal?originXorY:.5,rotateY:isHorizontal?rotateY:0,rotateX:!isHorizontal?rotateX:0}},(ref2=child.props)===null||ref2===void 0?void 0:ref2.children)})});});function Dot({selectedOpacity,opacity,total,index,wrappedIndex,wrappedIndexInverted,dotStyle,buttonStyle,gap,padding,isHorizontal,isInverted,...props}){/* Check active item */ /* Go 0\u20141\u20142\u20143\u20144\u20145\u20140 */ let isSelected=wrappedIndex===index;/* Go 0\u20145\u20144\u20143\u20142\u20141\u20140\u20145 instead when inverted */ if(isInverted){isSelected=Math.abs(wrappedIndexInverted)===index;}const inlinePadding=gap/2;let top=!isHorizontal&&index>0?inlinePadding:padding;let bottom=!isHorizontal&&index!==total-1?inlinePadding:padding;let right=isHorizontal&&index!==total-1?inlinePadding:padding;let left=isHorizontal&&index>0?inlinePadding:padding;return /*#__PURE__*/ _jsx(\"button\",{\"aria-label\":`Scroll to page ${index+1}`,type:\"button\",...props,style:{...buttonStyle,padding:`${top}px ${right}px ${bottom}px ${left}px`},children:/*#__PURE__*/ _jsx(motion.div,{style:{...dotStyle},initial:false,animate:{opacity:isSelected?selectedOpacity:opacity},transition:{duration:.3}})});}/* Dot Styles */ const dotsContainerStyle={display:\"flex\",placeContent:\"center\",placeItems:\"center\",overflow:\"hidden\",position:\"absolute\",pointerEvents:\"auto\"};const dotStyle={borderRadius:\"50%\",background:\"white\",cursor:\"pointer\",border:\"none\",placeContent:\"center\",placeItems:\"center\",padding:0};\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Slideshow\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"200\",\"framerIntrinsicWidth\":\"400\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerDisableUnlink\":\"*\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./SlideShow.map", "import{MotionValue}from\"framer\";// Basic MotionValue check\nexport const isMotionValue=v=>v instanceof MotionValue;\nexport const __FramerMetadata__ = {\"exports\":{\"isMotionValue\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./isMotionValue.map", "import{useCallback,useEffect,useRef}from\"react\";import{motionValue,animate,RenderTarget}from\"framer\";import{isMotionValue}from\"https://framerusercontent.com/modules/3mKFSGQqKHV82uOV1eBc/TbXI1XaZFNevVKcgIt7G/isMotionValue.js\";import{useConstant}from\"https://framerusercontent.com/modules/ExNgrA7EJTKUPpH6vIlN/eiOrSJ2Ab5M9jPCvVwUz/useConstant.js\";export function useAutoMotionValue(inputValue,options){// Put options on a local ref\n// Might wanna just memo instead but it works for now\nconst optionsRef=useRef(options);const animation=useRef();const didInitialMount=useRef(false);const isOnCanvas=RenderTarget.current()===RenderTarget.canvas;// in-progress - trying to figure out effect hooks\nconst onChangeDeps=(options===null||options===void 0?void 0:options.onChangeDeps)?options.onChangeDeps:[];// Memoize the onChange handler\nconst onChange=useCallback(options===null||options===void 0?void 0:options.onChange,[...onChangeDeps,]);// Optionally scale the value from props\nconst transformer=useCallback(value=>{var ref;return((ref=optionsRef.current)===null||ref===void 0?void 0:ref.transform)?optionsRef.current.transform(value):value;},[]);// Create new MotionValue from inputValue\nconst value1=useConstant(()=>isMotionValue(inputValue)?inputValue:motionValue(transformer(inputValue)));// Setting value from prop change\nuseEffect(()=>{if(!isMotionValue(inputValue)&&didInitialMount.current){var ref,ref1;const newValue=transformer(inputValue);(ref=animation.current)===null||ref===void 0?void 0:ref.stop();// Call change callback\nif(onChange)onChange(newValue,value1);// Trigger animation to new value\nif(((ref1=optionsRef.current)===null||ref1===void 0?void 0:ref1.animate)&&!isOnCanvas){var ref2;// @ts-ignore\nanimation.current=animate(value1,newValue,(ref2=optionsRef.current)===null||ref2===void 0?void 0:ref2.transition);}else{value1.set(newValue);}}didInitialMount.current=true;},[inputValue,...onChangeDeps]);return value1;}\nexport const __FramerMetadata__ = {\"exports\":{\"useAutoMotionValue\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./useAutoMotionValue.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{useMotionValueEvent}from\"framer-motion\";import{useRef,useEffect,useMemo,useCallback,memo}from\"react\";import{ControlType,addPropertyControls,useIsInCurrentNavigationTarget}from\"framer\";import{useOnEnter,useOnExit,defaultEvents,useIsOnCanvas,useIsBrowserSafari,useRadius,borderRadiusControl}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";import{useAutoMotionValue}from\"https://framer.com/m/framer/useAutoMotionValue.js@^0.3.0\";var ObjectFitType;(function(ObjectFitType){ObjectFitType[\"Fill\"]=\"fill\";ObjectFitType[\"Contain\"]=\"contain\";ObjectFitType[\"Cover\"]=\"cover\";ObjectFitType[\"None\"]=\"none\";ObjectFitType[\"ScaleDown\"]=\"scale-down\";})(ObjectFitType||(ObjectFitType={}));var SrcType;(function(SrcType){SrcType[\"Video\"]=\"Upload\";SrcType[\"Url\"]=\"URL\";})(SrcType||(SrcType={}));// Reduce renders\nfunction getProps(props){const{width,height,topLeft,topRight,bottomRight,bottomLeft,id,children,...rest}=props;return rest;}/**\n * VIDEO\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 112\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */ export function Video(props){const newProps=getProps(props);return /*#__PURE__*/ _jsx(VideoMemo,{...newProps});}/**\n * For the useEffect hook to change progress of the video on state change.\n * It was causing the video to restart on hydration\n */ let isMountedAndReadyForProgressChanges=false;const VideoMemo=/*#__PURE__*/ memo(function VideoInner(props){const{srcType,srcFile,srcUrl,playing,canvasPlay,muted,playsinline,controls,progress,objectFit,backgroundColor,radius,topLeft,topRight,bottomRight,bottomLeft,isMixed,onSeeked,onPause,onPlay,onEnd,onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,poster,restartOnEnter,posterEnabled,startTime:startTimeProp,volume,loop}=props;const isInCurrentNavigationTarget=useIsInCurrentNavigationTarget();const videoRef=useRef();const isSafari=useIsBrowserSafari();const requestingPlay=useRef(false);const wasPausedOnLeave=useRef(null);const wasEndedOnLeave=useRef(null);const isOnCanvas=useIsOnCanvas();const borderRadius=useRadius(props);// Video elements behave oddly at 100% duration\nconst startTime=startTimeProp===100?99.9:startTimeProp;const shouldPlay=!isOnCanvas||canvasPlay;const autoPlay=useMemo(()=>playing,[]);const isMuted=useMemo(()=>isOnCanvas?true:muted,[isOnCanvas,muted]);const setProgress=useCallback(rawProgress=>{if(!videoRef.current)return;const newProgress=(rawProgress===1?.999:rawProgress)*videoRef.current.duration;const isAlreadySet=Math.abs(videoRef.current.currentTime-newProgress)<.1;if(videoRef.current.duration>0&&!isAlreadySet){videoRef.current.currentTime=newProgress;}},[]);const play=useCallback(()=>{const isPlaying=videoRef.current.currentTime>0&&videoRef.current.onplaying&&!videoRef.current.paused&&!videoRef.current.ended&&videoRef.current.readyState>videoRef.current.HAVE_CURRENT_DATA;if(!isPlaying&&videoRef.current&&!requestingPlay.current&&isInCurrentNavigationTarget){requestingPlay.current=true;videoRef.current.play().catch(e=>{}) // It's likely fine, swallow error\n.finally(()=>requestingPlay.current=false);}},[]);const pause=useCallback(()=>{if(!videoRef.current||requestingPlay.current)return;videoRef.current.pause();},[]);// Pause/play via props\nuseEffect(()=>{if(playing&&shouldPlay)play();else pause();},[playing,canvasPlay]);// Change progress via prop\nuseEffect(()=>{if(isMountedAndReadyForProgressChanges)setProgress(startTime*.01);else isMountedAndReadyForProgressChanges=true;},[startTimeProp,srcFile,srcUrl]);const videoProgress=useAutoMotionValue(progress,{transform:value=>value*.01,onChange:newValue=>{setProgress(newValue);}});// Allow scrubbing with MotionValue\nuseMotionValueEvent(videoProgress,\"change\",latest=>{if(!isOnCanvas)setProgress(latest);});// (Prototyping) Checking if we need to play on navigation enter\nuseOnEnter(()=>{if(wasPausedOnLeave.current===null)return;if(videoRef.current){// if (restartOnEnter) setProgress(0)\nif(!wasEndedOnLeave&&loop||!wasPausedOnLeave.current)play();}});// (Prototyping) Pausing & saving playing state on navigation exit\nuseOnExit(()=>{if(videoRef.current){wasEndedOnLeave.current=videoRef.current.ended;wasPausedOnLeave.current=videoRef.current.paused;pause();}});const src=useMemo(()=>{if(srcType===SrcType.Url)return srcUrl;if(srcType===SrcType.Video)return srcFile;},[srcType,srcFile,srcUrl]);// Autoplay via JS to work in Safari\nuseEffect(()=>{if(isSafari&&videoRef.current&&autoPlay){setTimeout(()=>play(),50);}},[]);// Volume Control\nuseEffect(()=>{if(videoRef.current&&!muted)videoRef.current.volume=volume/100;},[volume]);// When video is ready, set start-time, then autoplay if needed\nconst handleReady=()=>{if(videoRef.current&&videoRef.current.currentTime<.3)setProgress(startTime*.01);if(shouldPlay&&videoRef.current&&autoPlay)play();};return /*#__PURE__*/ _jsx(\"video\",{onClick,onMouseEnter,onMouseLeave,onMouseDown,onMouseUp,src:src,loop:loop,ref:videoRef,onSeeked:e=>{return onSeeked===null||onSeeked===void 0?void 0:onSeeked(e);},onPause:e=>{return onPause===null||onPause===void 0?void 0:onPause(e);},onPlay:e=>{return onPlay===null||onPlay===void 0?void 0:onPlay(e);},onEnded:e=>{return onEnd===null||onEnd===void 0?void 0:onEnd(e);},autoPlay:autoPlay&&shouldPlay,poster:posterEnabled?poster:undefined,onLoadedData:handleReady,controls:controls,muted:isMuted,playsInline:playsinline,style:{width:\"100%\",height:\"100%\",borderRadius,display:\"block\",objectFit:objectFit,backgroundColor:backgroundColor,objectPosition:\"50% 50%\"}});});Video.displayName=\"Video\";Video.defaultProps={srcType:SrcType.Url,srcUrl:\"https://assets.mixkit.co/videos/preview/mixkit-ice-cream-glass-of-red-soda-5094-small.mp4\",srcFile:\"\",posterEnabled:false,controls:false,autoPlay:true,canvasPlay:false,loop:true,muted:true,playsinline:true,restartOnEnter:false,objectFit:ObjectFitType.Cover,backgroundColor:\"rgba(0,0,0,0)\",radius:0,volume:25,startTime:0};addPropertyControls(Video,{srcType:{type:ControlType.Enum,displaySegmentedControl:true,title:\"Source\",options:[SrcType.Url,SrcType.Video]},srcUrl:{type:ControlType.String,title:\" \",placeholder:\"../example.mp4\",hidden(props){return props.srcType===SrcType.Video;},description:\"Hosted video file URL. For Youtube, use the Youtube component.\"},srcFile:{type:ControlType.File,title:\" \",allowedFileTypes:[\"mp4\"],hidden(props){return props.srcType===SrcType.Url;}},playing:{type:ControlType.Boolean,title:\"Playing\",enabledTitle:\"Yes\",disabledTitle:\"No\"},posterEnabled:{type:ControlType.Boolean,title:\"Poster\",enabledTitle:\"Yes\",disabledTitle:\"No\"},poster:{type:ControlType.Image,title:\" \",hidden:({posterEnabled})=>!posterEnabled},backgroundColor:{type:ControlType.Color,title:\"Background\"},...borderRadiusControl,startTime:{title:\"Start Time\",type:ControlType.Number,min:0,max:100,step:.1,unit:\"%\"},loop:{type:ControlType.Boolean,title:\"Loop\",enabledTitle:\"Yes\",disabledTitle:\"No\"},objectFit:{type:ControlType.Enum,title:\"Fit\",options:[ObjectFitType.Cover,ObjectFitType.Fill,ObjectFitType.Contain,ObjectFitType.ScaleDown,ObjectFitType.None,]},canvasPlay:{type:ControlType.Boolean,title:\"On Canvas\",enabledTitle:\"Play\",disabledTitle:\"Pause\",hidden(props){return props.autoPlay===false;}},// restartOnEnter: {\n// type: ControlType.Boolean,\n// title: \"On ReEnter\",\n// enabledTitle: \"Restart\",\n// disabledTitle: \"Resume\",\n// },\ncontrols:{type:ControlType.Boolean,title:\"Controls\",enabledTitle:\"Show\",disabledTitle:\"Hide\"},muted:{type:ControlType.Boolean,title:\"Muted\",enabledTitle:\"Yes\",disabledTitle:\"No\"},volume:{type:ControlType.Number,max:100,min:0,unit:\"%\",hidden:({muted})=>muted},onEnd:{type:ControlType.EventHandler},onSeeked:{type:ControlType.EventHandler},onPause:{type:ControlType.EventHandler},onPlay:{type:ControlType.EventHandler},...defaultEvents});\nexport const __FramerMetadata__ = {\"exports\":{\"Video\":{\"type\":\"reactComponent\",\"name\":\"Video\",\"slots\":[],\"annotations\":{\"framerIntrinsicWidth\":\"200\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"112\",\"framerSupportedLayoutWidth\":\"fixed\"}},\"VideoProps\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Video.map", "import{fontStore}from\"framer\";fontStore.loadWebFontsFromSelectors([\"GF;Epilogue-600\"]);export const fonts=[{family:\"Epilogue\",moduleAsset:{localModuleIdentifier:\"local-module:css/J4jpxctV3:default\",url:\"https://fonts.gstatic.com/s/epilogue/v17/O4ZMFGj5hxF0EhjimngomvnCCtqb30OX7jTiDJXVigHPVA.ttf\"},style:\"normal\",url:\"https://fonts.gstatic.com/s/epilogue/v17/O4ZMFGj5hxF0EhjimngomvnCCtqb30OX7jTiDJXVigHPVA.ttf\",weight:\"600\"}];export const css=['.framer-GWeN5 .framer-styles-preset-13ar211:not(.rich-text-wrapper), .framer-GWeN5 .framer-styles-preset-13ar211.rich-text-wrapper h2, .framer-GWeN5 .framer-styles-preset-13ar211.rich-text-wrapper [data-preset-tag=\"h2\"] { --framer-font-family: \"Epilogue\", sans-serif; --framer-font-size: 24px; --framer-font-style: normal; --framer-font-weight: 600; --framer-letter-spacing: 0px; --framer-line-height: 1.4em; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-352768be-1808-46e0-a8ed-0c874109e368, #080808); --framer-text-decoration: none; --framer-text-transform: none; }','@media (max-width: 1199px) and (min-width: 810px) { .framer-GWeN5 .framer-styles-preset-13ar211:not(.rich-text-wrapper), .framer-GWeN5 .framer-styles-preset-13ar211.rich-text-wrapper h2, .framer-GWeN5 .framer-styles-preset-13ar211.rich-text-wrapper [data-preset-tag=\"h2\"] { --framer-font-family: \"Epilogue\", sans-serif; --framer-font-size: 18px; --framer-font-style: normal; --framer-font-weight: 600; --framer-letter-spacing: 0px; --framer-line-height: 1.4em; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-352768be-1808-46e0-a8ed-0c874109e368, #080808); --framer-text-decoration: none; --framer-text-transform: none; } }','@media (max-width: 809px) and (min-width: 0px) { .framer-GWeN5 .framer-styles-preset-13ar211:not(.rich-text-wrapper), .framer-GWeN5 .framer-styles-preset-13ar211.rich-text-wrapper h2, .framer-GWeN5 .framer-styles-preset-13ar211.rich-text-wrapper [data-preset-tag=\"h2\"] { --framer-font-family: \"Epilogue\", sans-serif; --framer-font-size: 18px; --framer-font-style: normal; --framer-font-weight: 600; --framer-letter-spacing: 0px; --framer-line-height: 1.4em; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-352768be-1808-46e0-a8ed-0c874109e368, #080808); --framer-text-decoration: none; --framer-text-transform: none; } }'];export const className=\"framer-GWeN5\";\nexport const __FramerMetadata__ = {\"exports\":{\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "import{fontStore}from\"framer\";fontStore.loadFonts([\"GF;Epilogue-regular\"]);export const fonts=[{family:\"Epilogue\",style:\"normal\",url:\"https://fonts.gstatic.com/s/epilogue/v17/O4ZMFGj5hxF0EhjimngomvnCCtqb30OXMDPiCZXVigHPVA.woff2\",weight:\"400\"}];export const css=['.framer-z1bPo .framer-styles-preset-971eb5:not(.rich-text-wrapper), .framer-z1bPo .framer-styles-preset-971eb5.rich-text-wrapper p { --framer-font-family: \"Epilogue\", \"Epilogue Placeholder\", sans-serif; --framer-font-size: 12px; --framer-font-style: normal; --framer-font-weight: 400; --framer-letter-spacing: 0px; --framer-line-height: 1.6em; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-352768be-1808-46e0-a8ed-0c874109e368, #080808); --framer-text-decoration: none; --framer-text-transform: none; }','@media (max-width: 1199px) and (min-width: 810px) { .framer-z1bPo .framer-styles-preset-971eb5:not(.rich-text-wrapper), .framer-z1bPo .framer-styles-preset-971eb5.rich-text-wrapper p { --framer-font-family: \"Epilogue\", \"Epilogue Placeholder\", sans-serif; --framer-font-size: 14px; --framer-font-style: normal; --framer-font-weight: 400; --framer-letter-spacing: 0px; --framer-line-height: 1.6em; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-352768be-1808-46e0-a8ed-0c874109e368, #080808); --framer-text-decoration: none; --framer-text-transform: none; } }','@media (max-width: 809px) and (min-width: 0px) { .framer-z1bPo .framer-styles-preset-971eb5:not(.rich-text-wrapper), .framer-z1bPo .framer-styles-preset-971eb5.rich-text-wrapper p { --framer-font-family: \"Epilogue\", \"Epilogue Placeholder\", sans-serif; --framer-font-size: 12px; --framer-font-style: normal; --framer-font-weight: 400; --framer-letter-spacing: 0px; --framer-line-height: 1.6em; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-352768be-1808-46e0-a8ed-0c874109e368, #080808); --framer-text-decoration: none; --framer-text-transform: none; } }'];export const className=\"framer-z1bPo\";\nexport const __FramerMetadata__ = {\"exports\":{\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "import{fontStore}from\"framer\";fontStore.loadWebFontsFromSelectors([\"GF;Epilogue-regular\"]);export const fonts=[{family:\"Epilogue\",moduleAsset:{localModuleIdentifier:\"local-module:css/whX4x_iFD:default\",url:\"https://fonts.gstatic.com/s/epilogue/v17/O4ZMFGj5hxF0EhjimngomvnCCtqb30OXMDPiDJXVigHPVA.ttf\"},style:\"normal\",url:\"https://fonts.gstatic.com/s/epilogue/v17/O4ZMFGj5hxF0EhjimngomvnCCtqb30OXMDPiDJXVigHPVA.ttf\",weight:\"400\"}];export const css=['.framer-eq0cl .framer-styles-preset-17sopyc:not(.rich-text-wrapper), .framer-eq0cl .framer-styles-preset-17sopyc.rich-text-wrapper p, .framer-eq0cl .framer-styles-preset-17sopyc.rich-text-wrapper [data-preset-tag=\"p\"] { --framer-font-family: \"Epilogue\", \"Epilogue Placeholder\", sans-serif; --framer-font-size: 14px; --framer-font-style: normal; --framer-font-weight: 400; --framer-letter-spacing: 0px; --framer-line-height: 1.5em; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-352768be-1808-46e0-a8ed-0c874109e368, #080808); --framer-text-decoration: none; --framer-text-transform: none; }','@media (max-width: 1199px) and (min-width: 810px) { .framer-eq0cl .framer-styles-preset-17sopyc:not(.rich-text-wrapper), .framer-eq0cl .framer-styles-preset-17sopyc.rich-text-wrapper p, .framer-eq0cl .framer-styles-preset-17sopyc.rich-text-wrapper [data-preset-tag=\"p\"] { --framer-font-family: \"Epilogue\", \"Epilogue Placeholder\", sans-serif; --framer-font-size: 12px; --framer-font-style: normal; --framer-font-weight: 400; --framer-letter-spacing: 0px; --framer-line-height: 1.5em; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-352768be-1808-46e0-a8ed-0c874109e368, #080808); --framer-text-decoration: none; --framer-text-transform: none; } }','@media (max-width: 809px) and (min-width: 0px) { .framer-eq0cl .framer-styles-preset-17sopyc:not(.rich-text-wrapper), .framer-eq0cl .framer-styles-preset-17sopyc.rich-text-wrapper p, .framer-eq0cl .framer-styles-preset-17sopyc.rich-text-wrapper [data-preset-tag=\"p\"] { --framer-font-family: \"Epilogue\", \"Epilogue Placeholder\", sans-serif; --framer-font-size: 12px; --framer-font-style: normal; --framer-font-weight: 400; --framer-letter-spacing: 0px; --framer-line-height: 1.5em; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-352768be-1808-46e0-a8ed-0c874109e368, #080808); --framer-text-decoration: none; --framer-text-transform: none; } }'];export const className=\"framer-eq0cl\";\nexport const __FramerMetadata__ = {\"exports\":{\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "import{fontStore}from\"framer\";fontStore.loadWebFontsFromSelectors([\"GF;Epilogue-600\"]);export const fonts=[{family:\"Epilogue\",moduleAsset:{localModuleIdentifier:\"local-module:css/YNgHtrQT4:default\",url:\"https://fonts.gstatic.com/s/epilogue/v17/O4ZMFGj5hxF0EhjimngomvnCCtqb30OX7jTiDJXVigHPVA.ttf\"},style:\"normal\",url:\"https://fonts.gstatic.com/s/epilogue/v17/O4ZMFGj5hxF0EhjimngomvnCCtqb30OX7jTiDJXVigHPVA.ttf\",weight:\"600\"}];export const css=['.framer-QBeaV .framer-styles-preset-1xiajgy:not(.rich-text-wrapper), .framer-QBeaV .framer-styles-preset-1xiajgy.rich-text-wrapper h2, .framer-QBeaV .framer-styles-preset-1xiajgy.rich-text-wrapper [data-preset-tag=\"h2\"] { --framer-font-family: \"Epilogue\", sans-serif; --framer-font-size: 36px; --framer-font-style: normal; --framer-font-weight: 600; --framer-letter-spacing: -1px; --framer-line-height: 1.2em; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-352768be-1808-46e0-a8ed-0c874109e368, #080808); --framer-text-decoration: none; --framer-text-transform: none; }','@media (max-width: 1199px) and (min-width: 810px) { .framer-QBeaV .framer-styles-preset-1xiajgy:not(.rich-text-wrapper), .framer-QBeaV .framer-styles-preset-1xiajgy.rich-text-wrapper h2, .framer-QBeaV .framer-styles-preset-1xiajgy.rich-text-wrapper [data-preset-tag=\"h2\"] { --framer-font-family: \"Epilogue\", sans-serif; --framer-font-size: 28px; --framer-font-style: normal; --framer-font-weight: 600; --framer-letter-spacing: -1px; --framer-line-height: 1.2em; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-352768be-1808-46e0-a8ed-0c874109e368, #080808); --framer-text-decoration: none; --framer-text-transform: none; } }','@media (max-width: 809px) and (min-width: 0px) { .framer-QBeaV .framer-styles-preset-1xiajgy:not(.rich-text-wrapper), .framer-QBeaV .framer-styles-preset-1xiajgy.rich-text-wrapper h2, .framer-QBeaV .framer-styles-preset-1xiajgy.rich-text-wrapper [data-preset-tag=\"h2\"] { --framer-font-family: \"Epilogue\", sans-serif; --framer-font-size: 24px; --framer-font-style: normal; --framer-font-weight: 600; --framer-letter-spacing: -1px; --framer-line-height: 1.2em; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-352768be-1808-46e0-a8ed-0c874109e368, #080808); --framer-text-decoration: none; --framer-text-transform: none; } }'];export const className=\"framer-QBeaV\";\nexport const __FramerMetadata__ = {\"exports\":{\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "// Generated by Framer (04e0834)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,getFontsFromSharedStyle,Image,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{Video}from\"https://framerusercontent.com/modules/lRDHiNWNVWmE0lqtoVHP/jcU3ZxjtR7k7aXRM1azZ/Video.js\";import{Icon as Phosphor}from\"https://framerusercontent.com/modules/tYScH7LTqUtz5KUaUAYP/H4OHcdXxZyPVKySUy1y2/Phosphor.js\";import*as sharedStyle1 from\"https://framerusercontent.com/modules/pmXge6fEbG9quf47fwVA/4kpUrvqonExRBhKa5qxZ/J4jpxctV3.js\";import*as sharedStyle3 from\"https://framerusercontent.com/modules/qXzBYbQvaPQUHTHUX1ot/bkQWOqE3axcayIFXCoMz/jZHZ9NvZI.js\";import*as sharedStyle2 from\"https://framerusercontent.com/modules/lIGEU483v6RxZCP9dp0g/3pDCkXtUG4S5VgIwqTxu/whX4x_iFD.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/fJUpwkfG0YdWKqKjT8Ko/25GlaefLiST180uaT8Sn/YNgHtrQT4.js\";const VideoFonts=getFonts(Video);const PhosphorFonts=getFonts(Phosphor);const cycleOrder=[\"Pd68Yyocg\",\"PbbteS6dL\",\"ojwf1X3Tj\",\"wfpnS_YEi\",\"kctgsiDuD\",\"cwdhVAR2s\",\"YM5BXp4QX\",\"fNPtEKYLI\"];const serializationHash=\"framer-PQuWc\";const variantClassNames={cwdhVAR2s:\"framer-v-1btown\",fNPtEKYLI:\"framer-v-vuimuj\",kctgsiDuD:\"framer-v-c3rps9\",ojwf1X3Tj:\"framer-v-zfcu8r\",PbbteS6dL:\"framer-v-125vah1\",Pd68Yyocg:\"framer-v-1qru9bn\",wfpnS_YEi:\"framer-v-xs2ufd\",YM5BXp4QX:\"framer-v-19qyp9k\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const humanReadableVariantMap={\"Variant 1\":\"Pd68Yyocg\",\"Variant 2\":\"ojwf1X3Tj\",\"Variant 3\":\"kctgsiDuD\",\"Variant 4\":\"YM5BXp4QX\",P1:\"PbbteS6dL\",P2:\"wfpnS_YEi\",P3:\"cwdhVAR2s\",P4:\"fNPtEKYLI\"};const getProps=({height,id,width,...props})=>{var _humanReadableVariantMap_props_variant,_ref;return{...props,variant:(_ref=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref!==void 0?_ref:\"Pd68Yyocg\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"Pd68Yyocg\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTap1rutl2=activeVariantCallback(async(...args)=>{setVariant(\"Pd68Yyocg\");});const ref1=React.useRef(null);const isDisplayed=()=>{if([\"PbbteS6dL\",\"wfpnS_YEi\",\"cwdhVAR2s\",\"fNPtEKYLI\"].includes(baseVariant))return false;return true;};const isDisplayed1=()=>{if([\"ojwf1X3Tj\",\"YM5BXp4QX\"].includes(baseVariant))return false;return true;};const isDisplayed2=()=>{if(baseVariant===\"ojwf1X3Tj\")return true;return false;};const isDisplayed3=()=>{if(baseVariant===\"kctgsiDuD\")return true;return false;};const isDisplayed4=()=>{if(baseVariant===\"YM5BXp4QX\")return true;return false;};const isDisplayed5=()=>{if(baseVariant===\"PbbteS6dL\")return true;return false;};const isDisplayed6=()=>{if(baseVariant===\"wfpnS_YEi\")return true;return false;};const isDisplayed7=()=>{if([\"ojwf1X3Tj\",\"wfpnS_YEi\"].includes(baseVariant))return false;return true;};const isDisplayed8=()=>{if(baseVariant===\"cwdhVAR2s\")return true;return false;};const isDisplayed9=()=>{if(baseVariant===\"fNPtEKYLI\")return true;return false;};const defaultLayoutId=React.useId();const sharedStyleClassNames=[sharedStyle.className,sharedStyle1.className,sharedStyle2.className,sharedStyle3.className];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(serializationHash,...sharedStyleClassNames,\"framer-1qru9bn\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"Pd68Yyocg\",ref:ref!==null&&ref!==void 0?ref:ref1,style:{backgroundColor:\"rgb(36, 36, 36)\",borderBottomLeftRadius:16,borderBottomRightRadius:16,borderTopLeftRadius:16,borderTopRightRadius:16,...style},...addPropertyOverrides({cwdhVAR2s:{\"data-framer-name\":\"P3\"},fNPtEKYLI:{\"data-framer-name\":\"P4\"},kctgsiDuD:{\"data-framer-name\":\"Variant 3\"},ojwf1X3Tj:{\"data-framer-name\":\"Variant 2\"},PbbteS6dL:{\"data-framer-name\":\"P1\"},wfpnS_YEi:{\"data-framer-name\":\"P2\"},YM5BXp4QX:{\"data-framer-name\":\"Variant 4\"}},baseVariant,gestureVariant),children:[isDisplayed()&&/*#__PURE__*/_jsxs(motion.div,{className:\"framer-6jbdtw\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"jeKvaoSvN\",onTap:onTap1rutl2,children:[isDisplayed1()&&/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fit\",intrinsicHeight:825,intrinsicWidth:1357,pixelHeight:825,pixelWidth:1357,positionX:\"center\",positionY:\"center\",sizes:\"470px\",src:\"https://framerusercontent.com/images/IrHGyVoRvfeHnCyMPMygufbaSmQ.png\",srcSet:\"https://framerusercontent.com/images/IrHGyVoRvfeHnCyMPMygufbaSmQ.png?scale-down-to=512 512w,https://framerusercontent.com/images/IrHGyVoRvfeHnCyMPMygufbaSmQ.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/IrHGyVoRvfeHnCyMPMygufbaSmQ.png 1357w\"},className:\"framer-1lstbq6\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"IX2Aoi5Pb\",onTap:onTap1rutl2}),isDisplayed1()&&/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fit\",intrinsicHeight:326,intrinsicWidth:595,pixelHeight:326,pixelWidth:595,positionX:\"center\",positionY:\"center\",sizes:\"461px\",src:\"https://framerusercontent.com/images/SYAasEUKLJiZ1j57U5OmFyTyDw0.png\",srcSet:\"https://framerusercontent.com/images/SYAasEUKLJiZ1j57U5OmFyTyDw0.png?scale-down-to=512 512w,https://framerusercontent.com/images/SYAasEUKLJiZ1j57U5OmFyTyDw0.png 595w\"},className:\"framer-19olww2\",layoutDependency:layoutDependency,layoutId:\"wgQRAnRti\"}),isDisplayed2()&&/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fit\",intrinsicHeight:754,intrinsicWidth:1486,pixelHeight:754,pixelWidth:1486,positionX:\"center\",positionY:\"center\",src:\"https://framerusercontent.com/images/433AXWsZy3sc4ERLYhyYjLld454.png\",srcSet:\"https://framerusercontent.com/images/433AXWsZy3sc4ERLYhyYjLld454.png?scale-down-to=512 512w,https://framerusercontent.com/images/433AXWsZy3sc4ERLYhyYjLld454.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/433AXWsZy3sc4ERLYhyYjLld454.png 1486w\"},className:\"framer-1dpmlhr\",layoutDependency:layoutDependency,layoutId:\"IbwFHaKKM\",...addPropertyOverrides({ojwf1X3Tj:{background:{alt:\"\",fit:\"fit\",intrinsicHeight:754,intrinsicWidth:1486,pixelHeight:754,pixelWidth:1486,positionX:\"center\",positionY:\"center\",sizes:\"505px\",src:\"https://framerusercontent.com/images/433AXWsZy3sc4ERLYhyYjLld454.png\",srcSet:\"https://framerusercontent.com/images/433AXWsZy3sc4ERLYhyYjLld454.png?scale-down-to=512 512w,https://framerusercontent.com/images/433AXWsZy3sc4ERLYhyYjLld454.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/433AXWsZy3sc4ERLYhyYjLld454.png 1486w\"}}},baseVariant,gestureVariant)}),isDisplayed2()&&/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fit\",intrinsicHeight:795,intrinsicWidth:1312,pixelHeight:795,pixelWidth:1312,positionX:\"center\",positionY:\"center\",src:\"https://framerusercontent.com/images/N71DfHdj640Ct8krKfpWYgDrI.png\",srcSet:\"https://framerusercontent.com/images/N71DfHdj640Ct8krKfpWYgDrI.png?scale-down-to=512 512w,https://framerusercontent.com/images/N71DfHdj640Ct8krKfpWYgDrI.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/N71DfHdj640Ct8krKfpWYgDrI.png 1312w\"},className:\"framer-1qmsvmw\",layoutDependency:layoutDependency,layoutId:\"mw0sWkJlK\",...addPropertyOverrides({ojwf1X3Tj:{background:{alt:\"\",fit:\"fit\",intrinsicHeight:795,intrinsicWidth:1312,pixelHeight:795,pixelWidth:1312,positionX:\"center\",positionY:\"center\",sizes:\"494px\",src:\"https://framerusercontent.com/images/N71DfHdj640Ct8krKfpWYgDrI.png\",srcSet:\"https://framerusercontent.com/images/N71DfHdj640Ct8krKfpWYgDrI.png?scale-down-to=512 512w,https://framerusercontent.com/images/N71DfHdj640Ct8krKfpWYgDrI.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/N71DfHdj640Ct8krKfpWYgDrI.png 1312w\"}}},baseVariant,gestureVariant)}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1y35p49-container\",layoutDependency:layoutDependency,layoutId:\"KQllUtshz-container\",children:/*#__PURE__*/_jsx(Video,{backgroundColor:\"rgba(0, 0, 0, 0)\",borderRadius:0,bottomLeftRadius:0,bottomRightRadius:0,canvasPlay:false,controls:true,height:\"100%\",id:\"KQllUtshz\",isMixedBorderRadius:false,layoutId:\"KQllUtshz\",loop:true,muted:true,objectFit:\"cover\",playing:true,posterEnabled:false,srcFile:\"https://framerusercontent.com/assets/NAOolTbMuakK2rcf6NdR2XE6p4.mp4\",srcType:\"Upload\",srcUrl:\"https://assets.mixkit.co/videos/preview/mixkit-ice-cream-glass-of-red-soda-5094-small.mp4\",startTime:0,style:{height:\"100%\",width:\"100%\"},topLeftRadius:0,topRightRadius:0,volume:25,width:\"100%\"})})}),isDisplayed4()&&/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fit\",intrinsicHeight:464,intrinsicWidth:1e3,pixelHeight:464,pixelWidth:1e3,positionX:\"center\",positionY:\"center\",src:\"https://framerusercontent.com/images/VumoHAQYgs7LbsKsvHnoX8cwY.png\",srcSet:\"https://framerusercontent.com/images/VumoHAQYgs7LbsKsvHnoX8cwY.png?scale-down-to=512 512w,https://framerusercontent.com/images/VumoHAQYgs7LbsKsvHnoX8cwY.png 1000w\"},className:\"framer-6eoo82\",\"data-framer-name\":\"image\",layoutDependency:layoutDependency,layoutId:\"Beq7PKa2X\",...addPropertyOverrides({YM5BXp4QX:{background:{alt:\"\",fit:\"fit\",intrinsicHeight:464,intrinsicWidth:1e3,pixelHeight:464,pixelWidth:1e3,positionX:\"center\",positionY:\"center\",sizes:\"478px\",src:\"https://framerusercontent.com/images/VumoHAQYgs7LbsKsvHnoX8cwY.png\",srcSet:\"https://framerusercontent.com/images/VumoHAQYgs7LbsKsvHnoX8cwY.png?scale-down-to=512 512w,https://framerusercontent.com/images/VumoHAQYgs7LbsKsvHnoX8cwY.png 1000w\"}}},baseVariant,gestureVariant)})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-13ll6rq\",layoutDependency:layoutDependency,layoutId:\"T9q05PzrP\",children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-1ojrehp\",layoutDependency:layoutDependency,layoutId:\"wt3YNjSiH\",children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1aig6do\",layoutDependency:layoutDependency,layoutId:\"oTT9UwAik\",children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-ohjc3a\",layoutDependency:layoutDependency,layoutId:\"Hc7zHNOPc\",children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1xiajgy\",\"data-styles-preset\":\"YNgHtrQT4\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-70514533-14f9-4853-85ff-89a00902f538, rgb(255, 255, 255)))\"},children:\"Paladin Bhutia\"})}),className:\"framer-1lgcs3v\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"sQu_ncYFx\",style:{\"--extracted-1of0zx5\":\"var(--token-70514533-14f9-4853-85ff-89a00902f538, rgb(255, 255, 255))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({cwdhVAR2s:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1xiajgy\",\"data-styles-preset\":\"YNgHtrQT4\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-70514533-14f9-4853-85ff-89a00902f538, rgb(255, 255, 255)))\"},children:\"Sebastian Ghiorghiou\"})})},fNPtEKYLI:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1xiajgy\",\"data-styles-preset\":\"YNgHtrQT4\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-70514533-14f9-4853-85ff-89a00902f538, rgb(255, 255, 255)))\"},children:\"CASPER SMC\"})})},kctgsiDuD:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1xiajgy\",\"data-styles-preset\":\"YNgHtrQT4\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-70514533-14f9-4853-85ff-89a00902f538, rgb(255, 255, 255)))\"},children:\"Sebastian Ghiorghiou\"})})},ojwf1X3Tj:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1xiajgy\",\"data-styles-preset\":\"YNgHtrQT4\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-70514533-14f9-4853-85ff-89a00902f538, rgb(255, 255, 255)))\"},children:\"ADDXZONE\"})})},wfpnS_YEi:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1xiajgy\",\"data-styles-preset\":\"YNgHtrQT4\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-70514533-14f9-4853-85ff-89a00902f538, rgb(255, 255, 255)))\"},children:\"ADDXZONE\"})})},YM5BXp4QX:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1xiajgy\",\"data-styles-preset\":\"YNgHtrQT4\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-70514533-14f9-4853-85ff-89a00902f538, rgb(255, 255, 255)))\"},children:\"CASPER SMC\"})})}},baseVariant,gestureVariant)})}),isDisplayed5()&&/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:825,intrinsicWidth:1357,pixelHeight:825,pixelWidth:1357,src:\"https://framerusercontent.com/images/IrHGyVoRvfeHnCyMPMygufbaSmQ.png\",srcSet:\"https://framerusercontent.com/images/IrHGyVoRvfeHnCyMPMygufbaSmQ.png?scale-down-to=512 512w,https://framerusercontent.com/images/IrHGyVoRvfeHnCyMPMygufbaSmQ.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/IrHGyVoRvfeHnCyMPMygufbaSmQ.png 1357w\"},className:\"framer-1tk0azb\",layoutDependency:layoutDependency,layoutId:\"tFyfpbnrl\",...addPropertyOverrides({PbbteS6dL:{background:{alt:\"\",fit:\"fill\",intrinsicHeight:825,intrinsicWidth:1357,pixelHeight:825,pixelWidth:1357,sizes:\"400px\",src:\"https://framerusercontent.com/images/IrHGyVoRvfeHnCyMPMygufbaSmQ.png\",srcSet:\"https://framerusercontent.com/images/IrHGyVoRvfeHnCyMPMygufbaSmQ.png?scale-down-to=512 512w,https://framerusercontent.com/images/IrHGyVoRvfeHnCyMPMygufbaSmQ.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/IrHGyVoRvfeHnCyMPMygufbaSmQ.png 1357w\"}}},baseVariant,gestureVariant)}),isDisplayed6()&&/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fit\",intrinsicHeight:772,intrinsicWidth:1610,pixelHeight:772,pixelWidth:1610,positionX:\"center\",positionY:\"center\",src:\"https://framerusercontent.com/images/URnU78JnFro1MVsrOt1Tt7iKO4.png\",srcSet:\"https://framerusercontent.com/images/URnU78JnFro1MVsrOt1Tt7iKO4.png?scale-down-to=512 512w,https://framerusercontent.com/images/URnU78JnFro1MVsrOt1Tt7iKO4.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/URnU78JnFro1MVsrOt1Tt7iKO4.png 1610w\"},className:\"framer-1lny5pe\",layoutDependency:layoutDependency,layoutId:\"PTi8Ao91z\",...addPropertyOverrides({wfpnS_YEi:{background:{alt:\"\",fit:\"fit\",intrinsicHeight:772,intrinsicWidth:1610,pixelHeight:772,pixelWidth:1610,positionX:\"center\",positionY:\"center\",sizes:\"390px\",src:\"https://framerusercontent.com/images/URnU78JnFro1MVsrOt1Tt7iKO4.png\",srcSet:\"https://framerusercontent.com/images/URnU78JnFro1MVsrOt1Tt7iKO4.png?scale-down-to=512 512w,https://framerusercontent.com/images/URnU78JnFro1MVsrOt1Tt7iKO4.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/URnU78JnFro1MVsrOt1Tt7iKO4.png 1610w\"}}},baseVariant,gestureVariant)}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-11ozmn3\",layoutDependency:layoutDependency,layoutId:\"j3v68yPBe\",children:[isDisplayed7()&&/*#__PURE__*/_jsxs(motion.div,{className:\"framer-18qcp03\",layoutDependency:layoutDependency,layoutId:\"tYpTimt4p\",children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1pcyl3t\",layoutDependency:layoutDependency,layoutId:\"Rkmg7XYk1\",children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-13bjv1v\",layoutDependency:layoutDependency,layoutId:\"hvkck9qSk\",style:{backgroundColor:\"var(--token-66b390d7-a0ec-428c-ad11-03db1bc0c4f8, rgba(255, 255, 255, 0.1))\",borderBottomLeftRadius:2,borderBottomRightRadius:2,borderTopLeftRadius:2,borderTopRightRadius:2},children:/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-cavdpg-container\",layoutDependency:layoutDependency,layoutId:\"cjxD33LqZ-container\",children:/*#__PURE__*/_jsx(Phosphor,{color:\"var(--token-6100d08f-2911-45c8-a9d9-5d48ec5e393c, rgb(255, 31, 31))\",height:\"100%\",iconSearch:\"House\",iconSelection:\"TrendDown\",id:\"cjxD33LqZ\",layoutId:\"cjxD33LqZ\",mirrored:false,selectByList:true,style:{height:\"100%\",width:\"100%\"},weight:\"bold\",width:\"100%\"})})})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-13ar211\",\"data-styles-preset\":\"J4jpxctV3\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-70514533-14f9-4853-85ff-89a00902f538, rgb(255, 255, 255)))\"},children:\"Before\"})}),className:\"framer-7dgb52\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"PRH7Gi95U\",style:{\"--extracted-1of0zx5\":\"var(--token-70514533-14f9-4853-85ff-89a00902f538, rgb(255, 255, 255))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true})]}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-17sopyc\",\"data-styles-preset\":\"whX4x_iFD\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0dfeb4f0-d5a8-43ed-a71c-6de7059f5035, rgb(238, 238, 238)))\"},children:\"paladin Bhutia is a day trader and he had only 25k followers on Twitter only. No social media presence on other platforms\"})}),className:\"framer-vbegdz\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"P6ulIkhA9\",style:{\"--extracted-r6o4lv\":\"var(--token-0dfeb4f0-d5a8-43ed-a71c-6de7059f5035, rgb(238, 238, 238))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({fNPtEKYLI:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-17sopyc\",\"data-styles-preset\":\"whX4x_iFD\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0dfeb4f0-d5a8-43ed-a71c-6de7059f5035, rgb(238, 238, 238)))\"},children:\"Casper was getting around 2k to 3k on average per video. and had only 4k subs on youtube.\"})})},YM5BXp4QX:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-17sopyc\",\"data-styles-preset\":\"whX4x_iFD\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0dfeb4f0-d5a8-43ed-a71c-6de7059f5035, rgb(238, 238, 238)))\"},children:\"Casper was getting around 2k to 3k on average per video. and had only 3k subs on youtube.\"})})}},baseVariant,gestureVariant)})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1a6f0z1\",layoutDependency:layoutDependency,layoutId:\"YGXFHN8s7\",children:[isDisplayed7()&&/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1mdzbic\",layoutDependency:layoutDependency,layoutId:\"p5N3ll0xZ\",children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-nfhywu\",layoutDependency:layoutDependency,layoutId:\"lgp_Ljd0p\",style:{backgroundColor:\"var(--token-66b390d7-a0ec-428c-ad11-03db1bc0c4f8, rgba(255, 255, 255, 0.1))\",borderBottomLeftRadius:2,borderBottomRightRadius:2,borderTopLeftRadius:2,borderTopRightRadius:2},children:/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-126nd02-container\",layoutDependency:layoutDependency,layoutId:\"VqxeTADF9-container\",children:/*#__PURE__*/_jsx(Phosphor,{color:\"var(--token-1b0d9212-3182-492d-8bec-e3c3dd8e6978, rgb(0, 217, 255))\",height:\"100%\",iconSearch:\"House\",iconSelection:\"TrendUp\",id:\"VqxeTADF9\",layoutId:\"VqxeTADF9\",mirrored:false,selectByList:true,style:{height:\"100%\",width:\"100%\"},weight:\"bold\",width:\"100%\"})})})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-13ar211\",\"data-styles-preset\":\"J4jpxctV3\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-70514533-14f9-4853-85ff-89a00902f538, rgb(255, 255, 255)))\"},children:\"After\"})}),className:\"framer-1p9wlko\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"dGJ2dvEd5\",style:{\"--extracted-1of0zx5\":\"var(--token-70514533-14f9-4853-85ff-89a00902f538, rgb(255, 255, 255))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true})]}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-17sopyc\",\"data-styles-preset\":\"whX4x_iFD\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0dfeb4f0-d5a8-43ed-a71c-6de7059f5035, rgb(238, 238, 238)))\"},children:\"Paladin Bhutia's rapid growth: 1M+ views and 40k subs, 70k Instagram followers, and 95k Twitter followers in 5 months with our strategies.\"})}),className:\"framer-139zgxl\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"uWgsFA3tj\",style:{\"--extracted-r6o4lv\":\"var(--token-0dfeb4f0-d5a8-43ed-a71c-6de7059f5035, rgb(238, 238, 238))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({fNPtEKYLI:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-17sopyc\",\"data-styles-preset\":\"whX4x_iFD\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0dfeb4f0-d5a8-43ed-a71c-6de7059f5035, rgb(238, 238, 238)))\"},children:\"now he has 20k subs on his youtube with videos averaging around 30k-40k views\"})})},ojwf1X3Tj:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-17sopyc\",\"data-styles-preset\":\"whX4x_iFD\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0dfeb4f0-d5a8-43ed-a71c-6de7059f5035, rgb(238, 238, 238)))\"},children:\"Addx Zone is our very own YouTube automation channel. With only 35 videos, we managed to grow our subscriber base to 100k, with some videos hitting well over 4 million views.\"})})},wfpnS_YEi:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-17sopyc\",\"data-styles-preset\":\"whX4x_iFD\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0dfeb4f0-d5a8-43ed-a71c-6de7059f5035, rgb(238, 238, 238)))\"},children:\"Addx Zone is our very own YouTube automation channel. With only 35 videos, we managed to grow our subscriber base to 100k, with some videos hitting well over 4 million views.\"})})},YM5BXp4QX:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-17sopyc\",\"data-styles-preset\":\"whX4x_iFD\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0dfeb4f0-d5a8-43ed-a71c-6de7059f5035, rgb(238, 238, 238)))\"},children:\"now he has 30k subs on his youtube with videos averaging around 20-80kviews\"})})}},baseVariant,gestureVariant)})]})]}),isDisplayed8()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-gogjup\",layoutDependency:layoutDependency,layoutId:\"y3K8ZuIo1\",children:/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-cwoolq-container\",layoutDependency:layoutDependency,layoutId:\"i5jLcja4A-container\",children:/*#__PURE__*/_jsx(Video,{backgroundColor:\"rgba(0, 0, 0, 0)\",borderRadius:0,bottomLeftRadius:0,bottomRightRadius:0,canvasPlay:false,controls:true,height:\"100%\",id:\"i5jLcja4A\",isMixedBorderRadius:false,layoutId:\"i5jLcja4A\",loop:true,muted:true,objectFit:\"cover\",playing:true,posterEnabled:false,srcFile:\"https://framerusercontent.com/assets/NAOolTbMuakK2rcf6NdR2XE6p4.mp4\",srcType:\"Upload\",srcUrl:\"https://assets.mixkit.co/videos/preview/mixkit-ice-cream-glass-of-red-soda-5094-small.mp4\",startTime:0,style:{height:\"100%\",width:\"100%\"},topLeftRadius:0,topRightRadius:0,volume:25,width:\"100%\"})})})}),isDisplayed9()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-1ufg7cy\",layoutDependency:layoutDependency,layoutId:\"v4l9H9pg4\",children:/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fit\",intrinsicHeight:225,intrinsicWidth:225,pixelHeight:225,pixelWidth:225,positionX:\"center\",positionY:\"center\",src:\"https://framerusercontent.com/images/7GIGbDp7fyw0Pnm1htxPNio080.png\"},className:\"framer-he45sd\",\"data-framer-name\":\"image\",layoutDependency:layoutDependency,layoutId:\"RLvfO93ta\"})})]})}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-96orb\",layoutDependency:layoutDependency,layoutId:\"x_jlTZM2_\",children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1eejria\",layoutDependency:layoutDependency,layoutId:\"TUTKLeyw9\",children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-1gz1r35\",layoutDependency:layoutDependency,layoutId:\"J_92H5Wd2\",style:{backgroundColor:\"var(--token-66b390d7-a0ec-428c-ad11-03db1bc0c4f8, rgba(255, 255, 255, 0.1))\",borderBottomLeftRadius:2,borderBottomRightRadius:2,borderTopLeftRadius:2,borderTopRightRadius:2},children:/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-x1zgf6-container\",layoutDependency:layoutDependency,layoutId:\"hfpVpYp0Y-container\",children:/*#__PURE__*/_jsx(Phosphor,{color:\"var(--token-1b0d9212-3182-492d-8bec-e3c3dd8e6978, rgb(0, 217, 255))\",height:\"100%\",iconSearch:\"House\",iconSelection:\"Timer\",id:\"hfpVpYp0Y\",layoutId:\"hfpVpYp0Y\",mirrored:false,selectByList:true,style:{height:\"100%\",width:\"100%\"},weight:\"bold\",width:\"100%\"})})})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-13ar211\",\"data-styles-preset\":\"J4jpxctV3\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-70514533-14f9-4853-85ff-89a00902f538, rgb(255, 255, 255)))\"},children:\"Process\"})}),className:\"framer-8i2wc\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"NySvtOfsn\",style:{\"--extracted-1of0zx5\":\"var(--token-70514533-14f9-4853-85ff-89a00902f538, rgb(255, 255, 255))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true})]}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-971eb5\",\"data-styles-preset\":\"jZHZ9NvZI\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0dfeb4f0-d5a8-43ed-a71c-6de7059f5035, rgb(238, 238, 238)))\"},children:\"When Paladin Bhutia approached us, he advocated for diving into long-form content. However, we opted for a different approach. We migrated his Twitter followers to Instagram, where captivating reels intrigued the market. After a month of anticipation, we launched his YouTube channel, achieving 70k views on the first video and enabling monetization.\"})}),className:\"framer-1208z4p\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"bF_Hcjg64\",style:{\"--extracted-r6o4lv\":\"var(--token-0dfeb4f0-d5a8-43ed-a71c-6de7059f5035, rgb(238, 238, 238))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({fNPtEKYLI:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-971eb5\",\"data-styles-preset\":\"jZHZ9NvZI\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0dfeb4f0-d5a8-43ed-a71c-6de7059f5035, rgb(238, 238, 238)))\"},children:\"First thing we was to change the thumbnail style. and told Casper to always introduce himself to the audience before starting a video. soon after our first video we were starting to see positive results and feedback more people started subscribing so we engaged them with short form content and in that content we created as much as authority for Casper which resulted in more people subscribing.\"})})},ojwf1X3Tj:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-971eb5\",\"data-styles-preset\":\"jZHZ9NvZI\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0dfeb4f0-d5a8-43ed-a71c-6de7059f5035, rgb(238, 238, 238)))\"},children:\"ADDX ZONE is an editing based youtube automation channel. the way we grew this channel to 100k is we targeted viral keywords. it took 12 high quality videos to hit our first viral with over 4m views\"})})},wfpnS_YEi:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-971eb5\",\"data-styles-preset\":\"jZHZ9NvZI\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0dfeb4f0-d5a8-43ed-a71c-6de7059f5035, rgb(238, 238, 238)))\"},children:\"ADDX ZONE is an editing based youtube automation channel. the way we grew this channel to 100k is we targeted viral keywords. it took 12 high quality videos to hit our first viral with over 4m views\"})})},YM5BXp4QX:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-971eb5\",\"data-styles-preset\":\"jZHZ9NvZI\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-0dfeb4f0-d5a8-43ed-a71c-6de7059f5035, rgb(238, 238, 238)))\"},children:\"First thing we was to change the thumbnail style. and told Casper to always introduce himself to the audience before starting a video. soon after our first video we were starting to see positive results and feedback more people started subscribing so we engaged them with short form content and in that content we created as much as authority for Casper which resulted in more people subscribing.\"})})}},baseVariant,gestureVariant)})]})]})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-PQuWc.framer-fvjhut, .framer-PQuWc .framer-fvjhut { display: block; }\",\".framer-PQuWc.framer-1qru9bn { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 64px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 32px; position: relative; width: 1210px; will-change: var(--framer-will-change-override, transform); }\",\".framer-PQuWc .framer-6jbdtw { align-content: flex-start; align-items: flex-start; cursor: pointer; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 32px; height: 504px; justify-content: flex-start; overflow: hidden; padding: 0px; position: sticky; top: 32px; width: 478px; will-change: transform; z-index: 1; }\",\".framer-PQuWc .framer-1lstbq6 { cursor: pointer; flex: none; height: 228px; position: relative; width: 470px; }\",\".framer-PQuWc .framer-19olww2 { flex: none; height: 205px; position: relative; width: 461px; }\",\".framer-PQuWc .framer-1dpmlhr { flex: none; height: 212px; position: relative; width: 505px; }\",\".framer-PQuWc .framer-1qmsvmw { flex: none; height: 247px; position: relative; width: 494px; }\",\".framer-PQuWc .framer-1y35p49-container, .framer-PQuWc .framer-cwoolq-container { aspect-ratio: 1.7857142857142858 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 112px); position: relative; width: 100%; }\",\".framer-PQuWc .framer-6eoo82 { flex: 1 0 0px; height: 1px; overflow: visible; position: relative; width: 100%; }\",\".framer-PQuWc .framer-13ll6rq { align-content: flex-start; align-items: flex-start; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 32px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 1px; }\",\".framer-PQuWc .framer-1ojrehp { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 32px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-PQuWc .framer-1aig6do { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 32px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 100%; }\",\".framer-PQuWc .framer-ohjc3a, .framer-PQuWc .framer-1pcyl3t, .framer-PQuWc .framer-1mdzbic, .framer-PQuWc .framer-1eejria { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 100%; }\",\".framer-PQuWc .framer-1lgcs3v, .framer-PQuWc .framer-7dgb52, .framer-PQuWc .framer-1p9wlko, .framer-PQuWc .framer-8i2wc { flex: 1 0 0px; height: auto; position: relative; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\",\".framer-PQuWc .framer-1tk0azb { flex: none; height: 300px; position: relative; width: 400px; }\",\".framer-PQuWc .framer-1lny5pe { flex: none; height: 295px; position: relative; width: 390px; }\",\".framer-PQuWc .framer-11ozmn3 { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 100%; }\",\".framer-PQuWc .framer-18qcp03, .framer-PQuWc .framer-1a6f0z1 { align-content: flex-start; align-items: flex-start; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 8px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px; position: relative; width: 1px; z-index: 1; }\",\".framer-PQuWc .framer-13bjv1v, .framer-PQuWc .framer-nfhywu, .framer-PQuWc .framer-1gz1r35 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 8px; position: relative; width: min-content; will-change: var(--framer-will-change-override, transform); }\",\".framer-PQuWc .framer-cavdpg-container, .framer-PQuWc .framer-126nd02-container, .framer-PQuWc .framer-x1zgf6-container { flex: none; height: 16px; position: relative; width: 16px; }\",\".framer-PQuWc .framer-vbegdz, .framer-PQuWc .framer-139zgxl, .framer-PQuWc .framer-1208z4p { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-PQuWc .framer-gogjup { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 32px; height: 212px; justify-content: center; overflow: hidden; padding: 0px; position: sticky; top: 32px; width: 100%; will-change: transform; z-index: 1; }\",\".framer-PQuWc .framer-1ufg7cy { align-content: center; align-items: center; aspect-ratio: 0.9484126984126984 / 1; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 32px; height: var(--framer-aspect-ratio-supported, 211px); justify-content: center; overflow: hidden; padding: 0px; position: sticky; top: 32px; width: 100%; will-change: transform; z-index: 1; }\",\".framer-PQuWc .framer-he45sd { aspect-ratio: 0.9470899470899471 / 1; flex: none; height: var(--framer-aspect-ratio-supported, 310px); overflow: visible; position: relative; width: 294px; }\",\".framer-PQuWc .framer-96orb { align-content: center; align-items: center; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-PQuWc.framer-1qru9bn, .framer-PQuWc .framer-6jbdtw, .framer-PQuWc .framer-13ll6rq, .framer-PQuWc .framer-1ojrehp, .framer-PQuWc .framer-1aig6do, .framer-PQuWc .framer-ohjc3a, .framer-PQuWc .framer-11ozmn3, .framer-PQuWc .framer-18qcp03, .framer-PQuWc .framer-1pcyl3t, .framer-PQuWc .framer-13bjv1v, .framer-PQuWc .framer-1a6f0z1, .framer-PQuWc .framer-1mdzbic, .framer-PQuWc .framer-nfhywu, .framer-PQuWc .framer-gogjup, .framer-PQuWc .framer-1ufg7cy, .framer-PQuWc .framer-96orb, .framer-PQuWc .framer-1eejria, .framer-PQuWc .framer-1gz1r35 { gap: 0px; } .framer-PQuWc.framer-1qru9bn > * { margin: 0px; margin-left: calc(64px / 2); margin-right: calc(64px / 2); } .framer-PQuWc.framer-1qru9bn > :first-child, .framer-PQuWc .framer-ohjc3a > :first-child, .framer-PQuWc .framer-11ozmn3 > :first-child, .framer-PQuWc .framer-1pcyl3t > :first-child, .framer-PQuWc .framer-13bjv1v > :first-child, .framer-PQuWc .framer-1mdzbic > :first-child, .framer-PQuWc .framer-nfhywu > :first-child, .framer-PQuWc .framer-1eejria > :first-child, .framer-PQuWc .framer-1gz1r35 > :first-child { margin-left: 0px; } .framer-PQuWc.framer-1qru9bn > :last-child, .framer-PQuWc .framer-ohjc3a > :last-child, .framer-PQuWc .framer-11ozmn3 > :last-child, .framer-PQuWc .framer-1pcyl3t > :last-child, .framer-PQuWc .framer-13bjv1v > :last-child, .framer-PQuWc .framer-1mdzbic > :last-child, .framer-PQuWc .framer-nfhywu > :last-child, .framer-PQuWc .framer-1eejria > :last-child, .framer-PQuWc .framer-1gz1r35 > :last-child { margin-right: 0px; } .framer-PQuWc .framer-6jbdtw > *, .framer-PQuWc .framer-13ll6rq > *, .framer-PQuWc .framer-1ojrehp > *, .framer-PQuWc .framer-1aig6do > *, .framer-PQuWc .framer-gogjup > *, .framer-PQuWc .framer-1ufg7cy > * { margin: 0px; margin-bottom: calc(32px / 2); margin-top: calc(32px / 2); } .framer-PQuWc .framer-6jbdtw > :first-child, .framer-PQuWc .framer-13ll6rq > :first-child, .framer-PQuWc .framer-1ojrehp > :first-child, .framer-PQuWc .framer-1aig6do > :first-child, .framer-PQuWc .framer-18qcp03 > :first-child, .framer-PQuWc .framer-1a6f0z1 > :first-child, .framer-PQuWc .framer-gogjup > :first-child, .framer-PQuWc .framer-1ufg7cy > :first-child, .framer-PQuWc .framer-96orb > :first-child { margin-top: 0px; } .framer-PQuWc .framer-6jbdtw > :last-child, .framer-PQuWc .framer-13ll6rq > :last-child, .framer-PQuWc .framer-1ojrehp > :last-child, .framer-PQuWc .framer-1aig6do > :last-child, .framer-PQuWc .framer-18qcp03 > :last-child, .framer-PQuWc .framer-1a6f0z1 > :last-child, .framer-PQuWc .framer-gogjup > :last-child, .framer-PQuWc .framer-1ufg7cy > :last-child, .framer-PQuWc .framer-96orb > :last-child { margin-bottom: 0px; } .framer-PQuWc .framer-ohjc3a > *, .framer-PQuWc .framer-1pcyl3t > *, .framer-PQuWc .framer-1mdzbic > *, .framer-PQuWc .framer-1eejria > * { margin: 0px; margin-left: calc(8px / 2); margin-right: calc(8px / 2); } .framer-PQuWc .framer-11ozmn3 > * { margin: 0px; margin-left: calc(24px / 2); margin-right: calc(24px / 2); } .framer-PQuWc .framer-18qcp03 > *, .framer-PQuWc .framer-1a6f0z1 > * { margin: 0px; margin-bottom: calc(8px / 2); margin-top: calc(8px / 2); } .framer-PQuWc .framer-13bjv1v > *, .framer-PQuWc .framer-nfhywu > *, .framer-PQuWc .framer-1gz1r35 > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-PQuWc .framer-96orb > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } }\",\".framer-PQuWc.framer-v-125vah1.framer-1qru9bn, .framer-PQuWc.framer-v-xs2ufd.framer-1qru9bn, .framer-PQuWc.framer-v-1btown.framer-1qru9bn, .framer-PQuWc.framer-v-vuimuj.framer-1qru9bn { flex-direction: column; padding: 16px; width: 390px; }\",\".framer-PQuWc.framer-v-125vah1 .framer-13ll6rq, .framer-PQuWc.framer-v-125vah1 .framer-18qcp03, .framer-PQuWc.framer-v-125vah1 .framer-1a6f0z1, .framer-PQuWc.framer-v-xs2ufd .framer-13ll6rq, .framer-PQuWc.framer-v-1btown .framer-13ll6rq, .framer-PQuWc.framer-v-1btown .framer-18qcp03, .framer-PQuWc.framer-v-1btown .framer-1a6f0z1, .framer-PQuWc.framer-v-vuimuj .framer-13ll6rq, .framer-PQuWc.framer-v-vuimuj .framer-18qcp03, .framer-PQuWc.framer-v-vuimuj .framer-1a6f0z1 { flex: none; width: 100%; }\",\".framer-PQuWc.framer-v-125vah1 .framer-ohjc3a, .framer-PQuWc.framer-v-zfcu8r .framer-1qmsvmw, .framer-PQuWc.framer-v-xs2ufd .framer-ohjc3a, .framer-PQuWc.framer-v-1btown .framer-ohjc3a, .framer-PQuWc.framer-v-vuimuj .framer-ohjc3a, .framer-PQuWc.framer-v-vuimuj .framer-he45sd { order: 0; }\",\".framer-PQuWc.framer-v-125vah1 .framer-1tk0azb, .framer-PQuWc.framer-v-zfcu8r .framer-1dpmlhr { order: 1; }\",\".framer-PQuWc.framer-v-125vah1 .framer-11ozmn3 { flex-direction: column; order: 3; overflow: visible; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-PQuWc.framer-v-125vah1.framer-1qru9bn, .framer-PQuWc.framer-v-125vah1 .framer-11ozmn3 { gap: 0px; } .framer-PQuWc.framer-v-125vah1.framer-1qru9bn > * { margin: 0px; margin-bottom: calc(64px / 2); margin-top: calc(64px / 2); } .framer-PQuWc.framer-v-125vah1.framer-1qru9bn > :first-child, .framer-PQuWc.framer-v-125vah1 .framer-11ozmn3 > :first-child { margin-top: 0px; } .framer-PQuWc.framer-v-125vah1.framer-1qru9bn > :last-child, .framer-PQuWc.framer-v-125vah1 .framer-11ozmn3 > :last-child { margin-bottom: 0px; } .framer-PQuWc.framer-v-125vah1 .framer-11ozmn3 > * { margin: 0px; margin-bottom: calc(24px / 2); margin-top: calc(24px / 2); } }\",\".framer-PQuWc.framer-v-zfcu8r.framer-1qru9bn { height: 568px; }\",\".framer-PQuWc.framer-v-zfcu8r .framer-6jbdtw { height: 503px; width: 518px; }\",\".framer-PQuWc.framer-v-xs2ufd .framer-1lny5pe { order: 2; }\",\".framer-PQuWc.framer-v-xs2ufd .framer-11ozmn3, .framer-PQuWc.framer-v-1btown .framer-gogjup { order: 3; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-PQuWc.framer-v-xs2ufd.framer-1qru9bn { gap: 0px; } .framer-PQuWc.framer-v-xs2ufd.framer-1qru9bn > * { margin: 0px; margin-bottom: calc(64px / 2); margin-top: calc(64px / 2); } .framer-PQuWc.framer-v-xs2ufd.framer-1qru9bn > :first-child { margin-top: 0px; } .framer-PQuWc.framer-v-xs2ufd.framer-1qru9bn > :last-child { margin-bottom: 0px; } }\",\".framer-PQuWc.framer-v-c3rps9 .framer-6jbdtw, .framer-PQuWc.framer-v-19qyp9k .framer-6jbdtw { justify-content: center; }\",\".framer-PQuWc.framer-v-1btown .framer-11ozmn3, .framer-PQuWc.framer-v-vuimuj .framer-11ozmn3 { flex-direction: column; order: 4; }\",\".framer-PQuWc.framer-v-1btown .framer-cwoolq-container { height: var(--framer-aspect-ratio-supported, 201px); }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-PQuWc.framer-v-1btown.framer-1qru9bn, .framer-PQuWc.framer-v-1btown .framer-11ozmn3 { gap: 0px; } .framer-PQuWc.framer-v-1btown.framer-1qru9bn > * { margin: 0px; margin-bottom: calc(64px / 2); margin-top: calc(64px / 2); } .framer-PQuWc.framer-v-1btown.framer-1qru9bn > :first-child, .framer-PQuWc.framer-v-1btown .framer-11ozmn3 > :first-child { margin-top: 0px; } .framer-PQuWc.framer-v-1btown.framer-1qru9bn > :last-child, .framer-PQuWc.framer-v-1btown .framer-11ozmn3 > :last-child { margin-bottom: 0px; } .framer-PQuWc.framer-v-1btown .framer-11ozmn3 > * { margin: 0px; margin-bottom: calc(24px / 2); margin-top: calc(24px / 2); } }\",\".framer-PQuWc.framer-v-vuimuj .framer-1ufg7cy { height: var(--framer-aspect-ratio-supported, 378px); order: 3; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-PQuWc.framer-v-vuimuj.framer-1qru9bn, .framer-PQuWc.framer-v-vuimuj .framer-11ozmn3 { gap: 0px; } .framer-PQuWc.framer-v-vuimuj.framer-1qru9bn > * { margin: 0px; margin-bottom: calc(64px / 2); margin-top: calc(64px / 2); } .framer-PQuWc.framer-v-vuimuj.framer-1qru9bn > :first-child, .framer-PQuWc.framer-v-vuimuj .framer-11ozmn3 > :first-child { margin-top: 0px; } .framer-PQuWc.framer-v-vuimuj.framer-1qru9bn > :last-child, .framer-PQuWc.framer-v-vuimuj .framer-11ozmn3 > :last-child { margin-bottom: 0px; } .framer-PQuWc.framer-v-vuimuj .framer-11ozmn3 > * { margin: 0px; margin-bottom: calc(24px / 2); margin-top: calc(24px / 2); } }\",...sharedStyle.css,...sharedStyle1.css,...sharedStyle2.css,...sharedStyle3.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 568\n * @framerIntrinsicWidth 1210\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"PbbteS6dL\":{\"layout\":[\"fixed\",\"auto\"]},\"ojwf1X3Tj\":{\"layout\":[\"fixed\",\"fixed\"]},\"wfpnS_YEi\":{\"layout\":[\"fixed\",\"auto\"]},\"kctgsiDuD\":{\"layout\":[\"fixed\",\"auto\"]},\"cwdhVAR2s\":{\"layout\":[\"fixed\",\"auto\"]},\"YM5BXp4QX\":{\"layout\":[\"fixed\",\"auto\"]},\"fNPtEKYLI\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerXQmzn6xme=withCSS(Component,css,\"framer-PQuWc\");export default FramerXQmzn6xme;FramerXQmzn6xme.displayName=\"Case studies/ section\";FramerXQmzn6xme.defaultProps={height:568,width:1210};addPropertyControls(FramerXQmzn6xme,{variant:{options:[\"Pd68Yyocg\",\"PbbteS6dL\",\"ojwf1X3Tj\",\"wfpnS_YEi\",\"kctgsiDuD\",\"cwdhVAR2s\",\"YM5BXp4QX\",\"fNPtEKYLI\"],optionTitles:[\"Variant 1\",\"P1\",\"Variant 2\",\"P2\",\"Variant 3\",\"P3\",\"Variant 4\",\"P4\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerXQmzn6xme,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://app.framerstatic.com/Inter-Regular.cyrillic-ext-CFTLRB35.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://app.framerstatic.com/Inter-Regular.cyrillic-KKLZBALH.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://app.framerstatic.com/Inter-Regular.greek-ext-ULEBLIFV.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://app.framerstatic.com/Inter-Regular.greek-IRHSNFQB.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://app.framerstatic.com/Inter-Regular.latin-ext-VZDUGU3Q.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://app.framerstatic.com/Inter-Regular.latin-JLQMKCHE.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://app.framerstatic.com/Inter-Regular.vietnamese-QK7VSWXK.woff2\",weight:\"400\"}]},...VideoFonts,...PhosphorFonts,...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts),...getFontsFromSharedStyle(sharedStyle2.fonts),...getFontsFromSharedStyle(sharedStyle3.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerXQmzn6xme\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"568\",\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"PbbteS6dL\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"ojwf1X3Tj\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]},\\\"wfpnS_YEi\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"kctgsiDuD\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"cwdhVAR2s\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"YM5BXp4QX\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"fNPtEKYLI\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerIntrinsicWidth\":\"1210\",\"framerImmutableVariables\":\"true\",\"framerComponentViewportWidth\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./XQmzn6xme.map", "// Generated by Framer (04e0834)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,ComponentViewportProvider,cx,getFonts,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import Slideshow from\"https://framerusercontent.com/modules/zvkTOpMSuRzRhLzZZIwG/TAKH1YMtHF4xgNl5W0ZC/SlideShow.js\";import CaseStudiesSection from\"https://framerusercontent.com/modules/mYWJRPXq09PDhrAAOxSX/dx03KEsRPrJMrrOmftHk/XQmzn6xme.js\";const CaseStudiesSectionFonts=getFonts(CaseStudiesSection);const SlideshowFonts=getFonts(Slideshow);const cycleOrder=[\"S_7Sk3ZUx\"];const serializationHash=\"framer-pGjQZ\";const variantClassNames={S_7Sk3ZUx:\"framer-v-95jpj\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const getProps=({height,id,width,...props})=>{return{...props};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"S_7Sk3ZUx\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.div,{...restProps,...gestureHandlers,className:cx(serializationHash,...sharedStyleClassNames,\"framer-95jpj\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"S_7Sk3ZUx\",ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1smnani\",\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"bJeT13Yhc\",children:/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-rj7yne-container\",layoutDependency:layoutDependency,layoutId:\"IdXxGcp_r-container\",children:/*#__PURE__*/_jsx(Slideshow,{alignment:\"center\",arrowOptions:{arrowFill:\"rgba(0, 0, 0, 0.2)\",arrowGap:10,arrowPadding:20,arrowPaddingBottom:0,arrowPaddingLeft:0,arrowPaddingRight:0,arrowPaddingTop:0,arrowPosition:\"auto\",arrowRadius:40,arrowShouldFadeIn:false,arrowShouldSpace:true,arrowSize:40,showMouseControls:false},autoPlayControl:true,borderRadius:0,direction:\"left\",dragControl:true,effectsOptions:{effectsHover:true,effectsOpacity:1,effectsPerspective:1200,effectsRotate:0,effectsScale:1},fadeOptions:{fadeAlpha:0,fadeContent:false,fadeInset:0,fadeWidth:25,overflow:true},gap:32,height:\"100%\",id:\"IdXxGcp_r\",intervalControl:10,itemAmount:1,layoutId:\"IdXxGcp_r\",padding:0,paddingBottom:0,paddingLeft:0,paddingPerSide:false,paddingRight:0,paddingTop:0,progressOptions:{dotsActiveOpacity:1,dotsBackground:\"rgba(0, 0, 0, 0)\",dotsBlur:0,dotsFill:\"rgb(255, 255, 255)\",dotsGap:10,dotsInset:10,dotSize:10,dotsOpacity:.5,dotsPadding:10,dotsRadius:50,showProgressDots:true},slots:[/*#__PURE__*/_jsx(ComponentViewportProvider,{width:\"717px\",children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-bew6qg-container\",layoutDependency:layoutDependency,layoutId:\"REF8277fI-container\",children:/*#__PURE__*/_jsx(CaseStudiesSection,{height:\"100%\",id:\"REF8277fI\",layoutId:\"REF8277fI\",style:{width:\"100%\"},variant:\"PbbteS6dL\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{width:\"717px\",children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-13jcuhb-container\",layoutDependency:layoutDependency,layoutId:\"KDBfV1MuO-container\",children:/*#__PURE__*/_jsx(CaseStudiesSection,{height:\"100%\",id:\"KDBfV1MuO\",layoutId:\"KDBfV1MuO\",style:{width:\"100%\"},variant:\"wfpnS_YEi\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{width:\"717px\",children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-19kf82x-container\",layoutDependency:layoutDependency,layoutId:\"WrQyZZrV7-container\",children:/*#__PURE__*/_jsx(CaseStudiesSection,{height:\"100%\",id:\"WrQyZZrV7\",layoutId:\"WrQyZZrV7\",style:{width:\"100%\"},variant:\"fNPtEKYLI\",width:\"100%\"})})})],startFrom:0,style:{height:\"100%\",width:\"100%\"},transitionControl:{damping:40,stiffness:200,type:\"spring\"},width:\"100%\"})})})})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-pGjQZ.framer-1eqj009, .framer-pGjQZ .framer-1eqj009 { display: block; }\",\".framer-pGjQZ.framer-95jpj { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 996px; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 810px; }\",\".framer-pGjQZ .framer-1smnani { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 996px; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 810px; }\",\".framer-pGjQZ .framer-rj7yne-container { flex: 1 0 0px; height: 100%; position: relative; width: 1px; }\",\".framer-pGjQZ .framer-bew6qg-container, .framer-pGjQZ .framer-13jcuhb-container, .framer-pGjQZ .framer-19kf82x-container { height: auto; position: relative; width: 717px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-pGjQZ.framer-95jpj, .framer-pGjQZ .framer-1smnani { gap: 0px; } .framer-pGjQZ.framer-95jpj > *, .framer-pGjQZ .framer-1smnani > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-pGjQZ.framer-95jpj > :first-child, .framer-pGjQZ .framer-1smnani > :first-child { margin-left: 0px; } .framer-pGjQZ.framer-95jpj > :last-child, .framer-pGjQZ .framer-1smnani > :last-child { margin-right: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 996\n * @framerIntrinsicWidth 810\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerfHT6nw9bA=withCSS(Component,css,\"framer-pGjQZ\");export default FramerfHT6nw9bA;FramerfHT6nw9bA.displayName=\"Tab Phone\";FramerfHT6nw9bA.defaultProps={height:996,width:810};addFonts(FramerfHT6nw9bA,[{explicitInter:true,fonts:[]},...CaseStudiesSectionFonts,...SlideshowFonts],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerfHT6nw9bA\",\"slots\":[],\"annotations\":{\"framerIntrinsicHeight\":\"996\",\"framerDisplayContentsDiv\":\"false\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"810\",\"framerImmutableVariables\":\"true\",\"framerComponentViewportWidth\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./fHT6nw9bA.map", "import{fontStore}from\"framer\";fontStore.loadWebFontsFromSelectors([\"GF;Epilogue-regular\"]);export const fonts=[{family:\"Epilogue\",moduleAsset:{localModuleIdentifier:\"local-module:css/P49bJ52vT:default\",url:\"https://fonts.gstatic.com/s/epilogue/v17/O4ZMFGj5hxF0EhjimngomvnCCtqb30OXMDPiDJXVigHPVA.ttf\"},style:\"normal\",url:\"https://fonts.gstatic.com/s/epilogue/v17/O4ZMFGj5hxF0EhjimngomvnCCtqb30OXMDPiDJXVigHPVA.ttf\",weight:\"400\"}];export const css=['.framer-MGdc0 .framer-styles-preset-1obfmi:not(.rich-text-wrapper), .framer-MGdc0 .framer-styles-preset-1obfmi.rich-text-wrapper h2, .framer-MGdc0 .framer-styles-preset-1obfmi.rich-text-wrapper [data-preset-tag=\"h2\"] { --framer-font-family: \"Epilogue\", \"Epilogue Placeholder\", sans-serif; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-weight: 400; --framer-letter-spacing: 0px; --framer-line-height: 1.4em; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-352768be-1808-46e0-a8ed-0c874109e368, #080808); --framer-text-decoration: none; --framer-text-transform: none; }','@media (max-width: 1199px) and (min-width: 810px) { .framer-MGdc0 .framer-styles-preset-1obfmi:not(.rich-text-wrapper), .framer-MGdc0 .framer-styles-preset-1obfmi.rich-text-wrapper h2, .framer-MGdc0 .framer-styles-preset-1obfmi.rich-text-wrapper [data-preset-tag=\"h2\"] { --framer-font-family: \"Epilogue\", \"Epilogue Placeholder\", sans-serif; --framer-font-size: 14px; --framer-font-style: normal; --framer-font-weight: 400; --framer-letter-spacing: 0px; --framer-line-height: 1.4em; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-352768be-1808-46e0-a8ed-0c874109e368, #080808); --framer-text-decoration: none; --framer-text-transform: none; } }','@media (max-width: 809px) and (min-width: 0px) { .framer-MGdc0 .framer-styles-preset-1obfmi:not(.rich-text-wrapper), .framer-MGdc0 .framer-styles-preset-1obfmi.rich-text-wrapper h2, .framer-MGdc0 .framer-styles-preset-1obfmi.rich-text-wrapper [data-preset-tag=\"h2\"] { --framer-font-family: \"Epilogue\", \"Epilogue Placeholder\", sans-serif; --framer-font-size: 14px; --framer-font-style: normal; --framer-font-weight: 400; --framer-letter-spacing: 0px; --framer-line-height: 1.4em; --framer-paragraph-spacing: 0px; --framer-text-alignment: start; --framer-text-color: var(--token-352768be-1808-46e0-a8ed-0c874109e368, #080808); --framer-text-decoration: none; --framer-text-transform: none; } }'];export const className=\"framer-MGdc0\";\nexport const __FramerMetadata__ = {\"exports\":{\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "// Generated by Framer (9f68555)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,getFontsFromSharedStyle,Image,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import Ticker from\"https://framerusercontent.com/modules/B2xAlJLcN0gOnt11mSPw/XVUmpmPn1EPL0dzocT35/Ticker.js\";import{Youtube as YouTube}from\"https://framerusercontent.com/modules/NEd4VmDdsxM3StIUbddO/9rhBPUZttCbLCWqJEL42/YouTube.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/hJOrIMT2gYjamb8XcG9D/fJ2MLqLEXqAlsDRVOOMP/P49bJ52vT.js\";const YouTubeFonts=getFonts(YouTube);const TickerFonts=getFonts(Ticker);const cycleOrder=[\"gajNBi5U_\",\"fRadF0spz\",\"jwMtNS4hE\",\"DGogDJ1kq\",\"ALommsFiA\",\"IExwoybfq\",\"NvjKatJ6i\",\"g8ks7MZrG\"];const serializationHash=\"framer-cGHxT\";const variantClassNames={ALommsFiA:\"framer-v-zymlh7\",DGogDJ1kq:\"framer-v-gv0vw5\",fRadF0spz:\"framer-v-1tiheuc\",g8ks7MZrG:\"framer-v-1mci392\",gajNBi5U_:\"framer-v-v1nu5v\",IExwoybfq:\"framer-v-1nknnn9\",jwMtNS4hE:\"framer-v-qw55et\",NvjKatJ6i:\"framer-v-1b30n1v\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion.create(React.Fragment);const humanReadableVariantMap={\"Mobile Designs\":\"NvjKatJ6i\",\"Mobile Long Form\":\"ALommsFiA\",\"Mobile Sales Asset\":\"g8ks7MZrG\",\"Mobile Short Form\":\"IExwoybfq\",LongForm:\"gajNBi5U_\",SalesAssets:\"DGogDJ1kq\",ShortForm:\"fRadF0spz\",Thumbnails:\"jwMtNS4hE\"};const getProps=({height,id,width,...props})=>{var _humanReadableVariantMap_props_variant,_ref;return{...props,variant:(_ref=(_humanReadableVariantMap_props_variant=humanReadableVariantMap[props.variant])!==null&&_humanReadableVariantMap_props_variant!==void 0?_humanReadableVariantMap_props_variant:props.variant)!==null&&_ref!==void 0?_ref:\"gajNBi5U_\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"gajNBi5U_\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTapn85pab=activeVariantCallback(async(...args)=>{setVariant(\"ALommsFiA\");});const onTap1ikibng=activeVariantCallback(async(...args)=>{setVariant(\"gajNBi5U_\");});const onTap1pbctjr=activeVariantCallback(async(...args)=>{setVariant(\"IExwoybfq\");});const onTap9ihisd=activeVariantCallback(async(...args)=>{setVariant(\"fRadF0spz\");});const onTap1iayfxr=activeVariantCallback(async(...args)=>{setVariant(\"NvjKatJ6i\");});const onTap13dbmbx=activeVariantCallback(async(...args)=>{setVariant(\"jwMtNS4hE\");});const onTapieazku=activeVariantCallback(async(...args)=>{setVariant(\"g8ks7MZrG\");});const onTap1u1rzyb=activeVariantCallback(async(...args)=>{setVariant(\"DGogDJ1kq\");});const ref1=React.useRef(null);const isDisplayed=()=>{if([\"fRadF0spz\",\"jwMtNS4hE\",\"DGogDJ1kq\",\"IExwoybfq\",\"NvjKatJ6i\",\"g8ks7MZrG\"].includes(baseVariant))return false;return true;};const isDisplayed1=()=>{if([\"fRadF0spz\",\"IExwoybfq\"].includes(baseVariant))return true;return false;};const isDisplayed2=()=>{if([\"jwMtNS4hE\",\"NvjKatJ6i\"].includes(baseVariant))return true;return false;};const isDisplayed3=()=>{if([\"DGogDJ1kq\",\"g8ks7MZrG\"].includes(baseVariant))return true;return false;};const defaultLayoutId=React.useId();const sharedStyleClassNames=[sharedStyle.className];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsxs(motion.div,{...restProps,...gestureHandlers,className:cx(serializationHash,...sharedStyleClassNames,\"framer-v1nu5v\",className,classNames),\"data-framer-name\":\"LongForm\",layoutDependency:layoutDependency,layoutId:\"gajNBi5U_\",ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},...addPropertyOverrides({ALommsFiA:{\"data-framer-name\":\"Mobile Long Form\"},DGogDJ1kq:{\"data-framer-name\":\"SalesAssets\"},fRadF0spz:{\"data-framer-name\":\"ShortForm\"},g8ks7MZrG:{\"data-framer-name\":\"Mobile Sales Asset\"},IExwoybfq:{\"data-framer-name\":\"Mobile Short Form\"},jwMtNS4hE:{\"data-framer-name\":\"Thumbnails\"},NvjKatJ6i:{\"data-framer-name\":\"Mobile Designs\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-93pjoc\",\"data-framer-name\":\"ButtonHolder\",layoutDependency:layoutDependency,layoutId:\"YYdplAwLZ\",children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-wq2rg5\",\"data-framer-name\":\"Long-FormContent\",layoutDependency:layoutDependency,layoutId:\"UX0XLFWhI\",style:{backgroundColor:\"var(--token-1b0d9212-3182-492d-8bec-e3c3dd8e6978, rgb(0, 217, 255))\",borderBottomLeftRadius:4,borderBottomRightRadius:4,borderTopLeftRadius:4,borderTopRightRadius:4},variants:{DGogDJ1kq:{backgroundColor:\"rgba(0, 0, 0, 0)\"},fRadF0spz:{backgroundColor:\"rgba(0, 0, 0, 0)\"},g8ks7MZrG:{backgroundColor:\"rgba(0, 0, 0, 0)\"},IExwoybfq:{backgroundColor:\"rgba(0, 0, 0, 0)\"},jwMtNS4hE:{backgroundColor:\"rgba(0, 0, 0, 0)\"},NvjKatJ6i:{backgroundColor:\"rgba(0, 0, 0, 0)\"}},...addPropertyOverrides({ALommsFiA:{\"data-highlight\":true,onTap:onTapn85pab},g8ks7MZrG:{\"data-highlight\":true,onTap:onTapn85pab},IExwoybfq:{\"data-highlight\":true,onTap:onTapn85pab},NvjKatJ6i:{\"data-highlight\":true,onTap:onTapn85pab}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1obfmi\",\"data-styles-preset\":\"P49bJ52vT\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-cf9e9713-7516-4958-8f33-177e7fa6100a, rgb(8, 8, 8)))\"},children:\"Long-Form Content\"})}),className:\"framer-1nrhj89\",\"data-highlight\":true,fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"pzOFSTH9p\",onTap:onTap1ikibng,style:{\"--extracted-1of0zx5\":\"var(--token-cf9e9713-7516-4958-8f33-177e7fa6100a, rgb(8, 8, 8))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},variants:{DGogDJ1kq:{\"--extracted-1of0zx5\":\"var(--token-352768be-1808-46e0-a8ed-0c874109e368, rgb(255, 255, 255))\"},fRadF0spz:{\"--extracted-1of0zx5\":\"var(--token-352768be-1808-46e0-a8ed-0c874109e368, rgb(255, 255, 255))\"},g8ks7MZrG:{\"--extracted-1of0zx5\":\"var(--token-352768be-1808-46e0-a8ed-0c874109e368, rgb(255, 255, 255))\"},IExwoybfq:{\"--extracted-1of0zx5\":\"var(--token-352768be-1808-46e0-a8ed-0c874109e368, rgb(255, 255, 255))\"},jwMtNS4hE:{\"--extracted-1of0zx5\":\"var(--token-352768be-1808-46e0-a8ed-0c874109e368, rgb(255, 255, 255))\"},NvjKatJ6i:{\"--extracted-1of0zx5\":\"var(--token-352768be-1808-46e0-a8ed-0c874109e368, rgb(255, 255, 255))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({ALommsFiA:{onTap:onTapn85pab},DGogDJ1kq:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1obfmi\",\"data-styles-preset\":\"P49bJ52vT\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-352768be-1808-46e0-a8ed-0c874109e368, rgb(255, 255, 255)))\"},children:\"Long-Form Content\"})})},fRadF0spz:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1obfmi\",\"data-styles-preset\":\"P49bJ52vT\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-352768be-1808-46e0-a8ed-0c874109e368, rgb(255, 255, 255)))\"},children:\"Long-Form Content\"})})},g8ks7MZrG:{\"data-highlight\":undefined,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1obfmi\",\"data-styles-preset\":\"P49bJ52vT\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-352768be-1808-46e0-a8ed-0c874109e368, rgb(255, 255, 255)))\"},children:\"Long-Form Content\"})}),onTap:undefined},IExwoybfq:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1obfmi\",\"data-styles-preset\":\"P49bJ52vT\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-352768be-1808-46e0-a8ed-0c874109e368, rgb(255, 255, 255)))\"},children:\"Long-Form Content\"})}),onTap:onTapn85pab},jwMtNS4hE:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1obfmi\",\"data-styles-preset\":\"P49bJ52vT\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-352768be-1808-46e0-a8ed-0c874109e368, rgb(255, 255, 255)))\"},children:\"Long-Form Content\"})})},NvjKatJ6i:{\"data-highlight\":undefined,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1obfmi\",\"data-styles-preset\":\"P49bJ52vT\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-352768be-1808-46e0-a8ed-0c874109e368, rgb(255, 255, 255)))\"},children:\"Long-Form Content\"})}),onTap:undefined}},baseVariant,gestureVariant)})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-zb3sv6\",\"data-framer-name\":\"ShortForm\",layoutDependency:layoutDependency,layoutId:\"IphUy3Gp0\",style:{backgroundColor:\"rgba(0, 0, 0, 0)\",borderBottomLeftRadius:6,borderBottomRightRadius:6,borderTopLeftRadius:6,borderTopRightRadius:6},variants:{fRadF0spz:{backgroundColor:\"var(--token-1b0d9212-3182-492d-8bec-e3c3dd8e6978, rgb(0, 217, 255))\"},IExwoybfq:{backgroundColor:\"var(--token-1b0d9212-3182-492d-8bec-e3c3dd8e6978, rgb(0, 217, 255))\"}},...addPropertyOverrides({ALommsFiA:{\"data-highlight\":true,onTap:onTap1pbctjr},g8ks7MZrG:{\"data-highlight\":true,onTap:onTap1pbctjr},NvjKatJ6i:{\"data-highlight\":true,onTap:onTap1pbctjr}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1obfmi\",\"data-styles-preset\":\"P49bJ52vT\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-352768be-1808-46e0-a8ed-0c874109e368, rgb(255, 255, 255)))\"},children:\"Short Form Content\"})}),className:\"framer-1ga9lns\",\"data-highlight\":true,fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"ElMuifqJ6\",onTap:onTap9ihisd,style:{\"--extracted-1of0zx5\":\"var(--token-352768be-1808-46e0-a8ed-0c874109e368, rgb(255, 255, 255))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},variants:{fRadF0spz:{\"--extracted-1of0zx5\":\"var(--token-cf9e9713-7516-4958-8f33-177e7fa6100a, rgb(8, 8, 8))\"},IExwoybfq:{\"--extracted-1of0zx5\":\"var(--token-cf9e9713-7516-4958-8f33-177e7fa6100a, rgb(8, 8, 8))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({ALommsFiA:{onTap:onTap1pbctjr},fRadF0spz:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1obfmi\",\"data-styles-preset\":\"P49bJ52vT\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-cf9e9713-7516-4958-8f33-177e7fa6100a, rgb(8, 8, 8)))\"},children:\"Short Form Content\"})})},g8ks7MZrG:{\"data-highlight\":undefined,onTap:undefined},IExwoybfq:{\"data-highlight\":undefined,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1obfmi\",\"data-styles-preset\":\"P49bJ52vT\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-cf9e9713-7516-4958-8f33-177e7fa6100a, rgb(8, 8, 8)))\"},children:\"Short Form Content\"})}),onTap:undefined},NvjKatJ6i:{\"data-highlight\":undefined,onTap:undefined}},baseVariant,gestureVariant)})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-6bpjg6\",\"data-framer-name\":\"ADS/VSL\",layoutDependency:layoutDependency,layoutId:\"qpzF8WCI4\",style:{backgroundColor:\"rgba(0, 0, 0, 0)\",borderBottomLeftRadius:6,borderBottomRightRadius:6,borderTopLeftRadius:6,borderTopRightRadius:6},variants:{jwMtNS4hE:{backgroundColor:\"var(--token-1b0d9212-3182-492d-8bec-e3c3dd8e6978, rgb(0, 217, 255))\"},NvjKatJ6i:{backgroundColor:\"var(--token-1b0d9212-3182-492d-8bec-e3c3dd8e6978, rgb(0, 217, 255))\"}},...addPropertyOverrides({ALommsFiA:{\"data-highlight\":true,onTap:onTap1iayfxr},g8ks7MZrG:{\"data-highlight\":true,onTap:onTap1iayfxr},IExwoybfq:{\"data-highlight\":true,onTap:onTap1iayfxr},NvjKatJ6i:{\"data-highlight\":true,onTap:onTap1iayfxr}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1obfmi\",\"data-styles-preset\":\"P49bJ52vT\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-352768be-1808-46e0-a8ed-0c874109e368, rgb(255, 255, 255)))\"},children:\"Designs\"})}),className:\"framer-1ovocpk\",\"data-highlight\":true,fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"IJapi9xyW\",onTap:onTap13dbmbx,style:{\"--extracted-1of0zx5\":\"var(--token-352768be-1808-46e0-a8ed-0c874109e368, rgb(255, 255, 255))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},variants:{jwMtNS4hE:{\"--extracted-1of0zx5\":\"var(--token-cf9e9713-7516-4958-8f33-177e7fa6100a, rgb(8, 8, 8))\"},NvjKatJ6i:{\"--extracted-1of0zx5\":\"var(--token-cf9e9713-7516-4958-8f33-177e7fa6100a, rgb(8, 8, 8))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({ALommsFiA:{onTap:onTap1iayfxr},g8ks7MZrG:{\"data-highlight\":undefined,onTap:undefined},IExwoybfq:{\"data-highlight\":undefined,onTap:undefined},jwMtNS4hE:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1obfmi\",\"data-styles-preset\":\"P49bJ52vT\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-cf9e9713-7516-4958-8f33-177e7fa6100a, rgb(8, 8, 8)))\"},children:\"Designs\"})})},NvjKatJ6i:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1obfmi\",\"data-styles-preset\":\"P49bJ52vT\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-cf9e9713-7516-4958-8f33-177e7fa6100a, rgb(8, 8, 8)))\"},children:\"Designs\"})}),onTap:onTap1iayfxr}},baseVariant,gestureVariant)})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-hcd6uf\",\"data-framer-name\":\"SalesAssets\",layoutDependency:layoutDependency,layoutId:\"kiLqUVOpt\",style:{backgroundColor:\"rgba(0, 0, 0, 0)\",borderBottomLeftRadius:6,borderBottomRightRadius:6,borderTopLeftRadius:6,borderTopRightRadius:6},variants:{DGogDJ1kq:{backgroundColor:\"var(--token-1b0d9212-3182-492d-8bec-e3c3dd8e6978, rgb(0, 217, 255))\"},g8ks7MZrG:{backgroundColor:\"var(--token-1b0d9212-3182-492d-8bec-e3c3dd8e6978, rgb(0, 217, 255))\"}},...addPropertyOverrides({ALommsFiA:{\"data-highlight\":true,onTap:onTapieazku},IExwoybfq:{\"data-highlight\":true,onTap:onTapieazku},NvjKatJ6i:{\"data-highlight\":true,onTap:onTapieazku}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1obfmi\",\"data-styles-preset\":\"P49bJ52vT\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-352768be-1808-46e0-a8ed-0c874109e368, rgb(255, 255, 255)))\"},children:\"Sales Assets\"})}),className:\"framer-1rst1vt\",\"data-highlight\":true,fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"npITpBlcp\",onTap:onTap1u1rzyb,style:{\"--extracted-1of0zx5\":\"var(--token-352768be-1808-46e0-a8ed-0c874109e368, rgb(255, 255, 255))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},variants:{DGogDJ1kq:{\"--extracted-1of0zx5\":\"var(--token-cf9e9713-7516-4958-8f33-177e7fa6100a, rgb(8, 8, 8))\"},g8ks7MZrG:{\"--extracted-1of0zx5\":\"var(--token-cf9e9713-7516-4958-8f33-177e7fa6100a, rgb(8, 8, 8))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({ALommsFiA:{onTap:onTapieazku},DGogDJ1kq:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1obfmi\",\"data-styles-preset\":\"P49bJ52vT\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-cf9e9713-7516-4958-8f33-177e7fa6100a, rgb(8, 8, 8)))\"},children:\"Sales Assets\"})})},g8ks7MZrG:{\"data-highlight\":undefined,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1obfmi\",\"data-styles-preset\":\"P49bJ52vT\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-cf9e9713-7516-4958-8f33-177e7fa6100a, rgb(8, 8, 8)))\"},children:\"Sales Assets\"})}),onTap:undefined},IExwoybfq:{\"data-highlight\":undefined,onTap:undefined},NvjKatJ6i:{\"data-highlight\":undefined,onTap:undefined}},baseVariant,gestureVariant)})})]}),isDisplayed()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-pu8nmy-container\",\"data-framer-name\":\"LongForm Showcase\",layoutDependency:layoutDependency,layoutId:\"t8ql_lVk2-container\",name:\"LongForm Showcase\",children:/*#__PURE__*/_jsx(Ticker,{alignment:\"center\",direction:\"right\",fadeOptions:{fadeAlpha:0,fadeContent:true,fadeInset:4,fadeWidth:25,overflow:false},gap:24,height:\"100%\",hoverFactor:0,id:\"t8ql_lVk2\",layoutId:\"t8ql_lVk2\",name:\"LongForm Showcase\",padding:10,paddingBottom:10,paddingLeft:10,paddingPerSide:false,paddingRight:10,paddingTop:10,sizingOptions:{heightType:true,widthType:true},slots:[/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-8j1pu-container\",\"data-framer-name\":\"Long form 1 \",layoutDependency:layoutDependency,layoutId:\"ZUJ4UbdzG-container\",name:\"Long form 1 \",children:/*#__PURE__*/_jsx(YouTube,{borderRadius:0,bottomLeftRadius:0,bottomRightRadius:0,height:\"100%\",id:\"ZUJ4UbdzG\",isMixedBorderRadius:false,isRed:false,layoutId:\"ZUJ4UbdzG\",name:\"Long form 1 \",play:\"Off\",shouldMute:true,style:{height:\"100%\",width:\"100%\"},thumbnail:\"Medium Quality\",topLeftRadius:0,topRightRadius:0,url:\"https://www.youtube.com/watch?v=5IR0qp1MXZo\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-opdyul-container\",\"data-framer-name\":\"Long form 3\",layoutDependency:layoutDependency,layoutId:\"rcukjQX3n-container\",name:\"Long form 3\",children:/*#__PURE__*/_jsx(YouTube,{borderRadius:0,bottomLeftRadius:0,bottomRightRadius:0,height:\"100%\",id:\"rcukjQX3n\",isMixedBorderRadius:false,isRed:false,layoutId:\"rcukjQX3n\",name:\"Long form 3\",play:\"Off\",shouldMute:true,style:{height:\"100%\",width:\"100%\"},thumbnail:\"Medium Quality\",topLeftRadius:0,topRightRadius:0,url:\"https://www.youtube.com/watch?v=TqhjoPNORTo&t=213s\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-7iymux-container\",\"data-framer-name\":\"Long form 2\",layoutDependency:layoutDependency,layoutId:\"WeAbVqzOm-container\",name:\"Long form 2\",children:/*#__PURE__*/_jsx(YouTube,{borderRadius:0,bottomLeftRadius:0,bottomRightRadius:0,height:\"100%\",id:\"WeAbVqzOm\",isMixedBorderRadius:false,isRed:false,layoutId:\"WeAbVqzOm\",name:\"Long form 2\",play:\"Off\",shouldMute:true,style:{height:\"100%\",width:\"100%\"},thumbnail:\"Medium Quality\",topLeftRadius:0,topRightRadius:0,url:\"https://www.youtube.com/watch?v=OIS41B24HGM\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1umi4ef-container\",\"data-framer-name\":\"Long form 4\",layoutDependency:layoutDependency,layoutId:\"eZoU6mFNo-container\",name:\"Long form 4\",children:/*#__PURE__*/_jsx(YouTube,{borderRadius:0,bottomLeftRadius:0,bottomRightRadius:0,height:\"100%\",id:\"eZoU6mFNo\",isMixedBorderRadius:false,isRed:false,layoutId:\"eZoU6mFNo\",name:\"Long form 4\",play:\"Off\",shouldMute:true,style:{height:\"100%\",width:\"100%\"},thumbnail:\"Medium Quality\",topLeftRadius:0,topRightRadius:0,url:\"https://www.youtube.com/watch?v=fRErRTqygZY&t=723s\",width:\"100%\"})})})],speed:150,style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})}),isDisplayed1()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-21yqv1-container\",\"data-framer-name\":\"ShortForm Showcase\",layoutDependency:layoutDependency,layoutId:\"dzMVtKWLU-container\",name:\"ShortForm Showcase\",children:/*#__PURE__*/_jsx(Ticker,{alignment:\"center\",direction:\"right\",fadeOptions:{fadeAlpha:0,fadeContent:true,fadeInset:0,fadeWidth:25,overflow:false},gap:24,height:\"100%\",hoverFactor:0,id:\"dzMVtKWLU\",layoutId:\"dzMVtKWLU\",name:\"ShortForm Showcase\",padding:10,paddingBottom:10,paddingLeft:10,paddingPerSide:false,paddingRight:10,paddingTop:10,sizingOptions:{heightType:true,widthType:true},slots:[/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-qvo8ox-container\",\"data-framer-name\":\"Short 1\",layoutDependency:layoutDependency,layoutId:\"YfS0F2bmX-container\",name:\"Short 1\",children:/*#__PURE__*/_jsx(YouTube,{borderRadius:0,bottomLeftRadius:0,bottomRightRadius:0,height:\"100%\",id:\"YfS0F2bmX\",isMixedBorderRadius:false,isRed:false,layoutId:\"YfS0F2bmX\",name:\"Short 1\",play:\"Off\",shouldMute:true,style:{height:\"100%\",width:\"100%\"},thumbnail:\"Medium Quality\",topLeftRadius:0,topRightRadius:0,url:\"https://www.youtube.com/embed/Zyjmo8uqCVU\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1m32p0s-container\",\"data-framer-name\":\"Short 2\",layoutDependency:layoutDependency,layoutId:\"H2bGZIw3z-container\",name:\"Short 2\",children:/*#__PURE__*/_jsx(YouTube,{borderRadius:0,bottomLeftRadius:0,bottomRightRadius:0,height:\"100%\",id:\"H2bGZIw3z\",isMixedBorderRadius:false,isRed:false,layoutId:\"H2bGZIw3z\",name:\"Short 2\",play:\"Off\",shouldMute:true,style:{height:\"100%\",width:\"100%\"},thumbnail:\"Medium Quality\",topLeftRadius:0,topRightRadius:0,url:\"https://www.youtube.com/embed/cyFJIIVB1rY\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-13lj4rr-container\",\"data-framer-name\":\"Short 3\",layoutDependency:layoutDependency,layoutId:\"dwMKjkzSD-container\",name:\"Short 3\",children:/*#__PURE__*/_jsx(YouTube,{borderRadius:0,bottomLeftRadius:0,bottomRightRadius:0,height:\"100%\",id:\"dwMKjkzSD\",isMixedBorderRadius:false,isRed:false,layoutId:\"dwMKjkzSD\",name:\"Short 3\",play:\"Off\",shouldMute:true,style:{height:\"100%\",width:\"100%\"},thumbnail:\"Medium Quality\",topLeftRadius:0,topRightRadius:0,url:\"https://www.youtube.com/embed/7le6d9C8_dU\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1j3sagh-container\",\"data-framer-name\":\"Short 4\",layoutDependency:layoutDependency,layoutId:\"B5NGnXPIt-container\",name:\"Short 4\",children:/*#__PURE__*/_jsx(YouTube,{borderRadius:0,bottomLeftRadius:0,bottomRightRadius:0,height:\"100%\",id:\"B5NGnXPIt\",isMixedBorderRadius:false,isRed:false,layoutId:\"B5NGnXPIt\",name:\"Short 4\",play:\"Off\",shouldMute:true,style:{height:\"100%\",width:\"100%\"},thumbnail:\"Medium Quality\",topLeftRadius:0,topRightRadius:0,url:\"https://www.youtube.com/embed/WwY5xD7RP3w\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-isswyz-container\",\"data-framer-name\":\"Short 5\",layoutDependency:layoutDependency,layoutId:\"nJOGx14Bf-container\",name:\"Short 5\",children:/*#__PURE__*/_jsx(YouTube,{borderRadius:0,bottomLeftRadius:0,bottomRightRadius:0,height:\"100%\",id:\"nJOGx14Bf\",isMixedBorderRadius:false,isRed:false,layoutId:\"nJOGx14Bf\",name:\"Short 5\",play:\"Off\",shouldMute:true,style:{height:\"100%\",width:\"100%\"},thumbnail:\"Medium Quality\",topLeftRadius:0,topRightRadius:0,url:\"https://www.youtube.com/embed/Degi12pqjOU\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-jo917r-container\",\"data-framer-name\":\"Short 6\",layoutDependency:layoutDependency,layoutId:\"nV703q70w-container\",name:\"Short 6\",children:/*#__PURE__*/_jsx(YouTube,{borderRadius:0,bottomLeftRadius:0,bottomRightRadius:0,height:\"100%\",id:\"nV703q70w\",isMixedBorderRadius:false,isRed:false,layoutId:\"nV703q70w\",name:\"Short 6\",play:\"Off\",shouldMute:true,style:{height:\"100%\",width:\"100%\"},thumbnail:\"Medium Quality\",topLeftRadius:0,topRightRadius:0,url:\"https://www.youtube.com/embed/szapEgASLCw\",width:\"100%\"})})}),/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-y5wb9n-container\",\"data-framer-name\":\"Short 7\",layoutDependency:layoutDependency,layoutId:\"b_Qrwc8EJ-container\",name:\"Short 7\",children:/*#__PURE__*/_jsx(YouTube,{borderRadius:0,bottomLeftRadius:0,bottomRightRadius:0,height:\"100%\",id:\"b_Qrwc8EJ\",isMixedBorderRadius:false,isRed:false,layoutId:\"b_Qrwc8EJ\",name:\"Short 7\",play:\"Off\",shouldMute:true,style:{height:\"100%\",width:\"100%\"},thumbnail:\"Medium Quality\",topLeftRadius:0,topRightRadius:0,url:\"https://www.youtube.com/embed/P2ITsNZ2bD0\",width:\"100%\"})})})],speed:150,style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-mghcd7-container\",\"data-framer-name\":\"Designs\",layoutDependency:layoutDependency,layoutId:\"vo1vtUIIa-container\",name:\"Designs\",children:/*#__PURE__*/_jsx(Ticker,{alignment:\"center\",direction:\"right\",fadeOptions:{fadeAlpha:0,fadeContent:true,fadeInset:4,fadeWidth:25,overflow:false},gap:24,height:\"100%\",hoverFactor:0,id:\"vo1vtUIIa\",layoutId:\"vo1vtUIIa\",name:\"Designs\",padding:10,paddingBottom:10,paddingLeft:10,paddingPerSide:false,paddingRight:10,paddingTop:10,sizingOptions:{heightType:true,widthType:true},slots:[/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fit\",pixelHeight:2e3,pixelWidth:2e3,positionX:\"center\",positionY:\"center\",sizes:\"369px\",src:\"https://framerusercontent.com/images/fw3bLkvtdBQP0PHiy6RYiaU1lYY.png\",srcSet:\"https://framerusercontent.com/images/fw3bLkvtdBQP0PHiy6RYiaU1lYY.png?scale-down-to=512 512w,https://framerusercontent.com/images/fw3bLkvtdBQP0PHiy6RYiaU1lYY.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/fw3bLkvtdBQP0PHiy6RYiaU1lYY.png 2000w\"},className:\"framer-ygy6oh\",\"data-framer-name\":\"Casper 3\",layoutDependency:layoutDependency,layoutId:\"yxcIffYn2\"}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",pixelHeight:1125,pixelWidth:2e3,sizes:\"369px\",src:\"https://framerusercontent.com/images/umzVlhCjzpeSDauWDNhDI7hrlgU.jpeg\",srcSet:\"https://framerusercontent.com/images/umzVlhCjzpeSDauWDNhDI7hrlgU.jpeg?scale-down-to=512 512w,https://framerusercontent.com/images/umzVlhCjzpeSDauWDNhDI7hrlgU.jpeg?scale-down-to=1024 1024w,https://framerusercontent.com/images/umzVlhCjzpeSDauWDNhDI7hrlgU.jpeg 2000w\"},className:\"framer-naslh6\",\"data-framer-name\":\"Casper 2\",layoutDependency:layoutDependency,layoutId:\"Q6qq0WzJW\"}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",pixelHeight:371,pixelWidth:660,sizes:\"369px\",src:\"https://framerusercontent.com/images/CWynjkqsMU7M80DguiGWVWJ8gc.png\",srcSet:\"https://framerusercontent.com/images/CWynjkqsMU7M80DguiGWVWJ8gc.png?scale-down-to=512 512w,https://framerusercontent.com/images/CWynjkqsMU7M80DguiGWVWJ8gc.png 660w\"},className:\"framer-1rkhduj\",\"data-framer-name\":\"Matt 1\",layoutDependency:layoutDependency,layoutId:\"h7VlZVPsp\"}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",pixelHeight:1080,pixelWidth:1920,sizes:\"369px\",src:\"https://framerusercontent.com/images/UqRZaqva0cyZoPbAgDQBBkSewHA.jpg\",srcSet:\"https://framerusercontent.com/images/UqRZaqva0cyZoPbAgDQBBkSewHA.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/UqRZaqva0cyZoPbAgDQBBkSewHA.jpg?scale-down-to=1024 1024w,https://framerusercontent.com/images/UqRZaqva0cyZoPbAgDQBBkSewHA.jpg 1920w\"},className:\"framer-1qfc1no\",\"data-framer-name\":\"Matt 2\",layoutDependency:layoutDependency,layoutId:\"Uu8k5rBed\"}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",pixelHeight:1124,pixelWidth:2e3,sizes:\"369px\",src:\"https://framerusercontent.com/images/BoGShMkN8G6WuVlyhmELSMjerUY.jpeg\",srcSet:\"https://framerusercontent.com/images/BoGShMkN8G6WuVlyhmELSMjerUY.jpeg?scale-down-to=512 512w,https://framerusercontent.com/images/BoGShMkN8G6WuVlyhmELSMjerUY.jpeg?scale-down-to=1024 1024w,https://framerusercontent.com/images/BoGShMkN8G6WuVlyhmELSMjerUY.jpeg 2000w\"},className:\"framer-ssng5t\",\"data-framer-name\":\"Sebastian\",layoutDependency:layoutDependency,layoutId:\"u33wos0Vg\"}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fit\",pixelHeight:1080,pixelWidth:1080,positionX:\"center\",positionY:\"center\",sizes:\"369px\",src:\"https://framerusercontent.com/images/NkM1yqwuAR8hGFaTJH2PqOiut8.png\",srcSet:\"https://framerusercontent.com/images/NkM1yqwuAR8hGFaTJH2PqOiut8.png?scale-down-to=512 512w,https://framerusercontent.com/images/NkM1yqwuAR8hGFaTJH2PqOiut8.png?scale-down-to=1024 1024w,https://framerusercontent.com/images/NkM1yqwuAR8hGFaTJH2PqOiut8.png 1080w\"},className:\"framer-dq88h7\",\"data-framer-name\":\"Rewire\",layoutDependency:layoutDependency,layoutId:\"h4xYwPcEs\"})],speed:150,style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})}),isDisplayed2()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-y2sf30-container\",\"data-framer-name\":\"Designs\",layoutDependency:layoutDependency,layoutId:\"SiHgjUtfw-container\",name:\"Designs\",children:/*#__PURE__*/_jsx(Ticker,{alignment:\"center\",direction:\"left\",fadeOptions:{fadeAlpha:0,fadeContent:true,fadeInset:4,fadeWidth:25,overflow:false},gap:24,height:\"100%\",hoverFactor:0,id:\"SiHgjUtfw\",layoutId:\"SiHgjUtfw\",name:\"Designs\",padding:10,paddingBottom:10,paddingLeft:10,paddingPerSide:false,paddingRight:10,paddingTop:10,sizingOptions:{heightType:true,widthType:true},slots:[/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",pixelHeight:1124,pixelWidth:2e3,sizes:\"369px\",src:\"https://framerusercontent.com/images/ndKNLhAbs3vPxm5vCerz61AiHlg.jpeg\",srcSet:\"https://framerusercontent.com/images/ndKNLhAbs3vPxm5vCerz61AiHlg.jpeg?scale-down-to=512 512w,https://framerusercontent.com/images/ndKNLhAbs3vPxm5vCerz61AiHlg.jpeg?scale-down-to=1024 1024w,https://framerusercontent.com/images/ndKNLhAbs3vPxm5vCerz61AiHlg.jpeg 2000w\"},className:\"framer-1axcp4o\",\"data-framer-name\":\"Robotic make Money matt\",layoutDependency:layoutDependency,layoutId:\"ooUwmSbeW\"}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",pixelHeight:1125,pixelWidth:2e3,sizes:\"369px\",src:\"https://framerusercontent.com/images/rVxjLAhAGb0aN1ttnuJd1ZEeHc.jpeg\",srcSet:\"https://framerusercontent.com/images/rVxjLAhAGb0aN1ttnuJd1ZEeHc.jpeg?scale-down-to=512 512w,https://framerusercontent.com/images/rVxjLAhAGb0aN1ttnuJd1ZEeHc.jpeg?scale-down-to=1024 1024w,https://framerusercontent.com/images/rVxjLAhAGb0aN1ttnuJd1ZEeHc.jpeg 2000w\"},className:\"framer-g6fhks\",\"data-framer-name\":\"Prop Firm\",layoutDependency:layoutDependency,layoutId:\"NycyammzC\"}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",pixelHeight:1125,pixelWidth:2e3,sizes:\"369px\",src:\"https://framerusercontent.com/images/YtOh5JqHmO623AzWTEbbJiPY0E.jpg\",srcSet:\"https://framerusercontent.com/images/YtOh5JqHmO623AzWTEbbJiPY0E.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/YtOh5JqHmO623AzWTEbbJiPY0E.jpg?scale-down-to=1024 1024w,https://framerusercontent.com/images/YtOh5JqHmO623AzWTEbbJiPY0E.jpg 2000w\"},className:\"framer-1680laf\",\"data-framer-name\":\"Hanzala\",layoutDependency:layoutDependency,layoutId:\"D4k6NpiQx\"}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",pixelHeight:1080,pixelWidth:1920,sizes:\"369px\",src:\"https://framerusercontent.com/images/uany1w1Q6C2QAe0AmL80NiXLkS4.jpeg\",srcSet:\"https://framerusercontent.com/images/uany1w1Q6C2QAe0AmL80NiXLkS4.jpeg?scale-down-to=512 512w,https://framerusercontent.com/images/uany1w1Q6C2QAe0AmL80NiXLkS4.jpeg?scale-down-to=1024 1024w,https://framerusercontent.com/images/uany1w1Q6C2QAe0AmL80NiXLkS4.jpeg 1920w\"},className:\"framer-bcrtyx\",\"data-framer-name\":\"Personal Brand\",layoutDependency:layoutDependency,layoutId:\"x28zASXeu\"}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",pixelHeight:1080,pixelWidth:1920,sizes:\"369px\",src:\"https://framerusercontent.com/images/UqRZaqva0cyZoPbAgDQBBkSewHA.jpg\",srcSet:\"https://framerusercontent.com/images/UqRZaqva0cyZoPbAgDQBBkSewHA.jpg?scale-down-to=512 512w,https://framerusercontent.com/images/UqRZaqva0cyZoPbAgDQBBkSewHA.jpg?scale-down-to=1024 1024w,https://framerusercontent.com/images/UqRZaqva0cyZoPbAgDQBBkSewHA.jpg 1920w\"},className:\"framer-1qfc1no\",\"data-framer-name\":\"Matt 2\",layoutDependency:layoutDependency,layoutId:\"Uu8k5rBed\"}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",pixelHeight:1124,pixelWidth:2e3,sizes:\"369px\",src:\"https://framerusercontent.com/images/BoGShMkN8G6WuVlyhmELSMjerUY.jpeg\",srcSet:\"https://framerusercontent.com/images/BoGShMkN8G6WuVlyhmELSMjerUY.jpeg?scale-down-to=512 512w,https://framerusercontent.com/images/BoGShMkN8G6WuVlyhmELSMjerUY.jpeg?scale-down-to=1024 1024w,https://framerusercontent.com/images/BoGShMkN8G6WuVlyhmELSMjerUY.jpeg 2000w\"},className:\"framer-ssng5t\",\"data-framer-name\":\"Sebastian\",layoutDependency:layoutDependency,layoutId:\"u33wos0Vg\"})],speed:150,style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})}),isDisplayed3()&&/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-u5y4xl-container\",\"data-framer-name\":\"Sales Assets\",layoutDependency:layoutDependency,layoutId:\"rxNQ5cUIL-container\",name:\"Sales Assets\",children:/*#__PURE__*/_jsx(Ticker,{alignment:\"flex-start\",direction:\"right\",fadeOptions:{fadeAlpha:0,fadeContent:true,fadeInset:4,fadeWidth:25,overflow:false},gap:18,height:\"100%\",hoverFactor:0,id:\"rxNQ5cUIL\",layoutId:\"rxNQ5cUIL\",name:\"Sales Assets\",padding:10,paddingBottom:10,paddingLeft:10,paddingPerSide:false,paddingRight:10,paddingTop:10,sizingOptions:{heightType:true,widthType:true},slots:[/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:176,intrinsicWidth:680,pixelHeight:220,pixelWidth:850,sizes:\"490.6818px\",src:\"https://framerusercontent.com/images/f4J3vG4M56f7GlsCaEZKLO3c.png\",srcSet:\"https://framerusercontent.com/images/f4J3vG4M56f7GlsCaEZKLO3c.png?scale-down-to=512 512w,https://framerusercontent.com/images/f4J3vG4M56f7GlsCaEZKLO3c.png 850w\"},className:\"framer-jbgqd3\",\"data-framer-name\":\"big_coming_soon_1_\",layoutDependency:layoutDependency,layoutId:\"xNvlyMGGZ\"}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:176,intrinsicWidth:680,pixelHeight:220,pixelWidth:850,sizes:\"490.6818px\",src:\"https://framerusercontent.com/images/f4J3vG4M56f7GlsCaEZKLO3c.png\",srcSet:\"https://framerusercontent.com/images/f4J3vG4M56f7GlsCaEZKLO3c.png?scale-down-to=512 512w,https://framerusercontent.com/images/f4J3vG4M56f7GlsCaEZKLO3c.png 850w\"},className:\"framer-s6cio3\",\"data-framer-name\":\"big_coming_soon_1_\",layoutDependency:layoutDependency,layoutId:\"nQ9CKZhz8\"}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:176,intrinsicWidth:680,pixelHeight:220,pixelWidth:850,sizes:\"490.6818px\",src:\"https://framerusercontent.com/images/f4J3vG4M56f7GlsCaEZKLO3c.png\",srcSet:\"https://framerusercontent.com/images/f4J3vG4M56f7GlsCaEZKLO3c.png?scale-down-to=512 512w,https://framerusercontent.com/images/f4J3vG4M56f7GlsCaEZKLO3c.png 850w\"},className:\"framer-jbgqd3\",\"data-framer-name\":\"big_coming_soon_1_\",layoutDependency:layoutDependency,layoutId:\"xNvlyMGGZ\"})],speed:150,style:{height:\"100%\",width:\"100%\"},width:\"100%\"})})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-cGHxT.framer-vxuj0u, .framer-cGHxT .framer-vxuj0u { display: block; }\",\".framer-cGHxT.framer-v1nu5v { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 1400px; }\",\".framer-cGHxT .framer-93pjoc { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 12px; height: min-content; justify-content: center; overflow: visible; padding: 0px; position: relative; width: 100%; }\",\".framer-cGHxT .framer-wq2rg5, .framer-cGHxT .framer-zb3sv6, .framer-cGHxT .framer-6bpjg6, .framer-cGHxT .framer-hcd6uf { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: 36px; justify-content: center; overflow: hidden; padding: 0px; position: relative; width: 170px; will-change: var(--framer-will-change-override, transform); }\",\".framer-cGHxT .framer-1nrhj89, .framer-cGHxT .framer-1ga9lns, .framer-cGHxT .framer-1ovocpk, .framer-cGHxT .framer-1rst1vt { cursor: pointer; flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-cGHxT .framer-pu8nmy-container, .framer-cGHxT .framer-21yqv1-container, .framer-cGHxT .framer-u5y4xl-container { flex: none; height: 296px; position: relative; width: 1000px; }\",\".framer-cGHxT .framer-8j1pu-container, .framer-cGHxT .framer-opdyul-container, .framer-cGHxT .framer-7iymux-container, .framer-cGHxT .framer-1umi4ef-container { height: 225px; position: relative; width: 400px; }\",\".framer-cGHxT .framer-qvo8ox-container, .framer-cGHxT .framer-1m32p0s-container, .framer-cGHxT .framer-13lj4rr-container, .framer-cGHxT .framer-1j3sagh-container, .framer-cGHxT .framer-isswyz-container, .framer-cGHxT .framer-jo917r-container, .framer-cGHxT .framer-y5wb9n-container { height: 332px; position: relative; width: 186px; }\",\".framer-cGHxT .framer-mghcd7-container { flex: none; height: 218px; position: relative; width: 1000px; }\",\".framer-cGHxT .framer-ygy6oh, .framer-cGHxT .framer-naslh6, .framer-cGHxT .framer-1rkhduj, .framer-cGHxT .framer-1qfc1no, .framer-cGHxT .framer-ssng5t, .framer-cGHxT .framer-dq88h7, .framer-cGHxT .framer-1axcp4o, .framer-cGHxT .framer-g6fhks, .framer-cGHxT .framer-1680laf, .framer-cGHxT .framer-bcrtyx { height: 220px; position: relative; width: 369px; }\",\".framer-cGHxT .framer-y2sf30-container { flex: none; height: 227px; position: relative; width: 1000px; }\",\".framer-cGHxT .framer-jbgqd3, .framer-cGHxT .framer-s6cio3 { aspect-ratio: 3.8636363636363638 / 1; height: var(--framer-aspect-ratio-supported, 127px); overflow: visible; position: relative; width: 450px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-cGHxT.framer-v1nu5v, .framer-cGHxT .framer-93pjoc, .framer-cGHxT .framer-wq2rg5, .framer-cGHxT .framer-zb3sv6, .framer-cGHxT .framer-6bpjg6, .framer-cGHxT .framer-hcd6uf { gap: 0px; } .framer-cGHxT.framer-v1nu5v > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-cGHxT.framer-v1nu5v > :first-child { margin-top: 0px; } .framer-cGHxT.framer-v1nu5v > :last-child { margin-bottom: 0px; } .framer-cGHxT .framer-93pjoc > * { margin: 0px; margin-left: calc(12px / 2); margin-right: calc(12px / 2); } .framer-cGHxT .framer-93pjoc > :first-child, .framer-cGHxT .framer-wq2rg5 > :first-child, .framer-cGHxT .framer-zb3sv6 > :first-child, .framer-cGHxT .framer-6bpjg6 > :first-child, .framer-cGHxT .framer-hcd6uf > :first-child { margin-left: 0px; } .framer-cGHxT .framer-93pjoc > :last-child, .framer-cGHxT .framer-wq2rg5 > :last-child, .framer-cGHxT .framer-zb3sv6 > :last-child, .framer-cGHxT .framer-6bpjg6 > :last-child, .framer-cGHxT .framer-hcd6uf > :last-child { margin-right: 0px; } .framer-cGHxT .framer-wq2rg5 > *, .framer-cGHxT .framer-zb3sv6 > *, .framer-cGHxT .framer-6bpjg6 > *, .framer-cGHxT .framer-hcd6uf > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } }\",\".framer-cGHxT.framer-v-1tiheuc.framer-v1nu5v, .framer-cGHxT.framer-v-qw55et.framer-v1nu5v, .framer-cGHxT.framer-v-gv0vw5.framer-v1nu5v { gap: 32px; }\",\".framer-cGHxT.framer-v-1tiheuc .framer-93pjoc { order: 0; }\",\".framer-cGHxT.framer-v-1tiheuc .framer-21yqv1-container { height: 323px; order: 2; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-cGHxT.framer-v-1tiheuc.framer-v1nu5v { gap: 0px; } .framer-cGHxT.framer-v-1tiheuc.framer-v1nu5v > * { margin: 0px; margin-bottom: calc(32px / 2); margin-top: calc(32px / 2); } .framer-cGHxT.framer-v-1tiheuc.framer-v1nu5v > :first-child { margin-top: 0px; } .framer-cGHxT.framer-v-1tiheuc.framer-v1nu5v > :last-child { margin-bottom: 0px; } }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-cGHxT.framer-v-qw55et.framer-v1nu5v { gap: 0px; } .framer-cGHxT.framer-v-qw55et.framer-v1nu5v > * { margin: 0px; margin-bottom: calc(32px / 2); margin-top: calc(32px / 2); } .framer-cGHxT.framer-v-qw55et.framer-v1nu5v > :first-child { margin-top: 0px; } .framer-cGHxT.framer-v-qw55et.framer-v1nu5v > :last-child { margin-bottom: 0px; } }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-cGHxT.framer-v-gv0vw5.framer-v1nu5v { gap: 0px; } .framer-cGHxT.framer-v-gv0vw5.framer-v1nu5v > * { margin: 0px; margin-bottom: calc(32px / 2); margin-top: calc(32px / 2); } .framer-cGHxT.framer-v-gv0vw5.framer-v1nu5v > :first-child { margin-top: 0px; } .framer-cGHxT.framer-v-gv0vw5.framer-v1nu5v > :last-child { margin-bottom: 0px; } }\",\".framer-cGHxT.framer-v-zymlh7.framer-v1nu5v { width: 540px; }\",\".framer-cGHxT.framer-v-zymlh7 .framer-93pjoc, .framer-cGHxT.framer-v-1nknnn9 .framer-93pjoc, .framer-cGHxT.framer-v-1b30n1v .framer-93pjoc, .framer-cGHxT.framer-v-1mci392 .framer-93pjoc { flex-direction: column; order: 0; }\",\".framer-cGHxT.framer-v-zymlh7 .framer-wq2rg5, .framer-cGHxT.framer-v-zymlh7 .framer-zb3sv6, .framer-cGHxT.framer-v-zymlh7 .framer-6bpjg6, .framer-cGHxT.framer-v-zymlh7 .framer-hcd6uf, .framer-cGHxT.framer-v-1nknnn9 .framer-wq2rg5, .framer-cGHxT.framer-v-1nknnn9 .framer-6bpjg6, .framer-cGHxT.framer-v-1nknnn9 .framer-hcd6uf, .framer-cGHxT.framer-v-1b30n1v .framer-wq2rg5, .framer-cGHxT.framer-v-1b30n1v .framer-zb3sv6, .framer-cGHxT.framer-v-1b30n1v .framer-6bpjg6, .framer-cGHxT.framer-v-1b30n1v .framer-hcd6uf, .framer-cGHxT.framer-v-1mci392 .framer-wq2rg5, .framer-cGHxT.framer-v-1mci392 .framer-zb3sv6, .framer-cGHxT.framer-v-1mci392 .framer-6bpjg6 { cursor: pointer; }\",\".framer-cGHxT.framer-v-zymlh7 .framer-pu8nmy-container { order: 1; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-cGHxT.framer-v-zymlh7 .framer-93pjoc { gap: 0px; } .framer-cGHxT.framer-v-zymlh7 .framer-93pjoc > * { margin: 0px; margin-bottom: calc(12px / 2); margin-top: calc(12px / 2); } .framer-cGHxT.framer-v-zymlh7 .framer-93pjoc > :first-child { margin-top: 0px; } .framer-cGHxT.framer-v-zymlh7 .framer-93pjoc > :last-child { margin-bottom: 0px; } }\",\".framer-cGHxT.framer-v-1nknnn9.framer-v1nu5v, .framer-cGHxT.framer-v-1b30n1v.framer-v1nu5v, .framer-cGHxT.framer-v-1mci392.framer-v1nu5v { gap: 10px; width: 540px; }\",\".framer-cGHxT.framer-v-1nknnn9 .framer-1ga9lns, .framer-cGHxT.framer-v-1nknnn9 .framer-1ovocpk, .framer-cGHxT.framer-v-1nknnn9 .framer-1rst1vt, .framer-cGHxT.framer-v-1b30n1v .framer-1nrhj89, .framer-cGHxT.framer-v-1b30n1v .framer-1ga9lns, .framer-cGHxT.framer-v-1b30n1v .framer-1rst1vt, .framer-cGHxT.framer-v-1mci392 .framer-1nrhj89, .framer-cGHxT.framer-v-1mci392 .framer-1ga9lns, .framer-cGHxT.framer-v-1mci392 .framer-1ovocpk, .framer-cGHxT.framer-v-1mci392 .framer-1rst1vt { cursor: unset; }\",\".framer-cGHxT.framer-v-1nknnn9 .framer-21yqv1-container { order: 2; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-cGHxT.framer-v-1nknnn9.framer-v1nu5v, .framer-cGHxT.framer-v-1nknnn9 .framer-93pjoc { gap: 0px; } .framer-cGHxT.framer-v-1nknnn9.framer-v1nu5v > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-cGHxT.framer-v-1nknnn9.framer-v1nu5v > :first-child, .framer-cGHxT.framer-v-1nknnn9 .framer-93pjoc > :first-child { margin-top: 0px; } .framer-cGHxT.framer-v-1nknnn9.framer-v1nu5v > :last-child, .framer-cGHxT.framer-v-1nknnn9 .framer-93pjoc > :last-child { margin-bottom: 0px; } .framer-cGHxT.framer-v-1nknnn9 .framer-93pjoc > * { margin: 0px; margin-bottom: calc(12px / 2); margin-top: calc(12px / 2); } }\",\".framer-cGHxT.framer-v-1b30n1v .framer-mghcd7-container { order: 3; }\",\".framer-cGHxT.framer-v-1b30n1v .framer-y2sf30-container { order: 4; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-cGHxT.framer-v-1b30n1v.framer-v1nu5v, .framer-cGHxT.framer-v-1b30n1v .framer-93pjoc { gap: 0px; } .framer-cGHxT.framer-v-1b30n1v.framer-v1nu5v > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-cGHxT.framer-v-1b30n1v.framer-v1nu5v > :first-child, .framer-cGHxT.framer-v-1b30n1v .framer-93pjoc > :first-child { margin-top: 0px; } .framer-cGHxT.framer-v-1b30n1v.framer-v1nu5v > :last-child, .framer-cGHxT.framer-v-1b30n1v .framer-93pjoc > :last-child { margin-bottom: 0px; } .framer-cGHxT.framer-v-1b30n1v .framer-93pjoc > * { margin: 0px; margin-bottom: calc(12px / 2); margin-top: calc(12px / 2); } }\",\".framer-cGHxT.framer-v-1mci392 .framer-u5y4xl-container { order: 5; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-cGHxT.framer-v-1mci392.framer-v1nu5v, .framer-cGHxT.framer-v-1mci392 .framer-93pjoc { gap: 0px; } .framer-cGHxT.framer-v-1mci392.framer-v1nu5v > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-cGHxT.framer-v-1mci392.framer-v1nu5v > :first-child, .framer-cGHxT.framer-v-1mci392 .framer-93pjoc > :first-child { margin-top: 0px; } .framer-cGHxT.framer-v-1mci392.framer-v1nu5v > :last-child, .framer-cGHxT.framer-v-1mci392 .framer-93pjoc > :last-child { margin-bottom: 0px; } .framer-cGHxT.framer-v-1mci392 .framer-93pjoc > * { margin: 0px; margin-bottom: calc(12px / 2); margin-top: calc(12px / 2); } }\",...sharedStyle.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 332\n * @framerIntrinsicWidth 1400\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"fRadF0spz\":{\"layout\":[\"fixed\",\"auto\"]},\"jwMtNS4hE\":{\"layout\":[\"fixed\",\"auto\"]},\"DGogDJ1kq\":{\"layout\":[\"fixed\",\"auto\"]},\"ALommsFiA\":{\"layout\":[\"fixed\",\"auto\"]},\"IExwoybfq\":{\"layout\":[\"fixed\",\"auto\"]},\"NvjKatJ6i\":{\"layout\":[\"fixed\",\"auto\"]},\"g8ks7MZrG\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerIgWxGVhQB=withCSS(Component,css,\"framer-cGHxT\");export default FramerIgWxGVhQB;FramerIgWxGVhQB.displayName=\"TickerNew\";FramerIgWxGVhQB.defaultProps={height:332,width:1400};addPropertyControls(FramerIgWxGVhQB,{variant:{options:[\"gajNBi5U_\",\"fRadF0spz\",\"jwMtNS4hE\",\"DGogDJ1kq\",\"ALommsFiA\",\"IExwoybfq\",\"NvjKatJ6i\",\"g8ks7MZrG\"],optionTitles:[\"LongForm\",\"ShortForm\",\"Thumbnails\",\"SalesAssets\",\"Mobile Long Form\",\"Mobile Short Form\",\"Mobile Designs\",\"Mobile Sales Asset\"],title:\"Variant\",type:ControlType.Enum}});addFonts(FramerIgWxGVhQB,[{explicitInter:true,fonts:[{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/5vvr9Vy74if2I6bQbJvbw7SY1pQ.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/EOr0mi4hNtlgWNn9if640EZzXCo.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Y9k9QrlZAqio88Klkmbd8VoMQc.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/OYrD2tBIBPvoJXiIHnLoOXnY9M.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF\",url:\"https://framerusercontent.com/assets/JeYwfuaPfZHQhEG8U5gtPDZ7WQ.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD\",url:\"https://framerusercontent.com/assets/vQyevYAyHtARFwPqUzQGpnDs.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0102-0103, U+0110-0111, U+0128-0129, U+0168-0169, U+01A0-01A1, U+01AF-01B0, U+1EA0-1EF9, U+20AB\",url:\"https://framerusercontent.com/assets/b6Y37FthZeALduNqHicBT6FutY.woff2\",weight:\"400\"}]},...YouTubeFonts,...TickerFonts,...getFontsFromSharedStyle(sharedStyle.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerIgWxGVhQB\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"fRadF0spz\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"jwMtNS4hE\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"DGogDJ1kq\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"ALommsFiA\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"IExwoybfq\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"NvjKatJ6i\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"g8ks7MZrG\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"1400\",\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"332\",\"framerDisplayContentsDiv\":\"false\",\"framerComponentViewportWidth\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./IgWxGVhQB.map", "// Generated by Framer (500c029)\nimport{jsx as e,jsxs as r}from\"react/jsx-runtime\";import{addFonts as a,addPropertyControls as t,ControlType as n,cx as i,getFonts as o,Image as l,Link as f,RichText as d,useLocaleInfo as s,useVariantState as m,withCSS as p}from\"framer\";import{LayoutGroup as c,motion as x,MotionConfigContext as h}from\"framer-motion\";import*as g from\"react\";import{Icon as u}from\"https://framerusercontent.com/modules/tYScH7LTqUtz5KUaUAYP/xAqQJJMKulaAU8gK10ZA/Phosphor.js\";import*as y from\"https://framerusercontent.com/modules/pmXge6fEbG9quf47fwVA/4kpUrvqonExRBhKa5qxZ/J4jpxctV3.js\";let w=o(u),k={nC6XjSuDj:{hover:!0}},v=[\"nC6XjSuDj\"],b=\"framer-9na0k\",j={nC6XjSuDj:\"framer-v-1dkoane\"};function q(e,...r){let a={};return null==r||r.forEach(r=>r&&Object.assign(a,e[r])),a;}let R={default:{damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"}},C=e=>\"object\"==typeof e&&null!==e&&\"string\"==typeof e.src?e:\"string\"==typeof e?{src:e}:void 0,S={damping:45,delay:0,mass:1,stiffness:251,type:\"spring\"},D=({value:r,children:a})=>{let t=g.useContext(h),n=null!=r?r:t.transition,i=g.useMemo(()=>({...t,transition:n}),[JSON.stringify(n)]);return /*#__PURE__*/e(h.Provider,{value:i,children:a});},N=({height:e,id:r,image:a,width:t,...n})=>{var i;return{...n,PpChY3fdj:null!==(i=null!=a?a:n.PpChY3fdj)&&void 0!==i?i:{src:\"https://framerusercontent.com/images/xfkG0u9UyRZrAZEgur5GeEtAYk.jpg\"}};},I=(e,r)=>r.join(\"-\")+e.layoutDependency,P=/*#__PURE__*/g.forwardRef(function(a,t){let{activeLocale:n}=s(),{style:o,className:p,layoutId:h,variant:w,PpChY3fdj:b,QtQE8juj_YYcbOJuWP:P,...A}=N(a),{baseVariant:E,classNames:X,gestureVariant:Z,setGestureState:L,setVariant:T,transition:H,variants:V}=m({cycleOrder:v,defaultVariant:\"nC6XjSuDj\",enabledGestures:k,transitions:R,variant:w,variantClassNames:j}),z=I(a,V),J=g.useRef(null),Y=g.useId(),B=[y.className];return /*#__PURE__*/e(c,{id:null!=h?h:Y,children:/*#__PURE__*/e(x.div,{initial:w,animate:V,onHoverStart:()=>L({isHovered:!0}),onHoverEnd:()=>L({isHovered:!1}),onTapStart:()=>L({isPressed:!0}),onTap:()=>L({isPressed:!1}),onTapCancel:()=>L({isPressed:!1}),className:i(\"framer-9na0k\",...B,X),style:{display:\"contents\"},children:/*#__PURE__*/e(D,{value:H,children:/*#__PURE__*/e(x.div,{...A,className:i(\"framer-1dkoane\",p),\"data-framer-name\":\"Variant 1\",layoutDependency:z,layoutId:\"nC6XjSuDj\",ref:null!=t?t:J,style:{backgroundColor:\"rgb(59, 59, 59)\",borderBottomLeftRadius:12,borderBottomRightRadius:12,borderTopLeftRadius:12,borderTopRightRadius:12,boxShadow:\"0px 1px 44px -4px rgba(0, 0, 0, 0.05)\",...o},...q({\"nC6XjSuDj-hover\":{\"data-framer-name\":void 0}},E,Z),children:/*#__PURE__*/r(x.div,{className:\"framer-1260sws\",layoutDependency:z,layoutId:\"raTJ3X3kP\",children:[/*#__PURE__*/e(x.div,{className:\"framer-105u48y\",layoutDependency:z,layoutId:\"JZcN2PtlX\",style:{borderBottomLeftRadius:4,borderBottomRightRadius:4,borderTopLeftRadius:4,borderTopRightRadius:4},children:/*#__PURE__*/e(x.div,{className:\"framer-1ff8aam\",layoutDependency:z,layoutId:\"VVQIJqKHO\",children:/*#__PURE__*/e(l,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:5616,intrinsicWidth:3744,pixelHeight:5616,pixelWidth:3744,sizes:\"84px\",...C(b)},className:\"framer-1quab2p\",layoutDependency:z,layoutId:\"CZN6it_xZ\",style:{borderBottomLeftRadius:\"100%\",borderBottomRightRadius:\"100%\",borderTopLeftRadius:\"100%\",borderTopRightRadius:\"100%\"}})})}),/*#__PURE__*/r(x.div,{className:\"framer-qsq0td\",layoutDependency:z,layoutId:\"o3WkzttvR\",children:[/*#__PURE__*/e(d,{__fromCanvasComponent:!0,children:/*#__PURE__*/e(g.Fragment,{children:/*#__PURE__*/e(x.h2,{className:\"framer-styles-preset-13ar211\",\"data-styles-preset\":\"J4jpxctV3\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-1b0d9212-3182-492d-8bec-e3c3dd8e6978, rgb(0, 217, 255)))\"},children:\"Josh Lester\"})}),className:\"framer-35fudf\",layoutDependency:z,layoutId:\"HTStmAGRn\",style:{\"--extracted-1of0zx5\":\"var(--token-1b0d9212-3182-492d-8bec-e3c3dd8e6978, rgb(0, 217, 255))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"top\",withExternalLayout:!0}),/*#__PURE__*/r(x.div,{className:\"framer-tlvbfy\",layoutDependency:z,layoutId:\"AV8no9Ngu\",children:[/*#__PURE__*/e(D,{value:S,children:/*#__PURE__*/e(f,{href:P,children:/*#__PURE__*/e(x.a,{className:\"framer-qx6fo9 framer-jujs4x\",layoutDependency:z,layoutId:\"rXu9KVcJ4\",children:/*#__PURE__*/e(x.div,{className:\"framer-1epss9d-container\",layoutDependency:z,layoutId:\"hacdSw6Zg-container\",children:/*#__PURE__*/e(u,{color:'var(--token-70514533-14f9-4853-85ff-89a00902f538, rgb(255, 255, 255)) /* {\"name\":\"White\"} */',height:\"100%\",iconSearch:\"House\",iconSelection:\"YoutubeLogo\",id:\"hacdSw6Zg\",layoutId:\"hacdSw6Zg\",mirrored:!1,selectByList:!0,style:{height:\"100%\",width:\"100%\"},weight:\"regular\",width:\"100%\"})})})})}),/*#__PURE__*/e(d,{__fromCanvasComponent:!0,children:/*#__PURE__*/e(g.Fragment,{children:/*#__PURE__*/e(x.h2,{style:{\"--font-selector\":\"R0Y7RXBpbG9ndWUtcmVndWxhcg==\",\"--framer-font-family\":'\"Epilogue\", \"Epilogue Placeholder\", sans-serif',\"--framer-font-size\":\"14px\",\"--framer-letter-spacing\":\"0px\",\"--framer-line-height\":\"1.4em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-834d53ce-7d27-4cfa-bd44-7195d280162e, rgba(255, 255, 255, 0.8)))\"},children:\"117k Subscribers\"})}),className:\"framer-y7qwry\",fonts:[\"GF;Epilogue-regular\"],layoutDependency:z,layoutId:\"fmPXuSu11\",style:{\"--extracted-1of0zx5\":\"var(--token-834d53ce-7d27-4cfa-bd44-7195d280162e, rgba(255, 255, 255, 0.8))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"top\",withExternalLayout:!0})]})]})]})})})})});}),A=['.framer-9na0k [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-9na0k .framer-jujs4x { display: block; }\",\".framer-9na0k .framer-1dkoane { align-content: start; align-items: start; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 15px 15px 15px 15px; position: relative; width: 373px; will-change: var(--framer-will-change-override, transform); }\",\".framer-9na0k .framer-1260sws { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\",\".framer-9na0k .framer-105u48y { align-content: center; align-items: center; display: flex; flex: 0.5 0 0px; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 1px; will-change: var(--framer-will-change-override, transform); }\",\".framer-9na0k .framer-1ff8aam { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 1px; }\",\".framer-9na0k .framer-1quab2p { flex: none; height: 84px; overflow: hidden; position: relative; width: 84px; will-change: var(--framer-will-change-override, transform); }\",\".framer-9na0k .framer-qsq0td { align-content: start; align-items: start; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 4px; height: min-content; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 1px; }\",\".framer-9na0k .framer-35fudf { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-9na0k .framer-tlvbfy { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 5px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\",\".framer-9na0k .framer-qx6fo9 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 0px 0px 2px 0px; position: relative; text-decoration: none; width: min-content; }\",\".framer-9na0k .framer-1epss9d-container { flex: none; height: 25px; position: relative; width: 25px; }\",\".framer-9na0k .framer-y7qwry { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 121px; word-break: break-word; word-wrap: break-word; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-9na0k .framer-1dkoane, .framer-9na0k .framer-1260sws, .framer-9na0k .framer-105u48y, .framer-9na0k .framer-1ff8aam, .framer-9na0k .framer-qsq0td, .framer-9na0k .framer-tlvbfy, .framer-9na0k .framer-qx6fo9 { gap: 0px; } .framer-9na0k .framer-1dkoane > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-9na0k .framer-1dkoane > :first-child, .framer-9na0k .framer-qsq0td > :first-child { margin-top: 0px; } .framer-9na0k .framer-1dkoane > :last-child, .framer-9na0k .framer-qsq0td > :last-child { margin-bottom: 0px; } .framer-9na0k .framer-1260sws > * { margin: 0px; margin-left: calc(16px / 2); margin-right: calc(16px / 2); } .framer-9na0k .framer-1260sws > :first-child, .framer-9na0k .framer-105u48y > :first-child, .framer-9na0k .framer-1ff8aam > :first-child, .framer-9na0k .framer-tlvbfy > :first-child, .framer-9na0k .framer-qx6fo9 > :first-child { margin-left: 0px; } .framer-9na0k .framer-1260sws > :last-child, .framer-9na0k .framer-105u48y > :last-child, .framer-9na0k .framer-1ff8aam > :last-child, .framer-9na0k .framer-tlvbfy > :last-child, .framer-9na0k .framer-qx6fo9 > :last-child { margin-right: 0px; } .framer-9na0k .framer-105u48y > *, .framer-9na0k .framer-1ff8aam > *, .framer-9na0k .framer-qx6fo9 > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-9na0k .framer-qsq0td > * { margin: 0px; margin-bottom: calc(4px / 2); margin-top: calc(4px / 2); } .framer-9na0k .framer-tlvbfy > * { margin: 0px; margin-left: calc(5px / 2); margin-right: calc(5px / 2); } }\",\".framer-9na0k.framer-v-1dkoane.hover .framer-qx6fo9 { order: 0; }\",\".framer-9na0k.framer-v-1dkoane.hover .framer-y7qwry { order: 1; }\",...y.css],E=p(P,A,\"framer-9na0k\");export default E;E.displayName=\"Client 4\",E.defaultProps={height:114,width:373},t(E,{PpChY3fdj:{__defaultAssetReference:\"data:framer/asset-reference,xfkG0u9UyRZrAZEgur5GeEtAYk.jpg?originalFilename=channels4_profile+%286%29.jpg&preferredSize=auto\",title:\"Image\",type:n.ResponsiveImage}}),a(E,[{family:\"Epilogue\",style:\"normal\",url:\"https://fonts.gstatic.com/s/epilogue/v17/O4ZMFGj5hxF0EhjimngomvnCCtqb30OXMDPiCZXVigHPVA.woff2\",weight:\"400\"},...w,...y.fonts]);\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Framerj0_kAc2fK\",\"slots\":[],\"annotations\":{\"framerImmutableVariables\":\"true\",\"framerIntrinsicHeight\":\"114\",\"framerVariables\":\"{\\\"PpChY3fdj\\\":\\\"image\\\"}\",\"framerIntrinsicWidth\":\"373\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"EWnIxqt5r\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerContractVersion\":\"1\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./j0_kAc2fK.map", "// Generated by Framer (de9b242)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,cx,getFonts,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion}from\"framer-motion\";import*as React from\"react\";import Slideshow from\"https://framerusercontent.com/modules/zvkTOpMSuRzRhLzZZIwG/TAKH1YMtHF4xgNl5W0ZC/SlideShow.js\";import CaseStudiesSection from\"https://framerusercontent.com/modules/mYWJRPXq09PDhrAAOxSX/dx03KEsRPrJMrrOmftHk/XQmzn6xme.js\";const CaseStudiesSectionFonts=getFonts(CaseStudiesSection);const SlideshowFonts=getFonts(Slideshow);const cycleOrder=[\"TSZaWIhl0\"];const variantClassNames={TSZaWIhl0:\"framer-v-4s5yw1\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const humanReadableVariantMap={};const transitions={default:{damping:60,delay:0,duration:.3,ease:[.44,0,.56,1],mass:1,stiffness:500,type:\"spring\"}};const Component=/*#__PURE__*/React.forwardRef(function({id,style,className,width,height,layoutId,variant:outerVariant=\"TSZaWIhl0\",...restProps},ref){const outerVariantId=humanReadableVariantMap[outerVariant];const variant=outerVariantId||outerVariant;const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,transition,variants}=useVariantState({cycleOrder,defaultVariant:\"TSZaWIhl0\",transitions,variant,variantClassNames});const layoutDependency=variants.join(\"-\")+restProps.layoutDependency;const defaultLayoutId=React.useId();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(motion.div,{initial:variant,animate:variants,onHoverStart:()=>setGestureState({isHovered:true}),onHoverEnd:()=>setGestureState({isHovered:false}),onTapStart:()=>setGestureState({isPressed:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),className:cx(\"framer-mLmZV\",classNames),style:{display:\"contents\"},children:/*#__PURE__*/_jsx(motion.div,{...restProps,className:cx(\"framer-4s5yw1\",className),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"TSZaWIhl0\",ref:ref,style:{...style},transition:transition,children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-2ltoej-container\",layoutDependency:layoutDependency,layoutId:\"PuedBfcC9-container\",transition:transition,children:/*#__PURE__*/_jsx(Slideshow,{alignment:\"center\",arrowOptions:{arrowFill:\"rgba(0, 0, 0, 0.2)\",arrowGap:10,arrowPadding:20,arrowPaddingBottom:0,arrowPaddingLeft:0,arrowPaddingRight:0,arrowPaddingTop:0,arrowPosition:\"auto\",arrowRadius:40,arrowShouldFadeIn:false,arrowShouldSpace:true,arrowSize:40,showMouseControls:true},autoPlayControl:true,borderRadius:0,direction:\"left\",dragControl:true,effectsOptions:{effectsHover:true,effectsOpacity:1,effectsPerspective:1200,effectsRotate:0,effectsScale:1},fadeOptions:{fadeAlpha:0,fadeContent:false,fadeInset:0,fadeWidth:25,overflow:true},gap:32,height:\"100%\",id:\"PuedBfcC9\",intervalControl:10,itemAmount:1,layoutId:\"PuedBfcC9\",padding:0,paddingBottom:0,paddingLeft:0,paddingPerSide:false,paddingRight:0,paddingTop:0,progressOptions:{dotsActiveOpacity:1,dotsBackground:\"rgba(0, 0, 0, 0)\",dotsBlur:0,dotsFill:\"rgb(255, 255, 255)\",dotsGap:10,dotsInset:10,dotSize:10,dotsOpacity:.5,dotsPadding:10,dotsRadius:50,showProgressDots:true},slots:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-18sfouh-container\",layoutDependency:layoutDependency,layoutId:\"lDwOn_f63-container\",transition:transition,children:/*#__PURE__*/_jsx(CaseStudiesSection,{height:\"100%\",id:\"lDwOn_f63\",layoutId:\"lDwOn_f63\",style:{width:\"100%\"},variant:\"YM5BXp4QX\",width:\"100%\"})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-1201k1h-container\",layoutDependency:layoutDependency,layoutId:\"W6bV3DhDG-container\",transition:transition,children:/*#__PURE__*/_jsx(CaseStudiesSection,{height:\"100%\",id:\"W6bV3DhDG\",layoutId:\"W6bV3DhDG\",style:{width:\"100%\"},variant:\"Pd68Yyocg\",width:\"100%\"})}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-14ionur-container\",layoutDependency:layoutDependency,layoutId:\"KBOxbIV5k-container\",transition:transition,children:/*#__PURE__*/_jsx(CaseStudiesSection,{height:\"100%\",id:\"KBOxbIV5k\",layoutId:\"KBOxbIV5k\",style:{width:\"100%\"},variant:\"ojwf1X3Tj\",width:\"100%\"})})],startFrom:0,style:{height:\"100%\",width:\"100%\"},transitionControl:{damping:40,stiffness:200,type:\"spring\"},width:\"100%\"})})})})});});const css=['.framer-mLmZV [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-mLmZV .framer-1o1fcva { display: block; }\",\".framer-mLmZV .framer-4s5yw1 { align-content: center; align-items: center; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: 616px; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 1080px; }\",\".framer-mLmZV .framer-2ltoej-container { flex: 1 0 0px; height: 1px; position: relative; width: 100%; }\",\".framer-mLmZV .framer-18sfouh-container, .framer-mLmZV .framer-1201k1h-container, .framer-mLmZV .framer-14ionur-container { height: auto; position: relative; width: 1080px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-mLmZV .framer-4s5yw1 { gap: 0px; } .framer-mLmZV .framer-4s5yw1 > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } .framer-mLmZV .framer-4s5yw1 > :first-child { margin-top: 0px; } .framer-mLmZV .framer-4s5yw1 > :last-child { margin-bottom: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 616\n * @framerIntrinsicWidth 1080\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n */const FramerkTQcoF21J=withCSS(Component,css,\"framer-mLmZV\");export default FramerkTQcoF21J;FramerkTQcoF21J.displayName=\"Slide Phone Copy\";FramerkTQcoF21J.defaultProps={height:616,width:1080};addFonts(FramerkTQcoF21J,[...CaseStudiesSectionFonts,...SlideshowFonts]);\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerkTQcoF21J\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"616\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerIntrinsicWidth\":\"1080\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "// Generated by Framer (c87fc68)\nimport{jsx as e,jsxs as r}from\"react/jsx-runtime\";import{addFonts as a,addPropertyControls as t,ControlType as o,cx as i,getFonts as n,Image as l,Link as f,RichText as m,useLocaleInfo as d,useVariantState as s,withCSS as p}from\"framer\";import{LayoutGroup as c,motion as x,MotionConfigContext as h}from\"framer-motion\";import*as g from\"react\";import{Icon as u}from\"https://framerusercontent.com/modules/tYScH7LTqUtz5KUaUAYP/xAqQJJMKulaAU8gK10ZA/Phosphor.js\";import*as y from\"https://framerusercontent.com/modules/pmXge6fEbG9quf47fwVA/4kpUrvqonExRBhKa5qxZ/J4jpxctV3.js\";let v=n(u),w={RameAEwnH:{hover:!0}},b=[\"RameAEwnH\"],z=\"framer-oVz8E\",E={RameAEwnH:\"framer-v-rxtor2\"};function V(e,...r){let a={};return null==r||r.forEach(r=>r&&Object.assign(a,e[r])),a;}let j={default:{damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"}},R=e=>\"object\"==typeof e&&null!==e&&\"string\"==typeof e.src?e:\"string\"==typeof e?{src:e}:void 0,k={damping:45,delay:0,mass:1,stiffness:251,type:\"spring\"},I=({value:r,children:a})=>{let t=g.useContext(h),o=null!=r?r:t.transition,i=g.useMemo(()=>({...t,transition:o}),[JSON.stringify(o)]);return /*#__PURE__*/e(h.Provider,{value:i,children:a});},A=({height:e,id:r,image:a,width:t,...o})=>{var i;return{...o,nwKKgrBNd:null!==(i=null!=a?a:o.nwKKgrBNd)&&void 0!==i?i:{src:\"https://framerusercontent.com/images/G50ALU8EwYOvRhxgsm9MeIFsH5A.jpg\"}};},N=(e,r)=>r.join(\"-\")+e.layoutDependency,H=/*#__PURE__*/g.forwardRef(function(a,t){let{activeLocale:o}=d(),{style:n,className:p,layoutId:h,variant:v,nwKKgrBNd:z,QtQE8juj_YYcbOJuWP:H,...D}=A(a),{baseVariant:L,classNames:C,gestureVariant:P,setGestureState:K,setVariant:F,transition:S,variants:T}=s({cycleOrder:b,defaultVariant:\"RameAEwnH\",enabledGestures:w,transitions:j,variant:v,variantClassNames:E}),B=N(a,T),M=g.useRef(null),q=g.useId(),O=[y.className];return /*#__PURE__*/e(c,{id:null!=h?h:q,children:/*#__PURE__*/e(x.div,{initial:v,animate:T,onHoverStart:()=>K({isHovered:!0}),onHoverEnd:()=>K({isHovered:!1}),onTapStart:()=>K({isPressed:!0}),onTap:()=>K({isPressed:!1}),onTapCancel:()=>K({isPressed:!1}),className:i(\"framer-oVz8E\",...O,C),style:{display:\"contents\"},children:/*#__PURE__*/e(I,{value:S,children:/*#__PURE__*/e(x.div,{...D,className:i(\"framer-rxtor2\",p),\"data-framer-name\":\"Variant 1\",layoutDependency:B,layoutId:\"RameAEwnH\",ref:null!=t?t:M,style:{backgroundColor:\"rgb(59, 59, 59)\",borderBottomLeftRadius:12,borderBottomRightRadius:12,borderTopLeftRadius:12,borderTopRightRadius:12,boxShadow:\"0px 1px 44px -4px rgba(0, 0, 0, 0.05)\",...n},...V({\"RameAEwnH-hover\":{\"data-framer-name\":void 0}},L,P),children:/*#__PURE__*/r(x.div,{className:\"framer-x2nuj8\",layoutDependency:B,layoutId:\"KPyf9bz_w\",children:[/*#__PURE__*/e(x.div,{className:\"framer-152l6qh\",layoutDependency:B,layoutId:\"OHIhQDzmz\",style:{borderBottomLeftRadius:4,borderBottomRightRadius:4,borderTopLeftRadius:4,borderTopRightRadius:4},children:/*#__PURE__*/e(x.div,{className:\"framer-ely1he\",layoutDependency:B,layoutId:\"KY7hLOXFu\",children:/*#__PURE__*/e(l,{background:{alt:\"\",fit:\"fill\",intrinsicHeight:5616,intrinsicWidth:3744,pixelHeight:5616,pixelWidth:3744,sizes:\"84px\",...R(z)},className:\"framer-1y3vsfh\",layoutDependency:B,layoutId:\"KZZ_dFMXI\",style:{borderBottomLeftRadius:\"100%\",borderBottomRightRadius:\"100%\",borderTopLeftRadius:\"100%\",borderTopRightRadius:\"100%\"}})})}),/*#__PURE__*/r(x.div,{className:\"framer-808vel\",layoutDependency:B,layoutId:\"eD6CXM8NX\",children:[/*#__PURE__*/e(m,{__fromCanvasComponent:!0,children:/*#__PURE__*/e(g.Fragment,{children:/*#__PURE__*/e(x.h2,{className:\"framer-styles-preset-13ar211\",\"data-styles-preset\":\"J4jpxctV3\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-1b0d9212-3182-492d-8bec-e3c3dd8e6978, rgb(0, 217, 255)))\"},children:\"Luke Alexander\"})}),className:\"framer-tknu4y\",layoutDependency:B,layoutId:\"b0gMFgjCX\",style:{\"--extracted-1of0zx5\":\"var(--token-1b0d9212-3182-492d-8bec-e3c3dd8e6978, rgb(0, 217, 255))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"top\",withExternalLayout:!0}),/*#__PURE__*/r(x.div,{className:\"framer-1ot6zvw\",layoutDependency:B,layoutId:\"RPPOBUSWT\",children:[/*#__PURE__*/e(I,{value:k,children:/*#__PURE__*/e(f,{href:H,children:/*#__PURE__*/e(x.a,{className:\"framer-z7yfam framer-1ta6j0j\",layoutDependency:B,layoutId:\"ktYiKNr4v\",children:/*#__PURE__*/e(x.div,{className:\"framer-ae81t4-container\",layoutDependency:B,layoutId:\"Se5I9LgEs-container\",children:/*#__PURE__*/e(u,{color:'var(--token-70514533-14f9-4853-85ff-89a00902f538, rgb(255, 255, 255)) /* {\"name\":\"White\"} */',height:\"100%\",iconSearch:\"House\",iconSelection:\"YoutubeLogo\",id:\"Se5I9LgEs\",layoutId:\"Se5I9LgEs\",mirrored:!1,selectByList:!0,style:{height:\"100%\",width:\"100%\"},weight:\"regular\",width:\"100%\"})})})})}),/*#__PURE__*/e(m,{__fromCanvasComponent:!0,children:/*#__PURE__*/e(g.Fragment,{children:/*#__PURE__*/e(x.h2,{style:{\"--font-selector\":\"R0Y7RXBpbG9ndWUtcmVndWxhcg==\",\"--framer-font-family\":'\"Epilogue\", \"Epilogue Placeholder\", sans-serif',\"--framer-font-size\":\"14px\",\"--framer-letter-spacing\":\"0px\",\"--framer-line-height\":\"1.4em\",\"--framer-text-alignment\":\"center\",\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--token-834d53ce-7d27-4cfa-bd44-7195d280162e, rgba(255, 255, 255, 0.8)))\"},children:\"20.7K Subscribers\"})}),className:\"framer-j3ppbt\",fonts:[\"GF;Epilogue-regular\"],layoutDependency:B,layoutId:\"IqhVT54AV\",style:{\"--extracted-1of0zx5\":\"var(--token-834d53ce-7d27-4cfa-bd44-7195d280162e, rgba(255, 255, 255, 0.8))\",\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\",\"--framer-paragraph-spacing\":\"0px\"},verticalAlignment:\"top\",withExternalLayout:!0})]})]})]})})})})});}),D=['.framer-oVz8E [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-oVz8E .framer-1ta6j0j { display: block; }\",\".framer-oVz8E .framer-rxtor2 { align-content: flex-start; align-items: flex-start; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 15px 15px 15px 15px; position: relative; width: 403px; will-change: var(--framer-will-change-override, transform); }\",\".framer-oVz8E .framer-x2nuj8 { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 16px; height: min-content; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 298px; }\",\".framer-oVz8E .framer-152l6qh { align-content: center; align-items: center; display: flex; flex: 0.5 0 0px; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 1px; will-change: var(--framer-will-change-override, transform); }\",\".framer-oVz8E .framer-ely1he { align-content: center; align-items: center; display: flex; flex: 1 0 0px; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 1px; }\",\".framer-oVz8E .framer-1y3vsfh { flex: none; height: 84px; overflow: hidden; position: relative; width: 84px; will-change: var(--framer-will-change-override, transform); }\",\".framer-oVz8E .framer-808vel { align-content: flex-start; align-items: flex-start; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 4px; height: min-content; justify-content: center; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 1px; }\",\".framer-oVz8E .framer-tknu4y { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 189px; word-break: break-word; word-wrap: break-word; }\",\".framer-oVz8E .framer-1ot6zvw { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 5px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px 0px 0px 0px; position: relative; width: 100%; }\",\".framer-oVz8E .framer-z7yfam { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: center; overflow: visible; padding: 0px 0px 2px 0px; position: relative; text-decoration: none; width: min-content; }\",\".framer-oVz8E .framer-ae81t4-container { flex: none; height: 25px; position: relative; width: 25px; }\",\".framer-oVz8E .framer-j3ppbt { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 121px; word-break: break-word; word-wrap: break-word; }\",\".framer-oVz8E .framer-v-rxtor2 .framer-rxtor2 { cursor: pointer; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-oVz8E .framer-rxtor2, .framer-oVz8E .framer-x2nuj8, .framer-oVz8E .framer-152l6qh, .framer-oVz8E .framer-ely1he, .framer-oVz8E .framer-808vel, .framer-oVz8E .framer-1ot6zvw, .framer-oVz8E .framer-z7yfam { gap: 0px; } .framer-oVz8E .framer-rxtor2 > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-oVz8E .framer-rxtor2 > :first-child, .framer-oVz8E .framer-808vel > :first-child { margin-top: 0px; } .framer-oVz8E .framer-rxtor2 > :last-child, .framer-oVz8E .framer-808vel > :last-child { margin-bottom: 0px; } .framer-oVz8E .framer-x2nuj8 > * { margin: 0px; margin-left: calc(16px / 2); margin-right: calc(16px / 2); } .framer-oVz8E .framer-x2nuj8 > :first-child, .framer-oVz8E .framer-152l6qh > :first-child, .framer-oVz8E .framer-ely1he > :first-child, .framer-oVz8E .framer-1ot6zvw > :first-child, .framer-oVz8E .framer-z7yfam > :first-child { margin-left: 0px; } .framer-oVz8E .framer-x2nuj8 > :last-child, .framer-oVz8E .framer-152l6qh > :last-child, .framer-oVz8E .framer-ely1he > :last-child, .framer-oVz8E .framer-1ot6zvw > :last-child, .framer-oVz8E .framer-z7yfam > :last-child { margin-right: 0px; } .framer-oVz8E .framer-152l6qh > *, .framer-oVz8E .framer-ely1he > *, .framer-oVz8E .framer-z7yfam > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-oVz8E .framer-808vel > * { margin: 0px; margin-bottom: calc(4px / 2); margin-top: calc(4px / 2); } .framer-oVz8E .framer-1ot6zvw > * { margin: 0px; margin-left: calc(5px / 2); margin-right: calc(5px / 2); } }\",\".framer-oVz8E.framer-v-rxtor2.hover .framer-z7yfam { order: 0; }\",\".framer-oVz8E.framer-v-rxtor2.hover .framer-j3ppbt { order: 1; }\",...y.css],L=p(H,D,\"framer-oVz8E\");export default L;L.displayName=\"Client 3\",L.defaultProps={height:114,width:403},t(L,{nwKKgrBNd:{__defaultAssetReference:\"data:framer/asset-reference,G50ALU8EwYOvRhxgsm9MeIFsH5A.jpg?originalFilename=channels4_profile+%285%29.jpg&preferredSize=auto\",title:\"Image\",type:o.ResponsiveImage}}),a(L,[{family:\"Epilogue\",moduleAsset:{localModuleIdentifier:\"local-module:canvasComponent/mwTeshsws:default\",url:\"https://fonts.gstatic.com/s/epilogue/v17/O4ZMFGj5hxF0EhjimngomvnCCtqb30OXMDPiDJXVigHPVA.ttf\"},style:\"normal\",url:\"https://fonts.gstatic.com/s/epilogue/v17/O4ZMFGj5hxF0EhjimngomvnCCtqb30OXMDPiDJXVigHPVA.ttf\",weight:\"400\"},...v,...y.fonts]);\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramermwTeshsws\",\"slots\":[],\"annotations\":{\"framerVariables\":\"{\\\"nwKKgrBNd\\\":\\\"image\\\"}\",\"framerIntrinsicHeight\":\"114\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"W5bIvfeW7\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerContractVersion\":\"1\",\"framerImmutableVariables\":\"false\",\"framerIntrinsicWidth\":\"403\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./mwTeshsws.map", "function _classCallCheck(e,t){if(!(e instanceof t))throw new TypeError(\"Cannot call a class as a function\")}function _defineProperties(e,t){for(var n=0;n0&&void 0!==arguments[0]?arguments[0]:{};var t=e.id;var n=e.url;var r=t||n;if(!r)throw new Error(\"An id or url must be passed, either in an options object or as a data-vimeo-id or data-vimeo-url attribute.\");if(isInteger(r))return\"https://vimeo.com/\".concat(r);if(isVimeoUrl(r))return r.replace(\"http:\",\"https:\");if(t)throw new TypeError(\"\u201C\".concat(t,\"\u201D is not a valid video id.\"));throw new TypeError(\"\u201C\".concat(r,\"\u201D is not a vimeo.com url.\"))}var t=\"undefined\"!==typeof Array.prototype.indexOf;var n=\"undefined\"!==typeof window&&\"undefined\"!==typeof window.postMessage;if(!e&&(!t||!n))throw new Error(\"Sorry, the Vimeo Player API is not available in this browser.\");var r=\"undefined\"!==typeof globalThis?globalThis:\"undefined\"!==typeof window?window:\"undefined\"!==typeof global?global:\"undefined\"!==typeof self?self:{};function createCommonjsModule(e,t){return t={exports:{}},e(t,t.exports),t.exports\n/*!\n * weakmap-polyfill v2.0.1 - ECMAScript6 WeakMap polyfill\n * https://github.com/polygonplanet/weakmap-polyfill\n * Copyright (c) 2015-2020 Polygon Planet \n * @license MIT\n */}(function(e){if(!e.WeakMap){var t=Object.prototype.hasOwnProperty;var defineProperty=function(e,t,n){Object.defineProperty?Object.defineProperty(e,t,{configurable:true,writable:true,value:n}):e[t]=n};e.WeakMap=function(){function WeakMap(){if(void 0===this)throw new TypeError(\"Constructor WeakMap requires 'new'\");defineProperty(this,\"_id\",genId(\"_WeakMap\"));if(arguments.length>0)throw new TypeError(\"WeakMap iterable is not supported\")}defineProperty(WeakMap.prototype,\"delete\",(function(e){checkInstance(this,\"delete\");if(!isObject(e))return false;var t=e[this._id];if(t&&t[0]===e){delete e[this._id];return true}return false}));defineProperty(WeakMap.prototype,\"get\",(function(e){checkInstance(this,\"get\");if(isObject(e)){var t=e[this._id];return t&&t[0]===e?t[1]:void 0}}));defineProperty(WeakMap.prototype,\"has\",(function(e){checkInstance(this,\"has\");if(!isObject(e))return false;var t=e[this._id];return!(!t||t[0]!==e)}));defineProperty(WeakMap.prototype,\"set\",(function(e,t){checkInstance(this,\"set\");if(!isObject(e))throw new TypeError(\"Invalid value used as weak map key\");var n=e[this._id];if(n&&n[0]===e){n[1]=t;return this}defineProperty(e,this._id,[e,t]);return this}));function checkInstance(e,n){if(!isObject(e)||!t.call(e,\"_id\"))throw new TypeError(n+\" method called on incompatible receiver \"+typeof e)}function genId(e){return e+\"_\"+rand()+\".\"+rand()}function rand(){return Math.random().toString().substring(2)}defineProperty(WeakMap,\"_polyfill\",true);return WeakMap}()}function isObject(e){return Object(e)===e}})(\"undefined\"!==typeof self?self:\"undefined\"!==typeof window?window:(\"undefined\"!==typeof r,r));var o=createCommonjsModule((function(e){(function UMD(t,n,r){n[t]=n[t]||r();e.exports&&(e.exports=n[t])})(\"Promise\",(\"undefined\"!=typeof r,r),(function DEF(){var e,t,n,r=Object.prototype.toString,o=\"undefined\"!=typeof setImmediate?function timer(e){return setImmediate(e)}:setTimeout;try{Object.defineProperty({},\"x\",{});e=function builtInProp(e,t,n,r){return Object.defineProperty(e,t,{value:n,writable:true,configurable:false!==r})}}catch(t){e=function builtInProp(e,t,n){e[t]=n;return e}}n=function Queue(){var e,n,r;function Item(e,t){this.fn=e;this.self=t;this.next=void 0}return{add:function add(t,o){r=new Item(t,o);n?n.next=r:e=r;n=r;r=void 0},drain:function drain(){var r=e;e=n=t=void 0;while(r){r.fn.call(r.self);r=r.next}}}}();function schedule(e,r){n.add(e,r);t||(t=o(n.drain))}function isThenable(e){var t,n=typeof e;null==e||\"object\"!=n&&\"function\"!=n||(t=e.then);return\"function\"==typeof t&&t}function notify(){for(var e=0;e0&&schedule(notify,n)}}catch(e){reject.call(new MakeDefWrapper(n),e)}}}function reject(e){var t=this;if(!t.triggered){t.triggered=true;t.def&&(t=t.def);t.msg=e;t.state=2;t.chain.length>0&&schedule(notify,t)}}function iteratePromises(e,t,n,r){for(var o=0;o}\n */function getOEmbedParameters(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return a.reduce((function(t,n){var r=e.getAttribute(\"data-vimeo-\".concat(n));(r||\"\"===r)&&(t[n]=\"\"===r?1:r);return t}),t)}\n/**\n * Create an embed from oEmbed data inside an element.\n *\n * @param {object} data The oEmbed data.\n * @param {HTMLElement} element The element to put the iframe in.\n * @return {HTMLIFrameElement} The iframe embed.\n */function createEmbed(e,t){var n=e.html;if(!t)throw new TypeError(\"An element must be provided\");if(null!==t.getAttribute(\"data-vimeo-initialized\"))return t.querySelector(\"iframe\");var r=document.createElement(\"div\");r.innerHTML=n;t.appendChild(r.firstChild);t.setAttribute(\"data-vimeo-initialized\",\"true\");return t.querySelector(\"iframe\")}\n/**\n * Make an oEmbed call for the specified URL.\n *\n * @param {string} videoUrl The vimeo.com url for the video.\n * @param {Object} [params] Parameters to pass to oEmbed.\n * @param {HTMLElement} element The element.\n * @return {Promise}\n */function getOEmbedData(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};var n=arguments.length>2?arguments[2]:void 0;return new Promise((function(r,o){if(!isVimeoUrl(e))throw new TypeError(\"\u201C\".concat(e,\"\u201D is not a vimeo.com url.\"));var i=\"https://vimeo.com/api/oembed.json?url=\".concat(encodeURIComponent(e));for(var a in t)t.hasOwnProperty(a)&&(i+=\"&\".concat(a,\"=\").concat(encodeURIComponent(t[a])));var u=\"XDomainRequest\"in window?new XDomainRequest:new XMLHttpRequest;u.open(\"GET\",i,true);u.onload=function(){if(404!==u.status)if(403!==u.status)try{var t=JSON.parse(u.responseText);if(403===t.domain_status_code){createEmbed(t,n);o(new Error(\"\u201C\".concat(e,\"\u201D is not embeddable.\")));return}r(t)}catch(e){o(e)}else o(new Error(\"\u201C\".concat(e,\"\u201D is not embeddable.\")));else o(new Error(\"\u201C\".concat(e,\"\u201D was not found.\")))};u.onerror=function(){var e=u.status?\" (\".concat(u.status,\")\"):\"\";o(new Error(\"There was an error fetching the embed code from Vimeo\".concat(e,\".\")))};u.send()}))}\n/**\n * Initialize all embeds within a specific element\n *\n * @param {HTMLElement} [parent=document] The parent element.\n * @return {void}\n */function initializeEmbeds(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document;var t=[].slice.call(e.querySelectorAll(\"[data-vimeo-id], [data-vimeo-url]\"));var n=function handleError(e){\"console\"in window&&console.error&&console.error(\"There was an error creating an embed: \".concat(e))};t.forEach((function(e){try{if(null!==e.getAttribute(\"data-vimeo-defer\"))return;var t=getOEmbedParameters(e);var r=getVimeoUrl(t);getOEmbedData(r,t,e).then((function(t){return createEmbed(t,e)})).catch(n)}catch(e){n(e)}}))}\n/**\n * Resize embeds when messaged by the player.\n *\n * @param {HTMLElement} [parent=document] The parent element.\n * @return {void}\n */function resizeEmbeds(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:document;if(!window.VimeoPlayerResizeEmbeds_){window.VimeoPlayerResizeEmbeds_=true;var t=function onMessage(t){if(isVimeoUrl(t.origin)&&t.data&&\"spacechange\"===t.data.event){var n=e.querySelectorAll(\"iframe\");for(var r=0;r=8&&o<10&&(r=JSON.stringify(r));e.element.contentWindow.postMessage(r,e.origin)}}\n/**\n * Parse the data received from a message event.\n *\n * @param {Player} player The player that received the message.\n * @param {(Object|string)} data The message data. Strings will be parsed into JSON.\n * @return {void}\n */function processData(e,t){t=parseMessageData(t);var n=[];var r;if(t.event){if(\"error\"===t.event){var o=getCallbacks(e,t.data.method);o.forEach((function(n){var r=new Error(t.data.message);r.name=t.data.name;n.reject(r);removeCallback(e,t.data.method,n)}))}n=getCallbacks(e,\"event:\".concat(t.event));r=t.data}else if(t.method){var i=shiftCallbacks(e,t.method);if(i){n.push(i);r=t.value}}n.forEach((function(t){try{if(\"function\"===typeof t){t.call(e,r);return}t.resolve(r)}catch(e){}}))}function initializeScreenfull(){var e=function(){var e;var t=[[\"requestFullscreen\",\"exitFullscreen\",\"fullscreenElement\",\"fullscreenEnabled\",\"fullscreenchange\",\"fullscreenerror\"],[\"webkitRequestFullscreen\",\"webkitExitFullscreen\",\"webkitFullscreenElement\",\"webkitFullscreenEnabled\",\"webkitfullscreenchange\",\"webkitfullscreenerror\"],[\"webkitRequestFullScreen\",\"webkitCancelFullScreen\",\"webkitCurrentFullScreenElement\",\"webkitCancelFullScreen\",\"webkitfullscreenchange\",\"webkitfullscreenerror\"],[\"mozRequestFullScreen\",\"mozCancelFullScreen\",\"mozFullScreenElement\",\"mozFullScreenEnabled\",\"mozfullscreenchange\",\"mozfullscreenerror\"],[\"msRequestFullscreen\",\"msExitFullscreen\",\"msFullscreenElement\",\"msFullscreenEnabled\",\"MSFullscreenChange\",\"MSFullscreenError\"]];var n=0;var r=t.length;var o={};for(;n1&&void 0!==arguments[1]?arguments[1]:{};_classCallCheck(this,Player);if(window.jQuery&&e instanceof jQuery){e.length>1&&window.console&&console.warn&&console.warn(\"A jQuery object with multiple elements was passed, using the first element.\");e=e[0]}\"undefined\"!==typeof document&&\"string\"===typeof e&&(e=document.getElementById(e));if(!isDomElement(e))throw new TypeError(\"You must pass either a valid element or a valid id.\");if(\"IFRAME\"!==e.nodeName){var r=e.querySelector(\"iframe\");r&&(e=r)}if(\"IFRAME\"===e.nodeName&&!isVimeoUrl(e.getAttribute(\"src\")||\"\"))throw new Error(\"The player element passed isn\u2019t a Vimeo embed.\");if(u.has(e))return u.get(e);this._window=e.ownerDocument.defaultView;this.element=e;this.origin=\"*\";var i=new o((function(r,o){t._onMessage=function(e){if(isVimeoUrl(e.origin)&&t.element.contentWindow===e.source){\"*\"===t.origin&&(t.origin=e.origin);var n=parseMessageData(e.data);var i=n&&\"error\"===n.event;var a=i&&n.data&&\"ready\"===n.data.method;if(a){var u=new Error(n.data.message);u.name=n.data.name;o(u)}else{var l=n&&\"ready\"===n.event;var s=n&&\"ping\"===n.method;if(l||s){t.element.setAttribute(\"data-ready\",\"true\");r()}else processData(t,n)}}};t._window.addEventListener(\"message\",t._onMessage);if(\"IFRAME\"!==t.element.nodeName){var i=getOEmbedParameters(e,n);var a=getVimeoUrl(i);getOEmbedData(a,i,e).then((function(n){var r=createEmbed(n,e);t.element=r;t._originalElement=e;swapCallbacks(e,r);u.set(t.element,t);return n})).catch(o)}}));l.set(this,i);u.set(this.element,this);\"IFRAME\"===this.element.nodeName&&postMessage(this,\"ping\");if(s.isEnabled){var a=function exitFullscreen(){return s.exit()};this.fullscreenchangeHandler=function(){s.isFullscreen?storeCallback(t,\"event:exitFullscreen\",a):removeCallback(t,\"event:exitFullscreen\",a);t.ready().then((function(){postMessage(t,\"fullscreenchange\",s.isFullscreen)}))};s.on(\"fullscreenchange\",this.fullscreenchangeHandler)}return this}\n/**\n * Get a promise for a method.\n *\n * @param {string} name The API method to call.\n * @param {Object} [args={}] Arguments to send via postMessage.\n * @return {Promise}\n */_createClass(Player,[{key:\"callMethod\",value:function callMethod(e){var t=this;var n=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return new o((function(r,o){return t.ready().then((function(){storeCallback(t,e,{resolve:r,reject:o});postMessage(t,e,n)})).catch(o)}))}\n/**\n * Get a promise for the value of a player property.\n *\n * @param {string} name The property name\n * @return {Promise}\n */},{key:\"get\",value:function get(e){var t=this;return new o((function(n,r){e=getMethodName(e,\"get\");return t.ready().then((function(){storeCallback(t,e,{resolve:n,reject:r});postMessage(t,e)})).catch(r)}))}\n/**\n * Get a promise for setting the value of a player property.\n *\n * @param {string} name The API method to call.\n * @param {mixed} value The value to set.\n * @return {Promise}\n */},{key:\"set\",value:function set(e,t){var n=this;return new o((function(r,o){e=getMethodName(e,\"set\");if(void 0===t||null===t)throw new TypeError(\"There must be a value to set.\");return n.ready().then((function(){storeCallback(n,e,{resolve:r,reject:o});postMessage(n,e,t)})).catch(o)}))}\n/**\n * Add an event listener for the specified event. Will call the\n * callback with a single parameter, `data`, that contains the data for\n * that event.\n *\n * @param {string} eventName The name of the event.\n * @param {function(*)} callback The function to call when the event fires.\n * @return {void}\n */},{key:\"on\",value:function on(e,t){if(!e)throw new TypeError(\"You must pass an event name.\");if(!t)throw new TypeError(\"You must pass a callback function.\");if(\"function\"!==typeof t)throw new TypeError(\"The callback must be a function.\");var n=getCallbacks(this,\"event:\".concat(e));0===n.length&&this.callMethod(\"addEventListener\",e).catch((function(){}));storeCallback(this,\"event:\".concat(e),t)}\n/**\n * Remove an event listener for the specified event. Will remove all\n * listeners for that event if a `callback` isn\u2019t passed, or only that\n * specific callback if it is passed.\n *\n * @param {string} eventName The name of the event.\n * @param {function} [callback] The specific callback to remove.\n * @return {void}\n */},{key:\"off\",value:function off(e,t){if(!e)throw new TypeError(\"You must pass an event name.\");if(t&&\"function\"!==typeof t)throw new TypeError(\"The callback must be a function.\");var n=removeCallback(this,\"event:\".concat(e),t);n&&this.callMethod(\"removeEventListener\",e).catch((function(e){}))}\n/**\n * Load a new video into this embed. The promise will be resolved if\n * the video is successfully loaded, or it will be rejected if it could\n * not be loaded.\n *\n * @param {number|string|object} options The id of the video, the url of the video, or an object with embed options.\n * @return {LoadVideoPromise}\n */},{key:\"loadVideo\",value:function loadVideo(e){return this.callMethod(\"loadVideo\",e)}},{key:\"ready\",value:function ready(){var e=l.get(this)||new o((function(e,t){t(new Error(\"Unknown player. Probably unloaded.\"))}));return o.resolve(e)}\n/**\n * Add a cue point to the player.\n *\n * @param {number} time The time for the cue point.\n * @param {object} [data] Arbitrary data to be returned with the cue point.\n * @return {AddCuePointPromise}\n */},{key:\"addCuePoint\",value:function addCuePoint(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:{};return this.callMethod(\"addCuePoint\",{time:e,data:t})}\n/**\n * Remove a cue point from the video.\n *\n * @param {string} id The id of the cue point to remove.\n * @return {RemoveCuePointPromise}\n */},{key:\"removeCuePoint\",value:function removeCuePoint(e){return this.callMethod(\"removeCuePoint\",e)}\n/**\n * A representation of a text track on a video.\n *\n * @typedef {Object} VimeoTextTrack\n * @property {string} language The ISO language code.\n * @property {string} kind The kind of track it is (captions or subtitles).\n * @property {string} label The human\u2010readable label for the track.\n */\n/**\n * Enable the text track with the specified language, and optionally the\n * specified kind (captions or subtitles).\n *\n * When set via the API, the track language will not change the viewer\u2019s\n * stored preference.\n *\n * @param {string} language The two\u2010letter language code.\n * @param {string} [kind] The kind of track to enable (captions or subtitles).\n * @return {EnableTextTrackPromise}\n */},{key:\"enableTextTrack\",value:function enableTextTrack(e,t){if(!e)throw new TypeError(\"You must pass a language.\");return this.callMethod(\"enableTextTrack\",{language:e,kind:t})}},{key:\"disableTextTrack\",value:function disableTextTrack(){return this.callMethod(\"disableTextTrack\")}},{key:\"pause\",value:function pause(){return this.callMethod(\"pause\")}},{key:\"play\",value:function play(){return this.callMethod(\"play\")}},{key:\"requestFullscreen\",value:function requestFullscreen(){return s.isEnabled?s.request(this.element):this.callMethod(\"requestFullscreen\")}},{key:\"exitFullscreen\",value:function exitFullscreen(){return s.isEnabled?s.exit():this.callMethod(\"exitFullscreen\")}},{key:\"getFullscreen\",value:function getFullscreen(){return s.isEnabled?o.resolve(s.isFullscreen):this.get(\"fullscreen\")}},{key:\"requestPictureInPicture\",value:function requestPictureInPicture(){return this.callMethod(\"requestPictureInPicture\")}},{key:\"exitPictureInPicture\",value:function exitPictureInPicture(){return this.callMethod(\"exitPictureInPicture\")}},{key:\"getPictureInPicture\",value:function getPictureInPicture(){return this.get(\"pictureInPicture\")}},{key:\"unload\",value:function unload(){return this.callMethod(\"unload\")}},{key:\"destroy\",value:function destroy(){var e=this;return new o((function(t){l.delete(e);u.delete(e.element);if(e._originalElement){u.delete(e._originalElement);e._originalElement.removeAttribute(\"data-vimeo-initialized\")}e.element&&\"IFRAME\"===e.element.nodeName&&e.element.parentNode&&(e.element.parentNode.parentNode&&e._originalElement&&e._originalElement!==e.element.parentNode?e.element.parentNode.parentNode.removeChild(e.element.parentNode):e.element.parentNode.removeChild(e.element));if(e.element&&\"DIV\"===e.element.nodeName&&e.element.parentNode){e.element.removeAttribute(\"data-vimeo-initialized\");var n=e.element.querySelector(\"iframe\");n&&n.parentNode&&(n.parentNode.parentNode&&e._originalElement&&e._originalElement!==n.parentNode?n.parentNode.parentNode.removeChild(n.parentNode):n.parentNode.removeChild(n))}e._window.removeEventListener(\"message\",e._onMessage);s.isEnabled&&s.off(\"fullscreenchange\",e.fullscreenchangeHandler);t()}))}},{key:\"getAutopause\",value:function getAutopause(){return this.get(\"autopause\")}\n/**\n * Enable or disable the autopause behavior of this player.\n *\n * By default, when another video is played in the same browser, this\n * player will automatically pause. Unless you have a specific reason\n * for doing so, we recommend that you leave autopause set to the\n * default (`true`).\n *\n * @param {boolean} autopause\n * @return {SetAutopausePromise}\n */},{key:\"setAutopause\",value:function setAutopause(e){return this.set(\"autopause\",e)}},{key:\"getBuffered\",value:function getBuffered(){return this.get(\"buffered\")}\n/**\n * @typedef {Object} CameraProperties\n * @prop {number} props.yaw - Number between 0 and 360.\n * @prop {number} props.pitch - Number between -90 and 90.\n * @prop {number} props.roll - Number between -180 and 180.\n * @prop {number} props.fov - The field of view in degrees.\n */},{key:\"getCameraProps\",value:function getCameraProps(){return this.get(\"cameraProps\")}\n/**\n * For 360\u00B0 videos set the camera properties for this player.\n *\n * @param {CameraProperties} camera The camera properties\n * @return {SetCameraPromise}\n */},{key:\"setCameraProps\",value:function setCameraProps(e){return this.set(\"cameraProps\",e)}\n/**\n * A representation of a chapter.\n *\n * @typedef {Object} VimeoChapter\n * @property {number} startTime The start time of the chapter.\n * @property {object} title The title of the chapter.\n * @property {number} index The place in the order of Chapters. Starts at 1.\n */},{key:\"getChapters\",value:function getChapters(){return this.get(\"chapters\")}},{key:\"getCurrentChapter\",value:function getCurrentChapter(){return this.get(\"currentChapter\")}},{key:\"getColor\",value:function getColor(){return this.get(\"color\")}\n/**\n * Set the color of this player to a hex or rgb string. Setting the\n * color may fail if the owner of the video has set their embed\n * preferences to force a specific color.\n *\n * @param {string} color The hex or rgb color string to set.\n * @return {SetColorPromise}\n */},{key:\"setColor\",value:function setColor(e){return this.set(\"color\",e)}\n/**\n * A representation of a cue point.\n *\n * @typedef {Object} VimeoCuePoint\n * @property {number} time The time of the cue point.\n * @property {object} data The data passed when adding the cue point.\n * @property {string} id The unique id for use with removeCuePoint.\n */},{key:\"getCuePoints\",value:function getCuePoints(){return this.get(\"cuePoints\")}},{key:\"getCurrentTime\",value:function getCurrentTime(){return this.get(\"currentTime\")}\n/**\n * Set the current playback position in seconds. If the player was\n * paused, it will remain paused. Likewise, if the player was playing,\n * it will resume playing once the video has buffered.\n *\n * You can provide an accurate time and the player will attempt to seek\n * to as close to that time as possible. The exact time will be the\n * fulfilled value of the promise.\n *\n * @param {number} currentTime\n * @return {SetCurrentTimePromise}\n */},{key:\"setCurrentTime\",value:function setCurrentTime(e){return this.set(\"currentTime\",e)}},{key:\"getDuration\",value:function getDuration(){return this.get(\"duration\")}},{key:\"getEnded\",value:function getEnded(){return this.get(\"ended\")}},{key:\"getLoop\",value:function getLoop(){return this.get(\"loop\")}\n/**\n * Set the loop state of the player. When set to `true`, the player\n * will start over immediately once playback ends.\n *\n * @param {boolean} loop\n * @return {SetLoopPromise}\n */},{key:\"setLoop\",value:function setLoop(e){return this.set(\"loop\",e)}\n/**\n * Set the muted state of the player. When set to `true`, the player\n * volume will be muted.\n *\n * @param {boolean} muted\n * @return {SetMutedPromise}\n */},{key:\"setMuted\",value:function setMuted(e){return this.set(\"muted\",e)}},{key:\"getMuted\",value:function getMuted(){return this.get(\"muted\")}},{key:\"getPaused\",value:function getPaused(){return this.get(\"paused\")}},{key:\"getPlaybackRate\",value:function getPlaybackRate(){return this.get(\"playbackRate\")}\n/**\n * Set the playback rate of the player on a scale from `0.5` to `2`. When set\n * via the API, the playback rate will not be synchronized to other\n * players or stored as the viewer's preference.\n *\n * @param {number} playbackRate\n * @return {SetPlaybackRatePromise}\n */},{key:\"setPlaybackRate\",value:function setPlaybackRate(e){return this.set(\"playbackRate\",e)}},{key:\"getPlayed\",value:function getPlayed(){return this.get(\"played\")}},{key:\"getQualities\",value:function getQualities(){return this.get(\"qualities\")}},{key:\"getQuality\",value:function getQuality(){return this.get(\"quality\")}\n/**\n * Set a video quality.\n *\n * @param {string} quality\n * @return {SetQualityPromise}\n */},{key:\"setQuality\",value:function setQuality(e){return this.set(\"quality\",e)}},{key:\"getSeekable\",value:function getSeekable(){return this.get(\"seekable\")}},{key:\"getSeeking\",value:function getSeeking(){return this.get(\"seeking\")}},{key:\"getTextTracks\",value:function getTextTracks(){return this.get(\"textTracks\")}},{key:\"getVideoEmbedCode\",value:function getVideoEmbedCode(){return this.get(\"videoEmbedCode\")}},{key:\"getVideoId\",value:function getVideoId(){return this.get(\"videoId\")}},{key:\"getVideoTitle\",value:function getVideoTitle(){return this.get(\"videoTitle\")}},{key:\"getVideoWidth\",value:function getVideoWidth(){return this.get(\"videoWidth\")}},{key:\"getVideoHeight\",value:function getVideoHeight(){return this.get(\"videoHeight\")}},{key:\"getVideoUrl\",value:function getVideoUrl(){return this.get(\"videoUrl\")}},{key:\"getVolume\",value:function getVolume(){return this.get(\"volume\")}\n/**\n * Set the volume of the player on a scale from `0` to `1`. When set\n * via the API, the volume level will not be synchronized to other\n * players or stored as the viewer\u2019s preference.\n *\n * Most mobile devices do not support setting the volume. An error will\n * *not* be triggered in that situation.\n *\n * @param {number} volume\n * @return {SetVolumePromise}\n */},{key:\"setVolume\",value:function setVolume(e){return this.set(\"volume\",e)}}]);return Player}();if(!e){s=initializeScreenfull();initializeEmbeds();resizeEmbeds()}export{c as default};\n\n//# sourceMappingURL=player.es.js.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,RenderTarget,withCSS}from\"framer\";import{motion}from\"framer-motion\";import Player from\"@vimeo/player\";import{useEffect,useRef,useState}from\"react\";import{useRadius,borderRadiusControl}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";const vimeoRegex=/^https?:\\/\\/vimeo\\.com\\/(\\d+)/;/**\n * VIMEO\n *\n * @framerIntrinsicWidth 480\n * @framerIntrinsicHeight 270\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight fixed\n *\n * @framerComponentPresetProps borderRadius, backgroundColor\n */ const Vimeo=withCSS(function Vimeo({video,autoplay,mute,controls,loop,titles,backgroundColor,onPlay=()=>{},onEnd=()=>{},style,...props}){const[key,setKey]=useState(0);const player=useRef();const borderRadius=useRadius(props);useEffect(()=>{if(!player.current)return;const[,id]=video.match(vimeoRegex)?video.match(vimeoRegex):[null,0];const embeddedPlayer=new Player(player.current,{id,autopause:false,autoplay:RenderTarget.current()===RenderTarget.canvas?false:autoplay,byline:titles,controls:controls,loop:loop,title:titles,muted:mute,responsive:true});embeddedPlayer.on(\"play\",onPlay);embeddedPlayer.on(\"ended\",onEnd);},[player,key]);useEffect(()=>{setKey(key=>key+1);},[video,autoplay,mute,controls,loop,titles]);return /*#__PURE__*/ _jsx(motion.div,{style:{background:backgroundColor,...style,borderRadius,position:\"relative\",width:\"100%\",height:\"100%\",display:\"flex\",justifyContent:\"center\",alignItems:\"center\",overflow:\"hidden\"},...props,children:/*#__PURE__*/ _jsx(\"div\",{className:\"framer-vimeo\",ref:player,style:{width:\"100%\",height:\"100%\"}},key)});},[\".framer-vimeo > div { padding: 0 !important; width: 100%; height: 100%; }\",]);Vimeo.defaultProps={video:\"https://vimeo.com/642263700\",autoplay:false,loop:false,mute:false,backgroundColor:\"rgba(0, 0, 0, 0)\",borderRadius:0};addPropertyControls(Vimeo,{video:{title:\"URL\",type:ControlType.String},...borderRadiusControl,controls:{title:\"Controls\",type:ControlType.Boolean,enabledTitle:\"Show\",disabledTitle:\"Hide\"},autoplay:{title:\"Autoplay\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\"},// playOnCanvas: {\n// title: \"On Canvas\",\n// type: ControlType.Boolean,\n// enabledTitle: \"Play\",\n// disabledTitle: \"Pause\",\n// },\nloop:{title:\"Loop\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\"},mute:{title:\"Mute\",type:ControlType.Boolean,enabledTitle:\"Yes\",disabledTitle:\"No\"},// titles: {\n// title: \"Titles\",\n// type: ControlType.Boolean,\n// enabledTitle: \"Show\",\n// disabledTitle: \"Hide\",\n// },\nbackgroundColor:{type:ControlType.Color,title:\"Background\",defaultValue:\"rgba(0, 0, 0, 0)\"},onPlay:{type:ControlType.EventHandler},onEnd:{type:ControlType.EventHandler}});export default Vimeo;\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"Vimeo\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicHeight\":\"270\",\"framerIntrinsicWidth\":\"480\",\"framerComponentPresetProps\":\"borderRadius, backgroundColor\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Vimeo.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{addPropertyControls,ControlType,useIsInCurrentNavigationTarget}from\"framer\";import{isMotionValue,useInView}from\"framer-motion\";import{borderRadiusControl,defaultEvents,useIsBrowserSafari,useIsOnCanvas,useOnEnter,useOnExit,useRadius}from\"https://framer.com/m/framer/default-utils.js@^0.45.0\";import{memo,useCallback,useEffect,useMemo,useRef,useState}from\"react\";var ObjectFitType;(function(ObjectFitType){ObjectFitType[\"Fill\"]=\"fill\";ObjectFitType[\"Contain\"]=\"contain\";ObjectFitType[\"Cover\"]=\"cover\";ObjectFitType[\"None\"]=\"none\";ObjectFitType[\"ScaleDown\"]=\"scale-down\";})(ObjectFitType||(ObjectFitType={}));var SrcType;(function(SrcType){SrcType[\"Video\"]=\"Upload\";SrcType[\"Url\"]=\"URL\";})(SrcType||(SrcType={}));// Reduce renders\nfunction getProps(props){const{width,height,topLeft,topRight,bottomRight,bottomLeft,id,children,...rest}=props;return rest;}/**\n * VIDEO\n *\n * @framerIntrinsicWidth 200\n * @framerIntrinsicHeight 112\n *\n * @framerSupportedLayoutWidth fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */ export function Video(props){const newProps=getProps(props);return /*#__PURE__*/ _jsx(VideoMemo,{...newProps});}function usePlaybackControls(videoRef){const isInCurrentNavigationTarget=useIsInCurrentNavigationTarget();const requestingPlay=useRef(false);const setProgress=useCallback(rawProgress=>{if(!videoRef.current)return;const newProgress=(rawProgress===1?.999:rawProgress)*videoRef.current.duration;const isAlreadySet=Math.abs(videoRef.current.currentTime-newProgress)<.1;if(videoRef.current.duration>0&&!isAlreadySet){videoRef.current.currentTime=newProgress;}},[]);const play=useCallback(()=>{const isPlaying=videoRef.current.currentTime>0&&videoRef.current.onplaying&&!videoRef.current.paused&&!videoRef.current.ended&&videoRef.current.readyState>videoRef.current.HAVE_CURRENT_DATA;if(!isPlaying&&videoRef.current&&!requestingPlay.current&&isInCurrentNavigationTarget){requestingPlay.current=true;videoRef.current.play().catch(e=>{}) // It's likely fine, swallow error\n.finally(()=>requestingPlay.current=false);}},[]);const pause=useCallback(()=>{if(!videoRef.current||requestingPlay.current)return;videoRef.current.pause();},[]);return{play,pause,setProgress};}function useAutoplayBehavior({playingProp,muted,loop,playsinline,controls}){const[initialPlayingProp]=useState(()=>playingProp);const[hasPlayingPropChanged,setHasPlayingPropChanged]=useState(false);if(playingProp!==initialPlayingProp&&!hasPlayingPropChanged){setHasPlayingPropChanged(true);}const behavesAsGif=// passing `playing === true` on mount indicates that the video should\n// autoplay, like a GIF\ninitialPlayingProp&&muted&&loop&&playsinline&&!controls&&// Some users of the