@subiz/widget-v4 4.0.69 → 4.0.70

package/dist/335.js

@@ -0,0 +1,411 @@
+"use strict";
+(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([[335],{
+
+/***/ 2335:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "DEFVAL": () => (/* binding */ DEFVAL),
+/* harmony export */   "default": () => (/* binding */ Contact),
+/* harmony export */   "replaceCssVariable": () => (/* binding */ replaceCssVariable)
+/* harmony export */ });
+/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(819);
+/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(6400);
+/* harmony import */ var _common_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2493);
+function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+
+
+
+
+
+let CSS = (() => __webpack_require__.e(/* import() */ 678).then(__webpack_require__.bind(__webpack_require__, 2678)))();
+
+class Contact extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .up {
+  constructor(props) {
+    super(props);
+
+    _defineProperty(this, "state", {
+      map: false,
+      map_loading: false,
+      map_initialized: false
+    });
+
+    this.showMap = this.showMap.bind(this);
+    this.hideMap = this.hideMap.bind(this);
+  }
+
+  async initMap() {
+    if (this.map_initialized) return;
+    this.setState({
+      map_initialized: true,
+      map_loading: true
+    });
+    await new Loader({
+      apiKey: 'YOUR_API_KEY',
+      version: 'weekly'
+    }).load();
+    this.gmap = new google.maps.Map(document.getElementById('map'));
+    this.setState({
+      map_loading: false
+    });
+  }
+
+  js2css(js, onlyProps) {
+    return _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].js2css */ .Z.js2css(js, onlyProps, {
+      '@font_size': this.props.plugin.popup.font_size,
+      '@font_family': this.props.plugin.popup.font_family,
+      '@text_color': this.props.plugin.popup.text_color,
+      '@primary_color': this.props.plugin.popup.primary_color,
+      '@background': this.props.plugin.popup.background,
+      '@spacer0': spacer / 2 + 'px',
+      '@spacer': spacer + 'px',
+      '@spacer2': spacer * 2 + 'px',
+      '@spacer3': spacer * 3 + 'px'
+    });
+  }
+
+  renderMapButton(button) {
+    let icon = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("svg", {
+      width: "20px",
+      "aria-hidden": "true",
+      focusable: "false",
+      "data-prefix": "fas",
+      "data-icon": "map-marker-alt",
+      role: "img",
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 384 512",
+      class: "svg-inline--fa fa-map-marker-alt fa-w-12 fa-3x"
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("path", {
+      fill: "red",
+      d: "M172.268 501.67C26.97 291.031 0 269.413 0 192 0 85.961 85.961 0 192 0s192 85.961 192 192c0 77.413-26.97 99.031-172.268 309.67-9.535 13.774-29.93 13.773-39.464 0zM192 272c44.183 0 80-35.817 80-80s-35.817-80-80-80-80 35.817-80 80 35.817 80 80 80z",
+      class: ""
+    }));
+    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      class: "contact_button",
+      onClick: this.showMap
+    }, this.renderMapModal(button), icon);
+  }
+
+  async setMap(lat, lng) {
+    console.log('HEE');
+    await this.initMap();
+    console.log('HEE22');
+    window.gmap = this.gmap;
+    this.gmap.map.setCenter(new google.maps.LatLng(lat, lng));
+  }
+
+  renderMapModal(button) {
+    let cls = 'map_modal';
+    if (this.state.map) cls += ' map_modal__show';else cls += ' map_modal__hide';
+    let overlaycls = 'overlay';
+    if (!this.state.map) overlaycls += ' overlay__hidden';
+    let $locations = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].map */ .Z.map(button.map.locations, loc => {
+      return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+        class: "map_location",
+        onClick: e => this.setMap(loc.latitude, loc.longitude)
+      }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", null, loc.name), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", null, loc.latitude), (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", null, loc.longitude));
+    });
+    $locations.unshift((0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      class: "map_title"
+    }, button.map.title));
+    let $map = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      id: "map",
+      style: "height: 100%; width: 100%"
+    }, ' ');
+    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      class: overlaycls,
+      onClick: this.hideMap
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      class: cls,
+      onClick: e => e.stopPropagation()
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      class: "map_body"
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      class: "map_locations"
+    }, $locations), $map, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      class: "mapouter"
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      class: "gmap_canvas"
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("iframe", {
+      width: "300",
+      height: "400",
+      id: "gmap_canvas",
+      src: "https://maps.google.com/maps?q=2880%20Broadway,%20New%20York&t=&z=13&ie=UTF8&iwloc=&output=embed",
+      frameborder: "0",
+      scrolling: "no",
+      marginheight: "0",
+      marginwidth: "0"
+    }))))));
+  }
+
+  hideMap(e) {
+    e.stopPropagation();
+    this.setState({
+      map: false
+    });
+  }
+
+  showMap() {
+    this.setState({
+      map: true
+    });
+  }
+
+  renderZaloButton(button) {
+    let icon = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("svg", {
+      width: "20px ",
+      "aria-hidden": "true",
+      focusable: "false",
+      "data-prefix": "fab",
+      "data-icon": "facebook-f",
+      role: "img",
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 320 512",
+      class: "svg-inline--fa fa-facebook-f fa-w-10 fa-5x"
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("path", {
+      fill: "currentColor",
+      d: "M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z",
+      class: ""
+    }));
+    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      class: "contact_button"
+    }, icon);
+  }
+
+  renderFacebookButton(button) {
+    let icon = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("svg", {
+      width: "20px ",
+      "aria-hidden": "true",
+      focusable: "false",
+      "data-prefix": "fab",
+      "data-icon": "facebook-f",
+      role: "img",
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 320 512",
+      class: "svg-inline--fa fa-facebook-f fa-w-10 fa-5x"
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("path", {
+      fill: "currentColor",
+      d: "M279.14 288l14.22-92.66h-88.91v-60.13c0-25.35 12.42-50.06 52.24-50.06h40.42V6.26S260.43 0 225.36 0c-73.22 0-121.08 44.38-121.08 124.72v70.62H22.89V288h81.39v224h100.17V288z",
+      class: ""
+    }));
+    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      class: "contact_button"
+    }, icon);
+  }
+
+  renderChatButton() {
+    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", null, "Chat");
+  }
+
+  renderCallButton() {
+    let icon = (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("svg", {
+      width: "20px",
+      "aria-hidden": "true",
+      focusable: "false",
+      "data-prefix": "fas",
+      "data-icon": "phone",
+      role: "img",
+      xmlns: "http://www.w3.org/2000/svg",
+      viewBox: "0 0 512 512",
+      class: "svg-inline--fa fa-phone fa-w-16 fa-7x"
+    }, (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("path", {
+      fill: "currentColor",
+      d: "M493.4 24.6l-104-24c-11.3-2.6-22.9 3.3-27.5 13.9l-48 112c-4.2 9.8-1.4 21.3 6.9 28l60.6 49.6c-36 76.7-98.9 140.5-177.2 177.2l-49.6-60.6c-6.8-8.3-18.2-11.1-28-6.9l-112 48C3.9 366.5-2 378.1.6 389.4l24 104C27.1 504.2 36.7 512 48 512c256.1 0 464-207.5 464-464 0-11.2-7.7-20.9-18.6-23.4z",
+      class: ""
+    }));
+    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", null, icon);
+  }
+
+  renderButtons(buttons) {
+    if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].size */ .Z.size(buttons) === 0) return null;
+    return _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].map */ .Z.map(buttons, button => {
+      if (button.type === 'map') return this.renderMapButton(button);
+      if (button.type === 'zalo') return this.renderZaloButton(button);
+      if (button.type === 'facebook') return this.renderFacebookButton(button);
+      if (button.type === 'call') return this.renderCallButton(button);
+      if (button.type === 'chat') return this.renderChatButton(button);
+      return null;
+    });
+  }
+
+  renderByLayoutSideByStandard() {
+    let $buttons = this.renderButtons(this.props.plugin.contact.buttons);
+    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", null, $buttons);
+  }
+
+  renderLineComponent(com) {
+    let style = Object.assign({}, com.style, this.props.mobile ? com.mobile_style : {});
+    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      style: this.js2css(style)
+    });
+  }
+
+  renderTextComponent(com) {
+    let style = Object.assign({}, com.style, this.props.mobile ? com.mobile_style : {});
+    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      class: "text",
+      style: this.js2css(style),
+      dangerouslySetInnerHTML: {
+        __html: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(com, 'text.html')
+      }
+    });
+  }
+
+  async refreshCSS() {
+    let css = (await CSS).default.default.toString();
+    var outcss = replaceCssVariable(css, this.props.plugin.popup);
+    _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].setCss */ .Z.setCss(this.props.plugin.id, this.$cssStyleDiv, outcss);
+    this.setState({
+      cssready: true
+    });
+  }
+
+  componentDidMount() {
+    this.$cssStyleDiv = document.createElement('style');
+    document.head.appendChild(this.$cssStyleDiv);
+    this.$cssStyleDiv.type = 'text/css';
+    this.$cssStyleDiv.id = 'subiz-style-for-' + this.props.plugin.id;
+    this.refreshCSS();
+    let pluginstringify = JSON.stringify(this.props.plugin);
+    this.setState({
+      pluginjson: pluginstringify
+    });
+  }
+
+  render() {
+    if (!this.state.cssready) return null;
+    let pluginstringify = JSON.stringify(this.props.plugin);
+
+    if (this.state.pluginjson !== pluginstringify) {
+      this.refreshCSS();
+      setTimeout(() => this.setState({
+        pluginjson: pluginstringify
+      }));
+    }
+
+    if (this.state.close) return null;
+    let containercss = '';
+    let bodycss = '';
+    let layout = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props.plugin, 'contact.layout', 'standard');
+    let $body = null;
+
+    if (layout === 'standard' || !layout) {
+      $body = this.renderByLayoutSideByStandard();
+    }
+
+    if (layout === 'footer') {
+      $body = this.renderByLayoutFooter(_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props.plugin, `popup.pages.${this.state.pageIndex}`));
+    }
+
+    if (layout === 'mini') {
+      $body = this.renderByLayoutMini(_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props.plugin, `popup.pages.${this.state.pageIndex}`));
+    }
+
+    if (layout === 'docked') {
+      $body = this.renderByLayoutDocked(_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props.plugin, `popup.pages.${this.state.pageIndex}`));
+    }
+
+    let left, right, bottom, top, transform;
+    let position = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(this.props.plugin, 'contact.position', 'bottom-left');
+
+    if (position === 'center-left') {
+      left = '0';
+      top = '50%';
+      transform = 'translateY(-50%)';
+    } else if (position === 'top-left') {
+      left = '0';
+      top = '20px';
+    } else if (position === 'bottom-right') {
+      right = '0';
+      bottom = '20px';
+    } else if (position === 'center-right') {
+      right = '0';
+      top = '50%';
+      transform = 'translateY(-50%)';
+    } else if (position === 'top-right') {
+      right = '0';
+      top = '20px';
+    } else {
+      left = '0';
+      bottom = '20px';
+    }
+
+    return (0,preact__WEBPACK_IMPORTED_MODULE_1__.h)("div", {
+      style: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].js2css */ .Z.js2css({
+        position: 'absolute',
+        left,
+        right,
+        bottom,
+        top,
+        transform,
+        display: 'flex',
+        align_items: 'center',
+        justify_content: 'center',
+        overflow: 'hidden'
+      }),
+      onClick: e => e.stopPropagation()
+    }, $body);
+  }
+
+}
+
+function isEmpty(value) {
+  return value === undefined || value === null || value === '';
+}
+
+async function runCampaign(byTrigger) {
+  if (ran && byTrigger !== 'area_clicked') return;
+  ran = true;
+  pageIndex = 0;
+  let page = sb.get(camp, `pages.${pageIndex}`) || {};
+  showPage(page);
+  triggerType = byTrigger;
+  let {
+    body: impression
+  } = await store.sendImpression(camp.id, byTrigger);
+  impressionToken = sb.get(impression, 'impression_token') || '';
+}
+
+function eq(a, b) {
+  return JSON.stringify(a) === JSON.stringify(b);
+}
+
+function replaceCssVariable(css, setting) {
+  var tokens = [css];
+  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].tokenize */ .Z.tokenize(tokens, "'@font_family'");
+  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].tokenize */ .Z.tokenize(tokens, "'@font_size'");
+  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].tokenize */ .Z.tokenize(tokens, "'@text_color'");
+  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].tokenize */ .Z.tokenize(tokens, "'@primary_color'");
+  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].tokenize */ .Z.tokenize(tokens, "'@background'");
+  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].tokenize */ .Z.tokenize(tokens, "'@spacer'");
+  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].tokenize */ .Z.tokenize(tokens, "'@spacer0'");
+  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].tokenize */ .Z.tokenize(tokens, "'@spacer2'");
+  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].tokenize */ .Z.tokenize(tokens, "'@spacer3'");
+  var ret = [];
+
+  for (var i = 0; i < tokens.length; i++) {
+    var item = tokens[i];
+
+    if (typeof item === 'string') {
+      ret.push(item);
+      continue;
+    }
+
+    var path = item.type.substr(2, item.type.length - 3);
+    var val = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(setting, path) || _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"].get */ .Z.get(DEFVAL, path) || '';
+    ret.push(val);
+  }
+
+  return ret.join('');
+}
+const DEFVAL = {
+  font_size: '16px',
+  font_family: 'roboto',
+  text_color: '#333',
+  primary_color: '#333'
+};
+
+/***/ })
+
+}]);

