{"version":3,"sources":["webpack:///./src/components/singles/landing/AnimatedBackground.vue?4481","webpack:///./src/components/globals/CryptoContainer.vue","webpack:///./src/components/globals/CryptoContainer.vue?f539","webpack:///./src/components/singles/landing/best-flex-section/BestFlexSectionAnimatedImages.vue?342a","webpack:///./src/components/singles/landing/AnimatedImagesSection.vue","webpack:///./src/components/singles/landing/best-flex-section/BestFlexSectionAnimatedImages.vue","webpack:///./src/components/singles/landing/best-flex-section/BestFlexSectionAnimatedImages.vue?cabf","webpack:///./src/components/singles/landing/AnimatedBackground.vue","webpack:///./src/components/singles/landing/AnimatedBackground.vue?d5cc","webpack:///./src/components/singles/landing/AnimatedImagesSection.vue?15bf"],"names":["class","name","__exports__","render","i","key","ref","setItemRef","style","data","itemRefs","methods","el","this","push","beforeUpdate","components","AnimatedBackground","BestFlexSectionAnimatedImages","CryptoContainer"],"mappings":"kHAAA,W,8ECCOA,MAAM,0D,wDAAX,gCAEM,MAFN,EAEM,CADJ,wBAAQ,sBAKG,OACbC,KAAM,mB,qBCHR,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,U,kCCPf,W,mFCCOH,MAAM,qB,sOAAX,gCAKM,MALN,EAKM,CAJJ,yBAAsB,GACtB,yBAEkB,GAFDA,MAAM,YAAU,C,8BAC/B,iBAA+C,CAA/C,yBAA+C,GAAhBA,MAAM,c,2BCHpCA,MAAM,yB,6iBACT,G,wDADF,gCAgBM,MAhBN,EAgBM,GAIO,OACbC,KAAM,iC,iCCfR,MAAMC,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,Q,GCPXF,MAAM,wE,wDADR,gCAYM,MAZN,EAYM,E,yBATJ,gCAQE,2CANY,KAAG,SAARI,G,OAFT,gCAQE,OAPAJ,MAAM,QAELK,IAAKD,E,WACLE,IAAK,EAAAC,WACLC,MAAK,6B,eAA4B,KAAK,KAAgB,IAAX,KAAK,UAAM,Q,kBAQ9C,OACbP,KAAM,qBAENQ,KAHa,WAIX,MAAO,CACLC,SAAU,KAIdC,QAAS,CACPJ,WADO,SACIK,GACLA,GACFC,KAAKH,SAASI,KAAKF,KAKzBG,aAjBa,WAkBXF,KAAKH,SAAW,K,UC5BpB,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,QJKA,GACbT,KAAM,wBAENe,WAAY,CACVC,qBACAC,gCACAC,kBAAA,OKfJ,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAAShB,KAErD","file":"js/chunk-fce4b982.1f82aee2.js","sourcesContent":["export * from \"-!../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--6-oneOf-1-0!../../../../node_modules/css-loader/dist/cjs.js??ref--6-oneOf-1-1!../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../node_modules/postcss-loader/src/index.js??ref--6-oneOf-1-2!../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./AnimatedBackground.vue?vue&type=style&index=0&id=f65d9192&scoped=true&lang=css\"","<template>\n  <div class=\"max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-white py-8\">\n    <slot />\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"CryptoContainer\",\n};\n</script>\n","import { render } from \"./CryptoContainer.vue?vue&type=template&id=62a457a5\"\nimport script from \"./CryptoContainer.vue?vue&type=script&lang=js\"\nexport * from \"./CryptoContainer.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/opt/build/repo/frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","export * from \"-!../../../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--8-oneOf-1-0!../../../../../node_modules/css-loader/dist/cjs.js??ref--8-oneOf-1-1!../../../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../../../node_modules/postcss-loader/src/index.js??ref--8-oneOf-1-2!../../../../../node_modules/sass-loader/dist/cjs.js??ref--8-oneOf-1-3!../../../../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../../../../node_modules/vue-loader-v16/dist/index.js??ref--0-1!./BestFlexSectionAnimatedImages.vue?vue&type=style&index=0&id=6f9948ca&lang=scss&scoped=true\"","<template>\n  <div class=\"lg:mb-16 relative\">\n    <AnimatedBackground />\n    <CryptoContainer class=\"relative\">\n      <BestFlexSectionAnimatedImages class=\"py-16\" />\n    </CryptoContainer>\n  </div>\n</template>\n\n<script>\nimport CryptoContainer from \"@/components/globals/CryptoContainer\";\nimport BestFlexSectionAnimatedImages from \"@/components/singles/landing/best-flex-section/BestFlexSectionAnimatedImages\";\nimport AnimatedBackground from \"@/components/singles/landing/AnimatedBackground\";\n\nexport default {\n  name: \"AnimatedImagesSection\",\n\n  components: {\n    AnimatedBackground,\n    BestFlexSectionAnimatedImages,\n    CryptoContainer,\n  },\n};\n</script>\n","<template>\n  <div class=\"flex w-full flex-wrap\">\n    <div class=\"gif-container\">\n      <div id=\"growth\" class=\"gif\" />\n    </div>\n    <div class=\"icon-container\">\n      <i class=\"nes-icon caret-right caret\" />\n    </div>\n    <div class=\"gif-container\">\n      <div id=\"stonks\" class=\"gif\" />\n    </div>\n    <div class=\"icon-container\">\n      <i class=\"nes-icon caret-right caret\" />\n    </div>\n    <div class=\"gif-container\">\n      <div id=\"lambo\" class=\"gif\" />\n    </div>\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"BestFlexSectionAnimatedImages\",\n};\n</script>\n\n<style lang=\"scss\" scoped>\n.gap-icon {\n  @apply flex-shrink-0 h-36 w-36 lg:h-12 lg:w-12 text-blueish mx-4;\n}\n\n.icon-container {\n  @apply flex-shrink-0 flex items-center w-full lg:w-max justify-center rotate-90 lg:rotate-0 px-4;\n}\n\n.gif {\n  @apply w-full rounded-md;\n  padding-top: 50%; // 2:1 Aspect Ratio\n}\n\n#growth {\n  background: url(\"/landing/best-flex-section/growth.gif\");\n  background-size: 100%;\n}\n\n#stonks {\n  background: url(\"/landing/best-flex-section/stonks.gif\");\n  background-size: 100%;\n}\n\n#lambo {\n  background: url(\"/landing/best-flex-section/lambo.gif\");\n  background-size: 100%;\n}\n\n.gif-container {\n  @apply flex-grow w-full lg:w-max;\n}\n\n.caret {\n  @apply text-blueish;\n\n  transform: scale(3);\n  margin: 0 2rem;\n}\n\n@media (max-width: 768px) {\n  .caret {\n    margin: 2rem 0;\n  }\n}\n</style>\n","import { render } from \"./BestFlexSectionAnimatedImages.vue?vue&type=template&id=6f9948ca&scoped=true\"\nimport script from \"./BestFlexSectionAnimatedImages.vue?vue&type=script&lang=js\"\nexport * from \"./BestFlexSectionAnimatedImages.vue?vue&type=script&lang=js\"\n\nimport \"./BestFlexSectionAnimatedImages.vue?vue&type=style&index=0&id=6f9948ca&lang=scss&scoped=true\"\n\nimport exportComponent from \"/opt/build/repo/frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-6f9948ca\"]])\n\nexport default __exports__","<template>\n  <div\n    class=\"absolute inset-0 inline-flex flex-wrap overflow-hidden content-start\"\n  >\n    <div\n      class=\"pixel\"\n      v-for=\"i in 400\"\n      :key=\"i\"\n      :ref=\"setItemRef\"\n      :style=\"{\n        animationDelay: Math.ceil(Math.random() * 5000) + 'ms',\n      }\"\n    />\n  </div>\n</template>\n\n<script>\nexport default {\n  name: \"AnimatedBackground\",\n\n  data() {\n    return {\n      itemRefs: [],\n    };\n  },\n\n  methods: {\n    setItemRef(el) {\n      if (el) {\n        this.itemRefs.push(el);\n      }\n    },\n  },\n\n  beforeUpdate() {\n    this.itemRefs = [];\n  },\n};\n</script>\n\n<style scoped>\n.pixel {\n  background: #701fe8;\n  width: 12.5vw;\n  height: 12.5vw;\n  opacity: 0;\n  animation: blink 5s infinite;\n}\n\n@media (min-width: 768px) {\n  .pixel {\n    width: 2.5vw;\n    height: 2.5vw;\n  }\n}\n\n@keyframes blink {\n  0% {\n    opacity: 0;\n  }\n  25% {\n    opacity: 0;\n  }\n  50% {\n    opacity: 0.25;\n  }\n  100% {\n    opacity: 0;\n  }\n}\n</style>\n","import { render } from \"./AnimatedBackground.vue?vue&type=template&id=f65d9192&scoped=true\"\nimport script from \"./AnimatedBackground.vue?vue&type=script&lang=js\"\nexport * from \"./AnimatedBackground.vue?vue&type=script&lang=js\"\n\nimport \"./AnimatedBackground.vue?vue&type=style&index=0&id=f65d9192&scoped=true&lang=css\"\n\nimport exportComponent from \"/opt/build/repo/frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-f65d9192\"]])\n\nexport default __exports__","import { render } from \"./AnimatedImagesSection.vue?vue&type=template&id=73e86573\"\nimport script from \"./AnimatedImagesSection.vue?vue&type=script&lang=js\"\nexport * from \"./AnimatedImagesSection.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/opt/build/repo/frontend/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__"],"sourceRoot":""}