{"version":3,"sources":["webpack:///./src/components/common/CryptoIcon.vue?9175","webpack:///./src/components/common/CryptoIcon.vue?b28e","webpack:///src/components/common/CryptoIcon.vue","webpack:///./src/components/common/CryptoIcon.vue?154e","webpack:///./src/components/common/CryptoIcon.vue?9a35","webpack:///./src/pages/about.page.vue?23c8","webpack:///./src/components/icons/question.icon.vue","webpack:///./src/components/icons/question.icon.vue?2dd1","webpack:///./src/components/icons/answer.icon.vue","webpack:///./src/components/icons/answer.icon.vue?dcf4","webpack:///./src/components/icons/chev-down-outlined.icon.vue","webpack:///./src/components/icons/chev-down-outlined.icon.vue?ac31","webpack:///src/pages/about.page.vue","webpack:///./src/pages/about.page.vue?d4d1","webpack:///./src/pages/about.page.vue","webpack:///./src/pages/about.page.vue?cb3d"],"names":["YEN","OAS","ETH","Ethereum","POL","Polygon","BNB","BNBSmartChain","ASTR","AstarNetwork","SBY","AVAX","TCG","HOMEDSE","MCH","TCGC","Avalanche","TCGVerse","HOMEVerse","MCHVerse","MCHC","CICC","m","props","symbol","type","required","showText","default","iconCss","useDefaultSymbol","data","SymbolMap","TextMap","computed","iconSvg","this","textToShow","component","_vm","_h","$createElement","_c","_self","staticClass","tag","class","_v","_s","_e","staticRenderFns","attrs","components","CryptoIcon","QuestionIcon","AnswerIcon","ChevronDown","chains","currencies","faqs","question","answer","isOpen","methods","handleOpen","index","console","formatCurrencyName","currency","formatChainName","chain","on","$router","push","$t","_l","key","domProps","faq","ref","refInFor"],"mappings":"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","file":"js/chunk-095f8f94.64c1f5f3.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CryptoIcon.vue?vue&type=style&index=0&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('span',{staticClass:\"space-x-2\"},[_c(_vm.iconSvg,{tag:\"component\",class:_vm.iconCss}),(_vm.showText)?_c('span',{staticClass:\"text-lg font-medium relative top-0.5 shadow-text\"},[_vm._v(_vm._s(_vm.textToShow))]):_vm._e()],1)}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <span class=\"space-x-2\">\n    <component\n      :is=\"iconSvg\"\n      :class=\"iconCss\"\n    ></component>\n    <span\n      v-if=\"showText\"\n      class=\"text-lg font-medium relative top-0.5 shadow-text\"\n      >{{ textToShow }}</span\n    >\n  </span>\n</template>\n\n<script>\nimport YEN from '@/components/icons/yen.icon.vue';\nimport ETH from '@/components/icons/eth.icon.vue';\nimport Ethereum from '@/components/icons/eth.icon.vue';\nimport POL from '@/components/icons/matic.icon.vue';\nimport Polygon from '@/components/icons/matic.icon.vue';\nimport BNB from '@/components/icons/bnb.icon.vue';\nimport BNBSmartChain from '@/components/icons/bnb.icon.vue';\nimport ASTR from '@/components/icons/astr.icon.vue';\nimport AstarNetwork from '@/components/icons/astr.icon.vue';\nimport AVAX from '@/components/icons/avax.icon.vue';\nimport Avalanche from '@/components/icons/avax.icon.vue';\nimport OAS from '@/components/icons/oas.icon.vue';\nimport TCG from '@/components/icons/tcgt.icon.vue';\nimport HOMEDSE from '@/components/icons/homeverse.icon.vue';\nimport TCGVerse from '@/components/icons/tcgt.icon.vue';\nimport HOMEVerse from '@/components/icons/homeverse.icon.vue';\nimport MCH from '@/components/icons/mch.icon.vue';\nimport MCHVerse from '@/components/icons/mch.icon.vue';\nimport CICC from '@/components/icons/cicc.icon.vue';\nconst SymbolMap = {\n  YEN,\n  OAS,\n  ETH,\n  Ethereum,\n  POL,\n  Polygon,\n  BNB,\n  BNBSmartChain,\n  ASTR,\n  AstarNetwork,\n  SBY: ASTR,\n  AVAX,\n  TCG,\n  HOMEDSE,\n  MCH,\n  TCGC: TCG,\n  Avalanche,\n  TCGVerse,\n  HOMEVerse,\n  MCHVerse,\n  MCHC: MCH,\n  CICC,\n};\nconst TextMap = {\n  HOMEDSE: 'OAS',\n  TCG: 'OAS',\n  MCH: 'OAS',\n};\nexport default {\n  props: {\n    symbol: {\n      type: String,\n      required: true,\n    },\n    showText: {\n      type: Boolean,\n      default: false,\n    },\n    iconCss: {\n      type: String,\n      default: () => 'w-7 h-7 inline-block',\n    },\n    useDefaultSymbol: {\n      type: Boolean,\n      default: true,\n    },\n  },\n  data() {\n    return {\n      SymbolMap,\n      TextMap,\n    };\n  },\n  computed: {\n    iconSvg() {\n      return this.SymbolMap[this.symbol];\n    },\n    textToShow() {\n      return this.useDefaultSymbol && this.TextMap[this.symbol]\n        ? this.TextMap[this.symbol]\n        : this.symbol;\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\">\n.shadow-text {\n  text-shadow: 0px 3px 3px #000000;\n}\n</style>\n","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CryptoIcon.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../../node_modules/thread-loader/dist/cjs.js!../../../node_modules/babel-loader/lib/index.js!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader/lib/index.js??vue-loader-options!./CryptoIcon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./CryptoIcon.vue?vue&type=template&id=773f9b67&\"\nimport script from \"./CryptoIcon.vue?vue&type=script&lang=js&\"\nexport * from \"./CryptoIcon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./CryptoIcon.vue?vue&type=style&index=0&lang=scss&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',{staticClass:\"wrapper-about text-white\"},[_c('div',{staticClass:\"about-section\"},[_c('section',{staticClass:\"breadcrumb py-2\"},[_c('a-breadcrumb',{staticClass:\"w-full\",attrs:{\"separator\":\">\"}},[_c('a-breadcrumb-item',{staticClass:\"cursor-pointer\"},[_c('span',{on:{\"click\":function () { return _vm.$router.push('/'); }}},[_vm._v(_vm._s(_vm.$t('HOME_BREAD_CRUMB_TEXT')))])]),_c('a-breadcrumb-item',{attrs:{\"href\":\"#\"}},[_vm._v(_vm._s(_vm.$t('ABOUT_ZAIFINO')))])],1)],1)]),_c('div',{staticClass:\"support-chains pt-24 pb-16 bg-purpleDark\"},[_c('div',{staticClass:\"about-section\"},[_c('div',{staticClass:\"title text-3xl font-semibold\"},[_vm._v(_vm._s(_vm.$t('ABOUT_TITLE')))]),_c('div',{staticClass:\"radient-purple-box mb-10\"},[_c('div',[_vm._v(_vm._s(_vm.$t('ABOUT_CHAINS_SUPPORTED')))]),_c('div',{staticClass:\"grid-container\"},_vm._l((_vm.chains),function(chain){return _c('div',{key:chain,staticClass:\"chain-currencies-icon\"},[_c('CryptoIcon',{attrs:{\"iconCss\":\"w-24 h-24\",\"symbol\":chain}}),_c('div',{staticClass:\"text-base font-thin tracking-widest overflow-hidden whitespace-nowrap text-overflow-ellipsis\"},[_vm._v(_vm._s(_vm.formatChainName(chain)))])],1)}),0)]),_c('div',{staticClass:\"radient-purple-box mb-10\"},[_c('div',[_vm._v(_vm._s(_vm.$t('ABOUT_CHAINS_CURRENCIES')))]),_c('div',{staticClass:\"grid-container\"},_vm._l((_vm.currencies),function(currency){return _c('div',{key:currency,staticClass:\"chain-currencies-icon\"},[_c('CryptoIcon',{attrs:{\"iconCss\":\"w-24 h-24\",\"symbol\":currency}}),_c('div',{staticClass:\"text-base font-thin tracking-widest overflow-hidden whitespace-nowrap text-overflow-ellipsis\",domProps:{\"innerHTML\":_vm._s(_vm.formatCurrencyName(currency))}})],1)}),0)]),_c('div',{staticClass:\"radient-purple-box\"},[_c('div',[_vm._v(_vm._s(_vm.$t('ABOUT_NFT_TYPE_SUPPORTED')))]),_c('div',{staticClass:\"text-center text-2xl mt-1\"},[_vm._v(\"ERC - 721\")])])])]),_c('div',{staticClass:\"about-section\"},[_c('div',{staticClass:\"title text-3xl font-semibold mt-14\"},[_vm._v(_vm._s(_vm.$t('ABOUT_FAQ_TITLE')))]),_c('div',{staticClass:\"bg-purpleDark p-16 rounded-2xl mt-11\"},_vm._l((_vm.faqs),function(faq,index){return _c('div',{key:index,staticClass:\"mb-7 w-full radient-purple-box decrease-padding\"},[_c('div',{staticClass:\"question text-2xl font-semibold flex items-center space-x-4\",on:{\"click\":function () { return _vm.handleOpen(index); }}},[_c('div',[_c('QuestionIcon')],1),_c('div',{staticClass:\"flex-grow\"},[_vm._v(_vm._s(_vm.$t(faq.question)))]),_c('div',{ref:(\"chevronToggle\" + index),refInFor:true,staticClass:\"chevron-toggle\"},[_c('ChevronDown')],1)]),_c('transition',{attrs:{\"name\":\"slide-fade\"}},[(faq.isOpen)?_c('div',{staticClass:\"text-lg font-thin answer mt-1 flex space-x-4\"},[_c('div',{staticClass:\"answer-icon\"},[_c('AnswerIcon')],1),_c('div',{staticClass:\"flex-grow bg-purpleDark px-5 py-4 rounded-2xl\"},[_vm._v(_vm._s(_vm.$t(faq.answer)))])]):_vm._e()])],1)}),0)])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./question.icon.vue?vue&type=template&id=416f9614&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"width\":\"50\",\"height\":\"50\",\"viewBox\":\"0 0 50 50\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('g',{attrs:{\"clip-path\":\"url(#clip0_42_507)\"}},[_c('path',{attrs:{\"d\":\"M25 50C38.8071 50 50 38.8071 50 25C50 11.1929 38.8071 0 25 0C11.1929 0 0 11.1929 0 25C0 38.8071 11.1929 50 25 50Z\",\"fill\":\"#2A61E9\"}}),_c('path',{attrs:{\"d\":\"M31.83 42.61C30.16 41.45 28.25 39.37 26.79 37.63C26.59 37.73 25.67 37.8 25.05 37.8C17.65 37.8 12.78 32.52 12.78 23.86C12.78 15.2 17.65 10.05 25.05 10.05C32.45 10.05 37.25 15.47 37.25 23.86C37.25 29.08 35.38 33.06 32.31 35.42C33.64 36.85 35.24 38.18 37.42 39.54L31.83 42.61V42.61ZM25.05 15.13C21.85 15.13 19.02 18.2 19.02 23.86C19.02 29.52 21.64 32.72 25.05 32.72C28.46 32.72 30.98 29.52 30.98 23.86C30.98 18.2 28.46 15.13 25.05 15.13Z\",\"fill\":\"white\"}})]),_c('defs',[_c('clipPath',{attrs:{\"id\":\"clip0_42_507\"}},[_c('rect',{attrs:{\"width\":\"50\",\"height\":\"50\",\"fill\":\"white\"}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./answer.icon.vue?vue&type=template&id=0ee06068&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"width\":\"50\",\"height\":\"50\",\"viewBox\":\"0 0 50 50\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('g',{attrs:{\"clip-path\":\"url(#clip0_42_538)\"}},[_c('path',{attrs:{\"d\":\"M25 50C38.8071 50 50 38.8071 50 25C50 11.1929 38.8071 0 25 0C11.1929 0 0 11.1929 0 25C0 38.8071 11.1929 50 25 50Z\",\"fill\":\"#E01E95\"}}),_c('path',{attrs:{\"d\":\"M31.51 37.69L29.46 31.45H20.46L18.35 37.69H12.15L21.04 11.1H28.95L37.81 37.69H31.5H31.51ZM25.03 17.07H24.83C24.42 19.59 22.61 24.77 22.14 26.24H27.76C27.32 24.81 25.44 19.59 25.03 17.07Z\",\"fill\":\"white\"}})]),_c('defs',[_c('clipPath',{attrs:{\"id\":\"clip0_42_538\"}},[_c('rect',{attrs:{\"width\":\"50\",\"height\":\"50\",\"fill\":\"white\"}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","import { render, staticRenderFns } from \"./chev-down-outlined.icon.vue?vue&type=template&id=5993a11e&\"\nvar script = {}\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  null,\n  null\n  \n)\n\nexport default component.exports","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('svg',{attrs:{\"width\":\"44\",\"height\":\"44\",\"viewBox\":\"0 0 44 44\",\"fill\":\"none\",\"xmlns\":\"http://www.w3.org/2000/svg\"}},[_c('g',{attrs:{\"clip-path\":\"url(#clip0_42_523)\"}},[_c('path',{attrs:{\"d\":\"M22 40.48C11.81 40.48 3.52 32.19 3.52 22C3.52 11.81 11.81 3.52 22 3.52C32.19 3.52 40.48 11.81 40.48 22C40.48 32.19 32.19 40.48 22 40.48ZM22 44C34.15 44 44 34.15 44 22C44 9.85 34.15 -8.61114e-07 22 -1.9233e-06C9.85 -2.98549e-06 2.98549e-06 9.84999 1.9233e-06 22C8.61114e-07 34.15 9.85 44 22 44Z\",\"fill\":\"white\"}}),_c('path',{attrs:{\"d\":\"M16.67 25.36L22 20.03L27.33 25.36C28.17 26.2 29.54 26.2 30.39 25.36C31.23 24.52 31.23 23.15 30.39 22.3L23.81 15.72C22.81 14.72 21.19 14.72 20.19 15.72L13.61 22.3C12.77 23.14 12.77 24.51 13.61 25.36C14.45 26.2 15.82 26.2 16.67 25.36Z\",\"fill\":\"white\"}})]),_c('defs',[_c('clipPath',{attrs:{\"id\":\"clip0_42_523\"}},[_c('rect',{attrs:{\"width\":\"44\",\"height\":\"44\",\"fill\":\"white\",\"transform\":\"translate(44 44) rotate(-180)\"}})])])])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div class=\"wrapper-about text-white\">\n    <div class=\"about-section\">\n      <section class=\"breadcrumb py-2\">\n        <a-breadcrumb\n          separator=\">\"\n          class=\"w-full\"\n        >\n          <a-breadcrumb-item class=\"cursor-pointer\"\n            ><span @click=\"() => $router.push('/')\">{{\n              $t('HOME_BREAD_CRUMB_TEXT')\n            }}</span></a-breadcrumb-item\n          >\n          <a-breadcrumb-item href=\"#\">{{ $t('ABOUT_ZAIFINO') }}</a-breadcrumb-item>\n        </a-breadcrumb>\n      </section>\n    </div>\n    <div class=\"support-chains pt-24 pb-16 bg-purpleDark\">\n      <div class=\"about-section\">\n        <div class=\"title text-3xl font-semibold\">{{ $t('ABOUT_TITLE') }}</div>\n        <div class=\"radient-purple-box mb-10\">\n          <div>{{ $t('ABOUT_CHAINS_SUPPORTED') }}</div>\n          <div class=\"grid-container\">\n            <div\n              class=\"chain-currencies-icon\"\n              v-for=\"chain in chains\"\n              :key=\"chain\" \n            >\n              <CryptoIcon\n                iconCss=\"w-24 h-24\"\n                :symbol=\"chain\"\n              ></CryptoIcon>\n              <div class=\"text-base font-thin tracking-widest overflow-hidden whitespace-nowrap text-overflow-ellipsis\">{{ formatChainName(chain)  }}</div>\n            </div>\n          </div>\n        </div>\n        <div class=\"radient-purple-box mb-10\">\n          <div>{{ $t('ABOUT_CHAINS_CURRENCIES') }}</div>\n            <div class=\"grid-container\">\n              <div\n                class=\"chain-currencies-icon\"\n                v-for=\"currency in currencies\"\n                :key=\"currency\"\n              >\n              <CryptoIcon\n                iconCss=\"w-24 h-24\"\n                :symbol=\"currency\"\n              ></CryptoIcon>\n              <div \n                class=\"text-base font-thin tracking-widest overflow-hidden whitespace-nowrap text-overflow-ellipsis\"\n                v-html=\"formatCurrencyName(currency)\"\n              ></div>\n            </div>\n          </div>\n        </div>\n        <div class=\"radient-purple-box\">\n          <div>{{ $t('ABOUT_NFT_TYPE_SUPPORTED') }}</div>\n          <div class=\"text-center text-2xl mt-1\">ERC - 721</div>\n        </div>\n      </div>\n    </div>\n    <div class=\"about-section\">\n      <div class=\"title text-3xl font-semibold mt-14\">{{ $t('ABOUT_FAQ_TITLE') }}</div>\n      <div class=\"bg-purpleDark p-16 rounded-2xl mt-11\">\n        <div\n          class=\"mb-7 w-full radient-purple-box decrease-padding\"\n          v-for=\"(faq, index) in faqs\"\n          :key=\"index\"\n        >\n          <div\n            @click=\"() => handleOpen(index)\"\n            class=\"question text-2xl font-semibold flex items-center space-x-4\"\n          >\n            <div>\n              <QuestionIcon></QuestionIcon>\n            </div>\n            <div class=\"flex-grow\">{{ $t(faq.question) }}</div>\n            <div\n              :ref=\"`chevronToggle${index}`\"\n              class=\"chevron-toggle\"\n            >\n              <ChevronDown></ChevronDown>\n            </div>\n          </div>\n          <transition name=\"slide-fade\">\n            <div\n              v-if=\"faq.isOpen\"\n              class=\"text-lg font-thin answer mt-1 flex space-x-4\"\n            >\n              <div class=\"answer-icon\"><AnswerIcon></AnswerIcon></div>\n              <div class=\"flex-grow bg-purpleDark px-5 py-4 rounded-2xl\">{{ $t(faq.answer) }}</div>\n            </div>\n          </transition>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script>\nimport CryptoIcon from '@/components/common/CryptoIcon.vue';\nimport QuestionIcon from '@/components/icons/question.icon.vue';\nimport AnswerIcon from '@/components/icons/answer.icon.vue';\nimport ChevronDown from '@/components/icons/chev-down-outlined.icon.vue';\n\nexport default {\n  components: { CryptoIcon, QuestionIcon, AnswerIcon, ChevronDown },\n  data() {\n    return {\n      chains: ['Ethereum', 'Polygon', 'BNBSmartChain', 'AstarNetwork', 'Avalanche', 'TCGVerse', 'MCHVerse', 'HOMEVerse'],\n      currencies:['YEN','ETH', 'POL', 'BNB', 'ASTR', 'AVAX', 'OAS', 'CICC'],\n      faqs: [\n        {\n          question: 'ABOUT_QUESTION_1',\n          answer: 'ABOUT_ANSWER_1',\n          isOpen: false,\n        },\n        {\n          question: 'ABOUT_QUESTION_2',\n          answer: 'ABOUT_ANSWER_2',\n          isOpen: false,\n        },\n        {\n          question: 'ABOUT_QUESTION_3',\n          answer: 'ABOUT_ANSWER_3',\n          isOpen: false,\n        },\n        {\n          question: 'ABOUT_QUESTION_4',\n          answer: 'ABOUT_ANSWER_4',\n          isOpen: false,\n        },\n        {\n          question: 'ABOUT_QUESTION_5',\n          answer: 'ABOUT_ANSWER_5',\n          isOpen: false,\n        },\n      ],\n    };\n  },\n  methods: {\n    handleOpen(index) {\n      this.faqs[index].isOpen = !this.faqs[index].isOpen;\n      console.log(this.$refs[`chevronToggle${index}`][0].classList.toggle('rotate-arrow'));\n    },\n    // 表示用の通貨名を整形するメソッド\n    formatCurrencyName(currency) {\n      // ここで`currency`の値に応じた整形を行う\n      if(currency === 'YEN') return '日本円<br>(クレジットカード決済)';\n      return currency;\n    },\n\n    // 表示用のチェーン名を整形するメソッド\n    formatChainName(chain) {\n      // ここで`chain`の値に応じた整形を行う\n      if(chain === 'BNBSmartChain') return 'BNB Smart Chain';\n      if(chain === 'AstarNetwork') return 'Astar Network';\n      if(chain === 'MCHVerse') return 'MCH Verse';\n      if(chain === 'TCGVerse') return 'TCG Verse';\n      if(chain === 'HOMEVerse') return 'HOME Verse';\n      return chain;\n    },\n  },\n};\n</script>\n\n<style\n  lang=\"scss\"\n  scoped\n>\n.wrapper-about {\n  @apply w-full;\n  @apply bg-purple-bg;\n}\n.about-section {\n  @apply py-2 px-8;\n  @apply mx-auto;\n  max-width: 100%;\n  @screen lg {\n    max-width: 957px;\n  }\n  ::v-deep.breadcrumb {\n    .ant-breadcrumb {\n      span {\n        .ant-breadcrumb-link {\n          @apply text-white;\n        }\n        .ant-breadcrumb-separator {\n          color: #fff;\n        }\n      }\n    }\n  }\n  .radient-purple-box {\n    background: linear-gradient(\n      92.99deg,\n      rgba(77, 91, 164, 0.3) 5.41%,\n      rgba(128, 97, 205, 0.227038) 34.47%,\n      rgba(77, 74, 186, 0.175914) 61.19%,\n      rgba(57, 26, 122, 0.3) 95.4%\n    );\n    @apply p-8;\n    @apply rounded-2xl;\n    @apply font-medium;\n    @apply text-lg;\n  }\n\n  .question {\n    min-height: 80px;\n    @apply cursor-pointer;\n  }\n  .answer {\n    &-icon {\n      @apply mt-2;\n    }\n  }\n  .decrease-padding {\n    padding-top: 8px;\n    padding-bottom: 8px;\n  }\n\n  .slide-fade-enter-active {\n    animation: slide-fade-in 0.3s;\n  }\n  .slide-fade-leave-active {\n    animation: slide-fade-in 0.3s reverse;\n  }\n  @keyframes slide-fade-in {\n    0% {\n      transform: scaleY(0);\n      max-height: 0px;\n      transform-origin: top center;\n    }\n    100% {\n      transform: scaleY(1);\n      max-height: 1500px;\n      transform-origin: top center;\n    }\n  }\n  .chevron-toggle {\n    transition: transform 0.3s;\n  }\n\n  .rotate-arrow {\n    transform: rotate(180deg);\n  }\n\n.grid-container {\n  display: grid;\n  grid-template-columns: repeat(4, 1fr);\n  gap: 1rem;\n  padding: 1rem;\n  max-width: 100%;\n  margin: 0 auto;\n  background-color: rgba(57, 26, 122, 0.3);\n}\n\n.chain-currencies-icon {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  justify-content: center;\n  text-align: center;\n  padding: 0.5rem;\n}\n\n.chain-currencies-icon img {\n  width: 100%;\n  max-width: 80px;\n  height: auto;\n}\n\n@media (max-width: 768px) {\n  .grid-container {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 0.5rem;\n    padding: 0.5rem;\n  }\n\n  .chain-currencies-icon {\n    padding: 0.25rem;\n  }\n\n  .chain-currencies-icon img {\n    max-width: 50px;\n  }\n\n  .chain-currencies-icon .text-base {\n    font-size: 0.75rem;\n  }\n}\n\n@media (max-width: 480px) {\n  .grid-container {\n    grid-template-columns: repeat(2, 1fr);\n    gap: 0.25rem; \n    padding: 0.25rem; \n  }\n\n  .chain-currencies-icon img {\n    max-width: 30px;\n  }\n\n  .chain-currencies-icon .text-base {\n    font-size: 0.65rem;\n  }\n}\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./about.page.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--13-0!../../node_modules/thread-loader/dist/cjs.js!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./about.page.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./about.page.vue?vue&type=template&id=4ef16bc8&scoped=true&\"\nimport script from \"./about.page.vue?vue&type=script&lang=js&\"\nexport * from \"./about.page.vue?vue&type=script&lang=js&\"\nimport style0 from \"./about.page.vue?vue&type=style&index=0&id=4ef16bc8&lang=scss&scoped=true&\"\n\n\n/* normalize component */\nimport normalizer from \"!../../node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"4ef16bc8\",\n  null\n  \n)\n\nexport default component.exports","export * from \"-!../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--9-oneOf-1-0!../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../node_modules/vue-loader/lib/loaders/stylePostLoader.js!../../node_modules/postcss-loader/src/index.js??ref--9-oneOf-1-2!../../node_modules/sass-loader/dist/cjs.js??ref--9-oneOf-1-3!../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./about.page.vue?vue&type=style&index=0&id=4ef16bc8&lang=scss&scoped=true&\""],"sourceRoot":""}