{"version":3,"file":"component---src-lekoarts-gatsby-theme-cara-templates-cara-tsx-651811bf7a9ad9d741aa.js","mappings":"wJAAaA,EAAS,CAAC,OAAD,gBCKhBC,EAAQ,CACZC,SAAU,CACRC,OACE,mBACEC,YAAY,MACZC,eAAe,QACfC,iBAAiB,KACjBC,OAAO,wCAGXC,QAAQ,aAEVC,OAAQ,CACNN,OACE,gBAAMO,EAAE,0GAEVF,QAAQ,aAEVG,QAAS,CACPR,OACE,QAAC,WAAD,MACE,gBAAMO,EAAE,4JADV,KAGE,gBAAMA,EAAE,sNAGZF,QAAQ,aAEVI,OAAQ,CACNT,OACE,QAAC,WAAD,MACE,gBAAMO,EAAE,4KACR,gBAAMA,EAAE,2JAGZF,QAAQ,gBAEVK,IAAK,CACHV,OACE,gBAAMO,EAAE,iJAEVF,QAAQ,aAEVM,KAAM,CACJX,OACE,mBACEE,eAAe,QACfC,iBAAiB,KACjBC,OAAO,oEAGXC,QAAQ,aAEVO,MAAO,CACLZ,OACE,gBACEC,YAAY,MACZM,EAAE,gUAGNF,QAAQ,gBAkCZ,EAlBY,SAAC,GAAD,QAAGQ,OAAAA,OAAH,aAAmBC,MAAAA,OAAnB,WAA+BC,EAA/B,EAA+BA,MAAOC,EAAtC,EAAsCA,KAAMC,EAA5C,EAA4CA,KAAMC,EAAlD,EAAkDA,IAAlD,IAAuDC,aAAAA,OAAvD,gBACV,eACEC,GAAI,CACFC,SAAS,WACTR,OAAQA,EAAM,sBACdS,KAAMT,EAAM,sBACZU,QAASJ,EAAetB,EAAH,QACrBiB,MAAAA,EACAC,MAAAA,EACAE,KAAAA,EACAC,IAAAA,GAEFb,QAASP,EAAMkB,GAAMX,SAEpBP,EAAMkB,GAAMhB,S,4CChDjB,IAhCgB,SAAC,GAAD,IACdwB,EADc,EACdA,MACAC,EAFc,EAEdA,OAFc,IAGdC,OAAAA,OAHc,MAGL,EAHK,MAIdC,GAAAA,OAJc,eAKdL,KAAAA,OALc,eAMdM,SAAAA,OANc,eAOdC,SAAAA,OAPc,MAOH,KAPG,MAQdC,UAAAA,OARc,kBAUd,QAAC,IAAD,CACEV,GAAI,CACFC,SAAS,WACTN,MAAM,OACNgB,OAAO,OACPC,WAAYL,EACZM,gBAAiBN,EACjB,gBAAiB,CACfb,MAAOQ,EACPA,KAAK,gBAEPM,SAAAA,GAEFJ,MAAOA,EACPC,OAAQA,EACRC,OAAQA,EACRI,UAAWA,GAEVD,K,qBC3CU,SAASK,EAA4BC,EAASC,GAM3D,OALKA,IACHA,EAAMD,EAAQE,MAAM,IAGtBF,EAAQC,IAAMA,EACPD,E,qHCFHG,GAAOC,EAAAA,EAAAA,IAAH,yTAYJ9B,GAAS8B,EAAAA,EAAAA,IAAH,+GASNC,GAAaD,EAAAA,EAAAA,IAAH,gHASVE,GAAkBC,EAAAA,EAAAA,IAAH,2DACjBjC,GAGEkC,GAAsBD,EAAAA,EAAAA,IAAH,4DACrBF,GAGG,SAASI,EAAT,GAA8D,IAA5Cf,EAA2C,EAA3CA,SACvB,OACE,eACEa,KAAKA,EAAAA,EAAAA,IAAF,uJACYD,IAQdZ,GAKA,SAASgB,EAAT,GAAkE,IAA5ChB,EAA2C,EAA3CA,SAC3B,OACE,eACEa,KAAKA,EAAAA,EAAAA,IAAF,uJACYC,IAQdd,GAKA,IAAMiB,EAAgB,SAACC,GAAD,OAAuBT,EAAvB,IAA+BS,EAA/B,+B,8MCpEvBC,EAAc,CAClBC,aAF0B,IAKb,SAASC,EAAT,GAGX,IAFFC,EAEC,EAFDA,WACGC,GACF,YACD,OAAO,QALS,UAKT,iBAAeJ,EAAiBI,EAAhC,CAAuCD,WAAYA,EAAYE,QAAQ,eAC5E,kDACA,yHAKJH,EAAWI,gBAAiB,ECb5B,ICDsBC,EDuCtB,EAtCa,SAAC,GAAD,IAAG9B,EAAH,EAAGA,OAAH,IAAWC,OAAAA,OAAX,MAAoB,EAApB,SACX,oBACE,QAAC,IAAD,CAASF,MAAO,GAAKC,OAAQA,EAAQC,OAAQA,IAC3C,QAAC,KAAD,MACE,QAAC,IAAD,CAAKV,KAAK,WAAWG,cAAY,EAACJ,MAAO,GAAIF,QAAM,EAACC,MAAM,cAAcG,KAAK,MAAMC,IAAI,SACvF,QAAC,IAAD,CAAKF,KAAK,OAAOD,MAAO,GAAIF,QAAM,EAACC,MAAM,WAAWG,KAAK,MAAMC,IAAI,SACnE,QAAC,IAAD,CAAKF,KAAK,MAAMD,MAAO,EAAGD,MAAM,cAAcG,KAAK,MAAMC,IAAI,UAE/D,QAAC,KAAD,MACE,QAAC,IAAD,CAAKF,KAAK,UAAUG,cAAY,EAACJ,MAAO,GAAID,MAAM,YAAYG,KAAK,MAAMC,IAAI,SAC7E,QAAC,IAAD,CAAKF,KAAK,WAAWD,MAAO,GAAIF,QAAM,EAACC,MAAM,iBAAiBG,KAAK,MAAMC,IAAI,SAC7E,QAAC,IAAD,CAAKF,KAAK,SAASD,MAAO,GAAID,MAAM,cAAcG,KAAK,MAAMC,IAAI,SACjE,QAAC,IAAD,CAAKF,KAAK,WAAWD,MAAO,GAAIF,QAAM,EAACC,MAAM,eAAeG,KAAK,MAAMC,IAAI,SAC3E,QAAC,IAAD,CAAKF,KAAK,QAAQD,MAAO,GAAIF,QAAM,EAACC,MAAM,YAAYG,KAAK,MAAMC,IAAI,SACrE,QAAC,IAAD,CAAKF,KAAK,SAASD,MAAO,EAAGD,MAAM,eAAeG,KAAK,MAAMC,IAAI,SACjE,QAAC,IAAD,CAAKF,KAAK,SAASG,cAAY,EAACJ,MAAO,EAAGD,MAAM,eAAeG,KAAK,MAAMC,IAAI,UAEhF,QAAC,IAAD,CAAKF,KAAK,SAASG,cAAY,EAACJ,MAAO,GAAID,MAAM,cAAcG,KAAK,KAAKC,IAAI,SAC7E,QAAC,IAAD,CAAKF,KAAK,SAASD,MAAO,EAAGD,MAAM,eAAeG,KAAK,KAAKC,IAAI,SAChE,QAAC,IAAD,CAAKF,KAAK,SAASD,MAAO,GAAID,MAAM,eAAeG,KAAK,MAAMC,IAAI,SAClE,QAAC,IAAD,CAAKF,KAAK,SAASD,MAAO,EAAGD,MAAM,eAAeG,KAAK,MAAMC,IAAI,SACjE,QAAC,IAAD,CAAKF,KAAK,SAASG,cAAY,EAACJ,MAAO,GAAID,MAAM,cAAcG,KAAK,MAAMC,IAAI,SAC9E,QAAC,IAAD,CAAKF,KAAK,WAAWD,MAAO,EAAGF,QAAM,EAACC,MAAM,cAAcG,KAAK,MAAMC,IAAI,QACzE,QAAC,IAAD,CAAKF,KAAK,SAASD,MAAO,GAAID,MAAM,aAAaG,KAAK,MAAMC,IAAI,QAChE,QAAC,IAAD,CAAKF,KAAK,MAAMG,cAAY,EAACJ,MAAO,GAAID,MAAM,cAAcG,KAAK,KAAKC,IAAI,SAC1E,QAAC,IAAD,CAAKF,KAAK,MAAMD,MAAO,EAAGD,MAAM,eAAeG,KAAK,MAAMC,IAAI,SAC9D,QAAC,IAAD,CAAKF,KAAK,MAAMD,MAAO,GAAID,MAAM,eAAeG,KAAK,MAAMC,IAAI,SAC/D,QAAC,IAAD,CAAKF,KAAK,OAAOD,MAAO,GAAIF,QAAM,EAACC,MAAM,cAAcG,KAAK,MAAMC,IAAI,SACtE,QAAC,IAAD,CAAKF,KAAK,OAAOD,MAAO,EAAGF,QAAM,EAACC,MAAM,cAAcG,KAAK,MAAMC,IAAI,UAEvE,QAAC,IAAD,CAASE,GAAI,CAAEoC,QAAQ,gBAAmBhC,MAAO,GAAKC,OAAQA,EAAQC,OAAQA,IAC5E,QAAC,IAAD,MACE,QAAC,EAAD,U,iBC5BF+B,GALgBF,EAKY,cALJ,SAA6BH,GAEzD,OADAM,QAAQC,KAAK,aAAeJ,EAAO,4EAC5B,cAASH,KAIZJ,EAAc,CAClBC,aAT0B,IAYb,SAASC,EAAT,GAGX,IAFFC,EAEC,EAFDA,WACGC,GACF,YACD,OAAO,QALS,UAKT,iBAAeJ,EAAiBI,EAAhC,CAAuCD,WAAYA,EAAYE,QAAQ,eAC5E,4BACA,QAACI,EAAD,CAAaG,MAAM,sBAAsBjC,GAAG,sDAAsD0B,QAAQ,eAA1G,wEAGA,QAACI,EAAD,CAAaG,MAAM,UAAUjC,GAAG,sDAAsD0B,QAAQ,eAA9F,+CAGA,QAACI,EAAD,CAAaG,MAAM,qBAAqBjC,GAAG,sDAAsD0B,QAAQ,eAAzG,yDAGA,QAACI,EAAD,CAAaG,MAAM,aAAajC,GAAG,sDAAsD0B,QAAQ,eAAjG,yDAOJH,EAAWI,gBAAiB,EC/B5B,IAgDA,EAhDiB,SAAC,GAAD,IAAG7B,EAAH,EAAGA,OAAH,IAAWC,OAAAA,OAAX,MAAoB,EAApB,SACf,oBACE,QAAC,IAAD,CACEC,GAAG,sDACHP,GAAI,CAAEQ,SAAS,6CACfJ,OAAQ,GACRC,OAAQ,IACRC,OAAQA,KAEV,QAAC,IAAD,CAASF,MAAO,GAAKC,OAAQA,EAAS,GAAKC,OAAQA,IACjD,QAAC,IAAD,MACE,eACEN,GAAI,CACFG,QAAQ,OACRsC,QAAS,CAAC,EAAG,EAAG,EAAG,GACnBC,oBAAqB,CAAC,MAAD,wBACrBC,GAAI,CAAEC,WAAW,OAASlD,MAAM,uBAGlC,QAAC,EAAD,UAIN,QAAC,IAAD,CAASU,MAAO,GAAKC,OAAQA,EAAQC,OAAQA,IAC3C,QAAC,KAAD,MACE,QAAC,IAAD,CAAKV,KAAK,MAAMD,MAAO,EAAGD,MAAM,iBAAiBG,KAAK,MAAMC,IAAI,SAChE,QAAC,IAAD,CAAKF,KAAK,SAASD,MAAO,EAAGD,MAAM,YAAYG,KAAK,MAAMC,IAAI,SAC9D,QAAC,IAAD,CAAKF,KAAK,WAAWD,MAAO,EAAGF,QAAM,EAACC,MAAM,cAAcG,KAAK,MAAMC,IAAI,QACzE,QAAC,IAAD,CAAKF,KAAK,SAASG,cAAY,EAACJ,MAAO,GAAID,MAAM,iBAAiBG,KAAK,MAAMC,IAAI,UAEnF,QAAC,KAAD,MACE,QAAC,IAAD,CAAKF,KAAK,UAAUG,cAAY,EAACJ,MAAO,GAAID,MAAM,aAAaG,KAAK,MAAMC,IAAI,SAC9E,QAAC,IAAD,CAAKF,KAAK,WAAWD,MAAO,GAAIF,QAAM,EAACC,MAAM,iBAAiBG,KAAK,MAAMC,IAAI,SAC7E,QAAC,IAAD,CAAKF,KAAK,SAASD,MAAO,GAAID,MAAM,cAAcG,KAAK,MAAMC,IAAI,SACjE,QAAC,IAAD,CAAKF,KAAK,WAAWG,cAAY,EAACJ,MAAO,GAAIF,QAAM,EAACC,MAAM,YAAYG,KAAK,MAAMC,IAAI,SACrF,QAAC,IAAD,CAAKF,KAAK,SAASD,MAAO,EAAGD,MAAM,iBAAiBG,KAAK,MAAMC,IAAI,SACnE,QAAC,IAAD,CAAKF,KAAK,SAASG,cAAY,EAACJ,MAAO,EAAGD,MAAM,aAAaG,KAAK,MAAMC,IAAI,UAE9E,QAAC,IAAD,CAAKF,KAAK,SAASG,cAAY,EAACJ,MAAO,EAAGD,MAAM,iBAAiBG,KAAK,KAAKC,IAAI,SAC/E,QAAC,IAAD,CAAKF,KAAK,SAASD,MAAO,GAAID,MAAM,YAAYG,KAAK,MAAMC,IAAI,SAC/D,QAAC,IAAD,CAAKF,KAAK,MAAMD,MAAO,EAAGD,MAAM,cAAcG,KAAK,MAAMC,IAAI,SAC7D,QAAC,IAAD,CAAKF,KAAK,MAAMD,MAAO,GAAID,MAAM,cAAcG,KAAK,MAAMC,IAAI,SAC9D,QAAC,IAAD,CAAKF,KAAK,OAAOD,MAAO,GAAIF,QAAM,EAACC,MAAM,WAAWG,KAAK,MAAMC,IAAI,SACnE,QAAC,IAAD,CAAKF,KAAK,OAAOD,MAAO,EAAGF,QAAM,EAACC,MAAM,cAAcG,KAAK,MAAMC,IAAI,W,8BCN3E,EA3Ce,WACb,OAAkC+C,EAAAA,EAAAA,MAA3BC,EAAP,KAAkBC,EAAlB,KACMC,EAAkB,SAATF,EAKf,OACE,QAAC,KAAD,CAAKG,GAAG,SAASb,QAAQ,WACvB,kBACEpC,GAAI,CAAEoC,QAAQ,iBAAmBc,WAAW,WAAa/C,QAAQ,QAAUgD,GAAG,OAASC,GAAI,GAC3FC,QARkB,SAACC,GACvBP,EAAaC,EAAM,iBAQfO,KAAK,SACL,aAAW,oBAEVP,EAAM,gBAPX,gBASoB,IAAIQ,MAAOC,cAT/B,0BAUE,oBACA,QAAC,KAAD,CACEzD,GAAI,CACF0D,eAAe,SACfC,WAAW,SACXC,GAAI,EACJlE,MAAM,OACNwD,WAAW,WACXW,EAAG,CAAEnE,MAAM,UAPf,KAYE,QAAC,KAAD,CACE,aAAW,wCACXM,GAAI,CAAE8D,GAAI,GACVC,KAAK,oCAEP,eAAKpE,MAAM,KAAKgB,OAAO,KAAKqD,KAAKC,EAAAA,EAAAA,YAAW,yBAA0BC,IAAI,oB,iBChC5EtC,EAAc,CAClBC,aAF0B,IAKb,SAASC,EAAT,GAGX,IAFFC,EAEC,EAFDA,WACGC,GACF,YACD,OAAO,QALS,UAKT,iBAAeJ,EAAiBI,EAAhC,CAAuCD,WAAYA,EAAYE,QAAQ,eAC5E,mCACA,gCAAkB,aAAGkC,WAAW,IAC5B,KAAQ,+BADM,WAAlB,mBAEuC,aAAGA,WAAW,IACjD,KAAQ,+BAD2B,aAO3CrC,EAAWI,gBAAiB,EChB5B,IAiDA,EAjDgB,SAAC,GAAD,IAAG7B,EAAH,EAAGA,OAAH,IAAWC,OAAAA,OAAX,MAAoB,EAApB,SACd,oBACE,QAAC,IAAD,CAASJ,KAAK,UAAUE,MAAO,GAAKC,OAAQA,EAAQC,OAAQA,IAC1D,eAAKN,GAAI,CAAEC,SAAS,WAAamE,OAAQ,EAAGzE,MAAM,OAAS0E,UAAU,+BACnE,eACErE,GAAI,CACFC,SAAS,WACTU,OAAO,OACP2D,IAAK,CAAE3E,MAAM,OAASgB,OAAO,QAC7B4D,KAAM,CAAEC,WAAW9C,EAAAA,EAAAA,IAAc,WAGnC,eAAK+C,MAAM,6BAA6BC,GAAG,eAAezF,QAAQ,iBAAiB0F,oBAAoB,SACrG,qBACE,mBACEC,cAAc,IACdC,OAAO,4MACPC,YAAY,aACZC,IAAI,cAOhB,QAAC,IAAD,CAAS3E,MAAO,GAAKC,OAAQA,EAAQC,OAAQA,IAC3C,QAAC,IAAD,MACE,QAAC,EAAD,QAEF,QAAC,EAAD,QAEF,QAAC,IAAD,CAASF,MAAO,GAAKC,OAAQA,EAAQC,OAAQA,IAC3C,QAAC,KAAD,MACE,QAAC,IAAD,CAAKV,KAAK,SAASG,cAAY,EAACJ,MAAO,EAAGD,MAAM,eAAeG,KAAK,MAAMC,IAAI,SAC9E,QAAC,IAAD,CAAKF,KAAK,WAAWD,MAAO,EAAGF,QAAM,EAACC,MAAM,eAAeG,KAAK,MAAMC,IAAI,SAE5E,QAAC,KAAD,MACE,QAAC,IAAD,CAAKF,KAAK,WAAWD,MAAO,GAAIF,QAAM,EAACC,MAAM,iBAAiBG,KAAK,MAAMC,IAAI,SAC7E,QAAC,IAAD,CAAKF,KAAK,SAASD,MAAO,EAAGD,MAAM,iBAAiBG,KAAK,MAAMC,IAAI,SACnE,QAAC,IAAD,CAAKF,KAAK,SAASG,cAAY,EAACJ,MAAO,EAAGD,MAAM,eAAeG,KAAK,MAAMC,IAAI,UAEhF,QAAC,IAAD,CAAKF,KAAK,SAASD,MAAO,EAAGD,MAAM,iBAAiBG,KAAK,KAAKC,IAAI,SAClE,QAAC,IAAD,CAAKF,KAAK,SAASD,MAAO,GAAID,MAAM,eAAeG,KAAK,MAAMC,IAAI,SAClE,QAAC,IAAD,CAAKF,KAAK,MAAMD,MAAO,GAAID,MAAM,eAAeG,KAAK,MAAMC,IAAI,SAC/D,QAAC,IAAD,CAAKF,KAAK,OAAOD,MAAO,EAAGF,QAAM,EAACC,MAAM,eAAeG,KAAK,MAAMC,IAAI,WClC5E,EAZa,kBACX,gBAAC,IAAD,KACE,gBAAC,IAAD,MACA,gBAAC,IAAD,CAAUkF,MAAO,GACf,gBAAC,EAAD,CAAM3E,OAAQ,EAAGC,OAAQ,IACzB,gBAAC,EAAD,CAAUD,OAAQ,EAAGC,OAAQ,IAE7B,gBAAC,EAAD,CAASD,OAAQ,EAAGC,OAAQ","sources":["webpack://cara/./src/@lekoarts/gatsby-theme-cara/styles/utils.tsx","webpack://cara/./src/@lekoarts/gatsby-theme-cara/components/svg.tsx","webpack://cara/./src/@lekoarts/gatsby-theme-cara/elements/divider.tsx","webpack://cara/./node_modules/@babel/runtime/helpers/esm/taggedTemplateLiteralLoose.js","webpack://cara/./src/@lekoarts/gatsby-theme-cara/styles/animations.tsx","webpack://cara/./src/@lekoarts/gatsby-theme-cara/sections/intro.mdx","webpack://cara/./src/@lekoarts/gatsby-theme-cara/components/hero.tsx","webpack://cara/./src/@lekoarts/gatsby-theme-cara/sections/projects.mdx","webpack://cara/./src/@lekoarts/gatsby-theme-cara/components/projects.tsx","webpack://cara/./src/@lekoarts/gatsby-theme-cara/components/footer.tsx","webpack://cara/./src/@lekoarts/gatsby-theme-cara/sections/contact.mdx","webpack://cara/./src/@lekoarts/gatsby-theme-cara/components/contact.tsx","webpack://cara/./src/@lekoarts/gatsby-theme-cara/templates/cara.tsx"],"sourcesContent":["export const hidden = [`none`, `none`, `block`]\n","/** @jsx jsx */\nimport * as React from \"react\"\nimport { jsx } from \"theme-ui\"\nimport { hidden } from \"../styles/utils\"\n\nconst icons = {\n  triangle: {\n    shape: (\n      <polygon\n        strokeWidth=\"1px\"\n        strokeLinejoin=\"round\"\n        strokeMiterlimit=\"10\"\n        points=\"14.921,2.27 28.667,25.5 1.175,25.5 \"\n      />\n    ),\n    viewBox: `0 0 30 30`,\n  },\n  circle: {\n    shape: (\n      <path d=\"M15,30A15,15,0,1,1,30,15,15,15,0,0,1,15,30ZM15,6.23A8.77,8.77,0,1,0,23.77,15,8.77,8.77,0,0,0,15,6.23Z\" />\n    ),\n    viewBox: `0 0 30 30`,\n  },\n  arrowUp: {\n    shape: (\n      <React.Fragment>\n        <path d=\"M28.74,20.81H1.26a1.26,1.26,0,0,1-1-2L14.16.5a1.25,1.25,0,0,1,1-.5h0a1.24,1.24,0,0,1,1,.51L29.75,18.8a1.25,1.25,0,0,1-1,2ZM3.81,18.29H26.22L15.16,3.37Z\" />\n        {` `}\n        <path d=\"M28.74,42H1.26a1.28,1.28,0,0,1-1.13-.71A1.26,1.26,0,0,1,.26,40l13.9-18.29a1.28,1.28,0,0,1,1-.5h0a1.24,1.24,0,0,1,1,.51L29.75,40a1.26,1.26,0,0,1,.12,1.32A1.28,1.28,0,0,1,28.74,42ZM3.81,39.47H26.22L15.16,24.55Z\" />\n      </React.Fragment>\n    ),\n    viewBox: `0 0 30 42`,\n  },\n  upDown: {\n    shape: (\n      <React.Fragment>\n        <path d=\"M28.74,44.58a1.28,1.28,0,0,1-1-.51L15.16,27.13l-12.89,17a1.26,1.26,0,1,1-2-1.53l13.9-18.29a1.34,1.34,0,0,1,1-.5,1.24,1.24,0,0,1,1,.51L29.75,42.56a1.27,1.27,0,0,1-1,2Z\" />\n        <path d=\"M14.83,20.82h0a1.28,1.28,0,0,1-1-.52L.25,2a1.27,1.27,0,0,1,2-1.51L14.84,17.45,27.73.5a1.26,1.26,0,0,1,2,1.53L15.84,20.32A1.28,1.28,0,0,1,14.83,20.82Z\" />\n      </React.Fragment>\n    ),\n    viewBox: `0 0 30 44.58`,\n  },\n  box: {\n    shape: (\n      <path d=\"M28,2V28H2V2H28m.13-2H1.88A1.88,1.88,0,0,0,0,1.88V28.13A1.88,1.88,0,0,0,1.88,30H28.13A1.87,1.87,0,0,0,30,28.13V1.88A1.88,1.88,0,0,0,28.13,0Z\" />\n    ),\n    viewBox: `0 0 30 30`,\n  },\n  hexa: {\n    shape: (\n      <polygon\n        strokeLinejoin=\"round\"\n        strokeMiterlimit=\"10\"\n        points=\"27.5,21.904 15,28.809  2.5,21.904 2.5,8.095 15,1.19 27.5,8.095 \"\n      />\n    ),\n    viewBox: `0 0 30 30`,\n  },\n  cross: {\n    shape: (\n      <path\n        strokeWidth=\"3px\"\n        d=\"M60.5,50l34.8-34.8c2.9-2.9,2.9-7.6,0-10.5c-2.9-2.9-7.6-2.9-10.5,0L50,39.5L15.2,4.7c-2.9-2.9-7.6-2.9-10.5,0    c-2.9,2.9-2.9,7.6,0,10.5L39.5,50L4.7,84.8c-2.9,2.9-2.9,7.6,0,10.5c1.4,1.4,3.3,2.2,5.2,2.2s3.8-0.7,5.2-2.2L50,60.5l34.8,34.8    c1.4,1.4,3.3,2.2,5.2,2.2c1.9,0,3.8-0.7,5.2-2.2c2.9-2.9,2.9-7.6,0-10.5L60.5,50z\"\n      />\n    ),\n    viewBox: `0 0 100 100`,\n  },\n}\n\ntype IconType = \"triangle\" | \"circle\" | \"arrowUp\" | \"upDown\" | \"box\" | \"hexa\" | \"cross\"\n\ntype SVGProps = {\n  stroke?: boolean\n  color?: string | number | any\n  width: number\n  icon: IconType\n  left: string\n  top: string\n  hiddenMobile?: boolean\n}\n\nconst Svg = ({ stroke = false, color = ``, width, icon, left, top, hiddenMobile = false }: SVGProps) => (\n  <svg\n    sx={{\n      position: `absolute`,\n      stroke: stroke ? `currentColor` : `none`,\n      fill: stroke ? `none` : `currentColor`,\n      display: hiddenMobile ? hidden : `block`,\n      color,\n      width,\n      left,\n      top,\n    }}\n    viewBox={icons[icon].viewBox}\n  >\n    {icons[icon].shape}\n  </svg>\n)\n\nexport default Svg\n","/** @jsx jsx */\nimport { jsx } from \"theme-ui\"\nimport { ParallaxLayer } from \"@react-spring/parallax\"\n\ntype DividerProps = {\n  speed: number\n  offset: number\n  children?: React.ReactNode\n  bg?: string\n  fill?: string\n  clipPath?: string\n  className?: string\n  factor?: number\n}\n\nconst Divider = ({\n  speed,\n  offset,\n  factor = 1,\n  bg = ``,\n  fill = ``,\n  clipPath = ``,\n  children = null,\n  className = ``,\n}: DividerProps) => (\n  <ParallaxLayer\n    sx={{\n      position: `absolute`,\n      width: `full`,\n      height: `full`,\n      background: bg,\n      backgroundColor: bg,\n      \"#contact-wave\": {\n        color: fill,\n        fill: `currentColor`,\n      },\n      clipPath,\n    }}\n    speed={speed}\n    offset={offset}\n    factor={factor}\n    className={className}\n  >\n    {children}\n  </ParallaxLayer>\n)\n\nexport default Divider\n","export default function _taggedTemplateLiteralLoose(strings, raw) {\n  if (!raw) {\n    raw = strings.slice(0);\n  }\n\n  strings.raw = raw;\n  return strings;\n}","/** @jsx jsx */\nimport * as React from \"react\"\nimport { keyframes, css, jsx } from \"@emotion/react\"\n\nconst wave = keyframes`\n  0% {\n    d: path(\"M 0 100 Q 250 50 400 200 Q 550 350 800 300 L 800 0 L 0 0 L 0 100 Z\");\n  }\n  50% {\n    d: path(\"M 0 100 Q 200 150 400 200 Q 600 250 800 300 L 800 0 L 0 0 L 0 100 Z\");\n  }\n  100% {\n    d: path(\"M 0 100 Q 150 350 400 200 Q 650 50 800 300 L 800 0 L 0 0 L 0 100 Z\");\n  }\n`\n\nconst upDown = keyframes`\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(30px);\n  }\n`\n\nconst upDownWide = keyframes`\n  from {\n    transform: translateY(0);\n  }\n  to {\n    transform: translateY(200px);\n  }\n`\n\nconst upDownAnimation = css`\n  ${upDown} 4s ease-in-out infinite alternate;\n`\n\nconst upDownWideAnimation = css`\n  ${upDownWide} 18s ease-in-out infinite alternate;\n`\n\nexport function UpDown({ children }: { children: React.ReactNode }) {\n  return (\n    <div\n      css={css`\n        animation: ${upDownAnimation};\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n      `}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport function UpDownWide({ children }: { children: React.ReactNode }) {\n  return (\n    <div\n      css={css`\n        animation: ${upDownWideAnimation};\n        position: absolute;\n        top: 0;\n        left: 0;\n        right: 0;\n        bottom: 0;\n      `}\n    >\n      {children}\n    </div>\n  )\n}\n\nexport const waveAnimation = (length: string) => `${wave} ${length} linear infinite alternate`\n","import * as React from 'react'\n  /* @jsx mdx */\nimport { mdx } from '@mdx-js/react';\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\nexport const _frontmatter = {};\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nexport default function MDXContent({\n  components,\n  ...props\n}) {\n  return <MDXLayout {...layoutProps} {...props} components={components} mdxType=\"MDXLayout\">\n    <h1>{`Welcome to the new economy.`}</h1>\n    <p>{`$MRBL (pronounced maar · bl) rewards high-quality content creators and consumers for the metaverse.`}</p>\n\n    </MDXLayout>;\n}\n;\nMDXContent.isMDXComponent = true;\n      ","/** @jsx jsx */\nimport { jsx } from \"theme-ui\"\nimport Divider from \"../elements/divider\"\nimport Inner from \"../elements/inner\"\nimport Content from \"../elements/content\"\nimport Svg from \"./svg\"\nimport { UpDown, UpDownWide } from \"../styles/animations\"\n// @ts-ignore\nimport Intro from \"../sections/intro\"\n\nconst Hero = ({ offset, factor = 1 }: { offset: number; factor?: number }) => (\n  <div>\n    <Divider speed={0.2} offset={offset} factor={factor}>\n      <UpDown>\n        <Svg icon=\"triangle\" hiddenMobile width={48} stroke color=\"icon_orange\" left=\"10%\" top=\"20%\" />\n        <Svg icon=\"hexa\" width={48} stroke color=\"icon_red\" left=\"60%\" top=\"70%\" />\n        <Svg icon=\"box\" width={6} color=\"icon_darker\" left=\"60%\" top=\"15%\" />\n      </UpDown>\n      <UpDownWide>\n        <Svg icon=\"arrowUp\" hiddenMobile width={16} color=\"icon_blue\" left=\"80%\" top=\"10%\" />\n        <Svg icon=\"triangle\" width={12} stroke color=\"icon_brightest\" left=\"90%\" top=\"50%\" />\n        <Svg icon=\"circle\" width={16} color=\"icon_darker\" left=\"70%\" top=\"90%\" />\n        <Svg icon=\"triangle\" width={16} stroke color=\"icon_darkest\" left=\"30%\" top=\"65%\" />\n        <Svg icon=\"cross\" width={16} stroke color=\"icon_pink\" left=\"28%\" top=\"15%\" />\n        <Svg icon=\"circle\" width={6} color=\"icon_darkest\" left=\"75%\" top=\"10%\" />\n        <Svg icon=\"upDown\" hiddenMobile width={8} color=\"icon_darkest\" left=\"45%\" top=\"10%\" />\n      </UpDownWide>\n      <Svg icon=\"circle\" hiddenMobile width={24} color=\"icon_darker\" left=\"5%\" top=\"70%\" />\n      <Svg icon=\"circle\" width={6} color=\"icon_darkest\" left=\"4%\" top=\"20%\" />\n      <Svg icon=\"circle\" width={12} color=\"icon_darkest\" left=\"50%\" top=\"60%\" />\n      <Svg icon=\"upDown\" width={8} color=\"icon_darkest\" left=\"95%\" top=\"90%\" />\n      <Svg icon=\"upDown\" hiddenMobile width={24} color=\"icon_darker\" left=\"40%\" top=\"80%\" />\n      <Svg icon=\"triangle\" width={8} stroke color=\"icon_darker\" left=\"25%\" top=\"5%\" />\n      <Svg icon=\"circle\" width={64} color=\"icon_green\" left=\"95%\" top=\"5%\" />\n      <Svg icon=\"box\" hiddenMobile width={64} color=\"icon_purple\" left=\"5%\" top=\"90%\" />\n      <Svg icon=\"box\" width={6} color=\"icon_darkest\" left=\"10%\" top=\"10%\" />\n      <Svg icon=\"box\" width={12} color=\"icon_darkest\" left=\"40%\" top=\"30%\" />\n      <Svg icon=\"hexa\" width={16} stroke color=\"icon_darker\" left=\"10%\" top=\"50%\" />\n      <Svg icon=\"hexa\" width={8} stroke color=\"icon_darker\" left=\"80%\" top=\"70%\" />\n    </Divider>\n    <Content sx={{ variant: `texts.bigger` }} speed={0.4} offset={offset} factor={factor}>\n      <Inner>\n        <Intro />\n      </Inner>\n    </Content>\n  </div>\n)\n\nexport default Hero\n","import * as React from 'react'\n  /* @jsx mdx */\nimport { mdx } from '@mdx-js/react';\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\nexport const _frontmatter = {};\n\nconst makeShortcode = name => function MDXDefaultShortcode(props) {\n  console.warn(\"Component \" + name + \" was not imported, exported, or provided by MDXProvider as global scope\");\n  return <div {...props} />;\n};\n\nconst ProjectCard = makeShortcode(\"ProjectCard\");\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nexport default function MDXContent({\n  components,\n  ...props\n}) {\n  return <MDXLayout {...layoutProps} {...props} components={components} mdxType=\"MDXLayout\">\n    <h2>{`Goals`}</h2>\n    <ProjectCard title=\"Proof of Engagement\" bg=\"linear-gradient(to right, #D4145A 0%, #FBB03B 100%)\" mdxType=\"ProjectCard\">\n  The first environmental friendly and globaly fair mining algorithm.\n    </ProjectCard>\n    <ProjectCard title=\"Roadmap\" bg=\"linear-gradient(to right, #662D8C 0%, #ED1E79 100%)\" mdxType=\"ProjectCard\">\n  Where we have been and where we are going.\n    </ProjectCard>\n    <ProjectCard title=\"Token Distribution\" bg=\"linear-gradient(to right, #009245 0%, #FCEE21 100%)\" mdxType=\"ProjectCard\">\n  Details on how we are fairly distributing the token.\n    </ProjectCard>\n    <ProjectCard title=\"Whitepaper\" bg=\"linear-gradient(to right, #D585FF 0%, #00FFEE 100%)\" mdxType=\"ProjectCard\">\n  Complete details on what we are going to accomplish.\n    </ProjectCard>\n\n    </MDXLayout>;\n}\n;\nMDXContent.isMDXComponent = true;\n      ","/** @jsx jsx */\nimport { jsx } from \"theme-ui\"\nimport Divider from \"../elements/divider\"\nimport Inner from \"../elements/inner\"\nimport Content from \"../elements/content\"\nimport Svg from \"./svg\"\nimport { UpDown, UpDownWide } from \"../styles/animations\"\n// @ts-ignore\nimport ProjectsMDX from \"../sections/projects\"\n\nconst Projects = ({ offset, factor = 2 }: { offset: number; factor?: number }) => (\n  <div>\n    <Divider\n      bg=\"linear-gradient(to right, #013A40 0%, #027373 100%)\"\n      sx={{ clipPath: `polygon(0 15%, 100% 25%, 100% 85%, 0 75%)` }}\n      speed={-0.2}\n      offset={1.1}\n      factor={factor}\n    />\n    <Content speed={0.4} offset={offset + 0.2} factor={factor}>\n      <Inner>\n        <div\n          sx={{\n            display: `grid`,\n            gridGap: [4, 4, 4, 5],\n            gridTemplateColumns: [`1fr`, `1fr`, `repeat(2, 1fr)`],\n            h2: { gridColumn: `-1/1`, color: `white !important` },\n          }}\n        >\n          <ProjectsMDX />\n        </div>\n      </Inner>\n    </Content>\n    <Divider speed={0.1} offset={offset} factor={factor}>\n      <UpDown>\n        <Svg icon=\"box\" width={6} color=\"icon_brightest\" left=\"85%\" top=\"75%\" />\n        <Svg icon=\"upDown\" width={8} color=\"icon_teal\" left=\"70%\" top=\"20%\" />\n        <Svg icon=\"triangle\" width={8} stroke color=\"icon_orange\" left=\"25%\" top=\"5%\" />\n        <Svg icon=\"circle\" hiddenMobile width={24} color=\"icon_brightest\" left=\"17%\" top=\"60%\" />\n      </UpDown>\n      <UpDownWide>\n        <Svg icon=\"arrowUp\" hiddenMobile width={16} color=\"icon_green\" left=\"20%\" top=\"90%\" />\n        <Svg icon=\"triangle\" width={12} stroke color=\"icon_brightest\" left=\"90%\" top=\"30%\" />\n        <Svg icon=\"circle\" width={16} color=\"icon_yellow\" left=\"70%\" top=\"90%\" />\n        <Svg icon=\"triangle\" hiddenMobile width={16} stroke color=\"icon_teal\" left=\"18%\" top=\"75%\" />\n        <Svg icon=\"circle\" width={6} color=\"icon_brightest\" left=\"75%\" top=\"10%\" />\n        <Svg icon=\"upDown\" hiddenMobile width={8} color=\"icon_green\" left=\"45%\" top=\"10%\" />\n      </UpDownWide>\n      <Svg icon=\"circle\" hiddenMobile width={6} color=\"icon_brightest\" left=\"4%\" top=\"20%\" />\n      <Svg icon=\"circle\" width={12} color=\"icon_pink\" left=\"80%\" top=\"60%\" />\n      <Svg icon=\"box\" width={6} color=\"icon_orange\" left=\"10%\" top=\"10%\" />\n      <Svg icon=\"box\" width={12} color=\"icon_yellow\" left=\"29%\" top=\"26%\" />\n      <Svg icon=\"hexa\" width={16} stroke color=\"icon_red\" left=\"75%\" top=\"30%\" />\n      <Svg icon=\"hexa\" width={8} stroke color=\"icon_yellow\" left=\"80%\" top=\"70%\" />\n    </Divider>\n  </div>\n)\n\nexport default Projects\n","/** @jsx jsx */\nimport { Box, Flex, Link, useColorMode, jsx } from \"theme-ui\"\nimport { withPrefix } from \"gatsby\"\n\nconst Footer = () => {\n  const [colorMode, setColorMode] = useColorMode()\n  const isDark = colorMode === `dark`\n  const toggleColorMode = (e: any) => {\n    setColorMode(isDark ? `light` : `dark`)\n  }\n\n  return (\n    <Box as=\"footer\" variant=\"footer\">\n      <button\n        sx={{ variant: `buttons.toggle`, fontWeight: `semibold`, display: `block`, mx: `auto`, mb: 3 }}\n        onClick={toggleColorMode}\n        type=\"button\"\n        aria-label=\"Toggle dark mode\"\n      >\n        {isDark ? `Light` : `Dark`}\n      </button>\n      Copyright &copy; {new Date().getFullYear()}. All rights reserved.\n      <br />\n      <Flex\n        sx={{\n          justifyContent: `center`,\n          alignItems: `center`,\n          mt: 3,\n          color: `text`,\n          fontWeight: `semibold`,\n          a: { color: `text` },\n        }}\n      >\n        \n        {` `}\n        <Link\n          aria-label=\"Link to the theme's GitHub repository\"\n          sx={{ ml: 2 }}\n          href=\"https://github.com/getmrbl/site\"\n        >\n        <img width=\"30\" height=\"30\" src={withPrefix(`/GitHub-Mark-64px.png`)} alt=\"Github Mark\" />\n        </Link>\n      </Flex>\n    </Box>\n  )\n}\n\nexport default Footer\n","import * as React from 'react'\n  /* @jsx mdx */\nimport { mdx } from '@mdx-js/react';\n/* @jsxRuntime classic */\n\n/* @jsx mdx */\n\nexport const _frontmatter = {};\nconst layoutProps = {\n  _frontmatter\n};\nconst MDXLayout = \"wrapper\";\nexport default function MDXContent({\n  components,\n  ...props\n}) {\n  return <MDXLayout {...layoutProps} {...props} components={components} mdxType=\"MDXLayout\">\n    <h2>{`Get in touch`}</h2>\n    <p>{`Find us on `}<a parentName=\"p\" {...{\n        \"href\": \"https://discord.gg/GDxejBDw\"\n      }}>{`Discord`}</a>{` or find us on `}<a parentName=\"p\" {...{\n        \"href\": \"https://twitter.com/getmrbl\"\n      }}>{`Twitter`}</a></p>\n\n    </MDXLayout>;\n}\n;\nMDXContent.isMDXComponent = true;\n      ","/** @jsx jsx */\nimport { jsx } from \"theme-ui\"\nimport Divider from \"../elements/divider\"\nimport Inner from \"../elements/inner\"\nimport Content from \"../elements/content\"\nimport Svg from \"./svg\"\nimport { UpDown, UpDownWide, waveAnimation } from \"../styles/animations\"\nimport Footer from \"./footer\"\n// @ts-ignore\nimport ContactMDX from \"../sections/contact\"\n\nconst Contact = ({ offset, factor = 1 }: { offset: number; factor?: number }) => (\n  <div>\n    <Divider fill=\"divider\" speed={0.2} offset={offset} factor={factor}>\n      <div sx={{ position: `absolute`, bottom: 0, width: `full`, transform: `matrix(1, 0, 0, -1, 0, 0)` }}>\n        <div\n          sx={{\n            position: `relative`,\n            height: `full`,\n            svg: { width: `100%`, height: `40vh` },\n            path: { animation: waveAnimation(`20s`) },\n          }}\n        >\n          <svg xmlns=\"http://www.w3.org/2000/svg\" id=\"contact-wave\" viewBox=\"0 0 800 338.05\" preserveAspectRatio=\"none\">\n            <path>\n              <animate\n                attributeName=\"d\"\n                values=\"M 0 100 Q 250 50 400 200 Q 550 350 800 300 L 800 0 L 0 0 L 0 100 Z;M 0 100 Q 200 150 400 200 Q 600 250 800 300 L 800 0 L 0 0 L 0 100 Z;M 0 100 Q 150 350 400 200 Q 650 50 800 300 L 800 0 L 0 0 L 0 100 Z\"\n                repeatCount=\"indefinite\"\n                dur=\"30s\"\n              />\n            </path>\n          </svg>\n        </div>\n      </div>\n    </Divider>\n    <Content speed={0.4} offset={offset} factor={factor}>\n      <Inner>\n        <ContactMDX />\n      </Inner>\n      <Footer />\n    </Content>\n    <Divider speed={0.1} offset={offset} factor={factor}>\n      <UpDown>\n        <Svg icon=\"upDown\" hiddenMobile width={8} color=\"icon_darkest\" left=\"70%\" top=\"20%\" />\n        <Svg icon=\"triangle\" width={8} stroke color=\"icon_darkest\" left=\"25%\" top=\"5%\" />\n      </UpDown>\n      <UpDownWide>\n        <Svg icon=\"triangle\" width={12} stroke color=\"icon_brightest\" left=\"95%\" top=\"50%\" />\n        <Svg icon=\"circle\" width={6} color=\"icon_brightest\" left=\"85%\" top=\"15%\" />\n        <Svg icon=\"upDown\" hiddenMobile width={8} color=\"icon_darkest\" left=\"45%\" top=\"10%\" />\n      </UpDownWide>\n      <Svg icon=\"circle\" width={6} color=\"icon_brightest\" left=\"4%\" top=\"20%\" />\n      <Svg icon=\"circle\" width={12} color=\"icon_darkest\" left=\"70%\" top=\"60%\" />\n      <Svg icon=\"box\" width={12} color=\"icon_darkest\" left=\"20%\" top=\"30%\" />\n      <Svg icon=\"hexa\" width={8} stroke color=\"icon_darkest\" left=\"80%\" top=\"70%\" />\n    </Divider>\n  </div>\n)\n\nexport default Contact\n","import * as React from \"react\"\nimport { Parallax } from \"@react-spring/parallax\"\nimport Navigation from \"../components/navigation\"\nimport Layout from \"../components/layout\"\nimport Hero from \"../components/hero\"\nimport Projects from \"../components/projects\"\nimport About from \"../components/about\"\nimport Contact from \"../components/contact\"\n\nconst Cara = () => (\n  <Layout>\n    <Navigation />\n    <Parallax pages={4}>\n      <Hero offset={0} factor={1} />\n      <Projects offset={1} factor={2} />\n      {/* <About offset={3} factor={1} /> */}\n      <Contact offset={3} factor={1} />\n    </Parallax>\n  </Layout>\n)\n\nexport default Cara\n"],"names":["hidden","icons","triangle","shape","strokeWidth","strokeLinejoin","strokeMiterlimit","points","viewBox","circle","d","arrowUp","upDown","box","hexa","cross","stroke","color","width","icon","left","top","hiddenMobile","sx","position","fill","display","speed","offset","factor","bg","clipPath","children","className","height","background","backgroundColor","_taggedTemplateLiteralLoose","strings","raw","slice","wave","keyframes","upDownWide","upDownAnimation","css","upDownWideAnimation","UpDown","UpDownWide","waveAnimation","length","layoutProps","_frontmatter","MDXContent","components","props","mdxType","isMDXComponent","name","variant","ProjectCard","console","warn","title","gridGap","gridTemplateColumns","h2","gridColumn","useColorMode","colorMode","setColorMode","isDark","as","fontWeight","mx","mb","onClick","e","type","Date","getFullYear","justifyContent","alignItems","mt","a","ml","href","src","withPrefix","alt","parentName","bottom","transform","svg","path","animation","xmlns","id","preserveAspectRatio","attributeName","values","repeatCount","dur","pages"],"sourceRoot":""}