cloudinary-video-player 2.0.2-edge.2 → 2.0.2

package/dist/shoppable.light.js

@@ -1,3 +1,4 @@
+"use strict";
 (self["cloudinaryVideoPlayerChunkLoading"] = self["cloudinaryVideoPlayerChunkLoading"] || []).push([["shoppable"],{
 
 /***/ "./components/shoppable-bar/layout/bar-layout.js":
@@ -6,7 +7,6 @@
   \*******************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
@@ -120,7 +120,6 @@ video_js__WEBPACK_IMPORTED_MODULE_0___default().registerComponent('shoppableBarL
   \*******************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
@@ -186,7 +185,6 @@ video_js__WEBPACK_IMPORTED_MODULE_0___default().registerComponent('shoppablePane
   \***********************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
@@ -274,7 +272,6 @@ video_js__WEBPACK_IMPORTED_MODULE_0___default().registerComponent('ShoppableProd
   \****************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
@@ -386,7 +383,6 @@ video_js__WEBPACK_IMPORTED_MODULE_0___default().registerComponent('shoppablePane
   \***********************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
@@ -557,7 +553,6 @@ video_js__WEBPACK_IMPORTED_MODULE_0___default().registerComponent('shoppablePane
   \***********************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
@@ -672,7 +667,6 @@ class ShoppablePostWidget {
   \************************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   CLD_SPBL_IMAGE: () => (/* binding */ CLD_SPBL_IMAGE),
@@ -736,7 +730,6 @@ const CLD_SPBL_IMAGE = 'cld-spbl-img';
   \******************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
@@ -745,7 +738,7 @@ __webpack_require__.r(__webpack_exports__);
 /* harmony import */ var video_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(video_js__WEBPACK_IMPORTED_MODULE_0__);
 /* harmony import */ var _layout_bar_layout__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ./layout/bar-layout */ "./components/shoppable-bar/layout/bar-layout.js");
 /* harmony import */ var _shoppable_post_widget__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! ./shoppable-post-widget */ "./components/shoppable-bar/shoppable-post-widget.js");
-/* harmony import */ var _shoppable_widget_scss_style_loader__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./shoppable-widget.scss?style-loader */ "./components/shoppable-bar/shoppable-widget.scss?style-loader");
+/* harmony import */ var _shoppable_widget_scss__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! ./shoppable-widget.scss */ "./components/shoppable-bar/shoppable-widget.scss");
 /* harmony import */ var _shoppable_widget_const__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! ./shoppable-widget.const */ "./components/shoppable-bar/shoppable-widget.const.js");
 /* harmony import */ var _utils_consts__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! ../../utils/consts */ "./utils/consts.js");
 
@@ -816,7 +809,6 @@ class ShoppableWidget {
   \***********************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   parseTime: () => (/* binding */ parseTime)
@@ -835,741 +827,14 @@ const parseTime = function (hms) {
 
 /***/ }),
 
-/***/ "../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./components/shoppable-bar/shoppable-widget.scss?style-loader":
-/*!****************************************************************************************************************************************************!*\
-  !*** ../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./components/shoppable-bar/shoppable-widget.scss?style-loader ***!
-  \****************************************************************************************************************************************************/
-/***/ ((module, __webpack_exports__, __webpack_require__) => {
-
-"use strict";
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/sourceMaps.js */ "../node_modules/css-loader/dist/runtime/sourceMaps.js");
-/* harmony import */ var _node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! ../../../node_modules/css-loader/dist/runtime/api.js */ "../node_modules/css-loader/dist/runtime/api.js");
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1__);
-// Imports
-
-
-var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_1___default()((_node_modules_css_loader_dist_runtime_sourceMaps_js__WEBPACK_IMPORTED_MODULE_0___default()));
-// Module
-___CSS_LOADER_EXPORT___.push([module.id, `.cld-spbl-bar {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  pointer-events: none;
-  overflow: hidden;
-  z-index: 1;
-}
-
-.cld-spbl-bar-inner {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  transform: translateX(20%);
-  transition: transform 0.3s;
-}
-
-.cld-video-player .vjs-control-bar {
-  transition: width 0.3s;
-}
-
-.shoppable-panel-visible .cld-spbl-bar-inner {
-  transform: translateX(0);
-}
-.shoppable-panel-visible .vjs-control-bar {
-  width: 80%;
-}
-.shoppable-panel-visible .cld-spbl-toggle-icon:before {
-  content: "\\f119";
-}
-
-.cld-spbl-banner-msg {
-  position: absolute;
-  font-size: 2em;
-  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-  left: 0;
-  top: calc(50% + 3em);
-  width: 100%;
-  text-align: center;
-}
-.cld-video-player.vjs-has-started .cld-spbl-banner-msg, .cld-video-player.vjs-error .cld-spbl-banner-msg {
-  display: none;
-}
-
-.cld-spbl-toggle {
-  position: absolute;
-  top: 3%;
-  right: 20%;
-  color: inherit;
-  border-radius: 6px 0 0 6px;
-  width: 40px;
-  height: 40px;
-  line-height: 40px;
-  font-size: 24px;
-  text-align: center;
-  cursor: pointer;
-  pointer-events: all;
-  text-decoration: none;
-}
-.cld-spbl-toggle:hover {
-  color: inherit;
-  text-decoration: none;
-}
-.cld-spbl-toggle:focus {
-  outline: none;
-}
-
-.cld-spbl-toggle-icon {
-  display: block;
-  animation-duration: 1s;
-  animation-fill-mode: both;
-}
-.cld-spbl-toggle-icon.cld-spbl-toggle-custom-icon {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  background-position: center;
-  background-repeat: no-repeat;
-  background-size: 75%;
-}
-.shoppable-panel-hidden .cld-spbl-toggle-icon.cld-spbl-toggle-custom-icon:before {
-  display: none;
-}
-.shoppable-panel-visible .cld-spbl-toggle-icon.cld-spbl-toggle-custom-icon {
-  background-image: none !important;
-}
-.cld-spbl-toggle-icon.animate, .shoppable-panel-hidden .cld-spbl-toggle-icon:hover {
-  animation-name: tada;
-  animation-iteration-count: infinite;
-}
-
-.cld-spbl-panel {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  width: 20%;
-  overflow: auto;
-  pointer-events: all;
-  -ms-overflow-style: none;
-  scrollbar-width: none;
-}
-.cld-spbl-panel::-webkit-scrollbar {
-  display: none;
-}
-
-.cld-spbl-item {
-  display: block;
-  position: relative;
-  margin: 12px 8px;
-  color: inherit;
-  transform: scale(0.98);
-  transition: transform 0.3s;
-}
-.cld-spbl-bar[size=md] .cld-spbl-item {
-  font-size: 10px;
-}
-.cld-spbl-bar[size=sm] .cld-spbl-item {
-  font-size: 8px;
-}
-.cld-spbl-item:before, .cld-spbl-item:after {
-  content: "";
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  z-index: 0;
-  pointer-events: none;
-  box-shadow: 0 0 0;
-  transition: box-shadow 0.3s;
-  border-radius: 3px;
-}
-.cld-spbl-item.active {
-  transform: scale(1);
-}
-.cld-spbl-item.active:before {
-  opacity: 0.5;
-  box-shadow: 0 0 0 4px;
-}
-.cld-spbl-item.active:after {
-  box-shadow: 0 0 0 2px;
-}
-.cld-spbl-item:hover {
-  color: inherit;
-}
-
-.cld-spbl-img {
-  max-width: 100%;
-  height: auto;
-}
-
-.cld-spbl-hover-img {
-  display: none;
-}
-
-.cld-spbl-item-info {
-  position: absolute;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  max-height: 100%;
-  overflow: hidden;
-  padding: 6%;
-}
-
-.cld-spbl-overlay {
-  display: inline-flex;
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  line-height: 1.3;
-  font-size: 120%;
-  text-align: center;
-  padding: 10%;
-  z-index: 1;
-  opacity: 0;
-}
-.cld-spbl-overlay .cld-spbl-overlay-text {
-  margin: auto;
-}
-
-.cld-spbl-item:hover .cld-spbl-overlay {
-  opacity: 1;
-}
-.cld-spbl-item:hover .cld-spbl-overlay ~ .cld-spbl-item-info {
-  display: none;
-}
-.cld-spbl-item:hover .cld-spbl-hover-img {
-  display: block;
-}
-.cld-spbl-item:hover .cld-spbl-hover-img + .cld-spbl-img {
-  display: none;
-}
-
-.cld-spbl-post-play .cld-spbl-post-play-bg {
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  background-size: cover;
-}
-.cld-spbl-post-play .cld-spbl-post-title {
-  position: absolute;
-  font-size: 1.5em;
-  text-shadow: 0 0 5px rgba(0, 0, 0, 0.5);
-  left: 0;
-  top: 0.8em;
-  width: 100%;
-  text-align: center;
-}
-.cld-spbl-post-play .cld-spbl-panel {
-  width: 100%;
-  top: 16%;
-  height: 60%;
-  padding: 10px 8px;
-  white-space: nowrap;
-  background: none !important;
-  cursor: grab;
-}
-.cld-spbl-post-play .cld-spbl-panel:active {
-  cursor: grabbing;
-}
-.cld-spbl-post-play .cld-spbl-item {
-  display: inline-block;
-  width: 28%;
-  padding-top: 28%;
-  margin: 0 8px;
-  white-space: normal;
-  vertical-align: top;
-  border-radius: 10px;
-  overflow: hidden;
-  box-shadow: 0 4px 6px 1.2px rgba(0, 0, 0, 0.24), 0 6px 8px 4px rgba(0, 0, 0, 0.24);
-  transform: none;
-}
-.cld-spbl-post-play .cld-spbl-img {
-  max-width: 100%;
-  max-height: 100%;
-  position: absolute;
-  top: 0;
-  left: 0;
-  bottom: 0;
-  right: 0;
-  margin: 0 auto auto;
-}
-.cld-spbl-post-play .cld-spbl-replay-btn {
-  position: absolute;
-  left: 5%;
-  bottom: 10%;
-  font-family: inherit;
-  padding: 8px 15px;
-  border-radius: 5px;
-}
-.cld-spbl-post-play .cld-spbl-replay-btn:before {
-  font-family: VideoJS;
-  vertical-align: bottom;
-  margin-right: 4px;
-}
-
-.cld-spbl-post-modal .cld-spbl-bar,
-.cld-spbl-post-modal .vjs-big-play-button,
-.cld-spbl-post-modal .vjs-recommendations-overlay {
-  display: none;
-}
-
-@keyframes tada {
-  0% {
-    transform: scale3d(1, 1, 1);
-  }
-  10%, 20% {
-    transform: scale3d(0.9, 0.9, 0.9) rotate3d(0, 0, 1, -3deg);
-  }
-  30%, 50%, 70%, 90% {
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);
-  }
-  40%, 60%, 80% {
-    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);
-  }
-  100% {
-    transform: scale3d(1, 1, 1);
-  }
-}
-.shoppable-products-overlay .vjs-title-bar,
-.shoppable-products-overlay .vjs-big-play-button {
-  display: none !important;
-}
-
-.cld-spbl-products-overlay {
-  position: absolute;
-  width: 100%;
-  top: 50%;
-  transform: translateY(-50%);
-}
-
-.cld-spbl-product-hotspot {
-  pointer-events: all;
-  position: absolute;
-  cursor: pointer;
-  padding: 15px;
-}
-.cld-spbl-product-hotspot:after {
-  content: "";
-  display: block;
-  width: 8px;
-  height: 8px;
-  background: #fff;
-  box-shadow: 0 0 0 4px #0078FF, 0 0 0 8px rgba(0, 120, 255, 0.24);
-  border-radius: 18px;
-}
-.cld-spbl-product-hotspot:hover .cld-spbl-product-tooltip {
-  display: block;
-}
-
-.cld-spbl-product-tooltip {
-  display: none;
-  position: absolute;
-  white-space: nowrap;
-  padding: 4px 6px;
-  border-radius: 4px;
-  top: 100%;
-  left: 50%;
-  transform: translateX(-50%);
-}
-.cld-spbl-product-tooltip.cld-spbl-product-tooltip-top {
-  top: auto;
-  bottom: 100%;
-}
-.cld-spbl-product-tooltip.cld-spbl-product-tooltip-left {
-  top: 50%;
-  right: 100%;
-  left: auto;
-  transform: translateY(-50%);
-}
-.cld-spbl-product-tooltip.cld-spbl-product-tooltip-right {
-  top: 50%;
-  left: 100%;
-  transform: translateY(-50%);
-}`, "",{"version":3,"sources":["webpack://./components/shoppable-bar/shoppable-widget.scss"],"names":[],"mappings":"AACA;EACE,kBAAA;EACA,MAAA;EACA,QAAA;EACA,SAAA;EACA,OAAA;EACA,oBAAA;EACA,gBAAA;EACA,UAAA;AAAF;;AAEA;EACE,kBAAA;EACA,MAAA;EACA,QAAA;EACA,SAAA;EACA,OAAA;EACA,0BAAA;EACA,0BAAA;AACF;;AACA;EACE,sBAAA;AAEF;;AACE;EACE,wBAAA;AAEJ;AAAE;EACE,UAAA;AAEJ;AAAE;EACE,gBAAA;AAEJ;;AACA;EACE,kBAAA;EACA,cAAA;EACA,uCAAA;EACA,OAAA;EACA,oBAAA;EACA,WAAA;EACA,kBAAA;AAEF;AADE;EAEE,aAAA;AAEJ;;AACA;EACE,kBAAA;EACA,OAAA;EACA,UAlDM;EAmDN,cAAA;EACA,0BAAA;EACA,WAAA;EACA,YAAA;EACA,iBAAA;EACA,eAAA;EACA,kBAAA;EACA,eAAA;EACA,mBAAA;EACA,qBAAA;AAEF;AADE;EACE,cAAA;EACA,qBAAA;AAGJ;AADE;EACE,aAAA;AAGJ;;AAAA;EAuBE,cAAA;EACA,sBAAA;EACA,yBAAA;AAnBF;AAHE;EACE,kBAAA;EACA,MAAA;EACA,QAAA;EACA,SAAA;EACA,OAAA;EACA,2BAAA;EACA,4BAAA;EACA,oBAAA;AAKJ;AAHM;EACE,aAAA;AAKR;AAFI;EACE,iCAAA;AAIN;AAIE;EAEE,oBAAA;EACA,mCAAA;AAHJ;;AAOA;EACE,kBAAA;EACA,MAAA;EACA,QAAA;EACA,SAAA;EACA,UA3GM;EA4GN,cAAA;EACA,mBAAA;EAGA,wBAAA;EACA,qBAAA;AANF;AAOE;EACE,aAAA;AALJ;;AAQA;EACE,cAAA;EACA,kBAAA;EACA,gBAAA;EACA,cAAA;EACA,sBAAA;EACA,0BAAA;AALF;AAOE;EACE,eAAA;AALJ;AAOE;EACE,cAAA;AALJ;AAQE;EAEE,WAAA;EACA,kBAAA;EACA,MAAA;EACA,QAAA;EACA,SAAA;EACA,OAAA;EACA,UAAA;EACA,oBAAA;EACA,iBAAA;EACA,2BAAA;EACA,kBAAA;AAPJ;AASE;EACE,mBAAA;AAPJ;AAQI;EACE,YAAA;EACA,qBAAA;AANN;AAQI;EACE,qBAAA;AANN;AAUE;EACE,cAAA;AARJ;;AAWA;EACE,eAAA;EACA,YAAA;AARF;;AAUA;EACE,aAAA;AAPF;;AASA;EACE,kBAAA;EACA,QAAA;EACA,SAAA;EACA,OAAA;EACA,gBAAA;EACA,gBAAA;EACA,WAAA;AANF;;AAQA;EACE,oBAAA;EACA,kBAAA;EACA,MAAA;EACA,QAAA;EACA,SAAA;EACA,OAAA;EACA,gBAAA;EACA,eAAA;EACA,kBAAA;EACA,YAAA;EACA,UAAA;EACA,UAAA;AALF;AAOE;EACE,YAAA;AALJ;;AASE;EACE,UAAA;AANJ;AAOI;EACE,aAAA;AALN;AAQE;EACE,cAAA;AANJ;AAQM;EACE,aAAA;AANR;;AAaE;EACE,kBAAA;EACA,MAAA;EACA,OAAA;EACA,SAAA;EACA,QAAA;EACA,sBAAA;AAVJ;AAYE;EACE,kBAAA;EACA,gBAAA;EACA,uCAAA;EACA,OAAA;EACA,UAAA;EACA,WAAA;EACA,kBAAA;AAVJ;AAYE;EACE,WAAA;EACA,QAAA;EACA,WAAA;EACA,iBAAA;EACA,mBAAA;EACA,2BAAA;EAEA,YAAA;AAXJ;AAYI;EACE,gBAAA;AAVN;AAaE;EACE,qBAAA;EACA,UAAA;EACA,gBAAA;EACA,aAAA;EACA,mBAAA;EACA,mBAAA;EACA,mBAAA;EACA,gBAAA;EACA,kFAAA;EACA,eAAA;AAXJ;AAaE;EACE,eAAA;EACA,gBAAA;EACA,kBAAA;EACA,MAAA;EACA,OAAA;EACA,SAAA;EACA,QAAA;EACA,mBAAA;AAXJ;AAaE;EACE,kBAAA;EACA,QAAA;EACA,WAAA;EACA,oBAAA;EACA,iBAAA;EACA,kBAAA;AAXJ;AAYI;EACE,oBAAA;EACA,sBAAA;EACA,iBAAA;AAVN;;AAgBE;;;EAGE,aAAA;AAbJ;;AAiBA;EACE;IACE,2BAAA;EAdF;EAgBA;IACE,0DAAA;EAdF;EAgBA;IACE,yDAAA;EAdF;EAgBA;IACE,0DAAA;EAdF;EAgBA;IACE,2BAAA;EAdF;AACF;AAmBE;;EAEE,wBAAA;AAjBJ;;AAoBA;EACE,kBAAA;EACA,WAAA;EACA,QAAA;EACA,2BAAA;AAjBF;;AAmBA;EACE,mBAAA;EACA,kBAAA;EACA,eAAA;EACA,aAAA;AAhBF;AAiBE;EACE,WAAA;EACA,cAAA;EACA,UAAA;EACA,WAAA;EACA,gBAAA;EACA,gEAAA;EACA,mBAAA;AAfJ;AAkBE;EACE,cAAA;AAhBJ;;AAmBA;EACE,aAAA;EACA,kBAAA;EACA,mBAAA;EACA,gBAAA;EACA,kBAAA;EACA,SAAA;EACA,SAAA;EACA,2BAAA;AAhBF;AAiBE;EACE,SAAA;EACA,YAAA;AAfJ;AAiBE;EACE,QAAA;EACA,WAAA;EACA,UAAA;EACA,2BAAA;AAfJ;AAiBE;EACE,QAAA;EACA,UAAA;EACA,2BAAA;AAfJ","sourcesContent":["$width: 20%;\n.cld-spbl-bar {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  pointer-events: none;\n  overflow: hidden;\n  z-index: 1;\n}\n.cld-spbl-bar-inner {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  transform: translateX($width);\n  transition: transform .3s;\n}\n.cld-video-player .vjs-control-bar {\n  transition: width .3s;\n}\n.shoppable-panel-visible {\n  .cld-spbl-bar-inner {\n    transform: translateX(0);\n  }\n  .vjs-control-bar {\n    width: 100% - $width;\n  }\n  .cld-spbl-toggle-icon:before {\n    content: \"\\f119\";\n  }\n}\n.cld-spbl-banner-msg {\n  position: absolute;\n  font-size: 2em;\n  text-shadow: 0 0 5px rgba(#000, .5);\n  left: 0;\n  top: calc(50% + 3em);\n  width: 100%;\n  text-align: center;\n  .cld-video-player.vjs-has-started &,\n  .cld-video-player.vjs-error & {\n    display: none;\n  }\n}\n.cld-spbl-toggle {\n  position: absolute;\n  top: 3%;\n  right: $width;\n  color: inherit;\n  border-radius: 6px 0 0 6px;\n  width: 40px;\n  height: 40px;\n  line-height: 40px;\n  font-size: 24px;\n  text-align: center;\n  cursor: pointer;\n  pointer-events: all;\n  text-decoration: none;\n  &:hover {\n    color: inherit;\n    text-decoration: none;\n  }\n  &:focus {\n    outline: none;\n  }\n}\n.cld-spbl-toggle-icon {\n\n  // Custom toggle icon\n  &.cld-spbl-toggle-custom-icon {\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    background-position: center;\n    background-repeat: no-repeat;\n    background-size: 75%;\n    .shoppable-panel-hidden & {\n      &:before {\n        display: none;\n      }\n    }\n    .shoppable-panel-visible & {\n      background-image: none !important;\n    }\n  }\n\n  // Animate\n  display: block;\n  animation-duration: 1s;\n  animation-fill-mode: both;\n  &.animate,\n  .shoppable-panel-hidden &:hover {\n    animation-name: tada;\n    animation-iteration-count: infinite;\n  }\n\n}\n.cld-spbl-panel {\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  width: $width;\n  overflow: auto;\n  pointer-events: all;\n\n  // Hide scrollbar\n  -ms-overflow-style: none;  // Internet Explorer 10+\n  scrollbar-width: none;  // Firefox\n  &::-webkit-scrollbar {\n    display: none;  // Safari and Chrome\n  }\n}\n.cld-spbl-item {\n  display: block;\n  position: relative;\n  margin: 12px 8px;\n  color: inherit;\n  transform: scale(0.98);\n  transition: transform .3s;\n\n  .cld-spbl-bar[size=\"md\"] & {\n    font-size: 10px;\n  }\n  .cld-spbl-bar[size=\"sm\"] & {\n    font-size: 8px;\n  }\n\n  &:before,\n  &:after {\n    content:  \"\";\n    position: absolute;\n    top: 0;\n    right: 0;\n    bottom: 0;\n    left: 0;\n    z-index: 0;\n    pointer-events: none;\n    box-shadow: 0 0 0;\n    transition: box-shadow .3s;\n    border-radius: 3px;\n  }\n  &.active {\n    transform: scale(1);\n    &:before {\n      opacity: .5;\n      box-shadow: 0 0 0 4px;\n    }\n    &:after {\n      box-shadow: 0 0 0 2px;\n    }\n\n  }\n  &:hover {\n    color: inherit;\n  }\n}\n.cld-spbl-img {\n  max-width: 100%;\n  height: auto;\n}\n.cld-spbl-hover-img {\n  display: none;\n}\n.cld-spbl-item-info {\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  max-height: 100%;\n  overflow: hidden;\n  padding: 6%;\n}\n.cld-spbl-overlay {\n  display: inline-flex;\n  position: absolute;\n  top: 0;\n  right: 0;\n  bottom: 0;\n  left: 0;\n  line-height: 1.3;\n  font-size: 120%;\n  text-align: center;\n  padding: 10%;\n  z-index: 1;\n  opacity: 0;\n\n  .cld-spbl-overlay-text {\n    margin: auto;\n  }\n}\n.cld-spbl-item:hover {\n  .cld-spbl-overlay {\n    opacity: 1;\n    ~ .cld-spbl-item-info {\n      display: none;\n    }\n  }\n  .cld-spbl-hover-img {\n    display: block;\n    + {\n      .cld-spbl-img {\n        display: none;\n      }\n    }\n  }\n}\n\n.cld-spbl-post-play {\n  .cld-spbl-post-play-bg {\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    background-size: cover;\n  }\n  .cld-spbl-post-title {\n    position: absolute;\n    font-size: 1.5em;\n    text-shadow: 0 0 5px rgba(#000, .5);\n    left: 0;\n    top: 0.8em;\n    width: 100%;\n    text-align: center;\n  }\n  .cld-spbl-panel {\n    width:  100%;\n    top: 16%;\n    height: 60%;\n    padding: 10px 8px;\n    white-space: nowrap;\n    background: none !important;\n\n    cursor: grab;\n    &:active {\n      cursor: grabbing;\n    }\n  }\n  .cld-spbl-item {\n    display: inline-block;\n    width: 28%;\n    padding-top: 28%;\n    margin: 0 8px;\n    white-space: normal;\n    vertical-align: top;\n    border-radius: 10px;\n    overflow: hidden;\n    box-shadow: 0 4px 6px 1.2px rgba(0,0,0,0.24), 0 6px 8px 4px rgba(0,0,0,0.24);\n    transform: none;\n  }\n  .cld-spbl-img {\n    max-width: 100%;\n    max-height: 100%;\n    position: absolute;\n    top: 0;\n    left: 0;\n    bottom: 0;\n    right: 0;\n    margin: 0 auto auto;\n  }\n  .cld-spbl-replay-btn {\n    position: absolute;\n    left: 5%;\n    bottom: 10%;\n    font-family: inherit;\n    padding: 8px 15px;\n    border-radius: 5px;\n    &:before {\n      font-family: VideoJS;\n      vertical-align: bottom;\n      margin-right: 4px;\n    }\n  }\n}\n\n.cld-spbl-post-modal {\n  .cld-spbl-bar,\n  .vjs-big-play-button,\n  .vjs-recommendations-overlay {\n    display: none;\n  }\n}\n\n@keyframes tada {\n  0% {\n    transform: scale3d(1, 1, 1);\n  }\n  10%, 20% {\n    transform: scale3d(.9, .9, .9) rotate3d(0, 0, 1, -3deg);\n  }\n  30%, 50%, 70%, 90% {\n    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, 3deg);\n  }\n  40%, 60%, 80% {\n    transform: scale3d(1.1, 1.1, 1.1) rotate3d(0, 0, 1, -3deg);\n  }\n  100% {\n    transform: scale3d(1, 1, 1);\n  }\n}\n\n// cld-spbl-products-overlay\n.shoppable-products-overlay {\n  .vjs-title-bar,\n  .vjs-big-play-button {\n    display: none !important;\n  }\n}\n.cld-spbl-products-overlay {\n  position: absolute;\n  width: 100%;\n  top: 50%;\n  transform: translateY(-50%);\n}\n.cld-spbl-product-hotspot {\n  pointer-events: all;\n  position: absolute;\n  cursor: pointer;\n  padding: 15px;\n  &:after {\n    content: '';\n    display: block;\n    width: 8px;\n    height: 8px;\n    background: #fff;\n    box-shadow: 0 0 0 4px #0078FF, 0 0 0 8px rgba(0,120,255,0.24);\n    border-radius: 18px;\n  }\n\n  &:hover .cld-spbl-product-tooltip {\n    display: block;\n  }\n}\n.cld-spbl-product-tooltip {\n  display: none;\n  position: absolute;\n  white-space: nowrap;\n  padding: 4px 6px;\n  border-radius: 4px;\n  top: 100%;\n  left: 50%;\n  transform: translateX(-50%);\n  &.cld-spbl-product-tooltip-top {\n    top: auto;\n    bottom: 100%;\n  }\n  &.cld-spbl-product-tooltip-left {\n    top: 50%;\n    right: 100%;\n    left: auto;\n    transform: translateY(-50%);\n  }\n  &.cld-spbl-product-tooltip-right {\n    top: 50%;\n    left: 100%;\n    transform: translateY(-50%);\n  }\n\n}\n"],"sourceRoot":""}]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-
-
-/***/ }),
-
-/***/ "../node_modules/lodash/debounce.js":
-/*!******************************************!*\
-  !*** ../node_modules/lodash/debounce.js ***!
-  \******************************************/
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-var isObject = __webpack_require__(/*! ./isObject */ "../node_modules/lodash/isObject.js"),
-    now = __webpack_require__(/*! ./now */ "../node_modules/lodash/now.js"),
-    toNumber = __webpack_require__(/*! ./toNumber */ "../node_modules/lodash/toNumber.js");
-
-/** Error message constants. */
-var FUNC_ERROR_TEXT = 'Expected a function';
-
-/* Built-in method references for those with the same name as other `lodash` methods. */
-var nativeMax = Math.max,
-    nativeMin = Math.min;
-
-/**
- * Creates a debounced function that delays invoking `func` until after `wait`
- * milliseconds have elapsed since the last time the debounced function was
- * invoked. The debounced function comes with a `cancel` method to cancel
- * delayed `func` invocations and a `flush` method to immediately invoke them.
- * Provide `options` to indicate whether `func` should be invoked on the
- * leading and/or trailing edge of the `wait` timeout. The `func` is invoked
- * with the last arguments provided to the debounced function. Subsequent
- * calls to the debounced function return the result of the last `func`
- * invocation.
- *
- * **Note:** If `leading` and `trailing` options are `true`, `func` is
- * invoked on the trailing edge of the timeout only if the debounced function
- * is invoked more than once during the `wait` timeout.
- *
- * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
- * until to the next tick, similar to `setTimeout` with a timeout of `0`.
- *
- * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
- * for details over the differences between `_.debounce` and `_.throttle`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Function
- * @param {Function} func The function to debounce.
- * @param {number} [wait=0] The number of milliseconds to delay.
- * @param {Object} [options={}] The options object.
- * @param {boolean} [options.leading=false]
- *  Specify invoking on the leading edge of the timeout.
- * @param {number} [options.maxWait]
- *  The maximum time `func` is allowed to be delayed before it's invoked.
- * @param {boolean} [options.trailing=true]
- *  Specify invoking on the trailing edge of the timeout.
- * @returns {Function} Returns the new debounced function.
- * @example
- *
- * // Avoid costly calculations while the window size is in flux.
- * jQuery(window).on('resize', _.debounce(calculateLayout, 150));
- *
- * // Invoke `sendMail` when clicked, debouncing subsequent calls.
- * jQuery(element).on('click', _.debounce(sendMail, 300, {
- *   'leading': true,
- *   'trailing': false
- * }));
- *
- * // Ensure `batchLog` is invoked once after 1 second of debounced calls.
- * var debounced = _.debounce(batchLog, 250, { 'maxWait': 1000 });
- * var source = new EventSource('/stream');
- * jQuery(source).on('message', debounced);
- *
- * // Cancel the trailing debounced invocation.
- * jQuery(window).on('popstate', debounced.cancel);
- */
-function debounce(func, wait, options) {
-  var lastArgs,
-      lastThis,
-      maxWait,
-      result,
-      timerId,
-      lastCallTime,
-      lastInvokeTime = 0,
-      leading = false,
-      maxing = false,
-      trailing = true;
-
-  if (typeof func != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  wait = toNumber(wait) || 0;
-  if (isObject(options)) {
-    leading = !!options.leading;
-    maxing = 'maxWait' in options;
-    maxWait = maxing ? nativeMax(toNumber(options.maxWait) || 0, wait) : maxWait;
-    trailing = 'trailing' in options ? !!options.trailing : trailing;
-  }
-
-  function invokeFunc(time) {
-    var args = lastArgs,
-        thisArg = lastThis;
-
-    lastArgs = lastThis = undefined;
-    lastInvokeTime = time;
-    result = func.apply(thisArg, args);
-    return result;
-  }
-
-  function leadingEdge(time) {
-    // Reset any `maxWait` timer.
-    lastInvokeTime = time;
-    // Start the timer for the trailing edge.
-    timerId = setTimeout(timerExpired, wait);
-    // Invoke the leading edge.
-    return leading ? invokeFunc(time) : result;
-  }
-
-  function remainingWait(time) {
-    var timeSinceLastCall = time - lastCallTime,
-        timeSinceLastInvoke = time - lastInvokeTime,
-        timeWaiting = wait - timeSinceLastCall;
-
-    return maxing
-      ? nativeMin(timeWaiting, maxWait - timeSinceLastInvoke)
-      : timeWaiting;
-  }
-
-  function shouldInvoke(time) {
-    var timeSinceLastCall = time - lastCallTime,
-        timeSinceLastInvoke = time - lastInvokeTime;
-
-    // Either this is the first call, activity has stopped and we're at the
-    // trailing edge, the system time has gone backwards and we're treating
-    // it as the trailing edge, or we've hit the `maxWait` limit.
-    return (lastCallTime === undefined || (timeSinceLastCall >= wait) ||
-      (timeSinceLastCall < 0) || (maxing && timeSinceLastInvoke >= maxWait));
-  }
-
-  function timerExpired() {
-    var time = now();
-    if (shouldInvoke(time)) {
-      return trailingEdge(time);
-    }
-    // Restart the timer.
-    timerId = setTimeout(timerExpired, remainingWait(time));
-  }
-
-  function trailingEdge(time) {
-    timerId = undefined;
-
-    // Only invoke if we have `lastArgs` which means `func` has been
-    // debounced at least once.
-    if (trailing && lastArgs) {
-      return invokeFunc(time);
-    }
-    lastArgs = lastThis = undefined;
-    return result;
-  }
-
-  function cancel() {
-    if (timerId !== undefined) {
-      clearTimeout(timerId);
-    }
-    lastInvokeTime = 0;
-    lastArgs = lastCallTime = lastThis = timerId = undefined;
-  }
-
-  function flush() {
-    return timerId === undefined ? result : trailingEdge(now());
-  }
-
-  function debounced() {
-    var time = now(),
-        isInvoking = shouldInvoke(time);
-
-    lastArgs = arguments;
-    lastThis = this;
-    lastCallTime = time;
-
-    if (isInvoking) {
-      if (timerId === undefined) {
-        return leadingEdge(lastCallTime);
-      }
-      if (maxing) {
-        // Handle invocations in a tight loop.
-        clearTimeout(timerId);
-        timerId = setTimeout(timerExpired, wait);
-        return invokeFunc(lastCallTime);
-      }
-    }
-    if (timerId === undefined) {
-      timerId = setTimeout(timerExpired, wait);
-    }
-    return result;
-  }
-  debounced.cancel = cancel;
-  debounced.flush = flush;
-  return debounced;
-}
-
-module.exports = debounce;
-
-
-/***/ }),
-
-/***/ "../node_modules/lodash/now.js":
-/*!*************************************!*\
-  !*** ../node_modules/lodash/now.js ***!
-  \*************************************/
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-var root = __webpack_require__(/*! ./_root */ "../node_modules/lodash/_root.js");
-
-/**
- * Gets the timestamp of the number of milliseconds that have elapsed since
- * the Unix epoch (1 January 1970 00:00:00 UTC).
- *
- * @static
- * @memberOf _
- * @since 2.4.0
- * @category Date
- * @returns {number} Returns the timestamp.
- * @example
- *
- * _.defer(function(stamp) {
- *   console.log(_.now() - stamp);
- * }, _.now());
- * // => Logs the number of milliseconds it took for the deferred invocation.
- */
-var now = function() {
-  return root.Date.now();
-};
-
-module.exports = now;
-
-
-/***/ }),
-
-/***/ "../node_modules/lodash/throttle.js":
-/*!******************************************!*\
-  !*** ../node_modules/lodash/throttle.js ***!
-  \******************************************/
-/***/ ((module, __unused_webpack_exports, __webpack_require__) => {
-
-var debounce = __webpack_require__(/*! ./debounce */ "../node_modules/lodash/debounce.js"),
-    isObject = __webpack_require__(/*! ./isObject */ "../node_modules/lodash/isObject.js");
-
-/** Error message constants. */
-var FUNC_ERROR_TEXT = 'Expected a function';
-
-/**
- * Creates a throttled function that only invokes `func` at most once per
- * every `wait` milliseconds. The throttled function comes with a `cancel`
- * method to cancel delayed `func` invocations and a `flush` method to
- * immediately invoke them. Provide `options` to indicate whether `func`
- * should be invoked on the leading and/or trailing edge of the `wait`
- * timeout. The `func` is invoked with the last arguments provided to the
- * throttled function. Subsequent calls to the throttled function return the
- * result of the last `func` invocation.
- *
- * **Note:** If `leading` and `trailing` options are `true`, `func` is
- * invoked on the trailing edge of the timeout only if the throttled function
- * is invoked more than once during the `wait` timeout.
- *
- * If `wait` is `0` and `leading` is `false`, `func` invocation is deferred
- * until to the next tick, similar to `setTimeout` with a timeout of `0`.
- *
- * See [David Corbacho's article](https://css-tricks.com/debouncing-throttling-explained-examples/)
- * for details over the differences between `_.throttle` and `_.debounce`.
- *
- * @static
- * @memberOf _
- * @since 0.1.0
- * @category Function
- * @param {Function} func The function to throttle.
- * @param {number} [wait=0] The number of milliseconds to throttle invocations to.
- * @param {Object} [options={}] The options object.
- * @param {boolean} [options.leading=true]
- *  Specify invoking on the leading edge of the timeout.
- * @param {boolean} [options.trailing=true]
- *  Specify invoking on the trailing edge of the timeout.
- * @returns {Function} Returns the new throttled function.
- * @example
- *
- * // Avoid excessively updating the position while scrolling.
- * jQuery(window).on('scroll', _.throttle(updatePosition, 100));
- *
- * // Invoke `renewToken` when the click event is fired, but not more than once every 5 minutes.
- * var throttled = _.throttle(renewToken, 300000, { 'trailing': false });
- * jQuery(element).on('click', throttled);
- *
- * // Cancel the trailing throttled invocation.
- * jQuery(window).on('popstate', throttled.cancel);
- */
-function throttle(func, wait, options) {
-  var leading = true,
-      trailing = true;
-
-  if (typeof func != 'function') {
-    throw new TypeError(FUNC_ERROR_TEXT);
-  }
-  if (isObject(options)) {
-    leading = 'leading' in options ? !!options.leading : leading;
-    trailing = 'trailing' in options ? !!options.trailing : trailing;
-  }
-  return debounce(func, wait, {
-    'leading': leading,
-    'maxWait': wait,
-    'trailing': trailing
-  });
-}
-
-module.exports = throttle;
-
-
-/***/ }),
-
-/***/ "./components/shoppable-bar/shoppable-widget.scss?style-loader":
-/*!*********************************************************************!*\
-  !*** ./components/shoppable-bar/shoppable-widget.scss?style-loader ***!
-  \*********************************************************************/
+/***/ "./components/shoppable-bar/shoppable-widget.scss":
+/*!********************************************************!*\
+  !*** ./components/shoppable-bar/shoppable-widget.scss ***!
+  \********************************************************/
 /***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
 
-"use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
-/* harmony export */ });
-/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js */ "../node_modules/style-loader/dist/runtime/injectStylesIntoStyleTag.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleDomAPI.js */ "../node_modules/style-loader/dist/runtime/styleDomAPI.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertBySelector.js */ "../node_modules/style-loader/dist/runtime/insertBySelector.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js */ "../node_modules/style-loader/dist/runtime/setAttributesWithoutAttributes.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/insertStyleElement.js */ "../node_modules/style-loader/dist/runtime/insertStyleElement.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4__);
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__ = __webpack_require__(/*! !../../../node_modules/style-loader/dist/runtime/styleTagTransform.js */ "../node_modules/style-loader/dist/runtime/styleTagTransform.js");
-/* harmony import */ var _node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default = /*#__PURE__*/__webpack_require__.n(_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5__);
-/* harmony import */ var _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_shoppable_widget_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__ = __webpack_require__(/*! !!../../../node_modules/css-loader/dist/cjs.js!../../../node_modules/sass-loader/dist/cjs.js!./shoppable-widget.scss?style-loader */ "../node_modules/css-loader/dist/cjs.js!../node_modules/sass-loader/dist/cjs.js!./components/shoppable-bar/shoppable-widget.scss?style-loader");
-
-      
-      
-      
-      
-      
-      
-      
-      
-      
-
-var options = {};
-
-options.styleTagTransform = (_node_modules_style_loader_dist_runtime_styleTagTransform_js__WEBPACK_IMPORTED_MODULE_5___default());
-options.setAttributes = (_node_modules_style_loader_dist_runtime_setAttributesWithoutAttributes_js__WEBPACK_IMPORTED_MODULE_3___default());
-options.insert = _node_modules_style_loader_dist_runtime_insertBySelector_js__WEBPACK_IMPORTED_MODULE_2___default().bind(null, "head");
-options.domAPI = (_node_modules_style_loader_dist_runtime_styleDomAPI_js__WEBPACK_IMPORTED_MODULE_1___default());
-options.insertStyleElement = (_node_modules_style_loader_dist_runtime_insertStyleElement_js__WEBPACK_IMPORTED_MODULE_4___default());
-
-var update = _node_modules_style_loader_dist_runtime_injectStylesIntoStyleTag_js__WEBPACK_IMPORTED_MODULE_0___default()(_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_shoppable_widget_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"], options);
-
-
-
-
-       /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (_node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_shoppable_widget_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"] && _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_shoppable_widget_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"].locals ? _node_modules_css_loader_dist_cjs_js_node_modules_sass_loader_dist_cjs_js_shoppable_widget_scss_style_loader__WEBPACK_IMPORTED_MODULE_6__["default"].locals : undefined);
+// extracted by mini-css-extract-plugin
 
 
 /***/ })