package/dist/362.js

@@ -0,0 +1,107 @@
+"use strict";
+(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([[362],{
+
+/***/ 362:
+/***/ ((__unused_webpack_module, __webpack_exports__, __webpack_require__) => {
+
+__webpack_require__.r(__webpack_exports__);
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   "default": () => (__WEBPACK_DEFAULT_EXPORT__)
+/* harmony export */ });
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__(2766));
+
+/***/ }),
+
+/***/ 2766:
+/***/ ((module, __webpack_exports__, __webpack_require__) => {
+
+__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_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(3645);
+/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(_node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__);
+// Imports
+
+var ___CSS_LOADER_EXPORT___ = _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0___default()(function(i){return i[1]});
+// Module
+___CSS_LOADER_EXPORT___.push([module.id, "@font-face {\n  font-family: 'Dancing Script';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/dancingscript/v22/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BMSoHTQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Dancing Script';\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/dancingscript/v22/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7BAyoHTQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Dancing Script';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/dancingscript/v22/If2cXTr6YS-zF4S-kcSWSVi_sxjsohD9F50Ruu7B7y0HTQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'EB Garamond';\n  font-style: italic;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/ebgaramond/v24/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7e8QI96.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'EB Garamond';\n  font-style: italic;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/ebgaramond/v24/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7eOQI96.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'EB Garamond';\n  font-style: italic;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/ebgaramond/v24/SlGFmQSNjdsmc35JDF1K5GRwUjcdlttVFm-rI7diR496.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'EB Garamond';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/ebgaramond/v24/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-6_RUAw.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'EB Garamond';\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/ebgaramond/v24/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-2fRUAw.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'EB Garamond';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/ebgaramond/v24/SlGDmQSNjdsmc35JDF1K5E55YMjF_7DPuGi-NfNUAw.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Inconsolata';\n  font-style: normal;\n  font-weight: 300;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/inconsolata/v21/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp9s8aRo.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Inconsolata';\n  font-style: normal;\n  font-weight: 400;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/inconsolata/v21/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp4U8aRo.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Inconsolata';\n  font-style: normal;\n  font-weight: 500;\n  font-stretch: normal;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/inconsolata/v21/QldgNThLqRwH-OJ1UHjlKENVzkWGVkL3GZQmAwLYxYWI2qfdm7Lpp7c8aRo.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: italic;\n  font-weight: 300;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq_p9aX8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: italic;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq6R9aX8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: italic;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq5Z9aX8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: italic;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq3p6aX8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: italic;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUFjIg1_i6t8kCHKm459Wx7xQYXK0vOoz6jq0N6aX8.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 300;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCs16Ew-.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtr6Ew-.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCtZ6Ew-.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCu170w-.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Montserrat';\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/montserrat/v23/JTUHjIg1_i6t8kCHKm4532VJOt5-QNFgpCuM70w-.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-weight: 300;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TjARc9.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOkCnqEu92Fr1Mu52xP.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51S7ABc9.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: italic;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOjCnqEu92Fr1Mu51TzBhc9.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 300;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmSU5vAw.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOmCnqEu92Fr1Me5Q.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmEU9vAw.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Roboto';\n  font-style: normal;\n  font-weight: 700;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/roboto/v29/KFOlCnqEu92Fr1MmWUlvAw.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Signika';\n  font-style: normal;\n  font-weight: 300;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/signika/v18/vEFO2_JTCgwQ5ejvMV0O96D01E8J0tIJHJbG.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Signika';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/signika/v18/vEFO2_JTCgwQ5ejvMV0O96D01E8J0tJXHJbG.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Signika';\n  font-style: normal;\n  font-weight: 500;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/signika/v18/vEFO2_JTCgwQ5ejvMV0O96D01E8J0tJlHJbG.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Signika';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/signika/v18/vEFO2_JTCgwQ5ejvMV0O96D01E8J0tKJG5bG.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Source Serif Pro';\n  font-style: italic;\n  font-weight: 300;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/sourceserifpro/v11/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGCSmqwQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Source Serif Pro';\n  font-style: italic;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/sourceserifpro/v11/neIWzD-0qpwxpaWvjeD0X88SAOeauXE-pQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Source Serif Pro';\n  font-style: italic;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/sourceserifpro/v11/neIVzD-0qpwxpaWvjeD0X88SAOeauXEGfS-qwQ.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Source Serif Pro';\n  font-style: normal;\n  font-weight: 300;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/sourceserifpro/v11/neIXzD-0qpwxpaWvjeD0X88SAOeasd8chSs.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Source Serif Pro';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/sourceserifpro/v11/neIQzD-0qpwxpaWvjeD0X88SAOeaiXM.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Source Serif Pro';\n  font-style: normal;\n  font-weight: 600;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/sourceserifpro/v11/neIXzD-0qpwxpaWvjeD0X88SAOeasasahSs.ttf) format('truetype');\n}\n@font-face {\n  font-family: 'Yeseva One';\n  font-style: normal;\n  font-weight: 400;\n  font-display: swap;\n  src: url(https://fonts.gstatic.com/s/yesevaone/v18/OpNJno4ck8vc-xYpwWWxpio.ttf) format('truetype');\n}\n#sbz92 * {\n  all: unset !important;\n}\n#sbz92 {\n  z-index: 2000000100 !important;\n  /* Handle on hover */\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n  box-sizing: border-box !important;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n#sbz92 b,\n#sbz92 strong {\n  font-weight: 500 !important;\n}\n#sbz92 a {\n  color: #020202 !important;\n  text-decoration: none !important;\n  background-color: transparent !important;\n}\n#sbz92 a:hover {\n  cursor: pointer !important;\n  color: #000000 !important;\n  text-decoration: underline !important;\n}\n#sbz92 a:not([href]) {\n  color: inherit !important;\n  text-decoration: none !important;\n}\n#sbz92 a:not([href]):hover {\n  color: inherit !important;\n  text-decoration: none !important;\n}\n#sbz92 img {\n  vertical-align: middle !important;\n  border-style: none !important;\n}\n#sbz92 svg {\n  overflow: hidden !important;\n  vertical-align: middle !important;\n}\n#sbz92 label {\n  display: inline-block !important;\n}\n#sbz92 button {\n  border-radius: 0 !important;\n}\n#sbz92 button:focus {\n  outline: 1px dotted !important;\n  outline: 5px auto -webkit-focus-ring-color !important;\n}\n#sbz92 input,\n#sbz92 button,\n#sbz92 select,\n#sbz92 optgroup,\n#sbz92 textarea {\n  margin: 0 !important;\n}\n#sbz92 button,\n#sbz92 input {\n  overflow: visible !important;\n}\n#sbz92 button,\n#sbz92 select {\n  text-transform: none !important;\n}\n#sbz92 select {\n  word-wrap: normal !important;\n}\n#sbz92 button,\n#sbz92 [type=\"button\"],\n#sbz92 [type=\"reset\"],\n#sbz92 [type=\"submit\"] {\n  -webkit-appearance: button !important;\n}\n#sbz92 button:not(:disabled),\n#sbz92 [type='button']:not(:disabled),\n#sbz92 [type='reset']:not(:disabled),\n#sbz92 [type='submit']:not(:disabled) {\n  cursor: pointer !important;\n}\n#sbz92 button::-moz-focus-inner,\n#sbz92 [type='button']::-moz-focus-inner,\n#sbz92 [type='reset']::-moz-focus-inner,\n#sbz92 [type='submit']::-moz-focus-inner {\n  padding: 0 !important;\n  border-style: none !important;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n  box-sizing: border-box !important;\n  padding: 0 !important;\n}\n#sbz92 input[type='date'],\n#sbz92 input[type='time'],\n#sbz92 input[type='datetime-local'],\n#sbz92 input[type='month'] {\n  -webkit-appearance: listbox !important;\n}\n#sbz92 textarea {\n  overflow: auto !important;\n  resize: vertical !important;\n}\n#sbz92 [type='number']::-webkit-inner-spin-button,\n#sbz92 [type='number']::-webkit-outer-spin-button {\n  height: auto !important;\n}\n#sbz92 [hidden] {\n  display: none !important;\n}\n#sbz92 ::-webkit-input-placeholder {\n  /* Edge */\n  color: #777 !important;\n}\n#sbz92 :-ms-input-placeholder {\n  /* Internet Explorer 10-11 */\n  color: #777 !important;\n}\n#sbz92 ::placeholder {\n  color: #777 !important;\n}\n#sbz92 div {\n  display: block !important;\n  text-rendering: geometricPrecision !important;\n  -webkit-font-smoothing: antialiased !important;\n  -moz-osx-font-smoothing: grayscale !important;\n}\n#sbz92 ::-webkit-scrollbar {\n  width: 7px !important;\n  height: 7px !important;\n}\n#sbz92 ::-webkit-scrollbar-track {\n  border-radius: 10px !important;\n}\n#sbz92 ::-webkit-scrollbar-thumb {\n  border-radius: 10px !important;\n  background: #d6d6d6 !important;\n}\n#sbz92 ::-webkit-scrollbar-thumb:hover {\n  background: #aaa !important;\n}\n@keyframes fadeOut {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n#sbz92 .fadeOut {\n  animation-name: fadeOut !important;\n  animation-duration: 150ms !important;\n}\n@keyframes fadeInDownCenter {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0) translateX(-50%);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0) translateX(-50%);\n  }\n}\n#sbz92 .fadeInDownCenter {\n  animation-name: fadeInDownCenter !important;\n  animation-duration: 0.25s !important;\n}\n@keyframes fadeInUpCenter {\n  from {\n    opacity: 0;\n    transform: translate3d(0, 400px, 0) translateX(-50%);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0) translateX(-50%);\n  }\n}\n#sbz92 .fadeInUpCenter {\n  animation-name: fadeInUpCenter !important;\n  animation-duration: 0.25s !important;\n}\n@keyframes fadeInDown {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -1000px, 0);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n#sbz92 .fadeInDown {\n  animation-name: fadeInDown !important;\n  animation-duration: 0.5s !important;\n}\n@keyframes fadeInUpBig {\n  from {\n    opacity: 0;\n    transform: translate3d(0, 400px, 0);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n#sbz92 .fadeInUpBig {\n  animation-name: fadeInUpBig !important;\n  animation-duration: 0.25s !important;\n}\n@keyframes fadeInRightBig {\n  from {\n    opacity: 0;\n    transform: translateY(-50%) translateX(200px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(-50%) translateX(0px);\n  }\n}\n#sbz92 .fadeInRightBig {\n  animation-name: fadeInRightBig !important;\n  animation-duration: 0.5s !important;\n}\n@keyframes fadeInLeftBig {\n  from {\n    opacity: 0;\n    transform: translateY(-50%) translateX(-200px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(-50%) translateX(0px);\n  }\n}\n#sbz92 .fadeInLeftBig {\n  animation-name: fadeInLeftBig !important;\n  animation-duration: 0.5s !important;\n}\n@keyframes zoomIn {\n  from {\n    opacity: 0.3;\n    transform: scale3d(0.5, 0.5, 0.5);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n#sbz92 .zoomIn {\n  animation-name: zoomIn !important;\n  transform-origin: top left !important;\n  animation-duration: 0.15s !important;\n}\n@keyframes zoomOutCenter {\n  from {\n    opacity: 1;\n  }\n  80% {\n    opacity: 0.7;\n    transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n  }\n}\n#sbz92 .zoomOutCenter {\n  animation-name: zoomOutCenter !important;\n  transform-origin: top left !important;\n  animation-duration: 300ms !important;\n}\n@keyframes zoomInCenter {\n  from {\n    opacity: 0.3;\n    transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n#sbz92 .zoomInCenter {\n  animation-name: zoomInCenter !important;\n  transform-origin: top left !important;\n  animation-duration: 0.15s !important;\n}\n@keyframes zoomDownYX {\n  0% {\n    transform: scaleY(1);\n  }\n  50% {\n    transform: scaleY(0.01) scaleZ(1);\n  }\n  100% {\n    transform: scaleY(0.01) scaleX(0) scaleZ(0);\n  }\n}\n#sbz92 .zoomDownYX {\n  animation-duration: 0.5s !important;\n  animation-name: zoomDownYX !important;\n}\n@keyframes zoomUpYX {\n  0% {\n    transform: scaleY(0.01) scaleX(0) scaleZ(0);\n  }\n  50% {\n    transform: scaleY(0.01) scaleZ(1);\n  }\n  100% {\n    transform: scaleY(1);\n  }\n}\n#sbz92 .zoomUpYX {\n  animation-duration: 0.5s !important;\n  animation-name: zoomUpYX !important;\n}\n@keyframes bounceIn {\n  from,\n  20%,\n  40%,\n  60%,\n  80%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n  0% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n  20% {\n    transform: scale3d(1.1, 1.1, 1.1);\n  }\n  40% {\n    transform: scale3d(0.9, 0.9, 0.9);\n  }\n  60% {\n    opacity: 1;\n    transform: scale3d(1.03, 1.03, 1.03);\n  }\n  80% {\n    transform: scale3d(0.97, 0.97, 0.97);\n  }\n  to {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n}\n#sbz92 .bounceIn {\n  animation-duration: 0.5s !important;\n  animation-name: bounceIn !important;\n}\n@keyframes shake {\n  0% {\n    transform: skewX(-15deg);\n  }\n  5% {\n    transform: skewX(15deg);\n  }\n  10% {\n    transform: skewX(-15deg);\n  }\n  15% {\n    transform: skewX(15deg);\n  }\n  20% {\n    transform: skewX(0deg);\n  }\n  100% {\n    transform: skewX(0deg);\n  }\n}\n#sbz92 .notif {\n  cursor: pointer !important;\n  font-family: roboto !important;\n  font-size: 14px !important;\n  position: absolute !important;\n  user-select: none !important;\n}\n#sbz92 .notif__bottom-left {\n  bottom: 20px !important;\n  left: 20px !important;\n}\n#sbz92 .notif__top-left {\n  top: 20px !important;\n  left: 20px !important;\n}\n#sbz92 .notif__top-right {\n  top: 20px !important;\n  right: 40px !important;\n}\n#sbz92 .notif__bottom-right {\n  bottom: 20px !important;\n  right: 40px !important;\n}\n#sbz92 .notif__bottom-center {\n  transform: translateX(-50%) !important;\n  left: 50% !important;\n  bottom: 20px !important;\n}\n#sbz92 .notif__top-center {\n  transform: translateX(-50%) !important;\n  left: 50% !important;\n  top: 20px !important;\n}\n#sbz92 .notif_avatar {\n  margin-left: 15px !important;\n  margin-top: 10px !important;\n  margin-bottom: 10px !important;\n  overflow: hidden !important;\n  width: 70px !important;\n  height: 70px !important;\n  z-index: 1 !important;\n}\n#sbz92 .notif_avatar__img {\n  width: 100% !important;\n  height: 100% !important;\n  object-fit: cover !important;\n}\n#sbz92 .notif_body {\n  z-index: 1 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  justify-content: center !important;\n  position: relative !important;\n  padding-top: 10px !important;\n  padding-left: 20px !important;\n  padding-bottom: 30px !important;\n  padding-right: 30px !important;\n  width: 235px !important;\n  height: 100px !important;\n  overflow: hidden !important;\n}\n#sbz92 .btn_close {\n  background: white !important;\n  padding: 0 !important;\n  right: -25px !important;\n  top: 0px !important;\n  position: absolute !important;\n  z-index: 10 !important;\n  cursor: pointer !important;\n  transition: background-color 0.2s ease-out !important;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px inset !important;\n  border: none !important;\n  width: 20px !important;\n  height: 20px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  border-radius: 50% !important;\n  opacity: 0.7 !important;\n}\n#sbz92 .btn_close:hover {\n  opacity: 1 !important;\n}\n#sbz92 .btn_close__icon {\n  stroke: #444 !important;\n  height: 16px !important;\n  width: 16px !important;\n  border: 0px !important;\n}\n#sbz92 .notif_bg {\n  z-index: 0 !important;\n  position: absolute !important;\n  top: 50% !important;\n  left: 50% !important;\n  transform: translate(-50%, -50%) !important;\n}\n#sbz92 .notif_time {\n  position: absolute !important;\n  bottom: 15px !important;\n  left: 20px !important;\n  font-size: 12px !important;\n  opacity: 0.5 !important;\n}\n#sbz92 .notif_title {\n  white-space: nowrap !important;\n  flex-shrink: 0 !important;\n  text-overflow: ellipsis !important;\n  overflow: hidden !important;\n}\n#sbz92 .notif_message {\n  text-overflow: ellipsis !important;\n  margin-top: 5px !important;\n  overflow: hidden !important;\n}\ndiv#sbz92 {\n  all: initial;\n}\nbody div#sbz92 {\n  all: initial !important;\n}\n#sbz92 {\n  z-index: 2000000100 !important;\n  /* Handle on hover */\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n  box-sizing: border-box;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n  outline: 0;\n}\n#sbz92 b,\n#sbz92 strong {\n  font-weight: 500;\n}\n#sbz92 a {\n  color: #020202;\n  text-decoration: none;\n  background-color: transparent;\n}\n#sbz92 a:hover {\n  cursor: pointer;\n  color: #000000;\n  text-decoration: underline;\n}\n#sbz92 a:not([href]) {\n  color: inherit;\n  text-decoration: none;\n}\n#sbz92 a:not([href]):hover {\n  color: inherit;\n  text-decoration: none;\n}\n#sbz92 img {\n  vertical-align: middle;\n  border-style: none;\n}\n#sbz92 svg {\n  overflow: hidden;\n  vertical-align: middle;\n}\n#sbz92 label {\n  display: inline-block;\n}\n#sbz92 button {\n  border-radius: 0;\n}\n#sbz92 button:focus {\n  outline: 1px dotted;\n  outline: 5px auto -webkit-focus-ring-color;\n}\n#sbz92 input,\n#sbz92 button,\n#sbz92 select,\n#sbz92 optgroup,\n#sbz92 textarea {\n  margin: 0;\n}\n#sbz92 button,\n#sbz92 input {\n  overflow: visible;\n}\n#sbz92 button,\n#sbz92 select {\n  text-transform: none;\n}\n#sbz92 select {\n  word-wrap: normal;\n}\n#sbz92 button,\n#sbz92 [type=\"button\"],\n#sbz92 [type=\"reset\"],\n#sbz92 [type=\"submit\"] {\n  -webkit-appearance: button;\n}\n#sbz92 button:not(:disabled),\n#sbz92 [type='button']:not(:disabled),\n#sbz92 [type='reset']:not(:disabled),\n#sbz92 [type='submit']:not(:disabled) {\n  cursor: pointer;\n}\n#sbz92 button::-moz-focus-inner,\n#sbz92 [type='button']::-moz-focus-inner,\n#sbz92 [type='reset']::-moz-focus-inner,\n#sbz92 [type='submit']::-moz-focus-inner {\n  padding: 0;\n  border-style: none;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n  box-sizing: border-box;\n  padding: 0;\n}\n#sbz92 input[type='date'],\n#sbz92 input[type='time'],\n#sbz92 input[type='datetime-local'],\n#sbz92 input[type='month'] {\n  -webkit-appearance: listbox;\n}\n#sbz92 textarea {\n  overflow: auto;\n  resize: vertical;\n}\n#sbz92 [type='number']::-webkit-inner-spin-button,\n#sbz92 [type='number']::-webkit-outer-spin-button {\n  height: auto;\n}\n#sbz92 [hidden] {\n  display: none;\n}\n#sbz92 ::-webkit-input-placeholder {\n  /* Edge */\n  color: #777;\n}\n#sbz92 :-ms-input-placeholder {\n  /* Internet Explorer 10-11 */\n  color: #777;\n}\n#sbz92 ::placeholder {\n  color: #777;\n}\n#sbz92 div {\n  display: block;\n  text-rendering: geometricPrecision;\n  -webkit-font-smoothing: antialiased;\n  -moz-osx-font-smoothing: grayscale;\n}\n#sbz92 ::-webkit-scrollbar {\n  width: 7px;\n  height: 7px;\n}\n#sbz92 ::-webkit-scrollbar-track {\n  border-radius: 10px;\n}\n#sbz92 ::-webkit-scrollbar-thumb {\n  border-radius: 10px;\n  background: #d6d6d6;\n}\n#sbz92 ::-webkit-scrollbar-thumb:hover {\n  background: #aaa;\n}\n@keyframes fadeOut {\n  from {\n    opacity: 1;\n  }\n  to {\n    opacity: 0;\n  }\n}\n#sbz92 .fadeOut {\n  animation-name: fadeOut;\n  animation-duration: 150ms;\n}\n@keyframes fadeInDownCenter {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -2000px, 0) translateX(-50%);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0) translateX(-50%);\n  }\n}\n#sbz92 .fadeInDownCenter {\n  animation-name: fadeInDownCenter;\n  animation-duration: 0.25s;\n}\n@keyframes fadeInUpCenter {\n  from {\n    opacity: 0;\n    transform: translate3d(0, 400px, 0) translateX(-50%);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0) translateX(-50%);\n  }\n}\n#sbz92 .fadeInUpCenter {\n  animation-name: fadeInUpCenter;\n  animation-duration: 0.25s;\n}\n@keyframes fadeInDown {\n  from {\n    opacity: 0;\n    transform: translate3d(0, -1000px, 0);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n#sbz92 .fadeInDown {\n  animation-name: fadeInDown;\n  animation-duration: 0.5s;\n}\n@keyframes fadeInUpBig {\n  from {\n    opacity: 0;\n    transform: translate3d(0, 400px, 0);\n  }\n  to {\n    opacity: 1;\n    transform: translate3d(0, 0, 0);\n  }\n}\n#sbz92 .fadeInUpBig {\n  animation-name: fadeInUpBig;\n  animation-duration: 0.25s;\n}\n@keyframes fadeInRightBig {\n  from {\n    opacity: 0;\n    transform: translateY(-50%) translateX(200px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(-50%) translateX(0px);\n  }\n}\n#sbz92 .fadeInRightBig {\n  animation-name: fadeInRightBig;\n  animation-duration: 0.5s;\n}\n@keyframes fadeInLeftBig {\n  from {\n    opacity: 0;\n    transform: translateY(-50%) translateX(-200px);\n  }\n  to {\n    opacity: 1;\n    transform: translateY(-50%) translateX(0px);\n  }\n}\n#sbz92 .fadeInLeftBig {\n  animation-name: fadeInLeftBig;\n  animation-duration: 0.5s;\n}\n@keyframes zoomIn {\n  from {\n    opacity: 0.3;\n    transform: scale3d(0.5, 0.5, 0.5);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n#sbz92 .zoomIn {\n  animation-name: zoomIn;\n  transform-origin: top left;\n  animation-duration: 0.15s;\n}\n@keyframes zoomOutCenter {\n  from {\n    opacity: 1;\n  }\n  80% {\n    opacity: 0.7;\n    transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n  }\n}\n#sbz92 .zoomOutCenter {\n  animation-name: zoomOutCenter;\n  transform-origin: top left;\n  animation-duration: 300ms;\n}\n@keyframes zoomInCenter {\n  from {\n    opacity: 0.3;\n    transform: scale3d(0.5, 0.5, 0.5) translateY(-50%) translateX(-50%);\n  }\n  50% {\n    opacity: 1;\n  }\n}\n#sbz92 .zoomInCenter {\n  animation-name: zoomInCenter;\n  transform-origin: top left;\n  animation-duration: 0.15s;\n}\n@keyframes zoomDownYX {\n  0% {\n    transform: scaleY(1);\n  }\n  50% {\n    transform: scaleY(0.01) scaleZ(1);\n  }\n  100% {\n    transform: scaleY(0.01) scaleX(0) scaleZ(0);\n  }\n}\n#sbz92 .zoomDownYX {\n  animation-duration: 0.5s;\n  animation-name: zoomDownYX;\n}\n@keyframes zoomUpYX {\n  0% {\n    transform: scaleY(0.01) scaleX(0) scaleZ(0);\n  }\n  50% {\n    transform: scaleY(0.01) scaleZ(1);\n  }\n  100% {\n    transform: scaleY(1);\n  }\n}\n#sbz92 .zoomUpYX {\n  animation-duration: 0.5s;\n  animation-name: zoomUpYX;\n}\n@keyframes bounceIn {\n  from,\n  20%,\n  40%,\n  60%,\n  80%,\n  to {\n    animation-timing-function: cubic-bezier(0.215, 0.61, 0.355, 1);\n  }\n  0% {\n    opacity: 0;\n    transform: scale3d(0.3, 0.3, 0.3);\n  }\n  20% {\n    transform: scale3d(1.1, 1.1, 1.1);\n  }\n  40% {\n    transform: scale3d(0.9, 0.9, 0.9);\n  }\n  60% {\n    opacity: 1;\n    transform: scale3d(1.03, 1.03, 1.03);\n  }\n  80% {\n    transform: scale3d(0.97, 0.97, 0.97);\n  }\n  to {\n    opacity: 1;\n    transform: scale3d(1, 1, 1);\n  }\n}\n#sbz92 .bounceIn {\n  animation-duration: 0.5s;\n  animation-name: bounceIn;\n}\n@keyframes shake {\n  0% {\n    transform: skewX(-15deg);\n  }\n  5% {\n    transform: skewX(15deg);\n  }\n  10% {\n    transform: skewX(-15deg);\n  }\n  15% {\n    transform: skewX(15deg);\n  }\n  20% {\n    transform: skewX(0deg);\n  }\n  100% {\n    transform: skewX(0deg);\n  }\n}\n#sbz92 .notif {\n  cursor: pointer;\n  font-family: roboto;\n  font-size: 14px;\n  position: absolute;\n  user-select: none;\n}\n#sbz92 .notif__bottom-left {\n  bottom: 20px;\n  left: 20px;\n}\n#sbz92 .notif__top-left {\n  top: 20px;\n  left: 20px;\n}\n#sbz92 .notif__top-right {\n  top: 20px;\n  right: 40px;\n}\n#sbz92 .notif__bottom-right {\n  bottom: 20px;\n  right: 40px;\n}\n#sbz92 .notif__bottom-center {\n  transform: translateX(-50%);\n  left: 50%;\n  bottom: 20px;\n}\n#sbz92 .notif__top-center {\n  transform: translateX(-50%);\n  left: 50%;\n  top: 20px;\n}\n#sbz92 .notif_avatar {\n  margin-left: 15px;\n  margin-top: 10px;\n  margin-bottom: 10px;\n  overflow: hidden;\n  width: 70px;\n  height: 70px;\n  z-index: 1;\n}\n#sbz92 .notif_avatar__img {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n}\n#sbz92 .notif_body {\n  z-index: 1;\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n  position: relative;\n  padding-top: 10px;\n  padding-left: 20px;\n  padding-bottom: 30px;\n  padding-right: 30px;\n  width: 235px;\n  height: 100px;\n  overflow: hidden;\n}\n#sbz92 .btn_close {\n  background: white;\n  padding: 0;\n  right: -25px;\n  top: 0px;\n  position: absolute;\n  z-index: 10;\n  cursor: pointer;\n  transition: background-color 0.2s ease-out;\n  box-shadow: rgba(0, 0, 0, 0.2) 0px 12px 28px 0px, rgba(0, 0, 0, 0.1) 0px 2px 4px 0px, rgba(255, 255, 255, 0.5) 0px 0px 0px 1px inset;\n  border: none;\n  width: 20px;\n  height: 20px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  opacity: 0.7;\n}\n#sbz92 .btn_close:hover {\n  opacity: 1;\n}\n#sbz92 .btn_close__icon {\n  stroke: #444;\n  height: 16px;\n  width: 16px;\n  border: 0px;\n}\n#sbz92 .notif_bg {\n  z-index: 0;\n  position: absolute;\n  top: 50%;\n  left: 50%;\n  transform: translate(-50%, -50%);\n}\n#sbz92 .notif_time {\n  position: absolute;\n  bottom: 15px;\n  left: 20px;\n  font-size: 12px;\n  opacity: 0.5;\n}\n#sbz92 .notif_title {\n  white-space: nowrap;\n  flex-shrink: 0;\n  text-overflow: ellipsis;\n  overflow: hidden;\n}\n#sbz92 .notif_message {\n  text-overflow: ellipsis;\n  margin-top: 5px;\n  overflow: hidden;\n}\n", ""]);
+// Exports
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
+
+
+/***/ }),
+
+/***/ 3645:
+/***/ ((module) => {
+
+
+
+/*
+  MIT License http://www.opensource.org/licenses/mit-license.php
+  Author Tobias Koppers @sokra
+*/
+// css base code, injected by the css-loader
+// eslint-disable-next-line func-names
+module.exports = function (cssWithMappingToString) {
+  var list = []; // return the list of modules as css string
+
+  list.toString = function toString() {
+    return this.map(function (item) {
+      var content = cssWithMappingToString(item);
+
+      if (item[2]) {
+        return "@media ".concat(item[2], " {").concat(content, "}");
+      }
+
+      return content;
+    }).join("");
+  }; // import a list of modules into the list
+  // eslint-disable-next-line func-names
+
+
+  list.i = function (modules, mediaQuery, dedupe) {
+    if (typeof modules === "string") {
+      // eslint-disable-next-line no-param-reassign
+      modules = [[null, modules, ""]];
+    }
+
+    var alreadyImportedModules = {};
+
+    if (dedupe) {
+      for (var i = 0; i < this.length; i++) {
+        // eslint-disable-next-line prefer-destructuring
+        var id = this[i][0];
+
+        if (id != null) {
+          alreadyImportedModules[id] = true;
+        }
+      }
+    }
+
+    for (var _i = 0; _i < modules.length; _i++) {
+      var item = [].concat(modules[_i]);
+
+      if (dedupe && alreadyImportedModules[item[0]]) {
+        // eslint-disable-next-line no-continue
+        continue;
+      }
+
+      if (mediaQuery) {
+        if (!item[2]) {
+          item[2] = mediaQuery;
+        } else {
+          item[2] = "".concat(mediaQuery, " and ").concat(item[2]);
+        }
+      }
+
+      list.push(item);
+    }
+  };
+
+  return list;
+};
+
+/***/ })
+
+}]);