{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/vR24b1819810en1OhOTG/Jogw79WbUovLCy666tnz/CategoriesAnimation.js"],
  "sourcesContent": ["import { jsx as _jsx } from \"react/jsx-runtime\";\nexport function withMarquee(Component) {\n  return props => {\n    return /*#__PURE__*/_jsx(Component, {\n      ...props,\n      animate: {\n        x: [0, -800]\n      },\n      transition: {\n        repeat: Infinity,\n        duration: 20,\n        repeatType: \"mirror\"\n      }\n    });\n  };\n}\nexport function fadeOnSides(Component) {\n  return props => {\n    return /*#__PURE__*/_jsx(Component, {\n      ...props,\n      style: {\n        maskImage: \"linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%)\",\n        WebkitMaskImage: \"linear-gradient(to right, rgba(0, 0, 0, 0) 0%, rgba(0, 0, 0, 1) 10%, rgba(0, 0, 0, 1) 90%, rgba(0, 0, 0, 0) 100%)\"\n      }\n    });\n  };\n}\nexport const __FramerMetadata__ = {\n  \"exports\": {\n    \"withMarquee\": {\n      \"type\": \"reactHoc\",\n      \"name\": \"withMarquee\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"fadeOnSides\": {\n      \"type\": \"reactHoc\",\n      \"name\": \"fadeOnSides\",\n      \"annotations\": {\n        \"framerContractVersion\": \"1\"\n      }\n    },\n    \"__FramerMetadata__\": {\n      \"type\": \"variable\"\n    }\n  }\n};\n//# sourceMappingURL=./CategoriesAnimation.map"],
  "mappings": "yCACO,SAASA,EAAYC,EAAW,CACrC,OAAOC,GACeC,EAAKF,EAAW,CAClC,GAAGC,EACH,QAAS,CACP,EAAG,CAAC,EAAG,IAAI,CACb,EACA,WAAY,CACV,OAAQ,IACR,SAAU,GACV,WAAY,QACd,CACF,CAAC,CAEL,CACO,SAASE,EAAYH,EAAW,CACrC,OAAOC,GACeC,EAAKF,EAAW,CAClC,GAAGC,EACH,MAAO,CACL,UAAW,oHACX,gBAAiB,mHACnB,CACF,CAAC,CAEL",
  "names": ["withMarquee", "Component", "props", "p", "fadeOnSides"]
}