{"version":3,"sources":["webpack:///./src/views/ComingSoon.vue?bb1e","webpack:///./src/views/ComingSoon.vue?07cd","webpack:///src/views/ComingSoon.vue","webpack:///./src/views/ComingSoon.vue?a468","webpack:///./src/views/ComingSoon.vue"],"names":["render","_vm","this","_h","$createElement","_c","_self","staticClass","style","getAsset","type","path","attrs","_v","_l","item","key","id","_e","staticRenderFns","name","components","MediaLink","props","show","Boolean","default","data","computed","created","mediaLinks","mounted","methods","component"],"mappings":"kHAAA,yBAAuiB,EAAG,G,oECA1iB,IAAIA,EAAS,WAAa,IAAIC,EAAIC,KAASC,EAAGF,EAAIG,eAAmBC,EAAGJ,EAAIK,MAAMD,IAAIF,EAAG,OAAQF,EAAQ,KAAEI,EAAG,MAAM,CAACE,YAAY,OAAOC,MAAOP,EAAIQ,SAAS,UAAW,CAAEC,KAAM,MAAOC,KAAM,OAAQH,OAAO,KAAU,CAACH,EAAG,MAAM,CAACE,YAAY,aAAa,CAACF,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACF,EAAG,MAAM,CAACO,MAAM,CAAC,IAAM,EAAQ,aAAqCP,EAAG,MAAM,CAACE,YAAY,oBAAoB,CAACN,EAAIY,GAAG,oBAAoBR,EAAG,MAAM,CAACE,YAAY,gBAAgB,CAACN,EAAIY,GAAG,mEAAmER,EAAG,MAAM,CAACE,YAAY,iBAAiB,CAACN,EAAIY,GAAG,mBAAmBR,EAAG,MAAM,CAACE,YAAY,UAAU,CAACF,EAAG,MAAM,CAACE,YAAY,QAAQ,CAACN,EAAIY,GAAG,2DAA2DR,EAAG,MAAM,CAACE,YAAY,UAAUN,EAAIa,GAAIb,EAAc,YAAE,SAASc,GAAM,OAAOV,EAAG,MAAM,CAACW,IAAID,EAAKE,GAAGV,YAAY,gBAAgB,CAACF,EAAG,YAAY,CAACE,YAAY,iBAAiBK,MAAM,CAAC,KAAOG,MAAS,MAAK,SAASd,EAAIiB,MACp9BC,EAAkB,G,4DCQtB,GACEC,KAAM,aACNC,WAAY,CACVC,UAAJ,QAEEC,MAAO,CACLC,KAAM,CACJd,KAAMe,QACNC,SAAS,IAGbC,KAXF,WAYI,MAAO,IAETC,SAAU,OAAZ,OAAY,CAAZ,GACA,0BAEEC,QAjBF,WAkBI3B,KAAK4B,WAAa,EAAtB,MAEEC,QApBF,aAqBEC,QAAS,OAAX,OAAW,CAAX,GACA,mBADA,CAEIvB,SAAJ,UChCuS,I,wBCQnSwB,EAAY,eACd,EACAjC,EACAmB,GACA,EACA,KACA,WACA,MAIa,aAAAc,E","file":"js/chunk-54aad40b.f4b86ac8.js","sourcesContent":["import mod 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/lib/loaders/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/lib/index.js??vue-loader-options!./ComingSoon.vue?vue&type=style&index=0&id=612a5820&scoped=true&lang=scss&\"; export default mod; 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/lib/loaders/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/lib/index.js??vue-loader-options!./ComingSoon.vue?vue&type=style&index=0&id=612a5820&scoped=true&lang=scss&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return (_vm.show)?_c('div',{staticClass:\"root\",style:(_vm.getAsset('bg-game', { type: 'png', path: 'home', style: true }))},[_c('div',{staticClass:\"container\"},[_c('div',{staticClass:\"coming\"},[_c('div',{staticClass:\"coming__logo\"},[_c('img',{attrs:{\"src\":require('@/assets/svg/logo-footer.svg')}})]),_c('div',{staticClass:\"coming__subtitle\"},[_vm._v(\"Killer Rewards\")]),_c('div',{staticClass:\"coming__text\"},[_vm._v(\" Get rewarded for every kill you make in your favorite games \")]),_c('div',{staticClass:\"coming__title\"},[_vm._v(\"Coming Soon\")])]),_c('div',{staticClass:\"bottom\"},[_c('div',{staticClass:\"text\"},[_vm._v(\" Subscribe and stay up to date with the latest news! \")]),_c('div',{staticClass:\"social\"},_vm._l((_vm.mediaLinks),function(item){return _c('div',{key:item.id,staticClass:\"social__item\"},[_c('MediaLink',{staticClass:\"media-link--lg\",attrs:{\"item\":item}})],1)}),0)])])]):_vm._e()}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<script>\nimport { mapState, mapActions } from 'vuex';\n/* components */\nimport MediaLink from '@/components/MediaLink';\n/* tools */\nimport {} from '@/scripts/utils';\nimport { mediaLinks } from '@/scripts/constants/map';\nimport { getAsset } from '@/scripts/utils';\n\nexport default {\n  name: 'ComingSoon',\n  components: {\n    MediaLink,\n  },\n  props: {\n    show: {\n      type: Boolean,\n      default: !false,\n    },\n  },\n  data() {\n    return {};\n  },\n  computed: {\n    ...mapState(['user']),\n  },\n  created() {\n    this.mediaLinks = mediaLinks;\n  },\n  mounted() {},\n  methods: {\n    ...mapActions({}),\n    getAsset,\n  },\n};\n</script>\n\n<template>\n  <div\n    class=\"root\"\n    v-if=\"show\"\n    :style=\"getAsset('bg-game', { type: 'png', path: 'home', style: true })\"\n  >\n    <div class=\"container\">\n      <div class=\"coming\">\n        <div class=\"coming__logo\">\n          <img :src=\"require('@/assets/svg/logo-footer.svg')\" />\n        </div>\n        <div class=\"coming__subtitle\">Killer Rewards</div>\n        <div class=\"coming__text\">\n          Get rewarded for every kill you make in your favorite games\n        </div>\n        <div class=\"coming__title\">Coming Soon</div>\n      </div>\n      <div class=\"bottom\">\n        <div class=\"text\">\n          Subscribe and stay up to date with the latest news!\n        </div>\n        <div class=\"social\">\n          <!-- map -->\n          <div v-for=\"item in mediaLinks\" :key=\"item.id\" class=\"social__item\">\n            <MediaLink :item=\"item\" class=\"media-link--lg\"></MediaLink>\n          </div>\n        </div>\n      </div>\n    </div>\n  </div>\n</template>\n\n<style scoped lang=\"scss\">\n@import '@/styles/variables.scss';\n.root {\n  width: 100%;\n  height: 100%;\n  min-height: 100vh;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  padding: 100px 0 106px;\n  background-repeat: no-repeat;\n  background-position: center;\n  background-size: 1165px;\n  background-color: #0e0e0e;\n  position: relative;\n\n  &:before {\n    content: '';\n    position: absolute;\n    top: 0;\n    left: 0;\n    width: 100%;\n    height: 100%;\n    background: rgba(14, 14, 14, 0.3);\n  }\n}\n\n.container {\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  flex-grow: 1;\n  position: relative;\n}\n\n.coming {\n  width: 100%;\n  max-width: 786px;\n  min-height: 346px;\n  border: solid 1px rgba(255, 193, 7, 0.4);\n  border-bottom: 0;\n  border-radius: 24px;\n  text-align: center;\n  padding: 40px 10px 40px;\n  flex-shrink: 0;\n  position: relative;\n\n  &__subtitle {\n    font-family: Sen-Bold;\n    font-size: 36px;\n    line-height: 43px;\n    color: #ffd300;\n    text-transform: uppercase;\n  }\n\n  &__text {\n    font-family: Sen-Regular;\n    font-size: 16px;\n    line-height: 1.69;\n    color: #ffffff;\n    margin-top: 20px;\n  }\n\n  &__logo {\n    display: flex;\n    justify-content: center;\n    height: 62px;\n    width: 100%;\n    padding: 0 10px;\n    margin-bottom: 40px;\n\n    img {\n      display: flex;\n      height: 100%;\n      width: 100%;\n      max-width: 615px;\n    }\n  }\n\n  &__title {\n    font-family: Sen-Bold;\n    font-size: 60px;\n    line-height: 72px;\n    color: #ffc800;\n    text-transform: uppercase;\n    position: absolute;\n    left: 0;\n    bottom: 0;\n    transform: translateY(50%);\n    width: 100%;\n\n    &:before {\n      content: '';\n      width: 100px;\n      height: 100%;\n      position: absolute;\n      top: -50%;\n      left: 0;\n      border-bottom: solid 1px rgba(255, 193, 7, 0.4);\n      border-bottom-left-radius: 24px;\n    }\n\n    &:after {\n      content: '';\n      width: 100px;\n      height: 100%;\n      position: absolute;\n      top: -50%;\n      right: 0;\n      border-bottom: solid 1px rgba(255, 193, 7, 0.4);\n      border-bottom-right-radius: 24px;\n    }\n  }\n}\n\n.bottom {\n  flex-grow: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: flex-end;\n  align-items: center;\n  margin-top: 20px;\n}\n\n.text {\n  font-family: Sen-Regular;\n  font-size: 14px;\n  line-height: 21px;\n  color: #ffffff;\n  text-align: center;\n  margin: 30px 0 20px;\n}\n\n.social {\n  display: flex;\n  align-items: center;\n  flex-wrap: wrap;\n\n  &__item {\n    margin-top: 10px;\n    margin-right: 18px;\n\n    &:last-child {\n      margin-right: 0;\n    }\n  }\n}\n\n@media (max-width: $mobile) {\n  .root {\n    padding: 80px 0;\n  }\n\n  .container {\n    padding: 0 15px;\n  }\n\n  .coming {\n    min-height: 250px;\n\n    &__title {\n      font-size: 30px;\n      line-height: 1.2;\n\n      &:before,\n      &:after {\n        width: 50px;\n      }\n    }\n\n    &__logo {\n      height: 30px;\n      margin-bottom: 30px;\n    }\n\n    &__subtitle {\n      font-size: 24px;\n      line-height: 1.5;\n    }\n\n    &__text {\n      font-size: 14px;\n      line-height: 1.5;\n      margin-top: 10px;\n    }\n  }\n}\n</style>\n","import mod from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ComingSoon.vue?vue&type=script&lang=js&\"; export default mod; export * from \"-!../../node_modules/cache-loader/dist/cjs.js??ref--12-0!../../node_modules/babel-loader/lib/index.js!../../node_modules/cache-loader/dist/cjs.js??ref--0-0!../../node_modules/vue-loader/lib/index.js??vue-loader-options!./ComingSoon.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./ComingSoon.vue?vue&type=template&id=612a5820&scoped=true&\"\nimport script from \"./ComingSoon.vue?vue&type=script&lang=js&\"\nexport * from \"./ComingSoon.vue?vue&type=script&lang=js&\"\nimport style0 from \"./ComingSoon.vue?vue&type=style&index=0&id=612a5820&scoped=true&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  \"612a5820\",\n  null\n  \n)\n\nexport default component.exports"],"sourceRoot":""}