{"version":3,"sources":["webpack:///./src/views/Casino/favorites_mobile.vue?8d79","webpack:///./src/components/Casino/components/Games/GameSquare.vue","webpack:///src/components/Casino/components/Games/GameSquare.vue","webpack:///./src/components/Casino/components/Games/GameSquare.vue?e51c","webpack:///./src/components/Casino/components/Games/GameSquare.vue?c520","webpack:///./src/assets/images/casino/addfavorite.svg","webpack:///./src/views/Casino/favorites_mobile.vue","webpack:///src/views/Casino/favorites_mobile.vue","webpack:///./src/views/Casino/favorites_mobile.vue?080c","webpack:///./src/views/Casino/favorites_mobile.vue?d64c","webpack:///./src/components/Casino/components/Games/GameSquare.vue?5c67"],"names":["render","_vm","this","_c","_self","isMobile","islive","_e","directives","name","rawName","value","item","GameImg","expression","arg","staticClass","class","inEvidence","on","$event","openGame","hideButton","_t","isFavorite","attrs","stopPropagation","clickFavorite","GameId","openSingleGame","hideName","_v","_s","GameName","staticRenderFns","productID","props","type","default","required","data","computed","favorites","currentRouteName","nstate","watch","immediate","handler","favorite","methods","id","productId","description","image","component","module","exports","_","isEmpty","games","domProps","$t","require","_l","key","components","GameSquare","mounted","getGames","ids"],"mappings":"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","file":"js/chunk-225cd7ea.addce496.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!./favorites_mobile.vue?vue&type=style&index=0&id=0a0eb4e8&prod&scoped=true&lang=scss\"","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',[(!_vm.isMobile && !_vm.islive)?_c('div',{directives:[{name:\"lazy\",rawName:\"v-lazy:background-image\",value:(_vm.item.GameImg),expression:\"item.GameImg\",arg:\"background-image\"}],staticClass:\"game-square\",class:{'in-evidence':_vm.inEvidence},on:{\"click\":function($event){return _vm.openGame(_vm.item)}}},[(!_vm.hideButton)?_vm._t(\"button\",function(){return [_c('b-button',{staticClass:\"btn-star\",class:{isFavorite:_vm.isFavorite},attrs:{\"variant\":\"br\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.clickFavorite(_vm.item.GameId)}}},[_c('i',{class:_vm.isFavorite ? 'pki-star-2':'pki-star'})])]}):_vm._e()],2):_vm._e(),(!_vm.isMobile && _vm.islive)?_c('div',{directives:[{name:\"lazy\",rawName:\"v-lazy:background-image\",value:(_vm.item.GameImg),expression:\"item.GameImg\",arg:\"background-image\"}],staticClass:\"game-square\",class:{'in-evidence':_vm.inEvidence},on:{\"click\":function($event){return _vm.openGame(_vm.item)}}},[(!_vm.hideButton)?_vm._t(\"button\",function(){return [_c('b-button',{staticClass:\"btn-star\",class:{isFavorite:_vm.isFavorite},attrs:{\"variant\":\"br\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.clickFavorite(_vm.item.GameId)}}},[_c('i',{class:_vm.isFavorite ? 'pki-star-2':'pki-star'})])]}):_vm._e()],2):_vm._e(),(_vm.isMobile && !_vm.islive)?_c('div',{directives:[{name:\"lazy\",rawName:\"v-lazy:background-image\",value:(_vm.item.GameImg),expression:\"item.GameImg\",arg:\"background-image\"}],staticClass:\"game-square-mobile\",class:{'in-evidence':_vm.inEvidence},on:{\"click\":function($event){return _vm.openSingleGame(_vm.item)}}},[(!_vm.hideButton)?_vm._t(\"button\",function(){return [_c('b-button',{staticClass:\"btn-star\",class:{isFavorite:_vm.isFavorite},attrs:{\"variant\":\"br\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.clickFavorite(_vm.item.GameId)}}},[_c('i',{class:_vm.isFavorite ? 'pki-star-2':'pki-star'})])]}):_vm._e()],2):_vm._e(),(_vm.isMobile && _vm.islive)?_c('div',{directives:[{name:\"lazy\",rawName:\"v-lazy:background-image\",value:(_vm.item.GameImg),expression:\"item.GameImg\",arg:\"background-image\"}],staticClass:\"game-square-mobile\",class:{'in-evidence':_vm.inEvidence},on:{\"click\":function($event){return _vm.openSingleGame(_vm.item)}}},[(!_vm.hideButton)?_vm._t(\"button\",function(){return [_c('b-button',{staticClass:\"btn-star\",class:{isFavorite:_vm.isFavorite},attrs:{\"variant\":\"br\"},on:{\"click\":function($event){$event.stopPropagation();return _vm.clickFavorite(_vm.item.GameId)}}},[_c('i',{class:_vm.isFavorite ? 'pki-star-2':'pki-star'})])]}):_vm._e()],2):_vm._e(),(!_vm.hideName)?_c('div',{staticClass:\"gname\"},[_vm._v(\" \"+_vm._s(_vm.item.GameName)+\" \")]):_vm._e()])\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div>\r\n    <div\r\n      v-if=\"!isMobile && !islive\"\r\n      v-lazy:background-image=\"item.GameImg\"\r\n      class=\"game-square\"\r\n      :class=\"{'in-evidence':inEvidence}\"\r\n      @click=\"openGame(item)\"\r\n    >\r\n      <slot\r\n        v-if=\"!hideButton\"\r\n        name=\"button\"\r\n      >\r\n        <b-button\r\n          variant=\"br\"\r\n          class=\"btn-star\"\r\n          :class=\"{isFavorite:isFavorite}\"\r\n          @click.stop=\"clickFavorite(item.GameId)\"\r\n        >\r\n          <i :class=\"isFavorite ? 'pki-star-2':'pki-star'\" />\r\n        </b-button>\r\n      </slot>\r\n    </div>\r\n    <div\r\n      v-if=\"!isMobile && islive\"\r\n      v-lazy:background-image=\"item.GameImg\"\r\n      class=\"game-square\"\r\n      :class=\"{'in-evidence':inEvidence}\"\r\n      @click=\"openGame(item)\"\r\n    >\r\n      <slot\r\n        v-if=\"!hideButton\"\r\n        name=\"button\"\r\n      >\r\n        <b-button\r\n          variant=\"br\"\r\n          class=\"btn-star\"\r\n          :class=\"{isFavorite:isFavorite}\"\r\n          @click.stop=\"clickFavorite(item.GameId)\"\r\n        >\r\n          <i :class=\"isFavorite ? 'pki-star-2':'pki-star'\" />\r\n        </b-button>\r\n      </slot>\r\n    </div>\r\n\r\n    <div\r\n      v-if=\"isMobile && !islive\"\r\n      v-lazy:background-image=\"item.GameImg\"\r\n      class=\"game-square-mobile\"\r\n      :class=\"{'in-evidence':inEvidence}\"\r\n      @click=\"openSingleGame(item)\"\r\n    >\r\n      <slot\r\n        v-if=\"!hideButton\"\r\n        name=\"button\"\r\n      >\r\n        <b-button\r\n          variant=\"br\"\r\n          class=\"btn-star\"\r\n          :class=\"{isFavorite:isFavorite}\"\r\n          @click.stop=\"clickFavorite(item.GameId)\"\r\n        >\r\n          <i :class=\"isFavorite ? 'pki-star-2':'pki-star'\" />\r\n        </b-button>\r\n      </slot>\r\n    </div>\r\n    <div\r\n      v-if=\"isMobile && islive\"\r\n      v-lazy:background-image=\"item.GameImg\"\r\n      class=\"game-square-mobile\"\r\n      :class=\"{'in-evidence':inEvidence}\"\r\n      @click=\"openSingleGame(item)\"\r\n    >\r\n      <slot\r\n        v-if=\"!hideButton\"\r\n        name=\"button\"\r\n      >\r\n        <b-button\r\n          variant=\"br\"\r\n          class=\"btn-star\"\r\n          :class=\"{isFavorite:isFavorite}\"\r\n          @click.stop=\"clickFavorite(item.GameId)\"\r\n        >\r\n          <i :class=\"isFavorite ? 'pki-star-2':'pki-star'\" />\r\n        </b-button>\r\n      </slot>\r\n    </div>\r\n    <div\r\n      v-if=\"!hideName\"\r\n      class=\"gname\"\r\n    >\r\n      {{ item.GameName }}\r\n    </div>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\nconst productID = 5;\r\nexport default {\r\n  name: 'GameSquare',\r\n  props: {\r\n    inEvidence: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    item: {\r\n      type: [Array, Object],\r\n      required: true,\r\n    },\r\n    hideName: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n    hideButton: {\r\n      type: Boolean,\r\n      default: false,\r\n    },\r\n  },\r\n  data() {\r\n    return {\r\n      isFavorite: false,\r\n    };\r\n  },\r\n  computed: {\r\n    favorites() {\r\n      return this.$store.state.favorites[productID];\r\n    },\r\n    isMobile() {\r\n      return this.$store.state.isMobile;\r\n    },\r\n    currentRouteName() {\r\n      return this.$route.name;\r\n    },\r\n    islive() {\r\n      const npath = this.$route.path.indexOf('/live-casino/');\r\n      let nstate = false;\r\n      if (npath !== -1) {\r\n        nstate = true;\r\n      }\r\n      return nstate;\r\n    },\r\n  },\r\n  watch: {\r\n    favorites: {\r\n      immediate: true,\r\n      handler(val) {\r\n        let favorite = null;\r\n        const id = this.item.GameId;\r\n        if (!this._.isEmpty(val)) {\r\n          favorite = val.find((obj) => Number(obj.code) === Number(id));\r\n        }\r\n        this.isFavorite = !this._.isEmpty(favorite);\r\n      },\r\n    },\r\n  },\r\n  methods: {\r\n    clickFavorite() {\r\n      if (this.$store.state.user.token) {\r\n        const id = this.item.GameId;\r\n        const description = this.item.GameName;\r\n        if (this.isFavorite) {\r\n          this.$store.dispatch('deleteFavorite', { id, productId: productID });\r\n        } else {\r\n          this.$store.dispatch('postFavorite', { id, description, productId: productID });\r\n        }\r\n      } else {\r\n        this.openModalLogin();\r\n      }\r\n    },\r\n    openSingleGame(game) {\r\n      const id = game.GameId;\r\n      if (this.$store.state.user.token) {\r\n        // eslint-disable-next-line no-restricted-globals\r\n        const windowFeatures = `toolbar=0,location=0,menubar=0,resizable=yes,status=0,width=${screen.availWidth},height=${screen.availHeight}`;\r\n        this.$store.dispatch('getGameData', { id, image: game.GameImg }).then((data) => {\r\n          const url = data.GameUrl;\r\n          const newwindow = window.open(url, `game_${id}`, windowFeatures);\r\n          if (window.focus) newwindow.focus();\r\n        });\r\n      } else {\r\n        this.openModalLogin();\r\n      }\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.gname {\r\n  color: var(--color-primary);\r\n  font-size: 11px;\r\n  margin-top: 5px;\r\n  text-transform: uppercase;\r\n  font-weight: 600;\r\n}\r\n\r\n.game-square {\r\n  width: 100%;\r\n  //background-color: var(--color-dominance);\r\n  background-position: center !important;\r\n  background-repeat: no-repeat !important;\r\n  background-size: cover !important;\r\n  margin-top: 15px;\r\n  margin-bottom: 15px;\r\n  border-radius: var(--slot-preview-border-radius);\r\n  position: relative;\r\n  background-position: top right !important;\r\n  background-size: 100% 100% !important;\r\n  cursor: pointer;\r\n\r\n  .image {\r\n    object-fit: cover;\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n  }\r\n\r\n  .btn-br {\r\n    position: absolute;\r\n    bottom: 6px;\r\n    right: 10px;\r\n    padding: 0;\r\n    color: var(--addfavoritestar-color);\r\n    font-size: 22px;\r\n     @media (max-width: 1025px) {\r\n              font-size: 16px;\r\n          }\r\n    line-height: 1;\r\n\r\n    &:active, &:focus {\r\n      outline: none;\r\n      box-shadow: none;\r\n    }\r\n  }\r\n\r\n  .btn-star {\r\n    z-index: 0;\r\n    &:hover {\r\n      &.isFavorite {\r\n        i {\r\n          &:before {\r\n            //content: '\\e910';\r\n          }\r\n        }\r\n      }\r\n\r\n      &:not(.isFavorite) {\r\n        i {\r\n          &:before {\r\n            content: '\\e911';\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.in-evidence {\r\n    //background-color: var(--red);\r\n  }\r\n\r\n  &:after {\r\n    content: \"\";\r\n    display: block;\r\n    padding-bottom: 100%;\r\n    pointer-events: none;\r\n  }\r\n  &:before {\r\n    transition: var(--transition);\r\n    opacity: 0;\r\n    font-family: \"pkicons\";\r\n    content: \"\\e907\";\r\n    pointer-events: none;\r\n    width: 100%;\r\n    height: 100%;\r\n    border-radius: var(--slot-preview-border-radius);\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    z-index: 0;\r\n    background: rgba(var(--dark-primary-rgb), 0.6);\r\n    color: var(--color-dominance);\r\n    display: flex;\r\n    align-items: center;\r\n    justify-content: center;\r\n    font-size: 32px;\r\n  }\r\n  &:hover{\r\n    &:before{\r\n      opacity: 1;\r\n    }\r\n  }\r\n}\r\n\r\n.game-square-mobile {\r\n  width: 100%;\r\n  background-position: top left !important;\r\n  background-repeat: no-repeat !important;\r\n  background-size: contain !important;\r\n  border-radius: var(--slot-preview-border-radius);\r\n  margin-top: 10px;\r\n  position: relative;\r\n  cursor: pointer;\r\n\r\n  .image {\r\n    object-fit: cover;\r\n    width: 100%;\r\n    height: 100%;\r\n\r\n  }\r\n\r\n  .btn-br {\r\n    position: absolute;\r\n    bottom: 6px;\r\n    right: 10px;\r\n    padding: 0;\r\n    color: var(--color-primary);\r\n    font-size: 22px;\r\n     @media (max-width: 1025px) {\r\n              font-size: 16px;\r\n          }\r\n    line-height: 1;\r\n\r\n    &:active, &:focus {\r\n      outline: none;\r\n      box-shadow: none;\r\n    }\r\n  }\r\n\r\n  .btn-star {\r\n\r\n    &:hover {\r\n      &.isFavorite {\r\n        i {\r\n          &:before {\r\n            //content: '\\e910';\r\n          }\r\n        }\r\n      }\r\n\r\n      &:not(.isFavorite) {\r\n        i {\r\n          &:before {\r\n            content: '\\e911';\r\n          }\r\n        }\r\n      }\r\n    }\r\n  }\r\n\r\n  &.in-evidence {\r\n    //background-color: var(--red);\r\n  }\r\n\r\n  &:after {\r\n    content: \"\";\r\n    display: block;\r\n    padding-bottom: 100%;\r\n    pointer-events: none;\r\n  }\r\n}\r\n\r\n#sidebar-mainmenu{\r\n  .title{\r\n      color: var(--title-color);\r\n      font-weight: 600;\r\n      font-size: 16px;\r\n      // text-decoration: underline;\r\n      margin-bottom: 8px;\r\n  }\r\n  .small-title{\r\n    font-size: 10px;\r\n    font-weight: normal;\r\n  }\r\n  .gname{\r\n    font-size: 9px;\r\n    text-align: center;\r\n    color: var(--btn-nav-color);\r\n  }\r\n  .game-square-mobile{\r\n    margin-top: 8px;\r\n  }\r\n}\r\n</style>\r\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!./GameSquare.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!./GameSquare.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./GameSquare.vue?vue&type=template&id=2730af31&scoped=true\"\nimport script from \"./GameSquare.vue?vue&type=script&lang=js\"\nexport * from \"./GameSquare.vue?vue&type=script&lang=js\"\nimport style0 from \"./GameSquare.vue?vue&type=style&index=0&id=2730af31&prod&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  \"2730af31\",\n  null\n  \n)\n\nexport default component.exports","module.exports = __webpack_public_path__ + \"img/addfavorite.bb752805.svg\";","var render = function render(){var _vm=this,_c=_vm._self._c;return _c('div',{staticClass:\"bgm preview-mobile\"},[(!_vm._.isEmpty(_vm.games))?_c('b-row',{staticClass:\"preview__header\"},[_c('b-col',[_c('h5',{staticClass:\"title\",domProps:{\"innerHTML\":_vm._s(_vm.$t('favorites'))}})])],1):_vm._e(),(_vm._.isEmpty(_vm.games))?[_c('div',{staticClass:\"favorites-emtpy\"},[_c('img',{staticClass:\"favorite\",attrs:{\"src\":require(\"@/assets/images/casino/addfavorite.svg\")}}),_c('p',[_vm._v(_vm._s(_vm.$t('favorites_empty.empty')))]),_c('p',{staticClass:\"mb-0\",domProps:{\"innerHTML\":_vm._s(_vm.$t('favorites_empty.casino'))}})])]:[_c('b-row',{staticClass:\"favorites-list\"},_vm._l((_vm.games),function(item){return _c('b-col',{key:item.GameId,staticClass:\"p-1\",attrs:{\"cols\":4}},[_c('game-square',{attrs:{\"item\":item}})],1)}),1)]],2)\n}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\r\n  <div class=\"bgm preview-mobile\">\r\n    <b-row\r\n      v-if=\"!_.isEmpty(games)\"\r\n      class=\"preview__header\"\r\n    >\r\n      <b-col>\r\n        <h5\r\n          class=\"title\"\r\n          v-html=\"$t('favorites')\"\r\n        />\r\n      </b-col>\r\n    </b-row>\r\n\r\n    <template v-if=\"_.isEmpty(games)\">\r\n      <div class=\"favorites-emtpy\">\r\n        <img\r\n          class=\"favorite\"\r\n          src=\"@/assets/images/casino/addfavorite.svg\"\r\n        >\r\n        <p>{{ $t('favorites_empty.empty') }}</p>\r\n        <p\r\n          class=\"mb-0\"\r\n          v-html=\"$t('favorites_empty.casino')\"\r\n        />\r\n      </div>\r\n    </template>\r\n    <template v-else>\r\n      <b-row class=\"favorites-list\">\r\n        <b-col\r\n          v-for=\"item in games\"\r\n          :key=\"item.GameId\"\r\n          :cols=\"4\"\r\n          class=\"p-1\"\r\n        >\r\n          <game-square :item=\"item\" />\r\n        </b-col>\r\n      </b-row>\r\n    </template>\r\n  </div>\r\n</template>\r\n\r\n<script>\r\n\r\nimport GameSquare from '@/components/Casino/components/Games/GameSquare';\r\n\r\nconst productID = 5;\r\nexport default {\r\n  name: 'CasinoFavoritesGames',\r\n  components: { GameSquare },\r\n  data() {\r\n    return {\r\n      games: null,\r\n    };\r\n  },\r\n  computed: {\r\n    favorites() {\r\n      return this.$store.state.favorites[productID];\r\n    },\r\n  },\r\n  watch: {\r\n    favorites: {\r\n      immediate: true,\r\n      handler(val) {\r\n        if (this._.isEmpty(val)) this.games = null;\r\n        else {\r\n          const all = this._.cloneDeep(val).map((fav) => fav.code);\r\n          // let fav = all.reverse().splice(0,4);\r\n          const idsString = all.join();\r\n          this.getGames(idsString);\r\n        }\r\n      },\r\n    },\r\n  },\r\n  mounted() {\r\n  },\r\n  methods: {\r\n    getGames(gamesIds) {\r\n      this.$store.dispatch('gamesByIds', { ids: gamesIds }).then((res) => {\r\n        this.games = res;\r\n      });\r\n    },\r\n  },\r\n};\r\n</script>\r\n\r\n<style scoped lang=\"scss\">\r\n.preview-mobile{\r\n\r\n  text-align: center;\r\n  padding:0px;\r\n  padding-top: 15px;\r\n  padding-right: 15px;\r\n  padding-left: 15px;\r\n  border-bottom: 1px solid var(--color-dominance);\r\n\r\n  .title{\r\n    font-size: 13px;\r\n    font-weight: bold;\r\n      @media (max-width: 1025px) {\r\n              font-weight: normal;\r\n          }\r\n    color: var(--color-primary);\r\n    text-transform: uppercase;\r\n    margin: 0;\r\n  }\r\n\r\n  .preview__header{\r\n     border-bottom: 2px solid var(--color-dominance);\r\n      @media (max-width: 1025px) {\r\n              border: 0;\r\n          }\r\n    text-align: initial;\r\n    padding: 0;\r\n     margin-left: 5px;\r\n     margin-right: 5px ;\r\n     padding-top: 10px;\r\n}\r\n\r\n  .col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11,\r\n  .col-12, .col, .col-auto, .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6,\r\n  .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12, .col-sm, .col-sm-auto,\r\n  .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9,\r\n  .col-md-10, .col-md-11, .col-md-12, .col-md, .col-md-auto, .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4,\r\n  .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12, .col-lg,\r\n  .col-lg-auto, .col-xl-1, .col-xl-2, .col-xl-3, .col-xl-4, .col-xl-5, .col-xl-6, .col-xl-7, .col-xl-8,\r\n  .col-xl-9, .col-xl-10, .col-xl-11, .col-xl-12, .col-xl, .col-xl-auto {\r\n    position: relative;\r\n    width: 100%;\r\n    padding-right: 2px;\r\n    padding-left: 2px;\r\n}\r\n}\r\n.favorites-list{ padding-right: 15px;\r\n  padding-left: 15px;}\r\n\r\n.favorites-emtpy {\r\n    text-align: center;\r\n    padding: 20px 40px 10px;\r\n    font-size: 10px;\r\n    line-height: 13px;\r\n    padding-bottom: 100px;\r\n    padding-top: 30px;\r\n\r\n    img {\r\n      margin-bottom: 13px;\r\n    }\r\n\r\n    p {\r\n    font-size: 1.4em;\r\n    line-height: normal;\r\n    font-weight: 800;\r\n     color: var(--color-primary);\r\n    }\r\n  }\r\n\r\n.box {\r\n  &__main {\r\n    .items {\r\n      .item {\r\n\r\n      }\r\n    }\r\n  }\r\n}\r\n</style>\r\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!./favorites_mobile.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!./favorites_mobile.vue?vue&type=script&lang=js\"","import { render, staticRenderFns } from \"./favorites_mobile.vue?vue&type=template&id=0a0eb4e8&scoped=true\"\nimport script from \"./favorites_mobile.vue?vue&type=script&lang=js\"\nexport * from \"./favorites_mobile.vue?vue&type=script&lang=js\"\nimport style0 from \"./favorites_mobile.vue?vue&type=style&index=0&id=0a0eb4e8&prod&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  \"0a0eb4e8\",\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!./GameSquare.vue?vue&type=style&index=0&id=2730af31&prod&scoped=true&lang=scss\""],"sourceRoot":""}