{"version":3,"file":"e8zljbQe5-2.4pg7_qL3.mjs","names":["o","a","n","i","l"],"sources":["https:/framerusercontent.com/modules/y9Swv3KBhd0Ec4OdLcQp/363dZpn7DbR6BRXmQQXC/e8zljbQe5-2.js"],"sourcesContent":["import{jsx as e,jsxs as t}from\"react/jsx-runtime\";import{ComponentPresetsConsumer as n,Link as o}from\"framer\";import{motion as a}from\"framer-motion\";import*as r from\"react\";import{Youtube as i}from\"https://framerusercontent.com/modules/NEd4VmDdsxM3StIUbddO/VTIRgCtWbPApsTjNtLlL/YouTube.js\";import l from\"https://framerusercontent.com/modules/pVk4QsoHxASnVtUBp6jr/QVzZltTawVJTjmjAWG3C/CodeBlock.js\";export const richText=/*#__PURE__*/e(r.Fragment,{children:/*#__PURE__*/e(\"p\",{children:\"This page acts as your index page. \"})});export const richText1=/*#__PURE__*/t(r.Fragment,{children:[/*#__PURE__*/e(\"p\",{children:\"I’ve spent the past few months messing around Framer web, and like many on Twitter, I too am blown away by the simplicity of it and how incredibly powerful a tool like this is.\"}),/*#__PURE__*/e(\"p\",{children:\"A stunning and professional website with all the bells and whistles really is just a few drag and drops away in Framer.\"}),/*#__PURE__*/e(\"h3\",{children:\"1. Copy and paste from Figma\"}),/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(o,{href:\"https://www.figma.com/community/plugin/1037108608720448600/Figma-to-HTML-with-Framer\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\"The Figma to Framer plugin\"})}),\" lowered the barrier to entry for me moving from Figma to Framer because most elements just work right away without any customization needed.\"]}),/*#__PURE__*/e(\"p\",{children:\"Especially at first, I felt more comfortable creating the elements I needed in Figma then porting them over. Once I got a hang of the tool though this became less necessary.\"}),/*#__PURE__*/e(\"p\",{children:\"Unfortunately with most designs, it won’t be possible to simply copy and paste the entire page and expect it to function in Framer. I generally had to copy and paste on an element-by-element basis and often no re-work was required.\"}),/*#__PURE__*/e(\"h3\",{children:\"2. Sticky elements\"}),/*#__PURE__*/t(\"p\",{children:[\"My project in Framer — \",/*#__PURE__*/e(o,{href:\"http://www.getcompanion.co/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\"www.getcompanion.co\"})})]}),/*#__PURE__*/t(\"p\",{children:[\"I’m not sure why but there’s something extremely satisfying about being able to set some content to scroll and other content to stick. I have a few sections on my website\",/*#__PURE__*/e(o,{href:\"http://www.getcompanion.co/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\" Companion\"})}),\", that sticky scroll functionality worked perfectly for.\"]}),/*#__PURE__*/e(\"p\",{children:\"This behavior is especially useful for creating navigation bars, sidebars, or other elements that need to stay visible as the user scrolls through a long webpage.\"}),/*#__PURE__*/t(\"p\",{children:[\"In Framer, it’s as simple as changing the position type to sticky on the element we want to stick, then setting the overflow to “visible” on the parent frames. Here’s a\",/*#__PURE__*/e(o,{href:\"https://www.framer.com/learn/sticky-scroll/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\" tutorial from Framer.\"})})]}),/*#__PURE__*/e(\"h3\",{children:\"3. Out-of-the-box integrations\"}),/*#__PURE__*/e(\"p\",{children:\"Framer has dozens of useful integrations that make building a useful blog, landing page, sales funnel, and more almost effortless.\"}),/*#__PURE__*/e(\"p\",{children:\"Straight from the insert menu, add a Lottie animation, Gumroad “Buy” button, Icons from popular libraries, MailChimp forms, and so much more.\"}),/*#__PURE__*/t(\"p\",{children:[\"I was able to connect\",/*#__PURE__*/e(o,{href:\"https://www.getcompanion.co/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\" my website\"})}),\" with Stripe to enable purchases using “Links” on button components. Although it wasn’t an integration per-se it was possible with no custom code.\"]}),/*#__PURE__*/e(\"h3\",{children:\"4. Feels familiar to programs I already use like Figma\"}),/*#__PURE__*/e(\"p\",{children:\"A refreshing detail about Framer is how familiar it feels.\"}),/*#__PURE__*/e(\"p\",{children:\"The team has clearly paid a lot of attention to how designers use design tools and the familiar shortcuts we use often.\"}),/*#__PURE__*/e(\"p\",{children:\"The overall navigation, look/feel, naming of features, and positioning of tools are intuitive and seamless.\"}),/*#__PURE__*/e(\"p\",{children:\"Even if there’s a shortcut that doesn’t work in Framer “R” for example would commonly open the “Rectangle” tool but since this doesn’t exist in Framer they give a friendly message notifying to use the “F” shortcut to draw a frame.\"}),/*#__PURE__*/e(\"h3\",{children:\"5. Templates & patterns ready\"}),/*#__PURE__*/e(\"p\",{children:\"Framer has so many useful patterns and functionalities that can be added and customized in seconds.\"}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[\"Framer has some\",/*#__PURE__*/e(o,{href:\"https://www.framer.com/templates/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\" stunning templates\"})}),\" that can be downloaded for free or purchased.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(o,{href:\"https://www.frameroverrides.com/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\"FramerOverrides.com\"})}),\" has high quality copy & paste overrides that can unlock unreal possibilities in Framer.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[\"There’s also\",/*#__PURE__*/e(o,{href:\"http://framer.supply/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\" Framer.supply\"})}),\" which has several fun and unique elements that can be copy and pasted right into your website.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(o,{href:\"https://www.everythingframer.com/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\"https://www.everythingframer.com/\"})})})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Within Framer, straight from the insert menu, drag and drop common patterns like buttons, pagination, FAQ, and more.\"})})]}),/*#__PURE__*/e(\"h3\",{children:\"6. Viewports created & updated magically\"}),/*#__PURE__*/e(\"p\",{children:\"A feature that has proven incredibly useful is the ability to design multiple viewports at the same time without needing to manage 3 separate designs.\"}),/*#__PURE__*/e(\"p\",{children:\"This workflow in Figma for example has always been a designer’s nightmare because you have to track all updates and make sure all 3 (or sometimes more) viewports for your design are in sync.\"}),/*#__PURE__*/e(\"p\",{children:\"Framer however does this automagically. Any update that is made to the desktop version will automatically reflect on tablet and mobile. Which is genius and saves precious design time.\"}),/*#__PURE__*/e(\"h3\",{children:\"7. Preview & publish — updates reflect in real time\"}),/*#__PURE__*/e(\"p\",{children:\"When designing I always like to test out what I’m building and make sure things are working properly.\"}),/*#__PURE__*/e(\"p\",{children:\"Framer allows for previews of any update instantly through their previewer as well as the ability to push updates to the live website in seconds.\"}),/*#__PURE__*/e(\"p\",{children:\"Framer allows us as designers to be empowered to own the entire design to development process which is really something special and should be taken advantage of.\"}),/*#__PURE__*/e(\"h3\",{children:\"8. No code scroll effects\"}),/*#__PURE__*/e(\"p\",{children:\"Similar to how Figma’s prototyping features work, in Framer we can implement some pretty sweet effects that are triggered by scroll.\"}),/*#__PURE__*/t(\"p\",{children:[\"My project in Framer — \",/*#__PURE__*/e(o,{href:\"http://www.getcompanion.co/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\"www.getcompanion.co\"})})]}),/*#__PURE__*/t(\"p\",{children:[\"When I was creating\",/*#__PURE__*/e(o,{href:\"http://www.getcompanion.co/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\" Companion\"})}),\", I utilized a lot of these effects that are triggered when a layer is in view. For example, when someone scrolls to the position of this element on the page the element or section “fades in from the bottom.”\"]}),/*#__PURE__*/e(\"p\",{children:\"It’s also incredibly simple to create scroll transforms and parallax scrolls which I utilized quite a bit.\"})]});export const richText2=/*#__PURE__*/t(r.Fragment,{children:[/*#__PURE__*/e(\"p\",{children:\"I’ve spent the past few months messing around Framer web, and like many on Twitter, I too am blown away by the simplicity of it and how incredibly powerful a tool like this is.\"}),/*#__PURE__*/e(\"p\",{children:\"A stunning and professional website with all the bells and whistles really is just a few drag and drops away in Framer.\"}),/*#__PURE__*/e(\"h3\",{children:\"1. Copy and paste from Figma\"}),/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(o,{href:\"https://www.figma.com/community/plugin/1037108608720448600/Figma-to-HTML-with-Framer\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\"The Figma to Framer plugin\"})}),\" lowered the barrier to entry for me moving from Figma to Framer because most elements just work right away without any customization needed.\"]}),/*#__PURE__*/e(\"p\",{children:\"Especially at first, I felt more comfortable creating the elements I needed in Figma then porting them over. Once I got a hang of the tool though this became less necessary.\"}),/*#__PURE__*/e(\"p\",{children:\"Unfortunately with most designs, it won’t be possible to simply copy and paste the entire page and expect it to function in Framer. I generally had to copy and paste on an element-by-element basis and often no re-work was required.\"}),/*#__PURE__*/e(\"h3\",{children:\"2. Sticky elements\"}),/*#__PURE__*/t(\"p\",{children:[\"My project in Framer — \",/*#__PURE__*/e(o,{href:\"http://www.getcompanion.co/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\"www.getcompanion.co\"})})]}),/*#__PURE__*/t(\"p\",{children:[\"I’m not sure why but there’s something extremely satisfying about being able to set some content to scroll and other content to stick. I have a few sections on my website\",/*#__PURE__*/e(o,{href:\"http://www.getcompanion.co/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\" Companion\"})}),\", that sticky scroll functionality worked perfectly for.\"]}),/*#__PURE__*/e(\"p\",{children:\"This behavior is especially useful for creating navigation bars, sidebars, or other elements that need to stay visible as the user scrolls through a long webpage.\"}),/*#__PURE__*/t(\"p\",{children:[\"In Framer, it’s as simple as changing the position type to sticky on the element we want to stick, then setting the overflow to “visible” on the parent frames. Here’s a\",/*#__PURE__*/e(o,{href:\"https://www.framer.com/learn/sticky-scroll/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\" tutorial from Framer.\"})})]}),/*#__PURE__*/e(\"h3\",{children:\"3. Out-of-the-box integrations\"}),/*#__PURE__*/e(\"p\",{children:\"Framer has dozens of useful integrations that make building a useful blog, landing page, sales funnel, and more almost effortless.\"}),/*#__PURE__*/e(\"p\",{children:\"Straight from the insert menu, add a Lottie animation, Gumroad “Buy” button, Icons from popular libraries, MailChimp forms, and so much more.\"}),/*#__PURE__*/t(\"p\",{children:[\"I was able to connect\",/*#__PURE__*/e(o,{href:\"https://www.getcompanion.co/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\" my website\"})}),\" with Stripe to enable purchases using “Links” on button components. Although it wasn’t an integration per-se it was possible with no custom code.\"]}),/*#__PURE__*/e(\"h3\",{children:\"4. Feels familiar to programs I already use like Figma\"}),/*#__PURE__*/e(\"p\",{children:\"A refreshing detail about Framer is how familiar it feels.\"}),/*#__PURE__*/e(\"p\",{children:\"The team has clearly paid a lot of attention to how designers use design tools and the familiar shortcuts we use often.\"}),/*#__PURE__*/e(\"p\",{children:\"The overall navigation, look/feel, naming of features, and positioning of tools are intuitive and seamless.\"}),/*#__PURE__*/e(\"p\",{children:\"Even if there’s a shortcut that doesn’t work in Framer “R” for example would commonly open the “Rectangle” tool but since this doesn’t exist in Framer they give a friendly message notifying to use the “F” shortcut to draw a frame.\"}),/*#__PURE__*/e(\"h3\",{children:\"5. Templates & patterns ready\"}),/*#__PURE__*/e(\"p\",{children:\"Framer has so many useful patterns and functionalities that can be added and customized in seconds.\"}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-font-size\":\"11px\",\"--framer-text-color\":\"rgb(0, 0, 0)\",\"--framer-text-decoration\":\"none\"},children:/*#__PURE__*/t(\"p\",{children:[\"Framer has some\",/*#__PURE__*/e(o,{href:\"https://www.framer.com/templates/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\" stunning templates\"})}),\" that can be downloaded for free or purchased.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-font-size\":\"11px\",\"--framer-text-color\":\"rgb(0, 0, 0)\",\"--framer-text-decoration\":\"none\"},children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(o,{href:\"https://www.frameroverrides.com/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\"FramerOverrides.com\"})}),\" has high quality copy & paste overrides that can unlock unreal possibilities in Framer.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-font-size\":\"11px\",\"--framer-text-color\":\"rgb(0, 0, 0)\",\"--framer-text-decoration\":\"none\"},children:/*#__PURE__*/t(\"p\",{children:[\"There’s also\",/*#__PURE__*/e(o,{href:\"http://framer.supply/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\" Framer.supply\"})}),\" which has several fun and unique elements that can be copy and pasted right into your website.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-font-size\":\"11px\",\"--framer-text-color\":\"rgb(0, 0, 0)\",\"--framer-text-decoration\":\"none\"},children:/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(o,{href:\"https://www.everythingframer.com/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\"https://www.everythingframer.com/\"})})})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",style:{\"--framer-font-size\":\"11px\",\"--framer-text-color\":\"rgb(0, 0, 0)\",\"--framer-text-decoration\":\"none\"},children:/*#__PURE__*/e(\"p\",{children:\"Within Framer, straight from the insert menu, drag and drop common patterns like buttons, pagination, FAQ, and more.\"})})]}),/*#__PURE__*/e(\"h3\",{children:\"6. Viewports created & updated magically\"}),/*#__PURE__*/e(\"p\",{children:\"A feature that has proven incredibly useful is the ability to design multiple viewports at the same time without needing to manage 3 separate designs.\"}),/*#__PURE__*/e(\"p\",{children:\"This workflow in Figma for example has always been a designer’s nightmare because you have to track all updates and make sure all 3 (or sometimes more) viewports for your design are in sync.\"}),/*#__PURE__*/e(\"p\",{children:\"Framer however does this automagically. Any update that is made to the desktop version will automatically reflect on tablet and mobile. Which is genius and saves precious design time.\"}),/*#__PURE__*/e(\"h3\",{children:\"7. Preview & publish — updates reflect in real time\"}),/*#__PURE__*/e(\"p\",{children:\"When designing I always like to test out what I’m building and make sure things are working properly.\"}),/*#__PURE__*/e(\"p\",{children:\"Framer allows for previews of any update instantly through their previewer as well as the ability to push updates to the live website in seconds.\"}),/*#__PURE__*/e(\"p\",{children:\"Framer allows us as designers to be empowered to own the entire design to development process which is really something special and should be taken advantage of.\"}),/*#__PURE__*/e(\"h3\",{children:\"8. No code scroll effects\"}),/*#__PURE__*/e(\"p\",{children:\"Similar to how Figma’s prototyping features work, in Framer we can implement some pretty sweet effects that are triggered by scroll.\"}),/*#__PURE__*/t(\"p\",{children:[\"My project in Framer — \",/*#__PURE__*/e(o,{href:\"http://www.getcompanion.co/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\"www.getcompanion.co\"})})]}),/*#__PURE__*/t(\"p\",{children:[\"When I was creating\",/*#__PURE__*/e(o,{href:\"http://www.getcompanion.co/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\" Companion\"})}),\", I utilized a lot of these effects that are triggered when a layer is in view. For example, when someone scrolls to the position of this element on the page the element or section “fades in from the bottom.”\"]}),/*#__PURE__*/e(\"p\",{children:\"It’s also incredibly simple to create scroll transforms and parallax scrolls which I utilized quite a bit.\"})]});export const richText3=/*#__PURE__*/t(r.Fragment,{children:[/*#__PURE__*/e(\"div\",{className:\"framer-text-module\",style:{\"--aspect-ratio\":\"560 / 315\",aspectRatio:\"560 / 315\",height:\"auto\",width:\"100%\"},children:/*#__PURE__*/e(n,{componentIdentifier:\"module:NEd4VmDdsxM3StIUbddO/VTIRgCtWbPApsTjNtLlL/YouTube.js:Youtube\",children:t=>/*#__PURE__*/e(i,{...t,play:\"Off\",shouldMute:!0,thumbnail:\"Medium Quality\",url:\"https://youtu.be/smPos0mJvh8\"})})}),/*#__PURE__*/e(\"div\",{className:\"framer-text-module\",style:{height:\"auto\",width:\"100%\"},children:/*#__PURE__*/e(n,{componentIdentifier:\"module:pVk4QsoHxASnVtUBp6jr/QVzZltTawVJTjmjAWG3C/CodeBlock.js:default\",children:t=>/*#__PURE__*/e(l,{...t,code:\"https://demo.arcade.software/409g5V0WaZCemFJV1tbH?embed&embed_mobile=tab&embed_desktop=inline&show_copy_link=true\",language:\"JSX\"})})}),/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(o,{href:\"https://demo.arcade.software/409g5V0WaZCemFJV1tbH?embed&embed_mobile=tab&embed_desktop=inline&show_copy_link=true\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!0,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\"https://demo.arcade.software/409g5V0WaZCemFJV1tbH?embed&embed_mobile=tab&embed_desktop=inline&show_copy_link=true\"})})}),/*#__PURE__*/e(\"p\",{children:\" spent the past few months messing around Framer web, and like many on Twitter, I too am blown away by the simplicity of it and how incredibly powerful a tool like this is.\"}),/*#__PURE__*/e(\"p\",{children:\"A stunning and professional website with all the bells and whistles really is just a few drag and drops away in Framer.\"}),/*#__PURE__*/e(\"h3\",{children:\"1. Copy and paste from Figma\"}),/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(o,{href:\"https://www.figma.com/community/plugin/1037108608720448600/Figma-to-HTML-with-Framer\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\"The Figma to Framer plugin\"})}),\" lowered the barrier to entry for me moving from Figma to Framer because most elements just work right away without any customization needed.\"]}),/*#__PURE__*/e(\"p\",{children:\"Especially at first, I felt more comfortable creating the elements I needed in Figma then porting them over. Once I got a hang of the tool though this became less necessary.\"}),/*#__PURE__*/e(\"p\",{children:\"Unfortunately with most designs, it won’t be possible to simply copy and paste the entire page and expect it to function in Framer. I generally had to copy and paste on an element-by-element basis and often no re-work was required.\"}),/*#__PURE__*/e(\"h3\",{children:\"2. Sticky elements\"}),/*#__PURE__*/t(\"p\",{children:[\"My project in Framer — \",/*#__PURE__*/e(o,{href:\"http://www.getcompanion.co/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\"www.getcompanion.co\"})})]}),/*#__PURE__*/t(\"p\",{children:[\"I’m not sure why but there’s something extremely satisfying about being able to set some content to scroll and other content to stick. I have a few sections on my website\",/*#__PURE__*/e(o,{href:\"http://www.getcompanion.co/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\" Companion\"})}),\", that sticky scroll functionality worked perfectly for.\"]}),/*#__PURE__*/e(\"p\",{children:\"This behavior is especially useful for creating navigation bars, sidebars, or other elements that need to stay visible as the user scrolls through a long webpage.\"}),/*#__PURE__*/t(\"p\",{children:[\"In Framer, it’s as simple as changing the position type to sticky on the element we want to stick, then setting the overflow to “visible” on the parent frames. Here’s a\",/*#__PURE__*/e(o,{href:\"https://www.framer.com/learn/sticky-scroll/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\" tutorial from Framer.\"})})]}),/*#__PURE__*/e(\"h3\",{children:\"3. Out-of-the-box integrations\"}),/*#__PURE__*/e(\"p\",{children:\"Framer has dozens of useful integrations that make building a useful blog, landing page, sales funnel, and more almost effortless.\"}),/*#__PURE__*/e(\"p\",{children:\"Straight from the insert menu, add a Lottie animation, Gumroad “Buy” button, Icons from popular libraries, MailChimp forms, and so much more.\"}),/*#__PURE__*/t(\"p\",{children:[\"I was able to connect\",/*#__PURE__*/e(o,{href:\"https://www.getcompanion.co/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\" my website\"})}),\" with Stripe to enable purchases using “Links” on button components. Although it wasn’t an integration per-se it was possible with no custom code.\"]}),/*#__PURE__*/e(\"h3\",{children:\"4. Feels familiar to programs I already use like Figma\"}),/*#__PURE__*/e(\"p\",{children:\"A refreshing detail about Framer is how familiar it feels.\"}),/*#__PURE__*/e(\"p\",{children:\"The team has clearly paid a lot of attention to how designers use design tools and the familiar shortcuts we use often.\"}),/*#__PURE__*/e(\"p\",{children:\"The overall navigation, look/feel, naming of features, and positioning of tools are intuitive and seamless.\"}),/*#__PURE__*/e(\"p\",{children:\"Even if there’s a shortcut that doesn’t work in Framer “R” for example would commonly open the “Rectangle” tool but since this doesn’t exist in Framer they give a friendly message notifying to use the “F” shortcut to draw a frame.\"}),/*#__PURE__*/e(\"h3\",{children:\"5. Templates & patterns ready\"}),/*#__PURE__*/e(\"p\",{children:\"Framer has so many useful patterns and functionalities that can be added and customized in seconds.\"}),/*#__PURE__*/t(\"ul\",{children:[/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[\"Framer has some\",/*#__PURE__*/e(o,{href:\"https://www.framer.com/templates/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\" stunning templates\"})}),\" that can be downloaded for free or purchased.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[/*#__PURE__*/e(o,{href:\"https://www.frameroverrides.com/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\"FramerOverrides.com\"})}),\" has high quality copy & paste overrides that can unlock unreal possibilities in Framer.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/t(\"p\",{children:[\"There’s also\",/*#__PURE__*/e(o,{href:\"http://framer.supply/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\" Framer.supply\"})}),\" which has several fun and unique elements that can be copy and pasted right into your website.\"]})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:/*#__PURE__*/e(o,{href:\"https://www.everythingframer.com/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\"https://www.everythingframer.com/\"})})})}),/*#__PURE__*/e(\"li\",{\"data-preset-tag\":\"p\",children:/*#__PURE__*/e(\"p\",{children:\"Within Framer, straight from the insert menu, drag and drop common patterns like buttons, pagination, FAQ, and more.\"})})]}),/*#__PURE__*/e(\"h3\",{children:\"6. Viewports created & updated magically\"}),/*#__PURE__*/e(\"p\",{children:\"A feature that has proven incredibly useful is the ability to design multiple viewports at the same time without needing to manage 3 separate designs.\"}),/*#__PURE__*/e(\"p\",{children:\"This workflow in Figma for example has always been a designer’s nightmare because you have to track all updates and make sure all 3 (or sometimes more) viewports for your design are in sync.\"}),/*#__PURE__*/e(\"p\",{children:\"Framer however does this automagically. Any update that is made to the desktop version will automatically reflect on tablet and mobile. Which is genius and saves precious design time.\"}),/*#__PURE__*/e(\"h3\",{children:\"7. Preview & publish — updates reflect in real time\"}),/*#__PURE__*/e(\"p\",{children:\"When designing I always like to test out what I’m building and make sure things are working properly.\"}),/*#__PURE__*/e(\"p\",{children:\"Framer allows for previews of any update instantly through their previewer as well as the ability to push updates to the live website in seconds.\"}),/*#__PURE__*/e(\"p\",{children:\"Framer allows us as designers to be empowered to own the entire design to development process which is really something special and should be taken advantage of.\"}),/*#__PURE__*/e(\"h3\",{children:\"8. No code scroll effects\"}),/*#__PURE__*/e(\"p\",{children:\"Similar to how Figma’s prototyping features work, in Framer we can implement some pretty sweet effects that are triggered by scroll.\"}),/*#__PURE__*/t(\"p\",{children:[\"My project in Framer — \",/*#__PURE__*/e(o,{href:\"http://www.getcompanion.co/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\"www.getcompanion.co\"})})]}),/*#__PURE__*/t(\"p\",{children:[\"When I was creating\",/*#__PURE__*/e(o,{href:\"http://www.getcompanion.co/\",motionChild:!0,nodeId:\"e8zljbQe5\",openInNewTab:!1,relValues:[],scopeId:\"contentManagement\",smoothScroll:!1,children:/*#__PURE__*/e(a.a,{children:\" Companion\"})}),\", I utilized a lot of these effects that are triggered when a layer is in view. For example, when someone scrolls to the position of this element on the page the element or section “fades in from the bottom.”\"]}),/*#__PURE__*/e(\"p\",{children:\"It’s also incredibly simple to create scroll transforms and parallax scrolls which I utilized quite a bit.\"})]});\nexport const __FramerMetadata__ = {\"exports\":{\"richText\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"richText1\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"richText2\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"richText3\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}"],"mappings":"6dACa,AADb,GAAkD,IAA4D,IAAuC,IAAwB,IAAqH,IAA4G,CAAa,EAAsB,EAAA,EAAa,CAAC,SAAsB,EAAE,IAAI,CAAC,SAAS,qCAAsC,EAAC,AAAC,EAAC,CAAc,EAAuB,EAAA,EAAa,CAAC,SAAS,CAAc,EAAE,IAAI,CAAC,SAAS,kLAAmL,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,yHAA0H,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,8BAA+B,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,CAAc,EAAEA,EAAE,CAAC,KAAK,uFAAuF,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,4BAA6B,EAAC,AAAC,EAAC,CAAC,+IAAgJ,CAAC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,+KAAgL,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,yOAA0O,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,oBAAqB,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,CAAC,0BAAuC,EAAED,EAAE,CAAC,KAAK,8BAA8B,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,qBAAsB,EAAC,AAAC,EAAC,AAAC,CAAC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,CAAC,6KAA0L,EAAED,EAAE,CAAC,KAAK,8BAA8B,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,YAAa,EAAC,AAAC,EAAC,CAAC,0DAA2D,CAAC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,oKAAqK,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,CAAC,2KAAwL,EAAED,EAAE,CAAC,KAAK,8CAA8C,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,wBAAyB,EAAC,AAAC,EAAC,AAAC,CAAC,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,gCAAiC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,oIAAqI,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,+IAAgJ,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,CAAC,wBAAqC,EAAED,EAAE,CAAC,KAAK,+BAA+B,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,aAAc,EAAC,AAAC,EAAC,CAAC,oJAAqJ,CAAC,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,wDAAyD,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,4DAA6D,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,yHAA0H,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,6GAA8G,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,wOAAyO,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,+BAAgC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,qGAAsG,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,CAAc,EAAE,KAAK,CAAC,kBAAkB,IAAI,SAAsB,EAAE,IAAI,CAAC,SAAS,CAAC,kBAA+B,EAAED,EAAE,CAAC,KAAK,oCAAoC,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,qBAAsB,EAAC,AAAC,EAAC,CAAC,gDAAiD,CAAC,EAAC,AAAC,EAAC,CAAc,EAAE,KAAK,CAAC,kBAAkB,IAAI,SAAsB,EAAE,IAAI,CAAC,SAAS,CAAc,EAAED,EAAE,CAAC,KAAK,mCAAmC,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,qBAAsB,EAAC,AAAC,EAAC,CAAC,0FAA2F,CAAC,EAAC,AAAC,EAAC,CAAc,EAAE,KAAK,CAAC,kBAAkB,IAAI,SAAsB,EAAE,IAAI,CAAC,SAAS,CAAC,eAA4B,EAAED,EAAE,CAAC,KAAK,wBAAwB,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,gBAAiB,EAAC,AAAC,EAAC,CAAC,iGAAkG,CAAC,EAAC,AAAC,EAAC,CAAc,EAAE,KAAK,CAAC,kBAAkB,IAAI,SAAsB,EAAE,IAAI,CAAC,SAAsB,EAAED,EAAE,CAAC,KAAK,oCAAoC,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,mCAAoC,EAAC,AAAC,EAAC,AAAC,EAAC,AAAC,EAAC,CAAc,EAAE,KAAK,CAAC,kBAAkB,IAAI,SAAsB,EAAE,IAAI,CAAC,SAAS,sHAAuH,EAAC,AAAC,EAAC,AAAC,CAAC,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,0CAA2C,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,wJAAyJ,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,gMAAiM,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,yLAA0L,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,qDAAsD,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,uGAAwG,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,mJAAoJ,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,mKAAoK,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,2BAA4B,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,sIAAuI,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,CAAC,0BAAuC,EAAED,EAAE,CAAC,KAAK,8BAA8B,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,qBAAsB,EAAC,AAAC,EAAC,AAAC,CAAC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,CAAC,sBAAmC,EAAED,EAAE,CAAC,KAAK,8BAA8B,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,YAAa,EAAC,AAAC,EAAC,CAAC,kNAAmN,CAAC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,4GAA6G,EAAC,AAAC,CAAC,EAAC,CAAc,EAAuB,EAAA,EAAa,CAAC,SAAS,CAAc,EAAE,IAAI,CAAC,SAAS,kLAAmL,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,yHAA0H,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,8BAA+B,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,CAAc,EAAED,EAAE,CAAC,KAAK,uFAAuF,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,4BAA6B,EAAC,AAAC,EAAC,CAAC,+IAAgJ,CAAC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,+KAAgL,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,yOAA0O,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,oBAAqB,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,CAAC,0BAAuC,EAAED,EAAE,CAAC,KAAK,8BAA8B,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,qBAAsB,EAAC,AAAC,EAAC,AAAC,CAAC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,CAAC,6KAA0L,EAAED,EAAE,CAAC,KAAK,8BAA8B,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,YAAa,EAAC,AAAC,EAAC,CAAC,0DAA2D,CAAC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,oKAAqK,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,CAAC,2KAAwL,EAAED,EAAE,CAAC,KAAK,8CAA8C,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,wBAAyB,EAAC,AAAC,EAAC,AAAC,CAAC,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,gCAAiC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,oIAAqI,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,+IAAgJ,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,CAAC,wBAAqC,EAAED,EAAE,CAAC,KAAK,+BAA+B,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,aAAc,EAAC,AAAC,EAAC,CAAC,oJAAqJ,CAAC,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,wDAAyD,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,4DAA6D,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,yHAA0H,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,6GAA8G,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,wOAAyO,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,+BAAgC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,qGAAsG,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,CAAc,EAAE,KAAK,CAAC,kBAAkB,IAAI,MAAM,CAAC,qBAAqB,OAAO,sBAAsB,eAAe,2BAA2B,MAAO,EAAC,SAAsB,EAAE,IAAI,CAAC,SAAS,CAAC,kBAA+B,EAAED,EAAE,CAAC,KAAK,oCAAoC,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,qBAAsB,EAAC,AAAC,EAAC,CAAC,gDAAiD,CAAC,EAAC,AAAC,EAAC,CAAc,EAAE,KAAK,CAAC,kBAAkB,IAAI,MAAM,CAAC,qBAAqB,OAAO,sBAAsB,eAAe,2BAA2B,MAAO,EAAC,SAAsB,EAAE,IAAI,CAAC,SAAS,CAAc,EAAED,EAAE,CAAC,KAAK,mCAAmC,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,qBAAsB,EAAC,AAAC,EAAC,CAAC,0FAA2F,CAAC,EAAC,AAAC,EAAC,CAAc,EAAE,KAAK,CAAC,kBAAkB,IAAI,MAAM,CAAC,qBAAqB,OAAO,sBAAsB,eAAe,2BAA2B,MAAO,EAAC,SAAsB,EAAE,IAAI,CAAC,SAAS,CAAC,eAA4B,EAAED,EAAE,CAAC,KAAK,wBAAwB,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,gBAAiB,EAAC,AAAC,EAAC,CAAC,iGAAkG,CAAC,EAAC,AAAC,EAAC,CAAc,EAAE,KAAK,CAAC,kBAAkB,IAAI,MAAM,CAAC,qBAAqB,OAAO,sBAAsB,eAAe,2BAA2B,MAAO,EAAC,SAAsB,EAAE,IAAI,CAAC,SAAsB,EAAED,EAAE,CAAC,KAAK,oCAAoC,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,mCAAoC,EAAC,AAAC,EAAC,AAAC,EAAC,AAAC,EAAC,CAAc,EAAE,KAAK,CAAC,kBAAkB,IAAI,MAAM,CAAC,qBAAqB,OAAO,sBAAsB,eAAe,2BAA2B,MAAO,EAAC,SAAsB,EAAE,IAAI,CAAC,SAAS,sHAAuH,EAAC,AAAC,EAAC,AAAC,CAAC,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,0CAA2C,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,wJAAyJ,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,gMAAiM,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,yLAA0L,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,qDAAsD,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,uGAAwG,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,mJAAoJ,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,mKAAoK,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,2BAA4B,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,sIAAuI,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,CAAC,0BAAuC,EAAED,EAAE,CAAC,KAAK,8BAA8B,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,qBAAsB,EAAC,AAAC,EAAC,AAAC,CAAC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,CAAC,sBAAmC,EAAED,EAAE,CAAC,KAAK,8BAA8B,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,YAAa,EAAC,AAAC,EAAC,CAAC,kNAAmN,CAAC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,4GAA6G,EAAC,AAAC,CAAC,EAAC,CAAc,EAAuB,EAAA,EAAa,CAAC,SAAS,CAAc,EAAE,MAAM,CAAC,UAAU,qBAAqB,MAAM,CAAC,iBAAiB,YAAY,YAAY,YAAY,OAAO,OAAO,MAAM,MAAO,EAAC,SAAsB,EAAEC,EAAE,CAAC,oBAAoB,sEAAsE,SAAS,GAAgB,EAAEC,EAAE,CAAC,GAAG,EAAE,KAAK,MAAM,YAAY,EAAE,UAAU,iBAAiB,IAAI,8BAA+B,EAAC,AAAC,EAAC,AAAC,EAAC,CAAc,EAAE,MAAM,CAAC,UAAU,qBAAqB,MAAM,CAAC,OAAO,OAAO,MAAM,MAAO,EAAC,SAAsB,EAAED,EAAE,CAAC,oBAAoB,wEAAwE,SAAS,GAAgB,EAAEE,EAAE,CAAC,GAAG,EAAE,KAAK,oHAAoH,SAAS,KAAM,EAAC,AAAC,EAAC,AAAC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAsB,EAAEJ,EAAE,CAAC,KAAK,oHAAoH,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,mHAAoH,EAAC,AAAC,EAAC,AAAC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,8KAA+K,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,yHAA0H,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,8BAA+B,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,CAAc,EAAED,EAAE,CAAC,KAAK,uFAAuF,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,4BAA6B,EAAC,AAAC,EAAC,CAAC,+IAAgJ,CAAC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,+KAAgL,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,yOAA0O,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,oBAAqB,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,CAAC,0BAAuC,EAAED,EAAE,CAAC,KAAK,8BAA8B,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,qBAAsB,EAAC,AAAC,EAAC,AAAC,CAAC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,CAAC,6KAA0L,EAAED,EAAE,CAAC,KAAK,8BAA8B,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,YAAa,EAAC,AAAC,EAAC,CAAC,0DAA2D,CAAC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,oKAAqK,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,CAAC,2KAAwL,EAAED,EAAE,CAAC,KAAK,8CAA8C,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,wBAAyB,EAAC,AAAC,EAAC,AAAC,CAAC,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,gCAAiC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,oIAAqI,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,+IAAgJ,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,CAAC,wBAAqC,EAAED,EAAE,CAAC,KAAK,+BAA+B,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,aAAc,EAAC,AAAC,EAAC,CAAC,oJAAqJ,CAAC,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,wDAAyD,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,4DAA6D,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,yHAA0H,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,6GAA8G,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,wOAAyO,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,+BAAgC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,qGAAsG,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,CAAc,EAAE,KAAK,CAAC,kBAAkB,IAAI,SAAsB,EAAE,IAAI,CAAC,SAAS,CAAC,kBAA+B,EAAED,EAAE,CAAC,KAAK,oCAAoC,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,qBAAsB,EAAC,AAAC,EAAC,CAAC,gDAAiD,CAAC,EAAC,AAAC,EAAC,CAAc,EAAE,KAAK,CAAC,kBAAkB,IAAI,SAAsB,EAAE,IAAI,CAAC,SAAS,CAAc,EAAED,EAAE,CAAC,KAAK,mCAAmC,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,qBAAsB,EAAC,AAAC,EAAC,CAAC,0FAA2F,CAAC,EAAC,AAAC,EAAC,CAAc,EAAE,KAAK,CAAC,kBAAkB,IAAI,SAAsB,EAAE,IAAI,CAAC,SAAS,CAAC,eAA4B,EAAED,EAAE,CAAC,KAAK,wBAAwB,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,gBAAiB,EAAC,AAAC,EAAC,CAAC,iGAAkG,CAAC,EAAC,AAAC,EAAC,CAAc,EAAE,KAAK,CAAC,kBAAkB,IAAI,SAAsB,EAAE,IAAI,CAAC,SAAsB,EAAED,EAAE,CAAC,KAAK,oCAAoC,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,mCAAoC,EAAC,AAAC,EAAC,AAAC,EAAC,AAAC,EAAC,CAAc,EAAE,KAAK,CAAC,kBAAkB,IAAI,SAAsB,EAAE,IAAI,CAAC,SAAS,sHAAuH,EAAC,AAAC,EAAC,AAAC,CAAC,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,0CAA2C,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,wJAAyJ,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,gMAAiM,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,yLAA0L,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,qDAAsD,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,uGAAwG,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,mJAAoJ,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,mKAAoK,EAAC,CAAc,EAAE,KAAK,CAAC,SAAS,2BAA4B,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,sIAAuI,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,CAAC,0BAAuC,EAAED,EAAE,CAAC,KAAK,8BAA8B,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,qBAAsB,EAAC,AAAC,EAAC,AAAC,CAAC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,CAAC,sBAAmC,EAAED,EAAE,CAAC,KAAK,8BAA8B,aAAa,EAAE,OAAO,YAAY,cAAc,EAAE,UAAU,CAAE,EAAC,QAAQ,oBAAoB,cAAc,EAAE,SAAsB,EAAEC,EAAE,EAAE,CAAC,SAAS,YAAa,EAAC,AAAC,EAAC,CAAC,kNAAmN,CAAC,EAAC,CAAc,EAAE,IAAI,CAAC,SAAS,4GAA6G,EAAC,AAAC,CAAC,EAAC,CAC7m4B,EAAqB,CAAC,QAAU,CAAC,SAAW,CAAC,KAAO,WAAW,YAAc,CAAC,sBAAwB,GAAI,CAAC,EAAC,UAAY,CAAC,KAAO,WAAW,YAAc,CAAC,sBAAwB,GAAI,CAAC,EAAC,UAAY,CAAC,KAAO,WAAW,YAAc,CAAC,sBAAwB,GAAI,CAAC,EAAC,UAAY,CAAC,KAAO,WAAW,YAAc,CAAC,sBAAwB,GAAI,CAAC,EAAC,mBAAqB,CAAC,KAAO,UAAW,CAAC,CAAC"}