{"version":3,"file":"ContentWidth.RlLuFF9w.mjs","names":["React.useContext","React.useMemo","React.Fragment","React.useRef","React.useId"],"sources":["https:/framerusercontent.com/modules/sdUgBWfqld6830NYaPyv/v6FsoTN6JjHsoaTHO2Jv/OA7d0Ayrx.js","https:/framerusercontent.com/modules/3TaPJnwBdAMfNrsIDLUJ/T9RyYtq2k32fgB17NjDB/ContentWidth.js"],"sourcesContent":["// Generated by Framer (41c59c7)\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{addFonts,addPropertyControls,ControlType,cx,useComponentViewport,useLocaleInfo,useVariantState,withCSS,withFX}from\"framer\";import{LayoutGroup,motion,MotionConfigContext}from\"framer-motion\";import*as React from\"react\";const MotionDivWithFX=withFX(motion.div);const cycleOrder=[\"vilOcq_pS\"];const serializationHash=\"framer-cIWf6\";const variantClassNames={vilOcq_pS:\"framer-v-1dizv71\"};function addPropertyOverrides(overrides,...variants){const nextOverrides={};variants===null||variants===void 0?void 0:variants.forEach(variant=>variant&&Object.assign(nextOverrides,overrides[variant]));return nextOverrides;}const transition1={damping:60,delay:0,mass:1,stiffness:500,type:\"spring\"};const transformTemplate1=(_,t)=>`perspective(1200px) ${t}`;const Transition=({value,children})=>{const config=React.useContext(MotionConfigContext);const transition=value!==null&&value!==void 0?value:config.transition;const contextValue=React.useMemo(()=>({...config,transition}),[JSON.stringify(transition)]);return /*#__PURE__*/_jsx(MotionConfigContext.Provider,{value:contextValue,children:children});};const Variants=motion(React.Fragment);const getProps=({background,height,id,width,...props})=>{var _ref;return{...props,f_s7IZ3qo:(_ref=background!==null&&background!==void 0?background:props.f_s7IZ3qo)!==null&&_ref!==void 0?_ref:\"var(--token-d89ccd27-84bb-48d3-9f00-d5e9af7e7dd1, rgb(227, 252, 3))\"};};const createLayoutDependency=(props,variants)=>variants.join(\"-\")+props.layoutDependency;const Component=/*#__PURE__*/React.forwardRef(function(props,ref){const{activeLocale,setLocale}=useLocaleInfo();const{style,className,layoutId,variant,f_s7IZ3qo,...restProps}=getProps(props);const{baseVariant,classNames,gestureVariant,setGestureState,setVariant,variants}=useVariantState({cycleOrder,defaultVariant:\"vilOcq_pS\",variant,variantClassNames});const layoutDependency=createLayoutDependency(props,variants);const ref1=React.useRef(null);const defaultLayoutId=React.useId();const sharedStyleClassNames=[];const componentViewport=useComponentViewport();return /*#__PURE__*/_jsx(LayoutGroup,{id:layoutId!==null&&layoutId!==void 0?layoutId:defaultLayoutId,children:/*#__PURE__*/_jsx(Variants,{animate:variants,initial:false,children:/*#__PURE__*/_jsx(Transition,{value:transition1,children:/*#__PURE__*/_jsx(motion.div,{...restProps,className:cx(serializationHash,...sharedStyleClassNames,\"framer-1dizv71\",className,classNames),\"data-framer-name\":\"Variant 1\",layoutDependency:layoutDependency,layoutId:\"vilOcq_pS\",onHoverEnd:()=>setGestureState({isHovered:false}),onHoverStart:()=>setGestureState({isHovered:true}),onTap:()=>setGestureState({isPressed:false}),onTapCancel:()=>setGestureState({isPressed:false}),onTapStart:()=>setGestureState({isPressed:true}),ref:ref!==null&&ref!==void 0?ref:ref1,style:{...style},children:/*#__PURE__*/_jsx(MotionDivWithFX,{__framer__spring:{damping:60,delay:0,duration:.3,ease:[.44,0,.56,1],mass:1,stiffness:500,type:\"spring\"},__framer__styleTransformEffectEnabled:true,__framer__transformTargets:[{target:{opacity:1,rotate:0,rotateX:0,rotateY:0,scale:0,skewX:0,skewY:0,x:0,y:0}},{target:{opacity:1,rotate:0,rotateX:0,rotateY:0,scale:1,skewX:0,skewY:0,x:0,y:0}}],__framer__transformTrigger:\"onScroll\",__perspectiveFX:false,__smartComponentFX:true,__targetOpacity:1,className:\"framer-vcsll1\",\"data-framer-name\":\"Progress\",layoutDependency:layoutDependency,layoutId:\"T171QNJuS\",style:{backgroundColor:f_s7IZ3qo},transformTemplate:transformTemplate1})})})})});});const css=[\"@supports (aspect-ratio: 1) { body { --framer-aspect-ratio-supported: auto; } }\",\".framer-cIWf6.framer-lt5zp5, .framer-cIWf6 .framer-lt5zp5 { display: block; }\",\".framer-cIWf6.framer-1dizv71 { align-content: center; align-items: center; display: flex; flex-direction: row; flex-wrap: nowrap; gap: 0px; height: 4px; justify-content: flex-end; overflow: hidden; padding: 0px 0px 0px 0px; position: relative; width: 1600px; }\",\".framer-cIWf6 .framer-vcsll1 { flex: none; height: 800px; overflow: hidden; position: relative; width: 200%; }\",\"@supports (background: -webkit-named-image(i)) and (not (font-palette:dark)) { .framer-cIWf6.framer-1dizv71 { gap: 0px; } .framer-cIWf6.framer-1dizv71 > * { margin: 0px; margin-left: calc(0px / 2); margin-right: calc(0px / 2); } .framer-cIWf6.framer-1dizv71 > :first-child { margin-left: 0px; } .framer-cIWf6.framer-1dizv71 > :last-child { margin-right: 0px; } }\"];/**\n * This is a generated Framer component.\n * @framerIntrinsicHeight 4\n * @framerIntrinsicWidth 1600\n * @framerCanvasComponentVariantDetails {\"propertyName\":\"variant\",\"data\":{\"default\":{\"layout\":[\"fixed\",\"fixed\"]}}}\n * @framerVariables {\"f_s7IZ3qo\":\"background\"}\n * @framerImmutableVariables true\n * @framerDisplayContentsDiv false\n * @framerComponentViewportWidth true\n */const FramerOA7d0Ayrx=withCSS(Component,css,\"framer-cIWf6\");export default FramerOA7d0Ayrx;FramerOA7d0Ayrx.displayName=\"Scroll progress\";FramerOA7d0Ayrx.defaultProps={height:4,width:1600};addPropertyControls(FramerOA7d0Ayrx,{f_s7IZ3qo:{defaultValue:'var(--token-d89ccd27-84bb-48d3-9f00-d5e9af7e7dd1, rgb(227, 252, 3)) /* {\"name\":\"Chief 100\"} */',title:\"Background\",type:ControlType.Color}});addFonts(FramerOA7d0Ayrx,[{explicitInter:true,fonts:[]}],{supportsExplicitInterCodegen:true});\nexport const __FramerMetadata__ = {\"exports\":{\"Props\":{\"type\":\"tsType\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"default\":{\"type\":\"reactComponent\",\"name\":\"FramerOA7d0Ayrx\",\"slots\":[],\"annotations\":{\"framerCanvasComponentVariantDetails\":\"{\\\"propertyName\\\":\\\"variant\\\",\\\"data\\\":{\\\"default\\\":{\\\"layout\\\":[\\\"fixed\\\",\\\"fixed\\\"]}}}\",\"framerComponentViewportWidth\":\"true\",\"framerIntrinsicWidth\":\"1600\",\"framerContractVersion\":\"1\",\"framerIntrinsicHeight\":\"4\",\"framerVariables\":\"{\\\"f_s7IZ3qo\\\":\\\"background\\\"}\",\"framerDisplayContentsDiv\":\"false\",\"framerImmutableVariables\":\"true\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./OA7d0Ayrx.map","// Template by Dee S. (https://dees.lemonsqueezy.com/)\n// Follow https://twitter.com/deespnr\nimport{jsx as _jsx}from\"react/jsx-runtime\";import{useEffect}from\"react\";export function contentWidth(Component){return props=>{const containerStyles={};useEffect(()=>{injectStyles(styles);},[]);const injectStyles=css=>{const style=document.createElement(\"style\");style.innerHTML=css;document.head.appendChild(style);};const getWidthFromName=name=>{const match=name.match(/WIDTH:(\\d+)/);if(match){return parseInt(match[1]);}return null;};const widthFromName=getWidthFromName(props[\"data-framer-name\"]);const textStyles={\"max-width\":widthFromName?`${widthFromName}px`:\"640px\",width:\"100%\",\"margin-left\":\"auto !important\",\"margin-right\":\"auto !important\"};const imageStyles={width:\"100%\"};const quoteStyles={\"max-width\":\"none\",width:\"100%\",padding:\"48px 0\"};const styles=`\n                        .${props[\"className\"]} {\n                            ${Object.keys(containerStyles).map(key=>`${key}: ${containerStyles[key]};`).join(\"\\n\")}\n                        }\n                        .${props[\"className\"]} > * {\n                            ${Object.keys(textStyles).map(key=>`${key}: ${textStyles[key]};`).join(\"\\n\")}\n                        }\n                        .${props[\"className\"]} img {\n                            ${Object.keys(imageStyles).map(key=>`${key}: ${imageStyles[key]};`).join(\"\\n\")}\n                        }\n                        ${props[\"className\"]&&`.${props[\"className\"]} h4 {\n                                ${Object.keys(quoteStyles).map(key=>`${key}: ${quoteStyles[key]};`).join(\"\\n\")}\n                            }`}\n                    `;return /*#__PURE__*/_jsx(Component,{...props});};}\nexport const __FramerMetadata__ = {\"exports\":{\"contentWidth\":{\"type\":\"reactHoc\",\"name\":\"contentWidth\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ContentWidth.map"],"mappings":"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"}