{ "version": 3, "sources": ["ssg:https://framerusercontent.com/modules/gff4nRDjwVCVvdAW2mqb/kzMkn9dfJmigwDMr1L3s/OPlQIhTZh.js", "ssg:https://framerusercontent.com/modules/vLdhJC4bHV1HeWPiftQB/7g2IuqBG6NCzgZm7aAUt/CgycK9MIx.js", "ssg:https://framerusercontent.com/modules/B2xAlJLcN0gOnt11mSPw/6YdWVZhgezRAHPsDckZo/Ticker.js", "ssg:https://ga.jspm.io/npm:@motionone/dom@10.13.1/dist/index.es.js", "ssg:https://ga.jspm.io/npm:@motionone/types@10.12.0/dist/index.es.js", "ssg:https://ga.jspm.io/npm:@motionone/utils@10.14.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:@motionone/easing@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"], "sourcesContent": ["// Generated by Framer (48da836)\nimport{fontStore}from\"framer\";fontStore.loadFonts([\"Inter\",\"Inter-Bold\",\"Inter-BoldItalic\",\"Inter-Italic\"]);export const fonts=[{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\"},{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/DpPBYI0sL4fYLgAkX8KXOPVt7c.woff2\",weight:\"700\"},{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/4RAEQdEOrcnDkhHiiCbJOw92Lk.woff2\",weight:\"700\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/1K3W8DizY3v4emK8Mb08YHxTbs.woff2\",weight:\"700\"},{family:\"Inter\",source:\"framer\",style:\"normal\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/tUSCtfYVM1I1IchuyCwz9gDdQ.woff2\",weight:\"700\"},{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/VgYFWiwsAC5OYxAycRXXvhze58.woff2\",weight:\"700\"},{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/DXD0Q7LSl7HEvDzucnyLnGBHM.woff2\",weight:\"700\"},{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/GIryZETIX4IFypco5pYZONKhJIo.woff2\",weight:\"700\"},{family:\"Inter\",source:\"framer\",style:\"italic\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/H89BbHkbHDzlxZzxi8uPzTsp90.woff2\",weight:\"700\"},{family:\"Inter\",source:\"framer\",style:\"italic\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/u6gJwDuwB143kpNK1T1MDKDWkMc.woff2\",weight:\"700\"},{family:\"Inter\",source:\"framer\",style:\"italic\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/43sJ6MfOPh1LCJt46OvyDuSbA6o.woff2\",weight:\"700\"},{family:\"Inter\",source:\"framer\",style:\"italic\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/wccHG0r4gBDAIRhfHiOlq6oEkqw.woff2\",weight:\"700\"},{family:\"Inter\",source:\"framer\",style:\"italic\",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/WZ367JPwf9bRW6LdTHN8rXgSjw.woff2\",weight:\"700\"},{family:\"Inter\",source:\"framer\",style:\"italic\",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/QxmhnWTzLtyjIiZcfaLIJ8EFBXU.woff2\",weight:\"700\"},{family:\"Inter\",source:\"framer\",style:\"italic\",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/2A4Xx7CngadFGlVV4xrO06OBHY.woff2\",weight:\"700\"},{family:\"Inter\",source:\"framer\",style:\"italic\",unicodeRange:\"U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F\",url:\"https://framerusercontent.com/assets/CfMzU8w2e7tHgF4T4rATMPuWosA.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"italic\",unicodeRange:\"U+0301, U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116\",url:\"https://framerusercontent.com/assets/867QObYax8ANsfX4TGEVU9YiCM.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"italic\",unicodeRange:\"U+1F00-1FFF\",url:\"https://framerusercontent.com/assets/Oyn2ZbENFdnW7mt2Lzjk1h9Zb9k.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"italic\",unicodeRange:\"U+0370-03FF\",url:\"https://framerusercontent.com/assets/cdAe8hgZ1cMyLu9g005pAW3xMo.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"italic\",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/DOfvtmE1UplCq161m6Hj8CSQYg.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"italic\",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/vFzuJY0c65av44uhEKB6vyjFMg.woff2\",weight:\"400\"},{family:\"Inter\",source:\"framer\",style:\"italic\",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/tKtBcDnBMevsEEJKdNGhhkLzYo.woff2\",weight:\"400\"}]}];export const css=['.framer-oyMQ2 .framer-styles-preset-1e456k1:not(.rich-text-wrapper), .framer-oyMQ2 .framer-styles-preset-1e456k1.rich-text-wrapper p { --framer-font-family: \"Inter\", sans-serif; --framer-font-family-bold: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-family-italic: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 16px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 400; --framer-letter-spacing: 0em; --framer-line-height: 1.4em; --framer-paragraph-spacing: 20px; --framer-text-alignment: start; --framer-text-color: #171717; --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; }','@media (max-width: 1439px) and (min-width: 1200px) { .framer-oyMQ2 .framer-styles-preset-1e456k1:not(.rich-text-wrapper), .framer-oyMQ2 .framer-styles-preset-1e456k1.rich-text-wrapper p { --framer-font-family: \"Inter\", sans-serif; --framer-font-family-bold: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-family-italic: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 14px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 400; --framer-letter-spacing: 0em; --framer-line-height: 1.4em; --framer-paragraph-spacing: 20px; --framer-text-alignment: start; --framer-text-color: #171717; --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }','@media (max-width: 1199px) and (min-width: 810px) { .framer-oyMQ2 .framer-styles-preset-1e456k1:not(.rich-text-wrapper), .framer-oyMQ2 .framer-styles-preset-1e456k1.rich-text-wrapper p { --framer-font-family: \"Inter\", sans-serif; --framer-font-family-bold: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-family-italic: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 14px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 400; --framer-letter-spacing: 0em; --framer-line-height: 1.4em; --framer-paragraph-spacing: 20px; --framer-text-alignment: start; --framer-text-color: #171717; --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }','@media (max-width: 809px) and (min-width: 0px) { .framer-oyMQ2 .framer-styles-preset-1e456k1:not(.rich-text-wrapper), .framer-oyMQ2 .framer-styles-preset-1e456k1.rich-text-wrapper p { --framer-font-family: \"Inter\", sans-serif; --framer-font-family-bold: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-family-bold-italic: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-family-italic: \"Inter\", \"Inter Placeholder\", sans-serif; --framer-font-open-type-features: normal; --framer-font-size: 12px; --framer-font-style: normal; --framer-font-style-bold: normal; --framer-font-style-bold-italic: italic; --framer-font-style-italic: italic; --framer-font-variation-axes: normal; --framer-font-weight: 400; --framer-font-weight-bold: 700; --framer-font-weight-bold-italic: 700; --framer-font-weight-italic: 400; --framer-letter-spacing: 0em; --framer-line-height: 1.4em; --framer-paragraph-spacing: 20px; --framer-text-alignment: start; --framer-text-color: #171717; --framer-text-decoration: none; --framer-text-stroke-color: initial; --framer-text-stroke-width: initial; --framer-text-transform: none; } }'];export const className=\"framer-oyMQ2\";\nexport const __FramerMetadata__ = {\"exports\":{\"fonts\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"className\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"css\":{\"type\":\"variable\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "// Generated by Framer (6d82f59)\nimport{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ComponentViewportProvider,ControlType,cx,getFonts,getFontsFromSharedStyle,getLoadingLazyAtYPosition,Image,ResolveLinks,RichText,useComponentViewport,useLocaleInfo,useRouter,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";import{Icon as Phosphor}from\"https://framerusercontent.com/modules/tYScH7LTqUtz5KUaUAYP/p8dptk4UIND8hbFWz9V7/Phosphor.js\";import*as sharedStyle1 from\"https://framerusercontent.com/modules/oypnZZr6GzRkEdkF87tq/JRS0QJfED6NhsmjA52bS/fturm86hl.js\";import*as sharedStyle2 from\"https://framerusercontent.com/modules/gff4nRDjwVCVvdAW2mqb/kzMkn9dfJmigwDMr1L3s/OPlQIhTZh.js\";import*as sharedStyle from\"https://framerusercontent.com/modules/k7qpi8elbD1ttvPXWJzF/Gey9GJCt6gGogszi1LPB/STIlpbGwz.js\";import Button from\"https://framerusercontent.com/modules/f9MOfaTj7BwQEJke4FiK/z8tmpJ0uL5t8Ys3sUFV7/O3PrnlQDN.js\";const PhosphorFonts=getFonts(Phosphor);const ButtonFonts=getFonts(Button);const MotionDivWithFX=withFX(motion.div);const cycleOrder=[\"l8VJo31li\",\"D4rRKNNqp\",\"PBuFITP1b\",\"opixGHLgI\",\"xHUqYqeFs\"];const serializationHash=\"framer-0iAz3\";const variantClassNames={D4rRKNNqp:\"framer-v-1fkzvrh\",l8VJo31li:\"framer-v-1mdj7cj\",opixGHLgI:\"framer-v-1y8niac\",PBuFITP1b:\"framer-v-14t0ux8\",xHUqYqeFs:\"framer-v-h69ikk\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants?.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const numberToPixelString=value=>{if(typeof value!==\"number\")return value;if(!Number.isFinite(value))return undefined;return Math.max(0,value)+\"px\";};const transition1={bounce:.2,delay:0,duration:.4,type:\"spring\"};const animation={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:150};const transition2={bounce:.2,delay:0,duration:.8,type:\"spring\"};const animation1={opacity:0,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,transition:transition2,x:0,y:150};const toResponsiveImage=value=>{if(typeof value===\"object\"&&value!==null&&typeof value.src===\"string\"){return value;}return typeof value===\"string\"?{src:value}:undefined;};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={Desktop:\"l8VJo31li\",Laptop:\"D4rRKNNqp\",Phone:\"opixGHLgI\",Tablet:\"PBuFITP1b\",Variant:\"xHUqYqeFs\"};const getProps=({_01Content,_02Content,_03Content,_04Content,bGColor,button,contentColor,contentTag,height,id,image,padding,tag,text,textButton,titleText,width,...props})=>{return{...props,CbVlrQrT9:text??props.CbVlrQrT9??\"Invites users to contact Taghavi Immigration for consultations or further information.\\n\\nDiscover tailored immigration strategies designed to meet your unique needs. At Taghavi Immigration Law, we\u2019re here to guide you toward achieving your goals with clarity and confidence.\",CX1phZi7s:_01Content??props.CX1phZi7s??\"Explore visa options that align with your objectives\",DofOfOuKU:textButton??props.DofOfOuKU??\"Let's Talk\",FceVCWTMC:tag??props.FceVCWTMC??true,hVDxFnShu:_03Content??props.hVDxFnShu??\"Get expert guidance on overcoming application challenges and delays\",JlItECmJA:bGColor??props.JlItECmJA??\"var(--token-bba8045d-958c-477a-aed2-1f1dfaf1ef96, rgb(248, 205, 201))\",joct0O7bX:button??props.joct0O7bX,kf02BDGE1:contentTag??props.kf02BDGE1??\"For Individuals\",kiLGEOFaK:image??props.kiLGEOFaK??{alt:\"\",src:\"https://framerusercontent.com/images/Hirx2fAwyfVZyufop5r92M0mWo.png\",srcSet:\"https://framerusercontent.com/images/Hirx2fAwyfVZyufop5r92M0mWo.png?scale-down-to=512 512w,https://framerusercontent.com/images/Hirx2fAwyfVZyufop5r92M0mWo.png 990w\"},Mr18otMpy:_04Content??props.Mr18otMpy??\"Experience full transparency and support every step of the way\",p0ivNRBzh:padding??props.p0ivNRBzh??\"30px 80px 30px 80px\",sgGSiKtOk:contentColor??props.sgGSiKtOk??\"var(--token-08ca7942-af95-4cde-b902-4c29c7c52c16, rgb(27, 33, 41))\",tv3CJ_ZpE:_02Content??props.tv3CJ_ZpE??\"Receive clear insights on timelines, fees, and requirements\",UqXpHR5Kw:titleText??props.UqXpHR5Kw??\"Let\u2019s Connect to Find Your Immigration Solution\",variant:humanReadableVariantMap[props.variant]??props.variant??\"l8VJo31li\"};};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,JlItECmJA,sgGSiKtOk,UqXpHR5Kw,CbVlrQrT9,CX1phZi7s,tv3CJ_ZpE,hVDxFnShu,Mr18otMpy,FceVCWTMC,kf02BDGE1,joct0O7bX,kiLGEOFaK,DofOfOuKU,p0ivNRBzh,...restProps}=getProps(props);const{baseVariant,classNames,clearLoadingGesture,gestureHandlers,gestureVariant,isLoading,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"l8VJo31li\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const sharedStyleClassNames=[sharedStyle.className,sharedStyle1.className,sharedStyle2.className];const scopingClassNames=cx(serializationHash,...sharedStyleClassNames);const ref1=React.useRef(null);const isDisplayed=()=>{if(baseVariant===\"xHUqYqeFs\")return false;return true;};const router=useRouter();const defaultLayoutId=React.useId();const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id: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(scopingClassNames,\"framer-1mdj7cj\",className,classNames),\"data-framer-name\":\"Desktop\",layoutDependency:layoutDependency,layoutId:\"l8VJo31li\",ref:ref??ref1,style:{\"--1k96899\":numberToPixelString(p0ivNRBzh),...style},...addPropertyOverrides({D4rRKNNqp:{\"data-framer-name\":\"Laptop\"},opixGHLgI:{\"data-framer-name\":\"Phone\"},PBuFITP1b:{\"data-framer-name\":\"Tablet\"},xHUqYqeFs:{\"data-framer-name\":undefined}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsxs(MotionDivWithFX,{__framer__animate:{transition:transition2},__framer__animateOnce:true,__framer__enter:animation,__framer__exit:animation1,__framer__styleAppearEffectEnabled:true,__framer__threshold:0,__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-gamfg8\",\"data-framer-name\":\"2 Columns Image Text\",layoutDependency:layoutDependency,layoutId:\"jSJFx07DS\",style:{backgroundColor:JlItECmJA,borderBottomLeftRadius:16,borderBottomRightRadius:16,borderTopLeftRadius:16,borderTopRightRadius:16},children:[FceVCWTMC&&/*#__PURE__*/_jsx(motion.div,{className:\"framer-9kreyl\",\"data-framer-name\":\"Card\",layoutDependency:layoutDependency,layoutId:\"h8eyGxtLH\",style:{backgroundColor:\"var(--token-6bfc9420-09cf-4fec-9d45-b7e8fa555971, rgb(255, 255, 255))\"},children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{style:{\"--font-selector\":\"Q1VTVE9NO0h2RFRyaWFsIEJyYW5kb24gR3JvdGVzcXVlIE1lZGl1bQ==\",\"--framer-font-family\":'\"HvDTrial Brandon Grotesque Medium\", \"HvDTrial Brandon Grotesque Medium Placeholder\", sans-serif',\"--framer-font-size\":\"20px\",\"--framer-line-height\":\"40px\",\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-08ca7942-af95-4cde-b902-4c29c7c52c16, rgb(27, 33, 41)))\",\"--framer-text-transform\":\"capitalize\"},children:\"For Individuals\"})}),className:\"framer-1lj8p95\",\"data-framer-name\":\"Button\",fonts:[\"CUSTOM;HvDTrial Brandon Grotesque Medium\"],layoutDependency:layoutDependency,layoutId:\"BccLKuvbl\",style:{\"--extracted-r6o4lv\":\"var(--token-08ca7942-af95-4cde-b902-4c29c7c52c16, rgb(27, 33, 41))\",\"--framer-paragraph-spacing\":\"0px\"},text:kf02BDGE1,verticalAlignment:\"top\",withExternalLayout:true})}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1b5zgew\",layoutDependency:layoutDependency,layoutId:\"ayzGJFcg1\",children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-117n9h8\",layoutDependency:layoutDependency,layoutId:\"AI31acWT4\",children:/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1p62h5v\",layoutDependency:layoutDependency,layoutId:\"SQEhsJdXQ\",children:[/*#__PURE__*/_jsx(motion.div,{className:\"framer-1r1m4e1\",layoutDependency:layoutDependency,layoutId:\"Mx9QrEvdC\",children:/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.h2,{className:\"framer-styles-preset-1yczsu4\",\"data-styles-preset\":\"STIlpbGwz\",style:{\"--framer-text-color\":\"var(--extracted-1of0zx5, var(--variable-reference-sgGSiKtOk-CgycK9MIx))\"},children:\"Let\u2019s Connect to Find Your Immigration Solution\"})}),className:\"framer-9oc65b\",\"data-framer-name\":\"Taghavi immigration easier, step by step\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"Vaj71xEJr\",style:{\"--extracted-1of0zx5\":\"var(--variable-reference-sgGSiKtOk-CgycK9MIx)\",\"--framer-paragraph-spacing\":\"0px\",\"--variable-reference-sgGSiKtOk-CgycK9MIx\":sgGSiKtOk},text:UqXpHR5Kw,verticalAlignment:\"center\",withExternalLayout:true})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsxs(motion.p,{className:\"framer-styles-preset-100smnc\",\"data-styles-preset\":\"fturm86hl\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-sgGSiKtOk-CgycK9MIx))\"},children:[\"Invites users to contact Taghavi Immigration for consultations or further information.\",/*#__PURE__*/_jsx(motion.br,{}),/*#__PURE__*/_jsx(motion.br,{}),\"Discover tailored immigration strategies designed to meet your unique needs. At Taghavi Immigration Law, we\u2019re here to guide you toward achieving your goals with clarity and confidence.\"]})}),className:\"framer-198iq5u\",\"data-framer-name\":\"At Taghavi, we simplify the immigration process with a step-by-step approach tailored to your unique needs. Our dedicated team provides expert guidance, ensuring clarity and confidence every step of the way. Whether you're pursuing residency, work permits, or citizenship, we\u2019re here to make your immigration journey smoother and stress-free.\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"QMqNpLVtt\",style:{\"--extracted-r6o4lv\":\"var(--variable-reference-sgGSiKtOk-CgycK9MIx)\",\"--framer-paragraph-spacing\":\"0px\",\"--variable-reference-sgGSiKtOk-CgycK9MIx\":sgGSiKtOk},text:CbVlrQrT9,verticalAlignment:\"center\",withExternalLayout:true}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-zepc2t\",layoutDependency:layoutDependency,layoutId:\"W_tY6CElc\",children:[/*#__PURE__*/_jsxs(motion.div,{className:\"framer-cuz5q0\",layoutDependency:layoutDependency,layoutId:\"nIBlvUc70\",children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-9xs57v-container\",layoutDependency:layoutDependency,layoutId:\"UUgxgRAp9-container\",children:/*#__PURE__*/_jsx(Phosphor,{color:sgGSiKtOk,height:\"100%\",iconSearch:\"arrowright\",iconSelection:\"Airplane\",id:\"UUgxgRAp9\",layoutId:\"UUgxgRAp9\",mirrored:false,selectByList:false,style:{height:\"100%\",width:\"100%\"},weight:\"regular\",width:\"100%\"})})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1e456k1\",\"data-styles-preset\":\"OPlQIhTZh\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-sgGSiKtOk-CgycK9MIx))\"},children:\"Explore visa options that align with your objectives\"})}),className:\"framer-5kz78i\",\"data-framer-name\":\"Title\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"W2yLJLnl7\",style:{\"--extracted-r6o4lv\":\"var(--variable-reference-sgGSiKtOk-CgycK9MIx)\",\"--framer-paragraph-spacing\":\"0px\",\"--variable-reference-sgGSiKtOk-CgycK9MIx\":sgGSiKtOk},text:CX1phZi7s,verticalAlignment:\"top\",withExternalLayout:true})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-xrb4jj\",layoutDependency:layoutDependency,layoutId:\"m1fK4TKHf\",children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1xtnf6x-container\",layoutDependency:layoutDependency,layoutId:\"yCLG2052i-container\",children:/*#__PURE__*/_jsx(Phosphor,{color:sgGSiKtOk,height:\"100%\",iconSearch:\"arrowright\",iconSelection:\"Airplane\",id:\"yCLG2052i\",layoutId:\"yCLG2052i\",mirrored:false,selectByList:false,style:{height:\"100%\",width:\"100%\"},weight:\"regular\",width:\"100%\"})})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1e456k1\",\"data-styles-preset\":\"OPlQIhTZh\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-sgGSiKtOk-CgycK9MIx))\"},children:\"Receive clear insights on timelines, fees, and requirements\"})}),className:\"framer-aujz90\",\"data-framer-name\":\"Title\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"lU6TQoIFR\",style:{\"--extracted-r6o4lv\":\"var(--variable-reference-sgGSiKtOk-CgycK9MIx)\",\"--framer-paragraph-spacing\":\"0px\",\"--variable-reference-sgGSiKtOk-CgycK9MIx\":sgGSiKtOk},text:tv3CJ_ZpE,variants:{xHUqYqeFs:{\"--extracted-r6o4lv\":\"var(--token-6bfc9420-09cf-4fec-9d45-b7e8fa555971, rgb(255, 255, 255))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({xHUqYqeFs:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1e456k1\",\"data-styles-preset\":\"OPlQIhTZh\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-6bfc9420-09cf-4fec-9d45-b7e8fa555971, rgb(255, 255, 255)))\"},children:\"Receive clear insights on timelines, fees, and requirements\"})})}},baseVariant,gestureVariant)})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1sl8qmu\",layoutDependency:layoutDependency,layoutId:\"EA35wttkC\",children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-49ih7s-container\",layoutDependency:layoutDependency,layoutId:\"weqnuJAM9-container\",children:/*#__PURE__*/_jsx(Phosphor,{color:sgGSiKtOk,height:\"100%\",iconSearch:\"arrowright\",iconSelection:\"Airplane\",id:\"weqnuJAM9\",layoutId:\"weqnuJAM9\",mirrored:false,selectByList:false,style:{height:\"100%\",width:\"100%\"},weight:\"regular\",width:\"100%\"})})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1e456k1\",\"data-styles-preset\":\"OPlQIhTZh\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-sgGSiKtOk-CgycK9MIx))\"},children:\"Get expert guidance on overcoming application challenges and delays\"})}),className:\"framer-187qp1j\",\"data-framer-name\":\"Title\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"VAsCor1XI\",style:{\"--extracted-r6o4lv\":\"var(--variable-reference-sgGSiKtOk-CgycK9MIx)\",\"--framer-paragraph-spacing\":\"0px\",\"--variable-reference-sgGSiKtOk-CgycK9MIx\":sgGSiKtOk},text:hVDxFnShu,variants:{xHUqYqeFs:{\"--extracted-r6o4lv\":\"var(--token-6bfc9420-09cf-4fec-9d45-b7e8fa555971, rgb(255, 255, 255))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({xHUqYqeFs:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1e456k1\",\"data-styles-preset\":\"OPlQIhTZh\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-6bfc9420-09cf-4fec-9d45-b7e8fa555971, rgb(255, 255, 255)))\"},children:\"Get expert guidance on overcoming application challenges and delays\"})})}},baseVariant,gestureVariant)})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-1y6l5db\",layoutDependency:layoutDependency,layoutId:\"Q1RM0dh7s\",children:[/*#__PURE__*/_jsx(ComponentViewportProvider,{children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-1ai10zl-container\",layoutDependency:layoutDependency,layoutId:\"cToVa8uNF-container\",children:/*#__PURE__*/_jsx(Phosphor,{color:sgGSiKtOk,height:\"100%\",iconSearch:\"arrowright\",iconSelection:\"Airplane\",id:\"cToVa8uNF\",layoutId:\"cToVa8uNF\",mirrored:false,selectByList:false,style:{height:\"100%\",width:\"100%\"},weight:\"regular\",width:\"100%\"})})}),/*#__PURE__*/_jsx(RichText,{__fromCanvasComponent:true,children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1e456k1\",\"data-styles-preset\":\"OPlQIhTZh\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--variable-reference-sgGSiKtOk-CgycK9MIx))\"},children:\"Experience full transparency and support every step of the way\"})}),className:\"framer-1hivcv4\",\"data-framer-name\":\"Title\",fonts:[\"Inter\"],layoutDependency:layoutDependency,layoutId:\"e7qGfXDCv\",style:{\"--extracted-r6o4lv\":\"var(--variable-reference-sgGSiKtOk-CgycK9MIx)\",\"--framer-paragraph-spacing\":\"0px\",\"--variable-reference-sgGSiKtOk-CgycK9MIx\":sgGSiKtOk},text:Mr18otMpy,variants:{xHUqYqeFs:{\"--extracted-r6o4lv\":\"var(--token-6bfc9420-09cf-4fec-9d45-b7e8fa555971, rgb(255, 255, 255))\"}},verticalAlignment:\"top\",withExternalLayout:true,...addPropertyOverrides({xHUqYqeFs:{children:/*#__PURE__*/_jsx(React.Fragment,{children:/*#__PURE__*/_jsx(motion.p,{className:\"framer-styles-preset-1e456k1\",\"data-styles-preset\":\"OPlQIhTZh\",style:{\"--framer-text-color\":\"var(--extracted-r6o4lv, var(--token-6bfc9420-09cf-4fec-9d45-b7e8fa555971, rgb(255, 255, 255)))\"},children:\"Experience full transparency and support every step of the way\"})})}},baseVariant,gestureVariant)})]})]}),/*#__PURE__*/_jsxs(motion.div,{className:\"framer-us4rt\",layoutDependency:layoutDependency,layoutId:\"XzGTcnwkq\",children:[isDisplayed()&&/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"I4QWIMPpR\"},implicitPathVariables:undefined},{href:{webPageId:\"I4QWIMPpR\"},implicitPathVariables:undefined},{href:{webPageId:\"I4QWIMPpR\"},implicitPathVariables:undefined},{href:{webPageId:\"I4QWIMPpR\"},implicitPathVariables:undefined}],children:resolvedLinks=>/*#__PURE__*/_jsx(ComponentViewportProvider,{height:56,...addPropertyOverrides({opixGHLgI:{y:(componentViewport?.y||0)+(24+((componentViewport?.height||200)-48-1463.8)/2)+24+40+24+0+0+0+634.8+0},PBuFITP1b:{y:(componentViewport?.y||0)+(24+((componentViewport?.height||200)-48-1571.8)/2)+48+64+24+0+0+0+658.8+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-wacvp3-container\",layoutDependency:layoutDependency,layoutId:\"XMD26xEOS-container\",children:/*#__PURE__*/_jsx(Button,{F3ahFahgO:\"var(--token-08ca7942-af95-4cde-b902-4c29c7c52c16, rgb(27, 33, 41))\",height:\"100%\",id:\"XMD26xEOS\",layoutId:\"XMD26xEOS\",TogG8iCEx:resolvedLinks[0],variant:\"NNuc3_l6k\",width:\"100%\",wMXa31jIz:DofOfOuKU,...addPropertyOverrides({D4rRKNNqp:{TogG8iCEx:resolvedLinks[1]},opixGHLgI:{TogG8iCEx:resolvedLinks[3]},PBuFITP1b:{TogG8iCEx:resolvedLinks[2]}},baseVariant,gestureVariant)})})})}),joct0O7bX&&/*#__PURE__*/_jsx(ResolveLinks,{links:[{href:{webPageId:\"I4QWIMPpR\"},implicitPathVariables:undefined},{href:{webPageId:\"I4QWIMPpR\"},implicitPathVariables:undefined},{href:{webPageId:\"I4QWIMPpR\"},implicitPathVariables:undefined},{href:{webPageId:\"I4QWIMPpR\"},implicitPathVariables:undefined},{href:{webPageId:\"I4QWIMPpR\"},implicitPathVariables:undefined}],children:resolvedLinks1=>/*#__PURE__*/_jsx(ComponentViewportProvider,{height:56,...addPropertyOverrides({opixGHLgI:{y:(componentViewport?.y||0)+(24+((componentViewport?.height||200)-48-1463.8)/2)+24+40+24+0+0+0+634.8+0},PBuFITP1b:{y:(componentViewport?.y||0)+(24+((componentViewport?.height||200)-48-1571.8)/2)+48+64+24+0+0+0+658.8+0}},baseVariant,gestureVariant),children:/*#__PURE__*/_jsx(motion.div,{className:\"framer-vxgyz5-container\",layoutDependency:layoutDependency,layoutId:\"i09Y_FHfO-container\",children:/*#__PURE__*/_jsx(Button,{F3ahFahgO:\"var(--token-08ca7942-af95-4cde-b902-4c29c7c52c16, rgb(27, 33, 41))\",height:\"100%\",id:\"i09Y_FHfO\",layoutId:\"i09Y_FHfO\",TogG8iCEx:resolvedLinks1[0],variant:\"NNuc3_l6k\",width:\"100%\",wMXa31jIz:\"804-408-3522\",...addPropertyOverrides({D4rRKNNqp:{TogG8iCEx:resolvedLinks1[1]},opixGHLgI:{style:{width:\"100%\"},TogG8iCEx:resolvedLinks1[3]},PBuFITP1b:{TogG8iCEx:resolvedLinks1[2]},xHUqYqeFs:{TogG8iCEx:resolvedLinks1[4],wMXa31jIz:\"Schedule A Free Case Evaluation\"}},baseVariant,gestureVariant)})})})})]})]})}),/*#__PURE__*/_jsx(Image,{background:{alt:\"\",fit:\"fit\",intrinsicHeight:876,intrinsicWidth:990,pixelHeight:876,pixelWidth:990,sizes:`min(max((min(max(${componentViewport?.width||\"100vw\"} - ${p0ivNRBzh*2}px, 1px), 1600px) - 96px) / 2, 1px), 720px)`,...toResponsiveImage(kiLGEOFaK),...{positionX:\"center\",positionY:\"center\"}},className:\"framer-40zpw\",\"data-framer-name\":\"Woman2\",layoutDependency:layoutDependency,layoutId:\"ScaG936w8\",...addPropertyOverrides({opixGHLgI:{background:{alt:\"\",fit:\"fit\",intrinsicHeight:876,intrinsicWidth:990,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+(24+((componentViewport?.height||200)-48-1463.8)/2)+24+40+24+714.8),pixelHeight:876,pixelWidth:990,sizes:`min(min(max(${componentViewport?.width||\"100vw\"} - 48px, 1px), 1600px) - 48px, 720px)`,...toResponsiveImage(kiLGEOFaK),...{positionX:\"center\",positionY:\"center\"}}},PBuFITP1b:{background:{alt:\"\",fit:\"fit\",intrinsicHeight:876,intrinsicWidth:990,loading:getLoadingLazyAtYPosition((componentViewport?.y||0)+(24+((componentViewport?.height||200)-48-1571.8)/2)+48+64+24+738.8),pixelHeight:876,pixelWidth:990,sizes:`min(min(max(${componentViewport?.width||\"100vw\"} - 48px, 1px), 1600px) - 96px, 720px)`,...toResponsiveImage(kiLGEOFaK),...{positionX:\"center\",positionY:\"center\"}}}},baseVariant,gestureVariant)})]})]})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-0iAz3.framer-1fif0z, .framer-0iAz3 .framer-1fif0z { display: block; }\",\".framer-0iAz3.framer-1mdj7cj { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: hidden; padding: var(--1k96899); position: relative; width: 1440px; }\",\".framer-0iAz3 .framer-gamfg8 { align-content: flex-start; align-items: flex-start; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: flex-start; max-width: 1600px; overflow: hidden; padding: 48px 0px 60px 0px; position: relative; width: 1px; will-change: var(--framer-will-change-override, transform); }\",\".framer-0iAz3 .framer-9kreyl { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: visible; padding: 0px 40px 0px 16px; position: relative; width: min-content; }\",\".framer-0iAz3 .framer-1lj8p95, .framer-0iAz3 .framer-aujz90 { flex: none; height: auto; position: relative; white-space: pre; width: auto; }\",\".framer-0iAz3 .framer-1b5zgew { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: min-content; justify-content: center; overflow: visible; padding: 24px 48px 0px 48px; position: relative; width: 100%; }\",\".framer-0iAz3 .framer-117n9h8 { 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; position: relative; width: 1px; }\",\".framer-0iAz3 .framer-1p62h5v { align-content: flex-start; align-items: flex-start; display: flex; flex: 1 0 0px; flex-direction: column; flex-wrap: nowrap; gap: 24px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px 40px 0px 0px; position: relative; width: 1px; }\",\".framer-0iAz3 .framer-1r1m4e1, .framer-0iAz3 .framer-zepc2t { 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: hidden; padding: 0px; position: relative; width: 100%; }\",\".framer-0iAz3 .framer-9oc65b, .framer-0iAz3 .framer-198iq5u { flex: none; height: auto; position: relative; white-space: pre-wrap; width: 100%; word-break: break-word; word-wrap: break-word; }\",\".framer-0iAz3 .framer-cuz5q0, .framer-0iAz3 .framer-xrb4jj, .framer-0iAz3 .framer-1sl8qmu, .framer-0iAz3 .framer-1y6l5db, .framer-0iAz3 .framer-us4rt { align-content: center; align-items: center; display: flex; flex: none; flex-direction: row; flex-wrap: nowrap; gap: 10px; height: min-content; justify-content: flex-start; overflow: hidden; padding: 0px; position: relative; width: 100%; }\",\".framer-0iAz3 .framer-9xs57v-container, .framer-0iAz3 .framer-1xtnf6x-container, .framer-0iAz3 .framer-49ih7s-container, .framer-0iAz3 .framer-1ai10zl-container { flex: none; height: 32px; position: relative; width: 32px; }\",\".framer-0iAz3 .framer-5kz78i, .framer-0iAz3 .framer-187qp1j, .framer-0iAz3 .framer-1hivcv4 { flex: 1 0 0px; height: auto; position: relative; white-space: pre-wrap; width: 1px; word-break: break-word; word-wrap: break-word; }\",\".framer-0iAz3 .framer-wacvp3-container, .framer-0iAz3 .framer-vxgyz5-container { flex: none; height: auto; position: relative; width: auto; }\",\".framer-0iAz3 .framer-40zpw { aspect-ratio: 1.13013698630137 / 1; flex: 1 0 0px; height: var(--framer-aspect-ratio-supported, 524px); max-width: 720px; overflow: visible; position: relative; width: 1px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-0iAz3.framer-1mdj7cj, .framer-0iAz3 .framer-gamfg8, .framer-0iAz3 .framer-9kreyl, .framer-0iAz3 .framer-1b5zgew, .framer-0iAz3 .framer-117n9h8, .framer-0iAz3 .framer-1p62h5v, .framer-0iAz3 .framer-1r1m4e1, .framer-0iAz3 .framer-zepc2t, .framer-0iAz3 .framer-cuz5q0, .framer-0iAz3 .framer-xrb4jj, .framer-0iAz3 .framer-1sl8qmu, .framer-0iAz3 .framer-1y6l5db, .framer-0iAz3 .framer-us4rt { gap: 0px; } .framer-0iAz3.framer-1mdj7cj > *, .framer-0iAz3 .framer-9kreyl > *, .framer-0iAz3 .framer-1b5zgew > * { margin: 0px; margin-left: calc(0px / 2); margin-right: calc(0px / 2); } .framer-0iAz3.framer-1mdj7cj > :first-child, .framer-0iAz3 .framer-9kreyl > :first-child, .framer-0iAz3 .framer-1b5zgew > :first-child, .framer-0iAz3 .framer-117n9h8 > :first-child, .framer-0iAz3 .framer-cuz5q0 > :first-child, .framer-0iAz3 .framer-xrb4jj > :first-child, .framer-0iAz3 .framer-1sl8qmu > :first-child, .framer-0iAz3 .framer-1y6l5db > :first-child, .framer-0iAz3 .framer-us4rt > :first-child { margin-left: 0px; } .framer-0iAz3.framer-1mdj7cj > :last-child, .framer-0iAz3 .framer-9kreyl > :last-child, .framer-0iAz3 .framer-1b5zgew > :last-child, .framer-0iAz3 .framer-117n9h8 > :last-child, .framer-0iAz3 .framer-cuz5q0 > :last-child, .framer-0iAz3 .framer-xrb4jj > :last-child, .framer-0iAz3 .framer-1sl8qmu > :last-child, .framer-0iAz3 .framer-1y6l5db > :last-child, .framer-0iAz3 .framer-us4rt > :last-child { margin-right: 0px; } .framer-0iAz3 .framer-gamfg8 > *, .framer-0iAz3 .framer-1p62h5v > * { margin: 0px; margin-bottom: calc(24px / 2); margin-top: calc(24px / 2); } .framer-0iAz3 .framer-gamfg8 > :first-child, .framer-0iAz3 .framer-1p62h5v > :first-child, .framer-0iAz3 .framer-1r1m4e1 > :first-child, .framer-0iAz3 .framer-zepc2t > :first-child { margin-top: 0px; } .framer-0iAz3 .framer-gamfg8 > :last-child, .framer-0iAz3 .framer-1p62h5v > :last-child, .framer-0iAz3 .framer-1r1m4e1 > :last-child, .framer-0iAz3 .framer-zepc2t > :last-child { margin-bottom: 0px; } .framer-0iAz3 .framer-117n9h8 > *, .framer-0iAz3 .framer-cuz5q0 > *, .framer-0iAz3 .framer-xrb4jj > *, .framer-0iAz3 .framer-1sl8qmu > *, .framer-0iAz3 .framer-1y6l5db > *, .framer-0iAz3 .framer-us4rt > * { margin: 0px; margin-left: calc(10px / 2); margin-right: calc(10px / 2); } .framer-0iAz3 .framer-1r1m4e1 > *, .framer-0iAz3 .framer-zepc2t > * { margin: 0px; margin-bottom: calc(8px / 2); margin-top: calc(8px / 2); } }\",\".framer-0iAz3.framer-v-1fkzvrh.framer-1mdj7cj { width: 1200px; }\",\".framer-0iAz3.framer-v-1fkzvrh .framer-gamfg8 { justify-content: center; }\",\".framer-0iAz3.framer-v-1fkzvrh .framer-40zpw { height: var(--framer-aspect-ratio-supported, 418px); }\",\".framer-0iAz3.framer-v-14t0ux8.framer-1mdj7cj { padding: 24px; width: 810px; }\",\".framer-0iAz3.framer-v-14t0ux8 .framer-1b5zgew { flex-direction: column; gap: 24px; }\",\".framer-0iAz3.framer-v-14t0ux8 .framer-117n9h8, .framer-0iAz3.framer-v-1y8niac .framer-117n9h8 { flex: none; width: 100%; }\",\".framer-0iAz3.framer-v-14t0ux8 .framer-40zpw, .framer-0iAz3.framer-v-1y8niac .framer-40zpw { flex: none; height: var(--framer-aspect-ratio-supported, 177px); width: 100%; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-0iAz3.framer-v-14t0ux8 .framer-1b5zgew { gap: 0px; } .framer-0iAz3.framer-v-14t0ux8 .framer-1b5zgew > * { margin: 0px; margin-bottom: calc(24px / 2); margin-top: calc(24px / 2); } .framer-0iAz3.framer-v-14t0ux8 .framer-1b5zgew > :first-child { margin-top: 0px; } .framer-0iAz3.framer-v-14t0ux8 .framer-1b5zgew > :last-child { margin-bottom: 0px; } }\",\".framer-0iAz3.framer-v-1y8niac.framer-1mdj7cj { padding: 24px; width: 390px; }\",\".framer-0iAz3.framer-v-1y8niac .framer-gamfg8 { gap: 0px; padding: 24px 0px 0px 0px; }\",\".framer-0iAz3.framer-v-1y8niac .framer-9kreyl { order: 0; }\",\".framer-0iAz3.framer-v-1y8niac .framer-1b5zgew { flex-direction: column; gap: 24px; order: 1; padding: 24px; }\",\".framer-0iAz3.framer-v-1y8niac .framer-1p62h5v { gap: 16px; padding: 0px; }\",\".framer-0iAz3.framer-v-1y8niac .framer-us4rt { gap: 8px; }\",\".framer-0iAz3.framer-v-1y8niac .framer-vxgyz5-container { flex: 1 0 0px; width: 1px; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-0iAz3.framer-v-1y8niac .framer-gamfg8, .framer-0iAz3.framer-v-1y8niac .framer-1b5zgew, .framer-0iAz3.framer-v-1y8niac .framer-1p62h5v, .framer-0iAz3.framer-v-1y8niac .framer-us4rt { gap: 0px; } .framer-0iAz3.framer-v-1y8niac .framer-gamfg8 > * { margin: 0px; margin-bottom: calc(0px / 2); margin-top: calc(0px / 2); } .framer-0iAz3.framer-v-1y8niac .framer-gamfg8 > :first-child, .framer-0iAz3.framer-v-1y8niac .framer-1b5zgew > :first-child, .framer-0iAz3.framer-v-1y8niac .framer-1p62h5v > :first-child { margin-top: 0px; } .framer-0iAz3.framer-v-1y8niac .framer-gamfg8 > :last-child, .framer-0iAz3.framer-v-1y8niac .framer-1b5zgew > :last-child, .framer-0iAz3.framer-v-1y8niac .framer-1p62h5v > :last-child { margin-bottom: 0px; } .framer-0iAz3.framer-v-1y8niac .framer-1b5zgew > * { margin: 0px; margin-bottom: calc(24px / 2); margin-top: calc(24px / 2); } .framer-0iAz3.framer-v-1y8niac .framer-1p62h5v > * { margin: 0px; margin-bottom: calc(16px / 2); margin-top: calc(16px / 2); } .framer-0iAz3.framer-v-1y8niac .framer-us4rt > * { margin: 0px; margin-left: calc(8px / 2); margin-right: calc(8px / 2); } .framer-0iAz3.framer-v-1y8niac .framer-us4rt > :first-child { margin-left: 0px; } .framer-0iAz3.framer-v-1y8niac .framer-us4rt > :last-child { margin-right: 0px; } }\",\".framer-0iAz3.framer-v-h69ikk .framer-us4rt { min-height: 136px; }\",\".framer-0iAz3.framer-v-h69ikk .framer-40zpw { height: var(--framer-aspect-ratio-supported, 177px); }\",...sharedStyle.css,...sharedStyle1.css,...sharedStyle2.css];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 888.4\n * @framerIntrinsicWidth 1440\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"auto\"]},\"D4rRKNNqp\":{\"layout\":[\"fixed\",\"auto\"]},\"PBuFITP1b\":{\"layout\":[\"fixed\",\"auto\"]},\"opixGHLgI\":{\"layout\":[\"fixed\",\"auto\"]},\"xHUqYqeFs\":{\"layout\":[\"fixed\",\"auto\"]}}}\n * @framerVariables {\"JlItECmJA\":\"bGColor\",\"sgGSiKtOk\":\"contentColor\",\"UqXpHR5Kw\":\"titleText\",\"CbVlrQrT9\":\"text\",\"CX1phZi7s\":\"_01Content\",\"tv3CJ_ZpE\":\"_02Content\",\"hVDxFnShu\":\"_03Content\",\"Mr18otMpy\":\"_04Content\",\"FceVCWTMC\":\"tag\",\"kf02BDGE1\":\"contentTag\",\"joct0O7bX\":\"button\",\"kiLGEOFaK\":\"image\",\"DofOfOuKU\":\"textButton\",\"p0ivNRBzh\":\"padding\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerCgycK9MIx=withCSS(Component,css,\"framer-0iAz3\");export default FramerCgycK9MIx;FramerCgycK9MIx.displayName=\"Hero Section\";FramerCgycK9MIx.defaultProps={height:888.4,width:1440};addPropertyControls(FramerCgycK9MIx,{variant:{options:[\"l8VJo31li\",\"D4rRKNNqp\",\"PBuFITP1b\",\"opixGHLgI\",\"xHUqYqeFs\"],optionTitles:[\"Desktop\",\"Laptop\",\"Tablet\",\"Phone\",\"Variant\"],title:\"Variant\",type:ControlType.Enum},JlItECmJA:{defaultValue:'var(--token-bba8045d-958c-477a-aed2-1f1dfaf1ef96, rgb(248, 205, 201)) /* {\"name\":\"Light Pink\"} */',title:\"BG - Color\",type:ControlType.Color},sgGSiKtOk:{defaultValue:'var(--token-08ca7942-af95-4cde-b902-4c29c7c52c16, rgb(27, 33, 41)) /* {\"name\":\"Black\"} */',title:\"Content Color\",type:ControlType.Color},UqXpHR5Kw:{defaultValue:\"Let\u2019s Connect to Find Your Immigration Solution\",displayTextArea:false,title:\"Title Text\",type:ControlType.String},CbVlrQrT9:{defaultValue:\"Invites users to contact Taghavi Immigration for consultations or further information.\\n\\nDiscover tailored immigration strategies designed to meet your unique needs. At Taghavi Immigration Law, we\u2019re here to guide you toward achieving your goals with clarity and confidence.\",displayTextArea:true,title:\"Text\",type:ControlType.String},CX1phZi7s:{defaultValue:\"Explore visa options that align with your objectives\",displayTextArea:true,title:\"01 - Content\",type:ControlType.String},tv3CJ_ZpE:{defaultValue:\"Receive clear insights on timelines, fees, and requirements\",displayTextArea:true,title:\"02 - Content\",type:ControlType.String},hVDxFnShu:{defaultValue:\"Get expert guidance on overcoming application challenges and delays\",displayTextArea:true,title:\"03 - Content\",type:ControlType.String},Mr18otMpy:{defaultValue:\"Experience full transparency and support every step of the way\",displayTextArea:true,title:\"04 - Content\",type:ControlType.String},FceVCWTMC:{defaultValue:true,title:\"Tag\",type:ControlType.Boolean},kf02BDGE1:{defaultValue:\"For Individuals\",displayTextArea:false,title:\"Content Tag\",type:ControlType.String},joct0O7bX:{defaultValue:false,title:\"Button\",type:ControlType.Boolean},kiLGEOFaK:{__defaultAssetReference:\"data:framer/asset-reference,Hirx2fAwyfVZyufop5r92M0mWo.png?originalFilename=Woman2.png&preferredSize=auto\",__vekterDefault:{alt:\"\",assetReference:\"data:framer/asset-reference,Hirx2fAwyfVZyufop5r92M0mWo.png?originalFilename=Woman2.png&preferredSize=auto\"},description:\"Your Image\",title:\"Image\",type:ControlType.ResponsiveImage},DofOfOuKU:{defaultValue:\"Let's Talk\",displayTextArea:false,title:\"Text Button\",type:ControlType.String},p0ivNRBzh:{defaultValue:\"30px 80px 30px 80px\",title:\"Padding\",type:ControlType.Padding}});addFonts(FramerCgycK9MIx,[{explicitInter:true,fonts:[{family:\"HvDTrial Brandon Grotesque Medium\",source:\"custom\",url:\"https://framerusercontent.com/assets/Mfkkj4JesjMO1Op60JW0UVzGEo.woff2\"},{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\"}]},...PhosphorFonts,...ButtonFonts,...getFontsFromSharedStyle(sharedStyle.fonts),...getFontsFromSharedStyle(sharedStyle1.fonts),...getFontsFromSharedStyle(sharedStyle2.fonts)],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerCgycK9MIx\",\"slots\":[],\"annotations\":{\"framerContractVersion\":\"1\",\"framerIntrinsicWidth\":\"1440\",\"framerVariables\":\"{\\\"JlItECmJA\\\":\\\"bGColor\\\",\\\"sgGSiKtOk\\\":\\\"contentColor\\\",\\\"UqXpHR5Kw\\\":\\\"titleText\\\",\\\"CbVlrQrT9\\\":\\\"text\\\",\\\"CX1phZi7s\\\":\\\"_01Content\\\",\\\"tv3CJ_ZpE\\\":\\\"_02Content\\\",\\\"hVDxFnShu\\\":\\\"_03Content\\\",\\\"Mr18otMpy\\\":\\\"_04Content\\\",\\\"FceVCWTMC\\\":\\\"tag\\\",\\\"kf02BDGE1\\\":\\\"contentTag\\\",\\\"joct0O7bX\\\":\\\"button\\\",\\\"kiLGEOFaK\\\":\\\"image\\\",\\\"DofOfOuKU\\\":\\\"textButton\\\",\\\"p0ivNRBzh\\\":\\\"padding\\\"}\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicHeight\":\"888.4\",\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"D4rRKNNqp\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"PBuFITP1b\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"opixGHLgI\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]},\\\"xHUqYqeFs\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"auto\\\"]}}}\",\"framerDisplayContentsDiv\":\"false\",\"framerImmutableVariables\":\"true\"}},\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}", "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 currentTarget=RenderTarget.current();const isCanvas=currentTarget===RenderTarget.canvas||currentTarget===RenderTarget.export;// 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\":\"*\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutHeight\":\"fixed\",\"framerIntrinsicHeight\":\"200\",\"framerSupportedLayoutWidth\":\"fixed\",\"framerIntrinsicWidth\":\"400\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Ticker.map", "import{MotionValue as e}from\"@motionone/types\";import{noopReturn as t,addUniqueItem as n,progress as o,isFunction as i,defaults as s,isCubicBezier as r,isEasingGenerator as a,isEasingList as c,isNumber as l,time as f,noop as u,removeItem as d,mix as g,getEasingForSegment as m,isString as h,defaultOffset as p,fillOffset as v,velocityPerSecond as y,interpolate as w}from\"@motionone/utils\";import{Animation as E,getEasingFunction as b}from\"@motionone/animation\";import{__rest as S}from\"tslib\";import{invariant as A}from\"hey-listen\";import{pregenerateKeyframes as O,calcGeneratorVelocity as x,spring as V,glide as z}from\"@motionone/generators\";const W=new WeakMap;function getAnimationData(e){W.has(e)||W.set(e,{transforms:[],values:new Map});return W.get(e)}function getMotionValue(t,n){t.has(n)||t.set(n,new e);return t.get(n)}const L=[\"\",\"X\",\"Y\",\"Z\"];const T=[\"translate\",\"scale\",\"rotate\",\"skew\"];const D={x:\"translateX\",y:\"translateY\",z:\"translateZ\"};const M={syntax:\"\",initialValue:\"0deg\",toDefaultUnit:e=>e+\"deg\"};const k={translate:{syntax:\"\",initialValue:\"0px\",toDefaultUnit:e=>e+\"px\"},rotate:M,scale:{syntax:\"\",initialValue:1,toDefaultUnit:t},skew:M};const B=new Map;const asTransformCssVar=e=>`--motion-${e}`;const j=[\"x\",\"y\",\"z\"];T.forEach((e=>{L.forEach((t=>{j.push(e+t);B.set(asTransformCssVar(e+t),k[e])}))}));const compareTransformOrder=(e,t)=>j.indexOf(e)-j.indexOf(t);const P=new Set(j);const isTransform=e=>P.has(e);const addTransformToElement=(e,t)=>{D[t]&&(t=D[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 $=new Set;function registerCssVariable(e){if(!$.has(e)){$.add(e);try{const{syntax:t,initialValue:n}=B.has(e)?B.get(e):{};CSS.registerProperty({name:e,inherits:false,syntax:t,initialValue:n})}catch(e){}}}const testAnimation=(e,t)=>document.createElement(\"div\").animate(e,t);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]},{duration:.001}).finished),linearEasing:()=>{try{testAnimation({opacity:0},{easing:\"linear(0, 1)\"})}catch(e){return false}return true}};const R={};const H={};for(const e in C)H[e]=()=>{void 0===R[e]&&(R[e]=C[e]());return R[e]};const I=.015;const generateLinearEasingPoints=(e,t)=>{let n=\"\";const i=Math.round(t/I);for(let t=0;ti(e)?H.linearEasing()?`linear(${generateLinearEasingPoints(e,t)})`:s.easing:r(e)?cubicBezierAsString(e):e;const cubicBezierAsString=([e,t,n,o])=>`cubic-bezier(${e}, ${t}, ${n}, ${o})`;function hydrateKeyframes(e,t){for(let n=0;nArray.isArray(e)?e:[e];function getStyleName(e){D[e]&&(e=D[e]);return isTransform(e)?asTransformCssVar(e):e}const N={get:(e,t)=>{t=getStyleName(t);let n=isCssVar(t)?e.style.getPropertyValue(t):getComputedStyle(e)[t];if(!n&&0!==n){const e=B.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 r=getDevToolsRecord();const d=false!==o.record&&r;let g;let{duration:m=s.duration,delay:h=s.delay,endDelay:p=s.endDelay,repeat:v=s.repeat,easing:y=s.easing,direction:w,offset:b,allowWebkitAcceleration:S=false}=o;const A=getAnimationData(e);const O=isTransform(t);let x=H.waapi();O&&addTransformToElement(e,t);const V=getStyleName(t);const z=getMotionValue(A.values,V);const W=B.get(V);stopAnimation(z.animation,!(a(y)&&z.generator)&&false!==o.record);return()=>{const readInitialValue=()=>{var t,n;return null!==(n=null!==(t=N.get(e,V))&&void 0!==t?t:null===W||void 0===W?void 0:W.initialValue)&&void 0!==n?n:0};let s=hydrateKeyframes(keyframesList(n),readInitialValue);if(a(y)){const e=y.createAnimation(s,readInitialValue,O,V,z);y=e.easing;void 0!==e.keyframes&&(s=e.keyframes);void 0!==e.duration&&(m=e.duration)}isCssVar(V)&&(H.cssRegisterProperty()?registerCssVariable(V):x=false);O&&!H.linearEasing()&&(i(y)||c(y)&&y.some(i))&&(x=false);if(x){W&&(s=s.map((e=>l(e)?W.toDefaultUnit(e):e)));1!==s.length||H.partialKeyframes()&&!d||s.unshift(readInitialValue());const t={delay:f.ms(h),duration:f.ms(m),endDelay:f.ms(p),easing:c(y)?void 0:convertEasing(y,m),direction:w,iterations:v+1,fill:\"both\"};g=e.animate({[V]:s,offset:b,easing:c(y)?y.map((e=>convertEasing(e,m))):void 0},t);g.finished||(g.finished=new Promise(((e,t)=>{g.onfinish=e;g.oncancel=t})));const n=s[s.length-1];g.finished.then((()=>{N.set(e,V,n);g.cancel()})).catch(u);S||(g.playbackRate=1.000001)}else if(O){s=s.map((e=>\"string\"===typeof e?parseFloat(e):e));1===s.length&&s.unshift(parseFloat(readInitialValue()));const render=t=>{W&&(t=W.toDefaultUnit(t));N.set(e,V,t)};g=new E(render,s,Object.assign(Object.assign({},o),{duration:m,easing:y}))}else{const t=s[s.length-1];N.set(e,V,W&&l(t)?W.toDefaultUnit(t):t)}d&&r(e,t,s,{duration:m,delay:h,easing:y,repeat:v,offset:b},\"motion-one\");z.setAnimation(g);return g}}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=s.duration)=>new Proxy({animations:e.map(createAnimation).filter(Boolean),duration:n,options:t},F);const getActiveAnimation=e=>e.animations[0];const F={get:(e,t)=>{const n=getActiveAnimation(e);switch(t){case\"duration\":return e.duration;case\"currentTime\":return f.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(u));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=f.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 r=l(n)?n:getFromIndex(n,s);const a=Math.abs(r-i);let c=e*a;if(o){const t=s*e;const n=b(o);c=n(c/t)*t}return t+c}}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 i(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,i=S(t,[\"defaultOptions\"]);const r=[];const c=new Map;const l={};const f=new Map;let u=0;let d=0;let g=0;for(let t=0;t\"0\"),e);u=n.easing;void 0!==n.keyframes&&(c=n.keyframes);void 0!==n.duration&&(f=n.duration)}const h=resolveOption(m.delay,e,E)||0;const w=d+h;const b=w+f;let{offset:S=p(c.length)}=l;1===S.length&&0===S[0]&&(S[1]=1);const O=length-c.length;O>0&&v(S,O);1===c.length&&c.unshift(null);addKeyframes(i,c,u,S,w,b);y=Math.max(h+f,y);g=Math.max(b,g)}}u=d;d+=y}c.forEach(((e,t)=>{for(const a in e){const c=e[a];c.sort(compareByTime);const l=[];const f=[];const u=[];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,O(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=x((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 U=createGeneratorEasing(V);const q=createGeneratorEasing(z);const K={any:0,all:1};function inView$1(e,t,{root:n,margin:o,amount:s=\"any\"}={}){if(\"undefined\"===typeof IntersectionObserver)return()=>{};const r=resolveElements(e);const a=new WeakMap;const onIntersectionChange=e=>{e.forEach((e=>{const n=a.get(e.target);if(e.isIntersecting!==Boolean(n))if(e.isIntersecting){const n=t(e);i(n)?a.set(e.target,n):c.unobserve(e.target)}else if(n){n(e);a.delete(e.target)}}))};const c=new IntersectionObserver(onIntersectionChange,{root:n,rootMargin:o,threshold:\"number\"===typeof s?s:K[s]});r.forEach((e=>c.observe(e)));return()=>c.disconnect()}const G=new WeakMap;let _;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=G.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&&(_=new ResizeObserver(notifyAll))}function resizeElement(e,t){_||createResizeObserver();const n=resolveElements(e);n.forEach((e=>{let n=G.get(e);if(!n){n=new Set;G.set(e,n)}n.add(t);null===_||void 0===_?void 0:_.observe(e)}));return()=>{n.forEach((e=>{const n=G.get(e);null===n||void 0===n?void 0:n.delete(t);(null===n||void 0===n?void 0:n.size)||(null===_||void 0===_?void 0:_.unobserve(e))}))}}const Z=new Set;let X;function createWindowResizeHandler(){X=()=>{const e={width:window.innerWidth,height:window.innerHeight};const t={target:window,size:e,contentSize:e};Z.forEach((e=>e(t)))};window.addEventListener(\"resize\",X)}function resizeWindow(e){Z.add(e);X||createWindowResizeHandler();return()=>{Z.delete(e);!Z.size&&X&&(X=void 0)}}function resize(e,t){return i(e)?resizeWindow(e):resizeElement(e,t)}const Y=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 J={x:{length:\"Width\",position:\"Left\"},y:{length:\"Height\",position:\"Top\"}};function updateAxisInfo(e,t,n,i){const s=n[t];const{length:r,position:a}=J[t];const c=s.current;const l=n.time;s.current=e[\"scroll\"+a];s.scrollLength=e[\"scroll\"+r]-e[\"client\"+r];s.offset.length=0;s.offset[0]=0;s.offset[1]=s.scrollLength;s.progress=o(0,s.scrollLength,s.current);const f=i-l;s.velocity=f>Y?0:y(s.current-c,f)}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 Q={Enter:[[0,1],[1,1]],Exit:[[0,0],[1,0]],Any:[[1,0],[0,1]],All:[[0,0],[1,1]]};const ee={start:0,center:.5,end:1};function resolveEdge(e,t,n=0){let o=0;void 0!==ee[e]&&(e=ee[e]);if(h(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}l(e)&&(o=t*e);return n+o}const te=[0,0];function resolveOffset(e,t,n,o){let i=Array.isArray(e)?e:te;let s=0;let r=0;if(l(e))i=[e,e];else if(h(e)){e=e.trim();i=e.includes(\" \")?e.split(\" \"):[e,ee[e]?e:\"0\"]}s=resolveEdge(i[0],n,o);r=resolveEdge(i[1],t);return s-r}const ne={x:0,y:0};function resolveOffsets(e,t,n){let{offset:o=Q.All}=n;const{target:i=e,axis:s=\"y\"}=n;const r=\"y\"===s?\"height\":\"width\";const a=i!==e?calcInset(i,e):ne;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:i(t)?()=>t(n):scrubAnimation(t,n[s])}}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 oe=new WeakMap;const ie=new WeakMap;const se=new WeakMap;const getEventTarget=e=>e===document.documentElement?window:e;function scroll(e,t={}){var{container:n=document.documentElement}=t,o=S(t,[\"container\"]);let i=se.get(n);if(!i){i=new Set;se.set(n,i)}const s=createScrollInfo();const r=createOnScrollHandler(n,e,s,o);i.add(r);if(!oe.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()};oe.set(n,listener);const e=getEventTarget(n);window.addEventListener(\"resize\",listener,{passive:true});n!==document.documentElement&&ie.set(n,resize(n,listener));e.addEventListener(\"scroll\",listener,{passive:true})}const a=oe.get(n);const c=requestAnimationFrame(a);return()=>{var t;\"function\"!==typeof e&&e.stop();cancelAnimationFrame(c);const o=se.get(n);if(!o)return;o.delete(r);if(o.size)return;const i=oe.get(n);oe.delete(n);if(i){getEventTarget(n).removeEventListener(\"scroll\",i);null===(t=ie.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 ae={isActive:e=>Boolean(e.inView),subscribe:(e,{enable:t,disable:n},{inViewOptions:o={}})=>{const{once:i}=o,s=S(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 ce={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 le={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 fe={inView:ae,hover:ce,press:le};const ue=[\"initial\",\"animate\",...Object.keys(fe),\"exit\"];const de=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 ue)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)||{},l=S(c,[\"transition\"]);const f=Object.assign({},l);function*animateUpdates(){var t,o;const s=l;l={};const r={};for(const n of ue){if(!i[n])continue;const s=resolveVariant(e[n]);if(s)for(const n in s)if(\"transition\"!==n){l[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(l),...Object.keys(s)]);const c=[];a.forEach((e=>{var t;void 0===l[e]&&(l[e]=f[e]);if(hasChanged(s[e],l[e])){null!==(t=f[e])&&void 0!==t?t:f[e]=N.get(n,e);c.push(animateStyle(n,e,l[e],r[e]))}}));yield;const d=c.map((e=>e())).filter(Boolean);if(!d.length)return;const g=l;n.dispatchEvent(motionEvent(\"motionstart\",g));Promise.all(d.map((e=>e.finished))).then((()=>{n.dispatchEvent(motionEvent(\"motioncomplete\",g))})).catch(u)}const setGesture=(e,t)=>()=>{i[e]=t;scheduleAnimation(d)};const updateGestureSubscriptions=()=>{for(const t in fe){const o=fe[t].isActive(e);const i=s[t];if(o&&!i)s[t]=fe[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:()=>l,getOptions:()=>e,getContext:()=>r,mount:e=>{A(Boolean(e),\"Animation state must be mounted with valid Element\");n=e;de.set(n,d);updateGestureSubscriptions();return()=>{de.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)){D[o]&&(o=D[o]);n.push(o);o=asTransformCssVar(o)}let s=Array.isArray(i)?i[0]:i;const r=B.get(o);r&&(s=l(i)?r.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{Q as ScrollOffset,animate,animateStyle,createMotionState,createStyleString,createStyles,getAnimationData,getStyleName,q as glide,inView$1 as inView,de as mountedStates,resize,scroll,U as spring,stagger,N as style,timeline,withControls};\n\n//# sourceMappingURL=index.es.js.map", "class MotionValue{setAnimation(i){this.animation=i;null===i||void 0===i?void 0:i.finished.then((()=>this.clearAnimation())).catch((()=>{}))}clearAnimation(){this.animation=this.generator=void 0}}export{MotionValue};\n\n//# sourceMappingURL=index.es.js.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 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 f=0;for(;fArray.isArray(t)&&isNumber(t[0]);const isEasingGenerator=t=>\"object\"===typeof t&&Boolean(t.createAnimation);const isFunction=t=>\"function\"===typeof t;const isString=t=>\"string\"===typeof t;const e={ms:t=>1e3*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,isFunction,isNumber,isString,mix,noop,noopReturn,progress,removeItem,e as time,velocityPerSecond,wrap};\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", "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", "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