{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/4SEoB3wRp37raNFh7qL2/qX0OiUXS8GuDmZJE9dXd/Particle_Background.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";import{motion}from\"framer-motion\";import{addPropertyControls,ControlType}from\"framer\";/**\n * @framerDisableUnlink\n * @framerIntrinsicWidth 400\n * @framerIntrinsicHeight 400\n * @framerSupportedLayoutWidth any\n * @framerSupportedLayoutHeight any\n */export function MovingGradientBackground(props){const{color1,color2,color3,color4,duration,direction,loop}=props;const gradientStyles={horizontal:[`linear-gradient(90deg, ${color1}, ${color2}, ${color3}, ${color4})`,`linear-gradient(90deg, ${color2}, ${color3}, ${color4}, ${color1})`,`linear-gradient(90deg, ${color3}, ${color4}, ${color1}, ${color2})`,`linear-gradient(90deg, ${color4}, ${color1}, ${color2}, ${color3})`],vertical:[`linear-gradient(180deg, ${color1}, ${color2}, ${color3}, ${color4})`,`linear-gradient(180deg, ${color2}, ${color3}, ${color4}, ${color1})`,`linear-gradient(180deg, ${color3}, ${color4}, ${color1}, ${color2})`,`linear-gradient(180deg, ${color4}, ${color1}, ${color2}, ${color3})`],diagonal:[`linear-gradient(45deg, ${color1}, ${color2}, ${color3}, ${color4})`,`linear-gradient(45deg, ${color2}, ${color3}, ${color4}, ${color1})`,`linear-gradient(45deg, ${color3}, ${color4}, ${color1}, ${color2})`,`linear-gradient(45deg, ${color4}, ${color1}, ${color2}, ${color3})`]};return /*#__PURE__*/_jsx(motion.div,{style:{width:\"100%\",height:\"100%\",backgroundSize:\"400% 400%\",position:\"absolute\",top:0,left:0},animate:{background:gradientStyles[direction]},transition:{duration:duration,ease:\"linear\",repeat:loop?Infinity:0,repeatType:\"mirror\",times:[0,.33,.66,1]}});}MovingGradientBackground.defaultProps={color1:\"#FF008C\",color2:\"#D309E1\",color3:\"#9C1AFF\",color4:\"#7700FF\",duration:10,direction:\"horizontal\",loop:true};addPropertyControls(MovingGradientBackground,{color1:{type:ControlType.Color,title:\"Color 1\",defaultValue:\"#FF008C\"},color2:{type:ControlType.Color,title:\"Color 2\",defaultValue:\"#D309E1\"},color3:{type:ControlType.Color,title:\"Color 3\",defaultValue:\"#9C1AFF\"},color4:{type:ControlType.Color,title:\"Color 4\",defaultValue:\"#7700FF\"},duration:{type:ControlType.Number,title:\"Duration (s)\",defaultValue:10,min:1,max:60,step:1},direction:{type:ControlType.Enum,title:\"Direction\",defaultValue:\"horizontal\",options:[\"horizontal\",\"vertical\",\"diagonal\"],optionTitles:[\"Horizontal\",\"Vertical\",\"Diagonal\"]},loop:{type:ControlType.Boolean,title:\"Loop\",defaultValue:true}});\nexport const __FramerMetadata__ = {\"exports\":{\"MovingGradientBackground\":{\"type\":\"reactComponent\",\"name\":\"MovingGradientBackground\",\"slots\":[],\"annotations\":{\"framerSupportedLayoutHeight\":\"any\",\"framerIntrinsicHeight\":\"400\",\"framerContractVersion\":\"1\",\"framerSupportedLayoutWidth\":\"any\",\"framerDisableUnlink\":\"* @framerIntrinsicWidth 400\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./Particle_Background.map"],
  "mappings": "gEAMU,SAASA,EAAyBC,EAAM,CAAC,GAAK,CAAC,OAAAC,EAAO,OAAAC,EAAO,OAAAC,EAAO,OAAAC,EAAO,SAAAC,EAAS,UAAAC,EAAU,KAAAC,CAAI,EAAEP,EAAYQ,EAAe,CAAC,WAAW,CAAC,0BAA0BP,MAAWC,MAAWC,MAAWC,KAAU,0BAA0BF,MAAWC,MAAWC,MAAWH,KAAU,0BAA0BE,MAAWC,MAAWH,MAAWC,KAAU,0BAA0BE,MAAWH,MAAWC,MAAWC,IAAS,EAAE,SAAS,CAAC,2BAA2BF,MAAWC,MAAWC,MAAWC,KAAU,2BAA2BF,MAAWC,MAAWC,MAAWH,KAAU,2BAA2BE,MAAWC,MAAWH,MAAWC,KAAU,2BAA2BE,MAAWH,MAAWC,MAAWC,IAAS,EAAE,SAAS,CAAC,0BAA0BF,MAAWC,MAAWC,MAAWC,KAAU,0BAA0BF,MAAWC,MAAWC,MAAWH,KAAU,0BAA0BE,MAAWC,MAAWH,MAAWC,KAAU,0BAA0BE,MAAWH,MAAWC,MAAWC,IAAS,CAAC,EAAE,OAAoBM,EAAKC,EAAO,IAAI,CAAC,MAAM,CAAC,MAAM,OAAO,OAAO,OAAO,eAAe,YAAY,SAAS,WAAW,IAAI,EAAE,KAAK,CAAC,EAAE,QAAQ,CAAC,WAAWF,EAAeF,CAAS,CAAC,EAAE,WAAW,CAAC,SAASD,EAAS,KAAK,SAAS,OAAOE,EAAK,IAAS,EAAE,WAAW,SAAS,MAAM,CAAC,EAAE,IAAI,IAAI,CAAC,CAAC,CAAC,CAAC,CAAE,CAACR,EAAyB,aAAa,CAAC,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU,OAAO,UAAU,SAAS,GAAG,UAAU,aAAa,KAAK,EAAI,EAAEY,EAAoBZ,EAAyB,CAAC,OAAO,CAAC,KAAKa,EAAY,MAAM,MAAM,UAAU,aAAa,SAAS,EAAE,OAAO,CAAC,KAAKA,EAAY,MAAM,MAAM,UAAU,aAAa,SAAS,EAAE,OAAO,CAAC,KAAKA,EAAY,MAAM,MAAM,UAAU,aAAa,SAAS,EAAE,OAAO,CAAC,KAAKA,EAAY,MAAM,MAAM,UAAU,aAAa,SAAS,EAAE,SAAS,CAAC,KAAKA,EAAY,OAAO,MAAM,eAAe,aAAa,GAAG,IAAI,EAAE,IAAI,GAAG,KAAK,CAAC,EAAE,UAAU,CAAC,KAAKA,EAAY,KAAK,MAAM,YAAY,aAAa,aAAa,QAAQ,CAAC,aAAa,WAAW,UAAU,EAAE,aAAa,CAAC,aAAa,WAAW,UAAU,CAAC,EAAE,KAAK,CAAC,KAAKA,EAAY,QAAQ,MAAM,OAAO,aAAa,EAAI,CAAC,CAAC",
  "names": ["MovingGradientBackground", "props", "color1", "color2", "color3", "color4", "duration", "direction", "loop", "gradientStyles", "p", "motion", "addPropertyControls", "ControlType"]
}