{"version":3,"sources":["webpack:///./src/components/GroupHorizontalListNew.vue?8fef","webpack:///./src/components/GroupHorizontalListNew.vue?69f4","webpack:///src/components/GroupHorizontalListNew.vue","webpack:///./src/components/GroupHorizontalListNew.vue?6dbe","webpack:///./src/components/GroupHorizontalListNew.vue?c217"],"names":["render","_vm","this","_h","$createElement","_c","_self","$vuetify","breakpoint","xsOnly","_l","item","i","key","id","staticClass","attrs","on","$event","viewGroup","picture","_v","_s","getName","name","getSebi","admin_payment_info","profile","sebi_user_type","staticStyle","premium_badge","goToProfile","admin","_e","style","types_of_instrument","length","inst","getColor","class","btn_text","metrics","closed_trades","accuracy","avg_trade_return","price","discount_price","plan","slice","discount_percentage","toFixed","is_limited_offer","cover_image","group_cover","is_discount_price_live","staticRenderFns","props","groups","type","required","data","kpiData","kpi_data_loading","default_user","computed","mounted","methods","params","getKpis","newAxios","onSuccess","onFailure","isTokenRequired","component","VBtn","VCard","VCardActions","VCardText","VCardTitle","VChip","VChipGroup","VImg"],"mappings":"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","file":"js/chunk-3f969be5.a767eb0e.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!./GroupHorizontalListNew.vue?vue&type=style&index=0&id=8ecb0eb6&lang=scss&scoped=true&\"","var render = function () {var _vm=this;var _h=_vm.$createElement;var _c=_vm._self._c||_h;return _c('div',[(!_vm.$vuetify.breakpoint.xsOnly)?_c('div',{staticClass:\"d-flex\"},_vm._l((_vm.groups),function(item,i){return _c('div',{key:i.id,staticClass:\"mx-2\",staticStyle:{\"width\":\"240px\"},attrs:{\"cols\":\"12\",\"sm\":\"12\",\"md\":\"4\"}},[_c('v-card',{staticStyle:{\"border-radius\":\"12px\"},attrs:{\"min-height\":\"335px\"}},[(item.is_limited_offer)?_c('v-card-title',{staticClass:\"title justify-center\"},[_c('div',{staticClass:\"title-txt\"},[_vm._v(\" Limited Time Offer \"),_c('span',{staticClass:\"ml-2\"},[_vm._v(\" \"+_vm._s(item.is_limited_offer)+\" \")])])]):_vm._e(),_c('v-card-text',{staticClass:\"px-0 pt-0\"},[_c('div',{staticStyle:{\"position\":\"relative\"}},[_c('v-img',{class:!item.is_limited_offer ? 'br-radius' : '',attrs:{\"height\":item.is_limited_offer ? '72px' : '104px',\"src\":item.cover_image ? item.cover_image : _vm.group_cover}}),_c('div',{staticClass:\"user-abs\"},[(!item.picture)?_c('div',{staticClass:\"user-name\"},[_c('div',[_vm._v(_vm._s(_vm.getName(item.name)))])]):_c('v-img',{staticClass:\"user-image\",attrs:{\"src\":item.picture}})],1)],1),_c('div',{staticClass:\"user-badge d-flex justify-end align-center\"},[_c('div',{staticClass:\"sebi-ria mr-2\"},[(item.admin_payment_info)?_c('div',{},[_vm._v(\" SEBI \"+_vm._s(_vm.getSebi(item.admin_payment_info.profile.sebi_user_type))+\" \")]):_vm._e()]),_c('div',[_c('v-img',{staticClass:\"user-img-badge\",attrs:{\"src\":_vm.premium_badge}})],1)])]),_c('v-card-text',{staticClass:\"px-3 pt-0 pb-2\"},[_c('div',[_c('div',{staticClass:\"group-header\"},[_vm._v(_vm._s(item.name))]),(item.admin)?_c('div',{staticClass:\"group-subheader\",on:{\"click\":function($event){return _vm.goToProfile(item)}}},[_vm._v(\" By \"+_vm._s(item.admin.profile.name)+\" \")]):_vm._e()]),_c('div',{staticClass:\"d-flex pb-1 dashed-border\",style:(!item.types_of_instrument.length ? 'margin-top: 35px' : '')},_vm._l((item.types_of_instrument),function(inst,i){return _c('v-chip-group',{key:i.id,staticClass:\"px-0\",attrs:{\"multiple\":\"\",\"mandatory\":\"\"}},[_c('v-chip',{staticClass:\"px-1 py-2\",attrs:{\"x-small\":\"\",\"active\":\"\",\"color\":_vm.getColor(i),\"label\":\"\",\"outlined\":\"\"}},[_c('span',{staticClass:\"intru-txt\"},[_vm._v(\" \"+_vm._s(inst)+\" \")])])],1)}),1),_c('div',{staticClass:\"d-flex mt-4 dashed-border pb-3 justify-space-between\"},[_c('div',{staticClass:\"details\"},[(item.metrics.closed_trades)?_c('div',[_vm._v(\" \"+_vm._s(item.metrics.closed_trades)+\" \")]):_c('div',[_vm._v(\"-\")]),_c('div',[_vm._v(\"Avg. Trades\")])]),_c('div',{staticClass:\"details\"},[(item.metrics.accuracy)?_c('div',[_vm._v(\" \"+_vm._s(item.metrics.accuracy)+\"% \")]):_c('div',[_vm._v(\"-\")]),_c('div',[_vm._v(\"Accuracy\")])]),_c('div',{staticClass:\"details\"},[(item.metrics.avg_trade_return)?_c('div',[_vm._v(\" \"+_vm._s(item.metrics.avg_trade_return)+\"% \")]):_c('div',[_vm._v(\"-\")]),_c('div',[_vm._v(\"Avg. Returns\")])])])]),_c('v-card-actions',{staticClass:\"pt-0 justify-space-between align-end\",style:(!item.price[0].is_discount_price_live ||\n            _vm.btn_text(item) == 'View Group'\n              ? 'margin-top: 10px;'\n              : '')},[(item.price)?_c('div',{style:(_vm.btn_text(item) == 'View Group' ? 'display: none' : '')},[(item.price[0].is_discount_price_live)?_c('div',[_c('span',{staticClass:\"discount-strike\"},[_vm._v(\"₹ \"+_vm._s(item.price[0].price)+\" \")]),_c('span',{staticClass:\"discount-percent\"},[_vm._v(_vm._s(item.price[0].discount_percentage.toFixed(2))+\"% OFF \")])]):_vm._e(),(item.price[0].is_discount_price_live)?_c('div',{staticClass:\"discount-price\"},[_vm._v(\" ₹ \"+_vm._s(item.price[0].discount_price)+\"/\"+_vm._s(item.price[0].plan.slice(0, -2))+\" \")]):_c('div',{staticClass:\"discount-price\"},[_vm._v(\" ₹ \"+_vm._s(item.price[0].price)+\"/\"+_vm._s(item.price[0].plan.slice(0, -2))+\" \")])]):_vm._e(),_c('div',{style:(_vm.btn_text(item) == 'View Group' ? 'width: 100%' : '')},[_c('v-btn',{staticClass:\"text-capitalize subscribe\",attrs:{\"height\":\"30px\",\"color\":\"primary\",\"block\":_vm.btn_text(item) == 'View Group'},on:{\"click\":function($event){return _vm.viewGroup(item.id)}}},[_vm._v(\" \"+_vm._s(_vm.btn_text(item)))])],1)])],1)],1)}),0):_c('div',_vm._l((_vm.groups),function(item,i){return _c('v-card',{key:i.id,staticClass:\"my-3\",attrs:{\"height\":\"159px\"},on:{\"click\":function($event){return _vm.viewGroup(item.id)}}},[_c('v-card-text',{staticClass:\"pa-0\"},[_c('div',{staticClass:\"d-flex\"},[_c('div',[(!item.picture)?_c('div',{staticClass:\"user-name\"},[_c('div',[_vm._v(_vm._s(_vm.getName(item.name)))])]):_c('v-img',{staticClass:\"user-image\",attrs:{\"src\":item.picture}}),_c('div',{staticClass:\"sebi-ra-mobile\"},[_c('div',{},[_vm._v(\" SEBI \"+_vm._s(_vm.getSebi(item.admin_payment_info.profile.sebi_user_type))+\" \")])])],1),_c('div',{staticClass:\"pa-3 pr-2\",staticStyle:{\"width\":\"100%\"}},[_c('div',[_c('div',{staticClass:\"d-flex align-center justify-space-between\"},[_c('div',{staticClass:\"group-header\"},[_vm._v(_vm._s(item.name))]),_c('div',[_c('v-img',{staticClass:\"user-img-badge\",attrs:{\"src\":_vm.premium_badge}})],1)]),(item.admin)?_c('div',{staticClass:\"group-subheader mt-1\",on:{\"click\":function($event){return _vm.goToProfile(item)}}},[_vm._v(\" By \"+_vm._s(item.admin.profile.name)+\" \")]):_vm._e()]),_c('div',{staticClass:\"d-flex\",style:(!item.types_of_instrument.length ? 'margin-top: 31px' : '')},_vm._l((item.types_of_instrument),function(inst,i){return _c('v-chip-group',{key:i.id,staticClass:\"px-0\",attrs:{\"multiple\":\"\",\"mandatory\":\"\"}},[_c('v-chip',{staticClass:\"px-1 py-2\",attrs:{\"x-small\":\"\",\"active\":\"\",\"color\":_vm.getColor(i),\"label\":\"\",\"outlined\":\"\"}},[_c('span',{staticClass:\"intru-txt\"},[_vm._v(\" \"+_vm._s(inst)+\" \")])])],1)}),1),_c('div',{staticClass:\"d-flex pb-3 justify-space-between\",class:_vm.btn_text(item) != 'View Group' ? 'dashed-border' : 'mt-6'},[_c('div',{staticClass:\"details\"},[(item.metrics.closed_trades)?_c('div',[_vm._v(\" \"+_vm._s(item.metrics.closed_trades)+\" \")]):_c('div',[_vm._v(\"-\")]),_c('div',[_vm._v(\"Avg. Trades\")])]),_c('div',{staticClass:\"details\"},[(item.metrics.accuracy)?_c('div',[_vm._v(\" \"+_vm._s(item.metrics.accuracy)+\"% \")]):_c('div',[_vm._v(\"-\")]),_c('div',[_vm._v(\"Accuracy\")])]),_c('div',{staticClass:\"details\"},[(item.metrics.avg_trade_return)?_c('div',[_vm._v(\" \"+_vm._s(item.metrics.avg_trade_return)+\"% \")]):_c('div',[_vm._v(\"-\")]),_c('div',[_vm._v(\"Avg. Returns\")])])]),(item.price && _vm.btn_text(item) != 'View Group')?_c('div',{staticClass:\"mt-1\"},[(item.price[0].is_discount_price_live)?_c('span',{staticClass:\"discount-price\"},[_vm._v(\" ₹ \"+_vm._s(item.price[0].discount_price)+\"/\"+_vm._s(item.price[0].plan.slice(0, -2))+\" \")]):_c('span',{staticClass:\"discount-price\"},[_vm._v(\" ₹ \"+_vm._s(item.price[0].price)+\"/\"+_vm._s(item.price[0].plan.slice(0, -2))+\" \")]),(item.price[0].is_discount_price_live)?_c('span',[_c('span',{staticClass:\"discount-strike\"},[_vm._v(\"₹ \"+_vm._s(item.price[0].price)+\" \")]),_c('span',{staticClass:\"discount-percent ml-1\"},[_vm._v(_vm._s(item.price[0].discount_percentage.toFixed(2))+\"% OFF \")])]):_vm._e()]):_vm._e()])])])],1)}),1)])}\nvar staticRenderFns = []\n\nexport { render, staticRenderFns }","<template>\n  <div>\n    <div v-if=\"!$vuetify.breakpoint.xsOnly\" class=\"d-flex\">\n      <!-- <v-row> -->\n      <div\n        style=\"width: 240px\"\n        v-for=\"(item, i) in groups\"\n        :key=\"i.id\"\n        class=\"mx-2\"\n        cols=\"12\"\n        sm=\"12\"\n        md=\"4\"\n      >\n        <v-card min-height=\"335px\" style=\"border-radius: 12px\">\n          <v-card-title\n            v-if=\"item.is_limited_offer\"\n            class=\"title justify-center\"\n          >\n            <div class=\"title-txt\">\n              Limited Time Offer\n              <span class=\"ml-2\"> {{ item.is_limited_offer }} </span>\n            </div>\n          </v-card-title>\n          <v-card-text class=\"px-0 pt-0\">\n            <div style=\"position: relative\">\n              <v-img\n                :height=\"item.is_limited_offer ? '72px' : '104px'\"\n                :src=\"item.cover_image ? item.cover_image : group_cover\"\n                :class=\"!item.is_limited_offer ? 'br-radius' : ''\"\n              >\n              </v-img>\n              <div class=\"user-abs\">\n                <div v-if=\"!item.picture\" class=\"user-name\">\n                  <div>{{ getName(item.name) }}</div>\n                </div>\n                <v-img v-else class=\"user-image\" :src=\"item.picture\"> </v-img>\n              </div>\n            </div>\n            <div class=\"user-badge d-flex justify-end align-center\">\n              <div class=\"sebi-ria mr-2\">\n                <div v-if=\"item.admin_payment_info\" class=\"\">\n                  SEBI\n                  {{ getSebi(item.admin_payment_info.profile.sebi_user_type) }}\n                </div>\n              </div>\n              <div>\n                <v-img class=\"user-img-badge\" :src=\"premium_badge\"> </v-img>\n              </div>\n            </div>\n          </v-card-text>\n          <v-card-text class=\"px-3 pt-0 pb-2\">\n            <div>\n              <div class=\"group-header\">{{ item.name }}</div>\n              <div\n                v-if=\"item.admin\"\n                class=\"group-subheader\"\n                @click=\"goToProfile(item)\"\n              >\n                By {{ item.admin.profile.name }}\n              </div>\n            </div>\n            <div\n              :style=\"\n                !item.types_of_instrument.length ? 'margin-top: 35px' : ''\n              \"\n              class=\"d-flex pb-1 dashed-border\"\n            >\n              <v-chip-group\n                v-for=\"(inst, i) in item.types_of_instrument\"\n                :key=\"i.id\"\n                multiple\n                class=\"px-0\"\n                mandatory\n              >\n                <v-chip\n                  class=\"px-1 py-2\"\n                  x-small\n                  active\n                  :color=\"getColor(i)\"\n                  label\n                  outlined\n                >\n                  <span class=\"intru-txt\"> {{ inst }} </span>\n                </v-chip>\n              </v-chip-group>\n            </div>\n            <div class=\"d-flex mt-4 dashed-border pb-3 justify-space-between\">\n              <div class=\"details\">\n                <div v-if=\"item.metrics.closed_trades\">\n                  {{ item.metrics.closed_trades }}\n                </div>\n                <div v-else>-</div>\n                <div>Avg. Trades</div>\n              </div>\n              <div class=\"details\">\n                <div v-if=\"item.metrics.accuracy\">\n                  {{ item.metrics.accuracy }}%\n                </div>\n                <div v-else>-</div>\n                <div>Accuracy</div>\n              </div>\n              <div class=\"details\">\n                <div v-if=\"item.metrics.avg_trade_return\">\n                  {{ item.metrics.avg_trade_return }}%\n                </div>\n                <div v-else>-</div>\n                <div>Avg. Returns</div>\n              </div>\n            </div>\n          </v-card-text>\n          <!-- :style=\"item.types_of_instrument.length == 0 ? 'margin-top: 55px;' : '' \" -->\n          <v-card-actions\n            class=\"pt-0 justify-space-between align-end\"\n            :style=\"\n              !item.price[0].is_discount_price_live ||\n              btn_text(item) == 'View Group'\n                ? 'margin-top: 10px;'\n                : ''\n            \"\n          >\n            <div\n              v-if=\"item.price\"\n              :style=\"btn_text(item) == 'View Group' ? 'display: none' : ''\"\n            >\n              <div v-if=\"item.price[0].is_discount_price_live\">\n                <span class=\"discount-strike\">₹ {{ item.price[0].price }} </span\n                ><span class=\"discount-percent\"\n                  >{{ item.price[0].discount_percentage.toFixed(2) }}% OFF\n                </span>\n              </div>\n              <div\n                v-if=\"item.price[0].is_discount_price_live\"\n                class=\"discount-price\"\n              >\n                ₹ {{ item.price[0].discount_price }}/{{\n                  item.price[0].plan.slice(0, -2)\n                }}\n              </div>\n              <div v-else class=\"discount-price\">\n                ₹ {{ item.price[0].price }}/{{\n                  item.price[0].plan.slice(0, -2)\n                }}\n              </div>\n            </div>\n            <!-- <v-spacer></v-spacer> -->\n            <div :style=\"btn_text(item) == 'View Group' ? 'width: 100%' : ''\">\n              <v-btn\n                @click=\"viewGroup(item.id)\"\n                class=\"text-capitalize subscribe\"\n                height=\"30px\"\n                color=\"primary\"\n                :block=\"btn_text(item) == 'View Group'\"\n              >\n                {{ btn_text(item) }}</v-btn\n              >\n            </div>\n          </v-card-actions>\n        </v-card>\n      </div>\n      <!-- </v-row> -->\n    </div>\n    <div v-else>\n      <v-card\n        class=\"my-3\"\n        v-for=\"(item, i) in groups\"\n        :key=\"i.id\"\n        height=\"159px\"\n        @click=\"viewGroup(item.id)\"\n      >\n        <v-card-text class=\"pa-0\">\n          <div class=\"d-flex\">\n            <div>\n              <div v-if=\"!item.picture\" class=\"user-name\">\n                <div>{{ getName(item.name) }}</div>\n              </div>\n              <v-img v-else class=\"user-image\" :src=\"item.picture\"> </v-img>\n              <div class=\"sebi-ra-mobile\">\n                <div class=\"\">\n                  SEBI\n                  {{ getSebi(item.admin_payment_info.profile.sebi_user_type) }}\n                </div>\n              </div>\n            </div>\n            <div class=\"pa-3 pr-2\" style=\"width: 100%\">\n              <div>\n                <div class=\"d-flex align-center justify-space-between\">\n                  <div class=\"group-header\">{{ item.name }}</div>\n                  <div>\n                    <v-img class=\"user-img-badge\" :src=\"premium_badge\"> </v-img>\n                  </div>\n                </div>\n                <div\n                  v-if=\"item.admin\"\n                  class=\"group-subheader mt-1\"\n                  @click=\"goToProfile(item)\"\n                >\n                  By {{ item.admin.profile.name }}\n                </div>\n              </div>\n              <div\n                :style=\"\n                  !item.types_of_instrument.length ? 'margin-top: 31px' : ''\n                \"\n                class=\"d-flex\"\n              >\n                <v-chip-group\n                  v-for=\"(inst, i) in item.types_of_instrument\"\n                  :key=\"i.id\"\n                  multiple\n                  class=\"px-0\"\n                  mandatory\n                >\n                  <v-chip\n                    class=\"px-1 py-2\"\n                    x-small\n                    active\n                    :color=\"getColor(i)\"\n                    label\n                    outlined\n                  >\n                    <span class=\"intru-txt\"> {{ inst }} </span>\n                  </v-chip>\n                </v-chip-group>\n              </div>\n              <div\n                :class=\"\n                  btn_text(item) != 'View Group' ? 'dashed-border' : 'mt-6'\n                \"\n                class=\"d-flex pb-3 justify-space-between\"\n              >\n                <div class=\"details\">\n                  <div v-if=\"item.metrics.closed_trades\">\n                    {{ item.metrics.closed_trades }}\n                  </div>\n                  <div v-else>-</div>\n                  <div>Avg. Trades</div>\n                </div>\n                <div class=\"details\">\n                  <div v-if=\"item.metrics.accuracy\">\n                    {{ item.metrics.accuracy }}%\n                  </div>\n                  <div v-else>-</div>\n                  <div>Accuracy</div>\n                </div>\n                <div class=\"details\">\n                  <div v-if=\"item.metrics.avg_trade_return\">\n                    {{ item.metrics.avg_trade_return }}%\n                  </div>\n                  <div v-else>-</div>\n                  <div>Avg. Returns</div>\n                </div>\n              </div>\n              <div\n                class=\"mt-1\"\n                v-if=\"item.price && btn_text(item) != 'View Group'\"\n              >\n                <span\n                  v-if=\"item.price[0].is_discount_price_live\"\n                  class=\"discount-price\"\n                >\n                  ₹ {{ item.price[0].discount_price }}/{{\n                    item.price[0].plan.slice(0, -2)\n                  }}\n                </span>\n                <span v-else class=\"discount-price\">\n                  ₹ {{ item.price[0].price }}/{{\n                    item.price[0].plan.slice(0, -2)\n                  }}\n                </span>\n                <span v-if=\"item.price[0].is_discount_price_live\">\n                  <span class=\"discount-strike\"\n                    >₹ {{ item.price[0].price }} </span\n                  ><span class=\"discount-percent ml-1\"\n                    >{{ item.price[0].discount_percentage.toFixed(2) }}% OFF\n                  </span>\n                </span>\n              </div>\n            </div>\n          </div>\n        </v-card-text>\n      </v-card>\n    </div>\n  </div>\n</template>\n\n<script>\nimport newAxios from \"@/api/newAxios\";\nexport default {\n  props: {\n    groups: {\n      type: Array,\n      required: true,\n    },\n  },\n  data() {\n    return {\n      kpiData: {},\n      kpi_data_loading: false,\n      group_cover: require(\"@/assets/images/group_cover_image.svg\"),\n      default_user: require(\"@/assets/images/default_user_photo.png\"),\n      premium_badge: require(\"@/assets/images/premium_badge.svg\"),\n    };\n  },\n  computed: {\n    // btn_text() {\n    //   return this.groups.is_participant || this.groups.is_admin\n    //     ? \"View Group\"\n    //     : \"Subscribe\";\n    // },\n  },\n  mounted() {\n    this.getKpis();\n  },\n  methods: {\n    getName(grname) {\n      let name = grname;\n      name = name.split(\" \");\n      if (name[1]) {\n        return (\n          name[0].slice(0, 1).toUpperCase() + name[1].slice(0, 1).toUpperCase()\n        );\n      }\n      return name[0].slice(0, 1).toUpperCase();\n    },\n\n    btn_text(item) {\n      return item.is_participant || item.is_admin ? \"View Group\" : \"Subscribe\";\n    },\n    getColor(i) {\n      const colorMap = [\"#459393\", \"#3F7BC3\", \"#DD9324\"];\n      return colorMap[i] || \"#333333CC\"; // Fallback color\n    },\n    viewGroup(id) {\n      this.$router.push({\n        name: \"premiumGroup\",\n        params: {\n          id: id,\n        },\n      });\n    },\n    getSebi(item) {\n      if (item == \"registered_analyst\") {\n        return \"RA\";\n      } else {\n        return \"RIA\";\n      }\n    },\n    getKpis() {\n      this.kpi_data_loading = true;\n      const onSuccess = (res) => {\n        this.kpiData = res.data.result;\n        this.kpi_data_loading = false;\n      };\n      const onFailure = () => {\n        this.kpi_data_loading = false;\n      };\n      let params = {};\n      params[\"group_id\"] = this.groups[0].id;\n      params[\"filters\"] = \"ALL\";\n      newAxios(\"get\", \"/api/group-kpis/\", {\n        params: params,\n        onSuccess,\n        onFailure,\n        isTokenRequired: false,\n      });\n    },\n    goToProfile(item) {\n      this.$router.push({\n        name: \"OthersProfilePage\",\n        params: {\n          //id:425,\n          id: item.admin.id,\n          name: item.name,\n        },\n      });\n    },\n  },\n};\n</script>\n\n<style lang=\"scss\" scoped>\n@media only screen and (max-width: 768px) {\n  .user-name {\n    height: 159px !important;\n    border-top-right-radius: 0px !important;\n    border-bottom-right-radius: 0px !important;\n    width: 108px !important;\n  }\n  .user-name > div {\n    font-size: 35px !important;\n  }\n  .user-image {\n    height: 159px !important;\n    width: 108px !important;\n    border-top-right-radius: 0px !important;\n    border-bottom-right-radius: 0px !important;\n  }\n  .sebi-ra-mobile {\n    position: absolute;\n    padding: 5px;\n    font-family: Avenir;\n    font-size: 9px;\n    font-weight: 500;\n    line-height: 5px;\n    text-align: left;\n    // height: 12px;\n    border-radius: 4px;\n    bottom: 8px;\n    left: 55px;\n    display: inline;\n    border: 0.5px solid;\n    background: linear-gradient(\n      87.32deg,\n      rgba(68, 105, 177, 0.8) 0%,\n      rgba(111, 155, 239, 0.8) 100%\n    );\n    color: #fff;\n    border-image-source: linear-gradient(180deg, #4469b1 0%, #1d2c4b 100%);\n  }\n  .details > div:nth-child(2) {\n    font-family: Avenir;\n    font-size: 9px !important;\n    font-weight: 500;\n    line-height: 13.66px;\n    text-align: left;\n    color: #333333b8;\n  }\n  .user-img-badge {\n    height: 18px;\n    width: 18px;\n    margin-right: 0 !important;\n  }\n}\n.user-name {\n  background-color: #add8e6;\n  color: #333333;\n  width: 60px;\n  height: 60px;\n  border-radius: 4px;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n.user-name > div {\n  font-size: 22px;\n}\n.discount-price {\n  font-family: Avenir;\n  font-size: 12px;\n  font-weight: 800;\n  line-height: 15.03px;\n  text-align: left;\n  color: #333333;\n}\n.discount-percent {\n  color: #27b568;\n  font-family: Avenir;\n  font-size: 10px;\n  font-weight: 500;\n  //   line-height: 12.29px;\n  text-align: left;\n}\n.discount-strike {\n  text-decoration: line-through;\n  font-family: Avenir;\n  font-size: 10px;\n  font-weight: 500;\n  //   line-height: 12.29px;\n  text-align: left;\n  color: #33333370;\n}\n.intru-txt {\n  font-family: Avenir;\n  font-size: 10px;\n  font-weight: 500;\n  line-height: 10.93px;\n  text-align: left;\n}\n.group-header {\n  font-family: Avenir;\n  font-size: 14px;\n  font-weight: 800;\n  line-height: 19.12px;\n  text-align: left;\n  color: #333333;\n}\n.group-subheader {\n  font-family: Avenir;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 13.66px;\n  text-align: left;\n  color: #33333399;\n  text-decoration: underline;\n  cursor: pointer;\n}\n.subscribe {\n  font-family: Avenir;\n  border-radius: 4px;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 16.39px;\n  text-align: center;\n}\n.sebi-ria {\n  padding: 2.2px;\n  font-family: Avenir;\n  font-size: 9px;\n  font-weight: 500;\n  line-height: 12px;\n  text-align: left;\n  color: transparent;\n  background: linear-gradient(180deg, #4469b1 0%, #1d2c4b 100%);\n  border-radius: 4px;\n  -webkit-background-clip: text;\n  background-clip: text;\n  border: 1.33px solid black;\n}\n\n.user-img-badge {\n  width: 18px;\n  height: 18px;\n  margin-left: auto;\n  margin-right: 10px;\n  // margin-top: 8px;\n}\n.user-badge {\n  // height: 18px;\n  margin-top: 8px;\n}\n.user-abs {\n  position: absolute;\n  bottom: -25px;\n  left: 10px;\n}\n.user-image {\n  width: 60px;\n  height: 60px;\n  border-radius: 4px;\n}\n.title-txt {\n  font-family: Avenir;\n  text-align: center;\n  font-size: 12px;\n  font-weight: 500;\n  line-height: 10.55px;\n}\n.details {\n  text-align: center;\n}\n.details > div:first-child {\n  font-family: Avenir;\n  font-size: 13px;\n  font-weight: 800;\n  line-height: 17.76px;\n  color: #333333;\n}\n.details > div:nth-child(2) {\n  font-family: Avenir;\n  font-size: 10px;\n  font-weight: 500;\n  line-height: 13.66px;\n  text-align: left;\n  color: #333333b8;\n}\n.br-radius {\n  border-top-left-radius: 12px;\n  border-top-right-radius: 12px;\n}\n.dashed-border {\n  box-sizing: border-box;\n  border-bottom: 2px dashed #e4e4e4;\n}\n.title {\n  //   text-align: left;\n  height: 17px;\n  background: linear-gradient(\n    102.19deg,\n    #d2c081 0%,\n    #feeeb6 53.13%,\n    #d3bb65 100%\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!./GroupHorizontalListNew.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!./GroupHorizontalListNew.vue?vue&type=script&lang=js&\"","import { render, staticRenderFns } from \"./GroupHorizontalListNew.vue?vue&type=template&id=8ecb0eb6&scoped=true&\"\nimport script from \"./GroupHorizontalListNew.vue?vue&type=script&lang=js&\"\nexport * from \"./GroupHorizontalListNew.vue?vue&type=script&lang=js&\"\nimport style0 from \"./GroupHorizontalListNew.vue?vue&type=style&index=0&id=8ecb0eb6&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  \"8ecb0eb6\",\n  null\n  \n)\n\nexport default component.exports\n\n/* vuetify-loader */\nimport installComponents from \"!../../node_modules/vuetify-loader/lib/runtime/installComponents.js\"\nimport { VBtn } from 'vuetify/lib/components/VBtn';\nimport { VCard } from 'vuetify/lib/components/VCard';\nimport { VCardActions } from 'vuetify/lib/components/VCard';\nimport { VCardText } from 'vuetify/lib/components/VCard';\nimport { VCardTitle } from 'vuetify/lib/components/VCard';\nimport { VChip } from 'vuetify/lib/components/VChip';\nimport { VChipGroup } from 'vuetify/lib/components/VChipGroup';\nimport { VImg } from 'vuetify/lib/components/VImg';\ninstallComponents(component, {VBtn,VCard,VCardActions,VCardText,VCardTitle,VChip,VChipGroup,VImg})\n"],"sourceRoot":""}