{
  "version": 3,
  "sources": ["ssg:https://framerusercontent.com/modules/DMcaWnlIHM4Jk5hl7kOb/sgC5iHPalH9RheKUYNHj/AR_Styles.js"],
  "sourcesContent": ["import{jsx as _jsx}from\"react/jsx-runtime\";export function withGridAndPlusStyle(Component){return props=>{const{style,...rest}=props;return /*#__PURE__*/_jsx(Component,{...rest,style:{...style,backgroundColor:\"rgba(0, 0, 0, 0)\",backgroundImage:`\n                        linear-gradient(rgba(255, 255, 255, 0.05) 1px, transparent 1px),\n                        linear-gradient(to right, rgba(255, 255, 255, 0.05) 1px, transparent 1px),\n                        radial-gradient(circle, rgba(255, 255, 255, 0.25) 1.5px, transparent 1px)\n                    `,backgroundSize:\"40px 40px, 40px 40px, 80px 80px\",backgroundPosition:\"0 0, 0 0, 0 0\"}});};}// Dotted grid \u2014\u00A0Used for PRODUCT ICONS!\nexport function withDotStyle(Component){return props=>{const{style,...rest}=props;return /*#__PURE__*/_jsx(Component,{...rest,style:{...style,backgroundColor:\"rgba(0, 0, 0, 0)\",opacity:1,backgroundImage:\"radial-gradient(rgba(255, 255, 255, 0.2) 0.5px, rgba(0, 0, 0, 0) 0.5px)\",backgroundSize:\"8px 8px\",backgroundPosition:\"center\"}});};}// lined grid\nexport function withGridStyle(Component){return props=>{const{style,...rest}=props;return /*#__PURE__*/_jsx(Component,{...rest,style:{...style,backgroundColor:\"rgba(0, 0, 0, 0)\",// opacity: 0.8,\nbackgroundImage:`\n                        linear-gradient(rgba(255, 255, 255, 0.1) 1px, transparent 1px),\n                        linear-gradient(to right, rgba(255, 255, 255, 0.1) 1px, transparent 1px)\n                    `,backgroundSize:\"20px 20px\",backgroundPosition:\"center\"}});};}// Plus Lighter blend mode\nexport function withPlusLighterBlendMode(Component){return props=>{const{style,...rest}=props;return /*#__PURE__*/_jsx(Component,{...rest,style:{...style,mixBlendMode:\"plus-lighter\"}});};}// Preseve 3D for components (need this for blurs & effects to work)\nexport function with3DTransform(Component){return props=>{const{style,...rest}=props;return /*#__PURE__*/_jsx(Component,{...rest,style:{...style,//perspective: \"1200px\", // Set the perspective to give a 3D effect\ntransformStyle:\"preserve-3d\"}});};}\nexport const __FramerMetadata__ = {\"exports\":{\"withGridStyle\":{\"type\":\"reactHoc\",\"name\":\"withGridStyle\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withGridAndPlusStyle\":{\"type\":\"reactHoc\",\"name\":\"withGridAndPlusStyle\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"with3DTransform\":{\"type\":\"reactHoc\",\"name\":\"with3DTransform\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withDotStyle\":{\"type\":\"reactHoc\",\"name\":\"withDotStyle\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"withPlusLighterBlendMode\":{\"type\":\"reactHoc\",\"name\":\"withPlusLighterBlendMode\",\"annotations\":{\"framerContractVersion\":\"1\"}},\"__FramerMetadata__\":{\"type\":\"variable\"}}}\n//# sourceMappingURL=./AR_Styles.map"],
  "mappings": "kFAAAA,IAKO,SAASC,EAAaC,EAAU,CAAC,OAAOC,GAAO,CAAC,GAAK,CAAC,MAAAC,EAAM,GAAGC,CAAI,EAAEF,EAAM,OAAoBG,EAAKJ,EAAU,CAAC,GAAGG,EAAK,MAAM,CAAC,GAAGD,EAAM,gBAAgB,mBAAmB,QAAQ,EAAE,gBAAgB,0EAA0E,eAAe,UAAU,mBAAmB,QAAQ,CAAC,CAAC,CAAE,CAAE,CACxU,SAASG,EAAcL,EAAU,CAAC,OAAOC,GAAO,CAAC,GAAK,CAAC,MAAAC,EAAM,GAAGC,CAAI,EAAEF,EAAM,OAAoBG,EAAKJ,EAAU,CAAC,GAAGG,EAAK,MAAM,CAAC,GAAGD,EAAM,gBAAgB,mBAC/J,gBAAgB;AAAA;AAAA;AAAA,sBAGM,eAAe,YAAY,mBAAmB,QAAQ,CAAC,CAAC,CAAE,CAAE,CAC3E,SAASI,EAAyBN,EAAU,CAAC,OAAOC,GAAO,CAAC,GAAK,CAAC,MAAAC,EAAM,GAAGC,CAAI,EAAEF,EAAM,OAAoBG,EAAKJ,EAAU,CAAC,GAAGG,EAAK,MAAM,CAAC,GAAGD,EAAM,aAAa,cAAc,CAAC,CAAC,CAAE,CAAE,CACpL,SAASK,EAAgBP,EAAU,CAAC,OAAOC,GAAO,CAAC,GAAK,CAAC,MAAAC,EAAM,GAAGC,CAAI,EAAEF,EAAM,OAAoBG,EAAKJ,EAAU,CAAC,GAAGG,EAAK,MAAM,CAAC,GAAGD,EAC3I,eAAe,aAAa,CAAC,CAAC,CAAE,CAAE",
  "names": ["init_ssg_sandbox_shims", "withDotStyle", "Component", "props", "style", "rest", "p", "withGridStyle", "withPlusLighterBlendMode", "with3DTransform"]
}