{"version":3,"sources":["webpack:///./src/views/Product-Detail/ProductDetail.vue","webpack:///./src/views/Product-Detail/ProductDetail.vue?64fc","webpack:///./src/views/Product-Detail/ProductDetail.vue?2a65","webpack:///./src/views/Product-Detail/ProductDetail.vue?feba","webpack:///./src/views/Product-Detail/ProductDetail.vue?9c13","webpack:///./src/views/Product-Detail/ProductDetail.vue?b66f","webpack:///./src/views/Product-Detail/ProductDetail.vue?d7aa","webpack:///./src/views/Product-Detail/ProductDetail.vue?dcc4"],"names":[],"mappings":"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IAP1C,wEAAS,CAAC;QACT,UAAU,EAAE;YACV,wGAAmB;YACnB,+FAAoB;YACpB,oFAAe;SAChB;KACF,CAAC;GACmB,sBAAsB,CAmG1C;AAnGoB,qFAAsB;;;;;;;;;;;;;ACpJ3C;AAAA;AAAA;AAAA;AACA;AACA;AACA;AACA;AACA;AACA,KAAK,yCAAyC;AAC9C;AACA,wBAAwB,SAAS,+BAA+B,EAAE;AAClE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,WAAW;AACX;AACA;AACA;AACA;AACA,mBAAmB,SAAS,kBAAkB,EAAE;AAChD;AACA;AACA;AACA,uBAAuB,yCAAyC,UAAU,EAAE;AAC5E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B;AAC3B;AACA;AACA;AACA;AACA;AACA,8CAA8C,SAAS,iBAAiB,EAAE;AAC1E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,SAAS,UAAU,EAAE;AAChD;AACA;AACA;AACA,+BAA+B,4BAA4B;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qDAAqD;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2DAA2D;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qDAAqD;AACrD;AACA;AACA;AACA;AACA,qDAAqD;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qDAAqD;AACrD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iEAAiE;AACjE;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2DAA2D;AAC3D;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mDAAmD;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iCAAiC;AACjC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,2BAA2B,SAAS,UAAU,EAAE;AAChD;AACA;AACA;AACA;AACA;AACA;AACA,mCAAmC,SAAS;AAC5C;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,mDAAmD;AACnD;AACA;AACA,mDAAmD;AACnD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,iDAAiD;AACjD;AACA;AACA;AACA;AACA;AACA;AACA;AACA,qCAAqC;AACrC;AACA;AACA;AACA,+BAA+B;AAC/B;AACA;AACA;AACA;AACA,+BAA+B,4BAA4B;AAC3D;AACA;AACA;AACA;AACA;AACA,uCAAuC;AACvC;AACA;AACA;AACA;AACA;AACA,qCAAqC;AACrC;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;;;;;;;;;;;;ACjSA;AACA,kCAAkC,mBAAO,CAAC,2GAAsD;AAChG;AACA;AACA,cAAc,QAAS,sBAAsB,oyBAAoyB,gKAAgK,kBAAkB,uEAAuE,2BAA2B,OAAO,KAAK,kCAAkC,kBAAkB,KAAK,yBAAyB,yBAAyB,KAAK,4BAA4B,yBAAyB,KAAK,0SAA0S,kBAAkB,2DAA2D,2BAA2B,kEAAkE,6DAA6D,SAAS,OAAO,KAAK,oCAAoC,kBAAkB,KAAK,wBAAwB,yBAAyB,KAAK,oDAAoD,yDAAyD,KAAK,6JAA6J,8EAA8E,2BAA2B,OAAO,KAAK,kDAAkD,yBAAyB,KAAK,0BAA0B,yBAAyB,KAAK,kEAAkE,4CAA4C,2BAA2B,OAAO,KAAK,2MAA2M,yBAAyB,KAAK,sDAAsD,OAAO,kDAAkD,OAAO,oPAAoP,kBAAkB,2BAA2B,iBAAiB,GAAG,4EAA4E,iBAAiB,qBAAqB,GAAG,0FAA0F,oBAAoB,GAAG,iFAAiF,mBAAmB,gBAAgB,iBAAiB,sBAAsB,GAAG,kGAAkG,iBAAiB,uBAAuB,GAAG,qGAAqG,+CAA+C,GAAG,oGAAoG,gDAAgD,0BAA0B,GAAG,yGAAyG,uBAAuB,GAAG,mHAAmH,+CAA+C,GAAG,6BAA6B,kGAAkG,uBAAuB,kBAAkB,GAAG,uMAAuM,kBAAkB,mBAAmB,qBAAqB,kBAAkB,GAAG,qGAAqG,0BAA0B,GAAG,oGAAoG,gBAAgB,iBAAiB,GAAG,GAAG,6BAA6B,4EAA4E,uBAAuB,GAAG,GAAG,yDAAyD,wBAAwB,kBAAkB,4BAA4B,wBAAwB,GAAG;AACt1K;AACA;;;;;;;;;;;;ACNA;;AAEA;AACA,cAAc,mBAAO,CAAC,q6BAA0gB;AAChiB,4CAA4C,QAAS;AACrD;AACA;AACA,UAAU,mBAAO,CAAC,6HAAgE;AAClF,8CAA8C,qCAAqC;AACnF;AACA,GAAG,KAAU,EAAE,E;;;;;;;;;;;;ACVf;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAuG;AACvC;AACL;AACsC;;;AAGjG;AAC2H;AAC3H,gBAAgB,wIAAU;AAC1B,EAAE,kFAAM;AACR,EAAE,mGAAM;AACR,EAAE,4GAAe;AACjB;AACA;AACA;AACA;;AAEA;;AAEA;AACsG;AACnD;AACE;AACQ;AACI;AACb;AACG;AACF;AACF;AAC0B;AACzB;AACG;AACvD,oGAAiB,aAAa,sEAAI,CAAC,yEAAK,CAAC,qFAAS,CAAC,6FAAa,CAAC,uEAAI,CAAC,4EAAM,CAAC,0EAAK,CAAC,uEAAI,CAAC,8GAAiB,CAAC,uEAAI,CAAC,6EAAM,CAAC;;;AAGtH;AACA,IAAI,KAAU,EAAE,YAiBf;AACD;AACe,gF;;;;;;;;;;;;ACvDf;AAAA;AAAA,wCAAuU,CAAgB,4WAAG,EAAC,C;;;;;;;;;;;;ACA3V;AAAA;AAAA;AAAA;;;;;;;;;;;;;ACAA;AAAA;AAAA;AAAA;AAAA;AAAA","file":"js/9.js","sourcesContent":["\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\n\nimport { Vue, Component } from \"vue-property-decorator\";\nimport { ReplaySubject } from \"rxjs\";\nimport { takeUntil } from \"rxjs/operators\";\n\nimport FooterComponent from \"@/components/core/Footer.vue\";\nimport CityDarkBGComponent from \"@/components/core/backgrounds/CityDarkBG.vue\";\nimport VideoPlayerComponent from \"@/components/media/VideoPlayer.vue\";\n\n// import VueIntercom from \"vue-intercom\";\n\nimport { LocaleService, ProductService, MetaService } from \"@/services\";\nimport { Media, ProductDetail } from \"@/types\";\nimport { getExploreMoreLink, blobDataPath } from \"@/util\";\n\n@Component({\n  components: {\n    CityDarkBGComponent,\n    VideoPlayerComponent,\n    FooterComponent,\n  },\n})\nexport default class ProductDetailComponent extends Vue {\n  private localeService = new LocaleService();\n  private metaService = new MetaService();\n  // public intercom = new VueIntercom({\n  //   appId: process.env.VUE_APP_INTERCOM_APP_ID,\n  // });\n\n  public getExploreMoreLink = getExploreMoreLink;\n\n  private xonReady = false;\n  public get onReady(): boolean {\n    return this.xonReady;\n  }\n  public set onReady(ready: boolean) {\n    this.xonReady = ready;\n  }\n\n  private xproductData: ProductDetail | null = null;\n  public get productData(): ProductDetail | null {\n    return this.xproductData;\n  }\n  public set productData(product: ProductDetail | null) {\n    this.xproductData = product;\n  }\n\n  private xshowPlayer = false;\n  public get showPlayer(): boolean {\n    return this.xshowPlayer;\n  }\n  public set showPlayer(show: boolean) {\n    this.xshowPlayer = show;\n  }\n\n  public getMediaPath(media: Media): string {\n    return (\n      blobDataPath +\n      (media.type === \"video\" ? media.poster.url : media.sources[0].url)\n    );\n  }\n\n  public getSrcPath(url: string): string {\n    return blobDataPath + url;\n  }\n\n  public mediaClick(media: Media | null): void {\n    media && media.type === \"video\" ? (this.showPlayer = true) : null;\n  }\n\n  private destroyed$: ReplaySubject<boolean> = new ReplaySubject(1);\n\n  private productService = new ProductService();\n\n  private created(): void {\n    if (!this.$route.params.name) {\n      this.$router.push(\"city\");\n    }\n\n    this.productService\n      .getProductDataByName(this.$route.params.name)\n      .pipe(takeUntil(this.destroyed$))\n      .subscribe((product: ProductDetail | undefined) => {\n        if (product) {\n          this.productData = product;\n          if (\n            product.metaDescription == undefined ||\n            product.metaTitle == undefined\n          ) {\n            this.metaService.updateMetaDescription(product.description);\n            this.metaService.updateMetaTitle(product.heading);\n          } else {\n            this.metaService.updateMetaDescription(product.metaDescription);\n            this.metaService.updateMetaTitle(product.metaTitle);\n          }\n        }\n      });\n  }\n\n  private mounted(): void {\n    this.onReady = true;\n    const locale = this.localeService.getLocale();\n    // if (\n    //   String(process.env.VUE_APP_ENABLE_INTERCOM) == \"true\" &&\n    //   locale.code === \"en\"\n    // ) {\n    //   //wait 10 seconds\n    //   setTimeout(() => {\n    //     this.intercom.show();\n    //   }, 10000);\n    // }\n  }\n\n  private destroyed(): void {\n    this.destroyed$.next(true);\n    this.destroyed$.complete();\n  }\n\n  onImgLoad(): void {\n    this.$emit(\"loaded\", true);\n  }\n}\n","var render = function() {\n  var _vm = this\n  var _h = _vm.$createElement\n  var _c = _vm._self._c || _h\n  return _c(\n    \"div\",\n    { staticClass: \"product-details-wrapper\" },\n    [\n      _c(\"transition\", { attrs: { name: \"fade\", mode: \"out-in\" } }, [\n        _c(\n          \"div\",\n          {\n            directives: [\n              {\n                name: \"show\",\n                rawName: \"v-show\",\n                value: _vm.onReady,\n                expression: \"onReady\"\n              }\n            ],\n            staticClass: \"product-details-inner-wrapper\"\n          },\n          [\n            _vm.productData && _vm.productData.id\n              ? _c(\n                  \"v-row\",\n                  { attrs: { align: \"center\" } },\n                  [\n                    _c(\n                      \"v-col\",\n                      { staticClass: \"product-content\", attrs: { md: \"5\" } },\n                      [\n                        _c(\"h1\", [_vm._v(_vm._s(_vm.productData.heading))]),\n                        _c(\"p\", [\n                          _vm._v(\n                            \" \" + _vm._s(_vm.productData.description) + \" \"\n                          )\n                        ]),\n                        _c(\n                          \"v-btn\",\n                          {\n                            staticClass: \"white--text\",\n                            attrs: {\n                              text: \"\",\n                              target: \"_blank\",\n                              disabled: !_vm.productData.buttonLink,\n                              href: _vm.getExploreMoreLink(_vm.productData)\n                            }\n                          },\n                          [\n                            _vm._v(\n                              \" \" + _vm._s(_vm.productData.buttonTitle) + \" \"\n                            ),\n                            _vm.productData.buttonLink\n                              ? _c(\"v-icon\", { attrs: { color: \"white\" } }, [\n                                  _vm._v(\" arrow_forward \")\n                                ])\n                              : _vm._e()\n                          ],\n                          1\n                        )\n                      ],\n                      1\n                    ),\n                    _vm.productData.media.length === 1\n                      ? _c(\n                          \"v-col\",\n                          { attrs: { md: \"7\" } },\n                          [\n                            _c(\n                              \"v-card\",\n                              { staticClass: \"media-card\" },\n                              [\n                                _c(\"v-hover\", {\n                                  scopedSlots: _vm._u(\n                                    [\n                                      {\n                                        key: \"default\",\n                                        fn: function(ref) {\n                                          var hover = ref.hover\n                                          return [\n                                            _vm.productData.media[0].type ===\n                                            \"video\"\n                                              ? [\n                                                  _c(\n                                                    \"video\",\n                                                    {\n                                                      staticClass:\n                                                        \"video-player\",\n                                                      attrs: {\n                                                        controls: \"\",\n                                                        autoplay: true,\n                                                        poster: _vm.getSrcPath(\n                                                          _vm.productData\n                                                            .media[0].poster.url\n                                                        )\n                                                      }\n                                                    },\n                                                    [\n                                                      _vm._l(\n                                                        _vm.productData.media[0]\n                                                          .sources,\n                                                        function(source) {\n                                                          return _c(\"source\", {\n                                                            key: source.hash,\n                                                            attrs: {\n                                                              src: _vm.getSrcPath(\n                                                                source.url\n                                                              ),\n                                                              type: source.mime\n                                                            }\n                                                          })\n                                                        }\n                                                      ),\n                                                      _vm._v(\n                                                        \" Your browser doesn't support HTML5 video tag. \"\n                                                      )\n                                                    ],\n                                                    2\n                                                  )\n                                                ]\n                                              : [\n                                                  _c(\"v-img\", {\n                                                    class: {\n                                                      \"video-poster-display--hovered\": hover\n                                                    },\n                                                    attrs: {\n                                                      src: _vm.getMediaPath(\n                                                        _vm.productData.media[0]\n                                                      )\n                                                    },\n                                                    on: {\n                                                      load: _vm.onImgLoad,\n                                                      click: function($event) {\n                                                        return _vm.mediaClick(\n                                                          _vm.productData\n                                                            .media[0]\n                                                        )\n                                                      }\n                                                    },\n                                                    scopedSlots: _vm._u(\n                                                      [\n                                                        {\n                                                          key: \"placeholder\",\n                                                          fn: function() {\n                                                            return [\n                                                              _c(\n                                                                \"v-sheet\",\n                                                                {\n                                                                  staticClass:\n                                                                    \"px-3 pt-3 pb-3 fill-height d-flex\",\n                                                                  attrs: {\n                                                                    color:\n                                                                      \"grey lighten-4\"\n                                                                  }\n                                                                },\n                                                                [\n                                                                  _c(\n                                                                    \"v-progress-circular\",\n                                                                    {\n                                                                      staticClass:\n                                                                        \"progress\",\n                                                                      attrs: {\n                                                                        size: 70,\n                                                                        width: 7,\n                                                                        color:\n                                                                          \"secondary\",\n                                                                        indeterminate:\n                                                                          \"\"\n                                                                      }\n                                                                    }\n                                                                  )\n                                                                ],\n                                                                1\n                                                              )\n                                                            ]\n                                                          },\n                                                          proxy: true\n                                                        }\n                                                      ],\n                                                      null,\n                                                      false,\n                                                      1292503444\n                                                    )\n                                                  })\n                                                ]\n                                          ]\n                                        }\n                                      }\n                                    ],\n                                    null,\n                                    false,\n                                    4203823133\n                                  )\n                                })\n                              ],\n                              1\n                            )\n                          ],\n                          1\n                        )\n                      : _vm.productData.media.length > 1\n                      ? _c(\n                          \"v-col\",\n                          { attrs: { md: \"7\" } },\n                          [\n                            _c(\n                              \"v-carousel\",\n                              _vm._l(_vm.productData.media, function(media, i) {\n                                return _c(\n                                  \"v-carousel-item\",\n                                  { key: i },\n                                  [\n                                    _c(\"v-hover\", {\n                                      scopedSlots: _vm._u(\n                                        [\n                                          {\n                                            key: \"default\",\n                                            fn: function(ref) {\n                                              var hover = ref.hover\n                                              return [\n                                                _c(\"v-img\", {\n                                                  class: {\n                                                    \"video-poster-display video-poster-display--xlarge\":\n                                                      media.type === \"video\",\n                                                    \"video-poster-display--hovered\": hover\n                                                  },\n                                                  attrs: {\n                                                    src: _vm.getMediaPath(media)\n                                                  },\n                                                  on: {\n                                                    click: function($event) {\n                                                      return _vm.mediaClick(\n                                                        media\n                                                      )\n                                                    }\n                                                  }\n                                                })\n                                              ]\n                                            }\n                                          }\n                                        ],\n                                        null,\n                                        true\n                                      )\n                                    })\n                                  ],\n                                  1\n                                )\n                              }),\n                              1\n                            ),\n                            _c(\n                              \"v-card\",\n                              { staticClass: \"media-card\" },\n                              [\n                                _vm.showPlayer\n                                  ? _c(\"VideoPlayerComponent\", {\n                                      attrs: {\n                                        \"player-data\": _vm.productData.media[0]\n                                      },\n                                      on: {\n                                        \"player-closed\": function($event) {\n                                          _vm.showPlayer = false\n                                        }\n                                      }\n                                    })\n                                  : _vm._e()\n                              ],\n                              1\n                            )\n                          ],\n                          1\n                        )\n                      : _vm._e()\n                  ],\n                  1\n                )\n              : _vm._e()\n          ],\n          1\n        )\n      ]),\n      _c(\"FooterComponent\")\n    ],\n    1\n  )\n}\nvar staticRenderFns = []\nrender._withStripped = true\n\nexport { render, staticRenderFns }","// Imports\nvar ___CSS_LOADER_API_IMPORT___ = require(\"../../../node_modules/css-loader/dist/runtime/api.js\");\nexports = ___CSS_LOADER_API_IMPORT___(false);\n// Module\nexports.push([module.id, \"@charset \\\"UTF-8\\\";\\n/**\\n  This file will be automatically compiled from vue-cli and included before applied styles for Vuetify.\\n\\n  *** If you're making variable changes for the app itself, please use the /theme/variables file. ***\\n*/\\n/**\\n  Mixin that keeps the content within 100vw x 100vh by using\\n  dimensions of the asset (1st and 2nd args) to calculate aspect ratio for the media query.\\n\\n  If the media query is greater in the aspect ratio, it flips to using height to fill the space, and auto width\\n  Otherwise, it defaults to using 100 width and auto height.\\n\\n  Example Usage:\\n  - A child image\\n  - Child image is 1920px x 1080px\\n  - Child image should be scaled up to support a blur modifier on itself\\n\\n  @include fluid-child-keep-aspect-ratio(\\n    1920px,\\n    1080px,\\n    'img',\\n    110%\\n  );\\n*/\\n/**\\n  Usage for E in BEM\\n  Place inside of the parent class that is the Block name to be used in the nesting structure of BEM\\n\\n  Example:\\n\\n  .taco {\\n    display: 🌮;\\n\\n    @include element('cheese', 'lettuce', ...'other ingredients') {\\n      width: fit-content;\\n    }\\n  }\\n\\n  ---\\n\\n  Outputs:\\n  .taco {\\n    display: 🌮;\\n  }\\n  .taco .taco__cheese {\\n    width: fit-content;\\n  }\\n\\n  .taco .taco__lettuce {\\n    width: fit-content;\\n  }\\n\\n  ---\\n\\n  -> Dev-note: unquote('*') below adds a space, so it will output .block .block__element instead of .block.block__element\\n\\n*/\\n/**\\n  Usage for M in BEM\\n  Place inside of the parent class that is the Element name to be used in the nesting structure of BEM\\n\\n  Example:\\n\\n  .taco {\\n    display: 🌮;\\n\\n    @include element('sauce', ...'other-ingredients') {\\n      width: fit-content;\\n\\n      @include modifier('insanely-spicy', ...'other-levels') {\\n        content: \\\"Josh's Super Spicy Ghost Pepper Sauce\\\";\\n      }\\n    }\\n  }\\n\\n  ---\\n\\n  Outputs:\\n\\n  .taco {\\n    display: 🌮;\\n  }\\n  .taco .taco__sauce {\\n    width: fit-content;\\n  }\\n  .taco .taco__sauce.taco__sauce--insanely-spicy {\\n    content: \\\"Josh's Super Spicy Ghost Pepper Sauce\\\";\\n  }\\n\\n*/\\n/**\\n  Allows splitting (sharing) styles between multiple elements\\n  Makes it easier to find in DevTools for Mac users 😅\\n\\n  Example:\\n\\n  .taco {\\n    @include share(\\n      '.taco__cheese',\\n      '.taco__lettuce'\\n    ) {\\n      width: fit-content;\\n    }\\n  }\\n\\n  ---\\n\\n  Outputs:\\n\\n  .taco .taco__cheese {\\n    width: fit-content;\\n  }\\n  .taco .taco__lettuce {\\n    width: fit-content;\\n  }\\n\\n  ---\\n\\n  Instead of normally doing it this way:\\n\\n  .taco {\\n    &.taco__cheese,\\n    &.taco__lettuce {\\n      width: fit-content;\\n    }\\n  }\\n\\n  ---\\n\\n  As the above would output it like this,\\n  which we've seen difficulties with read-ability on Mac DevTools when using many sub-elements:\\n\\n  .taco .taco__cheese,\\n  .taco .taco__lettuce {\\n    width: fit-content;\\n  }\\n\\n*/\\n/**\\n  Remove the unit of a length\\n  @param {Number} $number - Number to remove unit from\\n  @return {Number} - Unitless number\\n*/\\n/*  Mixin for parallellogram header section on mobile view  */\\n/*  Mixin for parallellogram borders on mobile view  */\\n/*  Mixin for parallellogram footer on mobile view  */\\n.product-details-wrapper[data-v-3c71443a] {\\n  display: flex;\\n  flex-direction: column;\\n  height: 100%;\\n}\\n.product-details-wrapper .product-details-inner-wrapper[data-v-3c71443a] {\\n  flex-grow: 1;\\n  padding: 7em 4em;\\n}\\n.product-details-wrapper .product-details-inner-wrapper .video-player[data-v-3c71443a] {\\n  max-width: 100%;\\n}\\n.product-details-wrapper .product-details-inner-wrapper .row[data-v-3c71443a] {\\n  margin: 0 auto;\\n  width: 100%;\\n  height: 100%;\\n  max-width: 1920px;\\n}\\n.product-details-wrapper .product-details-inner-wrapper .row .product-content[data-v-3c71443a] {\\n  color: white;\\n  align-self: center;\\n}\\n.product-details-wrapper .product-details-inner-wrapper .row .product-content h1[data-v-3c71443a] {\\n  font: normal normal bold 36px/41px Georgia;\\n}\\n.product-details-wrapper .product-details-inner-wrapper .row .product-content p[data-v-3c71443a] {\\n  font: normal normal normal 18px/24px Roboto;\\n  margin: 16px 0 24px 0;\\n}\\n.product-details-wrapper .product-details-inner-wrapper .row .product-content .v-btn[data-v-3c71443a] {\\n  margin-left: -16px;\\n}\\n.product-details-wrapper .product-details-inner-wrapper .row .product-content .v-btn--disabled[data-v-3c71443a] {\\n  color: rgba(255, 255, 255, 0.5) !important;\\n}\\n@media (max-width: 960px) {\\n.product-details-wrapper .product-details-inner-wrapper .row .product-content[data-v-3c71443a] {\\n    display: initial;\\n    padding: 5%;\\n}\\n.product-details-wrapper .product-details-inner-wrapper .row .product-content h1[data-v-3c71443a], .product-details-wrapper .product-details-inner-wrapper .row .product-content p[data-v-3c71443a] {\\n    width: 100%;\\n    border: none;\\n    display: block;\\n    float: left;\\n}\\n.product-details-wrapper .product-details-inner-wrapper .row .product-content h1[data-v-3c71443a] {\\n    margin: 70px 0 15px;\\n}\\n.product-details-wrapper .product-details-inner-wrapper .row .product-content p[data-v-3c71443a] {\\n    margin: 0;\\n    padding: 0;\\n}\\n}\\n@media (max-width: 960px) {\\n.product-details-wrapper .product-details-inner-wrapper[data-v-3c71443a] {\\n    padding: 25% 0 0;\\n}\\n}\\n.product-details-wrapper .media-card[data-v-3c71443a] {\\n  border-radius: 18px;\\n  display: flex;\\n  justify-content: center;\\n  align-items: center;\\n}\", \"\"]);\n// Exports\nmodule.exports = exports;\n","// style-loader: Adds some css to the DOM by adding a <style> tag\n\n// load the styles\nvar content = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductDetail.vue?vue&type=style&index=0&id=3c71443a&scoped=true&lang=scss\");\nif(typeof content === 'string') content = [[module.id, content, '']];\nif(content.locals) module.exports = content.locals;\n// add the styles to the DOM\nvar add = require(\"!../../../node_modules/vue-style-loader/lib/addStylesClient.js\").default\nvar update = add(\"4407d60b\", content, false, {\"sourceMap\":false,\"shadowMode\":false});\n// Hot Module Replacement\nif(module.hot) {\n // When the styles change, update the <style> tags\n if(!content.locals) {\n   module.hot.accept(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductDetail.vue?vue&type=style&index=0&id=3c71443a&scoped=true&lang=scss\", function() {\n     var newContent = require(\"!!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductDetail.vue?vue&type=style&index=0&id=3c71443a&scoped=true&lang=scss\");\n     if(typeof newContent === 'string') newContent = [[module.id, newContent, '']];\n     update(newContent);\n   });\n }\n // When the module is disposed, remove the <style> tags\n module.hot.dispose(function() { update(); });\n}","import { render, staticRenderFns } from \"./ProductDetail.vue?vue&type=template&id=3c71443a&scoped=true\"\nimport script from \"./ProductDetail.vue?vue&type=script&lang=ts\"\nexport * from \"./ProductDetail.vue?vue&type=script&lang=ts\"\nimport style0 from \"./ProductDetail.vue?vue&type=style&index=0&id=3c71443a&scoped=true&lang=scss\"\n\n\n/* normalize component */\nimport normalizer from \"!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/runtime/componentNormalizer.js\"\nvar component = normalizer(\n  script,\n  render,\n  staticRenderFns,\n  false,\n  null,\n  \"3c71443a\",\n  null\n  \n)\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 { VCarousel } from 'vuetify/lib/components/VCarousel';\nimport { VCarouselItem } from 'vuetify/lib/components/VCarousel';\nimport { VCol } from 'vuetify/lib/components/VGrid';\nimport { VHover } from 'vuetify/lib/components/VHover';\nimport { VIcon } from 'vuetify/lib/components/VIcon';\nimport { VImg } from 'vuetify/lib/components/VImg';\nimport { VProgressCircular } from 'vuetify/lib/components/VProgressCircular';\nimport { VRow } from 'vuetify/lib/components/VGrid';\nimport { VSheet } from 'vuetify/lib/components/VSheet';\ninstallComponents(component, {VBtn,VCard,VCarousel,VCarouselItem,VCol,VHover,VIcon,VImg,VProgressCircular,VRow,VSheet})\n\n\n/* hot reload */\nif (module.hot) {\n  var api = require(\"/home/vsts/work/1/s/app/b-i-connect/node_modules/vue-hot-reload-api/dist/index.js\")\n  api.install(require('vue'))\n  if (api.compatible) {\n    module.hot.accept()\n    if (!api.isRecorded('3c71443a')) {\n      api.createRecord('3c71443a', component.options)\n    } else {\n      api.reload('3c71443a', component.options)\n    }\n    module.hot.accept(\"./ProductDetail.vue?vue&type=template&id=3c71443a&scoped=true\", function () {\n      api.rerender('3c71443a', {\n        render: render,\n        staticRenderFns: staticRenderFns\n      })\n    })\n  }\n}\ncomponent.options.__file = \"src/views/Product-Detail/ProductDetail.vue\"\nexport default component.exports","import mod from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../node_modules/ts-loader/index.js??ref--14-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductDetail.vue?vue&type=script&lang=ts\"; export default mod; export * from \"-!../../../node_modules/cache-loader/dist/cjs.js??ref--14-0!../../../node_modules/ts-loader/index.js??ref--14-1!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductDetail.vue?vue&type=script&lang=ts\"","export * from \"-!../../../node_modules/vue-style-loader/index.js??ref--9-oneOf-1-0!../../../node_modules/css-loader/dist/cjs.js??ref--9-oneOf-1-1!../../../node_modules/@vue/cli-service/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/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductDetail.vue?vue&type=style&index=0&id=3c71443a&scoped=true&lang=scss\"","export * from \"-!../../../node_modules/cache-loader/dist/cjs.js?{\\\"cacheDirectory\\\":\\\"node_modules/.cache/vue-loader\\\",\\\"cacheIdentifier\\\":\\\"db864094-vue-loader-template\\\"}!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/loaders/templateLoader.js??vue-loader-options!../../../node_modules/cache-loader/dist/cjs.js??ref--1-0!../../../node_modules/@vue/cli-service/node_modules/vue-loader/lib/index.js??vue-loader-options!./ProductDetail.vue?vue&type=template&id=3c71443a&scoped=true\""],"sourceRoot":""}