{
"version": 3,
"sources": ["ssg:https://framerusercontent.com/modules/yztQeeyA1cWbluYTsfKs/D0GvFDbjY9h7UuypVn8L/XvEVpPvc8.js"],
"sourcesContent": ["// Generated by Framer (6b9ed33)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,getFontsFromSharedStyle,RichText,useActiveVariantCallback,useComponentViewport,useLocaleInfo,useVariantState,withCSS}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{useRef}from\"react\";import*as sharedStyle1 from\"https://framerusercontent.com/modules/TQ5DMVGS3pFcQU6L2K8L/2HqWDH2EOBjzKqMRsdS8/AN6FCyGNa.js\";import*as sharedStyle3 from\"https://framerusercontent.com/modules/7fVXLPXa8DycK5sp5AMb/6KEsGoNTxzxwzPAvfion/C_i6Uhor_.js\";import*as sharedStyle2 from\"https://framerusercontent.com/modules/wisL3mlFipDK421wANKJ/t1i5vMzW1e9U5KbXXvCo/ro7OPezbn.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/sQh2c1m5pBPobP4LhIbD/1S2af82p2392ljpB51de/tvpA1Y6wd.js\";const enabledGestures={PCTFSkc8v:{hover:true}};const cycleOrder=[\"PCTFSkc8v\",\"l8b9anlHv\",\"MVXFO5hBD\",\"BeGlyCTpk\",\"pkMi7onjt\"];const serializationHash=\"framer-oj59s\";const variantClassNames={BeGlyCTpk:\"framer-v-f1pj2t\",l8b9anlHv:\"framer-v-1vqmwkq\",MVXFO5hBD:\"framer-v-70s5ap\",PCTFSkc8v:\"framer-v-7ngqr9\",pkMi7onjt:\"framer-v-nm3v41\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:40,delay:0,mass:1,stiffness:400,type:\"spring\"};const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=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={\"Closed [With Links]\":\"BeGlyCTpk\",\"Open [With Links]\":\"MVXFO5hBD\",\"Variant 5\":\"pkMi7onjt\",Closed:\"PCTFSkc8v\",Open:\"l8b9anlHv\"};const getProps=({content,contentOLD,height,id,title,width,...props})=>{return{...props,LOFAsM8Ft:content??props.LOFAsM8Ft??/*#__PURE__*/_jsxs(React.Fragment,{children:[/*#__PURE__*/_jsx(motion.p,{children:\"Placeholder\"}),/*#__PURE__*/_jsx(motion.p,{children:/*#__PURE__*/_jsx(motion.br,{className:\"trailing-break\"})})]}),T8rQFvSBR:contentOLD??props.T8rQFvSBR??\"Training a model on kits.ai is easy. All you need to do is gather audio clips of the voice you want to replicate, drag them into our upload flow, and press train! In ~2 hours, you\u2019ll have a voice model you can use and share with your friends.\\n\\nAlready trained a model on Google Collab and have the .pth file? We support that too - just upload your .pth file and instantly you have a model you can use for inferring and sharing with friends.\",variant:humanReadableVariantMap[props.variant]??props.variant??\"PCTFSkc8v\",W88zB8mIG:title??props.W88zB8mIG??\"Title\"};};const createLayoutDependency=(props,variants)=>{if(props.layoutDependency)return variants.join(\"-\")+props.layoutDependency;return variants.join(\"-\");};const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const fallbackRef=useRef(null);const refBinding=ref??fallbackRef;const defaultLayoutId=React.useId();const{activeLocale,setLocale}=useLocaleInfo();const componentViewport=useComponentViewport();const{style,className,layoutId,variant,W88zB8mIG,T8rQFvSBR,LOFAsM8Ft,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"PCTFSkc8v\",enabledGestures,ref:refBinding,variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const{activeVariantCallback,delay}=useActiveVariantCallback(baseVariant);const onTapq96710=activeVariantCallback(async(...args)=>{setGestureState({isPressed:false});setVariant(\"MVXFO5hBD\");});const onTapvrrbz2=activeVariantCallback(async(...args)=>{setVariant(\"l8b9anlHv\");});const onTap1p1x40u=activeVariantCallback(async(...args)=>{setVariant(\"PCTFSkc8v\");});const onTap6kevrf=activeVariantCallback(async(...args)=>{setVariant(\"BeGlyCTpk\");});const onTapxkumzz=activeVariantCallback(async(...args)=>{setVariant(\"MVXFO5hBD\");});const sharedStyleClassNames=[sharedStyle.className,sharedStyle1.className,sharedStyle2.className,sharedStyle3.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const isDisplayed=()=>{if([\"l8b9anlHv\",\"MVXFO5hBD\",\"pkMi7onjt\"].includes(baseVariant))return true;return false;};return /*#__PURE__*/_jsx(LayoutGroup,{id: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(scopingClassNames,\"framer-7ngqr9\",className,classNames),\"data-framer-name\":\"Closed\",layoutDependency:layoutDependency,layoutId:\"PCTFSkc8v\",ref:refBinding,style:{backgroundColor:\"rgba(0, 0, 0, 0)\",borderBottomLeftRadius:0,borderBottomRightRadius:0,borderTopLeftRadius:0,borderTopRightRadius:0,...style},variants:{\"PCTFSkc8v-hover\":{backgroundColor:\"rgba(255, 255, 255, 0.05)\",borderBottomLeftRadius:4,borderBottomRightRadius:4,borderTopLeftRadius:4,borderTopRightRadius:4}},...addPropertyOverrides({\"PCTFSkc8v-hover\":{\"data-framer-name\":undefined},BeGlyCTpk:{\"data-framer-name\":\"Closed [With Links]\",\"data-highlight\":true,onTap:onTapq96710},l8b9anlHv:{\"data-framer-name\":\"Open\"},MVXFO5hBD:{\"data-framer-name\":\"Open [With Links]\"},pkMi7onjt:{\"data-framer-name\":\"Variant 5\"}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-s4snxr\",\"data-framer-name\":\"Question\",\"data-highlight\":true,layoutDependency:layoutDependency,layoutId:\"URDQ1Zia8\",onTap:onTapvrrbz2,...addPropertyOverrides({BeGlyCTpk:{onTap:onTapxkumzz},l8b9anlHv:{onTap:onTap1p1x40u},MVXFO5hBD:{onTap:onTap6kevrf},pkMi7onjt:{onTap:onTap1p1x40u}},baseVariant,gestureVariant),children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1iqkqho\",\"data-framer-name\":\"Plus\",layoutDependency:layoutDependency,layoutId:\"d5Un149Wq\",style:{opacity:.3,rotate:0},variants:{\"PCTFSkc8v-hover\":{rotate:0},BeGlyCTpk:{rotate:0},l8b9anlHv:{rotate:45},MVXFO5hBD:{rotate:45},pkMi7onjt:{rotate:45}},children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-lrm82z\",layoutDependency:layoutDependency,layoutId:\"uR1s0UDDs\",style:{backgroundColor:\"var(--token-ba62dea8-6e46-4d44-b123-c0234d512110, rgb(166, 166, 166))\",borderBottomLeftRadius:10,borderBottomRightRadius:10,borderTopLeftRadius:10,borderTopRightRadius:10}}),/*#__PURE__*/_jsx(motion.div,{className:\"framer-17qysu0\",layoutDependency:layoutDependency,layoutId:\"YoGSlfqAB\",style:{backgroundColor:\"var(--token-ba62dea8-6e46-4d44-b123-c0234d512110, rgb(166, 166, 166))\",borderBottomLeftRadius:10,borderBottomRightRadius:10,borderTopLeftRadius:10,borderTopRightRadius:10}})]}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h4,{className:\"framer-styles-preset-1q3kqw0\",\"data-styles-preset\":\"tvpA1Y6wd\",children:\"Title\"})}),className:\"framer-1qdhda5\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"NS63FKtqH\",style:{\"--framer-link-text-color\":\"rgb(0, 153, 255)\",\"--framer-link-text-decoration\":\"underline\"},text:W88zB8mIG,verticalAlignment:\"top\",withExternalLayout:true})]}),isDisplayed()&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-6btbws\",\"data-framer-name\":\"Answer\",layoutDependency:layoutDependency,layoutId:\"xC13zW9tm\",style:{opacity:0},variants:{l8b9anlHv:{opacity:1},MVXFO5hBD:{opacity:1},pkMi7onjt:{opacity:1}},children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-zo4wvh\",\"data-styles-preset\":\"AN6FCyGNa\",children:/*#__PURE__*/_jsxs(motion.span,{style:{\"--framer-text-color\":\"var(--extracted-1w3ko1f, var(--token-45d51f25-ec09-4b66-8d2b-23365e29f294, rgba(255, 255, 255, 0.8)))\"},children:[\"Training a model on kits.ai is easy. All you need to do is gather audio clips of the voice you want to replicate, drag them into our upload flow, and press train! In ~2 hours, you\u2019ll have a voice model you can use and share with your friends.\",/*#__PURE__*/_jsx(motion.br,{}),/*#__PURE__*/_jsx(motion.br,{}),\"Already trained a model on Google Collab and have the .pth file? We support that too - just upload your .pth file and instantly you have a model you can use for inferring and sharing with friends.\"]})})}),className:\"framer-1627pli\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"ojFU3zELS\",style:{\"--extracted-1w3ko1f\":\"var(--token-45d51f25-ec09-4b66-8d2b-23365e29f294, rgba(255, 255, 255, 0.8))\",opacity:.6},text:T8rQFvSBR,variants:{l8b9anlHv:{opacity:1},MVXFO5hBD:{\"--framer-paragraph-spacing\":\"0px\",opacity:1},pkMi7onjt:{opacity:1}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({MVXFO5hBD:{children:LOFAsM8Ft,stylesPresetsClassNames:{a:\"framer-styles-preset-1wicq5s\",h2:\"framer-styles-preset-1wml6uu\",h4:\"framer-styles-preset-17o1uxv\",img:\"framer-styles-preset-17hnjil\",p:\"framer-styles-preset-zo4wvh\"},text:undefined}},baseVariant,gestureVariant)})})]})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-oj59s.framer-huoha6, .framer-oj59s .framer-huoha6 { display: block; }\",\".framer-oj59s.framer-7ngqr9 { align-content: flex-start; align-items: flex-start; cursor: pointer; display: flex; flex-direction: column; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px 0px 0px 12px; position: relative; width: 400px; }\",\".framer-oj59s .framer-s4snxr { -webkit-user-select: none; align-content: center; align-items: center; cursor: pointer; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: flex-start; overflow: visible; padding: 20px 0px 20px 40px; position: relative; user-select: none; width: 100%; }\",\".framer-oj59s .framer-1iqkqho { flex: none; height: 16px; left: 0px; overflow: hidden; position: absolute; top: 23px; width: 16px; z-index: 1; }\",\".framer-oj59s .framer-lrm82z { flex: none; height: 2px; left: calc(50.00000000000002% - 16px / 2); overflow: visible; position: absolute; top: calc(50.00000000000002% - 2px / 2); width: 16px; }\",\".framer-oj59s .framer-17qysu0 { bottom: 0px; flex: none; left: calc(50.00000000000002% - 2px / 2); overflow: visible; position: absolute; top: 0px; width: 2px; }\",\".framer-oj59s .framer-1qdhda5 { flex: 1 0 0px; height: auto; position: relative; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\",\".framer-oj59s .framer-6btbws { align-content: flex-start; align-items: flex-start; display: flex; flex: none; flex-direction: column; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: flex-start; overflow: visible; padding: 0px 20px 20px 40px; position: relative; width: 100%; }\",\".framer-oj59s .framer-1627pli { -webkit-user-select: none; flex: none; height: auto; position: relative; user-select: none; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-oj59s.framer-7ngqr9, .framer-oj59s .framer-s4snxr, .framer-oj59s .framer-6btbws { gap: 0px; } .framer-oj59s.framer-7ngqr9 > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-oj59s.framer-7ngqr9 > :first-child, .framer-oj59s .framer-6btbws > :first-child { margin-top: 0px; } .framer-oj59s.framer-7ngqr9 > :last-child, .framer-oj59s .framer-6btbws > :last-child { margin-bottom: 0px; } .framer-oj59s .framer-s4snxr > * { margin: 0px; margin-left: calc(24px / 2); margin-right: calc(24px / 2); } .framer-oj59s .framer-s4snxr > :first-child { margin-left: 0px; } .framer-oj59s .framer-s4snxr > :last-child { margin-right: 0px; } .framer-oj59s .framer-6btbws > * { margin: 0px; margin-bottom: calc(10px / 2); margin-top: calc(10px / 2); } }\",\".framer-oj59s.framer-v-1vqmwkq.framer-7ngqr9, .framer-oj59s.framer-v-70s5ap.framer-7ngqr9, .framer-oj59s.framer-v-nm3v41.framer-7ngqr9 { cursor: unset; padding: 0px 0px 20px 12px; }\",\".framer-oj59s.framer-v-7ngqr9.hover.framer-7ngqr9 { will-change: var(--framer-will-change-override, transform); }\",...sharedStyle.css,...sharedStyle1.css,...sharedStyle2.css,...sharedStyle3.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 76\n * @framerIntrinsicWidth 400\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"l8b9anlHv\":{\"layout\":[\"fixed\",\"auto\"]},\"MVXFO5hBD\":{\"layout\":[\"fixed\",\"auto\"]},\"BeGlyCTpk\":{\"layout\":[\"fixed\",\"auto\"]},\"pkMi7onjt\":{\"layout\":[\"fixed\",\"auto\"]},\"KnZeS7OwJ\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"W88zB8mIG\":\"title\",\"T8rQFvSBR\":\"contentOLD\",\"LOFAsM8Ft\":\"content\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerXvEVpPvc8=withCSS(Component,css,\"framer-oj59s\");export default FramerXvEVpPvc8;FramerXvEVpPvc8.displayName=\"UI Pattern/Accordion row\";FramerXvEVpPvc8.defaultProps={height:76,width:400};addPropertyControls(FramerXvEVpPvc8,{variant:{options:[\"PCTFSkc8v\",\"l8b9anlHv\",\"MVXFO5hBD\",\"BeGlyCTpk\",\"pkMi7onjt\"],optionTitles:[\"Closed\",\"Open\",\"Open [With Links]\",\"Closed [With Links]\",\"Variant 5\"],title:\"Variant\",type:ControlType.Enum},W88zB8mIG:{defaultValue:\"Title\",displayTextArea:true,title:\"Title\",type:ControlType.String},T8rQFvSBR:{defaultValue:\"Training a model on kits.ai is easy. All you need to do is gather audio clips of the voice you want to replicate, drag them into our upload flow, and press train! In ~2 hours, you\u2019ll have a voice model you can use and share with your friends.\\n\\nAlready trained a model on Google Collab and have the .pth file? We support that too - just upload your .pth file and instantly you have a model you can use for inferring and sharing with friends.\",displayTextArea:true,title:\"Content [OLD]\",type:ControlType.String},LOFAsM8Ft:{defaultValue:'