{"version":3,"sources":["webpack:///./src/pages/account-gateway/hero.vue?1796","webpack:///./src/pages/account-gateway/main.vue","webpack:///./src/pages/account-gateway/hero.vue","webpack:///./src/pages/account-gateway/hero.vue?eaa7","webpack:///./src/pages/account-gateway/main.vue?527d","webpack:///./src/assets/icons/account-gateway/professional.svg","webpack:///./src/assets/icons/account-gateway/reviewer.svg","webpack:///./src/assets/icons/account-gateway/business.svg"],"names":["_createBlock","_component_hero","class","_hoisted_2","_createElementBlock","_hoisted_3","script","__exports__","components","hero","render","module","exports"],"mappings":"gHAAA,W,iKCCEA,eAAQC,G,sECCFC,MAAM,Q,g1BACVC,G,wCADFC,eAmCO,OAnCP,EAmCOC,G,mCCpCT,MAAMC,EAAS,GAKTC,EAA2B,IAAgBD,EAAQ,CAAC,CAAC,SAAS,GAAQ,CAAC,YAAY,qBAE1E,QFDA,GACbE,WAAY,CACVC,SGJJ,MAAM,EAA2B,IAAgB,EAAQ,CAAC,CAAC,SAASC,KAErD,gB,qBCPfC,EAAOC,QAAU,IAA0B,iC,qBCA3CD,EAAOC,QAAU,IAA0B,6B,qBCA3CD,EAAOC,QAAU,IAA0B","file":"js/chunk-6f2dd094.5c12ca7b.js","sourcesContent":["export * from \"-!../../../node_modules/mini-css-extract-plugin/dist/loader.js??ref--7-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--7-oneOf-1-1!../../../node_modules/vue-loader-v16/dist/stylePostLoader.js!../../../node_modules/postcss-loader/src/index.js??ref--7-oneOf-1-2!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/vue-loader-v16/dist/index.js??ref--1-1!./hero.vue?vue&type=style&index=0&id=b747c1fe&scoped=true&lang=css\"","<template>\n  <hero />\n</template>\n\n<script>\nimport hero from \"./hero\";\n\nexport default {\n  components: {\n    hero,\n  },\n};\n</script>\n\n","<template>\n  <!-- hero section -->\n  <main class=\"hero\">\n    <div class=\"wrapper\">\n      <div class>\n        <h1>Select Account Type</h1>\n      </div>\n\n      <div class=\"experience-grid\">\n        <a href=\"https://app.hayche.net\">\n          <div class=\"experience-item\">\n            <div>\n              <img src=\"@/assets/icons/account-gateway/professional.svg\" alt=\"Proessioanl\" />\n              <p>Professional</p>\n            </div>\n          </div>\n        </a>\n\n        <a href=\"https://business.hayche.net\">\n          <div class=\"experience-item\">\n            <div>\n              <img src=\"@/assets/icons/account-gateway/business.svg\" alt=\"Business\" />\n              <p>Business</p>\n            </div>\n          </div>\n        </a>\n\n        <a href=\"https://review.hayche.net\">\n          <div class=\"experience-item\">\n            <div>\n              <img src=\"@/assets/icons/account-gateway/reviewer.svg\" alt=\"Reviewer\" />\n              <p>Reviewer</p>\n            </div>\n          </div>\n        </a>\n      </div>\n    </div>\n  </main>\n</template>\n\n<style scoped>\n/* start of hero */\n.hero {\n  background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6)),\n    url(\"https://res.cloudinary.com/hayche-network/image/upload/v1646928338/website/images/contact/hero_voivk8.png\");\n  width: 100%;\n  height: 100vh;\n  background-position: center;\n  background-size: cover;\n  background-repeat: no-repeat;\n}\n\n@media (max-width: 768px) {\n  .hero {\n    height: 100%;\n  }\n}\n\n.wrapper {\n  display: grid;\n  place-items: center;\n  height: 600px;\n  place-items: 0 auto;\n  padding-top: 2em;\n  padding-bottom: 2em;\n}\n\n.experience-grid {\n  width: 50%;\n  display: grid;\n  place-items: center;\n  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));\n  gap: 40px;\n}\n\n@media (max-width: 768px) {\n  .experience-grid {\n    width: 60%;\n    margin-top: 1em;\n    margin-bottom: 1em;\n    gap: 10px;\n  }\n}\n\n.experience-item {\n  width: 150px;\n  height: 150px;\n  background: rgba(0, 0, 0, 0.319);\n  border: 1px solid rgba(255, 255, 255, 0.364);\n  box-sizing: border-box;\n  border-radius: 30px;\n  padding-top: 40px;\n  cursor: pointer;\n  transition: background-color 2s, transform 0.5s;\n}\n\n.experience-item:hover {\n  transition: background-color 2s, transform 0.5s;\n\n  transform: rotate(-1deg) scale(1.07);\n}\n\n.experience-item > div {\n  display: grid;\n  display: grid;\n  place-items: center;\n}\n\n.experience-item img {\n  width: 35px;\n  height: 35px;\n  margin-bottom: 1em;\n}\n\n.experience-item p {\n  font-family: \"Optima\";\n  font-style: normal;\n  font-weight: normal;\n  font-size: 20px;\n  line-height: 19px;\n  display: flex;\n  align-items: center;\n  text-align: center;\n  letter-spacing: 0.02em;\n  color: rgba(255, 255, 255, 0.7);\n}\n\nh1 {\n  font-family: \"Optima\";\n  font-style: normal;\n  font-weight: normal;\n  font-size: 25px;\n  display: flex;\n  align-items: center;\n  text-align: center;\n  letter-spacing: 0.01em;\n\n  color: #ffffff;\n}\n\n/* end of hero */\n</style>\n","import { render } from \"./hero.vue?vue&type=template&id=b747c1fe&scoped=true\"\nconst script = {}\n\nimport \"./hero.vue?vue&type=style&index=0&id=b747c1fe&scoped=true&lang=css\"\n\nimport exportComponent from \"/opt/buildhome/repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render],['__scopeId',\"data-v-b747c1fe\"]])\n\nexport default __exports__","import { render } from \"./main.vue?vue&type=template&id=75caaea0\"\nimport script from \"./main.vue?vue&type=script&lang=js\"\nexport * from \"./main.vue?vue&type=script&lang=js\"\n\nimport exportComponent from \"/opt/buildhome/repo/node_modules/vue-loader-v16/dist/exportHelper.js\"\nconst __exports__ = /*#__PURE__*/exportComponent(script, [['render',render]])\n\nexport default __exports__","module.exports = __webpack_public_path__ + \"img/professional.38068823.svg\";","module.exports = __webpack_public_path__ + \"img/reviewer.13597709.svg\";","module.exports = __webpack_public_path__ + \"img/business.49847774.svg\";"],"sourceRoot":""}