{
  "version": 3,
  "sources": ["ssg:https://framer.com/m/A-Video-tpTp.js@VkwEWvgmV5vgVzwTpKBi", "ssg:https://framerusercontent.com/modules/WGs9fItWuyS13pD1aPuC/B61olGwpRt31KdoaEXL0/A_Habits_Video.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{useRef,useEffect,useState}from\"react\";import{motion,useScroll,useSpring,useTransform}from\"framer-motion\";const absoluteFill={position:\"absolute\",top:0,left:0,right:0,bottom:0};const aMask=`url(\"data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='110' height='115' viewBox='0 0 110 115' fill='none'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 115L43.0545 0H66.9455L110 115H0ZM54.3454 27.9653L31.7539 93.149H78.3049L55.7135 27.9653H54.3454Z' fill='white'/%3E%3C/svg%3E%0A\")`;const upperCircleMask=`url(\"data:image/svg+xml,%3Csvg width='1440' height='1440' viewBox='0 0 1440 1440' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_123_16862)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1440 11.4297C1469.87 -28.9664 1486.17 -72.5829 1486.17 -118.077C1486.17 -326.798 1143.14 -496 720 -496C296.857 -496 -46.168 -326.798 -46.168 -118.077C-46.168 -72.5829 -29.8711 -28.9664 0 11.4297V1440H1440V11.4297ZM1440 11.4297V0H0V11.4297C107.174 156.366 389.088 259.846 720 259.846C1050.91 259.846 1332.83 156.366 1440 11.4297Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_123_16862'%3E%3Crect width='1440' height='1440' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\")`;const lowerCircleMask=`url(\"data:image/svg+xml,%3Csvg width='1440' height='260' viewBox='0 0 1440 260' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1440 11.4297C1332.83 156.366 1050.91 259.846 720 259.846C389.088 259.846 107.174 156.366 0 11.4297V0H1440V11.4297Z' fill='white'/%3E%3C/svg%3E%0A\")`;const horizontalEdgesFadeMask=`linear-gradient(270deg, rgba(217, 217, 217, 0.00) 12.77%, #D9D9D9 51.49%, rgba(217, 217, 217, 0.00) 85.57%)`;const fadeMask=`linear-gradient(180deg, #D9D9D9 0%, rgba(217, 217, 217, 0.25) 46.33%, rgba(217, 217, 217, 0.00) 90.1%)`;export function useParallax(progress,height,strength=.25,springy){// return useTransform(value, [0, 1], [-distance, distance])\nconst transform=useTransform(progress,[0,1],[-height*strength,height*strength]);if(springy)return useSpring(transform);return transform;}export function withApollosMask(Component){return props=>{var _window,_ref_current;const ref=useRef(null);const[height,setHeight]=useState(((_window=window)===null||_window===void 0?void 0:_window.innerHeight)||1);useEffect(()=>{var _ref_current;if(((_ref_current=ref.current)===null||_ref_current===void 0?void 0:_ref_current.offsetHeight)&&height!==ref.current.offsetHeight){setHeight(ref.current.offsetHeight);}},[(_ref_current=ref.current)===null||_ref_current===void 0?void 0:_ref_current.offsetHeight]);const{scrollYProgress}=useScroll({target:ref,offset:[\"start end\",\"end start\"]});const y=useParallax(scrollYProgress,height);return /*#__PURE__*/_jsx(\"div\",{ref:ref,style:absoluteFill,children:/*#__PURE__*/_jsx(motion.div,{style:{y,...absoluteFill},children:/*#__PURE__*/_jsx(Component,{...props,style:{maskImage:aMask,WebkitMaskImage:aMask,maskSize:\"100%\",WebkitMaskSize:\"100%\",maskRepeat:\"no-repeat\",WebkitMaskRepeat:\"no-repeat\"}})})});};}export function withUpperCircleMask(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,style:{maskImage:upperCircleMask,WebkitMaskImage:upperCircleMask,maskSize:\"100%\",WebkitMaskSize:\"100%\",maskRepeat:\"no-repeat\",WebkitMaskRepeat:\"no-repeat\"}});};}export function withLowerCircleMask(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,style:{maskImage:lowerCircleMask,WebkitMaskImage:lowerCircleMask,maskSize:\"100%\",WebkitMaskSize:\"100%\",maskRepeat:\"no-repeat\",WebkitMaskRepeat:\"no-repeat\"}});};}export function withHorizontalEdgesFadeMask(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,style:{maskImage:horizontalEdgesFadeMask,WebkitMaskImage:horizontalEdgesFadeMask,maskSize:\"100%\",WebkitMaskSize:\"100%\",maskRepeat:\"no-repeat\",WebkitMaskRepeat:\"no-repeat\"}});};}export function withFadeMask(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,style:{maskImage:fadeMask,WebkitMaskImage:fadeMask,maskSize:\"100%\",WebkitMaskSize:\"100%\",maskRepeat:\"no-repeat\",WebkitMaskRepeat:\"no-repeat\"}});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withApollosMask\":{\"type\":\"reactHoc\",\"name\":\"withApollosMask\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"useParallax\":{\"type\":\"function\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withHorizontalEdgesFadeMask\":{\"type\":\"reactHoc\",\"name\":\"withHorizontalEdgesFadeMask\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withLowerCircleMask\":{\"type\":\"reactHoc\",\"name\":\"withLowerCircleMask\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withFadeMask\":{\"type\":\"reactHoc\",\"name\":\"withFadeMask\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withUpperCircleMask\":{\"type\":\"reactHoc\",\"name\":\"withUpperCircleMask\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./A_Video.map", "import{jsx as _jsx}from\"react/jsx-runtime\";import{useRef,useEffect,useState}from\"react\";import{motion,useScroll}from\"framer-motion\";const absoluteFill={position:\"absolute\",top:0,left:0,right:0,bottom:0};import{useParallax}from\"https://framer.com/m/A-Video-tpTp.js@VkwEWvgmV5vgVzwTpKBi\";const insideVideoMask=`url(\"data:image/svg+xml,%3Csvg width='1440' height='1440' viewBox='0 0 1440 1440' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M521.451 887.753L718.97 326.716L910.823 887.753L994.905 1133.44L1012.86 1185.69H416.941L435.309 1133.44L521.451 887.753Z' fill='black'/%3E%3C/svg%3E%0A\")`;const outsideGradientMask=`url(\"data:image/svg+xml,%3Csvg width='1440' height='1425' viewBox='0 0 1440 1425' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_165_37521)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 1425.74L542.601 0H0V1425.74ZM1440 1425.74H1213.57V1426H165.314V1425.74H0V1440H1440L1440 1425.74ZM902.068 0H1440L1440 1425.74L902.068 0Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_165_37521'%3E%3Crect width='1440' height='1425' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A\")`;const radialMask=`url(\"data:image/svg+xml,%3Csvg width='1440' height='1425' viewBox='0 0 1440 1425' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='1440' height='1440' fill='url(%23paint0_radial_166_37543)'/%3E%3Cdefs%3E%3CradialGradient id='paint0_radial_166_37543' cx='0' cy='0' r='1' gradientUnits='userSpaceOnUse' gradientTransform='translate(720 529.375) rotate(-90) scale(529.375 676.424)'%3E%3Cstop stop-color='%23D9D9D9'/%3E%3Cstop offset='1' stop-color='%23D9D9D9' stop-opacity='0'/%3E%3C/radialGradient%3E%3C/defs%3E%3C/svg%3E%0A\")`;const fadeMask=`linear-gradient(180deg, #D9D9D9 0%, rgba(217, 217, 217, 0.25) 46.33%, rgba(217, 217, 217, 0.00) 90.1%)`;export function withInsideVideoMask(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,style:{...props.style?props.style:{},maskImage:insideVideoMask,WebkitMaskImage:insideVideoMask,maskSize:\"100%\",WebkitMaskSize:\"100%\",maskRepeat:\"no-repeat\",WebkitMaskRepeat:\"no-repeat\"}});};}export function withOutsideGradient(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,style:{...props.style?props.style:{},maskImage:outsideGradientMask,WebkitMaskImage:outsideGradientMask,maskSize:\"100%\",WebkitMaskSize:\"100%\",maskRepeat:\"no-repeat\",WebkitMaskRepeat:\"no-repeat\"}});};}export function withRadialMask(Component){return props=>{return /*#__PURE__*/_jsx(Component,{...props,style:{...props.style?props.style:{},maskImage:radialMask,WebkitMaskImage:radialMask,maskSize:\"100%\",WebkitMaskSize:\"100%\",maskRepeat:\"no-repeat\",WebkitMaskRepeat:\"no-repeat\"}});};}export function withParallaxVideo(Component){return props=>{var _window,_ref_current;const ref=useRef(null);const[height,setHeight]=useState(((_window=window)===null||_window===void 0?void 0:_window.innerHeight)||1);useEffect(()=>{var _ref_current;if(((_ref_current=ref.current)===null||_ref_current===void 0?void 0:_ref_current.offsetHeight)&&height!==ref.current.offsetHeight){setHeight(ref.current.offsetHeight);}},[(_ref_current=ref.current)===null||_ref_current===void 0?void 0:_ref_current.offsetHeight]);const{scrollYProgress}=useScroll({target:ref,offset:[\"start end\",\"end start\"]});const y=useParallax(scrollYProgress,height);return /*#__PURE__*/_jsx(motion.div,{ref:ref,style:{y,...absoluteFill},children:/*#__PURE__*/_jsx(Component,{...props})});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withOutsideGradient\":{\"type\":\"reactHoc\",\"name\":\"withOutsideGradient\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withParallaxVideo\":{\"type\":\"reactHoc\",\"name\":\"withParallaxVideo\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withRadialMask\":{\"type\":\"reactHoc\",\"name\":\"withRadialMask\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withInsideVideoMask\":{\"type\":\"reactHoc\",\"name\":\"withInsideVideoMask\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./A_Habits_Video.map"],
  "mappings": "qKAAy3D,SAASA,EAAYC,EAASC,EAAOC,EAAS,IAAIC,EAAQ,CACn7D,IAAMC,EAAUC,EAAaL,EAAS,CAAC,EAAE,CAAC,EAAE,CAAC,CAACC,EAAOC,EAASD,EAAOC,CAAQ,CAAC,EAAE,OAAGC,EAAeG,EAAUF,CAAS,EAASA,CAAU,CCDJ,IAAMG,EAAa,CAAC,SAAS,WAAW,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,OAAO,CAAC,EAA2FC,EAAgB,kVAAwVC,EAAoB,ihBAAuhBC,EAAW,8hBAA6pB,SAASC,EAAoBC,EAAU,CAAC,OAAOC,GAA4BC,EAAKF,EAAU,CAAC,GAAGC,EAAM,MAAM,CAAC,GAAGA,EAAM,MAAMA,EAAM,MAAM,CAAC,EAAE,UAAUE,EAAgB,gBAAgBA,EAAgB,SAAS,OAAO,eAAe,OAAO,WAAW,YAAY,iBAAiB,WAAW,CAAC,CAAC,CAAI,CAAQ,SAASC,EAAoBJ,EAAU,CAAC,OAAOC,GAA4BC,EAAKF,EAAU,CAAC,GAAGC,EAAM,MAAM,CAAC,GAAGA,EAAM,MAAMA,EAAM,MAAM,CAAC,EAAE,UAAUI,EAAoB,gBAAgBA,EAAoB,SAAS,OAAO,eAAe,OAAO,WAAW,YAAY,iBAAiB,WAAW,CAAC,CAAC,CAAI,CAAQ,SAASC,EAAeN,EAAU,CAAC,OAAOC,GAA4BC,EAAKF,EAAU,CAAC,GAAGC,EAAM,MAAM,CAAC,GAAGA,EAAM,MAAMA,EAAM,MAAM,CAAC,EAAE,UAAUM,EAAW,gBAAgBA,EAAW,SAAS,OAAO,eAAe,OAAO,WAAW,YAAY,iBAAiB,WAAW,CAAC,CAAC,CAAI,CAAQ,SAASC,EAAkBR,EAAU,CAAC,OAAOC,GAAO,CAAC,IAAIQ,EAAQC,EAAa,IAAMC,EAAIC,EAAO,IAAI,EAAO,CAACC,EAAOC,CAAS,EAAEC,IAAWN,EAAQO,KAAU,MAAMP,IAAU,OAAO,OAAOA,EAAQ,cAAc,CAAC,EAAEQ,EAAU,IAAI,CAAC,IAAIP,EAAkB,GAAAA,EAAaC,EAAI,WAAW,MAAMD,IAAe,SAAcA,EAAa,cAAeG,IAASF,EAAI,QAAQ,cAAcG,EAAUH,EAAI,QAAQ,YAAY,CAAG,EAAE,EAAED,EAAaC,EAAI,WAAW,MAAMD,IAAe,OAAO,OAAOA,EAAa,YAAY,CAAC,EAAE,GAAK,CAAC,gBAAAQ,CAAe,EAAEC,EAAU,CAAC,OAAOR,EAAI,OAAO,CAAC,YAAY,WAAW,CAAC,CAAC,EAAQS,EAAEC,EAAYH,EAAgBL,CAAM,EAAE,OAAoBX,EAAKoB,EAAO,IAAI,CAAC,IAAIX,EAAI,MAAM,CAAC,EAAAS,EAAE,GAAGG,CAAY,EAAE,SAAsBrB,EAAKF,EAAU,CAAC,GAAGC,CAAK,CAAC,CAAC,CAAC,CAAE,CAAE",
  "names": ["useParallax", "progress", "height", "strength", "springy", "transform", "useTransform", "useSpring", "absoluteFill", "insideVideoMask", "outsideGradientMask", "radialMask", "withInsideVideoMask", "Component", "props", "p", "insideVideoMask", "withOutsideGradient", "outsideGradientMask", "withRadialMask", "radialMask", "withParallaxVideo", "_window", "_ref_current", "ref", "pe", "height", "setHeight", "ye", "window", "ue", "scrollYProgress", "useScroll", "y", "useParallax", "motion", "absoluteFill"]
}