@subiz/widget-v4 4.1.210 → 4.1.212

package/dist/74.js

@@ -1,376 +0,0 @@
-"use strict";
-(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([[74],{
-
-/***/ 9074
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony export */ __webpack_require__.d(__webpack_exports__, {
-/* harmony export */   "default": () => (/* binding */ Contact),
-/* harmony export */   replaceCssVariable: () => (/* binding */ replaceCssVariable)
-/* harmony export */ });
-/* unused harmony import specifier */ var sb;
-/* harmony import */ var _util_index_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(8026);
-/* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(172);
-/* harmony import */ var _common_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2840);
-function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
-function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
-function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
-;
-
-
-let CSS = (() => __webpack_require__.e(/* import() */ 997).then(() => (__webpack_require__(997))))();
-class Contact extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .Mw {
-  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"] */ .A.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"] */ .A.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"] */ .A.size(buttons) === 0) return null;
-    return _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.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"] */ .A.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"] */ .A.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();
-      _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.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"] */ .A.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"] */ .A.get(this.props.plugin, `popup.pages.${this.state.pageIndex}`));
-    }
-    if (layout === 'mini') {
-      $body = this.renderByLayoutMini(_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(this.props.plugin, `popup.pages.${this.state.pageIndex}`));
-    }
-    if (layout === 'docked') {
-      $body = this.renderByLayoutDocked(_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.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"] */ .A.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"] */ .A.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"] */ .A.tokenize(tokens, "'@font_family'");
-  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.tokenize(tokens, "'@font_size'");
-  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.tokenize(tokens, "'@text_color'");
-  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.tokenize(tokens, "'@primary_color'");
-  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.tokenize(tokens, "'@background'");
-  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.tokenize(tokens, "'@spacer'");
-  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.tokenize(tokens, "'@spacer0'");
-  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.tokenize(tokens, "'@spacer2'");
-  tokens = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.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"] */ .A.get(setting, path) || _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(DEFVAL, path) || '';
-    ret.push(val);
-  }
-  return ret.join('');
-}
-const DEFVAL = {
-  font_size: '16px',
-  font_family: 'roboto',
-  text_color: '#333',
-  primary_color: '#333'
-};
-/* harmony export */ __webpack_require__.d(__webpack_exports__, [
-/* harmony export */   "DEFVAL", 0, /* binding */ DEFVAL
-/* harmony export */ ]);
-
-
-/***/ }
-
-}]);

package/dist/997.js

@@ -1,37 +0,0 @@
-"use strict";
-(self["webpackChunk_subiz_widget_v4"] = self["webpackChunk_subiz_widget_v4"] || []).push([[997],{
-
-/***/ 997
-(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__(1938));
-/* harmony export */ __webpack_require__.d(__webpack_exports__, [
-/* harmony export */   "default", 0, __WEBPACK_DEFAULT_EXPORT__
-/* harmony export */ ]);
-
-
-/***/ },
-
-/***/ 1938
-(module, __webpack_exports__, __webpack_require__) {
-
-__webpack_require__.r(__webpack_exports__);
-/* harmony import */ var _node_modules_css_loader_dist_runtime_api_js__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(6314);
-/* 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, "/*\n#sbz92 * {\n\tall: unset !important;\n}\n\n#sbz92 {\n\tz-index: @z-index + 100 !important;\n\t#makeImportant() !important;\n}\n\n// prevent #subiz inheriting client site styles\ndiv#sbz92 {\n\tall: initial;\n}\n\n// prevent #subiz inheriting client site !important styles\nbody div#sbz92 {\n\tall: initial !important;\n}\n\nbody div#sbz92 .overlay {\n\tposition: fixed !important;\n\tuser-select: none !important;\n}\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  font-weight: 600;\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#sbz92 .badge {\n  padding: 2px 8px;\n  font-size: 12px;\n  font-weight: 600;\n  border-radius: 6px;\n  display: inline-flex;\n  align-items: center;\n}\n#sbz92 .badge.badge--success {\n  color: #28a745;\n  -webkit-text-fill-color: #28a745;\n  background: #28a74526;\n}\n#sbz92 .dot {\n  width: 8px;\n  height: 8px;\n  border-radius: 4px;\n  flex-shrink: 0;\n  background: #000;\n}\n#sbz92 .dot.dot--success {\n  background: #28a745;\n}\n#sbz92 .overlay {\n  position: fixed;\n  top: 0;\n  left: 0;\n  bottom: 0;\n  right: 0;\n  background: #000c;\n  z-index: 20000000000100;\n  overflow: auto;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n}\n#sbz92 .overlay.overlay__hidden {\n  display: none;\n}\n#sbz92 .map_modal {\n  max-with: 80%;\n  max-height: 80%;\n  width: 400px;\n  height: 400px;\n  background: white;\n}\n#sbz92 .map_body {\n  width: 100%;\n  height: 100%;\n  display: flex;\n}\n#sbz92 .map_location {\n  border-bottom: 1px solid lightgray;\n  padding: 20px;\n  font-size: 16px;\n  font-family: 'roboto';\n}\n#sbz92 .map_title {\n  font-size: 18px;\n  font-weight: 500;\n  padding: 10px;\n  text-align: center;\n  border-bottom: 1px solid lightgray;\n  font-family: 'roboto';\n}\n#sbz92 .map_locations {\n  border-right: 1px solid lightgray;\n  width: 200px;\n  height: 100%;\n}\n#sbz92 .sm.contact_button {\n  width: 40px;\n  height: 40px;\n}\n#sbz92 .lg.contact_button {\n  width: 60px;\n  height: 60px;\n}\n#sbz92 .contact_button {\n  width: 50px;\n  height: 50px;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  border-radius: 50%;\n  background: pink;\n}\n", ""]);
-// Exports
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
-
-/* harmony export */ __webpack_require__.d(__webpack_exports__, [
-/* harmony export */   "default", 0, __WEBPACK_DEFAULT_EXPORT__
-/* harmony export */ ]);
-
-
-/***/ }
-
-}]);