{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/8pvtbYqE5vHmpwQN2NqQ/HBkkcHeWxtm35RRjvRUk/ProgressiveBlurBackground.js"],
  "sourcesContent": ["import{jsx as _jsx,jsxs as _jsxs}from\"react/jsx-runtime\";import{styled}from\"@stitches/react\";import{ControlType,addPropertyControls}from\"framer\";/**\n * These annotations control how your component sizes\n * Learn more: https://www.framer.com/developers/components/auto-sizing\n *\n * @framerSupportedLayoutWidth any-prefer-fixed\n * @framerSupportedLayoutHeight any-prefer-fixed\n */export default function ProgressiveBlurBackground({amount,...rest}){const ProgressiveBlur=styled(\"div\",{position:\"absolute\",zIndex:-1,inset:0,// transform: \"scale(1.2) rotate(180deg)\",\ntransform:\"rotate(180deg)\",\".blur\":{position:\"absolute\",inset:0},\".blur:nth-child(1)\":{zIndex:1,backdropFilter:`blur(calc(1px * ${amount}))`,maskImage:\"linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 60%)\",WebkitMaskImage:\"linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 0) 60%)\"},\".blur:nth-child(2)\":{zIndex:2,backdropFilter:`blur(calc(2px * ${amount}))`,maskImage:\"linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 80%)\",WebkitMaskImage:\"linear-gradient(to bottom, rgba(0, 0, 0, 0) 20%, rgba(0, 0, 0, 1) 40%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 0) 80%)\"},\".blur:nth-child(3)\":{zIndex:3,backdropFilter:`blur(calc(4px * ${amount}))`,maskImage:\"linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%)\",WebkitMaskImage:\"linear-gradient(to bottom, rgba(0, 0, 0, 0) 40%, rgba(0, 0, 0, 1) 60%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 0) 100%)\"},\".blur:nth-child(4)\":{zIndex:4,backdropFilter:`blur(calc(8px * ${amount}))`,maskImage:\"linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 1) 100%)\",WebkitMaskImage:\"linear-gradient(to bottom, rgba(0, 0, 0, 0) 60%, rgba(0, 0, 0, 1) 80%, rgba(0, 0, 0, 1) 100%)\"},\".blur:nth-child(5)\":{zIndex:5,backdropFilter:`blur(calc(16px * ${amount}))`,maskImage:\"linear-gradient(to bottom, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 1) 100%)\",WebkitMaskImage:\"linear-gradient(to bottom, rgba(0, 0, 0, 0) 80%, rgba(0, 0, 0, 1) 100%)\"}});return /*#__PURE__*/_jsxs(ProgressiveBlur,{children:[/*#__PURE__*/_jsx(\"div\",{className:\"blur\"}),/*#__PURE__*/_jsx(\"div\",{className:\"blur\"}),/*#__PURE__*/_jsx(\"div\",{className:\"blur\"}),/*#__PURE__*/_jsx(\"div\",{className:\"blur\"}),/*#__PURE__*/_jsx(\"div\",{className:\"blur\"})]});}addPropertyControls(ProgressiveBlurBackground,{amount:{type:ControlType.Number,title:\"Background Blur Level\",defaultValue:1,min:.1,max:5,step:.1,displayStepper:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"default\":{\"type\":\"reactComponent\",\"name\":\"ProgressiveBlurBackground\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutWidth\":\"any-prefer-fixed\",\"framerSupportedLayoutHeight\":\"any-prefer-fixed\",\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./ProgressiveBlurBackground.map"],
  "mappings": "yIAMkB,SAARA,EAA2C,CAAC,OAAAC,EAAO,GAAGC,CAAI,EAAE,CAAC,IAAMC,EAAgBC,EAAO,MAAM,CAAC,SAAS,WAAW,OAAO,GAAG,MAAM,EAC/I,UAAU,iBAAiB,QAAQ,CAAC,SAAS,WAAW,MAAM,CAAC,EAAE,qBAAqB,CAAC,OAAO,EAAE,eAAe,mBAAmBH,CAAM,KAAK,UAAU,oHAAoH,gBAAgB,mHAAmH,EAAE,qBAAqB,CAAC,OAAO,EAAE,eAAe,mBAAmBA,CAAM,KAAK,UAAU,qHAAqH,gBAAgB,oHAAoH,EAAE,qBAAqB,CAAC,OAAO,EAAE,eAAe,mBAAmBA,CAAM,KAAK,UAAU,sHAAsH,gBAAgB,qHAAqH,EAAE,qBAAqB,CAAC,OAAO,EAAE,eAAe,mBAAmBA,CAAM,KAAK,UAAU,gGAAgG,gBAAgB,+FAA+F,EAAE,qBAAqB,CAAC,OAAO,EAAE,eAAe,oBAAoBA,CAAM,KAAK,UAAU,0EAA0E,gBAAgB,yEAAyE,CAAC,CAAC,EAAE,OAAoBI,EAAMF,EAAgB,CAAC,SAAS,CAAcG,EAAK,MAAM,CAAC,UAAU,MAAM,CAAC,EAAeA,EAAK,MAAM,CAAC,UAAU,MAAM,CAAC,EAAeA,EAAK,MAAM,CAAC,UAAU,MAAM,CAAC,EAAeA,EAAK,MAAM,CAAC,UAAU,MAAM,CAAC,EAAeA,EAAK,MAAM,CAAC,UAAU,MAAM,CAAC,CAAC,CAAC,CAAC,CAAE,CAACC,EAAoBP,EAA0B,CAAC,OAAO,CAAC,KAAKQ,EAAY,OAAO,MAAM,wBAAwB,aAAa,EAAE,IAAI,GAAG,IAAI,EAAE,KAAK,GAAG,eAAe,EAAI,CAAC,CAAC",
  "names": ["ProgressiveBlurBackground", "amount", "rest", "ProgressiveBlur", "re", "u", "p", "addPropertyControls", "ControlType"]
}