@subiz/widget-v4 4.1.210 → 4.1.212

package/dist/screenshoot.js

@@ -1054,6 +1054,8 @@ class Emoji extends _common_js__WEBPACK_IMPORTED_MODULE_1__/* .Com */ .Mw {
 /* harmony import */ var _Emoji_js__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(2959);
 /* harmony import */ var _common_js__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(2840);
 /* harmony import */ var preact__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(172);
+/* harmony import */ var _util_url_js__WEBPACK_IMPORTED_MODULE_4__ = __webpack_require__(4339);
+
 
 
 
@@ -1093,9 +1095,8 @@ class Block extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .Mw {
       ele.tag = 'li';
     }
     if (block.type == 'heading') {
-      if (block.level < 1) block.level = 1;
-      if (block.level > 6) block.level = 6;
-      ele.tag = 'h' + block.level;
+      let level = Math.max(1, Math.min(6, Math.floor(Number(block.level) || 1)));
+      ele.tag = 'h' + level;
     }
     if (block.type == 'paragraph' || block.type == 'section' || block.type == 'div') ele.tag = 'div';
     ele.text = block.text;
@@ -1109,8 +1110,10 @@ class Block extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .Mw {
           ele.tag = 'em';
         }
       }
-      if (block.underline) ele.Style += 'text-decoration:underline;';
-      if (block.strike_through) ele.Style += 'text-decoration: line-through;';
+      let decorations = [];
+      if (block.underline) decorations.push('underline');
+      if (block.strike_through) decorations.push('line-through');
+      if (decorations.length) ele.style += 'text-decoration: ' + decorations.join(' ') + ' !important;';
     }
     if (block.type == 'dynamic-field') {
       let key = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(block.attrs, 'key');
@@ -1118,20 +1121,20 @@ class Block extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .Mw {
     }
     if (block.type == 'link') {
       ele.tag = 'a';
-      ele.attrs['href'] = block.href;
+      ele.attrs['href'] = (0,_util_url_js__WEBPACK_IMPORTED_MODULE_4__/* .safeUrl */ .P)(block.href);
       ele.attrs['target'] = block.target;
       ele.attrs['title'] = block.title;
     }
     if (block.type == 'mention-agent' || block.type == 'mention') {
       ele.tag = 'span';
       ele.class = 'mention';
-      let id = block.attrs.id = '';
-      if (block.attrs.id == '*' || block.attrs.id == 'all') {
-        ele.text = '@' + this.$t('all');
+      let id = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(block, 'attrs.id', '');
+      if (id == '*' || id == 'all') {
+        ele.text = '@' + (this.props.t ? this.props.t('all') : 'all');
       }
-      if (id.startsWith('ag')) {
-        let ag = store.matchAgent(id);
-        let name = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.getAgentDisplayName(ag, insert.mention.fullname);
+      if (typeof id === 'string' && /^(ag|at)/.test(id) && this.props.store) {
+        let ag = this.props.store.matchAgent(id);
+        let name = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.getAgentDisplayName(this.props.store.matchAccount(), ag);
         ele.text = '@' + name;
       }
     }
@@ -1139,18 +1142,15 @@ class Block extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .Mw {
     if (block.type == 'emoji') {
       let code = '';
       if (_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.size(block.attrs) > 0) code = block.attrs['code'];
-      if (code == '') code = block.Text;
+      if (!code) code = block.text || block.Text;
       if (code != '') {
         ele.tag = 'Emoji';
         ele.attrs['emojiCode'] = code;
       }
     }
-    if (block.type == 'table') {
-      return null;
-    }
     if (block.type === 'image') {
       ele.tag = 'img';
-      ele.attrs['src'] = _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(block, 'image.url');
+      ele.attrs['src'] = (0,_util_url_js__WEBPACK_IMPORTED_MODULE_4__/* .safeUrl */ .P)(_util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(block, 'image.url'), true);
       ele.attrs['alt'] = block.alt_text;
     }
     if (block.type == 'hard_break') {
@@ -1167,10 +1167,13 @@ class Block extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .Mw {
           if (!url.startsWith('//') && !url.startsWith('https://') && !url.startsWith('http://') && !url.startsWith('data:')) {
             url = '//' + url;
           }
+          url = (0,_util_url_js__WEBPACK_IMPORTED_MODULE_4__/* .safeUrl */ .P)(url);
+          if (!url) return tag.text;
           return (0,preact__WEBPACK_IMPORTED_MODULE_3__.h)("a", {
             href: url,
             target: "_blank",
-            onClick: e => this.props.onLink(e, url)
+            rel: "noopener noreferrer",
+            onClick: e => this.props.onLink && this.props.onLink(e, url)
           }, tag.text);
         }
         if (tag.type === 'phone') return (0,preact__WEBPACK_IMPORTED_MODULE_3__.h)("a", {
@@ -1187,10 +1190,12 @@ class Block extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .Mw {
     }
     switch (ele.tag) {
       case 'img':
+        if (!ele.attrs.src) return block.alt_text || null;
         return (0,preact__WEBPACK_IMPORTED_MODULE_3__.h)("a", {
           class: this.props.textMessage ? 'message-text-inline-image-wrapper' : '',
           href: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(ele, 'attrs.src'),
-          target: "_blank"
+          target: "_blank",
+          rel: "noopener noreferrer"
         }, (0,preact__WEBPACK_IMPORTED_MODULE_3__.h)("img", {
           class: this.props.textMessage ? 'message-text-inline-image' : '',
           src: _util_index_js__WEBPACK_IMPORTED_MODULE_0__/* ["default"] */ .A.get(ele, 'attrs.src'),
@@ -1231,37 +1236,43 @@ class Block extends _common_js__WEBPACK_IMPORTED_MODULE_2__/* .Com */ .Mw {
           class: this.props.textMessage ? 'text-message-li' : ''
         }, $body);
       case 'span':
-        return (0,preact__WEBPACK_IMPORTED_MODULE_3__.h)("span", null, $body);
+        return (0,preact__WEBPACK_IMPORTED_MODULE_3__.h)("span", {
+          class: ele.class,
+          style: ele.style
+        }, $body);
       case 'em':
-        return (0,preact__WEBPACK_IMPORTED_MODULE_3__.h)("em", null, $body);
+        return (0,preact__WEBPACK_IMPORTED_MODULE_3__.h)("em", {
+          style: ele.style
+        }, $body);
       case 'b':
-        return (0,preact__WEBPACK_IMPORTED_MODULE_3__.h)("b", null, $body);
+        return (0,preact__WEBPACK_IMPORTED_MODULE_3__.h)("b", {
+          style: ele.style
+        }, $body);
       case 'hr':
         return (0,preact__WEBPACK_IMPORTED_MODULE_3__.h)("hr", null);
       case 'br':
         return (0,preact__WEBPACK_IMPORTED_MODULE_3__.h)("br", null);
       case 'a':
+        if (!ele.attrs.href) return (0,preact__WEBPACK_IMPORTED_MODULE_3__.h)("span", null, $body);
         return (0,preact__WEBPACK_IMPORTED_MODULE_3__.h)("a", {
           class: this.props.textMessage ? 'message-text-link' : '',
           href: ele.attrs['href'],
           target: this.props.textMessage ? '_blank' : ele.attrs['target'],
-          title: ele.attrs['title']
+          title: ele.attrs['title'],
+          rel: "noopener noreferrer",
+          onClick: e => this.props.onLink && this.props.onLink(e, ele.attrs.href)
         }, $body);
       case 'Emoji':
         return (0,preact__WEBPACK_IMPORTED_MODULE_3__.h)(_Emoji_js__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A, {
           emojiCode: ele.attrs['emojiCode']
         });
     }
-    return null;
+    return $body;
   }
   render() {
     return this.renderBlock(this.props.block);
   }
 }
-function absLink(url) {
-  if (!url.startsWith('http://') && !url.startsWith('https://') && !url.startsWith('//')) return 'http://' + url;
-  return url;
-}
 
 /***/ },
 
@@ -1270,7 +1281,7 @@ function absLink(url) {
 
 "use strict";
 __webpack_require__.r(__webpack_exports__);
-/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__(8113));
+/* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (__webpack_require__(1775));
 /* harmony export */ __webpack_require__.d(__webpack_exports__, [
 /* harmony export */   "default", 0, __WEBPACK_DEFAULT_EXPORT__
 /* harmony export */ ]);
@@ -1548,15 +1559,19 @@ class Com extends preact__WEBPACK_IMPORTED_MODULE_0__/* .Component */ .uA {
   constructor(props) {
     super(props);
     this._isMounted = true;
-    _util_index_js__WEBPACK_IMPORTED_MODULE_1__/* ["default"] */ .A.setTimeout(() => {
-      if (this.componentWillUnmount) {
-        let old = this.componentWillUnmount.bind(this);
-        this.componentWillUnmount = () => {
-          old();
-          this._isMounted = false;
-        };
-      }
-    }, 10);
+    this._subscriptions = new Set();
+    const onUnmount = this.componentWillUnmount;
+    this.componentWillUnmount = () => {
+      if (!this._isMounted) return;
+      this._isMounted = false;
+      for (const unsubscribe of this._subscriptions) unsubscribe();
+      this._subscriptions.clear();
+      if (onUnmount) onUnmount.call(this);
+    };
+  }
+  onDispose(cleanup) {
+    if (this._isMounted) this._subscriptions.add(cleanup);else cleanup();
+    return () => this._subscriptions.delete(cleanup);
   }
 }
 class Clickaway extends Com {
@@ -1920,7 +1935,16 @@ function pipeExtracts(text, extractors) {
   return out;
 }
 function extractText(text) {
-  var link = extractLinks;
+  var link = value => {
+    const emails = extractEmails(value);
+    return extractLinks(value).map(span => {
+      const matched = value.substr(span.index, span.length);
+      return {
+        ...span,
+        length: matched.replace(/[.,;!?]+$/, '').length
+      };
+    }).filter(span => !emails.some(email => span.index >= email.index && span.index + span.length <= email.index + email.length));
+  };
   link.type = 'link';
   var email = extractEmails;
   email.type = 'email';
@@ -2192,8 +2216,14 @@ function orderByF(a, f, d) {
   return clone;
 }
 function isPhone(phone) {
-  var re = /^[\+]?[(]?[0-9]{2,3}[)]?[-\s\.]?[0-9]{3,4}[-\s\.]?[0-9]{4,6}$/im;
-  return re.test(String(phone));
+  if (typeof phone !== 'string' && typeof phone !== 'number') return false;
+  const value = String(phone).trim();
+  const ungrouped = value.replace(/\((\d+)\)/g, '$1');
+  if (!/^\+?\d+(?:[ .-]\d+)*$/.test(ungrouped)) return false;
+  const digits = value.replace(/\D/g, '');
+  if (digits.length < 7 || digits.length > 15 || /^(\d)\1+$/.test(digits)) return false;
+  if (value.startsWith('+') && digits.startsWith('0')) return false;
+  return true;
 }
 function isURL(url) {
   var re = /[-a-zA-Z0-9@:%._\+~#=]{1,256}\.[a-zA-Z0-9()]{1,6}\b([-a-zA-Z0-9()@:%_\+.~#?&//=]*)/gi;
@@ -2204,8 +2234,17 @@ function isNumber(num) {
   return re.test(String(num));
 }
 function isEmail(email) {
+  if (typeof email !== 'string') return false;
+  const value = email.trim();
+  if (value.length > 254) return false;
+  const at = value.lastIndexOf('@');
+  const local = value.slice(0, at);
+  const domain = value.slice(at + 1);
+  if (!local || local.length > 64) return false;
+  if (!local.startsWith('"') && (local.startsWith('.') || local.endsWith('.') || local.includes('..'))) return false;
+  if (!domain.startsWith('[') && domain.split('.').some(label => label.length > 63 || !/^[a-z0-9](?:[a-z0-9-]*[a-z0-9])?$/i.test(label))) return false;
   const re = /^(([^<>()[\]\\.,;:\s@"]+(\.[^<>()[\]\\.,;:\s@"]+)*)|(".+"))@((\[[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\.[0-9]{1,3}\])|(([a-zA-Z\-0-9]+\.)+[a-zA-Z]{2,}))$/;
-  return re.test(String(email).toLowerCase());
+  return re.test(value.toLowerCase());
 }
 function last(array) {
   var length = array == null ? 0 : array.length;
@@ -2474,7 +2513,7 @@ function js2css(js, onlyprops, variables) {
   return style;
 }
 function browserName() {
-  var isOpera = !!window.opr && !!opr.addons || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
+  var isOpera = !!window.opr && !!window.opr.addons || !!window.opera || navigator.userAgent.indexOf(' OPR/') >= 0;
   var isFirefox = typeof InstallTrigger !== 'undefined';
   var isSafari = /constructor/i.test(window.HTMLElement) || function (p) {
     return p.toString() === '[object SafariRemoteNotification]';
@@ -2593,8 +2632,8 @@ function checkRunConditions(freq, conds, lastrun, store) {
         break;
       case 'user_is_a_contact':
         let attributes = op.get(store.matchUser(), 'attributes', []);
-        let emailAttr = find(attributes, att => att.key === 'emails' && attr.text && att.key === 'related_email' && attr.text);
-        let phoneAttr = find(attributes, att => att.key === 'phones' && attr.text && att.key === 'related_phone' && attr.text);
+        let emailAttr = find(attributes, att => (att.key === 'emails' || att.key === 'related_email') && att.text);
+        let phoneAttr = find(attributes, att => (att.key === 'phones' || att.key === 'related_phone') && att.text);
         let hasContact = emailAttr || phoneAttr;
         if (cond.user_is_a_contact) {
           if (!hasContact) return false;
@@ -2890,8 +2929,7 @@ function unicodeToAscii(str) {
   str = str.replaceAll('đ', 'd').replaceAll('Đ', 'D');
   return str.normalize('NFD').replace(/[\u0300-\u036f]/g, '');
 }
-function scrollIntoViewIfNeeded($ele) {
-  centerIfNeeded = arguments.length === 0 ? true : !!centerIfNeeded;
+function scrollIntoViewIfNeeded($ele, centerIfNeeded = true) {
   var parent = $ele.parentNode;
   var parentComputedStyle = window.getComputedStyle(parent, null);
   var parentBorderTopWidth = parseInt(parentComputedStyle.getPropertyValue('border-top-width'));
@@ -2922,51 +2960,31 @@ function blockToText(block) {
   return _blockToText(block).trim();
 }
 function isBlockEmpty(block) {
-  return _isBlockEmpty(block);
-}
-function _isBlockEmpty(block = {}) {
-  if (!size(block.content)) {
-    if ((block.text || '').trim()) return false;
-    return true;
-  }
-  let result = true;
-  map(block.content, content => {
-    result = result && _isBlockEmpty(content);
-  });
-  return result;
+  return isEmptyBlock(block);
 }
 function _blockToText(block) {
-  if (!block || !block.type) return '';
+  if (!block) return '';
   let out = '';
   if (block.type == 'bullet_list' || block.type == 'ordered_list') {
-    map(block.content, item => {
-      preifx = '\n* ';
-      if (block.type == 'ordered_list') {
-        prefix = i + '\n. ';
-      }
-      out += prefix + blockToText(item).trim();
+    map(block.content, (item, i) => {
+      let prefix = block.type == 'ordered_list' ? '\n' + (Number(i) + 1) + '. ' : '\n* ';
+      out += prefix + _blockToText(item).trim();
     });
     return out;
   }
   if (block.type == 'heading' || block.type == 'paragraph') {
     out += '\n';
   }
-  if (block.type == '' || block.type == 'text' || block.type == 'link' || block.type == 'mention-agent' || block.type == 'dynamic-field') {
-    return out + block.text;
+  if (block.type == '' || block.type == 'text' || block.type == 'link' || block.type == 'mention-agent' || block.type == 'mention' || block.type == 'dynamic-field') {
+    if (!size(block.content)) return out + (block.text || '');
   }
   if (block.type == 'horizontal_rule') return out + '\n---\n';
   if (block.type == 'emoji') {
-    let code;
-    if (size(block.attrs) > 0) code = block.attrs['code'];
-    if (code == '') code = block.text;
-    if (code != '') {
-      let emoji = find(LEXICAL_EMOJI_LIST, emoji => emoji.code === code);
-      out + op.get(emoji, 'text', code);
-    }
-    return out;
+    return out + (op.get(block, 'attrs.code') || block.text || block.Text || '');
   }
-  map(block.content, block => {
-    out += blockToText(block);
+  if (!size(block.content)) return out + (block.text || '');
+  map(block.content, child => {
+    out += _blockToText(child);
   });
   return out;
 }
@@ -2992,12 +3010,16 @@ function absLink(url) {
   return url;
 }
 function isEmptyBlock(block) {
-  if (!block || !block.type) return true;
+  if (!block) return true;
+  if (block.type === 'image' && op.get(block, 'image.url')) return false;
+  if (block.type === 'emoji' && (op.get(block, 'attrs.code') || block.Text)) return false;
+  if (block.type === 'horizontal_rule') return false;
   let hasContent = size(filter(map(block.content, block => isEmptyBlock(block)), isEmpty => !isEmpty)) > 0;
   return !trim(block.text) && !hasContent;
 }
 function isEmptyMessage(msg) {
   if (!msg) return true;
+  if (msg.deleted) return false;
   if (!msg.text && isEmptyBlock(msg.block) && isEmptyAttachment(msg)) return true;
   return false;
 }
@@ -3268,26 +3290,41 @@ var pubsub_namespaceFn = /*#__PURE__*/__webpack_require__.cw(function(module, __
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ Pubsub)
 /* harmony export */ });
-var {
-  filter,
-  map
-} = (common_namespaceFn());
 class Pubsub {
   constructor() {
     this.listeners = {};
   }
-  publish(topic, payload, payload2, payload3) {
-    this.listeners[topic] = filter(this.listeners[topic], sub => sub.obj._isMounted);
-    map(this.listeners[topic], ({
-      cb
-    }) => cb(payload, payload2, payload3));
+  publish(topic, ...payload) {
+    const subscriptions = (this.listeners[topic] || []).slice();
+    for (const subscription of subscriptions) {
+      if (!subscription.obj._isMounted) subscription.unsubscribe();
+      if (subscription.active) subscription.cb(...payload);
+    }
   }
   on2(obj, topic, cb) {
-    if (!this.listeners[topic]) this.listeners[topic] = [];
-    this.listeners[topic].push({
+    const subscription = {
       obj,
-      cb
-    });
+      cb,
+      active: true
+    };
+    let release = () => {};
+    const unsubscribe = () => {
+      if (!subscription.active) return;
+      subscription.active = false;
+      this.listeners[topic] = (this.listeners[topic] || []).filter(sub => sub !== subscription);
+      if (!this.listeners[topic].length) delete this.listeners[topic];
+      release();
+    };
+    subscription.unsubscribe = unsubscribe;
+    if (!this.listeners[topic]) this.listeners[topic] = [];
+    this.listeners[topic].push(subscription);
+    if (typeof obj.onDispose === 'function') release = obj.onDispose(unsubscribe);
+    return unsubscribe;
+  }
+  clear() {
+    for (const subscriptions of Object.values(this.listeners)) {
+      for (const subscription of subscriptions.slice()) subscription.unsubscribe();
+    }
   }
 }
 });
@@ -3402,6 +3439,28 @@ sb = Object.assign(sb, campaign_namespaceObject);
 
 /***/ },
 
+/***/ 4339
+(__unused_webpack_module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+/* harmony export */ __webpack_require__.d(__webpack_exports__, {
+/* harmony export */   P: () => (/* binding */ safeUrl)
+/* harmony export */ });
+function safeUrl(value, image = false) {
+  if (typeof value !== 'string') return '';
+  const url = value.trim();
+  const normalized = url.replace(/[\u0000-\u0020\u007f]/g, '');
+  const scheme = normalized.match(/^([a-z][a-z0-9+.-]*):/i);
+  if (!scheme) return url;
+  if (/^https?$/i.test(scheme[1])) return url;
+  if (!image && /^(mailto|tel)$/i.test(scheme[1])) return url;
+  if (image && /^blob$/i.test(scheme[1])) return url;
+  if (image && /^data:image\/(png|jpe?g|gif|webp|avif);base64,/i.test(normalized)) return url;
+  return '';
+}
+
+/***/ },
+
 /***/ 5672
 (module) {
 
@@ -3589,7 +3648,7 @@ sb = Object.assign(sb, campaign_namespaceObject);
 
 /***/ },
 
-/***/ 8113
+/***/ 1775
 (module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -3699,7 +3758,7 @@ var ___CSS_LOADER_URL_REPLACEMENT_21___ = _node_modules_css_loader_dist_runtime_
 var ___CSS_LOADER_URL_REPLACEMENT_22___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_1___default()((_img_emoji_messenger_sub_23_529_60_784_png__WEBPACK_IMPORTED_MODULE_24___default()));
 var ___CSS_LOADER_URL_REPLACEMENT_23___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_1___default()((_img_emoji_messenger_sub_23_529_58_824_png__WEBPACK_IMPORTED_MODULE_25___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, "#sbz92 * {\n  all: unset !important;\n}\n.sbz_no_scroll {\n  overflow: hidden !important;\n  overflow-x: hidden !important;\n  overflow-y: hidden !important;\n}\n#sbz92 {\n  /* Handle on hover */\n  /*\n.widget-header--button-close {\n\tdisplay: flex;\n\tborder-radius: 6px;\n\tjustify-self: flex-end;\n\talign-items: center;\n\talign-self: flex-start;\n\n\tfilter: brightness(0.95);\n\t&:hover {\n\t\topacity: 1;\n\t\tfilter: brightness(1.1);\n\t\tscale: 1.1;\n\t}\n}\n*/\n  /*\n[data-tooltip]::after {\n\ttext-align: center;\n\tmin-width: 60px;\n\tmax-width: 350px;\n\n\ttransform: translate3d(0, 0, 0);\n\t-webkit-backface-visibility: hidden;\n\tbackface-visibility: hidden;\n\twill-change: transform;\n\topacity: 0;\n\tpointer-events: none;\n\ttransition: opacity @tooltip-transition-duration @tooltip-transition-easing @tooltip-transition-delay;\n\tposition: absolute;\n\tbox-sizing: border-box;\n\tz-index: @z-index + 2000;\n\ttransform-origin: top;\n\twhite-space: pre-wrap;\n\twidth: 100%;\n\n\tbackground: @black;\n\tborder-radius: 5px;\n\n\t.color(@white);\n\n\tcontent: attr(data-tooltip);\n\tfont-size: @tooltip-font-size;\n\tfont-weight: @tooltip-font-weight;\n\ttext-transform: @tooltip-text-transform;\n\tpadding: 0.5em;\n\tbox-sizing: content-box;\n}\n\n[data-tooltip]:hover::after,\n[data-tooltip]:focus::after {\n\topacity: 1;\n\tpointer-events: auto;\n}\n\n// ------------------------------------------------\n// [2] Position Modifiers\n// ------------------------------------------------\n\n[data-tooltip][data-tooltip-position|='top']::after {\n\tmargin-bottom: @tooltip-margin;\n\ttransform: translate3d(-50%, -5px, 0);\n\tbottom: 100%;\n\tleft: 50%;\n}\n\n// ------------------------------------------------\n// [2.1] Top Left\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='top-left']::after {\n\ttransform: translate3d(~'calc(-100% + 16px)', -5px, 0);\n\tbottom: 100%;\n}\n\n// ------------------------------------------------\n// [2.2] Top Right\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='top-right']::after {\n\ttransform: translate3d(~'calc(0% + -16px)', -5px, 0);\n\tbottom: 100%;\n}\n\n// ------------------------------------------------\n// [2.3] Bottom\n// ------------------------------------------------\n\n[data-tooltip][data-tooltip-position|='bottom']::after,\n[data-tooltip]:not([data-tooltip-position])::after {\n\ttransform: translate3d(-50%, 0, 0);\n\tmargin-top: @tooltip-margin;\n\tleft: 50%;\n\ttop: 100%;\n}\n\n// ------------------------------------------------\n// [2.4] Bottom Left\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='bottom-left']::after {\n\ttransform: translate3d(~'calc(-100% + 16px)', 0, 0);\n}\n\n// ------------------------------------------------\n// [2.5] Bottom Right\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='bottom-right']::after {\n\ttransform: translate3d(~'calc(0% + -16px)', 0, 0);\n}\n\n// ------------------------------------------------\n// [2.6] Left\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='left']::after {\n\tbottom: auto;\n\tleft: auto;\n\tright: 100%;\n\ttop: 50%;\n\ttransform: translate3d(0, -50%, 0);\n\tmargin-right: @tooltip-margin;\n}\n\n// ------------------------------------------------\n// [2.7] Right\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='right']::after {\n\tbottom: auto;\n\tleft: 100%;\n\ttop: 50%;\n\ttransform: translate3d(0, -50%, 0);\n\tmargin-left: @tooltip-margin;\n}\n\n*/\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  font-weight: 600 !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#sbz92 .badge {\n  padding: 2px 8px !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  border-radius: 6px !important;\n  display: inline-flex !important;\n  align-items: center !important;\n}\n#sbz92 .badge.badge--success {\n  color: #28a745 !important;\n  -webkit-text-fill-color: #28a745 !important;\n  background: #28a74526 !important;\n}\n#sbz92 .dot {\n  width: 8px !important;\n  height: 8px !important;\n  border-radius: 4px !important;\n  flex-shrink: 0 !important;\n  background: #000 !important;\n}\n#sbz92 .dot.dot--success {\n  background: #28a745 !important;\n}\n#sbz92 * {\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;\n  -webkit-tap-highlight-color: transparent !important;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;\n  font-size: 16px !important;\n  -webkit-box-sizing: border-box !important;\n  -moz-box-sizing: border-box !important;\n  box-sizing: border-box !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 0 !important;\n  vertical-align: baseline !important;\n}\n#sbz92 button:focus {\n  outline: none !important;\n}\n#sbz92 img {\n  overflow: hidden !important;\n  flex-shrink: 0 !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  background-size: 100% 100% !important;\n  -webkit-user-select: none !important;\n  -khtml-user-select: none !important;\n  -moz-user-select: none !important;\n  -o-user-select: none !important;\n  user-select: none !important;\n  -webkit-user-drag: none !important;\n}\n#sbz92 .pos-relative {\n  position: relative !important;\n}\n#sbz92 .flex-row {\n  flex-direction: row !important;\n}\n#sbz92 .flex-column {\n  flex-direction: column !important;\n}\n#sbz92 .flex-grow-1 {\n  flex-grow: 1 !important;\n}\n#sbz92 .align-self-end {\n  align-self: flex-end !important;\n}\n#sbz92 .align-items-end {\n  align-items: flex-end !important;\n}\n#sbz92 .justify-content-center {\n  justify-content: center !important;\n}\n#sbz92 .h-full {\n  height: 100% !important;\n}\n#sbz92 .w-full {\n  width: 100% !important;\n}\n#sbz92 .text-muted {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .text-lg {\n  font-size: 18px !important;\n}\n#sbz92 .text-xl {\n  font-size: 20px !important;\n}\n#sbz92 .text-sm {\n  font-size: 14px !important;\n}\n#sbz92 .text-center {\n  text-align: center !important;\n}\n#sbz92 .text-danger {\n  color: #ea3d2f !important;\n}\n#sbz92 .text-italic {\n  font-style: italic !important;\n}\n#sbz92 .d-none {\n  display: none !important;\n}\n#sbz92 .d-flex {\n  display: flex !important;\n}\n#sbz92 .d-inline-block {\n  display: inline-block !important;\n}\n#sbz92 .ml-1 {\n  margin-left: 7.5px !important;\n}\n#sbz92 .pl-2 {\n  padding-left: 15px !important;\n}\n#sbz92 .pr-2 {\n  padding-right: 15px !important;\n}\n#sbz92 .pb-2 {\n  padding-bottom: 15px !important;\n}\n#sbz92 .mt-1 {\n  margin-top: 7.5px !important;\n}\n#sbz92 .mt-2 {\n  margin-top: 15px !important;\n}\n#sbz92 .ml-2 {\n  margin-left: 15px !important;\n}\n#sbz92 .mr-1 {\n  margin-right: 7.5px !important;\n}\n#sbz92 .mr-2 {\n  margin-right: 15px !important;\n}\n#sbz92 .pt-3 {\n  padding-top: 22.5px !important;\n}\n#sbz92 .pl-3 {\n  padding-left: 22.5px !important;\n}\n#sbz92 .pr-3 {\n  padding-right: 22.5px !important;\n}\n#sbz92 .pb-3 {\n  padding-bottom: 22.5px !important;\n}\n#sbz92 .mt-3 {\n  margin-top: 22.5px !important;\n}\n#sbz92 .ml-3 {\n  margin-left: 22.5px !important;\n}\n#sbz92 .mr-3 {\n  margin-right: 22.5px !important;\n}\n#sbz92 .mb-3 {\n  margin-bottom: 22.5px !important;\n}\n#sbz92 .mb-2 {\n  margin-bottom: 15px !important;\n}\n#sbz92 .mb-1 {\n  margin-bottom: 7.5px !important;\n}\n#sbz92 .muted {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .i {\n  font-style: italic !important;\n}\n#sbz92 .align-items-center {\n  align-items: center !important;\n}\n#sbz92 .text-truncate {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n}\n#sbz92 .flex_1 {\n  flex: 1 !important;\n  flex-shrink: 0 !important;\n}\n#sbz92 .justify-content-between {\n  justify-content: space-between !important;\n}\n#sbz92 .no-shrink {\n  flex-shrink: 0 !important;\n}\n#sbz92 .loading {\n  flex: 1 !important;\n  align-items: center !important;\n  justify-content: center !important;\n  display: flex !important;\n  flex-direction: column !important;\n  background: white !important;\n}\n#sbz92 .avatar-container {\n  text-align: center !important;\n}\n#sbz92 .avatar {\n  position: relative !important;\n  object-fit: cover !important;\n  display: inline-block !important;\n}\n#sbz92 .group-avatar--primary .avatar {\n  width: 40px !important;\n  height: 40px !important;\n  border-radius: 35px !important;\n}\n#sbz92 .group-avatar--secondary .avatar {\n  position: relative !important;\n  width: 35px !important;\n  height: 35px !important;\n  border-radius: 35px !important;\n}\n#sbz92 .avatar.avatar__account {\n  width: 38px !important;\n  height: 38px !important;\n  border-radius: 38px !important;\n  margin-right: 7.5px !important;\n}\n#sbz92 .group-avatar--primary .group-avatar--agent-middle {\n  width: 50px !important;\n  height: 50px !important;\n  margin-left: -10px !important;\n  z-index: 3 !important;\n  position: relative !important;\n}\n#sbz92 .group-avatar--primary .group-avatar--agent-left {\n  z-index: 2 !important;\n}\n#sbz92 .group-avatar--primary .group-avatar--agent-right {\n  z-index: 2 !important;\n  margin-left: -10px !important;\n}\n#sbz92 .group-avatar--secondary .group-avatar--agent-left {\n  z-index: 3 !important;\n}\n#sbz92 .group-avatar--secondary .group-avatar--agent-middle {\n  z-index: 2 !important;\n  margin-left: -15px !important;\n}\n#sbz92 .group-avatar--secondary .group-avatar--agent-right {\n  z-index: 1 !important;\n  margin-left: -15px !important;\n}\n#sbz92 .widget-header {\n  z-index: -1 !important;\n  position: relative !important;\n  transition: height 0.2s !important;\n  border-radius: 15px 15px 0px 0px !important;\n  background: '@background' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  width: 100% !important;\n}\n#sbz92 .widget-header .widget-header--total-unread-convo {\n  font-size: 13px !important;\n  font-weight: 500 !important;\n  background: #ef000d !important;\n  display: flex !important;\n  border-radius: 50% !important;\n  justify-content: center !important;\n  align-items: center !important;\n  width: 20px !important;\n  height: 20px !important;\n  position: absolute !important;\n  cursor: pointer !important;\n  right: -8px !important;\n  top: -4px !important;\n}\n#sbz92 .widget-header--collapsed {\n  height: auto !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--collapsed {\n  height: auto !important;\n  padding: 15px 22.5px !important;\n  position: relative !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--collapsed .widget-header--title {\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  font-weight: 500 !important;\n  text-overflow: ellipsis !important;\n  font-size: 16px !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--collapsed .widget-header--description {\n  font-size: 14px !important;\n  overflow: hidden !important;\n  opacity: 0.7 !important;\n  flex: 1 !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  margin-top: 2.5px !important;\n  position: relative !important;\n  line-height: 1.5 !important;\n}\n#sbz92 .mobile .widget-header {\n  border-radius: 0px !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded {\n  height: 224px !important;\n  padding: 15px 22.5px !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded .widget-header--top-wrapper {\n  display: flex !important;\n  flex-direction: row !important;\n  align-items: center !important;\n  margin-bottom: 10px !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded .widget-header--avatar-wrapper {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded .widget-header--title {\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  font-weight: 500 !important;\n  text-overflow: ellipsis !important;\n  flex: 1 !important;\n  font-size: 16px !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded .widget-header--description {\n  position: relative !important;\n  text-align: center !important;\n  margin-top: 15px !important;\n  white-space: pre-wrap !important;\n  display: -webkit-box !important;\n  -webkit-box-orient: vertical !important;\n  -webkit-line-clamp: 2 !important;\n  overflow: hidden !important;\n  line-height: 1.5 !important;\n}\n#sbz92 .widget-header--convo-expanded {\n  height: 224px !important;\n}\n#sbz92 .widget-header--inner {\n  position: absolute !important;\n  top: 0 !important;\n  left: 50% !important;\n  transform: translateX(-50%) !important;\n  width: 100% !important;\n  opacity: 1 !important;\n  display: flex !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--hidden {\n  opacity: 0 !important;\n  transform: scale(0) !important;\n  animation-duration: 0.05s !important;\n  animation-name: hide !important;\n}\n#sbz92 .widget-header--title-container {\n  min-width: 0 !important;\n  flex: 1 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  z-index: 1 !important;\n}\n#sbz92 .widget-header--button-close {\n  display: flex !important;\n  border-radius: 6px !important;\n  justify-self: flex-end !important;\n  align-items: center !important;\n  align-self: flex-start !important;\n  opacity: 0.6 !important;\n  transition: opacity 0.15s ease, scale 0.15s ease, filter 0.15s ease !important;\n  filter: brightness(0.95) !important;\n}\n#sbz92 .widget-header--button-close:hover {\n  opacity: 1 !important;\n  filter: brightness(1.1) !important;\n  scale: 1.1 !important;\n}\n#sbz92 .widget-header--button-close-icon {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci14Ij48bGluZSB4MT0iMTgiIHkxPSI2IiB4Mj0iNiIgeTI9IjE4Ij48L2xpbmU+PGxpbmUgeDE9IjYiIHkxPSI2IiB4Mj0iMTgiIHkyPSIxOCI+PC9saW5lPjwvc3ZnPgo=') !important;\n  background-size: contain !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  width: 24px !important;\n  height: 24px !important;\n  display: block !important;\n  cursor: pointer !important;\n}\n#sbz92 .widget-header--button-back {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9IndoaXRlIiAgc3Ryb2tlLXdpZHRoPSIyIiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTQgNmwxNiAwIiAvPjxwYXRoIGQ9Ik00IDEybDE2IDAiIC8+PHBhdGggZD0iTTQgMThsMTYgMCIgLz48L3N2Zz4K') !important;\n  background-size: contain !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  background-size: 24px 24px !important;\n  width: 24px !important;\n  height: 24px !important;\n  display: block !important;\n  position: relative !important;\n}\n#sbz92 .widget-header--wrap-button-back {\n  display: flex !important;\n  position: relative !important;\n  margin-right: 7.5px !important;\n  cursor: pointer !important;\n  scale: 1 !important;\n  opacity: 0.6 !important;\n  transition: opacity 0.15s ease, scale 0.15s ease, filter 0.15s ease !important;\n  filter: brightness(0.95) !important;\n}\n#sbz92 .widget-header--wrap-button-back:hover {\n  opacity: 1 !important;\n  filter: brightness(1.1) !important;\n  scale: 1.1 !important;\n}\n#sbz92 .fade-enter-active,\n#sbz92 .fade-leave-active {\n  transition: opacity 0.5s ease-out 0.2s !important;\n}\n#sbz92 .fade-enter,\n#sbz92 .fade-leave-to {\n  opacity: 0 !important;\n}\n#sbz92 .slide-fade-enter-active {\n  transition: all 0.3s ease !important;\n}\n#sbz92 .slide-fade-leave-active {\n  transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1) !important;\n}\n#sbz92 .slide-fade-enter,\n#sbz92 .slide-fade-leave-to {\n  transform: translateX(10px) !important;\n  opacity: 0 !important;\n}\n#sbz92 .widget_header__body {\n  padding-bottom: 70px !important;\n}\n#sbz92 .widget_header__body.widget_header__body__social {\n  display: flex !important;\n}\n#sbz92 .social__account_logo {\n  height: 90px !important;\n  width: 90px !important;\n  margin-right: 15px !important;\n  border-radius: 15px !important;\n  object-fit: cover !important;\n}\n#sbz92 .social__introduction {\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  max-height: 72px !important;\n  overflow: hidden !important;\n  display: -webkit-box !important;\n  -webkit-box-orient: vertical !important;\n  -webkit-line-clamp: 3 !important;\n}\n#sbz92 .social__links {\n  display: flex !important;\n  flex-direction: row !important;\n}\n#sbz92 .social__links-logo {\n  height: 30px !important;\n  width: 30px !important;\n  border-radius: 50% !important;\n  margin-right: 10px !important;\n  margin-top: 5px !important;\n  background-size: contain !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  display: block !important;\n}\n#sbz92 .social__links-logo--facebook {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%20fill%3D%22%230264FF%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.2944%2029.8252C16.5464%2029.9404%2015.7803%2030%2015%2030C14.0962%2030%2013.2109%2029.9199%2012.3511%2029.7666V18.4775H10V14.4287H12.3511V11.8086C12.3511%209.93457%2013.2744%207%2017.3384%207L21%207.01465V10.9453H18.3433C17.9075%2010.9453%2017.2947%2011.1553%2017.2947%2012.0488V14.4326H20.989L20.5571%2018.4775H17.2944V29.8252Z%22%20fill%3D%22white%22/%3E%3C/svg%3E') !important;\n}\n#sbz92 .social__links-logo--messenger {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect%20width%3D%2230%22%20height%3D%2230%22%20rx%3D%2215%22%20fill%3D%22%23007FFF%22/%3E%3Crect%20x%3D%224.28564%22%20y%3D%226%22%20width%3D%2221.4286%22%20height%3D%2218.8571%22%20fill%3D%22white%22/%3E%3Cpath%20d%3D%22M14.9478%2014.5713C14.8228%2014.5917%2014.6974%2014.6104%2014.5715%2014.6276C14.6974%2014.6104%2014.8228%2014.5917%2014.9478%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.7507%2014.5713C14.691%2014.5823%2014.6313%2014.5923%2014.5715%2014.6026C14.6313%2014.5923%2014.691%2014.5823%2014.7507%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M15.0126%2014.5713C14.8663%2014.5878%2014.7192%2014.6024%2014.5715%2014.6148C14.7192%2014.6024%2014.8663%2014.5878%2015.0126%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.783%2014.5713C14.7128%2014.5807%2014.642%2014.5894%2014.5715%2014.5976C14.642%2014.5894%2014.7128%2014.5807%2014.783%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.7299%2014.5713C14.6773%2014.5825%2014.6244%2014.5937%2014.5715%2014.6045C14.6244%2014.5937%2014.6773%2014.5825%2014.7299%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.6992%2014.5713C14.6567%2014.5834%2014.6141%2014.5949%2014.5715%2014.6068C14.6141%2014.5949%2014.6567%2014.5834%2014.6992%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.7107%2014.5713C14.6645%2014.5834%2014.618%2014.5958%2014.5715%2014.6075C14.618%2014.5958%2014.6645%2014.5836%2014.7107%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.7194%2014.5713C14.6704%2014.5827%2014.621%2014.5935%2014.5715%2014.6045C14.621%2014.5935%2014.6704%2014.5827%2014.7194%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.8087%2014.5713C14.7297%2014.5779%2014.6507%2014.5839%2014.5715%2014.5891C14.6507%2014.5839%2014.7297%2014.5779%2014.8087%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M15.0417%2014.5713C14.8856%2014.5814%2014.7288%2014.5894%2014.5715%2014.5946C14.7288%2014.5894%2014.8856%2014.5814%2015.0417%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.8206%2014.5713C14.7377%2014.574%2014.6546%2014.5761%2014.5715%2014.5775C14.6546%2014.5761%2014.7377%2014.574%2014.8206%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.1547%2012.3174L9.29419%2017.4636L13.7176%2015.0365L16.0288%2017.4636L20.8621%2012.3174L16.4877%2014.7019L14.1547%2012.3174Z%22%20fill%3D%22%23448AFF%22/%3E%3Cpath%20d%3D%22M15%200C6.717%200%200%206.717%200%2015C0%2023.283%206.717%2030%2015%2030C23.283%2030%2030%2023.283%2030%2015C30%206.717%2023.283%200%2015%200ZM15.1172%2023.0294C14.1886%2023.0294%2013.2923%2022.8983%2012.4491%2022.6554L9.42421%2024.375V21.14C7.39815%2019.5982%206.10428%2017.2501%206.10428%2014.6203C6.10428%209.97581%2010.1395%206.21094%2015.1172%206.21094C20.0951%206.21094%2024.1301%209.97581%2024.1301%2014.6203C24.1301%2019.2643%2020.0951%2023.0294%2015.1172%2023.0294V23.0294Z%22%20fill%3D%22%23007FFF%22/%3E%3C/svg%3E') !important;\n}\n#sbz92 .social__links-logo--email {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M22.6875%2012.9688C21.9375%2013.5625%2020.3125%2014.75%2017.875%2016.5L17.5625%2016.75C17.0625%2017.125%2016.6875%2017.4062%2016.375%2017.5625C15.875%2017.875%2015.4062%2018%2015%2018C14.5625%2018%2014.125%2017.875%2013.625%2017.5938C13.3125%2017.4375%2012.9375%2017.1562%2012.4375%2016.7812L12.125%2016.5C9.59375%2014.6875%208%2013.5%207.3125%2012.9688C7.25%2012.9375%207.15625%2012.9375%207.09375%2012.9688C7.03125%2013%207%2013.0625%207%2013.125V19.5C7%2019.9375%207.125%2020.2812%207.4375%2020.5625C7.71875%2020.875%208.0625%2021%208.5%2021H21.5C21.9062%2021%2022.25%2020.875%2022.5625%2020.5625C22.8438%2020.2812%2023%2019.9375%2023%2019.5V13.125C23%2013.0625%2022.9375%2013%2022.875%2012.9375C22.8125%2012.9062%2022.75%2012.9062%2022.6875%2012.9688ZM15%2017C14.7188%2017%2014.375%2016.875%2014%2016.625C13.75%2016.5%2013.4375%2016.2812%2013.0312%2015.9375L12.7188%2015.7188C10.1562%2013.8438%208.40625%2012.5625%207.5%2011.8438L7.28125%2011.6875C7.09375%2011.5625%207%2011.3438%207%2011.0938V10.5C7%2010.0938%207.125%209.75%207.4375%209.4375C7.71875%209.15625%208.0625%209%208.5%209H21.5C21.9062%209%2022.25%209.15625%2022.5625%209.4375C22.8438%209.75%2023%2010.0938%2023%2010.5V11.0938C23%2011.3438%2022.9062%2011.5625%2022.7188%2011.6875L22.5625%2011.8125C21.6562%2012.5312%2019.9062%2013.8438%2017.2812%2015.7188L16.9688%2015.9375C16.5312%2016.2812%2016.2188%2016.5%2016%2016.625C15.5938%2016.875%2015.25%2017%2015%2017Z%22%20fill%3D%22white%22/%3E%3C/svg%3E') !important;\n}\n#sbz92 .social__links-logo--zalo {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M29.9999%2014.9385C29.9669%206.68262%2023.2639%200%2015%200C6.7157%200%200%206.71582%200%2015C0%2023.2842%206.7157%2030%2015%2030C23.2639%2030%2029.9669%2023.3174%2029.9999%2015.0615C29.9999%2015.041%2030%2015.0205%2030%2015C30%2014.9795%2029.9999%2014.959%2029.9999%2014.9385Z%22%20fill%3D%22white%22/%3E%3Cpath%20d%3D%22M24.5612%2017.4695C22.9394%2017.4726%2021.6242%2016.1862%2021.6279%2014.6005C21.6316%2013.0345%2022.9474%2011.7445%2024.5473%2011.7383C26.1556%2011.732%2027.4826%2013.0349%2027.4786%2014.6162C27.4746%2016.1926%2026.1719%2017.4665%2024.5612%2017.4695ZM22.8416%2014.6183C22.8459%2015.5573%2023.6166%2016.3004%2024.5777%2016.2923C25.5165%2016.2845%2026.2699%2015.5301%2026.2673%2014.6005C26.2646%2013.6712%2025.51%2012.9317%2024.56%2012.9277C23.6012%2012.9237%2022.8373%2013.6751%2022.8416%2014.6183Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20d%3D%22M19.5054%2010.0762H20.795V17.4217H19.9447C19.7021%2017.4217%2019.5054%2017.225%2019.5054%2016.9823V10.0762Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20d%3D%22M18.5227%2011.8907H17.2881V12.2935C16.5767%2011.8601%2015.8509%2011.6775%2015.06%2011.831C14.2526%2011.9876%2013.6164%2012.4043%2013.167%2013.0917C12.4538%2014.1826%2012.5894%2015.5904%2013.4938%2016.5431C14.3504%2017.4454%2015.8628%2017.8178%2017.2815%2016.9247C17.2835%2016.934%2017.286%2016.9422%2017.2881%2016.9511V16.9826C17.2881%2017.2252%2017.4849%2017.422%2017.7275%2017.422H18.5227V11.8907V11.8907ZM15.5853%2016.2787C14.6636%2016.268%2013.8924%2015.5006%2013.8986%2014.6004C13.9048%2013.692%2014.6716%2012.9481%2015.602%2012.9479C16.5427%2012.9477%2017.2871%2013.6781%2017.2882%2014.6026C17.2893%2015.5333%2016.521%2016.2896%2015.5853%2016.2787Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20d%3D%22M8.0481%2016.2438C9.39854%2014.5856%2010.6939%2012.9885%2011.9984%2011.3989C12.2464%2011.0968%2012.3662%2010.7671%2012.3731%2010.3807C12.3761%2010.2135%2012.3261%2010.1646%2012.1596%2010.165C11.6056%2010.1666%206.41195%2010.165%206.41195%2010.165V11.4709H10.4978C10.4424%2011.543%207.83556%2014.7218%206.57932%2016.2403C6.37112%2016.4919%206.26503%2016.7645%206.25401%2017.0936C6.24628%2017.3242%206.28864%2017.4139%206.52267%2017.4211V17.4217H11.9356C12.1782%2017.4217%2012.3749%2017.225%2012.3749%2016.9823V16.2487V16.2438H8.0481V16.2438Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.948%2026.1338C6.03613%2027.1172%207.26917%2027.9424%208.61108%2028.5752V26.1338H4.948ZM0.00268555%2014.7119C0.0775146%2010.7393%201.69666%207.14453%204.28479%204.50293C4.0459%204.98242%203.83435%205.47949%203.64661%205.99121C2.58862%208.87598%202.31299%2011.8506%202.69116%2014.8916C2.95862%2017.042%203.55518%2019.0869%204.63391%2020.9775C4.8269%2021.3154%205.02271%2021.6582%205.26489%2021.9609C5.76672%2022.5879%205.80981%2023.2725%205.59888%2024.0049C5.4873%2024.3926%205.32227%2024.75%205.11304%2025.082C4.95691%2025.3291%204.77612%2025.5635%204.57434%2025.7842C1.81921%2023.1201%200.0819092%2019.4102%200.00280762%2015.2939C0.000976562%2015.1963%200%2015.0986%200%2015C0%2014.9033%200.000854492%2014.8076%200.00268555%2014.7119Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.8226%2026.3367C22.191%2028.6189%2018.7568%2029.9998%2015%2029.9998C11.1449%2029.9998%207.62952%2028.5457%204.97241%2026.156C6.32458%2026.1921%207.61877%2025.9031%208.86353%2025.3464C8.97681%2025.2957%209.06262%2025.3113%209.16443%2025.364C12.2258%2026.9646%2015.5131%2027.5125%2018.926%2027.3962C20.9574%2027.3269%2022.9333%2027.0046%2024.8226%2026.3367Z%22%20fill%3D%22%23015BDF%22/%3E%3C/svg%3E') !important;\n}\n@keyframes hide {\n  100% {\n    opacity: 0;\n    transform: scale(0);\n  }\n}\n#sbz92 .widget-header-expand-container {\n  width: 100% !important;\n}\n#sbz92 .message-input {\n  width: 100% !important;\n  border-top: 1px solid #e3e3e3 !important;\n  display: flex !important;\n  flex-direction: row !important;\n  padding: 15px 22.5px !important;\n}\n#sbz92 .message-input--disabled {\n  background: #f0f0f0 !important;\n  opacity: 0.6 !important;\n  filter: grayscale(1) !important;\n}\n#sbz92 textarea[disabled='disabled']::-webkit-input-placeholder {\n  color: #a4a4a4 !important;\n  -webkit-text-fill-color: #a4a4a4 !important;\n}\n#sbz92 textarea[disabled='disabled']:-ms-input-placeholder {\n  color: #a4a4a4 !important;\n  -webkit-text-fill-color: #a4a4a4 !important;\n}\n#sbz92 textarea[disabled='disabled']::placeholder {\n  color: #a4a4a4 !important;\n  -webkit-text-fill-color: #a4a4a4 !important;\n}\n#sbz92 .message-input--input {\n  word-wrap: break-word !important;\n  resize: none !important;\n  flex: 1 !important;\n  align-self: center !important;\n  margin-right: 7.5px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .message-input--input::placeholder {\n  opacity: 0.5 !important;\n  /* Firefox */\n}\n#sbz92 .message-input--input::-ms-input-placeholder {\n  /* Edge 12 -18 */\n  opacity: 0.5 !important;\n  /* Firefox */\n}\n#sbz92 .message-input--emoji-button {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImdyYXkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXNtaWxlIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCI+PC9jaXJjbGU+PHBhdGggZD0iTTggMTRzMS41IDIgNCAyIDQtMiA0LTIiPjwvcGF0aD48bGluZSB4MT0iOSIgeTE9IjkiIHgyPSI5LjAxIiB5Mj0iOSI+PC9saW5lPjxsaW5lIHgxPSIxNSIgeTE9IjkiIHgyPSIxNS4wMSIgeTI9IjkiPjwvbGluZT48L3N2Zz4K') !important;\n}\n#sbz92 .message-input--button {\n  background-size: 70% !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  width: 32px !important;\n  height: 32px !important;\n  display: block !important;\n  cursor: pointer !important;\n  position: relative !important;\n  border-radius: 20px !important;\n  transition: background-color 0.2s !important;\n}\n#sbz92 .message-input--button:hover {\n  background-color: #eeeeee !important;\n}\n#sbz92 .message-input--disabled .message-input--button {\n  cursor: default !important;\n}\n#sbz92 .message-input--disabled .message-input--button {\n  cursor: default !important;\n}\n#sbz92 .message-input--attachment-button {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImdyYXkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXBhcGVyY2xpcCI+PHBhdGggZD0iTTIxLjQ0IDExLjA1bC05LjE5IDkuMTlhNiA2IDAgMCAxLTguNDktOC40OWw5LjE5LTkuMTlhNCA0IDAgMCAxIDUuNjYgNS42NmwtOS4yIDkuMTlhMiAyIDAgMCAxLTIuODMtMi44M2w4LjQ5LTguNDgiPjwvcGF0aD48L3N2Zz4K') !important;\n}\n#sbz92 .message-input--send-button {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22@esc-primary-color-esc%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M4.698%204.034l16.302%207.966l-16.302%207.966a.503%20.503%200%200%201%20-.546%20-.124a.555%20.555%200%200%201%20-.12%20-.568l2.468%20-7.274l-2.468%20-7.274a.555%20.555%200%200%201%20.12%20-.568a.503%20.503%200%200%201%20.546%20-.124z%22%20fill%3D%22@esc-primary-color-esc%22/%3E%3Cpath%20d%3D%22M6.5%2012h14.5%22%20/%3E%3C/svg%3E') !important;\n  background-size: 82% !important;\n}\n#sbz92 .message-input--preform {\n  justify-content: center !important;\n  padding: 11px !important;\n  @spacer 2;\n}\n#sbz92 .btn--preform {\n  border-radius: 7px !important;\n  padding-left: 32px !important;\n  padding-right: 32px !important;\n  height: 40px !important;\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n  font-size: 14px !important;\n  line-height: 20px !important;\n  text-align: center !important;\n  background: '@primary_color' !important;\n  width: 60% !important;\n}\n#sbz92 .widget-body.embed-chat .message-input {\n  border: 1px solid #e3e3e3 !important;\n  border-radius: 8px !important;\n  margin-bottom: 20px !important;\n}\n#sbz92 .form-label {\n  margin-top: 15px !important;\n}\n#sbz92 .form {\n  border: 1px solid #eeeeee !important;\n  box-sizing: border-box !important;\n  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15) !important;\n  border-radius: 7px !important;\n}\n#sbz92 textarea.form-control {\n  resize: none !important;\n  word-wrap: break-word !important;\n}\n#sbz92 .form-control--container {\n  position: relative !important;\n}\n#sbz92 input.form-control[disabled] {\n  background: #f9f9f9 !important;\n}\n#sbz92 .form-control--container .form-control--check {\n  position: absolute !important;\n  right: 10px !important;\n  top: 10px !important;\n  background-size: 100% 100% !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  width: 20px !important;\n  height: 20px !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1QkFBMUQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNoZWNrIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4K') !important;\n}\n#sbz92 .form-control--valid-input--error {\n  color: #dc3545 !important;\n  -webkit-text-fill-color: #dc3545 !important;\n  font-size: 14px !important;\n  padding-top: 5px !important;\n}\n#sbz92 input[type='text'].form-control.input--error,\n#sbz92 input[type='number'].form-control.input--error,\n#sbz92 input[type='date'].form-control.input--error,\n#sbz92 textarea.form-control.input--error,\n#sbz92 select.form-control.input--error {\n  border: 1px solid #dc3545 !important;\n  background: #dd41500f !important;\n}\n#sbz92 input[type='text'].form-control,\n#sbz92 input[type='number'].form-control,\n#sbz92 input[type='date'].form-control,\n#sbz92 textarea.form-control,\n#sbz92 select.form-control {\n  width: 100% !important;\n  border: 1px solid #c4c4c4 !important;\n  border-radius: 8px !important;\n  transition: all 100ms ease !important;\n  padding: 10px 12px !important;\n}\n#sbz92 input[type='text'].form-control:hover,\n#sbz92 input[type='number'].form-control:hover,\n#sbz92 input[type='date'].form-control:hover,\n#sbz92 textarea.form-control:hover,\n#sbz92 select.form-control:hover {\n  border: 1px solid #6c757d !important;\n}\n#sbz92 input[type='text'].form-control.input--error:hover,\n#sbz92 input[type='number'].form-control.input--error:hover,\n#sbz92 input[type='date'].form-control.input--error:hover,\n#sbz92 textarea.form-control.input--error:hover,\n#sbz92 select.form-control.input--error:hover {\n  border: 1px solid #dc3545 !important;\n}\n#sbz92 select.form-control {\n  padding: 1px 8px !important;\n}\n#sbz92 input[type='date'].form-control {\n  height: 40px !important;\n  width: 100% !important;\n  background-color: #fff !important;\n}\n#sbz92 .form-wrapper-attachment input[type='date'].form-control {\n  height: 32px !important;\n  padding-top: 6px !important;\n  padding-bottom: 6px !important;\n}\n#sbz92 input[type='text'].form-control:focus,\n#sbz92 input[type='number'].form-control:focus,\n#sbz92 input[type='date'].form-control:focus,\n#sbz92 textarea.form-control:focus,\n#sbz92 select.form-control:focus {\n  border: 1px solid '@primary_color' !important;\n}\n#sbz92 input[type='text'].form-control.input--error:focus,\n#sbz92 input[type='number'].form-control.input--error:focus,\n#sbz92 input[type='date'].form-control.input--error:focus,\n#sbz92 textarea.form-control.input--error:focus,\n#sbz92 select.form-control.input--error:focus {\n  border: 1px solid #dc3545 !important;\n}\n#sbz92 .label {\n  display: block !important;\n  padding-bottom: 6px !important;\n  margin-top: 8px !important;\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n  font-size: 14px !important;\n  font-weight: 500 !important;\n}\n#sbz92 .form--btn-submit {\n  border-radius: 7px !important;\n  padding-left: 32px !important;\n  padding-right: 32px !important;\n  width: 100% !important;\n}\n#sbz92 .form .radio {\n  display: block !important;\n  position: relative !important;\n  width: 100% !important;\n  margin-top: 5px !important;\n}\n#sbz92 .form .radio:first-of-type {\n  margin-top: 0 !important;\n}\n#sbz92 .form input[type='radio'] {\n  position: absolute !important;\n  visibility: hidden !important;\n}\n#sbz92 .form .radio--label {\n  padding-left: 22px !important;\n  display: block !important;\n  position: relative !important;\n  z-index: 9 !important;\n  cursor: pointer !important;\n}\n#sbz92 .form .radio--check {\n  display: block !important;\n  position: absolute !important;\n  border: 1px solid #aaa !important;\n  border-radius: 100% !important;\n  height: 16px !important;\n  width: 16px !important;\n  top: 0px !important;\n  left: 0px !important;\n  z-index: 5 !important;\n  transition: border 0.15s linear !important;\n  -webkit-transition: border 0.15s linear !important;\n}\n#sbz92 .form .radio--check:hover {\n  border: 1px solid #888 !important;\n}\n#sbz92 .form .radio--check::before {\n  display: block !important;\n  position: absolute !important;\n  content: '' !important;\n  border-radius: 100% !important;\n  height: 10px !important;\n  width: 10px !important;\n  top: 2px !important;\n  left: 2px !important;\n  margin: auto !important;\n  transition: background 0.15s linear !important;\n  -webkit-transition: background 0.15s linear !important;\n}\n#sbz92 .form input[type='radio']:checked ~ .radio--check {\n  border: 1px solid '@primary_color' !important;\n}\n#sbz92 .form input[type='radio']:checked ~ .radio--check::before {\n  background: '@primary_color' !important;\n}\n#sbz92 .form .checkbox {\n  display: block !important;\n  position: relative !important;\n  width: 100% !important;\n  margin-top: 5px !important;\n}\n#sbz92 .form .checkbox:first-of-type {\n  margin-top: 0 !important;\n}\n#sbz92 .form input[type='checkbox'] {\n  position: absolute !important;\n  visibility: hidden !important;\n}\n#sbz92 .form .checkbox--label {\n  padding-left: 22px !important;\n  display: block !important;\n  position: relative !important;\n  z-index: 9 !important;\n  cursor: pointer !important;\n}\n#sbz92 .form .checkbox--check {\n  display: block !important;\n  position: absolute !important;\n  border: 1px solid #aaa !important;\n  border-radius: 4 px !important;\n  height: 16px !important;\n  width: 16px !important;\n  top: 0px !important;\n  left: 0px !important;\n  z-index: 5 !important;\n  transition: border 0.15s linear !important;\n  -webkit-transition: border 0.15s linear !important;\n}\n#sbz92 .form .checkbox--check:hover {\n  border: 1px solid #888 !important;\n}\n#sbz92 .form .checkbox--check::before {\n  display: block !important;\n  position: absolute !important;\n  content: '' !important;\n  height: 100% !important;\n  width: 100% !important;\n  margin: auto !important;\n  transition: background 0.15s linear !important;\n  -webkit-transition: background 0.15s linear !important;\n}\n#sbz92 .form input[type='checkbox']:checked ~ .checkbox--check {\n  border: 1px solid '@primary_color' !important;\n}\n#sbz92 .form input[type='checkbox']:checked ~ .checkbox--check::before {\n  background: '@primary_color' !important;\n}\n#sbz92 .form .select .form-control {\n  padding-right: 20px !important;\n}\n#sbz92 .form select {\n  /*background: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjQxMDU4IDYuOTExMDdDNC43MzYwMiA2LjU4NTYzIDUuMjYzNjYgNi41ODU2MyA1LjU4OTA5IDYuOTExMDdMOS45OTk4NCAxMS4zMjE4TDE0LjQxMDYgNi45MTEwN0MxNC43MzYgNi41ODU2MyAxNS4yNjM3IDYuNTg1NjMgMTUuNTg5MSA2LjkxMTA3QzE1LjkxNDUgNy4yMzY1MSAxNS45MTQ1IDcuNzY0MTQgMTUuNTg5MSA4LjA4OTU4TDEwLjU4OTEgMTMuMDg5NkMxMC4yNjM3IDEzLjQxNSA5LjczNjAyIDEzLjQxNSA5LjQxMDU4IDEzLjA4OTZMNC40MTA1OCA4LjA4OTU4QzQuMDg1MTQgNy43NjQxNCA0LjA4NTE0IDcuMjM2NTEgNC40MTA1OCA2LjkxMTA3WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+\") no-repeat right;*/\n}\n#sbz92 .form-require-info--list {\n  background: #fff !important;\n  overflow-y: auto !important;\n  overflow-x: hidden !important;\n}\n#sbz92 .form-require-info--title {\n  font-size: 18px !important;\n  line-height: 20px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  background: #fff !important;\n  border-bottom: 1px solid #f0f0f0 !important;\n}\n#sbz92 .form-require-info--item {\n  border-bottom: 1px solid #f0f0f0 !important;\n}\n#sbz92 .form-require-info--item:hover {\n  cursor: pointer !important;\n  background: #e0e0e0 !important;\n}\n#sbz92 input[type='checkbox'] {\n  background-color: initial !important;\n  cursor: default !important;\n  -webkit-appearance: checkbox !important;\n  box-sizing: border-box !important;\n  margin: 3px 3px 3px 4px !important;\n  padding: initial !important;\n  border: initial !important;\n}\n#sbz92 input[type='radio'] {\n  background-color: initial !important;\n  cursor: default !important;\n  -webkit-appearance: radio !important;\n  box-sizing: border-box !important;\n  margin: 3px 3px 0px 5px !important;\n  padding: initial !important;\n  border: initial !important;\n}\n#sbz92 option {\n  font-weight: normal !important;\n  display: block !important;\n  white-space: pre !important;\n  min-height: 1.2em !important;\n  padding: 0px 2px 1px !important;\n}\n#sbz92 select {\n  -webkit-writing-mode: horizontal-tb !important;\n  text-rendering: auto !important;\n  color: -internal-light-dark-color(black, white) !important;\n  letter-spacing: normal !important;\n  word-spacing: normal !important;\n  text-transform: none !important;\n  text-indent: 0px !important;\n  text-shadow: none !important;\n  display: inline-block !important;\n  text-align: start !important;\n  -webkit-appearance: menulist !important;\n  box-sizing: border-box !important;\n  align-items: center !important;\n  white-space: pre !important;\n  -webkit-rtl-ordering: logical !important;\n  background-color: -internal-light-dark-color(white, black) !important;\n  cursor: default !important;\n  margin: 0em !important;\n  font: 400 13.3333px Arial !important;\n  border-radius: 0px !important;\n  border-width: 1px !important;\n  border-style: solid !important;\n  border-color: #a9a9a9 !important;\n  border-image: initial !important;\n}\n#sbz92 select {\n  position: relative !important;\n  display: inline-block !important;\n  border: 2px #cccc solid !important;\n  border-radius: 5px !important;\n  height: 36px !important;\n  line-height: 34px !important;\n  padding: 0 12px !important;\n  font-size: 14px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .custom-select--wrap-selected {\n  display: flex !important;\n  position: relative !important;\n  justify-content: space-between !important;\n  cursor: pointer !important;\n  border: 1px solid #d8d8d8 !important;\n  border-radius: 5px !important;\n  padding: 5px !important;\n}\n#sbz92 .custom-select--selected-items {\n  display: flex !important;\n  align-items: center !important;\n  flex-wrap: wrap !important;\n}\n#sbz92 .custom-select--selected-item {\n  display: flex !important;\n  align-items: center !important;\n  margin: 3px 3px !important;\n  padding: 1px 6px !important;\n  border-radius: 5px !important;\n  border: 1px solid #d8d8d8 !important;\n  font-size: 14px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  vertical-align: top !important;\n}\n#sbz92 .icn-delete:before {\n  display: flex !important;\n  justify-items: center !important;\n  font-size: 12px !important;\n  margin-left: 5px !important;\n  opacity: 0.5 !important;\n  content: '\\2715' !important;\n}\n#sbz92 .custom-select--wrap-options {\n  display: flex !important;\n  flex-direction: column !important;\n  position: absolute !important;\n  left: 0 !important;\n  top: 100% !important;\n  border: 1px solid #dadce0 !important;\n  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;\n  border-radius: 5px !important;\n  width: 100% !important;\n  background: #fff !important;\n  z-index: 11 !important;\n  max-height: 200px !important;\n  overflow-y: auto !important;\n}\n#sbz92 .custom-select--input-search {\n  font-size: 15px !important;\n  padding: 8px !important;\n  border-bottom: 1px solid #d8d8d8 !important;\n}\n#sbz92 .custom-select--items-options {\n  margin: 0 !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n#sbz92 .custom-select--item-options {\n  padding: 10px !important;\n  cursor: pointer !important;\n}\n#sbz92 .custom-select--item-options:hover {\n  background-color: '@primary_color' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n}\n#sbz92 .custom-select--icon-dropdown {\n  margin-left: auto !important;\n  float: right !important;\n  cursor: pointer !important;\n}\n#sbz92 .custom-select--icon-dropdown path {\n  d: path('M 7 9.5 L 12 14.5 L 17 9.5 H 7 Z') !important;\n  fill: black !important;\n}\n#sbz92 .form-component {\n  margin-bottom: 15px !important;\n}\n#sbz92 .form-component:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .form-component.submitted {\n  margin-bottom: 8px !important;\n}\n#sbz92 .form-component.form-component-submit-button {\n  margin-top: 20px !important;\n}\n#sbz92 .form-wrapper.form {\n  padding: 20px !important;\n  background-color: #fff !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form {\n  padding: 12px 15px !important;\n  margin-top: 5px !important;\n  box-shadow: 0 0 0 1px #eeeeee !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form input[type='text'].form-control,\n#sbz92 .form-wrapper.form-wrapper-attachment.form input[type='number'].form-control,\n#sbz92 .form-wrapper.form-wrapper-attachment.form input[type='date'].form-control,\n#sbz92 .form-wrapper.form-wrapper-attachment.form select.form-control,\n#sbz92 .form-wrapper.form-wrapper-attachment.form textarea.form-control {\n  padding: 6px 10px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component {\n  margin-bottom: 12px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component.submitted {\n  margin-bottom: 5px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component.submitted:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component:first-child .label {\n  margin-top: 0 !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component.form-component-submit-button {\n  margin-top: 16px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .label {\n  padding-bottom: 4px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-control--valid-input--error {\n  padding-top: 3px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .btn--start-convo {\n  height: 36px !important;\n}\n#sbz92 select.form-control.form-control--empty {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n@media only screen and (min-width: 968px) {\n  #sbz92 .form-radios-wrapper.horizontal {\n    display: flex;\n    flex-wrap: wrap;\n  }\n  #sbz92 .form-radios-wrapper.horizontal .radio {\n    margin-right: 10px;\n    width: 300px;\n  }\n  #sbz92 .form-radios-wrapper.horizontal .radio:first-child {\n    margin-top: 0;\n  }\n  #sbz92 .form-radios-wrapper.horizontal .radio:nth-child(2) {\n    margin-top: 0;\n  }\n  #sbz92 .form-radios-wrapper.horizontal .radio:nth-child(2n) {\n    margin-right: 0;\n  }\n  #sbz92 .form-checkboxes-wrapper.horizontal {\n    display: flex;\n    flex-wrap: wrap;\n  }\n  #sbz92 .form-checkboxes-wrapper.horizontal .checkbox {\n    margin-right: 10px;\n    width: 300px;\n  }\n  #sbz92 .form-checkboxes-wrapper.horizontal .checkbox:first-child {\n    margin-top: 0;\n  }\n  #sbz92 .form-checkboxes-wrapper.horizontal .checkbox:nth-child(2) {\n    margin-top: 0;\n  }\n  #sbz92 .form-checkboxes-wrapper.horizontal .checkbox:nth-child(2n) {\n    margin-right: 0;\n  }\n}\n#sbz92 .form-ratings-wrapper {\n  display: inline-flex !important;\n}\n#sbz92 .star {\n  width: 32px !important;\n  height: 30px !important;\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") !important;\n  background-position: 0px 0px !important;\n  background-size: cover !important;\n}\n#sbz92 .form-wrapper-attachment .star-wrapper {\n  padding-right: 12px !important;\n}\n#sbz92 .star-wrapper {\n  cursor: pointer !important;\n  padding-right: 20px !important;\n}\n#sbz92 .star-wrapper:last-child {\n  padding-right: 0 !important;\n}\n#sbz92 .star-wrapper.hovering .star {\n  background-position: -32px 0 !important;\n}\n#sbz92 .star-wrapper.selected {\n  cursor: auto !important;\n}\n#sbz92 .star-wrapper.selected .star {\n  background-position: -64px 0 !important;\n}\n#sbz92 .widget-body--events-container {\n  overflow-x: hidden !important;\n  overflow-y: auto !important;\n  display: flex !important;\n  flex-direction: column !important;\n  flex: 1 !important;\n  padding-left: 22.5px !important;\n  padding-right: 22.5px !important;\n}\n#sbz92 .widget-body--events {\n  padding-top: 20px !important;\n  flex: 1 !important;\n}\n#sbz92 .mobile .widget-body--events {\n  display: flex !important;\n  flex-direction: column !important;\n  justify-content: flex-end !important;\n  padding-bottom: 15px !important;\n}\n#sbz92 .widget-body--events-container.widget-body--events-container__error {\n  align-items: center !important;\n  justify-content: center !important;\n}\n#sbz92 .convo-event {\n  position: relative !important;\n}\n#sbz92 .convo-event-time {\n  text-align: center !important;\n  margin-top: 15px !important;\n}\n#sbz92 .convo-event-time span {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .file-attachment {\n  padding: 10px !important;\n  border-radius: 10px !important;\n  cursor: pointer !important;\n  margin: 5px 0 0 0 !important;\n}\n#sbz92 .file-attachment--agent {\n  background-color: '@primary_color' !important;\n  width: fit-content !important;\n}\n#sbz92 .file-attachment--user {\n  background-color: #eeeeee !important;\n  align-self: flex-end !important;\n}\n#sbz92 .file-attachment--link {\n  display: flex !important;\n  flex-direction: row !important;\n  align-items: center !important;\n  width: fit-content !important;\n}\n#sbz92 .file-attachment--agent .file-attachment--filename {\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  text-decoration: underline !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  max-width: 200px !important;\n}\n#sbz92 .file-attachment--user .file-attachment--filename {\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  text-decoration: underline !important;\n  text-overflow: ellipsis !important;\n  overflow: hidden !important;\n  white-space: nowrap !important;\n  max-width: 200px !important;\n}\n#sbz92 .file-attachment--download {\n  width: 24px !important;\n  height: 24px !important;\n  border-radius: 30px !important;\n  display: inline-block !important;\n}\n#sbz92 .file-attachment--agent .file-attachment--download {\n  background: '@text_color' !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMjY1RkYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWFycm93LWRvd24iPjxsaW5lIHgxPSIxMiIgeTE9IjUiIHgyPSIxMiIgeTI9IjE5Ij48L2xpbmU+PHBvbHlsaW5lIHBvaW50cz0iMTkgMTIgMTIgMTkgNSAxMiI+PC9wb2x5bGluZT48L3N2Zz4K') !important;\n  background-size: 15px 15px !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n}\n#sbz92 .file-attachment--user .file-attachment--download {\n  background: #c4c4c4 !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci1hcnJvdy1kb3duIj48bGluZSB4MT0iMTIiIHkxPSI1IiB4Mj0iMTIiIHkyPSIxOSI+PC9saW5lPjxwb2x5bGluZSBwb2ludHM9IjE5IDEyIDEyIDE5IDUgMTIiPjwvcG9seWxpbmU+PC9zdmc+Cg==') !important;\n  background-size: 15px 15px !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n}\n#sbz92 .message-text--user {\n  line-height: 1.5 !important;\n  margin: 5px 0 0 !important;\n  display: inline-block !important;\n  font-weight: 500 !important;\n  background-color: '@primary_color' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  padding: 12px 16px 12px 16px !important;\n}\n#sbz92 .message-text--user.just-focused {\n  box-shadow: 0 0 0 2px #000 !important;\n}\n#sbz92 .message-text--agent.just-focused {\n  box-shadow: 0 0 0 2px #000 !important;\n}\n#sbz92 .message-text--user.message-user--error {\n  background-color: #dc3545 !important;\n}\n#sbz92 .message-text--agent.message-text--deleted {\n  opacity: 0.7 !important;\n  font-style: italic !important;\n}\n#sbz92 .message-text--agent {\n  line-height: 1.5 !important;\n  white-space: pre-wrap !important;\n  display: inline-block !important;\n  background: '@primary_color_faded' !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  padding: 12px 16px 12px 16px !important;\n}\n#sbz92 .message-agent.message-text--agent {\n  max-width: 100% !important;\n  margin-top: 0 !important;\n}\n#sbz92 .message-block-pre {\n  max-width: 100% !important;\n  margin: 0 !important;\n  overflow-x: auto !important;\n  white-space: pre !important;\n}\n#sbz92 .message-block-code {\n  font-family: monospace !important;\n}\n#sbz92 .message-user__container {\n  display: flex !important;\n  flex-direction: row !important;\n  align-items: flex-end !important;\n  justify-content: flex-end !important;\n}\n#sbz92 .sending_dot.sending_dot__hide {\n  opacity: 0 !important;\n  background-color: #000 !important;\n}\n#sbz92 .sending_dot {\n  width: 15px !important;\n  height: 15px !important;\n  margin-right: 5px !important;\n  border-radius: 50% !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM3NzciIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNsb2NrIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCI+PC9jaXJjbGU+PHBvbHlsaW5lIHBvaW50cz0iMTIgNiAxMiAxMiAxNiAxNCI+PC9wb2x5bGluZT48L3N2Zz4K') !important;\n  background-size: contain !important;\n  background-repeat: no-repeat !important;\n}\n#sbz92 .message-user {\n  border-radius: 18px !important;\n  border-bottom-right-radius: 4px !important;\n  max-width: 85% !important;\n  align-self: flex-end !important;\n  word-break: break-word !important;\n  position: relative !important;\n  white-space: pre-wrap !important;\n}\n#sbz92 .message-user.message-user-images-container {\n  width: 85% !important;\n  display: flex !important;\n  justify-content: flex-end !important;\n}\n#sbz92 .message-user.message-user-audio {\n  flex: 1 !important;\n}\n#sbz92 .message-agent {\n  border-radius: 18px !important;\n  border-bottom-left-radius: 4px !important;\n  max-width: 85% !important;\n  word-break: break-word !important;\n  position: relative !important;\n}\n#sbz92 a.message_error {\n  color: #dc3545 !important;\n  -webkit-text-fill-color: #dc3545 !important;\n  opacity: 0.8 !important;\n  display: block !important;\n  text-align: end !important;\n  font-size: 13px !important;\n  margin-top: 5px !important;\n  margin-bottom: 10px !important;\n}\n#sbz92 a.message_error:hover {\n  opacity: 1 !important;\n  color: #dc3545 !important;\n  -webkit-text-fill-color: #dc3545 !important;\n}\n#sbz92 .message_error__text {\n  display: inline-block !important;\n  vertical-align: text-top !important;\n}\n#sbz92 .message_error__icon {\n  display: inline-block !important;\n  vertical-align: bottom !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjZGMzNTQ1IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWFsZXJ0LWNpcmNsZSI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiPjwvY2lyY2xlPjxsaW5lIHgxPSIxMiIgeTE9IjgiIHgyPSIxMiIgeTI9IjEyIj48L2xpbmU+PGxpbmUgeDE9IjEyIiB5MT0iMTYiIHgyPSIxMi4wMSIgeTI9IjE2Ij48L2xpbmU+PC9zdmc+Cgo=') !important;\n  background-size: contain !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  width: 20px !important;\n  height: 20px !important;\n}\n#sbz92 .image-attachment__img {\n  width: 100% !important;\n  margin: 5px 0 0 0 !important;\n  border-radius: 7px !important;\n  border: 1px solid #eeeeee !important;\n}\n#sbz92 .audio-attachment {\n  width: 100% !important;\n  margin: 5px 0 0 0 !important;\n  height: 45px !important;\n  display: inline !important;\n}\n#sbz92 .audio-attachment__audio {\n  all: inherit !important;\n  width: 100% !important;\n}\n#sbz92 .video-attachment {\n  border-radius: 7px !important;\n  width: 100% !important;\n  margin: 5px 0 0 0 !important;\n}\n#sbz92 .video-attachment__video {\n  all: inherit !important;\n  width: 100% !important;\n}\n#sbz92 .info-message {\n  text-align: center !important;\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n  margin: 10px !important;\n}\n#sbz92 .message-sender {\n  margin-top: 10px !important;\n}\n#sbz92 .message-sender-avatar {\n  border-radius: 50% !important;\n  width: 25px !important;\n  height: 25px !important;\n  margin-right: 10px !important;\n}\n#sbz92 .message-sender-name {\n  color: #495057 !important;\n  -webkit-text-fill-color: #495057 !important;\n  vertical-align: middle !important;\n}\n#sbz92 .message-system {\n  text-align: center !important;\n  margin: 10px !important;\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .form-attachment {\n  display: flex !important;\n  flex-direction: column !important;\n  padding: 10px !important;\n  -webkit-box-shadow: 0 0 10px #dee2e6 !important;\n  box-shadow: 0 0 10px #dee2e6 !important;\n  border-radius: 7px !important;\n  margin-top: 10px !important;\n}\n#sbz92 .form-attachment-field {\n  display: flex !important;\n  flex-direction: column !important;\n  margin-bottom: 0px !important;\n}\n#sbz92 .form-attachment-field__title {\n  color: #4c4c4c !important;\n  -webkit-text-fill-color: #4c4c4c !important;\n}\n#sbz92 .form-attachment-field__text {\n  width: 100% !important;\n  border: 1px solid #dbdbdb !important;\n  padding: 10px !important;\n  margin: 3px 0px 0px 0px !important;\n  border-radius: 7px !important;\n}\n#sbz92 .input--error {\n  border: 1px solid red !important;\n}\n#sbz92 .input--success {\n  background-color: #f9f9f9 !important;\n  pointer-events: none !important;\n}\n#sbz92 .form-attachment-field__error {\n  color: brown !important;\n  -webkit-text-fill-color: brown !important;\n  float: right !important;\n}\n#sbz92 .form-attachment-field__checkbox {\n  width: 100% !important;\n  all: inherit !important;\n  -webkit-appearance: textfield !important;\n  margin-right: 8px !important;\n}\n#sbz92 .form-attachment-field__checkbox:hover {\n  cursor: pointer !important;\n}\n#sbz92 .form-attachment-field__list-item {\n  display: flex !important;\n  align-items: center !important;\n  margin: 4px !important;\n  margin-left: 0px !important;\n}\n#sbz92 .form-attachment-field__radio {\n  width: 100% !important;\n  all: inherit !important;\n  -webkit-appearance: textfield !important;\n  margin-right: 8px !important;\n}\n#sbz92 .form-attachment-field__datetime {\n  width: 100% !important;\n  border: 1px solid #dbdbdb !important;\n  padding: 10px !important;\n  margin: 3px 0px 0px 0px !important;\n  border-radius: 7px !important;\n}\n#sbz92 .form-attachment--submit-btn {\n  background-color: '@primary_color' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  width: 100% !important;\n  margin-top: 10px !important;\n  border-radius: 7px !important;\n  padding: 10px !important;\n  text-align: center !important;\n  font-size: 16px !important;\n}\n#sbz92 .form-attachment--submit-btn:hover {\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n}\n#sbz92 .red {\n  color: #dc3545 !important;\n  -webkit-text-fill-color: #dc3545 !important;\n}\n#sbz92 .typing {\n  background-color: #f4f5f7 !important;\n  color: #7a7a7b !important;\n  -webkit-text-fill-color: #7a7a7b !important;\n  padding: 10px !important;\n  opacity: 1 !important;\n  transition: all 0.2s !important;\n  position: absolute !important;\n  bottom: 0px !important;\n  left: 0px !important;\n  width: 100% !important;\n}\n#sbz92 .typing--hidden {\n  opacity: 0 !important;\n  display: none !important;\n}\n#sbz92 .markdown-message img {\n  max-width: 100% !important;\n  margin-top: 10px !important;\n}\n#sbz92 .button-attachments {\n  display: block !important;\n  margin-top: 5px !important;\n}\n#sbz92 .url-button-attachment:first-child {\n  border-top-left-radius: 7px !important;\n  border-top-right-radius: 7px !important;\n}\n#sbz92 .url-button-attachment:last-child {\n  border-bottom-left-radius: 7px !important;\n  border-bottom-right-radius: 7px !important;\n  border-bottom: 1px solid '@primary_color' !important;\n}\n#sbz92 .agent-message .url-button-attachment {\n  text-decoration: none !important;\n  padding: 10px 18px !important;\n  display: block !important;\n  text-align: center !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  border: 1px solid #000 !important;\n  border-radius: 12px !important;\n  text-overflow: ellipsis !important;\n  overflow: hidden !important;\n  font-weight: 500 !important;\n  white-space: nowrap !important;\n}\n#sbz92 .agent-message .url-button-attachment:hover {\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n  border-color: '@primary_color' !important;\n}\n#sbz92 .message_quick_replies {\n  display: flex !important;\n  flex-wrap: wrap !important;\n  flex-direction: column !important;\n}\n#sbz92 .message_quick_reply {\n  cursor: pointer !important;\n  position: relative !important;\n  padding: 10px 18px !important;\n  margin-top: 8px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  border-radius: 12px !important;\n  user-select: none !important;\n  overflow: hidden !important;\n  white-space: nowrap !important;\n  width: fit-content !important;\n  font-weight: 500 !important;\n  max-width: 100% !important;\n  text-overflow: ellipsis !important;\n  border: 1px solid #000 !important;\n  transition: all 100ms ease !important;\n}\n#sbz92 .message_quick_reply:hover {\n  background: '@primary_color' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  border-color: '@primary_color' !important;\n}\n#sbz92 .generic-attachment-container {\n  position: relative !important;\n  margin-top: 10px !important;\n}\n#sbz92 .generic-attachments {\n  display: block !important;\n}\n#sbz92 .generic-attachment {\n  display: flex !important;\n  width: 100% !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  user-select: none !important;\n  cursor: grab !important;\n}\n#sbz92 .generic-attachment--element-content {\n  flex: 1 !important;\n}\n#sbz92 .generic-attachment--element {\n  border: 1px solid #d8d8d8 !important;\n  background: white !important;\n  border-radius: 7px !important;\n  overflow: hidden !important;\n  width: 220px !important;\n  margin-right: 10px !important;\n  vertical-align: top !important;\n  display: flex !important;\n  flex-direction: column !important;\n  flex-shrink: 0 !important;\n}\n#sbz92 .generic-attachment--element:last-child {\n  margin-right: 0 !important;\n}\n#sbz92 .generic-attachment--element .generic-attachment--element-img {\n  width: 100% !important;\n  height: 150px !important;\n  object-fit: cover !important;\n}\n#sbz92 .generic-attachment--element .url-button-attachment:first-child {\n  border-radius: 0 !important;\n}\n#sbz92 .generic-attachment--element .url-button-attachment {\n  padding: 10px !important;\n  display: block !important;\n  padding-top: 9px !important;\n  padding-button: 9px !important;\n  text-align: center !important;\n  border: none !important;\n  border-top: 1px solid #d8d8d8 !important;\n  width: 100% !important;\n  color: #0d6efd !important;\n  -webkit-text-fill-color: #0d6efd !important;\n}\n#sbz92 .generic-attachment--element .url-button-attachment:hover {\n  color: #024dbc !important;\n  -webkit-text-fill-color: #024dbc !important;\n  border-color: #d8d8d8 !important;\n}\n#sbz92 .generic-attachment--element .generic-attachment--element-title {\n  padding: 0px 13px !important;\n  margin-top: 13px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  font-weight: 600 !important;\n  font-size: 16px !important;\n  line-height: 20px !important;\n  white-space: normal !important;\n}\n#sbz92 .generic-attachment--element .generic-attachment--element-subtitle {\n  padding: 0px 13px !important;\n  color: gray !important;\n  -webkit-text-fill-color: gray !important;\n  margin-top: 5px !important;\n  white-space: pre-wrap !important;\n  display: -webkit-box !important;\n  -webkit-line-clamp: 4 !important;\n  -webkit-box-orient: vertical !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n}\n#sbz92 .generic-attachment--element.clickable {\n  cursor: pointer !important;\n}\n#sbz92 .widget_body__events__error_msg {\n  margin-top: 50px !important;\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n  text-align: center !important;\n}\n#sbz92 .widget_body__events__error_retry {\n  margin-top: 10px !important;\n}\n#sbz92 .generic-attachment-navigator {\n  position: absolute !important;\n  top: 50% !important;\n  transform: translateY(-50%) !important;\n  cursor: pointer !important;\n  width: 20px !important;\n  font-size: 80px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  color: rgba(255, 255, 255, 0.85) !important;\n  -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;\n  text-shadow: 0 10px 25px rgba(0, 0, 0, 0.75) !important;\n  z-index: 999 !important;\n  user-select: none !important;\n}\n#sbz92 .generic-attachment-navigator:hover {\n  text-shadow: 0 10px 20px rgba(0, 0, 0, 0.75) !important;\n  color: #ffffff !important;\n  -webkit-text-fill-color: #ffffff !important;\n}\n#sbz92 .generic-attachment-navigator.generic-attachment-navigator--disabled {\n  display: none !important;\n}\n#sbz92 .generic-attachment-navigator.generic-attachment-navigator--left {\n  left: 2px !important;\n}\n#sbz92 .generic-attachment-navigator.generic-attachment-navigator--right {\n  right: 2px !important;\n}\n#sbz92 .generic-attachment-navigator-icon {\n  font-size: 80px !important;\n}\n#sbz92 .order_attachment__product_img {\n  width: 40px !important;\n  height: 40px !important;\n  margin-right: 10px !important;\n  border-radius: 5px !important;\n  flex-shrink: 0 !important;\n  display: block !important;\n  object-fit: contain !important;\n  background: whitesmoke !important;\n}\n#sbz92 .order_attachment__product_name {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n}\n#sbz92 .order_attachment__header {\n  padding-bottom: 5px !important;\n  border-bottom: 1px solid #ccc !important;\n  margin-bottom: 5px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n}\n#sbz92 .order_attachment__product_desc {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  color: #999 !important;\n  -webkit-text-fill-color: #999 !important;\n  font-size: 13px !important;\n}\n#sbz92 .order_attachment__product {\n  display: flex !important;\n  align-items: center !important;\n  margin-top: 5px !important;\n  margin-bottom: 5 !important;\n}\n#sbz92 .order_attachment__text_sm {\n  font-size: 13px !important;\n}\n#sbz92 .order_attachment__text_muted {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .order_attachment__text_truncate {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n}\n#sbz92 .order_attachment {\n  margin-top: 10px !important;\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n  border: 1px solid #aaa !important;\n  background: white !important;\n  border-radius: 8px !important;\n  width: 220px !important;\n  overflow-y: auto !important;\n  overflow-x: hidden !important;\n  padding: 10px !important;\n}\n#sbz92 .order_attachment__footer {\n  margin-top: 10px !important;\n  padding-top: 10px !important;\n  border-top: 1px solid #ccc !important;\n}\n#sbz92 .order_attachment__total {\n  font-size: 16px !important;\n}\n#sbz92 .order_attachment__label {\n  font-size: 13px !important;\n  color: #777 !important;\n  -webkit-text-fill-color: #777 !important;\n  margin-top: 10px !important;\n}\n#sbz92 .order_attachment__label.no_margin {\n  margin-top: 0 !important;\n}\n#sbz92 .order_attachment.order_attachment__user {\n  margin-right: 50px !important;\n  align-self: flex-end !important;\n  margin-right: 0 !important;\n  margin-left: 50px !important;\n  align-self: flex-start !important;\n}\n#sbz92 .product_attachment {\n  margin-top: 10px !important;\n  border: 1px solid #d8d8d8 !important;\n  background: white !important;\n  border-radius: 7px !important;\n  overflow: hidden !important;\n  width: 200px !important;\n  display: inline-block !important;\n  vertical-align: top !important;\n  transition: all 0.1s !important;\n}\n#sbz92 .product_attachment.product_attachment__user {\n  margin-right: 50px !important;\n  align-self: flex-end !important;\n  margin-right: 0 !important;\n  margin-left: 50px !important;\n  align-self: flex-start !important;\n}\n#sbz92 .product_attachment__img {\n  width: 200px !important;\n  height: 200px !important;\n  border-bottom: 1px solid #d8d8d8 !important;\n  object-fit: cover !important;\n  display: block !important;\n}\n#sbz92 .product_attachment__price {\n  padding-left: 10px !important;\n}\n#sbz92 .product_attachment__btns {\n  margin-top: 5px !important;\n}\n#sbz92 .product_attachment__btn {\n  border-top: 1px solid #d8d8d8 !important;\n  display: flex !important;\n  padding: 8px 10px !important;\n  align-items: center !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  justify-content: center !important;\n  cursor: pointer !important;\n  text-transform: capitalize !important;\n}\n#sbz92 .product_attachment__btn:last-child {\n  margin-right: 0 !important;\n}\n#sbz92 .product_attachment__btn:hover {\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n}\n#sbz92 a.product_attachment__title {\n  display: block !important;\n  padding: 8px 10px 0 10px !important;\n  font-weight: 500 !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  word-break: break-word !important;\n  margin-bottom: 5px !important;\n}\n#sbz92 .product_attachment__subtitle {\n  white-space: pre-wrap !important;\n  display: -webkit-box !important;\n  -webkit-line-clamp: 3 !important;\n  -webkit-box-orient: vertical !important;\n  overflow: hidden !important;\n  padding: 5px 10px !important;\n  color: #aaa !important;\n  -webkit-text-fill-color: #aaa !important;\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n  margin-bottom: 5px !important;\n}\n#sbz92 .product_attachment__btn_external_link {\n  width: 16px !important;\n  height: 16px !important;\n  margin-left: 5px !important;\n  margin-top: -2px !important;\n}\n#sbz92 .agent-convo-event-wrapper {\n  max-width: 85% !important;\n  margin-top: 5px !important;\n}\n#sbz92 .agent-convo-event-wrapper.full {\n  max-width: 100% !important;\n}\n#sbz92 .agent-convo-event-inner {\n  position: relative !important;\n  display: inline-block !important;\n  max-width: 100% !important;\n}\n#sbz92 .message-event-actions {\n  position: absolute !important;\n  bottom: -10px !important;\n  opacity: 0.7 !important;\n  left: calc(100% - 25px) !important;\n  display: none !important;\n  border: 1px solid #dee2e6 !important;\n  background-color: white !important;\n  border-radius: 4px !important;\n  z-index: 10 !important;\n}\n#sbz92 .message-event-actions.ended {\n  bottom: -10px !important;\n}\n#sbz92 .message-event-actions:hover {\n  opacity: 1 !important;\n}\n#sbz92 .agent-convo-event-inner:hover .message-event-actions {\n  display: flex !important;\n}\n#sbz92 .message-event-actions-static {\n  display: none !important;\n  margin-top: 2px !important;\n  border: none !important;\n  padding: 0 !important;\n  gap: 4px !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-actions {\n  display: none !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-actions-static {\n  display: flex !important;\n  position: absolute !important;\n  bottom: -30px !important;\n  left: 0 !important;\n  z-index: 2 !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn {\n  padding: 0 !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn .message-event-action-btn-svg {\n  width: 24px !important;\n  height: 24px !important;\n  background-position: 2px 2px !important;\n  background-size: 20px 20px !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn.message-event-action-btn__dev {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n  padding-right: 10px !important;\n  border-radius: 5px !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn.message-event-action-btn__dev .message-event-action-btn-svg {\n  width: 24px !important;\n  height: 24px !important;\n  background-position: 2px 2px !important;\n  background-size: 20px 20px !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn.message-event-action-btn__dev:hover {\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn.message-event-action-btn__dev.message-event-action-btn_like.active {\n  color: #34c759 !important;\n  -webkit-text-fill-color: #34c759 !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn.message-event-action-btn__dev.message-event-action-btn_like.active {\n  color: #34c759 !important;\n  -webkit-text-fill-color: #34c759 !important;\n}\n#sbz92 .message-event-action-btn.message-event-action-btn__dev:hover {\n  background-color: unset !important;\n}\n#sbz92 .message-event-action-btn {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  cursor: pointer !important;\n  padding: 2px !important;\n}\n#sbz92 .message-event-action-btn:hover {\n  background-color: #ececec !important;\n}\n#sbz92 .message-event-action-btn.active:hover {\n  background-color: #dbfde3 !important;\n}\n#sbz92 .message-event-action-btn.message-event-action-btn__dev {\n  padding: 0px !important;\n}\n#sbz92 .message-event-action-btn.message-event-action-btn__dev:hover {\n  background-color: unset !important;\n}\n#sbz92 .message-event-action-btn.message-event-action-btn__dev.active:hover {\n  background-color: unset !important;\n}\n#sbz92 .message-event-action-btn .message-event-action-btn-svg {\n  width: 20px !important;\n  height: 20px !important;\n  border-radius: 4px !important;\n  background-position: 2px 2px !important;\n  background-size: 16px 16px !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n}\n#sbz92 .message-event-action-btn-svg.like {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9IiM2Yzc1N2QiICBzdHJva2Utd2lkdGg9IjIiICBzdHJva2UtbGluZWNhcD0icm91bmQiICBzdHJva2UtbGluZWpvaW49InJvdW5kIiAgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItdGh1bWItdXAiPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik03IDExdjhhMSAxIDAgMCAxIC0xIDFoLTJhMSAxIDAgMCAxIC0xIC0xdi03YTEgMSAwIDAgMSAxIC0xaDNhNCA0IDAgMCAwIDQgLTR2LTFhMiAyIDAgMCAxIDQgMHY1aDNhMiAyIDAgMCAxIDIgMmwtMSA1YTIgMyAwIDAgMSAtMiAyaC03YTMgMyAwIDAgMSAtMyAtMyIgLz48L3N2Zz4K') !important;\n}\n#sbz92 .message-event-action-btn-svg.dislike {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9IiM2Yzc1N2QiICBzdHJva2Utd2lkdGg9IjIiICBzdHJva2UtbGluZWNhcD0icm91bmQiICBzdHJva2UtbGluZWpvaW49InJvdW5kIiAgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItdGh1bWItZG93biI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTcgMTN2LThhMSAxIDAgMCAwIC0xIC0xaC0yYTEgMSAwIDAgMCAtMSAxdjdhMSAxIDAgMCAwIDEgMWgzYTQgNCAwIDAgMSA0IDR2MWEyIDIgMCAwIDAgNCAwdi01aDNhMiAyIDAgMCAwIDIgLTJsLTEgLTVhMiAzIDAgMCAwIC0yIC0yaC03YTMgMyAwIDAgMCAtMyAzIiAvPjwvc3ZnPgo=') !important;\n}\n#sbz92 .message-event-action-btn-svg.info {\n  background-image: url('data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9IiM2Yzc1N2QiCiAgc3Ryb2tlLXdpZHRoPSIyIgogIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIgo+CiAgPHBhdGggZD0iTTMgMTJhOSA5IDAgMSAwIDE4IDBhOSA5IDAgMCAwIC0xOCAwIiAvPgogIDxwYXRoIGQ9Ik0xMiA5aC4wMSIgLz4KICA8cGF0aCBkPSJNMTEgMTJoMXY0aDEiIC8+Cjwvc3ZnPgo=') !important;\n}\n#sbz92 .message-event-action-btn:hover .message-event-action-btn-svg.like {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImJsYWNrIiAgc3Ryb2tlLXdpZHRoPSIyIiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb25zLXRhYmxlci1vdXRsaW5lIGljb24tdGFibGVyLXRodW1iLXVwIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNyAxMXY4YTEgMSAwIDAgMSAtMSAxaC0yYTEgMSAwIDAgMSAtMSAtMXYtN2ExIDEgMCAwIDEgMSAtMWgzYTQgNCAwIDAgMCA0IC00di0xYTIgMiAwIDAgMSA0IDB2NWgzYTIgMiAwIDAgMSAyIDJsLTEgNWEyIDMgMCAwIDEgLTIgMmgtN2EzIDMgMCAwIDEgLTMgLTMiIC8+PC9zdmc+Cg==') !important;\n}\n#sbz92 .message-event-action-btn:hover .message-event-action-btn-svg.dislike {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImJsYWNrIiAgc3Ryb2tlLXdpZHRoPSIyIiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb25zLXRhYmxlci1vdXRsaW5lIGljb24tdGFibGVyLXRodW1iLWRvd24iPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik03IDEzdi04YTEgMSAwIDAgMCAtMSAtMWgtMmExIDEgMCAwIDAgLTEgMXY3YTEgMSAwIDAgMCAxIDFoM2E0IDQgMCAwIDEgNCA0djFhMiAyIDAgMCAwIDQgMHYtNWgzYTIgMiAwIDAgMCAyIC0ybC0xIC01YTIgMyAwIDAgMCAtMiAtMmgtN2EzIDMgMCAwIDAgLTMgMyIgLz48L3N2Zz4K') !important;\n}\n#sbz92 .message-event-action-btn:hover .message-event-action-btn-svg.info {\n  background-image: url('data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9IiMwMDAiCiAgc3Ryb2tlLXdpZHRoPSIyIgogIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIgo+CiAgPHBhdGggZD0iTTMgMTJhOSA5IDAgMSAwIDE4IDBhOSA5IDAgMCAwIC0xOCAwIiAvPgogIDxwYXRoIGQ9Ik0xMiA5aC4wMSIgLz4KICA8cGF0aCBkPSJNMTEgMTJoMXY0aDEiIC8+Cjwvc3ZnPgo=') !important;\n}\n#sbz92 .message-event-action-btn.active .message-event-action-btn-svg.like {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9IiMzNEM3NTkiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItZmlsbGVkIGljb24tdGFibGVyLXRodW1iLXVwIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTMgM2EzIDMgMCAwIDEgMi45OTUgMi44MjRsLjAwNSAuMTc2djRoMmEzIDMgMCAwIDEgMi45OCAyLjY1bC4wMTUgLjE3NGwuMDA1IC4xNzZsLS4wMiAuMTk2bC0xLjAwNiA1LjAzMmMtLjM4MSAxLjYyNiAtMS41MDIgMi43OTYgLTIuODEgMi43OGwtLjE2NCAtLjAwOGgtOGExIDEgMCAwIDEgLS45OTMgLS44ODNsLS4wMDcgLS4xMTdsLjAwMSAtOS41MzZhMSAxIDAgMCAxIC41IC0uODY1YTIuOTk4IDIuOTk4IDAgMCAwIDEuNDkyIC0yLjM5N2wuMDA3IC0uMjAydi0xYTMgMyAwIDAgMSAzIC0zeiIgLz48cGF0aCBkPSJNNSAxMGExIDEgMCAwIDEgLjk5MyAuODgzbC4wMDcgLjExN3Y5YTEgMSAwIDAgMSAtLjg4MyAuOTkzbC0uMTE3IC4wMDdoLTFhMiAyIDAgMCAxIC0xLjk5NSAtMS44NWwtLjAwNSAtLjE1di03YTIgMiAwIDAgMSAxLjg1IC0xLjk5NWwuMTUgLS4wMDVoMXoiIC8+PC9zdmc+Cg==') !important;\n}\n#sbz92 .message-event-action-btn.active .message-event-action-btn-svg.dislike {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI0ODBfOTUpIj4KPHBhdGggZD0iTTEzIDIxLjAwNzlDMTMuNzY1IDIxLjAwOCAxNC41MDEyIDIwLjcxNTcgMTUuMDU3OSAyMC4xOTFDMTUuNjE0NyAxOS42NjYyIDE1Ljk0OTkgMTguOTQ4NiAxNS45OTUgMTguMTg0OUwxNiAxOC4wMDc5VjE0LjAwNzlIMThDMTguNzM1MSAxNC4wMDggMTkuNDQ0NyAxMy43MzgyIDE5Ljk5NCAxMy4yNDk3QzIwLjU0MzQgMTIuNzYxMiAyMC44OTQyIDEyLjA4OCAyMC45OCAxMS4zNTc5TDIwLjk5NSAxMS4xODQ5TDIxIDExLjAwNzlMMjAuOTggMTAuODExOUwxOS45NzQgNS43Nzk5MkMxOS41OTMgNC4xNTQ5MiAxOC40NzIgMi45ODM5MiAxNy4xNjQgMi45OTk5MkwxNyAzLjAwNzkySDlDOC43NTQ5MSAzLjAwNzk4IDguNTE4MzggMy4wOTgwNCA4LjMzNTMzIDMuMjYxMDFDOC4xNTIyNyAzLjQyMzk3IDguMDM1NDMgMy42NDg0OSA4LjAwNyAzLjg5MTkyTDggNC4wMDc5Mkw4LjAwMSAxMy41NDM5QzguMDAxIDEzLjcxOTUgOC4wNDcyMSAxMy44OTE5IDguMTM0OTggMTQuMDQzOUM4LjIyMjc1IDE0LjE5NTkgOC4zNDg5OCAxNC4zMjIyIDguNTAxIDE0LjQwOTlDOC45MjcyOSAxNC42NTYxIDkuMjg2NCAxNS4wMDM1IDkuNTQ2NjEgMTUuNDIxM0M5LjgwNjgyIDE1LjgzOTIgOS45NjAxMyAxNi4zMTQ3IDkuOTkzIDE2LjgwNTlMMTAgMTcuMDA3OVYxOC4wMDc5QzEwIDE4LjgwMzYgMTAuMzE2MSAxOS41NjY2IDEwLjg3ODcgMjAuMTI5MkMxMS40NDEzIDIwLjY5MTggMTIuMjA0NCAyMS4wMDc5IDEzIDIxLjAwNzlaIiBmaWxsPSIjMzMzMzMzIi8+CjxwYXRoIGQ9Ik01IDE0LjAwODFDNS4yNDQ5MyAxNC4wMDggNS40ODEzNCAxMy45MTgxIDUuNjY0MzcgMTMuNzU1M0M1Ljg0NzQxIDEzLjU5MjYgNS45NjQzNCAxMy4zNjgzIDUuOTkzIDEzLjEyNTFMNiAxMy4wMDgxVjQuMDA4MDZDNS45OTk5NyAzLjc2MzEyIDUuOTEwMDQgMy41MjY3MiA1Ljc0NzI4IDMuMzQzNjhDNS41ODQ1MyAzLjE2MDY1IDUuMzYwMjUgMy4wNDM3MSA1LjExNyAzLjAxNTA2TDUgMy4wMDgwNkg0QzMuNDk1MSAzLjAwNzkzIDMuMDA4ODQgMy4xOTg3OCAyLjYzODgxIDMuNTQyMjlDMi4yNjg3OCAzLjg4NTc5IDIuMDQyMzYgNC4zNTY1NCAyLjAwNSA0Ljg2MDA2TDIgNS4wMTAwNlYxMi4wMTAxQzIuMDAwMDkgMTIuNTE0NSAyLjE5MDc3IDEzLjAwMDIgMi41MzM4NCAxMy4zN0MyLjg3NjkgMTMuNzM5NyAzLjM0NzAyIDEzLjk2NjIgMy44NSAxNC4wMDQxTDQgMTQuMDA5MUw1IDE0LjAwODFaIiBmaWxsPSIjMzMzMzMzIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjQ4MF85NSI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K') !important;\n}\n#sbz92 .inline-time {\n  font-size: 13px !important;\n  margin-top: 6px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  font-weight: 500 !important;\n  opacity: 0.4 !important;\n}\n#sbz92 .message-text-inline-image-wrapper {\n  display: block !important;\n  margin-top: 8px !important;\n  margin-bottom: 8px !important;\n  max-width: 100% !important;\n}\n#sbz92 .message-text-inline-image {\n  width: 100% !important;\n}\n#sbz92 .text-message-ul {\n  display: block !important;\n  list-style-type: disc !important;\n  margin-block-start: 8px !important;\n  margin-block-end: 8px !important;\n  padding-inline-start: 20px !important;\n}\n#sbz92 .text-message-ol {\n  display: block !important;\n  list-style-type: decimal !important;\n  margin-block-start: 8px !important;\n  margin-block-end: 8px !important;\n  padding-inline-start: 20px !important;\n}\n#sbz92 .text-message-li {\n  display: list-item !important;\n}\n#sbz92 .agent-message .text-message-link {\n  color: #0d6efd !important;\n  -webkit-text-fill-color: #0d6efd !important;\n  font-weight: 400 !important;\n}\n#sbz92 .agent-message .text-message-link:hover {\n  color: #024dbc !important;\n  -webkit-text-fill-color: #024dbc !important;\n}\n#sbz92 .user-message .text-message-link {\n  text-decoration: underline !important;\n  text-decoration-color: rgba(255, 255, 255, 0.6) !important;\n  text-underline-offset: 4px !important;\n}\n#sbz92 .user-message .text-message-link:hover {\n  text-decoration-color: #fff !important;\n  background-color: rgba(255, 255, 255, 0.08) !important;\n}\n#sbz92 .message-quote {\n  padding: 6px 10px !important;\n  border-left: 3px solid '@primary_color' !important;\n  background-color: #dfdfdf !important;\n  border-top-left-radius: 0 !important;\n  border-bottom-left-radius: 0 !important;\n  margin-bottom: 8px !important;\n  max-width: 100% !important;\n}\n#sbz92 .message-quote-title {\n  font-weight: 600 !important;\n  font-size: 14px !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n}\n#sbz92 .message-quote-content {\n  opacity: 0.7 !important;\n  color: '@secondary_color' !important;\n  -webkit-text-fill-color: '@secondary_color' !important;\n  font-size: 14px !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n}\n#sbz92 .message-quote-inner-img {\n  width: 36px !important;\n  height: 36px !important;\n  object-fit: cover !important;\n}\n#sbz92 .message-quote-inner {\n  margin-left: 15px !important;\n  flex: 1 !important;\n  overflow: hidden !important;\n}\n#sbz92 .image-attachment.just-focused {\n  box-shadow: 0 0 0 2px #000 !important;\n}\n#sbz92 .file-attachment.just-focused {\n  box-shadow: 0 0 0 2px #000 !important;\n}\n#sbz92 .widget_body_empty_img {\n  max-width: 150px !important;\n  max-height: 150px !important;\n}\n#sbz92 .emoji {\n  position: relative !important;\n  width: 20px !important;\n  height: 20px !important;\n  background-size: 100% !important;\n  background-repeat: no-repeat !important;\n  border: none !important;\n  display: inline-block !important;\n  vertical-align: text-bottom !important;\n}\n#sbz92 .emoji--angry {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_1___ + ") !important;\n}\n#sbz92 .emoji--confused {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_2___ + ") !important;\n}\n#sbz92 .emoji--crying,\n#sbz92 .emoji--cry {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_3___ + ") !important;\n}\n#sbz92 .emoji--grinning {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_4___ + ") !important;\n}\n#sbz92 .emoji--heart_eyes,\n#sbz92 .emoji--heart-eyes {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_5___ + ") !important;\n}\n#sbz92 .emoji--neutral_face,\n#sbz92 .emoji--neutral {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_6___ + ") !important;\n}\n#sbz92 .emoji--disappointed,\n#sbz92 .emoji--sad {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_7___ + ") !important;\n}\n#sbz92 .emoji--sleepy {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_8___ + ") !important;\n}\n#sbz92 .emoji--smile,\n#sbz92 .emoji--smiling {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_9___ + ") !important;\n}\n#sbz92 .emoji--open_mouth,\n#sbz92 .emoji--surprised {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_10___ + ") !important;\n}\n#sbz92 .emoji--tired_face,\n#sbz92 .emoji--tired {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_11___ + ") !important;\n}\n#sbz92 .emoji--stuck_out_tongue,\n#sbz92 .emoji--tongue-out {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_12___ + ") !important;\n}\n#sbz92 .emoji--wink {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_13___ + ") !important;\n}\n#sbz92 .emoji--moyai {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_14___ + ") !important;\n}\n#sbz92 .emoji--dislike,\n#sbz92 .emoji--unlike,\n#sbz92 .emoji--thumbsdown {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_15___ + ") !important;\n}\n#sbz92 .emoji--like,\n#sbz92 .emoji--thumbsup {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_16___ + ") !important;\n}\n#sbz92 .emoji--ok_hand {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_17___ + ") !important;\n}\n#sbz92 .emoji--octopus {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_18___ + ") !important;\n}\n#sbz92 .emoji--pig2 {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_19___ + ") !important;\n}\n#sbz92 .emoji--wave {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_20___ + ") !important;\n}\n#sbz92 .emoji--mouse {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_21___ + ") !important;\n}\n#sbz92 .emoji--mouse2 {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_22___ + ") !important;\n}\n#sbz92 .emoji--rat {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_23___ + ") !important;\n}\n#sbz92 .emoji-picker {\n  display: flex !important;\n  flex-direction: row !important;\n  z-index: 20 !important;\n  position: absolute !important;\n  max-width: 240px !important;\n  background: #fff !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  border-radius: 10px !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n  right: 15px !important;\n  bottom: 55px !important;\n  flex-wrap: wrap !important;\n  padding: 10px !important;\n  justify-content: space-between !important;\n  align-items: center !important;\n}\n#sbz92 .emoji-picker--item {\n  background-size: 100% !important;\n  width: 30px !important;\n  height: 30px !important;\n  position: relative !important;\n  background-repeat: no-repeat !important;\n  display: inline-block !important;\n  vertical-align: text-bottom !important;\n  margin: 5px !important;\n  cursor: pointer !important;\n  transition: background-color 0.2s !important;\n}\n#sbz92 .emoji-picker-background-item {\n  background-size: 50% !important;\n  width: 40px !important;\n  height: 40px !important;\n  border-radius: 100% !important;\n}\n#sbz92 .emoji-picker-background-item:hover {\n  background-color: #dee2e6 !important;\n}\n#sbz92 .convo-list {\n  display: flex !important;\n  flex-direction: column !important;\n  flex: 1 !important;\n  width: 100% !important;\n  justify-content: space-between !important;\n  overflow: auto !important;\n  margin-top: -60px !important;\n  padding-left: 22.5px !important;\n  padding-right: 22.5px !important;\n}\n#sbz92 .convo-list--list {\n  background: #fff !important;\n  overflow-y: auto !important;\n  overflow-x: hidden !important;\n}\n#sbz92 .convo-list--title {\n  font-weight: 500 !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  background: #fff !important;\n  border-bottom: 1px solid #f0f0f0 !important;\n  padding: 15px !important;\n}\n#sbz92 .convo-list--container {\n  border-radius: 10px !important;\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;\n  overflow: auto !important;\n  display: flex !important;\n  flex-direction: column !important;\n  user-select: none !important;\n}\n#sbz92 .convo-list--footer {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  margin-top: 22.5px !important;\n}\n#sbz92 .convo-list--convo-last-info {\n  overflow: hidden !important;\n  white-space: nowrap !important;\n  justify-content: center !important;\n  display: flex !important;\n  flex-direction: column !important;\n  flex: 1 !important;\n  margin-left: 15px !important;\n}\n#sbz92 .convo-list--convo-last-message {\n  font-weight: normal !important;\n  flex: 1 !important;\n  cursor: pointer !important;\n  display: flex !important;\n  width: 100% !important;\n  overflow: hidden !important;\n  align-items: center !important;\n}\n#sbz92 .convo-list--convo-last-mes {\n  text-overflow: ellipsis !important;\n  opacity: 0.6 !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  font-weight: normal !important;\n}\n#sbz92 .convo-list--convo-title {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  font-weight: 500 !important;\n}\n#sbz92 .convo-list--convo-completed {\n  width: 14px !important;\n}\n#sbz92 .convo-list--convo-name {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  flex: 1 !important;\n  margin-right: 16px !important;\n  cursor: pointer !important;\n}\n#sbz92 .convo-list--item {\n  cursor: pointer !important;\n  border-bottom: 1px solid '@primary_color_faded' !important;\n  padding: 15px !important;\n  display: flex !important;\n  flex-direction: row !important;\n  transition: background 0.15s ease !important;\n}\n#sbz92 .convo-list--item:hover {\n  background: '@primary_color_faded' !important;\n}\n#sbz92 .convo-list--convo-time span {\n  font-size: 14px !important;\n  line-height: 20px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  opacity: 0.6 !important;\n  min-width: 70px !important;\n  cursor: pointer !important;\n}\n#sbz92 .convo-list--item-unread {\n  width: 8px !important;\n  height: 8px !important;\n  background: #dc3545 !important;\n  border-radius: 50% !important;\n  margin-left: 15px !important;\n  align-self: center !important;\n}\n#sbz92 .convo-list--item-avatar {\n  width: 32px !important;\n  height: 32px !important;\n}\n#sbz92 .widget-body--empty {\n  display: flex !important;\n  flex: 1 !important;\n  justify-content: center !important;\n  align-items: center !important;\n  flex-direction: column !important;\n}\n#sbz92 .widget-body--empty-text {\n  color: #343a40 !important;\n  -webkit-text-fill-color: #343a40 !important;\n  margin-top: 30px !important;\n  text-align: center !important;\n}\n#sbz92 .widget-body--empty-icon {\n  width: 128px !important;\n  height: 128px !important;\n  -webkit-mask-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20viewBox%3D%220%200%20512%20512%22%3E%3Cg%20data-name%3D%22Layer%202%22%3E%3Cpath%20d%3D%22M130.9%20366.9a9.9%209.9%200%200%200-2.9%207.1%2010.33%2010.33%200%200%200%202.9%207.1%209.73%209.73%200%200%200%207.1%202.9%2010.33%2010.33%200%200%200%207.1-2.9%209.73%209.73%200%200%200%202.9-7.1%2010.52%2010.52%200%200%200-2.9-7.1%209.9%209.9%200%200%200-7.1-2.9%2010.33%2010.33%200%200%200-7.1%202.9zM483.7%20282a183.07%20183.07%200%200%200%2028.3-98C512%2082.5%20429.5%200%20328%200a183.16%20183.16%200%200%200-96%2027%2010%2010%200%200%200%2010.5%2017.1A162.67%20162.67%200%200%201%20328%2020c90.4%200%20164%2073.6%20164%20164a162.73%20162.73%200%200%201-27.9%2091.5%2010.07%2010.07%200%200%200%20.3%2011.6l11%2040.9-44-11.8a10%2010%200%200%200-8.4%201.5%20164.32%20164.32%200%200%201-151.8%2020.2%20138.68%20138.68%200%200%200-97.1-97.1%20164.31%20164.31%200%200%201%2014.5-143.2%2010%2010%200%200%200-17-10.6%20184%20184%200%200%200-19.9%20149.6c-4.5-.4-9.1-.7-13.7-.7C61.9%20236%200%20297.9%200%20374a136.88%20136.88%200%200%200%2022.9%2076.1L12.2%20490a10%2010%200%200%200%2012.3%2012.3l40.9-11a137.71%20137.71%200%200%200%20146.5-.8%2010%2010%200%200%200-10.7-16.9%20118.09%20118.09%200%200%201-128.6-1.5%209.73%209.73%200%200%200-8.1-1.3L36%20478.5l7.4-27.7a10%2010%200%200%200-1.5-8.4%20117.95%20117.95%200%201%201%20207-28%2010%2010%200%200%200%2018.8%206.8%20137.72%20137.72%200%200%200%208.3-47.3%20124.44%20124.44%200%200%200-.7-13.7%20183.93%20183.93%200%200%200%20155.3-23.6l56.2%2015.1a10%2010%200%200%200%2012.3-12.3zm-246%20162.2a10.52%2010.52%200%200%200-7.1%202.9%209.73%209.73%200%200%200-2.9%207.1%2010.33%2010.33%200%200%200%202.9%207.1%209.73%209.73%200%200%200%207.1%202.9%2010.52%2010.52%200%200%200%207.1-2.9%209.73%209.73%200%200%200%202.9-7.1%209.9%209.9%200%200%200-10-10zM205.3%2070.7a10.52%2010.52%200%200%200%207.1-2.9%209.73%209.73%200%200%200%202.9-7.1%2010.14%2010.14%200%200%200-2.9-7.1%209.9%209.9%200%200%200-7.1-2.9%2010.52%2010.52%200%200%200-7.1%202.9%209.9%209.9%200%200%200-2.9%207.1%2010.52%2010.52%200%200%200%202.9%207.1%209.9%209.9%200%200%200%207.1%202.9zm-19.4%20296.2a9.9%209.9%200%200%200-2.9%207.1%2010.33%2010.33%200%200%200%202.9%207.1%209.73%209.73%200%200%200%207.1%202.9%2010.33%2010.33%200%200%200%207.1-2.9%209.73%209.73%200%200%200%202.9-7.1%2010.33%2010.33%200%200%200-2.9-7.1%209.9%209.9%200%200%200-7.1-2.9%2010.33%2010.33%200%200%200-7.1%202.9zm210.8-201.1a9.8%209.8%200%200%200%205.2-1.5l1.3-.8a9.92%209.92%200%200%200%203.3-13.7%2010.06%2010.06%200%200%200-13.8-3.3l-1.3.8a10%2010%200%200%200%205.3%2018.5zm-68.1%20107.4a58%2058%200%200%200%2057.9-57.9%207%207%200%200%200-7-7H277.7a7%207%200%200%200-7%207%2058%2058%200%200%200%2057.9%2057.9zm-43.5-50.9h87.1l-1%203.7a43.93%2043.93%200%200%201-85.2%200zm-25.8-56.5a9.8%209.8%200%200%200%205.2-1.5l1.3-.8a9.92%209.92%200%200%200%203.3-13.7%2010.06%2010.06%200%200%200-13.8-3.3l-1.3.8a10%2010%200%200%200%205.3%2018.5zM75.9%20366.9A9.9%209.9%200%200%200%2073%20374a10.33%2010.33%200%200%200%202.9%207.1A9.73%209.73%200%200%200%2083%20384a10.33%2010.33%200%200%200%207.1-2.9A9.73%209.73%200%200%200%2093%20374a10.33%2010.33%200%200%200-2.9-7.1A9.9%209.9%200%200%200%2083%20364a10.33%2010.33%200%200%200-7.1%202.9z%22%20fill%3D%22%234285f4%22%20data-name%3D%22Capa%201%22/%3E%3C/g%3E%3C/svg%3E') !important;\n  border-radius: 0 !important;\n  background-color: '@primary_color' !important;\n}\n#sbz92 .mobile .widget-container {\n  border-radius: 0px !important;\n  max-height: 100% !important;\n  margin-bottom: 0 !important;\n  top: auto !important;\n  left: 0 !important;\n  right: 0 !important;\n  width: 100% !important;\n  height: '@mobile_height' !important;\n  opacity: 1 !important;\n  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1) !important;\n}\n#sbz92 .mobile .widget-container.widget-container--left {\n  left: 0 !important;\n  right: 0 !important;\n}\n#sbz92 .mobile .widget-container.widget-container--right {\n  right: 0 !important;\n  left: 0 !important;\n}\n#sbz92 .mobile .widget-container.widget-container--hide {\n  top: -100vh !important;\n  opacity: 0 !important;\n  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1), bottom 0.15s cubic-bezier(1, 0.5, 0.8, 1) !important;\n}\n#sbz92 .widget-container.widget-container--left {\n  left: '@desktop_button.margin_x' !important;\n  right: unset !important;\n}\n#sbz92 .widget-container.widget-container--right {\n  right: '@desktop_button.margin_x' !important;\n  left: unset !important;\n}\n#sbz92 .widget-container {\n  max-height: 100% !important;\n  max-height: '@desktop_widget_max_height' !important;\n  max-width: 100% !important;\n  background: #fff !important;\n  z-index: '@z_index_3' !important;\n  border-radius: 15px !important;\n  box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.13) !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  position: '@widget_position' !important;\n  margin-bottom: '@desktop_button.margin_y' !important;\n  width: '@width' !important;\n  height: '@height' !important;\n  bottom: 0 !important;\n  opacity: 1 !important;\n  transform: translateY(0) !important;\n  transition: transform 0.15s cubic-bezier(1, 0.5, 0.8, 1), opacity 0.2s cubic-bezier(1, 0.5, 0.8, 1), scale 0.15s ease !important;\n  visibility: visible !important;\n  overflow: hidden !important;\n}\n#sbz92 .widget-container.widget-container--full {\n  max-height: 100% !important;\n  height: 100% !important;\n  margin-bottom: 0 !important;\n}\n#sbz92 .widget-container.widget-container--hide {\n  opacity: 0 !important;\n  transform: translateY(20px) !important;\n  visibility: hidden !important;\n  transition: transform 0.15s cubic-bezier(1, 0.5, 0.8, 1), opacity 0.1s cubic-bezier(1, 0.5, 0.8, 1), visibility 0.1s cubic-bezier(1, 0.5, 0.8, 1) !important;\n}\n#sbz92 .btn--start-convo {\n  border-radius: 7px !important;\n  flex-shrink: 0 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  padding-left: 32px !important;\n  padding-right: 32px !important;\n  height: 42px !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  font-size: 16px !important;\n  font-weight: 500 !important;\n  line-height: 20px !important;\n  text-align: center !important;\n  background: '@primary_color' !important;\n  width: 100% !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  transition: filter 250ms ease !important;\n}\n#sbz92 .btn--start-convo::after {\n  display: none !important;\n}\n#sbz92 .btn--start-convo:hover {\n  filter: brightness(1.1) !important;\n}\n#sbz92 .btn--start-convo:disabled {\n  opacity: 0.5 !important;\n  cursor: default !important;\n  pointer-events: none !important;\n}\n#sbz92 .widget-body.widget-body--none {\n  display: none !important;\n}\n#sbz92 .widget-body {\n  flex: 1 !important;\n  flex-grow: 1 !important;\n  z-index: -1 !important;\n  width: 100% !important;\n  overflow-y: auto !important;\n  flex-direction: column !important;\n  display: flex !important;\n  position: relative !important;\n}\n#sbz92 .embed-chat .widget-body--events {\n  width: 600px !important;\n  margin: 0 auto !important;\n  max-width: 100% !important;\n}\n#sbz92 .embed-chat .message-input {\n  max-width: 600px !important;\n  margin: 20px auto !important;\n}\n#sbz92 .embed-chat .widget-header--inner {\n  max-width: 100% !important;\n  width: 600px !important;\n}\n#sbz92 .embed-chat .widget-body--content {\n  width: 600px !important;\n  margin: 0 auto !important;\n  max-width: 100% !important;\n}\n#sbz92 .embed-chat .convo-list {\n  width: 600px !important;\n  margin: 0 auto !important;\n  max-width: 100% !important;\n}\n#sbz92 .widget-body--content {\n  overflow-y: auto !important;\n  overflow-x: hidden !important;\n  flex: 1 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  position: relative !important;\n  min-height: 0 !important;\n}\n#sbz92 .poweredby {\n  margin-bottom: 15px !important;\n  text-align: center !important;\n}\n#sbz92 .poweredby .poweredby--text {\n  text-decoration: none !important;\n  font-size: 13px !important;\n  color: #7c7c7c !important;\n  -webkit-text-fill-color: #7c7c7c !important;\n  vertical-align: baseline !important;\n}\n#sbz92 .poweredby .poweredby--text .poweredby--subiz-logo {\n  opacity: 0.7 !important;\n  margin-top: -1px !important;\n  height: 12px !important;\n}\n#sbz92 .poweredby .poweredby--text:hover {\n  color: #333 !important;\n  -webkit-text-fill-color: #333 !important;\n}\n#sbz92 .poweredby .poweredby--text:hover .poweredby--subiz-logo {\n  opacity: 1 !important;\n}\n#sbz92 .empty-container {\n  display: flex !important;\n  justify-content: center !important;\n  flex-direction: column !important;\n  margin-top: 30px !important;\n  margin-bottom: 30px !important;\n}\n#sbz92 .empty-desc {\n  text-align: center !important;\n  margin: 30px !important;\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .chat-button--white-bg {\n  display: none !important;\n  z-index: -1 !important;\n}\n#sbz92 .chat-button--white-bg--mask-only {\n  background: white !important;\n  width: 66px !important;\n  height: 66px !important;\n  top: 2px !important;\n  left: 2px !important;\n  position: absolute !important;\n  border-radius: 50% !important;\n  display: block !important;\n}\n#sbz92 .mobile .chat-button--default {\n  width: '@mobile_button.width' !important;\n  height: '@mobile_button.height' !important;\n  background: '@background' !important;\n  border-radius: '@mobile_button.border_radius' !important;\n}\n#sbz92 .mobile .widget-layout {\n  bottom: '@mobile_button.margin_y' !important;\n}\n#sbz92 .mobile .widget-layout.widget-layout--left {\n  left: '@mobile_button.margin_x' !important;\n  right: unset !important;\n}\n#sbz92 .mobile .widget-layout.widget-layout--right {\n  right: '@mobile_button.margin_x' !important;\n  left: unset !important;\n}\n#sbz92 .mobile .chat-button--img {\n  min-width: '@mobile_button.width' !important;\n}\n#sbz92 .chat-button {\n  cursor: pointer !important;\n  position: relative !important;\n  scale: 1 !important;\n  transition: filter 250ms ease, opacity 0.15s ease-in, scale 0.125s ease-in-out, transform 0.2s ease-in-out !important;\n}\n#sbz92 .chat-button.hidden {\n  opacity: 0 !important;\n}\n#sbz92 .chat-button:hover {\n  filter: brightness(1.1) !important;\n  scale: 1.05 !important;\n}\n#sbz92 .chat-button--img {\n  opacity: 0 !important;\n  min-width: '@desktop_button.width' !important;\n  display: block !important;\n}\n#sbz92 .chat-button.chat-button--left {\n  float: left !important;\n}\n#sbz92 .chat-button.chat-button--right {\n  float: right !important;\n}\n#sbz92 .widget-layout {\n  z-index: '@z_index_2' !important;\n  position: '@widget_position' !important;\n  bottom: '@desktop_button.margin_y' !important;\n  transition: opacity 150ms !important;\n  opacity: 1 !important;\n}\n#sbz92 .widget-layout.widget-layout--hidden {\n  opacity: 0 !important;\n  pointer-events: none !important;\n}\n#sbz92 .widget-layout.widget-layout--left {\n  left: '@desktop_button.margin_x' !important;\n  right: unset !important;\n}\n#sbz92 .widget-layout.widget-layout--right {\n  right: '@desktop_button.margin_x' !important;\n  left: unset !important;\n}\n#sbz92 .chat-button--unread {\n  position: absolute !important;\n  right: 0px !important;\n  top: -5px !important;\n  background: #dc3545 !important;\n  padding-left: 5px !important;\n  padding-right: 5px !important;\n  padding-top: 2px !important;\n  padding-bottom: 2px !important;\n  border-radius: 5px !important;\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n}\n#sbz92 .widget-preview {\n  z-index: '@z_index_3' !important;\n  background: #fff !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n  border-radius: 15px !important;\n  max-width: 100% !important;\n  width: 340px !important;\n  margin-bottom: 20px !important;\n}\n#sbz92 .widget-preview.widget-preview--hidden {\n  display: none !important;\n}\n#sbz92 .widget-preview--btn-close {\n  cursor: pointer !important;\n  opacity: 0.5 !important;\n  align-self: flex-start !important;\n  background-color: #e5e5e5 !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXIteCI+PGxpbmUgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCI+PC9saW5lPjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iMTgiPjwvbGluZT48L3N2Zz4K') !important;\n  background-size: 16px 16px !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  width: 24px !important;\n  height: 24px !important;\n  display: block !important;\n  border-radius: 100% !important;\n  transition: background-color 0.2s !important;\n}\n#sbz92 .widget-preview--btn-close:hover {\n  opacity: 1 !important;\n}\n#sbz92 .widget-preview--avatar {\n  width: 45px !important;\n  height: 45px !important;\n  border: 1px solid rgba(31, 54, 90, 0.1) !important;\n  border-radius: 100% !important;\n  margin-right: 15px !important;\n}\n#sbz92 .widget-preview--body {\n  display: flex !important;\n  padding: 15px !important;\n}\n#sbz92 .widget-preview--title {\n  display: block !important;\n  font-size: 15px !important;\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n  margin-bottom: 5px !important;\n  opacity: 0.7 !important;\n}\n#sbz92 .widget-preview--content {\n  cursor: pointer !important;\n  flex: 1 !important;\n  overflow: hidden !important;\n}\n#sbz92 .widget-preview--message {\n  white-space: pre-wrap !important;\n  word-wrap: break-word !important;\n  font-weight: 500 !important;\n  font-size: 16px !important;\n  display: block !important;\n  margin: 0 !important;\n  margin-bottom: 0px !important;\n  max-height: 78px !important;\n  overflow: hidden !important;\n}\n#sbz92 .widget-preview--action {\n  border-top: 1px solid #f0f0f0 !important;\n  cursor: pointer !important;\n  padding: 13px !important;\n}\n#sbz92 .widget-preview--action-text {\n  display: block !important;\n  text-align: center !important;\n  font-weight: 500 !important;\n  font-size: 16px !important;\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n  margin: 0 !important;\n}\n#sbz92 .widget-internet-status {\n  position: absolute !important;\n  bottom: 0 !important;\n  left: 0 !important;\n  width: 100% !important;\n  font-size: 14px !important;\n  z-index: 10 !important;\n  text-align: center !important;\n  padding: 6px 5px !important;\n}\n#sbz92 .widget-internet-status.negative {\n  background-color: #212325 !important;\n  color: #fff !important;\n}\n#sbz92 .widget-internet-status.positive {\n  background-color: #19b600 !important;\n  color: #fff !important;\n}\n#sbz92 .widget-preview-text-message--header {\n  display: flex !important;\n  overflow: hidden !important;\n  align-items: center !important;\n  width: 100% !important;\n}\n#sbz92 .widget-preview-text-message--header .widget-preview--avatar {\n  width: 24px !important;\n  height: 24px !important;\n  flex-shrink: 0 !important;\n  margin-right: 10px !important;\n}\n#sbz92 .widget-preview-text-message--author {\n  flex: 1 !important;\n  overflow: hidden !important;\n  display: flex !important;\n  align-items: center !important;\n}\n#sbz92 .widget-preview-text-message--author .badge {\n  margin-left: 10px !important;\n}\n#sbz92 .widget-preview-text-message--author-text {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  line-height: 1.5 !important;\n  color: '@secondary_color' !important;\n  -webkit-text-fill-color: '@secondary_color' !important;\n}\n#sbz92 .widget-preview-text-message--content {\n  margin-top: 10px !important;\n  white-space: pre-wrap !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper {\n  z-index: '@z_index_3' !important;\n  width: 100% !important;\n  margin-bottom: 15px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.right {\n  align-items: flex-end !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.horizontal {\n  flex-direction: row !important;\n  flex-wrap: wrap !important;\n  align-items: center !important;\n  gap: 10px !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.horizontal.right {\n  justify-content: flex-end !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.horizontal.left {\n  justify-content: flex-start !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.horizontal .widget-preview-quick-reply-item {\n  margin: 0 !important;\n  max-width: 200px !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  padding: 6px 15px !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.horizontal .widget-preview-quick-reply-item:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .widget-preview-quick-reply-item {\n  border-radius: 20px !important;\n  padding: 8px 20px !important;\n  background: #fff !important;\n  border: 1.5px solid !important;\n  border-color: '@primary_color' !important;\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n  margin-bottom: 15px !important;\n  cursor: pointer !important;\n  transition: 0.3s ease !important;\n  position: relative !important;\n}\n#sbz92 .widget-preview-quick-reply-item:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .widget-preview-quick-reply-item:hover {\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n  background-color: '@primary_color' !important;\n}\n#sbz92 .widget-preview-image-wrapper {\n  z-index: '@z_index_3' !important;\n  width: 100% !important;\n  margin-bottom: 15px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n}\n#sbz92 .widget-preview-image-wrapper.right {\n  align-items: flex-end !important;\n}\n#sbz92 .widget-preview-image-item {\n  max-width: 300px !important;\n  border-radius: 15px !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n  border: 1px solid #dee2e6 !important;\n  overflow: hidden !important;\n  cursor: pointer !important;\n}\n#sbz92 .widget-preview-image-item img {\n  width: 100% !important;\n  max-height: 300px !important;\n  object-fit: cover !important;\n}\n#sbz92 .widget-preview-text-message {\n  z-index: '@z_index_3' !important;\n  background: #fff !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n  border: 1px solid #dee2e6 !important;\n  border-radius: 15px !important;\n  max-width: 100% !important;\n  min-width: 210px !important;\n  margin-bottom: 15px !important;\n  padding: 15px 20px !important;\n  positive: relative !important;\n  cursor: pointer !important;\n}\n#sbz92 .widget-preview-text-message.right {\n  border-bottom-right-radius: 8px !important;\n}\n#sbz92 .widget-preview-text-message.left {\n  border-bottom-left-radius: 8px !important;\n}\n#sbz92 .widget-preview-new-wrapper {\n  max-width: '@preview_max_width' !important;\n  position: relative !important;\n  opacity: 1 !important;\n  transition: opacity 0.15s ease-in, transform 0.15s ease-in !important;\n  transform: translateY(0) !important;\n}\n#sbz92 .widget-preview-new-wrapper.hidden {\n  transform: translateY(20px) !important;\n  transition: opacity 0.15s ease-out, transform 0.15s ease-out !important;\n  opacity: 0 !important;\n}\n#sbz92 .widget-preview-new-wrapper:hover .widget-preview-x-wrapper {\n  display: flex !important;\n}\n#sbz92 .widget-preview-x-wrapper {\n  display: none !important;\n  justify-content: flex-start !important;\n  width: calc(100% + 40px) !important;\n  position: absolute !important;\n  padding: 15px 20px !important;\n  left: -20px !important;\n  bottom: 100% !important;\n}\n#sbz92 .widget-preview-x-wrapper.mobile {\n  display: flex !important;\n}\n#sbz92 .widget-preview-x-wrapper.right {\n  justify-content: flex-end !important;\n  left: unset !important;\n  right: -20px !important;\n}\n#sbz92 .widget-preview-x-wrapper .widget-preview--btn-close {\n  opacity: 1 !important;\n  width: 32px !important;\n  height: 32px !important;\n  border: 1px solid #ececec !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n  background-color: #00000040 !important;\n  background-size: 16px 16px !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXIteCI+PGxpbmUgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCI+PC9saW5lPjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iMTgiPjwvbGluZT48L3N2Zz4K') !important;\n}\n#sbz92 .widget-preview-x-wrapper .widget-preview--btn-close:hover {\n  border-color: #fff !important;\n  background-color: #00000066 !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXIteCI+PGxpbmUgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCI+PC9saW5lPjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iMTgiPjwvbGluZT48L3N2Zz4K') !important;\n}\n#sbz92 .rating--overlay {\n  position: absolute !important;\n  height: 100% !important;\n  width: 100% !important;\n  background: black !important;\n  opacity: 0.3 !important;\n  top: 0 !important;\n  left: 0 !important;\n  border-bottom-left-radius: 15px !important;\n  border-bottom-right-radius: 15px !important;\n  z-index: 9 !important;\n}\n#sbz92 .rating {\n  border-top-left-radius: 10px !important;\n  border-top-right-radius: 10px !important;\n  overflow: hidden !important;\n  position: absolute !important;\n  height: 400px !important;\n  max-height: 80% !important;\n  width: 100% !important;\n  bottom: 0 !important;\n  /* centering */\n  left: 0 !important;\n  background: white !important;\n  border-bottom-left-radius: 15px !important;\n  border-bottom-right-radius: 15px !important;\n  z-index: 10 !important;\n}\n#sbz92 .rating .rating--comment {\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  resize: none !important;\n  margin-left: 20px !important;\n  margin-right: 20px !important;\n  border: 2px solid lightgray !important;\n  border-radius: 5px !important;\n  padding: 10px !important;\n  height: 60px !important;\n  min-height: 60px !important;\n}\n#sbz92 .rating .rating--close-btn {\n  right: 20px !important;\n  top: -2px !important;\n  width: 22px !important;\n  height: 22px !important;\n  position: absolute !important;\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23acacac%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C/line%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C/line%3E%3C/svg%3E') !important;\n  cursor: pointer !important;\n}\n#sbz92 .rating .rating--close-btn:hover {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a0a0a0%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C/line%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C/line%3E%3C/svg%3E') !important;\n}\n#sbz92 .rating .rating--handle:hover .rating--thumb {\n  background: #e0e0e0 !important;\n}\n#sbz92 .rating .rating--thumb {\n  width: 70px !important;\n  height: 6px !important;\n  background: #eaeaea !important;\n  border-radius: 5px !important;\n  margin: 0 auto !important;\n  cursor: grabbing !important;\n  margin-top: 8px !important;\n  margin-bottom: 20px !important;\n}\n#sbz92 .rating .rating--content {\n  display: flex !important;\n  flex: 1 !important;\n  flex-grow: 1 !important;\n  height: calc(100% - 40px) !important;\n  flex-direction: column !important;\n  justify-content: space-between !important;\n}\n#sbz92 .rating .rating--heading {\n  margin: 0 !important;\n  font-weight: 500 !important;\n  font-size: 20px !important;\n  line-height: 20px !important;\n  text-align: center !important;\n  flex-grow: 1 !important;\n  position: relative !important;\n}\n#sbz92 .rating .rating--description {\n  text-align: center !important;\n  flex-grow: 1 !important;\n  font-size: 15px !important;\n  padding-left: 20px !important;\n  padding-right: 20px !important;\n  display: flex !important;\n  align-items: center !important;\n  margin-top: 10px !important;\n  margin-bottom: 15px !important;\n}\n#sbz92 .rating .rating-faces-container {\n  flex: 5 !important;\n  display: flex !important;\n  justify-content: space-around !important;\n  align-items: center !important;\n  margin: 10px 10px !important;\n}\n#sbz92 .rating .rating-face-container {\n  padding: 15px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  cursor: pointer !important;\n  border-radius: 10px !important;\n  user-select: none !important;\n  -webkit-transition: all 0.1s !important;\n  transition: all 0.1s !important;\n}\n#sbz92 .rating .rating-face-container:hover {\n  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1) !important;\n}\n#sbz92 .rating .rating-face--text {\n  margin-top: 10px !important;\n  margin-bottom: 0px !important;\n  font-size: 13px !important;\n  color: #4d4d4d !important;\n  -webkit-text-fill-color: #4d4d4d !important;\n}\n#sbz92 .rating .rating-no-thanks {\n  flex: 10 !important;\n  text-align: center !important;\n  cursor: pointer !important;\n  display: flex !important;\n  justify-content: center !important;\n  align-items: flex-end !important;\n  color: #acacac !important;\n  -webkit-text-fill-color: #acacac !important;\n}\n#sbz92 .rating .rating-no-thanks:hover {\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n}\n#sbz92 .text__danger {\n  color: #dc3545 !important;\n}\n#sbz92 .extension--close-btn {\n  background: #00000088 !important;\n  border-radius: 8px !important;\n  color: #ffffffaa !important;\n  -webkit-text-fill-color: #ffffffaa !important;\n  right: 10px !important;\n  top: -35px !important;\n  font-size: 14px !important;\n  position: absolute !important;\n  padding: 5px 15px !important;\n  cursor: pointer !important;\n}\n#sbz92 .extension--close-btn:hover {\n  background: #000000 !important;\n  color: #ffffff !important;\n  -webkit-text-fill-color: #ffffff !important;\n}\n#sbz92 .extension--handle {\n  margin-bottom: 10px !important;\n}\n#sbz92 .extension--handle:hover .extension--thumb {\n  background: #e0e0e0 !important;\n}\n#sbz92 .extension--thumb {\n  width: 70px !important;\n  cursor: grabbing !important;\n  margin: 0 auto !important;\n  height: 6px !important;\n  background: #eaeaea !important;\n  border-radius: 5px !important;\n  flex: 1 !important;\n  margin-top: 5px !important;\n}\n#sbz92 .extension {\n  border-top-left-radius: 10px !important;\n  position: absolute !important;\n  border-top-right-radius: 10px !important;\n  width: 100% !important;\n  bottom: 0 !important;\n  /* centering */\n  left: 0 !important;\n  border-bottom-left-radius: 15px !important;\n  border-bottom-right-radius: 15px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  background: white !important;\n  z-index: 10 !important;\n}\n#sbz92 .extension--overlay {\n  position: absolute !important;\n  height: 100% !important;\n  width: 100% !important;\n  background: black !important;\n  opacity: 0.3 !important;\n  top: 0 !important;\n  left: 0 !important;\n  border-bottom-left-radius: 15px !important;\n  border-bottom-right-radius: 15px !important;\n  z-index: 9 !important;\n}\n#sbz92 .order__footer {\n  margin-top: 40px !important;\n  color: #888 !important;\n  -webkit-text-fill-color: #888 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  margin-bottom: 20px !important;\n}\n#sbz92 .order__footer_delimiter {\n  width: 1px !important;\n  height: 15px !important;\n  border-right: 1px solid #bbb !important;\n}\n#sbz92 .order__footer_link {\n  padding: 0 10px !important;\n  font-size: 14px !important;\n  cursor: pointer !important;\n}\n#sbz92 .order__footer_link:hover {\n  text-decoration: none !important;\n  color: #555 !important;\n  -webkit-text-fill-color: #555 !important;\n}\n#sbz92 .desktop.order {\n  border-radius: 0 !important;\n  width: 780px !important;\n  margin: 0 auto !important;\n  height: 100% !important;\n}\n#sbz92 .desktop.order .order_section__line {\n  display: none !important;\n}\n#sbz92 .desktop.order .desktop_order__heading {\n  line-height: 20px !important;\n}\n#sbz92 .desktop.order .order_attachment__product_img {\n  width: 50px !important;\n  height: 50px !important;\n}\n#sbz92 .desktop.order .order_label {\n  font-weight: 500 !important;\n  margin-top: 30px !important;\n  margin-bottom: 10px !important;\n  font-size: 16px !important;\n}\n#sbz92 .desktop.order .order_label:first-child {\n  margin-top: 0 !important;\n}\n#sbz92 .desktop.order .order_recap {\n  margin-top: 0px !important;\n  background: #f4f4f4 !important;\n  margin-top: 20px !important;\n  width: 270px !important;\n  box-shadow: 0 0 0 1px hsla(0, 0%, 69%, 0.2), 0 15px 35px 0 rgba(49, 49, 93, 0.08), 0 5px 15px 0 rgba(0, 0, 0, 0.06) !important;\n  border-radius: 6px !important;\n  background-color: #fff !important;\n  padding: 32px 32px 20px !important;\n}\n#sbz92 .desktop.order .order_acc_header {\n  display: flex !important;\n  align-items: center !important;\n  margin-top: 20px !important;\n}\n#sbz92 .desktop.order .order_acc_logo {\n  height: 50px !important;\n}\n#sbz92 .desktop.order .order_acc_name {\n  font-size: 16px !important;\n  margin-left: 10px !important;\n  border-left: 1px solid #aaa !important;\n  padding-left: 10px !important;\n}\n#sbz92 .desktop.order .order_summary_line {\n  align-items: center !important;\n  overflow: hidden !important;\n  padding: 5px 0 !important;\n  display: flex !important;\n  justify-content: space-between !important;\n}\n#sbz92 .desktop_order__content {\n  display: flex !important;\n}\n#sbz92 .order {\n  width: 100% !important;\n  display: flex !important;\n  flex-direction: column !important;\n  background: white !important;\n  z-index: 10 !important;\n}\n#sbz92 .order .ship_card {\n  display: flex !important;\n  align-items: center !important;\n  overflow: hidden !important;\n  width: 190px !important;\n  cursor: pointer !important;\n  padding: 10px 15px !important;\n  box-shadow: none !important;\n  border: 2px solid #eee !important;\n  color: #777 !important;\n  -webkit-text-fill-color: #777 !important;\n  margin-top: 5px !important;\n  border-radius: 8px !important;\n  background: white !important;\n  transition: all 150ms ease-out !important;\n}\n#sbz92 .order .ship_card:hover {\n  color: #555 !important;\n  -webkit-text-fill-color: #555 !important;\n  border: 2px solid #aaa !important;\n}\n#sbz92 .order .ship_card.ship_card__active {\n  color: #333 !important;\n  -webkit-text-fill-color: #333 !important;\n  border: 2px solid #777 !important;\n  background: #fafafa !important;\n}\n#sbz92 .order .order_ship_icon {\n  margin-top: -3px !important;\n  width: 15px !important;\n  height: 15px !important;\n  opacity: 0.6 !important;\n}\n#sbz92 .order .card_section {\n  margin-top: 20px !important;\n  max-width: 500px !important;\n  box-shadow: 0 0 0 1px hsla(0, 0%, 69%, 0.2), 0 15px 35px 0 rgba(49, 49, 93, 0.08), 0 5px 15px 0 rgba(0, 0, 0, 0.06) !important;\n  border-radius: 6px !important;\n  background-color: #fff !important;\n  padding: 32px !important;\n}\n#sbz92 .order input[type='text'].form-control,\n#sbz92 .order input[type='number'].form-control,\n#sbz92 .order input[type='date'].form-control,\n#sbz92 .order textarea.form-control,\n#sbz92 .order select.form-control {\n  background: #f4f4f4 !important;\n  border: 1px solid transparent !important;\n  padding: 7px 10px !important;\n}\n#sbz92 .order input[type='text'].form-control:hover,\n#sbz92 .order input[type='number'].form-control:hover,\n#sbz92 .order input[type='date'].form-control:hover,\n#sbz92 .order textarea.form-control:hover,\n#sbz92 .order select.form-control:hover {\n  background: #f0f0f0 !important;\n}\n#sbz92 .order input[type='text'].form-control:focus,\n#sbz92 .order input[type='number'].form-control:focus,\n#sbz92 .order input[type='date'].form-control:focus,\n#sbz92 .order textarea.form-control:focus,\n#sbz92 .order select.form-control:focus,\n#sbz92 .order input[type='text'].form-control:active,\n#sbz92 .order input[type='number'].form-control:active,\n#sbz92 .order input[type='date'].form-control:active,\n#sbz92 .order textarea.form-control:active,\n#sbz92 .order select.form-control:active {\n  background: #eee !important;\n}\n#sbz92 .order input[type='text'].form-control.err,\n#sbz92 .order input[type='number'].form-control.err,\n#sbz92 .order input[type='date'].form-control.err,\n#sbz92 .order textarea.form-control.err,\n#sbz92 .order select.form-control.err {\n  background: #ffe6e6 !important;\n  border: 1px solid #ff8a8a !important;\n}\n#sbz92 .order .form {\n  box-shadow: none !important;\n  border: none !important;\n  padding: 0 !important;\n}\n#sbz92 .order .form .radio {\n  height: unset !important;\n}\n#sbz92 .order .order--content {\n  display: flex !important;\n  flex: 1 !important;\n  flex-direction: column !important;\n}\n#sbz92 .order .order--content-content {\n  flex: 1 !important;\n  overflow: auto !important;\n}\n#sbz92 .order .order--heading {\n  margin: 0 !important;\n  margin-top: 20px !important;\n  padding-left: 20px !important;\n  padding-right: 20px !important;\n  padding-bottom: 8px !important;\n  line-height: 20px !important;\n  position: relative !important;\n}\n#sbz92 .order .order--header-desc {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n  font-size: 13px !important;\n}\n#sbz92 .order .order__product_line {\n  display: flex !important;\n  overflow: hidden !important;\n}\n#sbz92 .order .order--footer {\n  text-align: k center !important;\n  cursor: pointer !important;\n  display: flex !important;\n  justify-content: center !important;\n  align-items: flex-end !important;\n  color: #acacac !important;\n  -webkit-text-fill-color: #acacac !important;\n}\n#sbz92 .order .order--footer:hover {\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n}\n#sbz92 .order .order_section_label {\n  color: #444 !important;\n  -webkit-text-fill-color: #444 !important;\n  margin-bottom: 5px !important;\n  text-transform: uppercase !important;\n  font-size: 13px !important;\n  font-weight: 500 !important;\n}\n#sbz92 .order .order_label {\n  color: #444 !important;\n  -webkit-text-fill-color: #444 !important;\n  margin-bottom: 5px !important;\n  text-transform: uppercase !important;\n  font-size: 13px !important;\n  font-weight: 500 !important;\n}\n#sbz92 .order .order_section {\n  padding-left: 20px !important;\n  padding-right: 20px !important;\n  padding-bottom: 15px !important;\n  padding-top: 15px !important;\n}\n#sbz92 .order .order_section__line {\n  border-top: 4px solid #eee !important;\n  width: 100% !important;\n}\n#sbz92 .order .order_summary_line {\n  overflow: hidden !important;\n  padding: 3px 0 !important;\n  display: flex !important;\n  justify-content: space-between !important;\n}\n#sbz92 .order .order_btn {\n  width: 100% !important;\n}\n#sbz92 .order .order_tracking_link {\n  text-decoration: underline !important;\n  cursor: pointer !important;\n}\n#sbz92 .order .order_tracking_link:hover {\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n}\n#sbz92 .order .order_tracking_link_icon {\n  margin-top: -3px !important;\n  width: 15px !important;\n  height: 15px !important;\n}\n#sbz92 .order .order_shipping_provider_logo {\n  width: 32px !important;\n  height: 32px !important;\n  margin-right: 10px !important;\n}\n#sbz92 .order .order_btn.order__btn__light {\n  background: #f0f0f0 !important;\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n  border-radius: 6px !important;\n  text-align: center !important;\n  padding: 8px !important;\n  cursor: pointer !important;\n}\n#sbz92 .order .order_btn.order__btn__light:hover {\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n  background: #ddd !important;\n}\n#sbz92 div.order__card {\n  display: flex !important;\n  padding: 15px !important;\n  box-shadow: none !important;\n  border: 2px solid #eee !important;\n  margin-top: 10px !important;\n  border-radius: 8px !important;\n  background: #fafafa !important;\n}\n#sbz92 div.order__card.order__card__active {\n  border: 2px solid #777 !important;\n  background: white !important;\n}\n#sbz92 .order_form_label {\n  margin-top: 10px !important;\n  margin-bottom: 4px !important;\n}\n#sbz92 .btn-confirm-order {\n  width: 100% !important;\n  background: '@primary_color' !important;\n  display: flex !important;\n  align-items: center !important;\n  border-radius: 5px !important;\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n  padding: 15px 10px !important;\n  cursor: pointer !important;\n  justify-content: center !important;\n  font-weight: 500 !important;\n  margin-top: 10px !important;\n}\n#sbz92 .btn-confirm-order:hover {\n  background: #0053d4 !important;\n}\n#sbz92 .order__total {\n  font-weight: 500 !important;\n  font-size: 20px !important;\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n}\n#sbz92 .btn-cancel-order {\n  color: #666 !important;\n  -webkit-text-fill-color: #666 !important;\n  text-decoration: underline !important;\n  display: inline-block !important;\n  margin-top: 10px !important;\n  cursor: pointer !important;\n}\n#sbz92 .btn-cancel-order:hover {\n  color: #333 !important;\n  -webkit-text-fill-color: #333 !important;\n}\n#sbz92 .order_status {\n  text-transform: uppercase !important;\n  background: black !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n  display: inline-block !important;\n  border-radius: 4px !important;\n  padding: 6px 6px 4px 6px !important;\n  line-height: 1 !important;\n  font-weight: 500 !important;\n  font-size: 12px !important;\n}\n#sbz92 .order_status.order_status__canceled {\n  background: whitesmoke !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .order_status.order_status__cancel {\n  background: whitesmoke !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .order_status.order_status__confirmed {\n  background: '@primary_color' !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__shipping {\n  background: #000 !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__fullfilled {\n  background: #28a745 !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__hold {\n  background: #dc3545 !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__draft {\n  background: #ffc107 !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__open {\n  background: #ffc107 !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_error {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  justify-content: center !important;\n  height: 100% !important;\n  width: 100% !important;\n}\n#sbz92 .order_attachment__note {\n  font-size: 14px !important;\n  white-space: pre-wrap !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  display: -webkit-box !important;\n  -webkit-line-clamp: 3 !important;\n  -webkit-box-orient: vertical !important;\n}\n#sbz92 .dropdown_select {\n  position: absolute !important;\n  background: white !important;\n  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;\n  border-radius: 5px !important;\n  width: 150px !important;\n  z-index: 20 !important;\n  overflow: hidden !important;\n}\n#sbz92 .dropdown_select__overlay {\n  top: 0 !important;\n  overflow: hidden !important;\n  position: absolute !important;\n  background: #000000aa !important;\n  z-index: 19 !important;\n  left: 0 !important;\n  right: 0 !important;\n  bottom: 0 !important;\n}\n#sbz92 .dropdown_select__item {\n  padding: 7px 10px !important;\n  cursor: pointer !important;\n}\n#sbz92 .dropdown_select__item:hover {\n  background: '@primary_color' !important;\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n}\n#sbz92 .dropdown_select_filter {\n  padding: 8px 10px !important;\n  border-bottom: 1px solid #eee !important;\n  position: relative !important;\n}\n#sbz92 .dropdown_select_filter:hover .dropdown_select_filter__icon {\n  opacity: 1 !important;\n}\n#sbz92 .dropdown_select_filter_input {\n  border-radius: 5px !important;\n  width: 100% !important;\n  display: block !important;\n  background: #f4f4f4 !important;\n  border: none !important;\n  padding: 7px 10px !important;\n  padding-left: 35px !important;\n}\n#sbz92 .dropdown_select_filter_input:hover {\n  background: #f0f0f0 !important;\n}\n#sbz92 .dropdown_select_filter_input:focus,\n#sbz92 .dropdown_select_filter_input:active {\n  background: #eee !important;\n}\n#sbz92 .dropdown_select_input {\n  border-radius: 5px !important;\n  overflow: hidden !important;\n  cursor: pointer !important;\n  flex-wrap: nowrap !important;\n  display: flex !important;\n  background: #f4f4f4 !important;\n  border: 1px solid trasparent !important;\n  padding: 7px 10px !important;\n  height: 32px !important;\n  min-width: 120px !important;\n  width: 100% !important;\n}\n#sbz92 .dropdown_select_input:hover {\n  background: #f0f0f0 !important;\n}\n#sbz92 .dropdown_select_input:focus,\n#sbz92 .dropdown_select_input:active {\n  background: #eee !important;\n}\n#sbz92 .dropdown_select_input.err {\n  background: #ffe6e6 !important;\n  border: 1px solid #ff8a8a !important;\n}\n#sbz92 .dropdown_select__items {\n  max-height: 300px !important;\n  min-height: 100px !important;\n  overflow-x: hidden !important;\n  overflow-y: auto !important;\n}\n#sbz92 .dropdown_select_filter__icon {\n  width: 22px !important;\n  height: 15px !important;\n  position: absolute !important;\n  z-index: 2 !important;\n  top: 15px !important;\n  left: 18px !important;\n  border-right: 1px solid #aaa !important;\n  padding-right: 7px !important;\n  opacity: 0.5 !important;\n}\n#sbz92 .dropdown_select_filter__empty {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  flex-direction: column !important;\n}\n#sbz92 .dropdown_select_filter__empty_img {\n  height: 50px !important;\n  margin-top: 10px !important;\n  margin-bottom: 10px !important;\n}\n#sbz92 .dropdown_select__caret {\n  width: 14px !important;\n  margin-top: 3px !important;\n  opacity: 0.6 !important;\n  height: 15px !important;\n}\ndiv#sbz92 {\n  all: initial;\n}\nbody div#sbz92 {\n  all: initial !important;\n}\n", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, "#sbz92 * {\n  all: unset !important;\n}\n.sbz_no_scroll {\n  overflow: hidden !important;\n  overflow-x: hidden !important;\n  overflow-y: hidden !important;\n}\n#sbz92 {\n  /* Handle on hover */\n  /*\n.widget-header--button-close {\n\tdisplay: flex;\n\tborder-radius: 6px;\n\tjustify-self: flex-end;\n\talign-items: center;\n\talign-self: flex-start;\n\n\tfilter: brightness(0.95);\n\t&:hover {\n\t\topacity: 1;\n\t\tfilter: brightness(1.1);\n\t\tscale: 1.1;\n\t}\n}\n*/\n  /*\n[data-tooltip]::after {\n\ttext-align: center;\n\tmin-width: 60px;\n\tmax-width: 350px;\n\n\ttransform: translate3d(0, 0, 0);\n\t-webkit-backface-visibility: hidden;\n\tbackface-visibility: hidden;\n\twill-change: transform;\n\topacity: 0;\n\tpointer-events: none;\n\ttransition: opacity @tooltip-transition-duration @tooltip-transition-easing @tooltip-transition-delay;\n\tposition: absolute;\n\tbox-sizing: border-box;\n\tz-index: @z-index + 2000;\n\ttransform-origin: top;\n\twhite-space: pre-wrap;\n\twidth: 100%;\n\n\tbackground: @black;\n\tborder-radius: 5px;\n\n\t.color(@white);\n\n\tcontent: attr(data-tooltip);\n\tfont-size: @tooltip-font-size;\n\tfont-weight: @tooltip-font-weight;\n\ttext-transform: @tooltip-text-transform;\n\tpadding: 0.5em;\n\tbox-sizing: content-box;\n}\n\n[data-tooltip]:hover::after,\n[data-tooltip]:focus::after {\n\topacity: 1;\n\tpointer-events: auto;\n}\n\n// ------------------------------------------------\n// [2] Position Modifiers\n// ------------------------------------------------\n\n[data-tooltip][data-tooltip-position|='top']::after {\n\tmargin-bottom: @tooltip-margin;\n\ttransform: translate3d(-50%, -5px, 0);\n\tbottom: 100%;\n\tleft: 50%;\n}\n\n// ------------------------------------------------\n// [2.1] Top Left\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='top-left']::after {\n\ttransform: translate3d(~'calc(-100% + 16px)', -5px, 0);\n\tbottom: 100%;\n}\n\n// ------------------------------------------------\n// [2.2] Top Right\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='top-right']::after {\n\ttransform: translate3d(~'calc(0% + -16px)', -5px, 0);\n\tbottom: 100%;\n}\n\n// ------------------------------------------------\n// [2.3] Bottom\n// ------------------------------------------------\n\n[data-tooltip][data-tooltip-position|='bottom']::after,\n[data-tooltip]:not([data-tooltip-position])::after {\n\ttransform: translate3d(-50%, 0, 0);\n\tmargin-top: @tooltip-margin;\n\tleft: 50%;\n\ttop: 100%;\n}\n\n// ------------------------------------------------\n// [2.4] Bottom Left\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='bottom-left']::after {\n\ttransform: translate3d(~'calc(-100% + 16px)', 0, 0);\n}\n\n// ------------------------------------------------\n// [2.5] Bottom Right\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='bottom-right']::after {\n\ttransform: translate3d(~'calc(0% + -16px)', 0, 0);\n}\n\n// ------------------------------------------------\n// [2.6] Left\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='left']::after {\n\tbottom: auto;\n\tleft: auto;\n\tright: 100%;\n\ttop: 50%;\n\ttransform: translate3d(0, -50%, 0);\n\tmargin-right: @tooltip-margin;\n}\n\n// ------------------------------------------------\n// [2.7] Right\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='right']::after {\n\tbottom: auto;\n\tleft: 100%;\n\ttop: 50%;\n\ttransform: translate3d(0, -50%, 0);\n\tmargin-left: @tooltip-margin;\n}\n\n*/\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  font-weight: 600 !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#sbz92 .badge {\n  padding: 2px 8px !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  border-radius: 6px !important;\n  display: inline-flex !important;\n  align-items: center !important;\n}\n#sbz92 .badge.badge--success {\n  color: #28a745 !important;\n  -webkit-text-fill-color: #28a745 !important;\n  background: #28a74526 !important;\n}\n#sbz92 .dot {\n  width: 8px !important;\n  height: 8px !important;\n  border-radius: 4px !important;\n  flex-shrink: 0 !important;\n  background: #000 !important;\n}\n#sbz92 .dot.dot--success {\n  background: #28a745 !important;\n}\n#sbz92 * {\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;\n  -webkit-tap-highlight-color: transparent !important;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;\n  font-size: 16px !important;\n  -webkit-box-sizing: border-box !important;\n  -moz-box-sizing: border-box !important;\n  box-sizing: border-box !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 0 !important;\n  vertical-align: baseline !important;\n}\n#sbz92 button:focus {\n  outline: none !important;\n}\n#sbz92 button:focus-visible {\n  outline: 2px solid #6c757d !important;\n  outline-offset: 3px !important;\n}\n#sbz92 button:not(:disabled) {\n  cursor: pointer !important;\n}\n#sbz92 img {\n  overflow: hidden !important;\n  flex-shrink: 0 !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  background-size: 100% 100% !important;\n  -webkit-user-select: none !important;\n  -khtml-user-select: none !important;\n  -moz-user-select: none !important;\n  -o-user-select: none !important;\n  user-select: none !important;\n  -webkit-user-drag: none !important;\n}\n#sbz92 .pos-relative {\n  position: relative !important;\n}\n#sbz92 .flex-row {\n  flex-direction: row !important;\n}\n#sbz92 .flex-column {\n  flex-direction: column !important;\n}\n#sbz92 .flex-grow-1 {\n  flex-grow: 1 !important;\n}\n#sbz92 .align-self-end {\n  align-self: flex-end !important;\n}\n#sbz92 .align-items-end {\n  align-items: flex-end !important;\n}\n#sbz92 .justify-content-center {\n  justify-content: center !important;\n}\n#sbz92 .h-full {\n  height: 100% !important;\n}\n#sbz92 .w-full {\n  width: 100% !important;\n}\n#sbz92 .text-muted {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .text-lg {\n  font-size: 18px !important;\n}\n#sbz92 .text-xl {\n  font-size: 20px !important;\n}\n#sbz92 .text-sm {\n  font-size: 14px !important;\n}\n#sbz92 .text-center {\n  text-align: center !important;\n}\n#sbz92 .text-danger {\n  color: #ea3d2f !important;\n}\n#sbz92 .text-italic {\n  font-style: italic !important;\n}\n#sbz92 .d-none {\n  display: none !important;\n}\n#sbz92 .d-flex {\n  display: flex !important;\n}\n#sbz92 .d-inline-block {\n  display: inline-block !important;\n}\n#sbz92 .ml-1 {\n  margin-left: 7.5px !important;\n}\n#sbz92 .pl-2 {\n  padding-left: 15px !important;\n}\n#sbz92 .pr-2 {\n  padding-right: 15px !important;\n}\n#sbz92 .pb-2 {\n  padding-bottom: 15px !important;\n}\n#sbz92 .mt-1 {\n  margin-top: 7.5px !important;\n}\n#sbz92 .mt-2 {\n  margin-top: 15px !important;\n}\n#sbz92 .ml-2 {\n  margin-left: 15px !important;\n}\n#sbz92 .mr-1 {\n  margin-right: 7.5px !important;\n}\n#sbz92 .mr-2 {\n  margin-right: 15px !important;\n}\n#sbz92 .pt-3 {\n  padding-top: 22.5px !important;\n}\n#sbz92 .pl-3 {\n  padding-left: 22.5px !important;\n}\n#sbz92 .pr-3 {\n  padding-right: 22.5px !important;\n}\n#sbz92 .pb-3 {\n  padding-bottom: 22.5px !important;\n}\n#sbz92 .mt-3 {\n  margin-top: 22.5px !important;\n}\n#sbz92 .ml-3 {\n  margin-left: 22.5px !important;\n}\n#sbz92 .mr-3 {\n  margin-right: 22.5px !important;\n}\n#sbz92 .mb-3 {\n  margin-bottom: 22.5px !important;\n}\n#sbz92 .mb-2 {\n  margin-bottom: 15px !important;\n}\n#sbz92 .mb-1 {\n  margin-bottom: 7.5px !important;\n}\n#sbz92 .muted {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .i {\n  font-style: italic !important;\n}\n#sbz92 .align-items-center {\n  align-items: center !important;\n}\n#sbz92 .text-truncate {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n}\n#sbz92 .flex_1 {\n  flex: 1 !important;\n  flex-shrink: 0 !important;\n}\n#sbz92 .justify-content-between {\n  justify-content: space-between !important;\n}\n#sbz92 .no-shrink {\n  flex-shrink: 0 !important;\n}\n#sbz92 .loading {\n  flex: 1 !important;\n  align-items: center !important;\n  justify-content: center !important;\n  display: flex !important;\n  flex-direction: column !important;\n  background: white !important;\n}\n#sbz92 .avatar-container {\n  text-align: center !important;\n}\n#sbz92 .avatar {\n  position: relative !important;\n  object-fit: cover !important;\n  display: inline-block !important;\n}\n#sbz92 .group-avatar--primary .avatar {\n  width: 40px !important;\n  height: 40px !important;\n  border-radius: 35px !important;\n}\n#sbz92 .group-avatar--secondary .avatar {\n  position: relative !important;\n  width: 35px !important;\n  height: 35px !important;\n  border-radius: 35px !important;\n}\n#sbz92 .avatar.avatar__account {\n  width: 38px !important;\n  height: 38px !important;\n  border-radius: 38px !important;\n  margin-right: 7.5px !important;\n}\n#sbz92 .group-avatar--primary .group-avatar--agent-middle {\n  width: 50px !important;\n  height: 50px !important;\n  margin-left: -10px !important;\n  z-index: 3 !important;\n  position: relative !important;\n}\n#sbz92 .group-avatar--primary .group-avatar--agent-left {\n  z-index: 2 !important;\n}\n#sbz92 .group-avatar--primary .group-avatar--agent-right {\n  z-index: 2 !important;\n  margin-left: -10px !important;\n}\n#sbz92 .group-avatar--secondary .group-avatar--agent-left {\n  z-index: 3 !important;\n}\n#sbz92 .group-avatar--secondary .group-avatar--agent-middle {\n  z-index: 2 !important;\n  margin-left: -15px !important;\n}\n#sbz92 .group-avatar--secondary .group-avatar--agent-right {\n  z-index: 1 !important;\n  margin-left: -15px !important;\n}\n#sbz92 .widget-header {\n  z-index: -1 !important;\n  position: relative !important;\n  transition: height 0.2s !important;\n  border-radius: 15px 15px 0px 0px !important;\n  background: '@background' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  width: 100% !important;\n}\n#sbz92 .widget-header .widget-header--total-unread-convo {\n  font-size: 13px !important;\n  font-weight: 500 !important;\n  background: #ef000d !important;\n  display: flex !important;\n  border-radius: 50% !important;\n  justify-content: center !important;\n  align-items: center !important;\n  width: 20px !important;\n  height: 20px !important;\n  position: absolute !important;\n  cursor: pointer !important;\n  right: -8px !important;\n  top: -4px !important;\n}\n#sbz92 .widget-header--collapsed {\n  height: auto !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--collapsed {\n  height: auto !important;\n  padding: 15px 22.5px !important;\n  position: relative !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--collapsed .widget-header--title {\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  font-weight: 500 !important;\n  text-overflow: ellipsis !important;\n  font-size: 16px !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--collapsed .widget-header--description {\n  font-size: 14px !important;\n  overflow: hidden !important;\n  opacity: 0.7 !important;\n  flex: 1 !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  margin-top: 2.5px !important;\n  position: relative !important;\n  line-height: 1.5 !important;\n}\n#sbz92 .mobile .widget-header {\n  border-radius: 0px !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded {\n  height: 224px !important;\n  padding: 15px 22.5px !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded .widget-header--top-wrapper {\n  display: flex !important;\n  flex-direction: row !important;\n  align-items: center !important;\n  margin-bottom: 10px !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded .widget-header--avatar-wrapper {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded .widget-header--title {\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  font-weight: 500 !important;\n  text-overflow: ellipsis !important;\n  flex: 1 !important;\n  font-size: 16px !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded .widget-header--description {\n  position: relative !important;\n  text-align: center !important;\n  margin-top: 15px !important;\n  white-space: pre-wrap !important;\n  display: -webkit-box !important;\n  -webkit-box-orient: vertical !important;\n  -webkit-line-clamp: 2 !important;\n  overflow: hidden !important;\n  line-height: 1.5 !important;\n}\n#sbz92 .widget-header--convo-expanded {\n  height: 224px !important;\n}\n#sbz92 .widget-header--inner {\n  position: absolute !important;\n  top: 0 !important;\n  left: 50% !important;\n  transform: translateX(-50%) !important;\n  width: 100% !important;\n  opacity: 1 !important;\n  display: flex !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--hidden {\n  opacity: 0 !important;\n  transform: scale(0) !important;\n  animation-duration: 0.05s !important;\n  animation-name: hide !important;\n}\n#sbz92 .widget-header--title-container {\n  min-width: 0 !important;\n  flex: 1 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  z-index: 1 !important;\n}\n#sbz92 .widget-header--button-close {\n  display: flex !important;\n  border-radius: 6px !important;\n  justify-self: flex-end !important;\n  align-items: center !important;\n  align-self: flex-start !important;\n  opacity: 0.6 !important;\n  transition: opacity 0.15s ease, scale 0.15s ease, filter 0.15s ease !important;\n  filter: brightness(0.95) !important;\n}\n#sbz92 .widget-header--button-close:hover {\n  opacity: 1 !important;\n  filter: brightness(1.1) !important;\n  scale: 1.1 !important;\n}\n#sbz92 .widget-header--button-close-icon {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci14Ij48bGluZSB4MT0iMTgiIHkxPSI2IiB4Mj0iNiIgeTI9IjE4Ij48L2xpbmU+PGxpbmUgeDE9IjYiIHkxPSI2IiB4Mj0iMTgiIHkyPSIxOCI+PC9saW5lPjwvc3ZnPgo=') !important;\n  background-size: contain !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  width: 24px !important;\n  height: 24px !important;\n  display: block !important;\n  cursor: pointer !important;\n}\n#sbz92 .widget-header--button-back {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9IndoaXRlIiAgc3Ryb2tlLXdpZHRoPSIyIiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTQgNmwxNiAwIiAvPjxwYXRoIGQ9Ik00IDEybDE2IDAiIC8+PHBhdGggZD0iTTQgMThsMTYgMCIgLz48L3N2Zz4K') !important;\n  background-size: contain !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  background-size: 24px 24px !important;\n  width: 24px !important;\n  height: 24px !important;\n  display: block !important;\n  position: relative !important;\n}\n#sbz92 .widget-header--wrap-button-back {\n  display: flex !important;\n  position: relative !important;\n  margin-right: 7.5px !important;\n  cursor: pointer !important;\n  scale: 1 !important;\n  opacity: 0.6 !important;\n  transition: opacity 0.15s ease, scale 0.15s ease, filter 0.15s ease !important;\n  filter: brightness(0.95) !important;\n}\n#sbz92 .widget-header--wrap-button-back:hover {\n  opacity: 1 !important;\n  filter: brightness(1.1) !important;\n  scale: 1.1 !important;\n}\n#sbz92 .fade-enter-active,\n#sbz92 .fade-leave-active {\n  transition: opacity 0.5s ease-out 0.2s !important;\n}\n#sbz92 .fade-enter,\n#sbz92 .fade-leave-to {\n  opacity: 0 !important;\n}\n#sbz92 .slide-fade-enter-active {\n  transition: all 0.3s ease !important;\n}\n#sbz92 .slide-fade-leave-active {\n  transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1) !important;\n}\n#sbz92 .slide-fade-enter,\n#sbz92 .slide-fade-leave-to {\n  transform: translateX(10px) !important;\n  opacity: 0 !important;\n}\n#sbz92 .widget_header__body {\n  padding-bottom: 70px !important;\n}\n#sbz92 .widget_header__body.widget_header__body__social {\n  display: flex !important;\n}\n#sbz92 .social__account_logo {\n  height: 90px !important;\n  width: 90px !important;\n  margin-right: 15px !important;\n  border-radius: 15px !important;\n  object-fit: cover !important;\n}\n#sbz92 .social__introduction {\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  max-height: 72px !important;\n  overflow: hidden !important;\n  display: -webkit-box !important;\n  -webkit-box-orient: vertical !important;\n  -webkit-line-clamp: 3 !important;\n}\n#sbz92 .social__links {\n  display: flex !important;\n  flex-direction: row !important;\n}\n#sbz92 .social__links-logo {\n  height: 30px !important;\n  width: 30px !important;\n  border-radius: 50% !important;\n  margin-right: 10px !important;\n  margin-top: 5px !important;\n  background-size: contain !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  display: block !important;\n}\n#sbz92 .social__links-logo--facebook {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%20fill%3D%22%230264FF%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.2944%2029.8252C16.5464%2029.9404%2015.7803%2030%2015%2030C14.0962%2030%2013.2109%2029.9199%2012.3511%2029.7666V18.4775H10V14.4287H12.3511V11.8086C12.3511%209.93457%2013.2744%207%2017.3384%207L21%207.01465V10.9453H18.3433C17.9075%2010.9453%2017.2947%2011.1553%2017.2947%2012.0488V14.4326H20.989L20.5571%2018.4775H17.2944V29.8252Z%22%20fill%3D%22white%22/%3E%3C/svg%3E') !important;\n}\n#sbz92 .social__links-logo--messenger {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect%20width%3D%2230%22%20height%3D%2230%22%20rx%3D%2215%22%20fill%3D%22%23007FFF%22/%3E%3Crect%20x%3D%224.28564%22%20y%3D%226%22%20width%3D%2221.4286%22%20height%3D%2218.8571%22%20fill%3D%22white%22/%3E%3Cpath%20d%3D%22M14.9478%2014.5713C14.8228%2014.5917%2014.6974%2014.6104%2014.5715%2014.6276C14.6974%2014.6104%2014.8228%2014.5917%2014.9478%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.7507%2014.5713C14.691%2014.5823%2014.6313%2014.5923%2014.5715%2014.6026C14.6313%2014.5923%2014.691%2014.5823%2014.7507%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M15.0126%2014.5713C14.8663%2014.5878%2014.7192%2014.6024%2014.5715%2014.6148C14.7192%2014.6024%2014.8663%2014.5878%2015.0126%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.783%2014.5713C14.7128%2014.5807%2014.642%2014.5894%2014.5715%2014.5976C14.642%2014.5894%2014.7128%2014.5807%2014.783%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.7299%2014.5713C14.6773%2014.5825%2014.6244%2014.5937%2014.5715%2014.6045C14.6244%2014.5937%2014.6773%2014.5825%2014.7299%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.6992%2014.5713C14.6567%2014.5834%2014.6141%2014.5949%2014.5715%2014.6068C14.6141%2014.5949%2014.6567%2014.5834%2014.6992%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.7107%2014.5713C14.6645%2014.5834%2014.618%2014.5958%2014.5715%2014.6075C14.618%2014.5958%2014.6645%2014.5836%2014.7107%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.7194%2014.5713C14.6704%2014.5827%2014.621%2014.5935%2014.5715%2014.6045C14.621%2014.5935%2014.6704%2014.5827%2014.7194%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.8087%2014.5713C14.7297%2014.5779%2014.6507%2014.5839%2014.5715%2014.5891C14.6507%2014.5839%2014.7297%2014.5779%2014.8087%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M15.0417%2014.5713C14.8856%2014.5814%2014.7288%2014.5894%2014.5715%2014.5946C14.7288%2014.5894%2014.8856%2014.5814%2015.0417%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.8206%2014.5713C14.7377%2014.574%2014.6546%2014.5761%2014.5715%2014.5775C14.6546%2014.5761%2014.7377%2014.574%2014.8206%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.1547%2012.3174L9.29419%2017.4636L13.7176%2015.0365L16.0288%2017.4636L20.8621%2012.3174L16.4877%2014.7019L14.1547%2012.3174Z%22%20fill%3D%22%23448AFF%22/%3E%3Cpath%20d%3D%22M15%200C6.717%200%200%206.717%200%2015C0%2023.283%206.717%2030%2015%2030C23.283%2030%2030%2023.283%2030%2015C30%206.717%2023.283%200%2015%200ZM15.1172%2023.0294C14.1886%2023.0294%2013.2923%2022.8983%2012.4491%2022.6554L9.42421%2024.375V21.14C7.39815%2019.5982%206.10428%2017.2501%206.10428%2014.6203C6.10428%209.97581%2010.1395%206.21094%2015.1172%206.21094C20.0951%206.21094%2024.1301%209.97581%2024.1301%2014.6203C24.1301%2019.2643%2020.0951%2023.0294%2015.1172%2023.0294V23.0294Z%22%20fill%3D%22%23007FFF%22/%3E%3C/svg%3E') !important;\n}\n#sbz92 .social__links-logo--email {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M22.6875%2012.9688C21.9375%2013.5625%2020.3125%2014.75%2017.875%2016.5L17.5625%2016.75C17.0625%2017.125%2016.6875%2017.4062%2016.375%2017.5625C15.875%2017.875%2015.4062%2018%2015%2018C14.5625%2018%2014.125%2017.875%2013.625%2017.5938C13.3125%2017.4375%2012.9375%2017.1562%2012.4375%2016.7812L12.125%2016.5C9.59375%2014.6875%208%2013.5%207.3125%2012.9688C7.25%2012.9375%207.15625%2012.9375%207.09375%2012.9688C7.03125%2013%207%2013.0625%207%2013.125V19.5C7%2019.9375%207.125%2020.2812%207.4375%2020.5625C7.71875%2020.875%208.0625%2021%208.5%2021H21.5C21.9062%2021%2022.25%2020.875%2022.5625%2020.5625C22.8438%2020.2812%2023%2019.9375%2023%2019.5V13.125C23%2013.0625%2022.9375%2013%2022.875%2012.9375C22.8125%2012.9062%2022.75%2012.9062%2022.6875%2012.9688ZM15%2017C14.7188%2017%2014.375%2016.875%2014%2016.625C13.75%2016.5%2013.4375%2016.2812%2013.0312%2015.9375L12.7188%2015.7188C10.1562%2013.8438%208.40625%2012.5625%207.5%2011.8438L7.28125%2011.6875C7.09375%2011.5625%207%2011.3438%207%2011.0938V10.5C7%2010.0938%207.125%209.75%207.4375%209.4375C7.71875%209.15625%208.0625%209%208.5%209H21.5C21.9062%209%2022.25%209.15625%2022.5625%209.4375C22.8438%209.75%2023%2010.0938%2023%2010.5V11.0938C23%2011.3438%2022.9062%2011.5625%2022.7188%2011.6875L22.5625%2011.8125C21.6562%2012.5312%2019.9062%2013.8438%2017.2812%2015.7188L16.9688%2015.9375C16.5312%2016.2812%2016.2188%2016.5%2016%2016.625C15.5938%2016.875%2015.25%2017%2015%2017Z%22%20fill%3D%22white%22/%3E%3C/svg%3E') !important;\n}\n#sbz92 .social__links-logo--zalo {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M29.9999%2014.9385C29.9669%206.68262%2023.2639%200%2015%200C6.7157%200%200%206.71582%200%2015C0%2023.2842%206.7157%2030%2015%2030C23.2639%2030%2029.9669%2023.3174%2029.9999%2015.0615C29.9999%2015.041%2030%2015.0205%2030%2015C30%2014.9795%2029.9999%2014.959%2029.9999%2014.9385Z%22%20fill%3D%22white%22/%3E%3Cpath%20d%3D%22M24.5612%2017.4695C22.9394%2017.4726%2021.6242%2016.1862%2021.6279%2014.6005C21.6316%2013.0345%2022.9474%2011.7445%2024.5473%2011.7383C26.1556%2011.732%2027.4826%2013.0349%2027.4786%2014.6162C27.4746%2016.1926%2026.1719%2017.4665%2024.5612%2017.4695ZM22.8416%2014.6183C22.8459%2015.5573%2023.6166%2016.3004%2024.5777%2016.2923C25.5165%2016.2845%2026.2699%2015.5301%2026.2673%2014.6005C26.2646%2013.6712%2025.51%2012.9317%2024.56%2012.9277C23.6012%2012.9237%2022.8373%2013.6751%2022.8416%2014.6183Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20d%3D%22M19.5054%2010.0762H20.795V17.4217H19.9447C19.7021%2017.4217%2019.5054%2017.225%2019.5054%2016.9823V10.0762Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20d%3D%22M18.5227%2011.8907H17.2881V12.2935C16.5767%2011.8601%2015.8509%2011.6775%2015.06%2011.831C14.2526%2011.9876%2013.6164%2012.4043%2013.167%2013.0917C12.4538%2014.1826%2012.5894%2015.5904%2013.4938%2016.5431C14.3504%2017.4454%2015.8628%2017.8178%2017.2815%2016.9247C17.2835%2016.934%2017.286%2016.9422%2017.2881%2016.9511V16.9826C17.2881%2017.2252%2017.4849%2017.422%2017.7275%2017.422H18.5227V11.8907V11.8907ZM15.5853%2016.2787C14.6636%2016.268%2013.8924%2015.5006%2013.8986%2014.6004C13.9048%2013.692%2014.6716%2012.9481%2015.602%2012.9479C16.5427%2012.9477%2017.2871%2013.6781%2017.2882%2014.6026C17.2893%2015.5333%2016.521%2016.2896%2015.5853%2016.2787Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20d%3D%22M8.0481%2016.2438C9.39854%2014.5856%2010.6939%2012.9885%2011.9984%2011.3989C12.2464%2011.0968%2012.3662%2010.7671%2012.3731%2010.3807C12.3761%2010.2135%2012.3261%2010.1646%2012.1596%2010.165C11.6056%2010.1666%206.41195%2010.165%206.41195%2010.165V11.4709H10.4978C10.4424%2011.543%207.83556%2014.7218%206.57932%2016.2403C6.37112%2016.4919%206.26503%2016.7645%206.25401%2017.0936C6.24628%2017.3242%206.28864%2017.4139%206.52267%2017.4211V17.4217H11.9356C12.1782%2017.4217%2012.3749%2017.225%2012.3749%2016.9823V16.2487V16.2438H8.0481V16.2438Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.948%2026.1338C6.03613%2027.1172%207.26917%2027.9424%208.61108%2028.5752V26.1338H4.948ZM0.00268555%2014.7119C0.0775146%2010.7393%201.69666%207.14453%204.28479%204.50293C4.0459%204.98242%203.83435%205.47949%203.64661%205.99121C2.58862%208.87598%202.31299%2011.8506%202.69116%2014.8916C2.95862%2017.042%203.55518%2019.0869%204.63391%2020.9775C4.8269%2021.3154%205.02271%2021.6582%205.26489%2021.9609C5.76672%2022.5879%205.80981%2023.2725%205.59888%2024.0049C5.4873%2024.3926%205.32227%2024.75%205.11304%2025.082C4.95691%2025.3291%204.77612%2025.5635%204.57434%2025.7842C1.81921%2023.1201%200.0819092%2019.4102%200.00280762%2015.2939C0.000976562%2015.1963%200%2015.0986%200%2015C0%2014.9033%200.000854492%2014.8076%200.00268555%2014.7119Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.8226%2026.3367C22.191%2028.6189%2018.7568%2029.9998%2015%2029.9998C11.1449%2029.9998%207.62952%2028.5457%204.97241%2026.156C6.32458%2026.1921%207.61877%2025.9031%208.86353%2025.3464C8.97681%2025.2957%209.06262%2025.3113%209.16443%2025.364C12.2258%2026.9646%2015.5131%2027.5125%2018.926%2027.3962C20.9574%2027.3269%2022.9333%2027.0046%2024.8226%2026.3367Z%22%20fill%3D%22%23015BDF%22/%3E%3C/svg%3E') !important;\n}\n@keyframes hide {\n  100% {\n    opacity: 0;\n    transform: scale(0);\n  }\n}\n#sbz92 .widget-header-expand-container {\n  width: 100% !important;\n}\n#sbz92 .message-input {\n  width: 100% !important;\n  border-top: 1px solid #e3e3e3 !important;\n  display: flex !important;\n  flex-direction: row !important;\n  padding: 15px 22.5px !important;\n}\n#sbz92 .message-input--disabled {\n  background: #f0f0f0 !important;\n  opacity: 0.6 !important;\n  filter: grayscale(1) !important;\n}\n#sbz92 textarea[disabled='disabled']::-webkit-input-placeholder {\n  color: #a4a4a4 !important;\n  -webkit-text-fill-color: #a4a4a4 !important;\n}\n#sbz92 textarea[disabled='disabled']:-ms-input-placeholder {\n  color: #a4a4a4 !important;\n  -webkit-text-fill-color: #a4a4a4 !important;\n}\n#sbz92 textarea[disabled='disabled']::placeholder {\n  color: #a4a4a4 !important;\n  -webkit-text-fill-color: #a4a4a4 !important;\n}\n#sbz92 .message-input--input {\n  word-wrap: break-word !important;\n  resize: none !important;\n  flex: 1 !important;\n  align-self: center !important;\n  margin-right: 7.5px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .message-input--input::placeholder {\n  opacity: 0.5 !important;\n  /* Firefox */\n}\n#sbz92 .message-input--input::-ms-input-placeholder {\n  /* Edge 12 -18 */\n  opacity: 0.5 !important;\n  /* Firefox */\n}\n#sbz92 .message-input--emoji-button {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImdyYXkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXNtaWxlIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCI+PC9jaXJjbGU+PHBhdGggZD0iTTggMTRzMS41IDIgNCAyIDQtMiA0LTIiPjwvcGF0aD48bGluZSB4MT0iOSIgeTE9IjkiIHgyPSI5LjAxIiB5Mj0iOSI+PC9saW5lPjxsaW5lIHgxPSIxNSIgeTE9IjkiIHgyPSIxNS4wMSIgeTI9IjkiPjwvbGluZT48L3N2Zz4K') !important;\n}\n#sbz92 .message-input--button {\n  background-size: 70% !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  width: 32px !important;\n  height: 32px !important;\n  display: block !important;\n  cursor: pointer !important;\n  position: relative !important;\n  border-radius: 20px !important;\n  transition: background-color 0.2s !important;\n}\n#sbz92 .message-input--button:hover {\n  background-color: #eeeeee !important;\n}\n#sbz92 .message-input--disabled .message-input--button {\n  cursor: default !important;\n}\n#sbz92 .message-input--disabled .message-input--button {\n  cursor: default !important;\n}\n#sbz92 .message-input--attachment-button {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImdyYXkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXBhcGVyY2xpcCI+PHBhdGggZD0iTTIxLjQ0IDExLjA1bC05LjE5IDkuMTlhNiA2IDAgMCAxLTguNDktOC40OWw5LjE5LTkuMTlhNCA0IDAgMCAxIDUuNjYgNS42NmwtOS4yIDkuMTlhMiAyIDAgMCAxLTIuODMtMi44M2w4LjQ5LTguNDgiPjwvcGF0aD48L3N2Zz4K') !important;\n}\n#sbz92 .message-input--send-button {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22@esc-primary-color-esc%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M4.698%204.034l16.302%207.966l-16.302%207.966a.503%20.503%200%200%201%20-.546%20-.124a.555%20.555%200%200%201%20-.12%20-.568l2.468%20-7.274l-2.468%20-7.274a.555%20.555%200%200%201%20.12%20-.568a.503%20.503%200%200%201%20.546%20-.124z%22%20fill%3D%22@esc-primary-color-esc%22/%3E%3Cpath%20d%3D%22M6.5%2012h14.5%22%20/%3E%3C/svg%3E') !important;\n  background-size: 82% !important;\n}\n#sbz92 .message-input--preform {\n  justify-content: center !important;\n  padding: 11px !important;\n  @spacer 2;\n}\n#sbz92 .btn--preform {\n  border-radius: 7px !important;\n  padding-left: 32px !important;\n  padding-right: 32px !important;\n  height: 40px !important;\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n  font-size: 14px !important;\n  line-height: 20px !important;\n  text-align: center !important;\n  background: '@primary_color' !important;\n  width: 60% !important;\n}\n#sbz92 .widget-body.embed-chat .message-input {\n  border: 1px solid #e3e3e3 !important;\n  border-radius: 8px !important;\n  margin-bottom: 20px !important;\n}\n#sbz92 .form-label {\n  margin-top: 15px !important;\n}\n#sbz92 .form {\n  border: 1px solid #eeeeee !important;\n  box-sizing: border-box !important;\n  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15) !important;\n  border-radius: 7px !important;\n}\n#sbz92 textarea.form-control {\n  resize: none !important;\n  word-wrap: break-word !important;\n}\n#sbz92 .form-control--container {\n  position: relative !important;\n}\n#sbz92 input.form-control[disabled] {\n  background: #f9f9f9 !important;\n}\n#sbz92 .form-control--container .form-control--check {\n  position: absolute !important;\n  right: 10px !important;\n  top: 10px !important;\n  background-size: 100% 100% !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  width: 20px !important;\n  height: 20px !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1QkFBMUQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNoZWNrIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4K') !important;\n}\n#sbz92 .form-control--valid-input--error {\n  color: #dc3545 !important;\n  -webkit-text-fill-color: #dc3545 !important;\n  font-size: 14px !important;\n  padding-top: 5px !important;\n}\n#sbz92 input[type='text'].form-control.input--error,\n#sbz92 input[type='tel'].form-control.input--error,\n#sbz92 input[type='email'].form-control.input--error,\n#sbz92 input[type='number'].form-control.input--error,\n#sbz92 input[type='date'].form-control.input--error,\n#sbz92 textarea.form-control.input--error,\n#sbz92 select.form-control.input--error {\n  border: 1px solid #dc3545 !important;\n  background: #dd41500f !important;\n}\n#sbz92 input[type='text'].form-control,\n#sbz92 input[type='tel'].form-control,\n#sbz92 input[type='email'].form-control,\n#sbz92 input[type='number'].form-control,\n#sbz92 input[type='date'].form-control,\n#sbz92 textarea.form-control,\n#sbz92 select.form-control {\n  width: 100% !important;\n  border: 1px solid #c4c4c4 !important;\n  border-radius: 8px !important;\n  transition: all 100ms ease !important;\n  padding: 10px 12px !important;\n}\n#sbz92 input[type='text'].form-control:hover,\n#sbz92 input[type='tel'].form-control:hover,\n#sbz92 input[type='email'].form-control:hover,\n#sbz92 input[type='number'].form-control:hover,\n#sbz92 input[type='date'].form-control:hover,\n#sbz92 textarea.form-control:hover,\n#sbz92 select.form-control:hover {\n  border: 1px solid #6c757d !important;\n}\n#sbz92 input[type='text'].form-control.input--error:hover,\n#sbz92 input[type='tel'].form-control.input--error:hover,\n#sbz92 input[type='email'].form-control.input--error:hover,\n#sbz92 input[type='number'].form-control.input--error:hover,\n#sbz92 input[type='date'].form-control.input--error:hover,\n#sbz92 textarea.form-control.input--error:hover,\n#sbz92 select.form-control.input--error:hover {\n  border: 1px solid #dc3545 !important;\n}\n#sbz92 select.form-control {\n  padding: 1px 8px !important;\n}\n#sbz92 input[type='date'].form-control {\n  height: 40px !important;\n  width: 100% !important;\n  background-color: #fff !important;\n}\n#sbz92 .form-wrapper-attachment input[type='date'].form-control {\n  height: 32px !important;\n  padding-top: 6px !important;\n  padding-bottom: 6px !important;\n}\n#sbz92 input[type='text'].form-control:focus,\n#sbz92 input[type='tel'].form-control:focus,\n#sbz92 input[type='email'].form-control:focus,\n#sbz92 input[type='number'].form-control:focus,\n#sbz92 input[type='date'].form-control:focus,\n#sbz92 textarea.form-control:focus,\n#sbz92 select.form-control:focus {\n  border: 1px solid '@primary_color' !important;\n}\n#sbz92 input[type='text'].form-control.input--error:focus,\n#sbz92 input[type='tel'].form-control.input--error:focus,\n#sbz92 input[type='email'].form-control.input--error:focus,\n#sbz92 input[type='number'].form-control.input--error:focus,\n#sbz92 input[type='date'].form-control.input--error:focus,\n#sbz92 textarea.form-control.input--error:focus,\n#sbz92 select.form-control.input--error:focus {\n  border: 1px solid #dc3545 !important;\n}\n#sbz92 .label {\n  display: block !important;\n  padding-bottom: 6px !important;\n  margin-top: 8px !important;\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n  font-size: 14px !important;\n  font-weight: 500 !important;\n}\n#sbz92 .form--btn-submit {\n  border-radius: 7px !important;\n  padding-left: 32px !important;\n  padding-right: 32px !important;\n  width: 100% !important;\n}\n#sbz92 .form .radio {\n  display: block !important;\n  position: relative !important;\n  width: 100% !important;\n  margin-top: 5px !important;\n}\n#sbz92 .form .radio:first-of-type {\n  margin-top: 0 !important;\n}\n#sbz92 .form input[type='radio'] {\n  position: absolute !important;\n  visibility: hidden !important;\n}\n#sbz92 .form .radio--label {\n  padding-left: 22px !important;\n  display: block !important;\n  position: relative !important;\n  z-index: 9 !important;\n  cursor: pointer !important;\n}\n#sbz92 .form .radio--check {\n  display: block !important;\n  position: absolute !important;\n  border: 1px solid #aaa !important;\n  border-radius: 100% !important;\n  height: 16px !important;\n  width: 16px !important;\n  top: 0px !important;\n  left: 0px !important;\n  z-index: 5 !important;\n  transition: border 0.15s linear !important;\n  -webkit-transition: border 0.15s linear !important;\n}\n#sbz92 .form .radio--check:hover {\n  border: 1px solid #888 !important;\n}\n#sbz92 .form .radio--check::before {\n  display: block !important;\n  position: absolute !important;\n  content: '' !important;\n  border-radius: 100% !important;\n  height: 10px !important;\n  width: 10px !important;\n  top: 2px !important;\n  left: 2px !important;\n  margin: auto !important;\n  transition: background 0.15s linear !important;\n  -webkit-transition: background 0.15s linear !important;\n}\n#sbz92 .form input[type='radio']:checked ~ .radio--check {\n  border: 1px solid '@primary_color' !important;\n}\n#sbz92 .form input[type='radio']:checked ~ .radio--check::before {\n  background: '@primary_color' !important;\n}\n#sbz92 .form .checkbox {\n  display: block !important;\n  position: relative !important;\n  width: 100% !important;\n  margin-top: 5px !important;\n}\n#sbz92 .form .checkbox:first-of-type {\n  margin-top: 0 !important;\n}\n#sbz92 .form input[type='checkbox'] {\n  position: absolute !important;\n  visibility: hidden !important;\n}\n#sbz92 .form .checkbox--label {\n  padding-left: 22px !important;\n  display: block !important;\n  position: relative !important;\n  z-index: 9 !important;\n  cursor: pointer !important;\n}\n#sbz92 .form .checkbox--check {\n  display: block !important;\n  position: absolute !important;\n  border: 1px solid #aaa !important;\n  border-radius: 4 px !important;\n  height: 16px !important;\n  width: 16px !important;\n  top: 0px !important;\n  left: 0px !important;\n  z-index: 5 !important;\n  transition: border 0.15s linear !important;\n  -webkit-transition: border 0.15s linear !important;\n}\n#sbz92 .form .checkbox--check:hover {\n  border: 1px solid #888 !important;\n}\n#sbz92 .form .checkbox--check::before {\n  display: block !important;\n  position: absolute !important;\n  content: '' !important;\n  height: 100% !important;\n  width: 100% !important;\n  margin: auto !important;\n  transition: background 0.15s linear !important;\n  -webkit-transition: background 0.15s linear !important;\n}\n#sbz92 .form input[type='checkbox']:checked ~ .checkbox--check {\n  border: 1px solid '@primary_color' !important;\n}\n#sbz92 .form input[type='checkbox']:checked ~ .checkbox--check::before {\n  background: '@primary_color' !important;\n}\n#sbz92 .form .select .form-control {\n  padding-right: 20px !important;\n}\n#sbz92 .form select {\n  /*background: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjQxMDU4IDYuOTExMDdDNC43MzYwMiA2LjU4NTYzIDUuMjYzNjYgNi41ODU2MyA1LjU4OTA5IDYuOTExMDdMOS45OTk4NCAxMS4zMjE4TDE0LjQxMDYgNi45MTEwN0MxNC43MzYgNi41ODU2MyAxNS4yNjM3IDYuNTg1NjMgMTUuNTg5MSA2LjkxMTA3QzE1LjkxNDUgNy4yMzY1MSAxNS45MTQ1IDcuNzY0MTQgMTUuNTg5MSA4LjA4OTU4TDEwLjU4OTEgMTMuMDg5NkMxMC4yNjM3IDEzLjQxNSA5LjczNjAyIDEzLjQxNSA5LjQxMDU4IDEzLjA4OTZMNC40MTA1OCA4LjA4OTU4QzQuMDg1MTQgNy43NjQxNCA0LjA4NTE0IDcuMjM2NTEgNC40MTA1OCA2LjkxMTA3WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+\") no-repeat right;*/\n}\n#sbz92 .form-require-info--list {\n  background: #fff !important;\n  overflow-y: auto !important;\n  overflow-x: hidden !important;\n}\n#sbz92 .form-require-info--title {\n  font-size: 18px !important;\n  line-height: 20px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  background: #fff !important;\n  border-bottom: 1px solid #f0f0f0 !important;\n}\n#sbz92 .form-require-info--item {\n  border-bottom: 1px solid #f0f0f0 !important;\n}\n#sbz92 .form-require-info--item:hover {\n  cursor: pointer !important;\n  background: #e0e0e0 !important;\n}\n#sbz92 input[type='checkbox'] {\n  background-color: initial !important;\n  cursor: default !important;\n  -webkit-appearance: checkbox !important;\n  box-sizing: border-box !important;\n  margin: 3px 3px 3px 4px !important;\n  padding: initial !important;\n  border: initial !important;\n}\n#sbz92 input[type='radio'] {\n  background-color: initial !important;\n  cursor: default !important;\n  -webkit-appearance: radio !important;\n  box-sizing: border-box !important;\n  margin: 3px 3px 0px 5px !important;\n  padding: initial !important;\n  border: initial !important;\n}\n#sbz92 option {\n  font-weight: normal !important;\n  display: block !important;\n  white-space: pre !important;\n  min-height: 1.2em !important;\n  padding: 0px 2px 1px !important;\n}\n#sbz92 select {\n  -webkit-writing-mode: horizontal-tb !important;\n  text-rendering: auto !important;\n  color: -internal-light-dark-color(black, white) !important;\n  letter-spacing: normal !important;\n  word-spacing: normal !important;\n  text-transform: none !important;\n  text-indent: 0px !important;\n  text-shadow: none !important;\n  display: inline-block !important;\n  text-align: start !important;\n  -webkit-appearance: menulist !important;\n  box-sizing: border-box !important;\n  align-items: center !important;\n  white-space: pre !important;\n  -webkit-rtl-ordering: logical !important;\n  background-color: -internal-light-dark-color(white, black) !important;\n  cursor: default !important;\n  margin: 0em !important;\n  font: 400 13.3333px Arial !important;\n  border-radius: 0px !important;\n  border-width: 1px !important;\n  border-style: solid !important;\n  border-color: #a9a9a9 !important;\n  border-image: initial !important;\n}\n#sbz92 select {\n  position: relative !important;\n  display: inline-block !important;\n  border: 2px #cccc solid !important;\n  border-radius: 5px !important;\n  height: 36px !important;\n  line-height: 34px !important;\n  padding: 0 12px !important;\n  font-size: 14px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .custom-select--wrap-selected {\n  display: flex !important;\n  position: relative !important;\n  justify-content: space-between !important;\n  cursor: pointer !important;\n  border: 1px solid #d8d8d8 !important;\n  border-radius: 5px !important;\n  padding: 5px !important;\n}\n#sbz92 .custom-select--selected-items {\n  display: flex !important;\n  align-items: center !important;\n  flex-wrap: wrap !important;\n}\n#sbz92 .custom-select--selected-item {\n  display: flex !important;\n  align-items: center !important;\n  margin: 3px 3px !important;\n  padding: 1px 6px !important;\n  border-radius: 5px !important;\n  border: 1px solid #d8d8d8 !important;\n  font-size: 14px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  vertical-align: top !important;\n}\n#sbz92 .icn-delete:before {\n  display: flex !important;\n  justify-items: center !important;\n  font-size: 12px !important;\n  margin-left: 5px !important;\n  opacity: 0.5 !important;\n  content: '\\2715' !important;\n}\n#sbz92 .custom-select--wrap-options {\n  display: flex !important;\n  flex-direction: column !important;\n  position: absolute !important;\n  left: 0 !important;\n  top: 100% !important;\n  border: 1px solid #dadce0 !important;\n  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;\n  border-radius: 5px !important;\n  width: 100% !important;\n  background: #fff !important;\n  z-index: 11 !important;\n  max-height: 200px !important;\n  overflow-y: auto !important;\n}\n#sbz92 .custom-select--input-search {\n  font-size: 15px !important;\n  padding: 8px !important;\n  border-bottom: 1px solid #d8d8d8 !important;\n}\n#sbz92 .custom-select--items-options {\n  margin: 0 !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n#sbz92 .custom-select--item-options {\n  padding: 10px !important;\n  cursor: pointer !important;\n}\n#sbz92 .custom-select--item-options:hover {\n  background-color: '@primary_color' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n}\n#sbz92 .custom-select--icon-dropdown {\n  margin-left: auto !important;\n  float: right !important;\n  cursor: pointer !important;\n}\n#sbz92 .custom-select--icon-dropdown path {\n  d: path('M 7 9.5 L 12 14.5 L 17 9.5 H 7 Z') !important;\n  fill: black !important;\n}\n#sbz92 .form-component {\n  margin-bottom: 15px !important;\n}\n#sbz92 .form-component:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .form-component.submitted {\n  margin-bottom: 8px !important;\n}\n#sbz92 .form-component.form-component-submit-button {\n  margin-top: 20px !important;\n}\n#sbz92 .form-wrapper.form {\n  padding: 20px !important;\n  background-color: #fff !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form {\n  padding: 12px 15px !important;\n  margin-top: 5px !important;\n  box-shadow: 0 0 0 1px #eeeeee !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form input[type='text'].form-control,\n#sbz92 .form-wrapper.form-wrapper-attachment.form input[type='tel'].form-control,\n#sbz92 .form-wrapper.form-wrapper-attachment.form input[type='email'].form-control,\n#sbz92 .form-wrapper.form-wrapper-attachment.form input[type='number'].form-control,\n#sbz92 .form-wrapper.form-wrapper-attachment.form input[type='date'].form-control,\n#sbz92 .form-wrapper.form-wrapper-attachment.form select.form-control,\n#sbz92 .form-wrapper.form-wrapper-attachment.form textarea.form-control {\n  padding: 6px 10px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component {\n  margin-bottom: 12px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component.submitted {\n  margin-bottom: 5px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component.submitted:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component:first-child .label {\n  margin-top: 0 !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component.form-component-submit-button {\n  margin-top: 16px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .label {\n  padding-bottom: 4px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-control--valid-input--error {\n  padding-top: 3px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .btn--start-convo {\n  height: 36px !important;\n}\n#sbz92 select.form-control.form-control--empty {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n@media only screen and (min-width: 968px) {\n  #sbz92 .form-radios-wrapper.horizontal {\n    display: flex;\n    flex-wrap: wrap;\n  }\n  #sbz92 .form-radios-wrapper.horizontal .radio {\n    margin-right: 10px;\n    width: 300px;\n  }\n  #sbz92 .form-radios-wrapper.horizontal .radio:first-child {\n    margin-top: 0;\n  }\n  #sbz92 .form-radios-wrapper.horizontal .radio:nth-child(2) {\n    margin-top: 0;\n  }\n  #sbz92 .form-radios-wrapper.horizontal .radio:nth-child(2n) {\n    margin-right: 0;\n  }\n  #sbz92 .form-checkboxes-wrapper.horizontal {\n    display: flex;\n    flex-wrap: wrap;\n  }\n  #sbz92 .form-checkboxes-wrapper.horizontal .checkbox {\n    margin-right: 10px;\n    width: 300px;\n  }\n  #sbz92 .form-checkboxes-wrapper.horizontal .checkbox:first-child {\n    margin-top: 0;\n  }\n  #sbz92 .form-checkboxes-wrapper.horizontal .checkbox:nth-child(2) {\n    margin-top: 0;\n  }\n  #sbz92 .form-checkboxes-wrapper.horizontal .checkbox:nth-child(2n) {\n    margin-right: 0;\n  }\n}\n#sbz92 .form-ratings-wrapper {\n  display: inline-flex !important;\n}\n#sbz92 .star {\n  width: 32px !important;\n  height: 30px !important;\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") !important;\n  background-position: 0px 0px !important;\n  background-size: cover !important;\n}\n#sbz92 .form-wrapper-attachment .star-wrapper {\n  padding-right: 12px !important;\n}\n#sbz92 .star-wrapper {\n  cursor: pointer !important;\n  padding-right: 20px !important;\n}\n#sbz92 .star-wrapper:last-child {\n  padding-right: 0 !important;\n}\n#sbz92 .star-wrapper.hovering .star {\n  background-position: -32px 0 !important;\n}\n#sbz92 .star-wrapper.selected {\n  cursor: auto !important;\n}\n#sbz92 .star-wrapper.selected .star {\n  background-position: -64px 0 !important;\n}\n#sbz92 .conversation-history-error {\n  display: flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  margin: 8px 0 16px !important;\n  padding: 8px 10px !important;\n  border-radius: 10px !important;\n  background: #f5f6f8 !important;\n  color: #737782 !important;\n  font-size: 12px !important;\n  line-height: 18px !important;\n  text-align: left !important;\n}\n#sbz92 .conversation-history-error__text {\n  flex: 1 !important;\n  min-width: 0 !important;\n}\n#sbz92 .conversation-history-error__retry {\n  position: relative !important;\n  flex-shrink: 0 !important;\n  border: 0 !important;\n  border-radius: 6px !important;\n  padding: 5px 8px !important;\n  background: transparent !important;\n  color: #545866 !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  line-height: 18px !important;\n  cursor: pointer !important;\n}\n#sbz92 .conversation-history-error__retry:hover:not(:disabled) {\n  background: #e8eaf0 !important;\n}\n#sbz92 .conversation-history-error__retry:disabled {\n  cursor: wait !important;\n}\n#sbz92 .conversation-history-error__retry:focus-visible {\n  outline: 2px solid #737782 !important;\n  outline-offset: 2px !important;\n}\n#sbz92 .conversation-history-error__spinner {\n  position: absolute !important;\n  inset: 0 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n#sbz92 .widget-body--events-container {\n  overflow-x: hidden !important;\n  overflow-y: auto !important;\n  display: flex !important;\n  flex-direction: column !important;\n  flex: 1 !important;\n  padding-left: 22.5px !important;\n  padding-right: 22.5px !important;\n}\n#sbz92 .widget-body--events {\n  padding-top: 20px !important;\n  flex: 1 !important;\n}\n#sbz92 .mobile .widget-body--events {\n  display: flex !important;\n  flex-direction: column !important;\n  justify-content: flex-end !important;\n  padding-bottom: 15px !important;\n}\n#sbz92 .widget-body--events-container.widget-body--events-container__error {\n  align-items: center !important;\n  justify-content: center !important;\n}\n#sbz92 .convo-event {\n  position: relative !important;\n}\n#sbz92 .convo-event-time {\n  text-align: center !important;\n  margin-top: 15px !important;\n}\n#sbz92 .convo-event-time span {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .file-attachment {\n  padding: 10px !important;\n  border-radius: 10px !important;\n  cursor: pointer !important;\n  margin: 5px 0 0 0 !important;\n}\n#sbz92 .file-attachment--agent {\n  background-color: '@primary_color' !important;\n  width: fit-content !important;\n}\n#sbz92 .file-attachment--user {\n  background-color: #eeeeee !important;\n  align-self: flex-end !important;\n}\n#sbz92 .file-attachment--link {\n  display: flex !important;\n  flex-direction: row !important;\n  align-items: center !important;\n  width: fit-content !important;\n}\n#sbz92 .file-attachment--agent .file-attachment--filename {\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  text-decoration: underline !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  max-width: 200px !important;\n}\n#sbz92 .file-attachment--user .file-attachment--filename {\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  text-decoration: underline !important;\n  text-overflow: ellipsis !important;\n  overflow: hidden !important;\n  white-space: nowrap !important;\n  max-width: 200px !important;\n}\n#sbz92 .file-attachment--download {\n  width: 24px !important;\n  height: 24px !important;\n  border-radius: 30px !important;\n  display: inline-block !important;\n}\n#sbz92 .file-attachment--agent .file-attachment--download {\n  background: '@text_color' !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMjY1RkYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWFycm93LWRvd24iPjxsaW5lIHgxPSIxMiIgeTE9IjUiIHgyPSIxMiIgeTI9IjE5Ij48L2xpbmU+PHBvbHlsaW5lIHBvaW50cz0iMTkgMTIgMTIgMTkgNSAxMiI+PC9wb2x5bGluZT48L3N2Zz4K') !important;\n  background-size: 15px 15px !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n}\n#sbz92 .file-attachment--user .file-attachment--download {\n  background: #c4c4c4 !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci1hcnJvdy1kb3duIj48bGluZSB4MT0iMTIiIHkxPSI1IiB4Mj0iMTIiIHkyPSIxOSI+PC9saW5lPjxwb2x5bGluZSBwb2ludHM9IjE5IDEyIDEyIDE5IDUgMTIiPjwvcG9seWxpbmU+PC9zdmc+Cg==') !important;\n  background-size: 15px 15px !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n}\n#sbz92 .message-text--user {\n  line-height: 1.5 !important;\n  margin: 5px 0 0 !important;\n  display: inline-block !important;\n  font-weight: 500 !important;\n  background-color: '@primary_color' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  padding: 12px 16px 12px 16px !important;\n}\n#sbz92 .message-text--user.just-focused {\n  box-shadow: 0 0 0 2px #000 !important;\n}\n#sbz92 .message-text--agent.just-focused {\n  box-shadow: 0 0 0 2px #000 !important;\n}\n#sbz92 .message-text--user.message-user--error {\n  background-color: #dc3545 !important;\n}\n#sbz92 .message-text--deleted {\n  opacity: 0.7 !important;\n  font-style: italic !important;\n}\n#sbz92 .message-text--agent {\n  line-height: 1.5 !important;\n  white-space: pre-wrap !important;\n  display: inline-block !important;\n  background: '@primary_color_faded' !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  padding: 12px 16px 12px 16px !important;\n}\n#sbz92 .message-agent.message-text--agent {\n  max-width: 100% !important;\n  margin-top: 0 !important;\n}\n#sbz92 .message-block-pre {\n  display: block !important;\n  min-width: 0 !important;\n  max-width: 100% !important;\n  margin: 4px 0 !important;\n  padding: 10px 12px !important;\n  border: 1px solid rgba(0, 0, 0, 0.06) !important;\n  border-radius: 8px !important;\n  background: rgba(0, 0, 0, 0.03) !important;\n  white-space: pre-wrap !important;\n  overflow-wrap: anywhere !important;\n  word-break: normal !important;\n}\n#sbz92 .message-block-code,\n#sbz92 .message-block-code * {\n  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace !important;\n  font-size: 13px !important;\n  line-height: 20px !important;\n}\n#sbz92 .message-block-pre .message-block-code {\n  display: block !important;\n}\n#sbz92 .message-user__container {\n  display: flex !important;\n  flex-direction: row !important;\n  align-items: flex-end !important;\n  justify-content: flex-end !important;\n}\n#sbz92 .sending_dot.sending_dot__hide {\n  opacity: 0 !important;\n  background-color: #000 !important;\n}\n#sbz92 .sending_dot {\n  width: 15px !important;\n  height: 15px !important;\n  margin-right: 5px !important;\n  border-radius: 50% !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM3NzciIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNsb2NrIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCI+PC9jaXJjbGU+PHBvbHlsaW5lIHBvaW50cz0iMTIgNiAxMiAxMiAxNiAxNCI+PC9wb2x5bGluZT48L3N2Zz4K') !important;\n  background-size: contain !important;\n  background-repeat: no-repeat !important;\n}\n#sbz92 .message-user {\n  border-radius: 18px !important;\n  border-bottom-right-radius: 4px !important;\n  max-width: 85% !important;\n  align-self: flex-end !important;\n  word-break: break-word !important;\n  position: relative !important;\n  white-space: pre-wrap !important;\n}\n#sbz92 .message-user.message-user-images-container {\n  width: 85% !important;\n  display: flex !important;\n  justify-content: flex-end !important;\n}\n#sbz92 .message-user.message-user-audio {\n  flex: 1 !important;\n}\n#sbz92 .message-agent {\n  border-radius: 18px !important;\n  border-bottom-left-radius: 4px !important;\n  max-width: 85% !important;\n  word-break: break-word !important;\n  position: relative !important;\n}\n#sbz92 a.message_error {\n  color: #dc3545 !important;\n  -webkit-text-fill-color: #dc3545 !important;\n  opacity: 0.8 !important;\n  display: block !important;\n  text-align: end !important;\n  font-size: 13px !important;\n  margin-top: 5px !important;\n  margin-bottom: 10px !important;\n}\n#sbz92 a.message_error:hover {\n  opacity: 1 !important;\n  color: #dc3545 !important;\n  -webkit-text-fill-color: #dc3545 !important;\n}\n#sbz92 .message_error__text {\n  display: inline-block !important;\n  vertical-align: text-top !important;\n}\n#sbz92 .message_error__icon {\n  display: inline-block !important;\n  vertical-align: bottom !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjZGMzNTQ1IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWFsZXJ0LWNpcmNsZSI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiPjwvY2lyY2xlPjxsaW5lIHgxPSIxMiIgeTE9IjgiIHgyPSIxMiIgeTI9IjEyIj48L2xpbmU+PGxpbmUgeDE9IjEyIiB5MT0iMTYiIHgyPSIxMi4wMSIgeTI9IjE2Ij48L2xpbmU+PC9zdmc+Cgo=') !important;\n  background-size: contain !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  width: 20px !important;\n  height: 20px !important;\n}\n#sbz92 .image-attachment__img {\n  width: 100% !important;\n  margin: 5px 0 0 0 !important;\n  border-radius: 7px !important;\n  border: 1px solid #eeeeee !important;\n}\n#sbz92 .audio-attachment {\n  width: 100% !important;\n  margin: 5px 0 0 0 !important;\n  height: 45px !important;\n  display: inline !important;\n}\n#sbz92 .audio-attachment__audio {\n  all: inherit !important;\n  width: 100% !important;\n}\n#sbz92 .video-attachment {\n  border-radius: 7px !important;\n  width: 100% !important;\n  margin: 5px 0 0 0 !important;\n}\n#sbz92 .video-attachment__video {\n  all: inherit !important;\n  width: 100% !important;\n}\n#sbz92 .info-message {\n  text-align: center !important;\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n  margin: 10px !important;\n}\n#sbz92 .info-message--ended {\n  padding-top: 16px !important;\n}\n#sbz92 .conversation-event {\n  display: block !important;\n  min-width: 0 !important;\n  border: 0 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n#sbz92 .conversation-history-start {\n  display: block !important;\n  height: 1px !important;\n  flex-shrink: 0 !important;\n}\n#sbz92 .message-user__container--send {\n  transition: transform 260ms cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;\n  transform: translate3d(0, 0, 0) !important;\n}\n#sbz92 .message-user__container--send.message-user__container--enter {\n  transform: translate3d(0, 14px, 0) !important;\n}\n@media (prefers-reduced-motion: reduce) {\n  #sbz92 .message-user__container--send {\n    transition: none !important;\n  }\n  #sbz92 .message-user__container--send.message-user__container--enter {\n    transform: none !important;\n  }\n}\n#sbz92 .conversation-event--history {\n  filter: grayscale(0.8) !important;\n}\n#sbz92 .conversation-event--history + .conversation-event:not(.conversation-event--history)::before {\n  content: '' !important;\n  display: block !important;\n  border-top: 2px solid '@primary_color_faded' !important;\n  margin: 60px 40px !important;\n}\n#sbz92 .message-sender {\n  margin-top: 10px !important;\n}\n#sbz92 .message-sender-avatar {\n  border-radius: 50% !important;\n  width: 25px !important;\n  height: 25px !important;\n  margin-right: 10px !important;\n}\n#sbz92 .message-sender-name {\n  color: #495057 !important;\n  -webkit-text-fill-color: #495057 !important;\n  vertical-align: middle !important;\n}\n#sbz92 .message-system {\n  text-align: center !important;\n  margin: 10px !important;\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .form-attachment {\n  display: flex !important;\n  flex-direction: column !important;\n  padding: 10px !important;\n  -webkit-box-shadow: 0 0 10px #dee2e6 !important;\n  box-shadow: 0 0 10px #dee2e6 !important;\n  border-radius: 7px !important;\n  margin-top: 10px !important;\n}\n#sbz92 .form-attachment-field {\n  display: flex !important;\n  flex-direction: column !important;\n  margin-bottom: 0px !important;\n}\n#sbz92 .form-attachment-field__title {\n  color: #4c4c4c !important;\n  -webkit-text-fill-color: #4c4c4c !important;\n}\n#sbz92 .form-attachment-field__text {\n  width: 100% !important;\n  border: 1px solid #dbdbdb !important;\n  padding: 10px !important;\n  margin: 3px 0px 0px 0px !important;\n  border-radius: 7px !important;\n}\n#sbz92 .input--error {\n  border: 1px solid red !important;\n}\n#sbz92 .input--success {\n  background-color: #f9f9f9 !important;\n  pointer-events: none !important;\n}\n#sbz92 .form-attachment-field__error {\n  color: brown !important;\n  -webkit-text-fill-color: brown !important;\n  float: right !important;\n}\n#sbz92 .form-attachment-field__checkbox {\n  width: 100% !important;\n  all: inherit !important;\n  -webkit-appearance: textfield !important;\n  margin-right: 8px !important;\n}\n#sbz92 .form-attachment-field__checkbox:hover {\n  cursor: pointer !important;\n}\n#sbz92 .form-attachment-field__list-item {\n  display: flex !important;\n  align-items: center !important;\n  margin: 4px !important;\n  margin-left: 0px !important;\n}\n#sbz92 .form-attachment-field__radio {\n  width: 100% !important;\n  all: inherit !important;\n  -webkit-appearance: textfield !important;\n  margin-right: 8px !important;\n}\n#sbz92 .form-attachment-field__datetime {\n  width: 100% !important;\n  border: 1px solid #dbdbdb !important;\n  padding: 10px !important;\n  margin: 3px 0px 0px 0px !important;\n  border-radius: 7px !important;\n}\n#sbz92 .form-attachment--submit-btn {\n  background-color: '@primary_color' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  width: 100% !important;\n  margin-top: 10px !important;\n  border-radius: 7px !important;\n  padding: 10px !important;\n  text-align: center !important;\n  font-size: 16px !important;\n}\n#sbz92 .form-attachment--submit-btn:hover {\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n}\n#sbz92 .red {\n  color: #dc3545 !important;\n  -webkit-text-fill-color: #dc3545 !important;\n}\n#sbz92 .typing {\n  background-color: #f4f5f7 !important;\n  color: #7a7a7b !important;\n  -webkit-text-fill-color: #7a7a7b !important;\n  padding: 10px !important;\n  opacity: 1 !important;\n  transition: all 0.2s !important;\n  position: absolute !important;\n  bottom: 0px !important;\n  left: 0px !important;\n  width: 100% !important;\n}\n#sbz92 .typing--hidden {\n  opacity: 0 !important;\n  display: none !important;\n}\n#sbz92 .markdown-message img {\n  max-width: 100% !important;\n  margin-top: 10px !important;\n}\n#sbz92 .button-attachments {\n  display: block !important;\n  margin-top: 5px !important;\n}\n#sbz92 .url-button-attachment:first-child {\n  border-top-left-radius: 7px !important;\n  border-top-right-radius: 7px !important;\n}\n#sbz92 .url-button-attachment:last-child {\n  border-bottom-left-radius: 7px !important;\n  border-bottom-right-radius: 7px !important;\n  border-bottom: 1px solid '@primary_color' !important;\n}\n#sbz92 .agent-message .url-button-attachment {\n  text-decoration: none !important;\n  padding: 10px 18px !important;\n  display: block !important;\n  text-align: center !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  border: 1px solid #000 !important;\n  border-radius: 12px !important;\n  text-overflow: ellipsis !important;\n  overflow: hidden !important;\n  font-weight: 500 !important;\n  white-space: nowrap !important;\n}\n#sbz92 .agent-message .url-button-attachment:hover {\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n  border-color: '@primary_color' !important;\n}\n#sbz92 .message_quick_replies {\n  display: flex !important;\n  flex-wrap: wrap !important;\n  flex-direction: column !important;\n}\n#sbz92 .message_quick_reply {\n  cursor: pointer !important;\n  position: relative !important;\n  padding: 10px 18px !important;\n  margin-top: 8px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  border-radius: 12px !important;\n  user-select: none !important;\n  overflow: hidden !important;\n  white-space: nowrap !important;\n  width: fit-content !important;\n  font-weight: 500 !important;\n  max-width: 100% !important;\n  text-overflow: ellipsis !important;\n  border: 1px solid #000 !important;\n  transition: all 100ms ease !important;\n}\n#sbz92 .message_quick_reply:hover {\n  background: '@primary_color' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  border-color: '@primary_color' !important;\n}\n#sbz92 .generic-attachment-container {\n  position: relative !important;\n  margin-top: 10px !important;\n}\n#sbz92 .generic-attachments {\n  display: block !important;\n}\n#sbz92 .generic-attachment {\n  display: flex !important;\n  width: 100% !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  user-select: none !important;\n  cursor: grab !important;\n}\n#sbz92 .generic-attachment--element-content {\n  flex: 1 !important;\n}\n#sbz92 .generic-attachment--element {\n  border: 1px solid #d8d8d8 !important;\n  background: white !important;\n  border-radius: 7px !important;\n  overflow: hidden !important;\n  width: 220px !important;\n  margin-right: 10px !important;\n  vertical-align: top !important;\n  display: flex !important;\n  flex-direction: column !important;\n  flex-shrink: 0 !important;\n}\n#sbz92 .generic-attachment--element:last-child {\n  margin-right: 0 !important;\n}\n#sbz92 .generic-attachment--element .generic-attachment--element-img {\n  width: 100% !important;\n  height: 150px !important;\n  object-fit: cover !important;\n}\n#sbz92 .generic-attachment--element .url-button-attachment {\n  padding: 10px !important;\n  display: block !important;\n  padding-top: 9px !important;\n  padding-bottom: 9px !important;\n  text-align: center !important;\n  border: none !important;\n  border-top: 1px solid #d8d8d8 !important;\n  border-radius: 0 !important;\n  width: 100% !important;\n  color: #0d6efd !important;\n  -webkit-text-fill-color: #0d6efd !important;\n}\n#sbz92 .generic-attachment--element .url-button-attachment:hover {\n  color: #024dbc !important;\n  -webkit-text-fill-color: #024dbc !important;\n  border-color: #d8d8d8 !important;\n}\n#sbz92 .generic-attachment--element .generic-attachment--element-title {\n  padding: 0px 13px !important;\n  margin-top: 13px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  font-weight: 600 !important;\n  font-size: 16px !important;\n  line-height: 20px !important;\n  white-space: normal !important;\n}\n#sbz92 .generic-attachment--element .generic-attachment--element-subtitle {\n  padding: 0px 13px !important;\n  color: gray !important;\n  -webkit-text-fill-color: gray !important;\n  margin-top: 5px !important;\n  white-space: pre-wrap !important;\n  display: -webkit-box !important;\n  -webkit-line-clamp: 4 !important;\n  -webkit-box-orient: vertical !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n}\n#sbz92 .generic-attachment--element.clickable {\n  cursor: pointer !important;\n}\n#sbz92 .widget_body__events__error_msg {\n  margin-top: 50px !important;\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n  text-align: center !important;\n}\n#sbz92 .widget_body__events__error_retry {\n  margin-top: 10px !important;\n}\n#sbz92 .generic-attachment-navigator {\n  position: absolute !important;\n  top: 50% !important;\n  transform: translateY(-50%) !important;\n  cursor: pointer !important;\n  width: 20px !important;\n  font-size: 80px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  color: rgba(255, 255, 255, 0.85) !important;\n  -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;\n  text-shadow: 0 10px 25px rgba(0, 0, 0, 0.75) !important;\n  z-index: 999 !important;\n  user-select: none !important;\n}\n#sbz92 .generic-attachment-navigator:hover {\n  text-shadow: 0 10px 20px rgba(0, 0, 0, 0.75) !important;\n  color: #ffffff !important;\n  -webkit-text-fill-color: #ffffff !important;\n}\n#sbz92 .generic-attachment-navigator.generic-attachment-navigator--disabled {\n  display: none !important;\n}\n#sbz92 .generic-attachment-navigator.generic-attachment-navigator--left {\n  left: 2px !important;\n}\n#sbz92 .generic-attachment-navigator.generic-attachment-navigator--right {\n  right: 2px !important;\n}\n#sbz92 .generic-attachment-navigator-icon {\n  font-size: 80px !important;\n}\n#sbz92 .order_attachment__product_img {\n  width: 40px !important;\n  height: 40px !important;\n  margin-right: 10px !important;\n  border-radius: 5px !important;\n  flex-shrink: 0 !important;\n  display: block !important;\n  object-fit: contain !important;\n  background: whitesmoke !important;\n}\n#sbz92 .order_attachment__product_name {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n}\n#sbz92 .order_attachment__header {\n  padding-bottom: 5px !important;\n  border-bottom: 1px solid #ccc !important;\n  margin-bottom: 5px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n}\n#sbz92 .order_attachment__product_desc {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  color: #999 !important;\n  -webkit-text-fill-color: #999 !important;\n  font-size: 13px !important;\n}\n#sbz92 .order_attachment__product {\n  display: flex !important;\n  align-items: center !important;\n  margin-top: 5px !important;\n  margin-bottom: 5 !important;\n}\n#sbz92 .order_attachment__text_sm {\n  font-size: 13px !important;\n}\n#sbz92 .order_attachment__text_muted {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .order_attachment__text_truncate {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n}\n#sbz92 .order_attachment {\n  margin-top: 10px !important;\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n  border: 1px solid #aaa !important;\n  background: white !important;\n  border-radius: 8px !important;\n  width: 220px !important;\n  overflow-y: auto !important;\n  overflow-x: hidden !important;\n  padding: 10px !important;\n}\n#sbz92 .order_attachment__footer {\n  margin-top: 10px !important;\n  padding-top: 10px !important;\n  border-top: 1px solid #ccc !important;\n}\n#sbz92 .order_attachment__total {\n  font-size: 16px !important;\n}\n#sbz92 .order_attachment__label {\n  font-size: 13px !important;\n  color: #777 !important;\n  -webkit-text-fill-color: #777 !important;\n  margin-top: 10px !important;\n}\n#sbz92 .order_attachment__label.no_margin {\n  margin-top: 0 !important;\n}\n#sbz92 .order_attachment.order_attachment__user {\n  margin-right: 50px !important;\n  align-self: flex-end !important;\n  margin-right: 0 !important;\n  margin-left: 50px !important;\n  align-self: flex-start !important;\n}\n#sbz92 .product_attachment {\n  margin-top: 10px !important;\n  border: 1px solid #d8d8d8 !important;\n  background: white !important;\n  border-radius: 7px !important;\n  overflow: hidden !important;\n  width: 200px !important;\n  display: inline-block !important;\n  vertical-align: top !important;\n  transition: all 0.1s !important;\n}\n#sbz92 .product_attachment.product_attachment__user {\n  margin-right: 50px !important;\n  align-self: flex-end !important;\n  margin-right: 0 !important;\n  margin-left: 50px !important;\n  align-self: flex-start !important;\n}\n#sbz92 .product_attachment__img {\n  width: 200px !important;\n  height: 200px !important;\n  border-bottom: 1px solid #d8d8d8 !important;\n  object-fit: cover !important;\n  display: block !important;\n}\n#sbz92 .product_attachment__price {\n  padding-left: 10px !important;\n}\n#sbz92 .product_attachment__btns {\n  margin-top: 5px !important;\n}\n#sbz92 .product_attachment__btn {\n  border-top: 1px solid #d8d8d8 !important;\n  display: flex !important;\n  padding: 8px 10px !important;\n  align-items: center !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  justify-content: center !important;\n  cursor: pointer !important;\n  text-transform: capitalize !important;\n}\n#sbz92 .product_attachment__btn:last-child {\n  margin-right: 0 !important;\n}\n#sbz92 .product_attachment__btn:hover {\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n}\n#sbz92 a.product_attachment__title {\n  display: block !important;\n  padding: 8px 10px 0 10px !important;\n  font-weight: 500 !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  word-break: break-word !important;\n  margin-bottom: 5px !important;\n}\n#sbz92 .product_attachment__subtitle {\n  white-space: pre-wrap !important;\n  display: -webkit-box !important;\n  -webkit-line-clamp: 3 !important;\n  -webkit-box-orient: vertical !important;\n  overflow: hidden !important;\n  padding: 5px 10px !important;\n  color: #aaa !important;\n  -webkit-text-fill-color: #aaa !important;\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n  margin-bottom: 5px !important;\n}\n#sbz92 .product_attachment__btn_external_link {\n  width: 16px !important;\n  height: 16px !important;\n  margin-left: 5px !important;\n  margin-top: -2px !important;\n}\n#sbz92 .agent-convo-event-wrapper {\n  max-width: 85% !important;\n  margin-top: 5px !important;\n}\n#sbz92 .agent-convo-event-wrapper.full {\n  max-width: 100% !important;\n}\n#sbz92 .agent-convo-event-inner {\n  position: relative !important;\n  display: inline-block !important;\n  max-width: 100% !important;\n}\n#sbz92 .message-event-actions {\n  position: absolute !important;\n  bottom: -10px !important;\n  opacity: 0.7 !important;\n  left: calc(100% - 25px) !important;\n  display: none !important;\n  border: 1px solid #dee2e6 !important;\n  background-color: white !important;\n  border-radius: 4px !important;\n  z-index: 10 !important;\n}\n#sbz92 .message-event-actions.ended {\n  bottom: -10px !important;\n}\n#sbz92 .message-event-actions:hover {\n  opacity: 1 !important;\n}\n#sbz92 .agent-convo-event-inner:hover .message-event-actions {\n  display: flex !important;\n}\n#sbz92 .message-event-actions-static {\n  display: none !important;\n  margin-top: 2px !important;\n  border: none !important;\n  padding: 0 !important;\n  gap: 4px !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-actions {\n  display: none !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-actions-static {\n  display: flex !important;\n  position: absolute !important;\n  bottom: -30px !important;\n  left: 0 !important;\n  z-index: 2 !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn {\n  padding: 0 !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn .message-event-action-btn-svg {\n  width: 24px !important;\n  height: 24px !important;\n  background-position: 2px 2px !important;\n  background-size: 20px 20px !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn.message-event-action-btn__dev {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n  padding-right: 10px !important;\n  border-radius: 5px !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn.message-event-action-btn__dev .message-event-action-btn-svg {\n  width: 24px !important;\n  height: 24px !important;\n  background-position: 2px 2px !important;\n  background-size: 20px 20px !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn.message-event-action-btn__dev:hover {\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn.message-event-action-btn__dev.message-event-action-btn_like.active {\n  color: #34c759 !important;\n  -webkit-text-fill-color: #34c759 !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn.message-event-action-btn__dev.message-event-action-btn_like.active {\n  color: #34c759 !important;\n  -webkit-text-fill-color: #34c759 !important;\n}\n#sbz92 .message-event-action-btn.message-event-action-btn__dev:hover {\n  background-color: unset !important;\n}\n#sbz92 .message-event-action-btn {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  cursor: pointer !important;\n  padding: 2px !important;\n}\n#sbz92 .message-event-action-btn:hover {\n  background-color: #ececec !important;\n}\n#sbz92 .message-event-action-btn.active:hover {\n  background-color: #dbfde3 !important;\n}\n#sbz92 .message-event-action-btn.message-event-action-btn__dev {\n  padding: 0px !important;\n}\n#sbz92 .message-event-action-btn.message-event-action-btn__dev:hover {\n  background-color: unset !important;\n}\n#sbz92 .message-event-action-btn.message-event-action-btn__dev.active:hover {\n  background-color: unset !important;\n}\n#sbz92 .message-event-action-btn .message-event-action-btn-svg {\n  width: 20px !important;\n  height: 20px !important;\n  border-radius: 4px !important;\n  background-position: 2px 2px !important;\n  background-size: 16px 16px !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n}\n#sbz92 .message-event-action-btn-svg.like {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9IiM2Yzc1N2QiICBzdHJva2Utd2lkdGg9IjIiICBzdHJva2UtbGluZWNhcD0icm91bmQiICBzdHJva2UtbGluZWpvaW49InJvdW5kIiAgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItdGh1bWItdXAiPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik03IDExdjhhMSAxIDAgMCAxIC0xIDFoLTJhMSAxIDAgMCAxIC0xIC0xdi03YTEgMSAwIDAgMSAxIC0xaDNhNCA0IDAgMCAwIDQgLTR2LTFhMiAyIDAgMCAxIDQgMHY1aDNhMiAyIDAgMCAxIDIgMmwtMSA1YTIgMyAwIDAgMSAtMiAyaC03YTMgMyAwIDAgMSAtMyAtMyIgLz48L3N2Zz4K') !important;\n}\n#sbz92 .message-event-action-btn-svg.dislike {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9IiM2Yzc1N2QiICBzdHJva2Utd2lkdGg9IjIiICBzdHJva2UtbGluZWNhcD0icm91bmQiICBzdHJva2UtbGluZWpvaW49InJvdW5kIiAgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItdGh1bWItZG93biI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTcgMTN2LThhMSAxIDAgMCAwIC0xIC0xaC0yYTEgMSAwIDAgMCAtMSAxdjdhMSAxIDAgMCAwIDEgMWgzYTQgNCAwIDAgMSA0IDR2MWEyIDIgMCAwIDAgNCAwdi01aDNhMiAyIDAgMCAwIDIgLTJsLTEgLTVhMiAzIDAgMCAwIC0yIC0yaC03YTMgMyAwIDAgMCAtMyAzIiAvPjwvc3ZnPgo=') !important;\n}\n#sbz92 .message-event-action-btn-svg.info {\n  background-image: url('data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9IiM2Yzc1N2QiCiAgc3Ryb2tlLXdpZHRoPSIyIgogIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIgo+CiAgPHBhdGggZD0iTTMgMTJhOSA5IDAgMSAwIDE4IDBhOSA5IDAgMCAwIC0xOCAwIiAvPgogIDxwYXRoIGQ9Ik0xMiA5aC4wMSIgLz4KICA8cGF0aCBkPSJNMTEgMTJoMXY0aDEiIC8+Cjwvc3ZnPgo=') !important;\n}\n#sbz92 .message-event-action-btn:hover .message-event-action-btn-svg.like {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImJsYWNrIiAgc3Ryb2tlLXdpZHRoPSIyIiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb25zLXRhYmxlci1vdXRsaW5lIGljb24tdGFibGVyLXRodW1iLXVwIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNyAxMXY4YTEgMSAwIDAgMSAtMSAxaC0yYTEgMSAwIDAgMSAtMSAtMXYtN2ExIDEgMCAwIDEgMSAtMWgzYTQgNCAwIDAgMCA0IC00di0xYTIgMiAwIDAgMSA0IDB2NWgzYTIgMiAwIDAgMSAyIDJsLTEgNWEyIDMgMCAwIDEgLTIgMmgtN2EzIDMgMCAwIDEgLTMgLTMiIC8+PC9zdmc+Cg==') !important;\n}\n#sbz92 .message-event-action-btn:hover .message-event-action-btn-svg.dislike {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImJsYWNrIiAgc3Ryb2tlLXdpZHRoPSIyIiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb25zLXRhYmxlci1vdXRsaW5lIGljb24tdGFibGVyLXRodW1iLWRvd24iPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik03IDEzdi04YTEgMSAwIDAgMCAtMSAtMWgtMmExIDEgMCAwIDAgLTEgMXY3YTEgMSAwIDAgMCAxIDFoM2E0IDQgMCAwIDEgNCA0djFhMiAyIDAgMCAwIDQgMHYtNWgzYTIgMiAwIDAgMCAyIC0ybC0xIC01YTIgMyAwIDAgMCAtMiAtMmgtN2EzIDMgMCAwIDAgLTMgMyIgLz48L3N2Zz4K') !important;\n}\n#sbz92 .message-event-action-btn:hover .message-event-action-btn-svg.info {\n  background-image: url('data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9IiMwMDAiCiAgc3Ryb2tlLXdpZHRoPSIyIgogIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIgo+CiAgPHBhdGggZD0iTTMgMTJhOSA5IDAgMSAwIDE4IDBhOSA5IDAgMCAwIC0xOCAwIiAvPgogIDxwYXRoIGQ9Ik0xMiA5aC4wMSIgLz4KICA8cGF0aCBkPSJNMTEgMTJoMXY0aDEiIC8+Cjwvc3ZnPgo=') !important;\n}\n#sbz92 .message-event-action-btn.active .message-event-action-btn-svg.like {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9IiMzNEM3NTkiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItZmlsbGVkIGljb24tdGFibGVyLXRodW1iLXVwIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTMgM2EzIDMgMCAwIDEgMi45OTUgMi44MjRsLjAwNSAuMTc2djRoMmEzIDMgMCAwIDEgMi45OCAyLjY1bC4wMTUgLjE3NGwuMDA1IC4xNzZsLS4wMiAuMTk2bC0xLjAwNiA1LjAzMmMtLjM4MSAxLjYyNiAtMS41MDIgMi43OTYgLTIuODEgMi43OGwtLjE2NCAtLjAwOGgtOGExIDEgMCAwIDEgLS45OTMgLS44ODNsLS4wMDcgLS4xMTdsLjAwMSAtOS41MzZhMSAxIDAgMCAxIC41IC0uODY1YTIuOTk4IDIuOTk4IDAgMCAwIDEuNDkyIC0yLjM5N2wuMDA3IC0uMjAydi0xYTMgMyAwIDAgMSAzIC0zeiIgLz48cGF0aCBkPSJNNSAxMGExIDEgMCAwIDEgLjk5MyAuODgzbC4wMDcgLjExN3Y5YTEgMSAwIDAgMSAtLjg4MyAuOTkzbC0uMTE3IC4wMDdoLTFhMiAyIDAgMCAxIC0xLjk5NSAtMS44NWwtLjAwNSAtLjE1di03YTIgMiAwIDAgMSAxLjg1IC0xLjk5NWwuMTUgLS4wMDVoMXoiIC8+PC9zdmc+Cg==') !important;\n}\n#sbz92 .message-event-action-btn.active .message-event-action-btn-svg.dislike {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI0ODBfOTUpIj4KPHBhdGggZD0iTTEzIDIxLjAwNzlDMTMuNzY1IDIxLjAwOCAxNC41MDEyIDIwLjcxNTcgMTUuMDU3OSAyMC4xOTFDMTUuNjE0NyAxOS42NjYyIDE1Ljk0OTkgMTguOTQ4NiAxNS45OTUgMTguMTg0OUwxNiAxOC4wMDc5VjE0LjAwNzlIMThDMTguNzM1MSAxNC4wMDggMTkuNDQ0NyAxMy43MzgyIDE5Ljk5NCAxMy4yNDk3QzIwLjU0MzQgMTIuNzYxMiAyMC44OTQyIDEyLjA4OCAyMC45OCAxMS4zNTc5TDIwLjk5NSAxMS4xODQ5TDIxIDExLjAwNzlMMjAuOTggMTAuODExOUwxOS45NzQgNS43Nzk5MkMxOS41OTMgNC4xNTQ5MiAxOC40NzIgMi45ODM5MiAxNy4xNjQgMi45OTk5MkwxNyAzLjAwNzkySDlDOC43NTQ5MSAzLjAwNzk4IDguNTE4MzggMy4wOTgwNCA4LjMzNTMzIDMuMjYxMDFDOC4xNTIyNyAzLjQyMzk3IDguMDM1NDMgMy42NDg0OSA4LjAwNyAzLjg5MTkyTDggNC4wMDc5Mkw4LjAwMSAxMy41NDM5QzguMDAxIDEzLjcxOTUgOC4wNDcyMSAxMy44OTE5IDguMTM0OTggMTQuMDQzOUM4LjIyMjc1IDE0LjE5NTkgOC4zNDg5OCAxNC4zMjIyIDguNTAxIDE0LjQwOTlDOC45MjcyOSAxNC42NTYxIDkuMjg2NCAxNS4wMDM1IDkuNTQ2NjEgMTUuNDIxM0M5LjgwNjgyIDE1LjgzOTIgOS45NjAxMyAxNi4zMTQ3IDkuOTkzIDE2LjgwNTlMMTAgMTcuMDA3OVYxOC4wMDc5QzEwIDE4LjgwMzYgMTAuMzE2MSAxOS41NjY2IDEwLjg3ODcgMjAuMTI5MkMxMS40NDEzIDIwLjY5MTggMTIuMjA0NCAyMS4wMDc5IDEzIDIxLjAwNzlaIiBmaWxsPSIjMzMzMzMzIi8+CjxwYXRoIGQ9Ik01IDE0LjAwODFDNS4yNDQ5MyAxNC4wMDggNS40ODEzNCAxMy45MTgxIDUuNjY0MzcgMTMuNzU1M0M1Ljg0NzQxIDEzLjU5MjYgNS45NjQzNCAxMy4zNjgzIDUuOTkzIDEzLjEyNTFMNiAxMy4wMDgxVjQuMDA4MDZDNS45OTk5NyAzLjc2MzEyIDUuOTEwMDQgMy41MjY3MiA1Ljc0NzI4IDMuMzQzNjhDNS41ODQ1MyAzLjE2MDY1IDUuMzYwMjUgMy4wNDM3MSA1LjExNyAzLjAxNTA2TDUgMy4wMDgwNkg0QzMuNDk1MSAzLjAwNzkzIDMuMDA4ODQgMy4xOTg3OCAyLjYzODgxIDMuNTQyMjlDMi4yNjg3OCAzLjg4NTc5IDIuMDQyMzYgNC4zNTY1NCAyLjAwNSA0Ljg2MDA2TDIgNS4wMTAwNlYxMi4wMTAxQzIuMDAwMDkgMTIuNTE0NSAyLjE5MDc3IDEzLjAwMDIgMi41MzM4NCAxMy4zN0MyLjg3NjkgMTMuNzM5NyAzLjM0NzAyIDEzLjk2NjIgMy44NSAxNC4wMDQxTDQgMTQuMDA5MUw1IDE0LjAwODFaIiBmaWxsPSIjMzMzMzMzIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjQ4MF85NSI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K') !important;\n}\n#sbz92 .inline-time {\n  font-size: 13px !important;\n  margin-top: 6px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  font-weight: 500 !important;\n  opacity: 0.4 !important;\n}\n#sbz92 .message-text-inline-image-wrapper {\n  display: block !important;\n  margin-top: 8px !important;\n  margin-bottom: 8px !important;\n  max-width: 100% !important;\n}\n#sbz92 .message-text-inline-image {\n  width: 100% !important;\n}\n#sbz92 .text-message-ul {\n  display: block !important;\n  list-style-type: disc !important;\n  margin-block-start: 8px !important;\n  margin-block-end: 8px !important;\n  padding-inline-start: 20px !important;\n}\n#sbz92 .text-message-ol {\n  display: block !important;\n  list-style-type: decimal !important;\n  margin-block-start: 8px !important;\n  margin-block-end: 8px !important;\n  padding-inline-start: 20px !important;\n}\n#sbz92 .text-message-li {\n  display: list-item !important;\n}\n#sbz92 .agent-message .text-message-link {\n  color: #0d6efd !important;\n  -webkit-text-fill-color: #0d6efd !important;\n  font-weight: 400 !important;\n}\n#sbz92 .agent-message .text-message-link:hover {\n  color: #024dbc !important;\n  -webkit-text-fill-color: #024dbc !important;\n}\n#sbz92 .user-message .text-message-link {\n  text-decoration: underline !important;\n  text-decoration-color: rgba(255, 255, 255, 0.6) !important;\n  text-underline-offset: 4px !important;\n}\n#sbz92 .user-message .text-message-link:hover {\n  text-decoration-color: #fff !important;\n  background-color: rgba(255, 255, 255, 0.08) !important;\n}\n#sbz92 .message-quote {\n  padding: 6px 10px !important;\n  border-left: 3px solid '@primary_color' !important;\n  background-color: #dfdfdf !important;\n  border-top-left-radius: 0 !important;\n  border-bottom-left-radius: 0 !important;\n  margin-bottom: 8px !important;\n  max-width: 100% !important;\n}\n#sbz92 .message-quote-title {\n  font-weight: 600 !important;\n  font-size: 14px !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n}\n#sbz92 .message-quote-content {\n  opacity: 0.7 !important;\n  color: '@secondary_color' !important;\n  -webkit-text-fill-color: '@secondary_color' !important;\n  font-size: 14px !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n}\n#sbz92 .message-quote-inner-img {\n  width: 36px !important;\n  height: 36px !important;\n  object-fit: cover !important;\n}\n#sbz92 .message-quote-inner {\n  margin-left: 15px !important;\n  flex: 1 !important;\n  overflow: hidden !important;\n}\n#sbz92 .image-attachment.just-focused {\n  box-shadow: 0 0 0 2px #000 !important;\n}\n#sbz92 .file-attachment.just-focused {\n  box-shadow: 0 0 0 2px #000 !important;\n}\n#sbz92 .widget_body_empty_img {\n  max-width: 150px !important;\n  max-height: 150px !important;\n}\n#sbz92 .emoji {\n  position: relative !important;\n  width: 20px !important;\n  height: 20px !important;\n  background-size: 100% !important;\n  background-repeat: no-repeat !important;\n  border: none !important;\n  display: inline-block !important;\n  vertical-align: text-bottom !important;\n}\n#sbz92 .emoji--angry {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_1___ + ") !important;\n}\n#sbz92 .emoji--confused {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_2___ + ") !important;\n}\n#sbz92 .emoji--crying,\n#sbz92 .emoji--cry {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_3___ + ") !important;\n}\n#sbz92 .emoji--grinning {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_4___ + ") !important;\n}\n#sbz92 .emoji--heart_eyes,\n#sbz92 .emoji--heart-eyes {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_5___ + ") !important;\n}\n#sbz92 .emoji--neutral_face,\n#sbz92 .emoji--neutral {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_6___ + ") !important;\n}\n#sbz92 .emoji--disappointed,\n#sbz92 .emoji--sad {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_7___ + ") !important;\n}\n#sbz92 .emoji--sleepy {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_8___ + ") !important;\n}\n#sbz92 .emoji--smile,\n#sbz92 .emoji--smiling {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_9___ + ") !important;\n}\n#sbz92 .emoji--open_mouth,\n#sbz92 .emoji--surprised {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_10___ + ") !important;\n}\n#sbz92 .emoji--tired_face,\n#sbz92 .emoji--tired {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_11___ + ") !important;\n}\n#sbz92 .emoji--stuck_out_tongue,\n#sbz92 .emoji--tongue-out {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_12___ + ") !important;\n}\n#sbz92 .emoji--wink {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_13___ + ") !important;\n}\n#sbz92 .emoji--moyai {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_14___ + ") !important;\n}\n#sbz92 .emoji--dislike,\n#sbz92 .emoji--unlike,\n#sbz92 .emoji--thumbsdown {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_15___ + ") !important;\n}\n#sbz92 .emoji--like,\n#sbz92 .emoji--thumbsup {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_16___ + ") !important;\n}\n#sbz92 .emoji--ok_hand {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_17___ + ") !important;\n}\n#sbz92 .emoji--octopus {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_18___ + ") !important;\n}\n#sbz92 .emoji--pig2 {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_19___ + ") !important;\n}\n#sbz92 .emoji--wave {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_20___ + ") !important;\n}\n#sbz92 .emoji--mouse {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_21___ + ") !important;\n}\n#sbz92 .emoji--mouse2 {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_22___ + ") !important;\n}\n#sbz92 .emoji--rat {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_23___ + ") !important;\n}\n#sbz92 .emoji-picker {\n  display: flex !important;\n  flex-direction: row !important;\n  z-index: 20 !important;\n  position: absolute !important;\n  max-width: 240px !important;\n  background: #fff !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  border-radius: 10px !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n  right: 15px !important;\n  bottom: 55px !important;\n  flex-wrap: wrap !important;\n  padding: 10px !important;\n  justify-content: space-between !important;\n  align-items: center !important;\n}\n#sbz92 .emoji-picker--item {\n  background-size: 100% !important;\n  width: 30px !important;\n  height: 30px !important;\n  position: relative !important;\n  background-repeat: no-repeat !important;\n  display: inline-block !important;\n  vertical-align: text-bottom !important;\n  margin: 5px !important;\n  cursor: pointer !important;\n  transition: background-color 0.2s !important;\n}\n#sbz92 .emoji-picker-background-item {\n  background-size: 50% !important;\n  width: 40px !important;\n  height: 40px !important;\n  border-radius: 100% !important;\n}\n#sbz92 .emoji-picker-background-item:hover {\n  background-color: #dee2e6 !important;\n}\n#sbz92 .convo-list {\n  display: flex !important;\n  flex-direction: column !important;\n  flex: 1 !important;\n  width: 100% !important;\n  justify-content: space-between !important;\n  overflow: auto !important;\n  margin-top: -60px !important;\n  padding-left: 22.5px !important;\n  padding-right: 22.5px !important;\n}\n#sbz92 .convo-list--list {\n  background: #fff !important;\n  overflow-y: auto !important;\n  overflow-x: hidden !important;\n}\n#sbz92 .convo-list--title {\n  font-weight: 500 !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  background: #fff !important;\n  border-bottom: 1px solid #f0f0f0 !important;\n  padding: 15px !important;\n}\n#sbz92 .convo-list--container {\n  border-radius: 10px !important;\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;\n  overflow: auto !important;\n  display: flex !important;\n  flex-direction: column !important;\n  user-select: none !important;\n}\n#sbz92 .convo-list--footer {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  margin-top: 22.5px !important;\n}\n#sbz92 .convo-list--convo-last-info {\n  overflow: hidden !important;\n  white-space: nowrap !important;\n  justify-content: center !important;\n  display: flex !important;\n  flex-direction: column !important;\n  flex: 1 !important;\n  margin-left: 15px !important;\n}\n#sbz92 .convo-list--convo-last-message {\n  font-weight: normal !important;\n  flex: 1 !important;\n  cursor: pointer !important;\n  display: flex !important;\n  width: 100% !important;\n  overflow: hidden !important;\n  align-items: center !important;\n}\n#sbz92 .convo-list--convo-last-mes {\n  text-overflow: ellipsis !important;\n  opacity: 0.6 !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  font-weight: normal !important;\n}\n#sbz92 .convo-list--convo-title {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  font-weight: 500 !important;\n}\n#sbz92 .convo-list--convo-completed {\n  width: 14px !important;\n}\n#sbz92 .convo-list--convo-name {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  flex: 1 !important;\n  margin-right: 16px !important;\n  cursor: pointer !important;\n}\n#sbz92 .convo-list--item {\n  cursor: pointer !important;\n  border-bottom: 1px solid '@primary_color_faded' !important;\n  padding: 15px !important;\n  display: flex !important;\n  flex-direction: row !important;\n  transition: background 0.15s ease !important;\n}\n#sbz92 .convo-list--item:hover {\n  background: '@primary_color_faded' !important;\n}\n#sbz92 .convo-list--convo-time span {\n  font-size: 14px !important;\n  line-height: 20px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  opacity: 0.6 !important;\n  min-width: 70px !important;\n  cursor: pointer !important;\n}\n#sbz92 .convo-list--item-unread {\n  width: 8px !important;\n  height: 8px !important;\n  background: #dc3545 !important;\n  border-radius: 50% !important;\n  margin-left: 15px !important;\n  align-self: center !important;\n}\n#sbz92 .convo-list--item-avatar {\n  width: 32px !important;\n  height: 32px !important;\n}\n#sbz92 .widget-body--empty {\n  display: flex !important;\n  flex: 1 !important;\n  justify-content: center !important;\n  align-items: center !important;\n  flex-direction: column !important;\n}\n#sbz92 .widget-body--empty-text {\n  color: #343a40 !important;\n  -webkit-text-fill-color: #343a40 !important;\n  margin-top: 30px !important;\n  text-align: center !important;\n}\n#sbz92 .mobile .widget-container {\n  border-radius: 0px !important;\n  max-height: 100% !important;\n  margin-bottom: 0 !important;\n  top: auto !important;\n  left: 0 !important;\n  right: 0 !important;\n  width: 100% !important;\n  height: '@mobile_height' !important;\n  opacity: 1 !important;\n  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1) !important;\n}\n#sbz92 .mobile .widget-container.widget-container--left {\n  left: 0 !important;\n  right: 0 !important;\n}\n#sbz92 .mobile .widget-container.widget-container--right {\n  right: 0 !important;\n  left: 0 !important;\n}\n#sbz92 .mobile .widget-container.widget-container--hide {\n  top: -100vh !important;\n  opacity: 0 !important;\n  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1), bottom 0.15s cubic-bezier(1, 0.5, 0.8, 1) !important;\n}\n#sbz92 .widget-container.widget-container--left {\n  left: '@desktop_button.margin_x' !important;\n  right: unset !important;\n}\n#sbz92 .widget-container.widget-container--right {\n  right: '@desktop_button.margin_x' !important;\n  left: unset !important;\n}\n#sbz92 .widget-container {\n  max-height: 100% !important;\n  max-height: '@desktop_widget_max_height' !important;\n  max-width: 100% !important;\n  background: #fff !important;\n  z-index: '@z_index_3' !important;\n  border-radius: 15px !important;\n  box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.13) !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  position: '@widget_position' !important;\n  margin-bottom: '@desktop_button.margin_y' !important;\n  width: '@width' !important;\n  height: '@height' !important;\n  bottom: 0 !important;\n  opacity: 1 !important;\n  transform: translateY(0) !important;\n  transition: transform 0.15s cubic-bezier(1, 0.5, 0.8, 1), opacity 0.2s cubic-bezier(1, 0.5, 0.8, 1), scale 0.15s ease !important;\n  visibility: visible !important;\n  overflow: hidden !important;\n}\n#sbz92 .widget-container.widget-container--full {\n  max-height: 100% !important;\n  height: 100% !important;\n  margin-bottom: 0 !important;\n}\n#sbz92 .widget-container.widget-container--hide {\n  opacity: 0 !important;\n  transform: translateY(20px) !important;\n  visibility: hidden !important;\n  transition: transform 0.15s cubic-bezier(1, 0.5, 0.8, 1), opacity 0.1s cubic-bezier(1, 0.5, 0.8, 1), visibility 0.1s cubic-bezier(1, 0.5, 0.8, 1) !important;\n}\n#sbz92 .btn--start-convo {\n  border-radius: 7px !important;\n  flex-shrink: 0 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  padding-left: 32px !important;\n  padding-right: 32px !important;\n  height: 42px !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  font-size: 16px !important;\n  font-weight: 500 !important;\n  line-height: 20px !important;\n  text-align: center !important;\n  background: '@primary_color' !important;\n  width: 100% !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  transition: filter 250ms ease !important;\n}\n#sbz92 .btn--start-convo::after {\n  display: none !important;\n}\n#sbz92 .btn--start-convo:hover {\n  filter: brightness(1.1) !important;\n}\n#sbz92 .btn--start-convo:disabled {\n  opacity: 0.5 !important;\n  cursor: default !important;\n  pointer-events: none !important;\n}\n#sbz92 .widget-body.widget-body--none {\n  display: none !important;\n}\n#sbz92 .widget-body {\n  flex: 1 !important;\n  flex-grow: 1 !important;\n  z-index: -1 !important;\n  width: 100% !important;\n  overflow-y: auto !important;\n  flex-direction: column !important;\n  display: flex !important;\n  position: relative !important;\n}\n#sbz92 .embed-chat .widget-body--events {\n  width: 600px !important;\n  margin: 0 auto !important;\n  max-width: 100% !important;\n}\n#sbz92 .embed-chat .message-input {\n  max-width: 600px !important;\n  margin: 20px auto !important;\n}\n#sbz92 .embed-chat .widget-header--inner {\n  max-width: 100% !important;\n  width: 600px !important;\n}\n#sbz92 .embed-chat .widget-body--content {\n  width: 600px !important;\n  margin: 0 auto !important;\n  max-width: 100% !important;\n}\n#sbz92 .embed-chat .convo-list {\n  width: 600px !important;\n  margin: 0 auto !important;\n  max-width: 100% !important;\n}\n#sbz92 .widget-body--content {\n  overflow-y: auto !important;\n  overflow-x: hidden !important;\n  flex: 1 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  position: relative !important;\n  min-height: 0 !important;\n}\n#sbz92 .poweredby {\n  margin-bottom: 15px !important;\n  text-align: center !important;\n}\n#sbz92 .poweredby .poweredby--text {\n  text-decoration: none !important;\n  font-size: 13px !important;\n  color: #7c7c7c !important;\n  -webkit-text-fill-color: #7c7c7c !important;\n  vertical-align: baseline !important;\n}\n#sbz92 .poweredby .poweredby--text .poweredby--subiz-logo {\n  opacity: 0.7 !important;\n  margin-top: -1px !important;\n  height: 12px !important;\n}\n#sbz92 .poweredby .poweredby--text:hover {\n  color: #333 !important;\n  -webkit-text-fill-color: #333 !important;\n}\n#sbz92 .poweredby .poweredby--text:hover .poweredby--subiz-logo {\n  opacity: 1 !important;\n}\n#sbz92 .empty-container {\n  display: flex !important;\n  justify-content: center !important;\n  flex-direction: column !important;\n  margin-top: 30px !important;\n  margin-bottom: 30px !important;\n}\n#sbz92 .empty-desc {\n  text-align: center !important;\n  margin: 30px !important;\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .chat-button--white-bg {\n  display: none !important;\n  z-index: -1 !important;\n}\n#sbz92 .chat-button--white-bg--mask-only {\n  background: white !important;\n  width: 66px !important;\n  height: 66px !important;\n  top: 2px !important;\n  left: 2px !important;\n  position: absolute !important;\n  border-radius: 50% !important;\n  display: block !important;\n}\n#sbz92 .mobile .chat-button--default {\n  width: '@mobile_button.width' !important;\n  height: '@mobile_button.height' !important;\n  background: '@background' !important;\n  border-radius: '@mobile_button.border_radius' !important;\n}\n#sbz92 .mobile .widget-layout {\n  bottom: '@mobile_button.margin_y' !important;\n}\n#sbz92 .mobile .widget-layout.widget-layout--left {\n  left: '@mobile_button.margin_x' !important;\n  right: unset !important;\n}\n#sbz92 .mobile .widget-layout.widget-layout--right {\n  right: '@mobile_button.margin_x' !important;\n  left: unset !important;\n}\n#sbz92 .mobile .chat-button--img {\n  min-width: '@mobile_button.width' !important;\n}\n#sbz92 .chat-button {\n  cursor: pointer !important;\n  position: relative !important;\n  transform: scale(1) !important;\n  transition: opacity 200ms ease-in, transform 250ms cubic-bezier(0.34, 1.5, 0.64, 1) !important;\n}\n#sbz92 .chat-button.hidden {\n  visibility: hidden !important;\n  opacity: 0 !important;\n  transform: scale(0.2) !important;\n  pointer-events: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n  #sbz92 .chat-button {\n    transition: none !important;\n  }\n}\n#sbz92 .chat-button:not(.hidden):hover {\n  filter: brightness(1.1) !important;\n  transform: scale(1.05) !important;\n}\n#sbz92 .chat-button--img {\n  opacity: 0 !important;\n  min-width: '@desktop_button.width' !important;\n  display: block !important;\n}\n#sbz92 .chat-button.chat-button--left {\n  float: left !important;\n}\n#sbz92 .chat-button.chat-button--right {\n  float: right !important;\n}\n#sbz92 .widget-layout {\n  z-index: '@z_index_2' !important;\n  position: '@widget_position' !important;\n  bottom: '@desktop_button.margin_y' !important;\n  transition: opacity 150ms !important;\n  opacity: 1 !important;\n}\n#sbz92 .widget-layout.widget-layout--hidden {\n  opacity: 0 !important;\n  pointer-events: none !important;\n}\n#sbz92 .widget-layout.widget-layout--left {\n  left: '@desktop_button.margin_x' !important;\n  right: unset !important;\n}\n#sbz92 .widget-layout.widget-layout--right {\n  right: '@desktop_button.margin_x' !important;\n  left: unset !important;\n}\n#sbz92 .chat-button--unread {\n  position: absolute !important;\n  right: 0px !important;\n  top: -5px !important;\n  background: #dc3545 !important;\n  padding-left: 5px !important;\n  padding-right: 5px !important;\n  padding-top: 2px !important;\n  padding-bottom: 2px !important;\n  border-radius: 5px !important;\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n}\n#sbz92 .widget-preview {\n  z-index: '@z_index_3' !important;\n  background: #fff !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n  border-radius: 15px !important;\n  max-width: 100% !important;\n  width: 340px !important;\n  margin-bottom: 20px !important;\n}\n#sbz92 .widget-preview.widget-preview--hidden {\n  display: none !important;\n}\n#sbz92 .widget-preview--btn-close {\n  cursor: pointer !important;\n  opacity: 0.5 !important;\n  align-self: flex-start !important;\n  background-color: #e5e5e5 !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXIteCI+PGxpbmUgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCI+PC9saW5lPjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iMTgiPjwvbGluZT48L3N2Zz4K') !important;\n  background-size: 16px 16px !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  width: 24px !important;\n  height: 24px !important;\n  display: block !important;\n  border-radius: 100% !important;\n  transition: background-color 0.2s !important;\n}\n#sbz92 .widget-preview--btn-close:hover {\n  opacity: 1 !important;\n}\n#sbz92 .widget-preview--avatar {\n  width: 45px !important;\n  height: 45px !important;\n  border: 1px solid rgba(31, 54, 90, 0.1) !important;\n  border-radius: 100% !important;\n  margin-right: 15px !important;\n}\n#sbz92 .widget-preview--body {\n  display: flex !important;\n  padding: 15px !important;\n}\n#sbz92 .widget-preview--title {\n  display: block !important;\n  font-size: 15px !important;\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n  margin-bottom: 5px !important;\n  opacity: 0.7 !important;\n}\n#sbz92 .widget-preview--content {\n  cursor: pointer !important;\n  flex: 1 !important;\n  overflow: hidden !important;\n}\n#sbz92 .widget-preview--message {\n  white-space: pre-wrap !important;\n  word-wrap: break-word !important;\n  font-weight: 500 !important;\n  font-size: 16px !important;\n  display: block !important;\n  margin: 0 !important;\n  margin-bottom: 0px !important;\n  max-height: 78px !important;\n  overflow: hidden !important;\n}\n#sbz92 .widget-preview--action {\n  border-top: 1px solid #f0f0f0 !important;\n  cursor: pointer !important;\n  padding: 13px !important;\n}\n#sbz92 .widget-preview--action-text {\n  display: block !important;\n  text-align: center !important;\n  font-weight: 500 !important;\n  font-size: 16px !important;\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n  margin: 0 !important;\n}\n#sbz92 .widget-internet-status {\n  position: absolute !important;\n  bottom: 0 !important;\n  left: 0 !important;\n  width: 100% !important;\n  font-size: 14px !important;\n  z-index: 10 !important;\n  text-align: center !important;\n  padding: 6px 5px !important;\n}\n#sbz92 .widget-internet-status.negative {\n  background-color: #212325 !important;\n  color: #fff !important;\n}\n#sbz92 .widget-internet-status.positive {\n  background-color: #19b600 !important;\n  color: #fff !important;\n}\n#sbz92 .widget-preview-text-message--header {\n  display: flex !important;\n  overflow: hidden !important;\n  align-items: center !important;\n  width: 100% !important;\n}\n#sbz92 .widget-preview-text-message--header .widget-preview--avatar {\n  width: 24px !important;\n  height: 24px !important;\n  flex-shrink: 0 !important;\n  margin-right: 10px !important;\n}\n#sbz92 .widget-preview-text-message--author {\n  flex: 1 !important;\n  overflow: hidden !important;\n  display: flex !important;\n  align-items: center !important;\n}\n#sbz92 .widget-preview-text-message--author .badge {\n  margin-left: 10px !important;\n}\n#sbz92 .widget-preview-text-message--author-text {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  line-height: 1.5 !important;\n  color: '@secondary_color' !important;\n  -webkit-text-fill-color: '@secondary_color' !important;\n}\n#sbz92 .widget-preview-text-message--content {\n  margin-top: 10px !important;\n  white-space: pre-wrap !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper {\n  z-index: '@z_index_3' !important;\n  width: 100% !important;\n  margin-bottom: 15px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.right {\n  align-items: flex-end !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.horizontal {\n  flex-direction: row !important;\n  flex-wrap: wrap !important;\n  align-items: center !important;\n  gap: 10px !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.horizontal.right {\n  justify-content: flex-end !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.horizontal.left {\n  justify-content: flex-start !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.horizontal .widget-preview-quick-reply-item {\n  margin: 0 !important;\n  max-width: 200px !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  padding: 6px 15px !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.horizontal .widget-preview-quick-reply-item:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .widget-preview-quick-reply-item {\n  border-radius: 20px !important;\n  padding: 8px 20px !important;\n  background: #fff !important;\n  border: 1.5px solid !important;\n  border-color: '@primary_color' !important;\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n  margin-bottom: 15px !important;\n  cursor: pointer !important;\n  transition: 0.3s ease !important;\n  position: relative !important;\n}\n#sbz92 .widget-preview-quick-reply-item:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .widget-preview-quick-reply-item:hover {\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n  background-color: '@primary_color' !important;\n}\n#sbz92 .widget-preview-image-wrapper {\n  z-index: '@z_index_3' !important;\n  width: 100% !important;\n  margin-bottom: 15px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n}\n#sbz92 .widget-preview-image-wrapper.right {\n  align-items: flex-end !important;\n}\n#sbz92 .widget-preview-image-item {\n  max-width: 300px !important;\n  border-radius: 15px !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n  border: 1px solid #dee2e6 !important;\n  overflow: hidden !important;\n  cursor: pointer !important;\n}\n#sbz92 .widget-preview-image-item img {\n  width: 100% !important;\n  max-height: 300px !important;\n  object-fit: cover !important;\n}\n#sbz92 .widget-preview-text-message {\n  z-index: '@z_index_3' !important;\n  background: #fff !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n  border-radius: 15px !important;\n  max-width: 100% !important;\n  min-width: 210px !important;\n  margin-bottom: 15px !important;\n  padding: 15px 20px !important;\n  position: relative !important;\n  cursor: pointer !important;\n}\n#sbz92 .widget-preview-text-message.right {\n  border-bottom-right-radius: 8px !important;\n}\n#sbz92 .widget-preview-text-message.left {\n  border-bottom-left-radius: 8px !important;\n}\n#sbz92 .widget-preview-new-wrapper {\n  max-width: '@preview_max_width' !important;\n  position: relative !important;\n  opacity: 1 !important;\n  transition: opacity 0.15s ease-in, transform 0.15s ease-in !important;\n  transform: translateY(0) !important;\n}\n#sbz92 .widget-preview-new-wrapper.hidden {\n  transform: translateY(20px) !important;\n  transition: opacity 0.15s ease-out, transform 0.15s ease-out !important;\n  opacity: 0 !important;\n}\n#sbz92 .widget-preview-new-wrapper:hover .widget-preview-x-wrapper {\n  display: flex !important;\n}\n#sbz92 .widget-preview-x-wrapper {\n  display: none !important;\n  justify-content: flex-start !important;\n  width: calc(100% + 40px) !important;\n  position: absolute !important;\n  padding: 15px 20px !important;\n  left: -20px !important;\n  bottom: 100% !important;\n}\n#sbz92 .widget-preview-x-wrapper.mobile {\n  display: flex !important;\n}\n#sbz92 .widget-preview-x-wrapper.right {\n  justify-content: flex-end !important;\n  left: unset !important;\n  right: -20px !important;\n}\n#sbz92 .widget-preview-x-wrapper .widget-preview--btn-close {\n  opacity: 1 !important;\n  width: 32px !important;\n  height: 32px !important;\n  border: 1px solid #ececec !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n  background-color: #00000040 !important;\n  background-size: 16px 16px !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXIteCI+PGxpbmUgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCI+PC9saW5lPjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iMTgiPjwvbGluZT48L3N2Zz4K') !important;\n}\n#sbz92 .widget-preview-x-wrapper .widget-preview--btn-close:hover {\n  border-color: #fff !important;\n  background-color: #00000066 !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXIteCI+PGxpbmUgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCI+PC9saW5lPjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iMTgiPjwvbGluZT48L3N2Zz4K') !important;\n}\n#sbz92 .rating--overlay {\n  position: absolute !important;\n  height: 100% !important;\n  width: 100% !important;\n  background: black !important;\n  opacity: 0.3 !important;\n  top: 0 !important;\n  left: 0 !important;\n  border-bottom-left-radius: 15px !important;\n  border-bottom-right-radius: 15px !important;\n  z-index: 9 !important;\n}\n#sbz92 .rating {\n  border-top-left-radius: 10px !important;\n  border-top-right-radius: 10px !important;\n  overflow: hidden !important;\n  position: absolute !important;\n  height: 400px !important;\n  max-height: 80% !important;\n  width: 100% !important;\n  bottom: 0 !important;\n  /* centering */\n  left: 0 !important;\n  background: white !important;\n  border-bottom-left-radius: 15px !important;\n  border-bottom-right-radius: 15px !important;\n  z-index: 10 !important;\n}\n#sbz92 .rating .rating--comment {\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  resize: none !important;\n  margin-left: 20px !important;\n  margin-right: 20px !important;\n  border: 2px solid lightgray !important;\n  border-radius: 5px !important;\n  padding: 10px !important;\n  height: 60px !important;\n  min-height: 60px !important;\n}\n#sbz92 .rating .rating--close-btn {\n  right: 20px !important;\n  top: -2px !important;\n  width: 22px !important;\n  height: 22px !important;\n  position: absolute !important;\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23acacac%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C/line%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C/line%3E%3C/svg%3E') !important;\n  cursor: pointer !important;\n}\n#sbz92 .rating .rating--close-btn:hover {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a0a0a0%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C/line%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C/line%3E%3C/svg%3E') !important;\n}\n#sbz92 .rating .rating--handle:hover .rating--thumb {\n  background: #e0e0e0 !important;\n}\n#sbz92 .rating .rating--thumb {\n  width: 70px !important;\n  height: 6px !important;\n  background: #eaeaea !important;\n  border-radius: 5px !important;\n  margin: 0 auto !important;\n  cursor: grabbing !important;\n  margin-top: 8px !important;\n  margin-bottom: 20px !important;\n}\n#sbz92 .rating .rating--content {\n  display: flex !important;\n  flex: 1 !important;\n  flex-grow: 1 !important;\n  height: calc(100% - 40px) !important;\n  flex-direction: column !important;\n  justify-content: space-between !important;\n}\n#sbz92 .rating .rating--heading {\n  margin: 0 !important;\n  font-weight: 500 !important;\n  font-size: 20px !important;\n  line-height: 20px !important;\n  text-align: center !important;\n  flex-grow: 1 !important;\n  position: relative !important;\n}\n#sbz92 .rating .rating--description {\n  text-align: center !important;\n  flex-grow: 1 !important;\n  font-size: 15px !important;\n  padding-left: 20px !important;\n  padding-right: 20px !important;\n  display: flex !important;\n  align-items: center !important;\n  margin-top: 10px !important;\n  margin-bottom: 15px !important;\n}\n#sbz92 .rating .rating-faces-container {\n  flex: 5 !important;\n  display: flex !important;\n  justify-content: space-around !important;\n  align-items: center !important;\n  margin: 10px 10px !important;\n}\n#sbz92 .rating .rating-face-container {\n  padding: 15px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  cursor: pointer !important;\n  border-radius: 10px !important;\n  user-select: none !important;\n  -webkit-transition: all 0.1s !important;\n  transition: all 0.1s !important;\n}\n#sbz92 .rating .rating-face-container:hover {\n  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1) !important;\n}\n#sbz92 .rating .rating-face--text {\n  margin-top: 10px !important;\n  margin-bottom: 0px !important;\n  font-size: 13px !important;\n  color: #4d4d4d !important;\n  -webkit-text-fill-color: #4d4d4d !important;\n}\n#sbz92 .rating .rating-no-thanks {\n  flex: 10 !important;\n  text-align: center !important;\n  cursor: pointer !important;\n  display: flex !important;\n  justify-content: center !important;\n  align-items: flex-end !important;\n  color: #acacac !important;\n  -webkit-text-fill-color: #acacac !important;\n}\n#sbz92 .rating .rating-no-thanks:hover {\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n}\n#sbz92 .text__danger {\n  color: #dc3545 !important;\n}\n#sbz92 .extension--close-btn {\n  background: #00000088 !important;\n  border-radius: 8px !important;\n  color: #ffffffaa !important;\n  -webkit-text-fill-color: #ffffffaa !important;\n  right: 10px !important;\n  top: -35px !important;\n  font-size: 14px !important;\n  position: absolute !important;\n  padding: 5px 15px !important;\n  cursor: pointer !important;\n}\n#sbz92 .extension--close-btn:hover {\n  background: #000000 !important;\n  color: #ffffff !important;\n  -webkit-text-fill-color: #ffffff !important;\n}\n#sbz92 .extension--handle {\n  margin-bottom: 10px !important;\n}\n#sbz92 .extension--handle:hover .extension--thumb {\n  background: #e0e0e0 !important;\n}\n#sbz92 .extension--thumb {\n  width: 70px !important;\n  cursor: grabbing !important;\n  margin: 0 auto !important;\n  height: 6px !important;\n  background: #eaeaea !important;\n  border-radius: 5px !important;\n  flex: 1 !important;\n  margin-top: 5px !important;\n}\n#sbz92 .extension {\n  border-top-left-radius: 10px !important;\n  position: absolute !important;\n  border-top-right-radius: 10px !important;\n  width: 100% !important;\n  bottom: 0 !important;\n  /* centering */\n  left: 0 !important;\n  border-bottom-left-radius: 15px !important;\n  border-bottom-right-radius: 15px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  background: white !important;\n  z-index: 10 !important;\n}\n#sbz92 .extension--overlay {\n  position: absolute !important;\n  height: 100% !important;\n  width: 100% !important;\n  background: black !important;\n  opacity: 0.3 !important;\n  top: 0 !important;\n  left: 0 !important;\n  border-bottom-left-radius: 15px !important;\n  border-bottom-right-radius: 15px !important;\n  z-index: 9 !important;\n}\n#sbz92 .order__footer {\n  margin-top: 40px !important;\n  color: #888 !important;\n  -webkit-text-fill-color: #888 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  margin-bottom: 20px !important;\n}\n#sbz92 .order__footer_delimiter {\n  width: 1px !important;\n  height: 15px !important;\n  border-right: 1px solid #bbb !important;\n}\n#sbz92 .order__footer_link {\n  padding: 0 10px !important;\n  font-size: 14px !important;\n  cursor: pointer !important;\n}\n#sbz92 .order__footer_link:hover {\n  text-decoration: none !important;\n  color: #555 !important;\n  -webkit-text-fill-color: #555 !important;\n}\n#sbz92 .desktop.order {\n  border-radius: 0 !important;\n  width: 780px !important;\n  margin: 0 auto !important;\n  height: 100% !important;\n}\n#sbz92 .desktop.order .order_section__line {\n  display: none !important;\n}\n#sbz92 .desktop.order .desktop_order__heading {\n  line-height: 20px !important;\n}\n#sbz92 .desktop.order .order_attachment__product_img {\n  width: 50px !important;\n  height: 50px !important;\n}\n#sbz92 .desktop.order .order_label {\n  font-weight: 500 !important;\n  margin-top: 30px !important;\n  margin-bottom: 10px !important;\n  font-size: 16px !important;\n}\n#sbz92 .desktop.order .order_label:first-child {\n  margin-top: 0 !important;\n}\n#sbz92 .desktop.order .order_recap {\n  margin-top: 0px !important;\n  background: #f4f4f4 !important;\n  margin-top: 20px !important;\n  width: 270px !important;\n  box-shadow: 0 0 0 1px hsla(0, 0%, 69%, 0.2), 0 15px 35px 0 rgba(49, 49, 93, 0.08), 0 5px 15px 0 rgba(0, 0, 0, 0.06) !important;\n  border-radius: 6px !important;\n  background-color: #fff !important;\n  padding: 32px 32px 20px !important;\n}\n#sbz92 .desktop.order .order_acc_header {\n  display: flex !important;\n  align-items: center !important;\n  margin-top: 20px !important;\n}\n#sbz92 .desktop.order .order_acc_logo {\n  height: 50px !important;\n}\n#sbz92 .desktop.order .order_acc_name {\n  font-size: 16px !important;\n  margin-left: 10px !important;\n  border-left: 1px solid #aaa !important;\n  padding-left: 10px !important;\n}\n#sbz92 .desktop.order .order_summary_line {\n  align-items: center !important;\n  overflow: hidden !important;\n  padding: 5px 0 !important;\n  display: flex !important;\n  justify-content: space-between !important;\n}\n#sbz92 .desktop_order__content {\n  display: flex !important;\n}\n#sbz92 .order {\n  width: 100% !important;\n  display: flex !important;\n  flex-direction: column !important;\n  background: white !important;\n  z-index: 10 !important;\n}\n#sbz92 .order .ship_card {\n  display: flex !important;\n  align-items: center !important;\n  overflow: hidden !important;\n  width: 190px !important;\n  cursor: pointer !important;\n  padding: 10px 15px !important;\n  box-shadow: none !important;\n  border: 2px solid #eee !important;\n  color: #777 !important;\n  -webkit-text-fill-color: #777 !important;\n  margin-top: 5px !important;\n  border-radius: 8px !important;\n  background: white !important;\n  transition: all 150ms ease-out !important;\n}\n#sbz92 .order .ship_card:hover {\n  color: #555 !important;\n  -webkit-text-fill-color: #555 !important;\n  border: 2px solid #aaa !important;\n}\n#sbz92 .order .ship_card.ship_card__active {\n  color: #333 !important;\n  -webkit-text-fill-color: #333 !important;\n  border: 2px solid #777 !important;\n  background: #fafafa !important;\n}\n#sbz92 .order .order_ship_icon {\n  margin-top: -3px !important;\n  width: 15px !important;\n  height: 15px !important;\n  opacity: 0.6 !important;\n}\n#sbz92 .order .card_section {\n  margin-top: 20px !important;\n  max-width: 500px !important;\n  box-shadow: 0 0 0 1px hsla(0, 0%, 69%, 0.2), 0 15px 35px 0 rgba(49, 49, 93, 0.08), 0 5px 15px 0 rgba(0, 0, 0, 0.06) !important;\n  border-radius: 6px !important;\n  background-color: #fff !important;\n  padding: 32px !important;\n}\n#sbz92 .order input[type='text'].form-control,\n#sbz92 .order input[type='number'].form-control,\n#sbz92 .order input[type='date'].form-control,\n#sbz92 .order textarea.form-control,\n#sbz92 .order select.form-control {\n  background: #f4f4f4 !important;\n  border: 1px solid transparent !important;\n  padding: 7px 10px !important;\n}\n#sbz92 .order input[type='text'].form-control:hover,\n#sbz92 .order input[type='number'].form-control:hover,\n#sbz92 .order input[type='date'].form-control:hover,\n#sbz92 .order textarea.form-control:hover,\n#sbz92 .order select.form-control:hover {\n  background: #f0f0f0 !important;\n}\n#sbz92 .order input[type='text'].form-control:focus,\n#sbz92 .order input[type='number'].form-control:focus,\n#sbz92 .order input[type='date'].form-control:focus,\n#sbz92 .order textarea.form-control:focus,\n#sbz92 .order select.form-control:focus,\n#sbz92 .order input[type='text'].form-control:active,\n#sbz92 .order input[type='number'].form-control:active,\n#sbz92 .order input[type='date'].form-control:active,\n#sbz92 .order textarea.form-control:active,\n#sbz92 .order select.form-control:active {\n  background: #eee !important;\n}\n#sbz92 .order input[type='text'].form-control.err,\n#sbz92 .order input[type='number'].form-control.err,\n#sbz92 .order input[type='date'].form-control.err,\n#sbz92 .order textarea.form-control.err,\n#sbz92 .order select.form-control.err {\n  background: #ffe6e6 !important;\n  border: 1px solid #ff8a8a !important;\n}\n#sbz92 .order .form {\n  box-shadow: none !important;\n  border: none !important;\n  padding: 0 !important;\n}\n#sbz92 .order .form .radio {\n  height: unset !important;\n}\n#sbz92 .order .order--content {\n  display: flex !important;\n  flex: 1 !important;\n  flex-direction: column !important;\n}\n#sbz92 .order .order--content-content {\n  flex: 1 !important;\n  overflow: auto !important;\n}\n#sbz92 .order .order--heading {\n  margin: 0 !important;\n  margin-top: 20px !important;\n  padding-left: 20px !important;\n  padding-right: 20px !important;\n  padding-bottom: 8px !important;\n  line-height: 20px !important;\n  position: relative !important;\n}\n#sbz92 .order .order--header-desc {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n  font-size: 13px !important;\n}\n#sbz92 .order .order__product_line {\n  display: flex !important;\n  overflow: hidden !important;\n}\n#sbz92 .order .order--footer {\n  text-align: k center !important;\n  cursor: pointer !important;\n  display: flex !important;\n  justify-content: center !important;\n  align-items: flex-end !important;\n  color: #acacac !important;\n  -webkit-text-fill-color: #acacac !important;\n}\n#sbz92 .order .order--footer:hover {\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n}\n#sbz92 .order .order_section_label {\n  color: #444 !important;\n  -webkit-text-fill-color: #444 !important;\n  margin-bottom: 5px !important;\n  text-transform: uppercase !important;\n  font-size: 13px !important;\n  font-weight: 500 !important;\n}\n#sbz92 .order .order_label {\n  color: #444 !important;\n  -webkit-text-fill-color: #444 !important;\n  margin-bottom: 5px !important;\n  text-transform: uppercase !important;\n  font-size: 13px !important;\n  font-weight: 500 !important;\n}\n#sbz92 .order .order_section {\n  padding-left: 20px !important;\n  padding-right: 20px !important;\n  padding-bottom: 15px !important;\n  padding-top: 15px !important;\n}\n#sbz92 .order .order_section__line {\n  border-top: 4px solid #eee !important;\n  width: 100% !important;\n}\n#sbz92 .order .order_summary_line {\n  overflow: hidden !important;\n  padding: 3px 0 !important;\n  display: flex !important;\n  justify-content: space-between !important;\n}\n#sbz92 .order .order_btn {\n  width: 100% !important;\n}\n#sbz92 .order .order_tracking_link {\n  text-decoration: underline !important;\n  cursor: pointer !important;\n}\n#sbz92 .order .order_tracking_link:hover {\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n}\n#sbz92 .order .order_tracking_link_icon {\n  margin-top: -3px !important;\n  width: 15px !important;\n  height: 15px !important;\n}\n#sbz92 .order .order_shipping_provider_logo {\n  width: 32px !important;\n  height: 32px !important;\n  margin-right: 10px !important;\n}\n#sbz92 .order .order_btn.order__btn__light {\n  background: #f0f0f0 !important;\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n  border-radius: 6px !important;\n  text-align: center !important;\n  padding: 8px !important;\n  cursor: pointer !important;\n}\n#sbz92 .order .order_btn.order__btn__light:hover {\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n  background: #ddd !important;\n}\n#sbz92 div.order__card {\n  display: flex !important;\n  padding: 15px !important;\n  box-shadow: none !important;\n  border: 2px solid #eee !important;\n  margin-top: 10px !important;\n  border-radius: 8px !important;\n  background: #fafafa !important;\n}\n#sbz92 div.order__card.order__card__active {\n  border: 2px solid #777 !important;\n  background: white !important;\n}\n#sbz92 .order_form_label {\n  margin-top: 10px !important;\n  margin-bottom: 4px !important;\n}\n#sbz92 .btn-confirm-order {\n  width: 100% !important;\n  background: '@primary_color' !important;\n  display: flex !important;\n  align-items: center !important;\n  border-radius: 5px !important;\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n  padding: 15px 10px !important;\n  cursor: pointer !important;\n  justify-content: center !important;\n  font-weight: 500 !important;\n  margin-top: 10px !important;\n}\n#sbz92 .btn-confirm-order:hover {\n  background: #0053d4 !important;\n}\n#sbz92 .order__total {\n  font-weight: 500 !important;\n  font-size: 20px !important;\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n}\n#sbz92 .btn-cancel-order {\n  color: #666 !important;\n  -webkit-text-fill-color: #666 !important;\n  text-decoration: underline !important;\n  display: inline-block !important;\n  margin-top: 10px !important;\n  cursor: pointer !important;\n}\n#sbz92 .btn-cancel-order:hover {\n  color: #333 !important;\n  -webkit-text-fill-color: #333 !important;\n}\n#sbz92 .order_status {\n  text-transform: uppercase !important;\n  background: black !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n  display: inline-block !important;\n  border-radius: 4px !important;\n  padding: 6px 6px 4px 6px !important;\n  line-height: 1 !important;\n  font-weight: 500 !important;\n  font-size: 12px !important;\n}\n#sbz92 .order_status.order_status__canceled {\n  background: whitesmoke !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .order_status.order_status__cancel {\n  background: whitesmoke !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .order_status.order_status__confirmed {\n  background: '@primary_color' !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__shipping {\n  background: #000 !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__fullfilled {\n  background: #28a745 !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__hold {\n  background: #dc3545 !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__draft {\n  background: #ffc107 !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__open {\n  background: #ffc107 !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_error {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  justify-content: center !important;\n  height: 100% !important;\n  width: 100% !important;\n}\n#sbz92 .order_attachment__note {\n  font-size: 14px !important;\n  white-space: pre-wrap !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  display: -webkit-box !important;\n  -webkit-line-clamp: 3 !important;\n  -webkit-box-orient: vertical !important;\n}\n#sbz92 .dropdown_select {\n  position: absolute !important;\n  background: white !important;\n  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;\n  border-radius: 5px !important;\n  width: 150px !important;\n  z-index: 20 !important;\n  overflow: hidden !important;\n}\n#sbz92 .dropdown_select__overlay {\n  top: 0 !important;\n  overflow: hidden !important;\n  position: absolute !important;\n  background: #000000aa !important;\n  z-index: 19 !important;\n  left: 0 !important;\n  right: 0 !important;\n  bottom: 0 !important;\n}\n#sbz92 .dropdown_select__item {\n  padding: 7px 10px !important;\n  cursor: pointer !important;\n}\n#sbz92 .dropdown_select__item:hover {\n  background: '@primary_color' !important;\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n}\n#sbz92 .dropdown_select_filter {\n  padding: 8px 10px !important;\n  border-bottom: 1px solid #eee !important;\n  position: relative !important;\n}\n#sbz92 .dropdown_select_filter:hover .dropdown_select_filter__icon {\n  opacity: 1 !important;\n}\n#sbz92 .dropdown_select_filter_input {\n  border-radius: 5px !important;\n  width: 100% !important;\n  display: block !important;\n  background: #f4f4f4 !important;\n  border: none !important;\n  padding: 7px 10px !important;\n  padding-left: 35px !important;\n}\n#sbz92 .dropdown_select_filter_input:hover {\n  background: #f0f0f0 !important;\n}\n#sbz92 .dropdown_select_filter_input:focus,\n#sbz92 .dropdown_select_filter_input:active {\n  background: #eee !important;\n}\n#sbz92 .dropdown_select_input {\n  border-radius: 5px !important;\n  overflow: hidden !important;\n  cursor: pointer !important;\n  flex-wrap: nowrap !important;\n  display: flex !important;\n  background: #f4f4f4 !important;\n  border: 1px solid trasparent !important;\n  padding: 7px 10px !important;\n  height: 32px !important;\n  min-width: 120px !important;\n  width: 100% !important;\n}\n#sbz92 .dropdown_select_input:hover {\n  background: #f0f0f0 !important;\n}\n#sbz92 .dropdown_select_input:focus,\n#sbz92 .dropdown_select_input:active {\n  background: #eee !important;\n}\n#sbz92 .dropdown_select_input.err {\n  background: #ffe6e6 !important;\n  border: 1px solid #ff8a8a !important;\n}\n#sbz92 .dropdown_select__items {\n  max-height: 300px !important;\n  min-height: 100px !important;\n  overflow-x: hidden !important;\n  overflow-y: auto !important;\n}\n#sbz92 .dropdown_select_filter__icon {\n  width: 22px !important;\n  height: 15px !important;\n  position: absolute !important;\n  z-index: 2 !important;\n  top: 15px !important;\n  left: 18px !important;\n  border-right: 1px solid #aaa !important;\n  padding-right: 7px !important;\n  opacity: 0.5 !important;\n}\n#sbz92 .dropdown_select_filter__empty {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  flex-direction: column !important;\n}\n#sbz92 .dropdown_select_filter__empty_img {\n  height: 50px !important;\n  margin-top: 10px !important;\n  margin-bottom: 10px !important;\n}\n#sbz92 .dropdown_select__caret {\n  width: 14px !important;\n  margin-top: 3px !important;\n  opacity: 0.6 !important;\n  height: 15px !important;\n}\ndiv#sbz92 {\n  all: initial;\n}\nbody div#sbz92 {\n  all: initial !important;\n}\n", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -3866,6 +3925,13 @@ module.exports = __webpack_require__.p + "assets/img/done_gray.d7e8203.svg";
 
 /***/ },
 
+/***/ 4218
+(module, __unused_webpack_exports, __webpack_require__) {
+
+module.exports = __webpack_require__.p + "assets/img/dot_chat.335fd8a.svg";
+
+/***/ },
+
 /***/ 6120
 (module, __unused_webpack_exports, __webpack_require__) {
 
@@ -4414,6 +4480,11 @@ var done_gray_namespaceFn = () => {
 	return __webpack_require__(9150);
 };
 
+// EXTERNAL MODULE: ./assets/img/dot_chat.svg
+var dot_chat_namespaceFn = () => {
+	return __webpack_require__(4218);
+};
+
 // EXTERNAL MODULE: ./assets/img/empty.svg
 var empty_namespaceFn = () => {
 	return __webpack_require__(9419);
@@ -4497,7 +4568,6 @@ let trackResponseFn = (param, done) => {
 };
 /* harmony default export */ const api = { default: (class {
   constructor(ApiURL, FileURL) {
-    _defineProperty(this, "sendBugReport", str => this.bugReq.post('/bugs', str));
     _defineProperty(this, "listConversations", _ => this.apireq.addQuery('user_id', this.uid).addQuery('integration_id', `${this.accid}.subizv4.subikon`).get(`/accounts/${this.accid}/conversations`));
     _defineProperty(this, "listMessages", (cid, limit, start_id) => this.apireq.addQuery('limit', limit).addQuery('start_id', start_id).get(`/accounts/${this.accid}/conversations/${cid}/messages`));
     _defineProperty(this, "ajax", api_ajax);
@@ -4667,7 +4737,6 @@ let trackResponseFn = (param, done) => {
     this.refreshLock = new util/* default */.A.Mutex();
     this.FileURL = FileURL;
     this.ApiURL = ApiURL;
-    this.bugReq = api_ajax.setBaseUrl('https://api5.subiz.com.vn/4.1').setContentType('text/plain');
     this.api41 = api_ajax.setBaseUrl('https://api.sbz.vn/4.1').withCredentials(true).setContentType('text/plain').beforeHook(jsonifyTextPlain).afterHook(trackResponseFn).beforeHook(trackRequestFn).setParser('json');
     this.apireq = api_ajax.setBaseUrl(ApiURL).withCredentials(true).addQuery('v', '6').setContentType('text/plain').beforeHook(jsonifyTextPlain).afterHook(trackResponseFn).setParser('json').beforeHook(trackRequestFn).beforeHook((param, done) => {
       if (this.token_generator) {
@@ -4908,7 +4977,7 @@ const LIMIT = 80;
 }) }.default;
 function lsdb_toString(obj) {
   if (obj === undefined) return 'null';
-  return JSON.stringify(obj);
+  return util/* default */.A.stringify(obj);
 }
 ;// ./src/store/chain.js
 const ChainMaxSize = 50;
@@ -5011,6 +5080,20 @@ class Chain {
     this.cache[chain] = inmemItemM;
     return {};
   }
+  merge(chain, items) {
+    if (this.dead) return;
+    const cached = this.cache[chain] || {};
+    for (const item of items) {
+      const node = {
+        ...item,
+        chain,
+        full_id: chain + ':' + item.id
+      };
+      cached[item.id] = node;
+      this.db.put('items', node.full_id, node);
+    }
+    this.cache[chain] = cached;
+  }
   del(chain, id) {
     if (this.dead) return;
     let inmemItemM = this.cache[chain] || {};
@@ -5023,7 +5106,7 @@ class Chain {
   }
   async reload(chain, api) {
     if (this.dead) return;
-    let top = maxIndex(this.listM(chain)) || {};
+    let top = maxIndex(this.cache[chain] || {}) || {};
     let topindex = top.index;
     if (!topindex) topindex = Date.now();
     var lastanchor = '';
@@ -5040,7 +5123,12 @@ class Chain {
         });
       });
       if (newItems.length === 0 || newanchor === lastanchor) break;
-      if (fetchedItems.length >= 200) {
+      let minindexitem = minIndex(fetchedItems) || {};
+      if (minindexitem.index <= topindex) {
+        lastanchor = this.anchorCache[chain] || newanchor;
+        break;
+      }
+      if (size(fetchedItems) >= 200) {
         let inmemItemM = this.cache[chain] || {};
         let removeids = [];
         map(inmemItemM, item => {
@@ -5049,17 +5137,12 @@ class Chain {
         });
         this.db.removes('items', removeids);
         this.cache[chain] = {};
-        break;
-      }
-      let minindexitem = minIndex(fetchedItems) || {};
-      if (minindexitem.index <= topindex) {
-        lastanchor = this.anchorCache[chain] || newanchor;
+        lastanchor = newanchor;
         break;
       }
       lastanchor = newanchor;
     }
-    for (var i = 0; i < Object.keys(fetchedItems).length; i++) {
-      let item = fetchedItems[Object.keys(fetchedItems)[i]];
+    for (const item of Object.values(fetchedItems)) {
       this.db.put('items', item.full_id, item);
       this.cache[item.chain] = this.cache[item.chain] || {};
       this.cache[item.chain][item.id] = item;
@@ -5095,7 +5178,7 @@ function maxIndex(obj) {
       maxKey = keys[i];
     }
   }
-  return obj[keys[maxKey]];
+  return obj[maxKey];
 }
 function map(collection, predicate) {
   if (!collection) return [];
@@ -5161,21 +5244,16 @@ let KvMaxSize = 500;
       inmemItemM[item.key] = item.value;
     });
     this.cache = inmemItemM;
-    let allkeys = Object.keys(this.cache);
-    if (allkeys.length > KvMaxSize) {
-      let liveChance = KvMaxSize / 2 / allkeys.lenth;
-      let removekeys = [];
-      for (var i = 0; i < KvMaxSize; i++) {
-        let live = Math.random() <= liveChance;
-        if (live) continue;
-        let key = allkeys[i];
-        delete this.cache[key];
-        removekeys.push(key);
-      }
-      this.db.removes('items', [removekeys]);
-    }
+    this.trimCache();
     this.initialized = true;
   }
+  trimCache() {
+    const keys = Object.keys(this.cache);
+    if (keys.length <= KvMaxSize) return;
+    const removed = keys.slice(0, keys.length - Math.floor(KvMaxSize / 2));
+    for (const key of removed) delete this.cache[key];
+    this.db.removes('items', removed);
+  }
   all() {
     if (this.dead) return [];
     if (!this.initialized) return [];
@@ -5195,6 +5273,7 @@ let KvMaxSize = 500;
       key,
       value
     });
+    this.trimCache();
   }
   del(key) {
     if (this.dead) return;
@@ -5448,6 +5527,7 @@ function makeFakeMessages(accid, convoid, userid, agentid) {
     }
   }, {
     id: 'evqyiyjmzatvtgpdmmpzwnwgn',
+    source_event_id: 'wrueysyjbhqrkiwhsejpqrwqrdkkyaibajdw',
     account_id: accid,
     created: 1616213202685,
     type: 'message_sent',
@@ -5461,7 +5541,6 @@ function makeFakeMessages(accid, convoid, userid, agentid) {
         conversation_id: convoid,
         text: 'Xin chào',
         format: 'plaintext',
-        idempotency_key: 'wrueysyjbhqrkiwhsejpqrwqrdkkyaibajdw',
         integration_id: inteid,
         pongs: [{
           member_id: userid,
@@ -5598,6 +5677,29 @@ function makeFakeMessages(accid, convoid, userid, agentid) {
   }
   reconnect() {}
 }) }.default;
+;// ./src/store/attachments.js
+async function uploadAttachments(attachments, upload) {
+  let error, errorMessage;
+  for (const attachment of attachments) {
+    try {
+      const result = await upload(attachment._file);
+      if (result.body && result.body.code === 'invalid_field_size') {
+        errorMessage = 'cannot_send_too_big_file';
+      }
+      if (result.error || !result.url) {
+        error = error || result.error || 'upload_failed';
+        continue;
+      }
+      attachment.url = result.url;
+    } catch (err) {
+      error = error || err;
+    }
+  }
+  return {
+    error,
+    errorMessage
+  };
+}
 ;// ./src/store/store.js
 function store_defineProperty(e, r, t) { return (r = store_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function store_toPropertyKey(t) { var i = store_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
@@ -5610,6 +5712,7 @@ var store_flow = (flow_namespaceFn());
 
 
 
+
 var Realtime = (realtime_namespaceFn());
 var cookie = (cookie_umd_namespaceFn());
 cookie.defaults.path = '/';
@@ -5618,7 +5721,6 @@ cookie.defaults.expires = 3650;
 let store_memlocalStorage = (inmem_localstorage_namespaceFn());
 const MAX_CONVO = 20;
 const page_loaded = util/* default */.A.Date.now();
-const DEBUG_ACCOUNT_IDS = ['acqsulrowbxiugvginhw', 'acryguzgwxmamhzmqlyx'];
 class Store {
   constructor(ApiURL, FileURL, RealtimeURL, inmem, fakeapi) {
     store_defineProperty(this, "inmem", false);
@@ -5689,14 +5791,23 @@ class Store {
       if (this._die) return dieErr;
       await this.readyGate.entry();
       await this.reconnectGate.entry(undefined, true);
-      if (this.isInsync(cid)) return this.reconnectGate.open();
-      this.markSync(cid);
-      let {
-        body: convo,
-        error
-      } = await this.api.getConversation(cid);
-      if (convo && !error) this._setConvo(convo);
-      return this.reconnectGate.open();
+      try {
+        if (this._die || this.isInsync(cid)) return;
+        this.convoFetchAfter = this.convoFetchAfter || {};
+        if (util/* default */.A.Date.now() < (this.convoFetchAfter[cid] || 0)) return;
+        this.convoFetchAfter[cid] = util/* default */.A.Date.now() + 15_000;
+        let {
+          body: convo,
+          error
+        } = await this.api.getConversation(cid);
+        if (convo && !error) this._setConvo(convo);
+      } catch (error) {
+        return {
+          error
+        };
+      } finally {
+        this.reconnectGate.open();
+      }
     });
     store_defineProperty(this, "list_provinces", () => this.api.list_provinces());
     store_defineProperty(this, "list_districts", p => this.api.list_districts(p));
@@ -5707,25 +5818,48 @@ class Store {
       if (id.startsWith('cslight')) return util/* default */.A.get(this.lightConvos, [id, 'events'], []);
       return this.chain.listM(id);
     });
-    store_defineProperty(this, "fetchMoreEvents", async convoid => {
-      if (!convoid) return;
-      if (convoid.startsWith('cslight')) return [[], ''];
-      if (!this.isInsync('events' + convoid)) {
-        await this.readyGate.entry();
-        await this.reconnectGate.entry(undefined, true);
-        if (this.isInsync('events' + convoid)) {
-          this.reconnectGate.open();
-          return {};
+    store_defineProperty(this, "fetchMoreEvents", (cid, limit = 150) => {
+      this.historyRequests = this.historyRequests || new Map();
+      if (this.historyRequests.has(cid)) return this.historyRequests.get(cid);
+      this.historyFailures = this.historyFailures || {};
+      const failure = this.historyFailures[cid];
+      if (failure && util/* default */.A.Date.now() < failure.retryAt) return Promise.resolve({
+        error: failure.error
+      });
+      const request = this._fetchMoreEvents(cid, limit).then(result => {
+        if (result.error) this.historyFailures[cid] = {
+          error: result.error,
+          retryAt: util/* default */.A.Date.now() + 15_000
+        };else delete this.historyFailures[cid];
+        return result;
+      }).finally(() => {
+        if (this.historyRequests.get(cid) === request) this.historyRequests.delete(cid);
+      });
+      this.historyRequests.set(cid, request);
+      return request;
+    });
+    store_defineProperty(this, "syncConvoEvents", cid => {
+      if (this._die || !cid || cid.startsWith('cslight')) return Promise.resolve({});
+      this.messageSyncRequests = this.messageSyncRequests || new Map();
+      if (this.messageSyncRequests.has(cid)) return this.messageSyncRequests.get(cid);
+      this.messageSyncNextAt = this.messageSyncNextAt || {};
+      if (util/* default */.A.Date.now() < (this.messageSyncNextAt[cid] || 0)) return Promise.resolve({
+        skipped: true
+      });
+      const chain = this.chain;
+      const request = this._syncConvoEvents(cid, chain).then(result => {
+        if (chain === this.chain && !this._die) {
+          this.messageSyncFailures = this.messageSyncFailures || {};
+          const failures = result.error ? Math.min((this.messageSyncFailures[cid] || 0) + 1, 4) : 0;
+          this.messageSyncFailures[cid] = failures;
+          this.messageSyncNextAt[cid] = util/* default */.A.Date.now() + (failures ? 15_000 * 2 ** (failures - 1) : 15_000);
         }
-        this.markSync('events' + convoid);
-        await this.chain.reload(convoid, () => {
-          return [[], ''];
-        });
-        let out = await this._doFetchMsg(convoid);
-        this.reconnectGate.open();
-        return out;
-      }
-      return this._doFetchMsg(convoid);
+        return result;
+      }).finally(() => {
+        if (this.messageSyncRequests.get(cid) === request) this.messageSyncRequests.delete(cid);
+      });
+      this.messageSyncRequests.set(cid, request);
+      return request;
     });
     store_defineProperty(this, "reloadConvoEvents", async convoid => {
       await this.chain.reload(convoid, () => {
@@ -5742,10 +5876,10 @@ class Store {
         error
       };
     });
-    store_defineProperty(this, "_doFetchMsg", async convoid => {
+    store_defineProperty(this, "_doFetchMsg", async (convoid, limit = 150) => {
       let {
         error
-      } = await this.chain.fetchMore(convoid, 150, async (type, anchor, limit) => {
+      } = await this.chain.fetchMore(convoid, limit, async (type, anchor, limit) => {
         if (this.outofmsgM[convoid]) return [[], ''];
         let [events, newanchor, error, outofmsg] = await this.listmessageapi(type, anchor, limit);
         if (outofmsg) this.outofmsgM[convoid] = true;
@@ -5784,17 +5918,6 @@ class Store {
     store_defineProperty(this, "now", () => util/* default */.A.Date.now() + this.timeDiff);
     store_defineProperty(this, "seenQueue", []);
     store_defineProperty(this, "matchTrafficSource", () => this.kv.match('traffic_source'));
-    store_defineProperty(this, "sendBugReport", str => this.api.sendBugReport(str));
-    store_defineProperty(this, "matchDebugAccountIds", () => DEBUG_ACCOUNT_IDS);
-    store_defineProperty(this, "sbzListConversations", () => {
-      return this.api.listConversations();
-    });
-    store_defineProperty(this, "sbzListMessages", cid => {
-      return this.api.listMessages(cid, 100, '');
-    });
-    store_defineProperty(this, "listAgentRealtimeMessageSent", () => {
-      return this.agent_rt_message_sent_dict;
-    });
     store_defineProperty(this, "_alreadyReceived", {});
     store_defineProperty(this, "_typing", util/* default */.A.throttle(convoid => this.api.sendTyping(convoid), 3000, {
       trailing: false
@@ -5830,7 +5953,6 @@ class Store {
     this.CONNECTION_CHECK_INTERVAL = 3000;
     this.reconnectTimestamp = 0;
     this.g_sync = {};
-    this.agent_rt_message_sent_dict = {};
     this._die = false;
     this.forceDevice = null;
     this.forcePlugins = {};
@@ -5862,15 +5984,22 @@ class Store {
     this.getLocaleContent = this.api.getLocaleContent;
     this.g_haveSentSeenM = {};
     this.last_focused = this.now();
-    window.addEventListener('blur', () => {
+    this._onBlur = () => {
+      if (this._die) return;
       this.last_focused = this.now();
       this.sendPresence();
-    });
-    window.addEventListener('focus', () => {
+    };
+    this._onFocus = () => {
+      if (this._die) return;
       this.last_focused = 0;
       this.sendPresence();
-    });
-    window.addEventListener('beforeunload', () => this.api.sendLostFocus());
+    };
+    this._onBeforeUnload = () => {
+      if (!this._die) this.api.sendLostFocus();
+    };
+    window.addEventListener('blur', this._onBlur);
+    window.addEventListener('focus', this._onFocus);
+    window.addEventListener('beforeunload', this._onBeforeUnload);
     this._lastPresenceURL = window.location.href;
     this._urlCheckInterval = util/* default */.A.setInterval(() => {
       if (this._die) return util/* default */.A.clearInterval(this._urlCheckInterval);
@@ -5897,19 +6026,20 @@ class Store {
       }
       this.sendPresence();
     }, 60000);
-    onVisibilityChange(val => {
+    this._visibilityCleanup = onVisibilityChange(val => {
       if (this._die) return;
       this.browserVisibility = val;
       this.sendPresence();
     });
     this.loopTime();
     this.device = this.getDeviceInfo();
-    const _gaInterval = util/* default */.A.setInterval(() => {
+    this._gaInterval = util/* default */.A.setInterval(() => {
+      if (this._die) return;
       let user = this.cache.match('user') || {};
       if (!user.id) return;
       var dev = this.getDeviceInfo();
       if (!dev.ga_tracking_ids || !dev.ga_client_id) return;
-      util/* default */.A.clearInterval(_gaInterval);
+      util/* default */.A.clearInterval(this._gaInterval);
       this.device = dev;
       let ga_client_id = dev.ga_client_id;
       if (ga_client_id !== util/* default */.A.getUserAttr(user, 'ga_client_id', 'text')) {
@@ -5937,8 +6067,28 @@ class Store {
         console.log('publish connectionStatus', this.connectionStatus);
         this.pubsub.publish('connection');
       }
+      if (this.connectionStatus === 'active' && (this._needsMessageSync || currentStatus !== 'active')) {
+        this._needsMessageSync = false;
+        this.syncKnownConvoEvents();
+      }
     }
   }
+  syncKnownConvoEvents() {
+    if (this._die) return Promise.resolve();
+    if (this.knownConvoSyncRequest) return this.knownConvoSyncRequest;
+    const chain = this.chain;
+    const request = (async () => {
+      const convos = util/* default */.A.filter(this.cache.all(), (value, key) => key.startsWith('convo_'));
+      for (const convo of convos) {
+        if (this._die || chain !== this.chain) break;
+        await this.syncConvoEvents(convo.id);
+      }
+    })().finally(() => {
+      if (this.knownConvoSyncRequest === request) this.knownConvoSyncRequest = null;
+    });
+    this.knownConvoSyncRequest = request;
+    return request;
+  }
   linkProduct(p) {
     if (!p) {
       this._currentViewingProduct = {};
@@ -6082,7 +6232,90 @@ class Store {
   async _touchAcc() {
     if (this.isInsync('account')) return;
     await this.readyGate.entry();
-    if (!this.isInsync('account')) this.reconnect();
+    if (!this.isInsync('account')) this.refreshAccount();
+  }
+  refreshAccount() {
+    if (this._die || util/* default */.A.Date.now() < (this.accountRefreshAfter || 0)) return;
+    this.accountRefreshAfter = util/* default */.A.Date.now() + 30_000;
+    return this.reconnect();
+  }
+  async _fetchMoreEvents(convoid, limit = 150) {
+    if (!convoid || convoid.startsWith('cslight')) return {};
+    await this.readyGate.entry();
+    await this.reconnectGate.entry(undefined, true);
+    try {
+      if (this._die) return dieErr;
+      const refresh = !this.isInsync('events' + convoid);
+      if (refresh) {
+        this.chain.anchorCache[convoid] = '';
+        delete this.outofmsgM[convoid];
+      }
+      const out = await this._doFetchMsg(convoid, limit);
+      if (!out.error) this.markSync('events' + convoid);
+      return out;
+    } catch (error) {
+      return {
+        error
+      };
+    } finally {
+      this.reconnectGate.open();
+    }
+  }
+  async _syncConvoEvents(cid, chain) {
+    await this.readyGate.entry();
+    await this.reconnectGate.entry(undefined, true);
+    try {
+      if (this._die || chain !== this.chain) return dieErr;
+      this.messageSyncTimes = this.messageSyncTimes || {};
+      this.messageSyncProgress = this.messageSyncProgress || {};
+      let progress = this.messageSyncProgress[cid];
+      if (!progress) {
+        const cached = Object.values(chain.listM(cid));
+        const boundary = this.messageSyncTimes[cid] || cached.reduce((min, ev) => Math.min(min, util/* default */.A.getMs(ev.created)), Infinity);
+        progress = this.messageSyncProgress[cid] = {
+          boundary,
+          anchor: '',
+          newest: 0,
+          visited: new Set()
+        };
+      }
+      for (let page = 0; page < 5; page++) {
+        const wait = (this.nextMessageSyncRequestAt || 0) - util/* default */.A.Date.now();
+        if (wait > 0) await util/* default */.A.sleep(wait);
+        if (this._die || chain !== this.chain) return dieErr;
+        this.nextMessageSyncRequestAt = util/* default */.A.Date.now() + 250;
+        const [items, next, error, end] = await this.listmessageapi(cid, progress.anchor, 150);
+        if (this._die || chain !== this.chain) return dieErr;
+        if (error) return {
+          error
+        };
+        chain.merge(cid, items);
+        for (const item of items) progress.newest = Math.max(progress.newest, item.index);
+        this.pubsub.publish('account');
+        if (end || !items.length || items.some(item => item.index < progress.boundary)) {
+          if (progress.newest) this.messageSyncTimes[cid] = progress.newest;
+          delete this.messageSyncProgress[cid];
+          return {};
+        }
+        progress.visited.add(progress.anchor);
+        if (!next || progress.visited.has(next)) {
+          delete this.messageSyncProgress[cid];
+          return {
+            error: 'message_cursor_stalled'
+          };
+        }
+        progress.anchor = next;
+      }
+      return {
+        pending: true
+      };
+    } catch (error) {
+      return {
+        error
+      };
+    } finally {
+      this.reconnectGate.open();
+    }
   }
   async init(accid, mask, userRef, options) {
     this.g_sync = {};
@@ -6163,7 +6396,6 @@ class Store {
   }
   async _initResource(accid, auth, realtimep) {
     this.g_sync = {};
-    this._current_acc_id = accid;
     let user = await this.api.setAuth(auth);
     if (typeof sbz_info != 'undefined') sbz_info.store_7 = true;
     if (user.error) {
@@ -6175,6 +6407,7 @@ class Store {
     let lightConvos = this.kv.match('light_convos') || {};
     this.lightConvos = {};
     util/* default */.A.map(lightConvos, convo => {
+      if (convo.light_type === 'widget' && (convo.account_id !== accid || convo.initial_by !== user.id)) return;
       let in7Day = convo.created > util/* default */.A.Date.now() - 7 * 24 * 3_600_000;
       let events = util/* default */.A.filter(convo.events, ev => ev.type === 'message_sent');
       let messages = util/* default */.A.map(events, ev => util/* default */.A.get(ev, 'data.message') || {});
@@ -6188,8 +6421,10 @@ class Store {
     if (this.fake) this.realtime = new realtime_fake();else this.realtime = new Realtime(this.RealtimeURL, realtimep, xhrsend, accid);
     this.realtime.onEvent(this.onWs.bind(this));
     this.realtime.onInterrupted(async () => {
+      if (this._die) return;
+      this._needsMessageSync = true;
       await this.reconnectWs(accid, user.id);
-      this.reconnect();
+      await this.refreshAccount();
     });
     if (typeof sbz_info != 'undefined') sbz_info.store_8 = true;
     this.seenLoop();
@@ -6237,7 +6472,7 @@ class Store {
         var lastmsgsent = events[util/* default */.A.size(events) - 1];
         if (!lastmsgsent) return;
         if (this.g_haveSentSeenM[lastmsgsent.id]) return;
-        if (lastmsgsent.id === lastmsgsent.data.message.idempotency_key) return;
+        if (lastmsgsent.id === lastmsgsent.source_event_id) return;
         this.pubsub.publish('events', {
           created: this.now(),
           type: 'message_pong',
@@ -6279,34 +6514,52 @@ class Store {
     await this.realtime.subscribe([`conversation_state_updated.account.${accid}.user.${userid}`, `conversation_joined.account.${accid}.user.${userid}`, `conversation_typing.account.${accid}.user.${userid}`, `message_sent.account.${accid}.user.${userid}`, `message_pong.account.${accid}.user.${userid}`, `conversation_rating_requested.account.${accid}.user.${userid}`, `conversation_rated.account.${accid}.user.${userid}`, `conversation_events.account.${accid}.user.${userid}`]);
     await this.readyGate.entry();
   }
-  async reconnect(p) {
+  reconnect(p) {
+    if (this.reconnectRequest) return this.reconnectRequest;
+    const request = this._reconnect(p).finally(() => {
+      if (this.reconnectRequest === request) this.reconnectRequest = null;
+    });
+    this.reconnectRequest = request;
+    return request;
+  }
+  async _reconnect(p) {
     if (this._die) return;
     await this.reconnectGate.entry(undefined, true);
-    this.markSync('account');
-    let fetchuser = p && p.user ? Promise.resolve({
-      body: p.user
-    }) : this.api.getUser();
-    let outs = await Promise.all([fetchuser, this.api.getAccountSetting({
-      bot_id: this.forceBotId
-    })]);
-    let error = util/* default */.A.find(outs, out => out.error);
-    if (error) return console.error(error);
-    let set = outs[1].body;
-    set.user = outs[0].body;
-    await this._setSetting(set);
-    let convob = await this.api.listConversations();
-    error = convob.error;
-    let body = convob.body;
-    if (!error) {
-      let convos = util/* default */.A.get(body, 'conversations', []);
-      util/* default */.A.map(this.cache.all(), (value, k) => {
-        if (k.startsWith('convo_')) {
-          if (this.now() - util/* default */.A.getMs(util/* default */.A.get(value, 'actived')) > 1209600000) this.cache.del(k);
-        }
-      });
-      util/* default */.A.map(convos, convo => this._setConvo(convo));
+    try {
+      let fetchuser = p && p.user ? Promise.resolve({
+        body: p.user
+      }) : this.api.getUser();
+      let outs = await Promise.all([fetchuser, this.api.getAccountSetting({
+        bot_id: this.forceBotId
+      })]);
+      let error = util/* default */.A.find(outs, out => out.error);
+      if (error) return error;
+      let set = outs[1].body;
+      set.user = outs[0].body;
+      await this._setSetting(set);
+      let convob = await this.api.listConversations();
+      error = convob.error;
+      let body = convob.body;
+      if (!error) {
+        let convos = util/* default */.A.get(body, 'conversations', []);
+        util/* default */.A.map(this.cache.all(), (value, k) => {
+          if (k.startsWith('convo_')) {
+            if (this.now() - util/* default */.A.getMs(util/* default */.A.get(value, 'actived')) > 1209600000) this.cache.del(k);
+          }
+        });
+        util/* default */.A.map(convos, convo => this._setConvo(convo));
+      }
+      if (error) return {
+        error
+      };
+      this.markSync('account');
+    } catch (error) {
+      return {
+        error
+      };
+    } finally {
+      this.reconnectGate.open();
     }
-    return this.reconnectGate.open();
   }
   async submitForm(formid, data, user) {
     await this.readyGate.entry();
@@ -6420,20 +6673,19 @@ class Store {
     return this.api.sendEvent(e);
   }
   async onWs(ev) {
-    await this.wsGate.entry();
-    this.wsGate.close();
-    await this._onWs(ev);
-    this.wsGate.open();
-  }
-  handleLogCompare(ev) {
-    if (!DEBUG_ACCOUNT_IDS.includes(this._current_acc_id)) return;
-    if (ev.type !== 'message_sent') return;
-    let byType = util/* default */.A.get(ev, 'by.type');
-    if (byType === 'user') return;
-    this.agent_rt_message_sent_dict[ev.id] = ev;
+    await this.wsGate.entry(undefined, true);
+    try {
+      await this._onWs(ev);
+    } catch (error) {
+      console.error(error);
+      return {
+        error
+      };
+    } finally {
+      this.wsGate.open();
+    }
   }
   async _onWs(ev) {
-    this.handleLogCompare(ev);
     if (this._die) return;
     if (!ev || !ev.type) return;
     ev.created = util/* default */.A.getMs(ev.created);
@@ -6507,7 +6759,7 @@ class Store {
       }
     }
     if (util/* default */.A.startsWith(ev.type, 'message_') || util/* default */.A.startsWith(ev.type, 'conversation_')) {
-      this.restConvoEvent(ev);
+      await this.restConvoEvent(ev);
       if (ev.type === 'message_sent' && util/* default */.A.get(ev, 'by.id') !== user.id) {
         sendEventToThirdParty('SUBIZ Chat', 'Received', 'User');
       }
@@ -6556,8 +6808,8 @@ class Store {
     }
     if (ev.type !== 'message_pong' && ev.type !== 'conversation_typing') {
       if (ev.type === 'message_sent') {
-        let idemkey = util/* default */.A.get(ev, 'data.message.idempotency_key');
-        let found = util/* default */.A.find(this.listEvents(cid), oldev => oldev.id === idemkey);
+        let sourceEventId = util/* default */.A.get(ev, 'source_event_id');
+        let found = util/* default */.A.find(this.listEvents(cid), oldev => oldev.id === sourceEventId);
         if (found) {
           this.chain.del(cid, found.id);
           ev.created = found.created;
@@ -6583,6 +6835,58 @@ class Store {
     delete this.lightConvos[id];
     this.kv.put('light_convos', this.lightConvos);
   }
+  startWidgetConvo(greeting, locale) {
+    const user = this.matchUser();
+    const existing = util/* default */.A.find(this.lightConvos, convo => convo.light_type === 'widget' && convo.account_id === user.account_id && convo.initial_by === user.id);
+    if (existing) return {
+      convo: existing
+    };
+    const id = 'cslightwidget_' + util/* default */.A.randomString(24);
+    const ev = util/* default */.A.cloneDeep(greeting);
+    ev.data.message.conversation_id = id;
+    const convo = {
+      id,
+      account_id: user.account_id,
+      initial_by: user.id,
+      locale,
+      light_type: 'widget',
+      state: 'pending',
+      created: ev.created,
+      members: [{
+        id: user.id,
+        type: 'user',
+        seen_at: ev.created + 1
+      }],
+      events: [ev],
+      last_message_sent: ev,
+      touchpoint: {
+        id,
+        channel: 'subiz',
+        source: 'web'
+      }
+    };
+    this.lightConvos[id] = convo;
+    this.kv.put('light_convos', this.lightConvos);
+    this.pubsub.publish('account');
+    return {
+      convo
+    };
+  }
+  promoteWidgetConvo(localId, cid) {
+    this.widgetConvoOrigins = this.widgetConvoOrigins || {};
+    this.widgetConvoOrigins[cid] = localId;
+    const greeting = util/* default */.A.cloneDeep(util/* default */.A.get(this.lightConvos, [localId, 'events', 0]));
+    if (greeting) {
+      greeting.source_event_id = greeting.id;
+      greeting.data.message.conversation_id = cid;
+      this.chain.merge(cid, [{
+        id: greeting.id,
+        index: greeting.created,
+        value: greeting
+      }]);
+    }
+    this.deleteLightConvo(localId);
+  }
   startLightConvo(botid, messages, locale, is_testing, botversion) {
     let convoid = 'cslight' + botid + '_' + this.now();
     let user = this.cache.match('user') || {};
@@ -6676,10 +6980,10 @@ class Store {
   }
   async sendConvoEvent(cid, type, data) {
     await this.readyGate.entry();
-    var idempotency = util/* default */.A.randomString(36);
+    var sourceEventId = util/* default */.A.randomString(36);
     let user = this.cache.match('user') || {};
     var event = {
-      id: idempotency,
+      id: sourceEventId,
       by: {
         id: user.id,
         type: 'user',
@@ -6692,7 +6996,7 @@ class Store {
     util/* default */.A.convoToEv(cid, event);
     let files = [];
     if (type === 'message_sent') {
-      event.data.message.idempotency_key = idempotency;
+      event.source_event_id = sourceEventId;
       event.data.message.conversation_id = cid;
       await store_flow.map(event.data.message.attachments, 2, async (att, i) => {
         if (att.type !== 'file') return;
@@ -6712,18 +7016,9 @@ class Store {
     }
     this.onWs(event);
     await this.convoGate.entry();
-    await store_flow.map(files, 1, async att => {
-      const {
-        body,
-        url,
-        error
-      } = await this.api.uploadToS3(att._file);
-      if (util/* default */.A.get(body, 'code') == 'invalid_field_size') {
-        event._error_message = 'cannot_send_too_big_file';
-      }
-      event._error = error;
-      att.url = url;
-    });
+    const uploaded = await uploadAttachments(files, file => this.api.uploadToS3(file));
+    event._error = uploaded.error;
+    if (uploaded.errorMessage) event._error_message = uploaded.errorMessage;
     if (event._error) return this.onWs(event);
     if (cid && cid.startsWith('cslight')) return;
     let {
@@ -6832,13 +7127,20 @@ class Store {
   }
   async listmessageapi(type, anchor, limit) {
     let convoid = type;
-    if (convoid && convoid.startsWith('cslight')) return [fakeevents, '', undefined, true];
+    if (convoid && convoid.startsWith('cslight')) {
+      let events = util/* default */.A.map(this.listEvents(convoid), ev => ({
+        id: ev.id,
+        index: ev.created,
+        value: ev
+      }));
+      return [events, '', undefined, true];
+    }
     let {
       body: events,
       code,
       error
     } = await this.api.listMessages(convoid, -limit, anchor);
-    if (error || code !== 200) return [[], anchor, error];
+    if (error || code !== 200) return [[], anchor, error || 'message_fetch_failed'];
     anchor = util/* default */.A.get(util/* default */.A.last(events), 'id');
     events = util/* default */.A.map(events, event => {
       event.created = util/* default */.A.getMs(event.created);
@@ -6867,17 +7169,18 @@ class Store {
   async loopTime() {
     if (this._die) return;
     let startms = this.now();
-    if (!this.cache || !util/* default */.A.get(this.cache.match('user'), 'id')) return util/* default */.A.setTimeout(() => this.loopTime(), 240000);
+    if (!this.cache || !util/* default */.A.get(this.cache.match('user'), 'id')) return this._timeTimeout = util/* default */.A.setTimeout(() => this.loopTime(), 240000);
     let {
       body: t,
       error
     } = await this.api.time();
-    if (error) return util/* default */.A.setTimeout(() => this.loopTime(), 30000);
+    if (this._die) return;
+    if (error) return this._timeTimeout = util/* default */.A.setTimeout(() => this.loopTime(), 30000);
     var latences = Math.abs(this.now() - startms) / 2;
     var serverMs = new util/* default */.A.Date(t).getTime() + latences;
     var localMs = this.now();
     this.timeDiff = Math.floor(serverMs - localMs);
-    util/* default */.A.setTimeout(() => this.loopTime(), 240000);
+    this._timeTimeout = util/* default */.A.setTimeout(() => this.loopTime(), 240000);
   }
   replaceFileUrl(src) {
     if (!src) return '';
@@ -6910,6 +7213,14 @@ class Store {
     this.kv = new kv(new lsdb('sbz2023', this.inmem), 'kv');
     if (this.chain) this.chain.destroy();
     this.chain = new Chain(new lsdb('cbz2023', true), 'ch');
+    this.outofmsgM = {};
+    this.messageSyncTimes = {};
+    this.messageSyncNextAt = {};
+    this.messageSyncFailures = {};
+    this.messageSyncProgress = {};
+    this.accountRefreshAfter = 0;
+    this.historyFailures = {};
+    this.convoFetchAfter = {};
     if (this.realtime) this.realtime.stop();
     if (this.cache) this.cache.destroy();
     this.pubsub.publish('destroy');
@@ -6918,14 +7229,22 @@ class Store {
     return this._die;
   }
   destroy() {
+    if (this._die) return;
     this._die = true;
     this.clearBrowserData();
     util/* default */.A.clearInterval(this._seenInterval);
     util/* default */.A.clearInterval(this._urlCheckInterval);
+    util/* default */.A.clearInterval(this._presenceInterval1);
+    util/* default */.A.clearInterval(this._presenceInterval2);
+    util/* default */.A.clearInterval(this._gaInterval);
+    util/* default */.A.clearTimeout(this._timeTimeout);
     if (this.realtime) this.realtime.stop();
-    this.readyGate.close();
-    window.removeEventListener('blur', this.sendPresence);
-    window.removeEventListener('focus', this.sendPresence);
+    if (this.readyGate) this.readyGate.close();
+    window.removeEventListener('blur', this._onBlur);
+    window.removeEventListener('focus', this._onFocus);
+    window.removeEventListener('beforeunload', this._onBeforeUnload);
+    if (this._visibilityCleanup) this._visibilityCleanup();
+    this.pubsub.clear();
   }
 }
 function loadImage(file) {
@@ -6949,7 +7268,23 @@ function loadImage(file) {
 const ImageTypes = ['image/gif', 'image/jpeg', 'image/png', 'image/svg+xml'];
 function onVisibilityChange(cb) {
   var hidden = 'hidden';
-  if (hidden in document) document.addEventListener('visibilitychange', onchange);else if ((hidden = 'mozHidden') in document) document.addEventListener('mozvisibilitychange', onchange);else if ((hidden = 'webkitHidden') in document) document.addEventListener('webkitvisibilitychange', onchange);else if ((hidden = 'msHidden') in document) document.addEventListener('msvisibilitychange', onchange);else if ('onfocusin' in document) document.onfocusin = document.onfocusout = onchange;else window.onpageshow = window.onpagehide = window.onfocus = window.onblur = onchange;
+  let target = document,
+    eventName;
+  let previous = {};
+  if (hidden in document) eventName = 'visibilitychange';else if ((hidden = 'mozHidden') in document) eventName = 'mozvisibilitychange';else if ((hidden = 'webkitHidden') in document) eventName = 'webkitvisibilitychange';else if ((hidden = 'msHidden') in document) eventName = 'msvisibilitychange';else if ('onfocusin' in document) {
+    previous = {
+      onfocusin: document.onfocusin,
+      onfocusout: document.onfocusout
+    };
+    document.onfocusin = document.onfocusout = onchange;
+  } else {
+    target = window;
+    for (const key of ['onpageshow', 'onpagehide', 'onfocus', 'onblur']) {
+      previous[key] = window[key];
+      window[key] = onchange;
+    }
+  }
+  if (eventName) target.addEventListener(eventName, onchange);
   function onchange(evt) {
     var v = 'visible';
     var h = 'hidden';
@@ -6967,6 +7302,12 @@ function onVisibilityChange(cb) {
   if (document[hidden] !== undefined) onchange({
     type: document[hidden] ? 'blur' : 'focus'
   });
+  return () => {
+    if (eventName) target.removeEventListener(eventName, onchange);
+    for (const key of Object.keys(previous)) {
+      if (target[key] === onchange) target[key] = previous[key];
+    }
+  };
 }
 const inmemCookie = {
   data: {},
@@ -7114,6 +7455,7 @@ var chatbox_block = __webpack_require__(7072);
 
 
 var defaultBubble = (bubble_default_namespaceFn());
+const dotChatIcon = (dot_chat_namespaceFn());
 let defaultAvatar = (default_avatar_namespaceFn());
 
 
@@ -7451,22 +7793,7 @@ class ChatButton extends common/* Com */.Mw {
       }, reply.title);
     })));
   }
-  async prepareButtonImage() {
-    let accountSetting = this.props.plugin.chatbox;
-    accountSetting = this.fixMissingSetting(accountSetting);
-    let imgsrc = util/* default */.A.get(accountSetting, 'desktop_button.background_image_url') || util/* default */.A.get(accountSetting, 'desktop_button.background_mask_url') || defaultBubble;
-    if (this.props.store.isMobile()) {
-      imgsrc = util/* default */.A.get(accountSetting, 'mobile_button.background_image_url') || util/* default */.A.get(accountSetting, 'mobile_button.background_mask_url') || imgsrc;
-    }
-    imgsrc = this.props.store.replaceFileUrl(imgsrc);
-    await util/* default */.A.preloadImg(imgsrc);
-    this.setState({
-      ready: true
-    });
-    this.readyGate.open();
-  }
-  renderButton() {
-    if (typeof sbz_info != 'undefined') sbz_info.render_chatbox_button = util/* default */.A.Date.now();
+  getButtonAppearance() {
     let accountSetting = this.props.plugin.chatbox;
     accountSetting = this.fixMissingSetting(accountSetting);
     let imgsrc = util/* default */.A.get(accountSetting, 'desktop_button.background_image_url') || util/* default */.A.get(accountSetting, 'desktop_button.background_mask_url') || defaultBubble;
@@ -7488,22 +7815,93 @@ class ChatButton extends common/* Com */.Mw {
         maskurl = mobilemaskurl;
       }
     }
+    const imageUrl = url => {
+      const asset = normalizeButtonImageUrl(this.props.store.replaceFileUrl(url));
+      return asset === dotChatIcon ? asset : addVersionParam(asset);
+    };
+    imgsrc = imageUrl(imgsrc);
+    imgurl = imageUrl(imgurl);
+    maskurl = imageUrl(maskurl);
+    const defaultMask = !imgurl && !maskurl ? DEF_BG_URL : '';
+    const urls = [...new Set([imgsrc, imgurl && encodeURI(imgurl), maskurl && encodeURI(maskurl), defaultMask].filter(Boolean))];
+    return {
+      imgsrc,
+      imgurl,
+      maskurl,
+      background,
+      position,
+      imgwidth,
+      imgheight,
+      urls,
+      maskAsset: maskurl ? encodeURI(maskurl) : defaultMask,
+      key: JSON.stringify([urls, maskurl, defaultMask])
+    };
+  }
+  componentDidUpdate() {
+    if (this.getButtonAppearance().key !== this._buttonImageKey) this.prepareButtonImage();
+  }
+  async prepareButtonImage() {
+    const appearance = this.getButtonAppearance();
+    const version = this._buttonImageVersion = (this._buttonImageVersion || 0) + 1;
+    this._buttonImageKey = appearance.key;
+    this.readyGate.close();
+    const [loaded, mask] = await Promise.all([Promise.all(appearance.urls.filter(url => url !== appearance.maskAsset).map(url => preloadButtonImage(url))), appearance.maskAsset ? prepareButtonMask(appearance.maskAsset) : Promise.resolve(null)]);
+    const stale = () => !this._isMounted || this._buttonImageVersion !== version;
+    if (stale()) {
+      if (mask) URL.revokeObjectURL(mask);
+      return;
+    }
+    const fallback = loaded.some(success => !success) || !!appearance.maskAsset && !mask;
+    const ready = !fallback || (await preloadButtonImage(defaultBubble));
+    if (stale()) {
+      if (mask) URL.revokeObjectURL(mask);
+      return;
+    }
+    if (this._buttonMaskUrl) URL.revokeObjectURL(this._buttonMaskUrl);
+    this._buttonMaskUrl = mask;
+    if (this._buttonElement) window.getComputedStyle(this._buttonElement).transform;
+    this.setState({
+      ready,
+      readyImageKey: appearance.key,
+      fallbackButtonImage: fallback,
+      buttonMaskUrl: mask
+    });
+    this.readyGate.open();
+  }
+  componentWillUnmount() {
+    if (this._buttonMaskUrl) URL.revokeObjectURL(this._buttonMaskUrl);
+    if (this._animateTimeout) clearTimeout(this._animateTimeout);
+  }
+  renderButton() {
+    if (typeof sbz_info != 'undefined') sbz_info.render_chatbox_button = util/* default */.A.Date.now();
+    const appearance = this.getButtonAppearance();
+    let {
+      imgsrc,
+      imgurl,
+      maskurl,
+      background,
+      position,
+      imgwidth,
+      imgheight
+    } = appearance;
+    if (appearance.maskAsset) {
+      maskurl = this.state.readyImageKey === appearance.key ? this.state.buttonMaskUrl : '';
+      if (imgsrc === appearance.maskAsset) imgsrc = maskurl || '';
+    }
+    if (this.state.readyImageKey === appearance.key && this.state.fallbackButtonImage) {
+      imgsrc = imgurl = defaultBubble;
+      maskurl = '';
+    }
     let whitebgcls = 'chat-button--white-bg';
     if (!imgurl && maskurl) whitebgcls += ' chat-button--white-bg--mask-only';
     let imgcontainerstyle = '';
-    imgurl = this.props.store.replaceFileUrl(imgurl);
-    imgsrc = this.props.store.replaceFileUrl(imgsrc);
-    maskurl = this.props.store.replaceFileUrl(maskurl);
-    imgurl = addVersionParam(imgurl);
-    imgsrc = addVersionParam(imgsrc);
-    maskurl = addVersionParam(maskurl);
     if (!imgurl && !maskurl) {
       whitebgcls += ' chat-button--white-bg--mask-only';
       imgcontainerstyle = `
-				-webkit-mask-image: url("${encodeURI(DEF_BG_URL)}") !important;
-				-o-mask-image: url("${encodeURI(DEF_BG_URL)}") !important;
-				-moz-mask-image: url("${encodeURI(DEF_BG_URL)}") !important;
-				mask-image: url("${encodeURI(DEF_BG_URL)}") !important;
+				-webkit-mask-image: none !important;
+				-o-mask-image: none !important;
+				-moz-mask-image: none !important;
+				mask-image: none !important;
 				height: ${imgheight}px !important;
 				width: ${imgwidth}px !important;
 				background: ${background} !important;
@@ -7556,9 +7954,15 @@ class ChatButton extends common/* Com */.Mw {
 			height: ${imgheight - 4}px !important;
 
     `;
-    if (!this.state.ready) cls += ' hidden';
-    return (0,preact_module.h)("div", {
+    if (!this.state.ready || this.state.readyImageKey !== appearance.key) cls += ' hidden';
+    return (0,preact_module.h)("button", {
+      ref: element => {
+        this._buttonElement = element;
+      },
+      type: "button",
       class: cls,
+      "aria-label": this.props.t('chat'),
+      "aria-expanded": !this.props.isShow,
       onClick: e => this.onClick(e)
     }, (0,preact_module.h)("div", {
       class: whitebgcls,
@@ -7598,7 +8002,9 @@ class ChatButton extends common/* Com */.Mw {
         return defmsg;
       }
       return (0,preact_module.h)(chatbox_block/* default */.A, {
-        block: block
+        block: block,
+        store: this.props.store,
+        t: this.props.t
       });
     }
     let message = util/* default */.A.get(ev, 'data.message.text', defmsg);
@@ -7626,6 +8032,10 @@ function randomAgent(agentM) {
   return agents[Math.floor(Math.random() * util/* default */.A.size(agents))] || {};
 }
 const Ms30Mins = 30 * 60 * 1000;
+function normalizeButtonImageUrl(url) {
+  if (/^https:\/\/(?:storage\.googleapis\.com\/public-gcs\.subiz-cdn\.com|public-gcs\.subiz-cdn\.com|vcdn\.subiz-cdn\.com)\/dashboard-v4\/public\/img\/bubble\/dot_chat\.svg(?=$|[?#])/.test(url)) return dotChatIcon;
+  return url;
+}
 const DEF_BG_URL = 'https://vcdn.subiz-cdn.com/file/bubble_11.svg?v=5';
 const DEF_BG = 'linear-gradient(280.16deg, #0053d3 22.03%, #0265ff 78.2%)';
 function addVersionParam(url, version = 8) {
@@ -7641,10 +8051,39 @@ function addVersionParam(url, version = 8) {
     return hash ? newUrl + '#' + hash : newUrl;
   }
 }
-;// ./src/chatbox/PoweredBy.js
-var logo = (subiz_mono_namespaceFn());
-
-function PoweredBy(props) {
+function preloadButtonImage(src, {
+  crossOrigin = false
+} = {}) {
+  return new Promise(resolve => {
+    const image = new Image();
+    if (crossOrigin) image.crossOrigin = 'anonymous';
+    image.onerror = () => resolve(false);
+    image.onload = async () => {
+      try {
+        if (image.decode) await image.decode();
+        resolve(true);
+      } catch (_) {
+        resolve(false);
+      }
+    };
+    image.src = src;
+  });
+}
+async function prepareButtonMask(src) {
+  let url;
+  try {
+    const response = await fetch(src);
+    if (!response.ok) return null;
+    url = URL.createObjectURL(await response.blob());
+    if (await preloadButtonImage(url)) return url;
+  } catch (_) {}
+  if (url) URL.revokeObjectURL(url);
+  return null;
+}
+;// ./src/chatbox/PoweredBy.js
+var logo = (subiz_mono_namespaceFn());
+
+function PoweredBy(props) {
   if (props.store.isMobile()) return null;
   if (props.store.isAIDevMode()) return null;
   let user = props.store.matchUser() || {};
@@ -7975,6 +8414,7 @@ Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi
   getTitle() {
     let accSetting = this.props.plugin.chatbox || {};
     let acc = this.props.store.matchAccount() || {};
+    if (accSetting.hide_agent_profile) return acc.name || this.props.t('widget_title');
     let agentsJoined = this.getAgentJoined(this.props.cid);
     let caption = util/* default */.A.get(this.props.plugin, 'chatbox.caption', {});
     let title = this.props.t.i18n(caption) || accSetting.title;
@@ -7996,7 +8436,9 @@ Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi
         class: "widget-header--total-unread-convo"
       }, unreadcount);
     }
-    return (0,preact_module.h)("div", {
+    return (0,preact_module.h)("button", {
+      type: "button",
+      "aria-label": this.props.t('menu_back'),
       class: `widget-header--wrap-button-back ${unreadcount ? 'widget-header--has-convo-unred' : ''}`,
       onClick: e => this.onBackClick(e)
     }, (0,preact_module.h)("div", {
@@ -8008,7 +8450,9 @@ Vui lòng hỏi chúng tôi bất cứ điều gì hoặc chia sẻ phản hồi
     let accSetting = this.props.plugin.chatbox || {};
     if (accSetting.hide_close_button) return null;
     if (this.props.store.isEmbededChatMode()) return;
-    return (0,preact_module.h)("div", {
+    return (0,preact_module.h)("button", {
+      type: "button",
+      "aria-label": this.props.t('close'),
       class: "widget-header--button-close",
       "data-tooltip": this.props.t('close'),
       "data-tooltip-position": "bottom",
@@ -8081,10 +8525,14 @@ class MessageInput extends common/* Com */.Mw {
     $input.blur();
   }
   render() {
+    const disabled = this.hasUnfinishRequiredFormOrLock() || this.props.disabled || this.props.is_loading;
     var $buttons = (0,preact_module.h)("div", {
       class: "d-flex flex-row align-self-end"
-    }, this.renderEmoji(), (0,preact_module.h)("div", {
-      "data-tooltip-poasition": "top-left",
+    }, this.renderEmoji(), (0,preact_module.h)("button", {
+      type: "button",
+      disabled: disabled,
+      "aria-label": this.props.t('attachment'),
+      "data-tooltip-position": "top-left",
       class: "message-input--button message-input--attachment-button",
       onClick: e => this.selectFile(e)
     }));
@@ -8092,7 +8540,10 @@ class MessageInput extends common/* Com */.Mw {
     if (msg.length > 0) {
       $buttons = (0,preact_module.h)("div", {
         class: "d-flex flex-row align-self-end"
-      }, this.renderEmoji(), (0,preact_module.h)("div", {
+      }, this.renderEmoji(), (0,preact_module.h)("button", {
+        type: "button",
+        disabled: disabled,
+        "aria-label": this.props.t('send'),
         "data-tooltip-position": "top-left",
         class: "message-input--button message-input--send-button",
         onClick: () => this.submitMessage()
@@ -8106,7 +8557,6 @@ class MessageInput extends common/* Com */.Mw {
       }));
     }
     var containercls = '';
-    var disabled = this.hasUnfinishRequiredFormOrLock() || this.props.disabled;
     if (disabled || this.props.is_loading) containercls = 'message-input--disabled';
     return (0,preact_module.h)("div", {
       class: `message-input ${containercls}`,
@@ -8121,6 +8571,7 @@ class MessageInput extends common/* Com */.Mw {
       multiple: true
     }), (0,preact_module.h)("textarea", {
       disabled: disabled,
+      "aria-label": this.props.t('message_input_help'),
       class: "message-input--input",
       maxlength: "1024",
       placeholder: this.props.t('message_input_help').substr(0, 25),
@@ -8283,7 +8734,11 @@ class MessageInput extends common/* Com */.Mw {
     }, 100);
   }
   renderEmoji() {
-    return (0,preact_module.h)("div", null, this.renderEmojiPopup(), (0,preact_module.h)("div", {
+    return (0,preact_module.h)("div", null, this.renderEmojiPopup(), (0,preact_module.h)("button", {
+      type: "button",
+      "aria-label": "Emoji",
+      "aria-expanded": !!this.state.openEmoji,
+      disabled: this.props.disabled || this.props.is_loading,
       class: "message-input--button message-input--emoji-button",
       onClick: e => this.toggleEmoji(e)
     }));
@@ -8313,13 +8768,15 @@ class MessageInput extends common/* Com */.Mw {
       return e.preventDefault();
     }
     this._forceUpdate();
-    this.sendTyping();
   }
   onChange(e) {
+    const value = e.target.value;
+    const changed = value !== (this.state.msgValue || '');
     this.setState({
-      msgValue: e.target.value
+      msgValue: value
     });
     this.resizeInput();
+    if (changed && util/* default */.A.trim(value)) this.sendTyping();
   }
   selectFile() {
     if (this.props.disabled) return;
@@ -8351,10 +8808,10 @@ class MessageInput extends common/* Com */.Mw {
     if (!msg) return;
     if (this.props.disabled) return;
     if (this.props.onSend) {
-      await this.props.onSend({
+      if ((await this.props.onSend({
         text: msg,
         format: 'plaintext'
-      });
+      })) === false) return;
     }
     this.setState({
       openEmoji: false,
@@ -8363,7 +8820,9 @@ class MessageInput extends common/* Com */.Mw {
     this.resizeInput();
   }
   sendTyping() {
+    if (this.props.disabled || this.props.is_loading) return;
     if (!this.props.cid) return;
+    if (util/* default */.A.get(this.props.store.matchConvo(this.props.cid), 'state') === 'ended') return;
     return this.props.store.typing(this.props.cid);
   }
   pasteImage(event) {
@@ -8393,6 +8852,121 @@ function isSummited(form) {
   let fields = util/* default */.A.get(form, 'fields') || [];
   return util/* default */.A.find(fields, field => !!field.answered);
 }
+;// ./src/chatbox/event-layout.js
+
+function processEvents(convo, events) {
+  events = events.filter(event => visibleEvent(event.ev));
+  if (events.length < 1) return;
+  var lastAgentEvent;
+  for (var i = 1; i < events.length; i++) {
+    let curEvent = events[i];
+    let lastEvent = events[i - 1];
+    if (util/* default */.A.get(curEvent, 'ev.by.type') != 'user' && !curEvent.is_typing) {
+      lastAgentEvent = curEvent;
+    }
+    if (visibleEvent(curEvent.ev)) {
+      let elapsedSec = util/* default */.A.unixSec(curEvent.ev.created) - util/* default */.A.unixSec(lastEvent.ev.created);
+      if (elapsedSec > 300) curEvent.show_time = true;
+    }
+  }
+  if (lastAgentEvent) lastAgentEvent.show_time = true;
+  for (var i = 0; i < events.length; i++) {
+    let curEvent = events[i];
+    if (util/* default */.A.get(curEvent, 'ev.type') === 'message_sent') {
+      curEvent.show_time = true;
+      break;
+    }
+  }
+  let lastMsgSentIdx = -1;
+  for (var i = 0; i < events.length; i++) {
+    let curEvent = events[i];
+    let prevEvent = events[i - 1];
+    let nextEvent = events[i + 1];
+    if (curEvent.ev.type === 'message_sent') {
+      lastMsgSentIdx = i;
+      curEvent.mode = 'lead';
+      if (util/* default */.A.get(prevEvent, 'ev.type') === 'message_sent' && util/* default */.A.get(prevEvent, 'ev.by.id') === util/* default */.A.get(curEvent, 'ev.by.id')) {
+        curEvent.mode = 'follow';
+      }
+      if (util/* default */.A.get(nextEvent, 'ev.type') !== 'message_sent' || util/* default */.A.get(nextEvent, 'ev.by.id') !== util/* default */.A.get(curEvent, 'ev.by.id')) {
+        curEvent.is_end = true;
+      }
+      continue;
+    }
+  }
+  if (lastMsgSentIdx > -1) {
+    events[lastMsgSentIdx].is_last_message_send = true;
+  }
+}
+function visibleEvent(ev) {
+  let type = util/* default */.A.get(ev, 'type');
+  if (type === 'message_sent') return true;
+  if (type === 'conversation_state_updated') {
+    return util/* default */.A.get(ev, 'data.conversation.state') == 'ended';
+  }
+}
+;// ./src/chatbox/conversation-history.js
+
+function conversationHistory(store, cid) {
+  if (!cid) return [];
+  const current = store.matchConvo(cid);
+  if (!current || !current.created) return [current || {
+    id: cid
+  }];
+  const conversations = util/* default */.A.map(store.matchConvo('*'));
+  const unique = new Map();
+  for (const convo of conversations) {
+    if (!convo || !convo.id || convo.id === cid || convo.id.startsWith('cslight')) continue;
+    if (current.account_id && convo.account_id !== current.account_id) continue;
+    if (convo.created && util/* default */.A.getMs(convo.created) < util/* default */.A.getMs(current.created)) unique.set(convo.id, convo);
+  }
+  return [...unique.values()].sort((a, b) => util/* default */.A.getMs(a.created) - util/* default */.A.getMs(b.created) || a.id.localeCompare(b.id)).concat(current);
+}
+function conversationEvents(store, convo) {
+  const events = util/* default */.A.orderBy(util/* default */.A.map(store.listEvents(convo.id)), 'created', 'asc');
+  const unique = new Map();
+  for (const ev of events) {
+    const key = conversationEventKey(ev);
+    const previous = unique.get(key);
+    if (!previous) unique.set(key, ev);else if (previous.id === previous.source_event_id && ev.id !== ev.source_event_id) unique.set(key, {
+      ...ev,
+      created: previous.created
+    });
+  }
+  return [...unique.values()].map(ev => ({
+    ev
+  }));
+}
+function conversationEventKey(ev) {
+  const id = ev.type === 'message_sent' ? ev.source_event_id || ev.id : ev.id;
+  return ev.type + ':' + id;
+}
+;// ./src/chatbox/greeting.js
+
+function widgetGreeting(chatbox, t, created = util/* default */.A.Date.now()) {
+  const greeting = util/* default */.A.get(chatbox, 'greeting', {});
+  const localized = t.i18n ? t.i18n(greeting.greeting || {}) : '';
+  const text = util/* default */.A.trim(localized) || util/* default */.A.trim(greeting.message) || util/* default */.A.trim(t('team_intro')) || t('empty_convo_text');
+  return {
+    id: 'widget-greeting-' + util/* default */.A.randomString(24),
+    type: 'message_sent',
+    created,
+    by: {
+      type: 'system',
+      id: 'system',
+      ...(greeting.agent_id ? {
+        display_type: 'agent',
+        display_id: greeting.agent_id
+      } : {})
+    },
+    data: {
+      message: {
+        text,
+        format: 'plaintext'
+      }
+    }
+  };
+}
 ;// ./src/chatbox/ImageAttachments.js
 function ImageAttachments_defineProperty(e, r, t) { return (r = ImageAttachments_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function ImageAttachments_toPropertyKey(t) { var i = ImageAttachments_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
@@ -8656,16 +9230,19 @@ class FileAttachments extends common/* Com */.Mw {
     }, 3000);
   }
 }
+// EXTERNAL MODULE: ./src/util/url.js
+var util_url = __webpack_require__(4339);
 ;// ./src/chatbox/Buttons.js
 
 
+
 function Buttons(props) {
   if (util/* default */.A.size(props.buttons) === 0) return null;
   var $buttons = util/* default */.A.map(props.buttons, (button, index) => {
     if (button.type === 'call_button') {
       return (0,preact_module.h)("a", {
         class: "url-button-attachment",
-        href: 'tel:' + button.phone_number,
+        href: (0,util_url/* safeUrl */.P)('tel:' + button.phone_number),
         key: index,
         title: button.title
       }, props.t.i18n(button.i18n_title) || props.t.i18n(button.old_i18n_title) || button.title || `${props.t('call')} ${button.phone_number}`);
@@ -8673,16 +9250,18 @@ function Buttons(props) {
     if (button.type === 'url_button') {
       return (0,preact_module.h)("a", {
         class: "url-button-attachment",
-        href: button.url,
+        href: (0,util_url/* safeUrl */.P)(button.url) || undefined,
         target: "_blank",
+        rel: "noopener noreferrer",
         key: index,
         title: button.title
       }, props.t.i18n(button.i18n_title) || props.t.i18n(button.old_i18n_title) || button.title || button.url);
     }
     if (button.type === 'postback_button') {
-      return (0,preact_module.h)("a", {
+      return (0,preact_module.h)("button", {
+        type: "button",
         class: "url-button-attachment",
-        href: "javascript:;",
+        key: index,
         onClick: _ => props.onSelect(button)
       }, props.t.i18n(button.i18n_title) || button.title);
     }
@@ -9611,8 +10190,6 @@ class VideoAttachments extends common/* Com */.Mw {
     }, $videos);
   }
 }
-// EXTERNAL MODULE: ./src/chatbox/time.js
-var chatbox_time = __webpack_require__(1620);
 ;// ./src/chatbox/QuoteMessage.js
 function QuoteMessage_defineProperty(e, r, t) { return (r = QuoteMessage_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function QuoteMessage_toPropertyKey(t) { var i = QuoteMessage_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
@@ -9653,7 +10230,7 @@ class QuoteMessage extends common/* Com */.Mw {
       if (util/* default */.A.get(this.props, 'chatbox.hide_agent_profile')) sendername = acc.name;
     }
     let att = util/* default */.A.get(this.props.ev, 'data.message.attachments.0');
-    if (att) {
+    if (att && !util/* default */.A.get(this.props.ev, 'data.message.deleted')) {
       let isImg = util/* default */.A.includes(att.mimetype, 'image');
       if (isImg) {
         let uri = att.url;
@@ -9687,7 +10264,8 @@ class QuoteMessage extends common/* Com */.Mw {
     let format = util/* default */.A.get(this.props.ev, 'data.message.format', 'plaintext');
     let block = util/* default */.A.get(this.props.ev, 'data.message.block');
     let text = util/* default */.A.get(this.props.ev, 'data.message.text');
-    if (block) text = util/* default */.A.blockToText(block);
+    if (block) text = util/* default */.A.blockToText(block) || text;
+    if (util/* default */.A.get(this.props.ev, 'data.message.deleted')) text = this.props.t('recalled_message');
     return (0,preact_module.h)("div", {
       class: "message-quote",
       onClick: () => this.scrollToSourceEvent(this.props.ev)
@@ -9722,10 +10300,9 @@ class TextMessage extends common/* Com */.Mw {
   }
   renderTime() {
     return null;
-    // removed by dead control flow
-
-    // removed by dead control flow
-
+  }
+  componentWillUnmount() {
+    util/* default */.A.clearTimeout(this.focusTimeout);
   }
   focusSourceEventFromQuote(ev) {
     if (ev.id !== this.props.ev.id) return;
@@ -9733,7 +10310,7 @@ class TextMessage extends common/* Com */.Mw {
     let attachmentIndexField = util/* default */.A.find(fields, f => f.key === 'attachment_index');
     let attachmentIndex = util/* default */.A.get(attachmentIndexField, 'value');
     try {
-      attachmentIndex = JSON.parse(attachmentIndex);
+      attachmentIndex = util/* default */.A.parseJSON(attachmentIndex);
     } catch (err) {
       attachmentIndex = undefined;
     }
@@ -9741,17 +10318,22 @@ class TextMessage extends common/* Com */.Mw {
     this.setState({
       focused: true
     });
-    if (this.focusTimeout) clearTimeout(this.focusTimeout);
-    this.focusTimeout = setTimeout(() => {
+    if (this.focusTimeout) util/* default */.A.clearTimeout(this.focusTimeout);
+    this.focusTimeout = util/* default */.A.setTimeout(() => {
       this.setState({
         focused: false
       });
     }, 3000);
   }
   render() {
-    var format = util/* default */.A.get(this.props.ev, 'data.message.format', 'plaintext');
+    if (util/* default */.A.get(this.props.ev, 'data.message.deleted')) {
+      let byType = util/* default */.A.get(this.props.ev, 'by.type') === 'user' ? 'user' : 'agent';
+      return (0,preact_module.h)("div", {
+        class: 'message-' + byType + ' message-text--' + byType + ' message-text--deleted'
+      }, this.props.t('recalled_message'));
+    }
     let block = util/* default */.A.get(this.props.ev, 'data.message.block');
-    if (block) return this.renderBlock(block);
+    if (block && !util/* default */.A.isEmptyBlock(block)) return this.renderBlock(block);
     return this.renderPlainText();
   }
   renderPlainText() {
@@ -9771,11 +10353,14 @@ class TextMessage extends common/* Com */.Mw {
         if (!url.startsWith('//') && !url.startsWith('https://') && !url.startsWith('http://') && !url.startsWith('data:')) {
           url = '//' + url;
         }
+        url = (0,util_url/* safeUrl */.P)(url);
+        if (!url) return tag.text;
         return (0,preact_module.h)("a", {
           class: "text-message-link",
           href: url,
           target: "_blank",
-          onClick: e => this.props.onLink(e, url)
+          rel: "noopener noreferrer",
+          onClick: e => this.props.onLink && this.props.onLink(e, url)
         }, tag.text);
       }
       if (tag.type === 'phone') return (0,preact_module.h)("a", {
@@ -9789,15 +10374,10 @@ class TextMessage extends common/* Com */.Mw {
       return tag.text;
     });
     if (util/* default */.A.size(tags) === 0) return null;
-    let isDeleted = util/* default */.A.get(this.props.ev, 'data.message.deleted');
     let attachments = util/* default */.A.get(this.props.ev, 'data.message.attachments', []);
     let quote = util/* default */.A.find(attachments, att => att.type === 'quote');
     if (byType === 'agent') {
       let cls = 'message-agent message-text--agent';
-      if (isDeleted) {
-        tags = this.props.t('recalled_message');
-        cls += ' message-text--deleted';
-      }
       if (this.state.focused) cls += ' just-focused';
       return (0,preact_module.h)("div", {
         class: cls,
@@ -9829,6 +10409,8 @@ class TextMessage extends common/* Com */.Mw {
       }, (0,preact_module.h)(chatbox_block/* default */.A, {
         block: block,
         onLink: this.props.onLink,
+        store: this.props.store,
+        t: this.props.t,
         textMessage: true
       }), this.renderTime());
     }
@@ -9840,6 +10422,8 @@ class TextMessage extends common/* Com */.Mw {
     }, (0,preact_module.h)(chatbox_block/* default */.A, {
       block: block,
       onLink: this.props.onLink,
+      store: this.props.store,
+      t: this.props.t,
       textMessage: true
     }));
   }
@@ -9873,12 +10457,14 @@ class InfoMessage extends common/* Com */.Mw {
       return (0,preact_module.h)("div", {
         class: "convo-event"
       }, (0,preact_module.h)("div", {
-        class: "info-message"
+        class: "info-message info-message--ended"
       }, this.props.t('conversation_ended')));
     }
     return null;
   }
 }
+// EXTERNAL MODULE: ./src/chatbox/time.js
+var chatbox_time = __webpack_require__(1620);
 ;// ./src/chatbox/Event.js
 function Event_defineProperty(e, r, t) { return (r = Event_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function Event_toPropertyKey(t) { var i = Event_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
@@ -9930,10 +10516,26 @@ class Event extends common/* Com */.Mw {
     this.state = {
       pongs: util/* default */.A.get(this.props.event, 'ev.data.message.pongs') || []
     };
+    const _ev = this.props.event.ev;
+    const age = (this.props.store.now ? this.props.store.now() : util/* default */.A.Date.now()) - _ev.created;
+    this.animateSend = !props.isHistory && _ev.type === 'message_sent' && util/* default */.A.get(_ev, 'by.type') === 'user' && _ev.id === util/* default */.A.get(_ev, 'source_event_id') && age >= 0 && age < 2000;
     this.textMessageRef = (0,preact_module/* createRef */._3)();
     this.fileAttachmentRef = (0,preact_module/* createRef */._3)();
     this.imageAttachmentRef = (0,preact_module/* createRef */._3)();
   }
+  componentDidMount() {
+    if (!this.animateSend) return;
+    this.sendAnimationFrame = window.requestAnimationFrame(() => {
+      this.sendAnimationFrame = window.requestAnimationFrame(() => {
+        if (this._isMounted) this.setState({
+          sendEntered: true
+        });
+      });
+    });
+  }
+  componentWillUnmount() {
+    if (this.sendAnimationFrame) window.cancelAnimationFrame(this.sendAnimationFrame);
+  }
   render() {
     var ev = util/* default */.A.get(this.props.event, 'ev', {});
     switch (ev.type) {
@@ -9978,6 +10580,7 @@ class Event extends common/* Com */.Mw {
     return !!util/* default */.A.find(pongs, pong => pong.type === 'dislike');
   }
   chooseQuickReply(reply) {
+    if (this.props.isHistory) return;
     let ev = util/* default */.A.get(this.props.event, 'ev', {});
     let message = {
       text: reply.title,
@@ -9995,6 +10598,7 @@ class Event extends common/* Com */.Mw {
     this.props.onSend(message);
   }
   choosePostbackBtn(button) {
+    if (this.props.isHistory) return;
     let ev = util/* default */.A.get(this.props.event, 'ev', {});
     let message = {
       text: button.title,
@@ -10135,6 +10739,17 @@ class Event extends common/* Com */.Mw {
   }
   renderMessageSent() {
     let ev = this.props.event.ev;
+    if (util/* default */.A.get(ev, 'data.message.deleted')) {
+      let byType = util/* default */.A.get(ev, 'by.type') === 'user' ? 'user' : 'agent';
+      return (0,preact_module.h)("div", {
+        class: 'convo-event ' + byType + '-message',
+        "data-ev-id": ev.id
+      }, (0,preact_module.h)(TextMessage, {
+        ev: ev,
+        t: this.props.t,
+        store: this.props.store
+      }));
+    }
     let attachments = util/* default */.A.get(ev, 'data.message.attachments');
     let hasForm = util/* default */.A.find(attachments, att => att.type === 'form');
     if (util/* default */.A.isEmptyMessage(util/* default */.A.get(ev, 'data.message'))) return null;
@@ -10205,13 +10820,13 @@ class Event extends common/* Com */.Mw {
         t: this.props.t,
         store: this.props.store,
         ev: ev
-      }), (0,preact_module.h)(QuickReplies, {
+      }), !this.props.isHistory && (0,preact_module.h)(QuickReplies, {
         store: this.props.store,
         ev: ev,
         onSelect: e => this.chooseQuickReply(e)
       }), this.renderReactions(), this.renderAIDevNote())));
     }
-    if (util/* default */.A.get(ev, 'data.message.idempotency_key') === ev.id && this.props.store.now() - ev.created < 900) {
+    if (util/* default */.A.get(ev, 'source_event_id') === ev.id && this.props.store.now() - ev.created < 900) {
       util/* default */.A.setTimeout(() => this.setState({
         refresh: this.state.refresh
       }), 1000);
@@ -10219,7 +10834,7 @@ class Event extends common/* Com */.Mw {
     let $dot = (0,preact_module.h)("div", {
       class: "sending_dot"
     });
-    if (this.props.store.now() - ev.created < 900 || util/* default */.A.get(ev, 'data.message.idempotency_key') !== ev.id) {
+    if (this.props.store.now() - ev.created < 900 || util/* default */.A.get(ev, 'source_event_id') !== ev.id) {
       $dot = (0,preact_module.h)("div", {
         class: "sending_dot sending_dot__hide"
       });
@@ -10247,10 +10862,11 @@ class Event extends common/* Com */.Mw {
       class: "convo-event user-message",
       "data-ev-id": ev.id
     }, $sender, (0,preact_module.h)("div", {
-      class: "message-user__container"
+      class: 'message-user__container' + (this.animateSend && !this.props.isHistory ? ' message-user__container--send' + (this.state.sendEntered ? '' : ' message-user__container--enter') : '')
     }, $dot, (0,preact_module.h)(TextMessage, {
       ref: this.textMessageRef,
       store: this.props.store,
+      t: this.props.t,
       ev: ev,
       refresh: this.state.refresh,
       onLink: this.props.onLink
@@ -10286,6 +10902,7 @@ class Event extends common/* Com */.Mw {
     })), $error);
   }
   async onSendReaction(action) {
+    if (this.props.isHistory) return;
     if (this._reacting) return;
     let ev = this.props.event.ev;
     let cid = util/* default */.A.get(ev, 'data.message.conversation_id');
@@ -10337,6 +10954,7 @@ class Event extends common/* Com */.Mw {
     this._reacting = false;
   }
   renderReactions() {
+    if (this.props.isHistory) return null;
     if (this.props.store.isAIDevMode()) return null;
     let cid = util/* default */.A.get(this.props.event.ev, 'data.message.conversation_id', '');
     if (cid.startsWith('cslight')) return null;
@@ -10424,7 +11042,7 @@ class Event extends common/* Com */.Mw {
     let byid = util/* default */.A.get(ev, 'by.display_id', util/* default */.A.get(ev, 'by.id')) || '';
     if (bytype === 'user') return util/* default */.A.getUserDisplayName(this.props.store.matchUser());
     let acc = this.props.store.matchAccount();
-    if (bytype === 'agent') return util/* default */.A.getAgentDisplayName(acc, this.props.store.matchAgent(byid));
+    if (bytype === 'agent' || util/* default */.A.get(ev, 'by.display_type') === 'agent') return util/* default */.A.getAgentDisplayName(acc, this.props.store.matchAgent(byid));
     if (byid.startsWith('at')) return util/* default */.A.getAgentDisplayName(acc, this.props.store.matchAgent(byid));
     if (bytype === 'bot') {
       let bot = this.props.store.matchBot()[byid];
@@ -10441,6 +11059,9 @@ function Events_toPropertyKey(t) { var i = Events_toPrimitive(t, "string"); retu
 function Events_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); }
 ;
 
+
+
+
 const convoemptyimg = (convos_empty_namespaceFn());
 
 
@@ -10468,6 +11089,11 @@ class Events extends common/* Com */.Mw {
     this.checkAndSeen();
   }
   componentDidMount() {
+    this.syncTimer = util/* default */.A.setInterval(() => this.syncMessages(), 120_000);
+    this.resumeSync = () => this.syncMessages();
+    window.addEventListener('focus', this.resumeSync);
+    document.addEventListener('visibilitychange', this.resumeSync);
+    this.syncMessages();
     this.setState({
       isShowTyping: false,
       typing_event: {}
@@ -10502,13 +11128,123 @@ class Events extends common/* Com */.Mw {
       }, 5000);
     });
     this.props.store.onMessageUpdated(this, async ev => {
-      if (util/* default */.A.convoOfEv(ev) !== this.props.cid) return;
-      await this.props.store.reloadConvoEvents(this.props.cid);
+      const cid = util/* default */.A.convoOfEv(ev);
+      if (!this.visibleCounts || !this.visibleCounts[cid]) return;
+      await this.props.store.reloadConvoEvents(cid);
       this.forceUpdate();
     });
+    this.restoreInitialBottom();
+    this.observeHistoryStart();
   }
   componentDidUpdate(prevProps) {
-    if (prevProps.cid !== this.props.cid) this.loadConvo();
+    if (prevProps.cid !== this.props.cid && !this.isDraftPromotion(prevProps, this.props)) this.loadConvo();
+    if (prevProps.cid !== this.props.cid || !prevProps.isShow && this.props.isShow) this.syncMessages();
+    this.restoreInitialBottom();
+    this.observeHistoryStart();
+  }
+  componentWillReceiveProps(nextProps) {
+    if (nextProps.cid === this.props.cid) return;
+    if (this.isDraftPromotion(this.props, nextProps)) {
+      this.visibleCounts[nextProps.cid] = this.visibleCounts[this.props.cid] || 30;
+      delete this.visibleCounts[this.props.cid];
+      return;
+    }
+    this.loadVersion = (this.loadVersion || 0) + 1;
+    this.visibleCounts = this.initialVisibleCounts(nextProps);
+    this.evRefs = {};
+    this.historyBusy = true;
+    this.setState({
+      error: false,
+      historyError: false,
+      historyLoading: false,
+      isShowTyping: false,
+      loading: nextProps.cid ? util/* default */.A.Date.now() : false
+    });
+  }
+  isDraftPromotion(previous, next) {
+    return !!previous.cid && util/* default */.A.get(next.store.widgetConvoOrigins, next.cid) === previous.cid;
+  }
+  initialVisibleCounts(props) {
+    const counts = props.cid ? {
+      [props.cid]: 30
+    } : {};
+    if (!props.store.matchConvo || util/* default */.A.get(props.store.matchConvo(props.cid), 'light_type') !== 'widget') return counts;
+    const history = conversationHistory(props.store, props.cid).slice(0, -1).reverse();
+    let remaining = 30;
+    for (const convo of history) {
+      const cached = util/* default */.A.size(props.store.listEvents(convo.id));
+      if (!cached || !remaining) break;
+      counts[convo.id] = Math.min(cached, remaining);
+      remaining -= counts[convo.id];
+      if (!util/* default */.A.get(props.store.outofmsgM, convo.id)) break;
+    }
+    return counts;
+  }
+  syncMessages() {
+    if (!this._isMounted || !this.props.isShow || document.visibilityState === 'hidden') return;
+    const ids = Object.keys(this.visibleCounts || {}).filter(cid => this.visibleCounts[cid]);
+    return Promise.all(ids.map(cid => this.props.store.syncConvoEvents(cid)));
+  }
+  componentWillUnmount() {
+    util/* default */.A.clearInterval(this.syncTimer);
+    window.removeEventListener('focus', this.resumeSync);
+    document.removeEventListener('visibilitychange', this.resumeSync);
+    this.loadVersion = (this.loadVersion || 0) + 1;
+    if (this.timer) util/* default */.A.clearTimeout(this.timer);
+    if (this.historyCheckTimer) util/* default */.A.clearTimeout(this.historyCheckTimer);
+    if (this.historyObserver) this.historyObserver.disconnect();
+    if (this.scrollTimer) util/* default */.A.clearTimeout(this.scrollTimer);
+    if (this.initialSizeObserver) this.initialSizeObserver.disconnect();
+  }
+  stopInitialBottom() {
+    this.initialBottom = false;
+  }
+  restoreInitialBottom() {
+    if (!this.initialBottom || this.props.isShow === false || !this.refBody) return;
+    if (window.ResizeObserver && (this.initialObservedBody !== this.refBody || this.initialObservedContent !== this.refContent)) {
+      if (this.initialSizeObserver) this.initialSizeObserver.disconnect();
+      this.initialObservedBody = this.refBody;
+      this.initialObservedContent = this.refContent;
+      this.initialSizeObserver = new window.ResizeObserver(() => {
+        if (this._isMounted) this.restoreInitialBottom();
+      });
+      this.initialSizeObserver.observe(this.refBody);
+      if (this.refContent) this.initialSizeObserver.observe(this.refContent);
+    }
+    this.refBody.scrollTop = this.refBody.scrollHeight;
+    if (this.checkAndSeen) this.checkAndSeen();
+  }
+  observeHistoryStart() {
+    if (this.observedHistoryStart !== this.historyStart || this.observedHistoryRoot !== this.refBody) {
+      if (this.historyObserver) this.historyObserver.disconnect();
+      this.observedHistoryStart = this.historyStart;
+      this.observedHistoryRoot = this.refBody;
+      if (this.historyStart && this.refBody && window.IntersectionObserver) {
+        this.historyObserver = new window.IntersectionObserver(entries => {
+          if (entries.some(entry => entry.isIntersecting)) this.queueHistoryCheck();
+        }, {
+          root: this.refBody
+        });
+        this.historyObserver.observe(this.historyStart);
+      }
+    }
+    this.queueHistoryCheck();
+  }
+  queueHistoryCheck() {
+    if (this.historyCheckTimer || !this._isMounted) return;
+    this.historyCheckTimer = util/* default */.A.setTimeout(() => {
+      this.historyCheckTimer = null;
+      this.loadVisibleHistory();
+    }, 0);
+  }
+  loadVisibleHistory() {
+    if (!this._isMounted || this.props.isShow === false || this.historyBusy || this.state.historyError || !this.hasMore()) return;
+    if (!this.refBody || !this.historyStart) return;
+    const root = this.refBody.getBoundingClientRect();
+    const marker = this.historyStart.getBoundingClientRect();
+    if (root.width <= 0 || root.height <= 0 || marker.height <= 0) return;
+    if (marker.right <= Math.max(root.left, 0) || marker.left >= Math.min(root.right, window.innerWidth)) return;
+    if (marker.bottom > Math.max(root.top, 0) && marker.top < Math.min(root.bottom, window.innerHeight)) return this.loadMore();
   }
   setEventChildRef(ele, id) {
     this.evRefs[id] = ele;
@@ -10535,26 +11271,28 @@ class Events extends common/* Com */.Mw {
   }
   render() {
     if (this.state.error) return this.renderError();
-    let events = util/* default */.A.map(this.props.store.listEvents(this.props.cid));
-    if (!this.state.loading && util/* default */.A.size(events) === 0 && !this.props.cid) {
-      return (0,preact_module.h)("div", {
-        ref: ref => this.refBody = ref,
-        class: "widget-body--events-container"
-      }, (0,preact_module.h)("div", {
-        class: "widget-body--empty"
-      }, (0,preact_module.h)("div", {
-        class: "widget-body--empty-icon"
-      }), (0,preact_module.h)("div", {
-        class: "widget-body--empty-text"
-      }, this.props.t('empty_convo_text'))), (0,preact_module.h)(PoweredBy, {
-        store: this.props.store
+    const conversations = conversationHistory(this.props.store, this.props.cid).filter(convo => this.visibleCounts && this.visibleCounts[convo.id]);
+    let events = conversations.flatMap(convo => {
+      const entries = conversationEvents(this.props.store, convo).slice(-this.visibleCounts[convo.id]).filter(entry => convo.id === this.props.cid || entry.ev.type !== 'conversation_state_updated');
+      processEvents(convo, entries);
+      return entries.map(entry => ({
+        ...entry,
+        convo
       }));
+    });
+    if (!this.state.loading && !this.props.creating && events.length === 0 && !this.props.cid) {
+      if (!this.greetingCreated) this.greetingCreated = util/* default */.A.Date.now();
+      events.push({
+        mode: 'lead',
+        is_last_message_send: true,
+        ev: {
+          ...widgetGreeting(this.props.chatbox, this.props.t, this.greetingCreated),
+          id: 'widget-virtual-greeting'
+        }
+      });
     }
-    events = util/* default */.A.orderBy(events, 'created', 'asc');
+    this.renderedIds = new Set(events.map(entry => entry.ev.id));
     let convo = this.props.store.matchConvo(this.props.cid);
-    events = util/* default */.A.map(events, ev => ({
-      ev: ev
-    }));
     let ev = this.state.typing_event || {
       id: 'evzz' + util/* default */.A.Date.now(),
       created: util/* default */.A.Date.now(),
@@ -10579,11 +11317,21 @@ class Events extends common/* Com */.Mw {
         }
       }
     };
-    processEvents(convo, events);
+    const hasMessages = events.some(entry => entry.ev.type === 'message_sent');
     events.push(fakeev);
     let $events = util/* default */.A.map(events, ev => {
-      let isLast = ev.is_last_message_send && util/* default */.A.get(convo, 'state') !== 'ended';
-      return (0,preact_module.h)(Event, {
+      const sourceConvo = ev.convo || convo;
+      const isHistory = sourceConvo && sourceConvo.id !== this.props.cid;
+      let isLast = !isHistory && ev.is_last_message_send && util/* default */.A.get(sourceConvo, 'state') !== 'ended';
+      const sourceId = sourceConvo ? sourceConvo.id : '';
+      const key = (util/* default */.A.get(this.props.store.widgetConvoOrigins, sourceId) || sourceId) + ':' + conversationEventKey(ev.ev);
+      return (0,preact_module.h)("fieldset", {
+        class: isHistory ? 'conversation-event conversation-event--history' : 'conversation-event',
+        disabled: isHistory,
+        "data-conversation-id": sourceConvo && sourceConvo.id,
+        key: key
+      }, (0,preact_module.h)(Event, {
+        isHistory: isHistory,
         isLast: isLast,
         chatbox: this.props.chatbox,
         onLink: this.props.onLink,
@@ -10593,45 +11341,78 @@ class Events extends common/* Com */.Mw {
         onPostback: this.props.onPostback,
         onFocusSourceEventFromQuote: this.onFocusSourceEventFromQuote,
         ref: ele => this.setEventChildRef(ele, ev.ev.id),
-        isConvoEnded: util/* default */.A.get(convo, 'state') === 'ended',
+        isConvoEnded: util/* default */.A.get(sourceConvo, 'state') === 'ended',
         event: ev,
         t: this.props.t,
-        key: ev.ev.id
-      });
+        key: key
+      }));
     });
     let $loading = null;
-    let style = 'opacity: 1 !important';
-    if (this.props.creating) {
+    if (!hasMessages && (this.props.creating || this.state.loading)) {
       $loading = (0,preact_module.h)(spinner/* default */.A, {
         static: true,
         mode: util/* default */.A.get(this.props.chatbox, 'primary_color', 'dark'),
         size: "120",
         center: true
       });
-      style = 'opacity: 0 !important';
-    }
-    if (this.state.loading) {
-      if (util/* default */.A.Date.now() - this.state.loading > 500) {
-        $loading = (0,preact_module.h)(spinner/* default */.A, {
-          static: true,
-          mode: util/* default */.A.get(this.props.chatbox, 'primary_color', 'dark'),
-          size: "120",
-          center: true
-        });
-        style = 'opacity: 0 !important';
-      }
     }
     return (0,preact_module.h)(preact_module/* Fragment */.FK, null, $loading, (0,preact_module.h)("div", {
-      style: style,
       ref: ref => this.refBody = ref,
       class: "widget-body--events-container",
-      onMouseOver: this.checkAndSeen
-    }, (0,preact_module.h)("div", {
-      class: "widget-body--events"
+      onMouseOver: this.checkAndSeen,
+      onScroll: () => this.queueHistoryCheck(),
+      onWheel: () => this.stopInitialBottom(),
+      onTouchStart: () => this.stopInitialBottom(),
+      onPointerDown: () => this.stopInitialBottom(),
+      onKeyDown: () => this.stopInitialBottom()
+    }, this.hasMore() && (0,preact_module.h)("div", {
+      ref: ref => {
+        this.historyStart = ref;
+      },
+      class: "conversation-history-start",
+      "aria-hidden": "true"
+    }), this.state.historyLoading && !this.state.historyError && (0,preact_module.h)(spinner/* default */.A, {
+      size: "16",
+      mode: "blue"
+    }), this.state.historyError && this.renderHistoryError(), (0,preact_module.h)("div", {
+      class: "widget-body--events",
+      ref: ref => {
+        this.refContent = ref;
+      }
     }, $events), (0,preact_module.h)(PoweredBy, {
       store: this.props.store
     })));
   }
+  renderHistoryError() {
+    const t = this.props.t;
+    const translated = t('load_history_error');
+    const locale = t.locale ? t.locale().toLowerCase() : 'en';
+    const fallback = locale.startsWith('vi') ? 'Chưa tải được tin nhắn cũ' : 'Couldn’t load earlier messages';
+    const text = translated && translated !== 'load_history_error' ? translated : fallback;
+    return (0,preact_module.h)("div", {
+      class: "conversation-history-error",
+      role: "status"
+    }, (0,preact_module.h)("span", {
+      class: "conversation-history-error__text"
+    }, text), (0,preact_module.h)("button", {
+      class: "conversation-history-error__retry",
+      type: "button",
+      disabled: this.state.historyLoading,
+      "aria-label": t('try_again'),
+      "aria-busy": !!this.state.historyLoading,
+      onClick: () => this.loadMore()
+    }, (0,preact_module.h)("span", {
+      class: "conversation-history-error__retry-label",
+      style: {
+        visibility: this.state.historyLoading ? 'hidden' : 'visible'
+      }
+    }, t('try_again')), this.state.historyLoading && (0,preact_module.h)("span", {
+      class: "conversation-history-error__spinner",
+      "aria-hidden": "true"
+    }, (0,preact_module.h)(spinner/* default */.A, {
+      size: "14"
+    }))));
+  }
   renderError() {
     let $tryAgainBtn = (0,preact_module.h)("a", {
       href: "#",
@@ -10679,61 +11460,168 @@ class Events extends common/* Com */.Mw {
     });
   }
   onEvent(newev) {
-    if (util/* default */.A.convoOfEv(newev) !== this.props.cid) return;
+    const cid = util/* default */.A.convoOfEv(newev);
+    if (!this.visibleCounts || !this.visibleCounts[cid]) return;
+    if (newev.type === 'message_sent') {
+      const sourceEventId = util/* default */.A.get(newev, 'source_event_id');
+      const key = cid + ':' + (sourceEventId || newev.id);
+      this.receivedMessageKeys = this.receivedMessageKeys || new Set();
+      const known = this.receivedMessageKeys.has(key) || this.renderedIds && (this.renderedIds.has(newev.id) || this.renderedIds.has(sourceEventId));
+      this.receivedMessageKeys.add(key);
+      if (known) return;
+      if (this.renderedIds) this.visibleCounts[cid]++;
+    }
+    if (cid !== this.props.cid) {
+      const container = this.refBody;
+      const height = container ? container.scrollHeight : 0;
+      const top = container ? container.scrollTop : 0;
+      this.forceUpdate();
+      util/* default */.A.setTimeout(() => {
+        if (container && container === this.refBody) container.scrollTop = top + container.scrollHeight - height;
+      });
+      return;
+    }
     let isBottom = this.isBottom();
+    if (newev.type === 'message_sent') this.stopInitialBottom();
     var byme = false;
-    if (util/* default */.A.get(newev, 'type') === 'message_sent' && newev.id === util/* default */.A.get(newev, 'data.message.idempotency_key')) byme = true;
-    if (byme || isBottom) this.scrollToBottom();
+    if (util/* default */.A.get(newev, 'type') === 'message_sent' && newev.id === util/* default */.A.get(newev, 'source_event_id')) byme = true;
+    if (byme || isBottom) this.scrollToBottom('smooth');
+  }
+  historyTarget() {
+    const conversations = conversationHistory(this.props.store, this.props.cid);
+    const first = conversations.findIndex(convo => this.visibleCounts && this.visibleCounts[convo.id]);
+    if (first < 0) return;
+    const convo = conversations[first];
+    const count = util/* default */.A.size(this.props.store.listEvents(convo.id));
+    if (this.visibleCounts[convo.id] < count || !convo.id.startsWith('cslight') && !util/* default */.A.get(this.props.store.outofmsgM, convo.id)) return convo;
+    return conversations[first - 1];
+  }
+  hasMore() {
+    return !!this.historyTarget();
+  }
+  async fetchPage(cid) {
+    if (cid.startsWith('cslight') || util/* default */.A.get(this.props.store.outofmsgM, cid)) return {};
+    this.eventRequests = this.eventRequests || new Map();
+    let request = this.eventRequests.get(cid);
+    if (!request) {
+      request = this.props.store.fetchMoreEvents(cid, 30);
+      this.eventRequests.set(cid, request);
+    }
+    try {
+      return await request;
+    } finally {
+      if (this.eventRequests.get(cid) === request) this.eventRequests.delete(cid);
+    }
   }
   async loadConvo() {
-    if (!this.props.cid) return;
-    this.lastContentOffsetY = 0;
+    const cid = this.props.cid;
+    this.receivedMessageKeys = new Set();
+    this.initialBottom = true;
+    const version = this.loadVersion = (this.loadVersion || 0) + 1;
+    this.visibleCounts = this.initialVisibleCounts(this.props);
+    this.historyBusy = true;
+    this.evRefs = {};
     this.setState({
-      loading: false
+      error: false,
+      historyError: false,
+      historyLoading: false,
+      isShowTyping: false,
+      loading: cid && !util/* default */.A.size(this.props.store.listEvents(cid)) ? util/* default */.A.Date.now() : false
     });
-    let events = this.props.store.listEvents(this.props.cid);
-    if (util/* default */.A.size(events) === 0) {
-      this.setState({
-        loading: util/* default */.A.Date.now()
-      });
-      util/* default */.A.setTimeout(() => {
-        this.forceUpdate();
-      }, 800);
-      let cid = this.props.cid;
-      let {
-        error
-      } = await this.props.store.fetchMoreEvents(cid);
-      this.setState({
-        loading: false
+    try {
+      if (cid && !util/* default */.A.size(this.props.store.listEvents(cid))) {
+        const result = await this.fetchPage(cid);
+        if (version !== this.loadVersion || !this._isMounted) return;
+        if (result && result.error) this.setState({
+          error: !util/* default */.A.size(this.props.store.listEvents(cid)),
+          historyError: true
+        });
+      }
+    } catch (_) {
+      if (version === this.loadVersion) this.setState({
+        error: !util/* default */.A.size(this.props.store.listEvents(cid)),
+        historyError: true
       });
-      if (cid !== this.props.cid) return;
-      if (error) {
+    } finally {
+      if (version === this.loadVersion && this._isMounted) {
+        this.historyBusy = false;
         this.setState({
-          error: true
+          loading: false
         });
-        return;
+        if (!this.initialBottom && this.receivedMessageKeys.size && this.isBottom()) this.scrollToBottom('smooth');
+        this.queueHistoryCheck();
+        if (cid && cid.startsWith('cslightwidget_') && Object.keys(this.visibleCounts).length === 1 && this.hasMore()) this.loadMore();
       }
     }
-    this.props.store.fetchMoreEvents(this.props.cid);
+  }
+  async loadMore() {
+    if (this.historyBusy || !this._isMounted) return;
+    const target = this.historyTarget();
+    if (!target) return;
+    const version = this.loadVersion;
+    this.historyBusy = true;
+    const container = this.refBody;
+    const visible = this.visibleCounts[target.id] || 0;
     this.setState({
-      error: false
+      historyLoading: true
     });
-    this.scrollToBottom();
+    try {
+      if (visible >= util/* default */.A.size(this.props.store.listEvents(target.id))) {
+        const result = await this.fetchPage(target.id);
+        if (result && result.error) throw result.error;
+      }
+      if (version !== this.loadVersion || !this._isMounted) return;
+      this.visibleCounts[target.id] = visible + 30;
+      this.setState({
+        historyError: false
+      });
+    } catch (_) {
+      if (version === this.loadVersion) this.setState({
+        historyError: true
+      });
+    } finally {
+      if (version === this.loadVersion && this._isMounted) {
+        const height = container ? container.scrollHeight : 0;
+        const top = container ? container.scrollTop : 0;
+        this.setState({
+          historyLoading: false
+        });
+        this.forceUpdate();
+        await new Promise(resolve => util/* default */.A.setTimeout(resolve, 0));
+        if (version === this.loadVersion && this._isMounted) {
+          if (this.initialBottom) this.restoreInitialBottom();else if (container && container === this.refBody) {
+            container.scrollTop = top + container.scrollHeight - height;
+            this.lastScrollTop = container.scrollTop;
+          }
+          this.historyBusy = false;
+          this.queueHistoryCheck();
+        }
+      }
+    }
   }
   isBottom() {
     let $container = this.refBody;
     if (!$container) return false;
     return $container.scrollHeight < $container.scrollTop + $container.offsetHeight + 50;
   }
-  scrollToBottom() {
-    util/* default */.A.setTimeout(() => {
+  scrollToBottom(behavior = 'auto') {
+    if (this.scrollTimer) util/* default */.A.clearTimeout(this.scrollTimer);
+    const cid = this.props.cid;
+    this.scrollTimer = util/* default */.A.setTimeout(() => {
+      this.scrollTimer = null;
+      if (!this._isMounted || this.props.cid !== cid) return;
       const $div = this.refBody;
-      if ($div) $div.scrollTop = $div.scrollHeight;
+      if (!$div) return;
+      const reducedMotion = window.matchMedia && window.matchMedia('(prefers-reduced-motion: reduce)').matches;
+      if (behavior === 'smooth' && !reducedMotion && $div.scrollTo) {
+        $div.scrollTo({
+          top: $div.scrollHeight,
+          behavior: 'smooth'
+        });
+      } else {
+        $div.scrollTop = $div.scrollHeight;
+      }
     });
-    util/* default */.A.setTimeout(() => {
-      const $div = this.refBody;
-      if ($div) $div.scrollTop = $div.scrollHeight;
-    }, 100);
     if (this.props.isShow) {
       if (this.props.store.browserVisibility === 'visible' && document.hasFocus()) {
         this.props.store.seenConvo(this.props.cid);
@@ -10741,57 +11629,6 @@ class Events extends common/* Com */.Mw {
     }
   }
 }
-function processEvents(convo, events) {
-  events = events.filter(event => visibleEvent(event.ev));
-  if (events.length < 1) return;
-  var lastAgentEvent;
-  for (var i = 1; i < events.length; i++) {
-    let curEvent = events[i];
-    let lastEvent = events[i - 1];
-    if (util/* default */.A.get(curEvent, 'ev.by.type') != 'user' && !curEvent.is_typing) {
-      lastAgentEvent = curEvent;
-    }
-    if (visibleEvent(curEvent.ev)) {
-      let elapsedSec = util/* default */.A.unixSec(curEvent.ev.created) - util/* default */.A.unixSec(lastEvent.ev.created);
-      if (elapsedSec > 300) curEvent.show_time = true;
-    }
-  }
-  if (lastAgentEvent) lastAgentEvent.show_time = true;
-  for (var i = 0; i < events.length; i++) {
-    let curEvent = events[i];
-    if (util/* default */.A.get(curEvent, 'ev.type') === 'message_sent') {
-      curEvent.show_time = true;
-      break;
-    }
-  }
-  let lastMsgSentIdx = -1;
-  for (var i = 0; i < events.length; i++) {
-    let curEvent = events[i];
-    let prevEvent = events[i - 1];
-    let nextEvent = events[i + 1];
-    if (curEvent.ev.type === 'message_sent') {
-      lastMsgSentIdx = i;
-      curEvent.mode = 'lead';
-      if (util/* default */.A.get(prevEvent, 'ev.type') === 'message_sent' && util/* default */.A.get(prevEvent, 'ev.by.id') === util/* default */.A.get(curEvent, 'ev.by.id')) {
-        curEvent.mode = 'follow';
-      }
-      if (util/* default */.A.get(nextEvent, 'ev.type') !== 'message_sent' || util/* default */.A.get(nextEvent, 'ev.by.id') !== util/* default */.A.get(curEvent, 'ev.by.id')) {
-        curEvent.is_end = true;
-      }
-      continue;
-    }
-  }
-  if (lastMsgSentIdx > -1) {
-    events[lastMsgSentIdx].is_last_message_send = true;
-  }
-}
-function visibleEvent(ev) {
-  let type = util/* default */.A.get(ev, 'type');
-  if (type === 'message_sent') return true;
-  if (type === 'conversation_state_updated') {
-    return util/* default */.A.get(ev, 'data.conversation.state') == 'ended';
-  }
-}
 function Events_isSummited(form) {
   let fields = util/* default */.A.get(form, 'fields') || [];
   return util/* default */.A.find(fields, field => !!field.answered);
@@ -11245,6 +12082,7 @@ var Widget_empty = (empty_namespaceFn());
 
 
 
+
 let Order = false;
 const LoadOrder = () => __webpack_require__.e(/* import() */ 185).then(() => (__webpack_require__(4185)));
 
@@ -11256,51 +12094,12 @@ class Widget extends common/* Com */.Mw {
   constructor(props) {
     super(props);
     Widget_defineProperty(this, "msgInput", (0,preact_module/* createRef */._3)());
-    Widget_defineProperty(this, "findMissingRTMessage", async started => {
-      let messageSentDict = this.props.store.listAgentRealtimeMessageSent();
-      let res1 = await this.props.store.sbzListConversations();
-      let conversions = util/* default */.A.get(res1, 'body.conversations') || [];
-      let cids = util/* default */.A.map(conversions, convo => convo.id);
-      let promises = util/* default */.A.map(cids, cid => this.props.store.sbzListMessages(cid));
-      let msgReses = await Promise.all(promises);
-      util/* default */.A.map(msgReses, msgRes => {
-        let messages = util/* default */.A.get(msgRes, 'body') || [];
-        util/* default */.A.map(messages, ev => {
-          if (ev.created < started) return;
-          if (ev.type !== 'message_sent') return;
-          if (util/* default */.A.get(ev, 'by.type') === 'user') return;
-          console.log('check ev pass condition', ev);
-          if (!messageSentDict[ev.id] && !this.debugAgentSentEvIds[ev.id]) {
-            let accid = util/* default */.A.get(this.props.store.matchAccount(), 'id');
-            this.props.store.sendBugReport(`[WIDGET ${accid}] Missing agent message sent evid ${ev.id}, cid ${util/* default */.A.convoOfEv(ev)}, ev_created ${ev.created}, FE timestamp ${Date.now()}, Init Debug timestamp ${started}`);
-            this.debugAgentSentEvIds[ev.id] = true;
-          }
-        });
-      });
-    });
-    Widget_defineProperty(this, "debugRTAgentMessageSent", async () => {
-      try {
-        let debugAccountIds = this.props.store.matchDebugAccountIds();
-        let accid = util/* default */.A.get(this.props.store.matchAccount(), 'id');
-        if (!debugAccountIds.includes(accid)) return;
-        console.log('START check RT agent message with BE source');
-        let started = Date.now();
-        this.findMissingRTMessage(started);
-        for (let i = 0; i < 100_000; i++) {
-          await util/* default */.A.sleep(120_000);
-          console.log('LOOP check RT agent message with BE source', i);
-          this.findMissingRTMessage(started);
-        }
-      } catch (err) {
-        this.props.store.sendBugReport(`debugRTAgentMessageSent ERROR ${err.stack}`);
-      }
-    });
     Widget_defineProperty(this, "formMounted", form => {
       let formData = this.fillForm(form);
       if (form.question_required || this.state.quickReplyMessage.text) {
         formData['question'] = {
           key: 'question',
-          is_required: true,
+          is_required: false,
           label: this.props.t.i18n(util/* default */.A.get(form, `i18n_question_label`, {})) || form.question_label,
           type: 'text',
           value: this.state.quickReplyMessage.text
@@ -11311,14 +12110,118 @@ class Widget extends common/* Com */.Mw {
       });
       if (!this.props.store.isMobile() && !form._updated) this.focusInput();
     });
-    Widget_defineProperty(this, "sendMessage", async message => {
-      let hasPostback = util/* default */.A.find(message.attachments, att => att.type === 'postback');
-      if (this.isFormRequired() && hasPostback) {
-        this.onStartConvoClick();
-        this.fillQuickReplyToQuestion(message);
+    Widget_defineProperty(this, "sendMessage", async (message, {
+      formSubmitted = false,
+      groupId
+    } = {}) => {
+      if (this._sendingNewConversation) return false;
+      if (util/* default */.A.get(this.props.store.matchConvo(this.props.cid), 'state') === 'ended') {
+        const form = this.startingConversationForm();
+        if (form && (util/* default */.A.size(form.groups) || form.group_required || this.isFormRequired(''))) {
+          this.setState({
+            restartForm: true,
+            quickReplyMessage: message
+          });
+          return;
+        }
+        this._sendingNewConversation = true;
+        this.setState({
+          creating: true,
+          creatingError: null
+        });
+        try {
+          const {
+            convo,
+            error
+          } = await this.props.store.startConvo({
+            locale: this.props.t.locale(),
+            message: message.text,
+            initial_by: this.props.store.matchUser().id
+          });
+          if (error) {
+            this.setState({
+              creatingError: error
+            });
+            return false;
+          }
+          await this.props.store.sendConvoEvent(convo.id, 'message_sent', {
+            message
+          });
+          this.props.onGo({
+            view: 'chat',
+            cid: convo.id
+          });
+        } finally {
+          this._sendingNewConversation = false;
+          this.setState({
+            creating: false
+          });
+        }
+        return;
+      }
+      const form = this.startingConversationForm();
+      const needsGroup = form && !this.hasSentMessage(this.props.cid) && (util/* default */.A.size(form.groups) || form.group_required);
+      if (!formSubmitted && (this.isFormRequired() || needsGroup)) {
+        this.setState({
+          clickedJoin: true,
+          quickReplyMessage: message
+        });
         return;
       }
       let text = message.text;
+      const localConvo = this.props.store.matchConvo(this.props.cid);
+      if (localConvo && localConvo.light_type === 'widget') {
+        this._sendingNewConversation = true;
+        this.setState({
+          creating: true,
+          creatingError: null
+        });
+        try {
+          const {
+            convo,
+            error
+          } = await this.props.store.startConvo({
+            locale: localConvo.locale,
+            message: text,
+            group_id: groupId,
+            initial_by: this.props.store.matchUser().id,
+            greeting_message: localConvo.events[0]
+          });
+          if (error || !convo) {
+            this.setState({
+              creatingError: error || 'start_failed'
+            });
+            return false;
+          }
+          this.props.store.promoteWidgetConvo(localConvo.id, convo.id);
+          const sending = this.props.store.sendConvoEvent(convo.id, 'message_sent', {
+            message
+          });
+          this.props.onGo({
+            view: 'chat',
+            cid: convo.id
+          });
+          await sending;
+          this.userSent[convo.id] = true;
+          if (formSubmitted && form && form.end_conversation_after_submit) await this.props.store.endConvo(convo.id);
+          this.setState({
+            clickedJoin: false,
+            restartForm: false,
+            quickReplyMessage: {}
+          });
+        } catch (error) {
+          this.setState({
+            creatingError: error
+          });
+          return false;
+        } finally {
+          this._sendingNewConversation = false;
+          this.setState({
+            creating: false
+          });
+        }
+        return;
+      }
       if (this.props.cid && this.props.cid.startsWith('cslight')) {
         let cid = this.props.cid;
         this._creating = (this._creating || 0) + 1;
@@ -11389,14 +12292,15 @@ class Widget extends common/* Com */.Mw {
           });
           return;
         }
-        await this.props.store.sendConvoEvent(convo.id, 'message_sent', {
+        const sending = this.props.store.sendConvoEvent(convo.id, 'message_sent', {
           message
         });
-        if (_creating != this._creating) return;
         this.props.onGo({
           view: 'chat',
           cid: convo.id
         });
+        await sending;
+        if (_creating != this._creating) return;
         this.setState({
           creating: false
         });
@@ -11436,7 +12340,6 @@ class Widget extends common/* Com */.Mw {
       this.focusInput();
     });
     this.userSent = {};
-    this.debugAgentSentEvIds = {};
     this.wasFormInputed = false;
     this.setState({
       creating: false,
@@ -11452,7 +12355,6 @@ class Widget extends common/* Com */.Mw {
   componentDidMount() {
     if (!this.props.store.isMobile()) this.focusInput();
     this.updateFormDataFields();
-    this.debugRTAgentMessageSent();
   }
   applyMessage(text) {
     this.focusInput(text);
@@ -11467,6 +12369,7 @@ class Widget extends common/* Com */.Mw {
       this.closeOrder();
       this.setState({
         clickedJoin: false,
+        restartForm: false,
         quickReplyMessage: {}
       });
       util/* default */.A.setTimeout(() => {
@@ -11476,19 +12379,14 @@ class Widget extends common/* Com */.Mw {
       this.updateFormDataFields();
     }
   }
+  componentWillUnmount() {
+    this.cancelContainerFocus();
+  }
   ShowTyping() {
     this.$events && this.$events.ShowTyping();
   }
   shouldShowForm() {
-    let form;
-    let accountSetting = this.props.plugin.chatbox || {};
-    let acc = this.props.store.matchAccount() || {};
-    if (util/* default */.A.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
-    let offlineEnabled = util/* default */.A.get(accountSetting, 'offline_form.enabled');
-    if (this.isOffline(acc, accountSetting) && offlineEnabled) form = accountSetting.offline_form;
-    if (!this.hasSentMessage(this.props.cid) && form && (util/* default */.A.size(form.groups) || form.group_required)) return true;
-    let formRequired = this.isFormRequired();
-    return formRequired && !this.props.cid || formRequired && this.props.cid && this.state.clickedJoin;
+    return !!(this.state.restartForm || this.state.clickedJoin);
   }
   render() {
     let showform = this.shouldShowForm();
@@ -11552,42 +12450,22 @@ class Widget extends common/* Com */.Mw {
     util/* default */.A.map(formData, (field, key) => {
       field = Object.assign({}, field);
       field.is_empty_error = false;
-      if (field.is_required && (field.value === undefined || field.value === '' || util/* default */.A.size(field.value) === 0 && Array.isArray(field.value))) {
+      if (field.is_required && (field.value == null || typeof field.value === 'string' && !field.value.trim() || util/* default */.A.size(field.value) === 0 && Array.isArray(field.value))) {
         field.is_empty_error = true;
         field.error = this.props.t('error_empty');
       } else field.error = '';
-      if (key.substr(5) === 'emails') {
-        if (field.is_required) {
-          if (!util/* default */.A.isEmail(field.value)) {
-            field.error = this.props.t('error_email_invalid');
-          }
-        } else {
-          let value = field.value || '';
-          if (typeof value !== 'string') value = value + '';
-          if (value.trim() && !util/* default */.A.isEmail(field.value)) {
-            field.error = this.props.t('error_email_invalid');
-          }
-        }
+      if (key === 'attr:emails' && !field.error && String(field.value ?? '').trim() && !util/* default */.A.isEmail(field.value)) {
+        field.error = this.props.t('error_email_invalid');
       }
-      if (key.substr(5) === 'phones') {
-        if (field.is_required) {
-          if (!util/* default */.A.isPhone(field.value)) {
-            field.error = this.props.t('error_phone_invalid');
-          }
-        } else {
-          let value = field.value || '';
-          if (typeof value !== 'string') value = value + '';
-          if (value.trim() && !util/* default */.A.isPhone(field.value)) {
-            field.error = this.props.t('error_phone_invalid');
-          }
-        }
+      if (key === 'attr:phones' && !field.error && String(field.value ?? '').trim() && !util/* default */.A.isPhone(field.value)) {
+        field.error = this.props.t('error_phone_invalid');
       }
       newformdata[key] = field;
     });
     return newformdata;
   }
   async submitPrechatForm(form, formName) {
-    if (this.state.submiting) return;
+    if (this.state.submiting || this.state.creating) return;
     let newData = this.validateForm(this.state.formData);
     let hasError = util/* default */.A.find(newData, field => !!field.error);
     if (hasError) {
@@ -11602,6 +12480,8 @@ class Widget extends common/* Com */.Mw {
     let is_lead = false;
     util/* default */.A.map(data, (field, key) => {
       if (!key.startsWith('attr:')) return;
+      if (key === 'attr:phones') field.value = String(field.value ?? '').trim().replace(/[(). \-]/g, '');
+      if (key === 'attr:emails') field.value = String(field.value ?? '').trim();
       var attr = {
         key: key.substr(5)
       };
@@ -11616,7 +12496,8 @@ class Widget extends common/* Com */.Mw {
       key: 'lead_source',
       text: 'widget'
     });
-    let firstmsg = util/* default */.A.get(data, 'question.value', this.props.t('get_started'));
+    const question = String(util/* default */.A.get(data, 'question.value', '') ?? '').trim();
+    const firstmsg = question || (/^vi(?:[-_]|$)/i.test(navigator.language || '') ? 'Xin chào' : 'Hello');
     let groupid = util/* default */.A.get(data, 'group.value', '');
     this._creating = (this._creating || 0) + 1;
     let _creating = this._creating;
@@ -11634,7 +12515,7 @@ class Widget extends common/* Com */.Mw {
     await util/* default */.A.sleep(500);
     if (_creating != this._creating) return;
     if (this.props.cid && this.props.cid.startsWith('cslight')) {
-      this.sendMessage({
+      await this.sendMessage({
         text: firstmsg,
         format: 'plaintext',
         fields: [{
@@ -11642,10 +12523,13 @@ class Widget extends common/* Com */.Mw {
           value: util/* default */.A.stringify(groupid)
         }],
         attachments: this.state.quickReplyMessage.attachments
+      }, {
+        formSubmitted: true,
+        groupId: groupid
       });
       return;
     }
-    if (this.props.cid) {
+    if (this.props.cid && util/* default */.A.get(this.props.store.matchConvo(this.props.cid), 'state') !== 'ended') {
       this.setState({
         clickedJoin: false
       });
@@ -11671,7 +12555,8 @@ class Widget extends common/* Com */.Mw {
     }
     let message = {
       text: firstmsg,
-      format: 'plaintext'
+      format: 'plaintext',
+      attachments: this.state.quickReplyMessage.attachments
     };
     let req = {
       group_id: groupid,
@@ -11700,9 +12585,12 @@ class Widget extends common/* Com */.Mw {
       message
     });
     if (_creating != this._creating) return;
+    if (form.end_conversation_after_submit) await this.props.store.endConvo(newconvoid);
+    if (_creating != this._creating) return;
     this.setState({
       creating: false,
       clickedJoin: false,
+      restartForm: false,
       quickReplyMessage: {}
     });
     this.props.onGo({
@@ -11733,6 +12621,7 @@ class Widget extends common/* Com */.Mw {
     if (!field) return;
     field.value = val;
     field.error = undefined;
+    field.is_empty_error = false;
     this.setState({
       formData
     });
@@ -11853,7 +12742,7 @@ class Widget extends common/* Com */.Mw {
   renderFields(form, formName) {
     if (util/* default */.A.size(this.state.formData) === 0) return null;
     let $fields = util/* default */.A.map(this.state.formData, (field, key) => {
-      if (this.state.quickReplyMessage.text && key === 'question') return null;
+      if (key === 'question' && util/* default */.A.find(this.state.quickReplyMessage.attachments, att => att.type === 'postback')) return null;
       let $field = null;
       var errclass = field.error ? 'input--error' : '';
       if (field.type === 'text') {
@@ -11886,7 +12775,11 @@ class Widget extends common/* Com */.Mw {
               this['form_' + encode(key)] = ref;
             },
             class: `form-control ${errclass}`,
-            type: "text"
+            type: key === 'attr:phones' ? 'tel' : key === 'attr:emails' ? 'email' : 'text',
+            inputMode: key === 'attr:phones' ? 'tel' : key === 'attr:emails' ? 'email' : undefined,
+            autoComplete: key === 'attr:phones' ? 'tel' : key === 'attr:emails' ? 'email' : undefined,
+            "aria-invalid": field.error ? 'true' : undefined,
+            "aria-describedby": field.error ? 'form-error_' + encode(key) : undefined
           });
         }
       } else if (field.type === 'number') {
@@ -11970,6 +12863,8 @@ class Widget extends common/* Com */.Mw {
       }, label, field.is_required ? (0,preact_module.h)("span", {
         class: "red"
       }, "*") : ''), $field, field.error ? (0,preact_module.h)("div", {
+        id: 'form-error_' + encode(key),
+        role: "alert",
         class: "form-control--valid-input--error"
       }, field.error) : '');
     });
@@ -11982,9 +12877,10 @@ class Widget extends common/* Com */.Mw {
     if (!title) title = util/* default */.A.get(form, 'title', this.props.t('capture_lead_title'));
     title = title.replace('↵', '');
     let btncls = 'btn--start-convo ';
-    let hasError = util/* default */.A.find(this.state.formData, field => !!field.error);
     let newData = this.validateForm(this.state.formData);
     let hasEmptyError = util/* default */.A.find(newData, field => !!field.is_empty_error);
+    const phone = String(util/* default */.A.get(this.state.formData, 'attr:phones.value', '') ?? '').trim();
+    const phoneTooShort = phone.length > 0 && phone.length < 5;
     let bodycls = 'widget-body';
     if (this.props.store.isEmbededChatMode()) bodycls += ' embed-chat';
     return (0,preact_module.h)("div", {
@@ -12004,12 +12900,28 @@ class Widget extends common/* Com */.Mw {
     }), (0,preact_module.h)("button", {
       class: btncls,
       onClick: _ => this.submitPrechatForm(form, formName),
-      disabled: !!hasEmptyError || !!hasError || this.state.creating
+      disabled: !!hasEmptyError || phoneTooShort || this.state.creating
     }, submitLabel)));
   }
   goToConvo(cid) {
+    let view = 'chat';
+    if (!cid) {
+      const greeting = widgetGreeting(this.props.plugin.chatbox, this.props.t);
+      cid = this.props.store.startWidgetConvo(greeting, this.props.t.locale()).convo.id;
+      const form = this.startingConversationForm();
+      const setting = this.props.plugin.chatbox || {};
+      const offline = util/* default */.A.get(setting, 'offline_form.enabled') && this.isOffline(this.props.store.matchAccount() || {}, setting);
+      if (form && (offline || this.isFormRequired(cid) || util/* default */.A.size(form.groups) || form.group_required)) {
+        view = offline ? 'offline_form' : 'prechat_form';
+        this.setState({
+          clickedJoin: false,
+          restartForm: false,
+          quickReplyMessage: {}
+        });
+      }
+    }
     this.props.onGo({
-      view: 'chat',
+      view,
       cid
     });
   }
@@ -12083,7 +12995,7 @@ class Widget extends common/* Com */.Mw {
     util/* default */.A.setTimeout(() => $input && $input.blur());
     util/* default */.A.setTimeout(() => $input && $input.blur(), 300);
   }
-  focusInput(text) {
+  focusInput(text, repeat = true) {
     if (this.props.store.isPreview) return;
     if (this.shouldShowForm()) {
       let focusfieldkey = '';
@@ -12108,6 +13020,7 @@ class Widget extends common/* Com */.Mw {
     if (text != undefined && typeof text === 'string') {
       $input.applyMessage(text);
     }
+    if (!repeat) return $input.focus();
     util/* default */.A.setTimeout(() => $input.focus());
     util/* default */.A.setTimeout(() => $input.focus(), 300);
   }
@@ -12144,21 +13057,13 @@ class Widget extends common/* Com */.Mw {
       onSend: this.sendMessage,
       t: this.props.t
     });
-    let convo = this.props.store.matchConvo(this.props.cid) || {};
-    if (this.isFormRequired() || convo.state === 'ended') {
-      $input = (0,preact_module.h)("div", {
-        class: "message-input message-input--preform"
-      }, (0,preact_module.h)("button", {
-        class: "btn--start-convo",
-        onClick: e => this.onStartConvoClick(e)
-      }, this.props.t('offline_preform_btn')));
-    }
     let bodycls = 'widget-body';
     if (this.props.store.isEmbededChatMode()) bodycls += ' embed-chat';
     return (0,preact_module.h)("div", {
       class: bodycls
     }, (0,preact_module.h)("div", {
       class: "widget-body--content",
+      onPointerDown: () => this.cancelContainerFocus(),
       onClick: e => this.onContainerClick(e)
     }, (0,preact_module.h)(Events, {
       isShow: this.props.isShow,
@@ -12168,7 +13073,7 @@ class Widget extends common/* Com */.Mw {
       onFormSubmit: e => this.onEventFormSubmit(e),
       ref: ref => this.$events = ref,
       cid: this.props.cid,
-      creating: this.creating,
+      creating: this.state.creating,
       onSend: e => this.sendMessage(e),
       onPostback: e => this.createPostback(e),
       t: this.props.t,
@@ -12195,42 +13100,45 @@ class Widget extends common/* Com */.Mw {
       t: this.props.t
     }), $input);
   }
-  async onStartConvoClick() {
-    var convo = this.props.store.matchConvo(this.props.cid) || {};
-    if (convo.state === 'ended') return this.props.onGo({
-      view: 'chat',
-      cid: ''
-    });
-    this.setState({
-      clickedJoin: true,
-      quickReplyMessage: {}
-    });
-  }
   onEventFormSubmit() {
     this.focusInput();
   }
-  onContainerClick() {
-    var selection = window.getSelection();
-    if (selection.toString().length > 0) return;
-    if (!this.props.store.isMobile()) this.focusInput();
-  }
-  isFormRequired() {
-    let form;
-    let accountSetting = this.props.plugin.chatbox || {};
-    let acc = this.props.store.matchAccount() || {};
-    if (util/* default */.A.get(accountSetting, 'prechat_form.enabled')) form = accountSetting.prechat_form;
-    let offlineEnabled = util/* default */.A.get(accountSetting, 'offline_form.enabled');
-    if (this.isOffline(acc, accountSetting) && offlineEnabled) form = accountSetting.offline_form;
+  cancelContainerFocus() {
+    if (this.containerFocusTimer) util/* default */.A.clearTimeout(this.containerFocusTimer);
+    this.containerFocusTimer = null;
+  }
+  onContainerClick(event) {
+    this.cancelContainerFocus();
+    const target = event && event.target;
+    const element = target && (target.nodeType === 1 ? target : target.parentElement);
+    if (element && element.closest('a, button, input, textarea, select, [contenteditable]')) return;
+    if (event && event.detail > 1) return;
+    if (this.props.store.isMobile() || window.getSelection()?.toString()) return;
+    const cid = this.props.cid;
+    this.containerFocusTimer = util/* default */.A.setTimeout(() => {
+      this.containerFocusTimer = null;
+      if (!this._isMounted || this.props.cid !== cid || this.props.isShow === false || window.getSelection()?.toString()) return;
+      this.focusInput(undefined, false);
+    }, 300);
+  }
+  startingConversationForm() {
+    const setting = this.props.plugin.chatbox || {};
+    const account = this.props.store.matchAccount() || {};
+    if (this.isOffline(account, setting) && util/* default */.A.get(setting, 'offline_form.enabled')) return setting.offline_form;
+    if (util/* default */.A.get(setting, 'prechat_form.enabled')) return setting.prechat_form;
+  }
+  isFormRequired(cid = this.props.cid) {
+    let form = this.startingConversationForm();
     if (!form) return false;
     let formData = this.fillForm(form);
-    let convo = this.props.store.matchConvo(this.props.cid) || {};
+    let convo = this.props.store.matchConvo(cid) || {};
     if (convo.state === 'ended') return true;
     if (convo.state && convo.state !== 'pending') delete formData.group;
     let isAllFiledEmpty = true;
     util/* default */.A.each(formData, field => {
       if (field.value) isAllFiledEmpty = false;
     });
-    if (isAllFiledEmpty && !this.userHasSent(this.props.cid)) return true;
+    if (isAllFiledEmpty && !this.userHasSent(cid)) return true;
     return !!util/* default */.A.find(formData, field => field.is_required && (field.value == null || field.value === ''));
   }
   renderConvoSummary(convo) {
@@ -12375,7 +13283,7 @@ class Widget extends common/* Com */.Mw {
     if (form.question_required) {
       data['question'] = {
         key: 'question',
-        is_required: true,
+        is_required: false,
         label: this.props.t.i18n(util/* default */.A.get(form, `i18n_question_label`, {})) || form.question_label,
         type: 'text'
       };
@@ -12651,6 +13559,9 @@ class Main extends common/* Com */.Mw {
         cid
       };
     }
+    if (newView.view === 'chat' && !newView.opts.cid && this.refWidget.current) {
+      return this.refWidget.current.goToConvo('');
+    }
     if (this.props.store.isMobile()) modifyViewport(this.shouldLockPageScroll());
     this.props.store.updateLastview(newView);
     this.forceUpdate();
@@ -12724,7 +13635,6 @@ function modifyViewport(lockPageScroll) {
 
 
 
-const LoadContact = () => __webpack_require__.e(/* import() */ 74).then(() => (__webpack_require__(9074)));
 const LoadPopup = () => __webpack_require__.e(/* import() */ 132).then(() => (__webpack_require__(132)));
 const LoadNotif = () => __webpack_require__.e(/* import() */ 490).then(() => (__webpack_require__(1490)));
 function Plugin(plugin, store, $container, lib) {
@@ -12766,7 +13676,6 @@ function Plugin(plugin, store, $container, lib) {
   };
   var _ref = (0,preact_module/* createRef */._3)();
   let Popup = null;
-  let Contact = null;
   let Notif = null;
   var showCurrentChatbox = p => lib.showWidget(p);
   var nextPage = () => {
@@ -12813,16 +13722,6 @@ function Plugin(plugin, store, $container, lib) {
         ref: _ref
       }), $div);
     }
-    if (plugin.type === 'contact') {
-      if (!Contact) Contact = (await LoadContact()).default;
-      (0,preact_module/* render */.XX)((0,preact_module.h)(Contact, {
-        destroy: _destroy,
-        t: this.t,
-        plugin: plugin,
-        store: store,
-        ref: _ref
-      }), $div);
-    }
     domGate.open();
   };
   this.call = (method, param) => domGate.entry().then(() => {
@@ -12831,9 +13730,10 @@ function Plugin(plugin, store, $container, lib) {
   });
   var _destroy = false;
   this.destroy = () => {
+    if (_destroy) return;
     _destroy = true;
     (0,preact_module/* render */.XX)(null, $div);
-    $div.parentNode.removeChild($div);
+    if ($div.parentNode) $div.parentNode.removeChild($div);
   };
   this.highlight = comref => {
     highlight = comref;
@@ -12914,14 +13814,15 @@ class PluginMgr {
     this.$div = $div;
     this.pluginM = {};
     this._destroy = false;
-    lib.store.onHighlight({
+    this._subscriptions = [];
+    this._subscriptions.push(lib.store.onHighlight({
       _isMounted: true
     }, (id, comref) => {
       let plugin = this.pluginM[id];
       if (!plugin) return;
       plugin.highlight(comref);
-    });
-    lib.store.onUpdate({
+    }));
+    this._subscriptions.push(lib.store.onUpdate({
       _isMounted: true
     }, () => {
       if (this._destroy) return;
@@ -12943,7 +13844,7 @@ class PluginMgr {
         this.pluginM[id].destroy();
         delete this.pluginM[id];
       });
-    });
+    }));
     let pluginM = this.lib.store.matchPlugin();
     if (typeof sbz_info != 'undefined') sbz_info['plugins'] = pluginM;
     let foundchatbox = false;
@@ -13017,13 +13918,26 @@ class PluginMgr {
     if (chatbox) return chatbox.setLocale(locale);
   }
   destroy() {
+    if (this._destroy) return;
+    this._destroy = true;
+    for (const unsubscribe of this._subscriptions) unsubscribe();
+    this._subscriptions = [];
     util/* default */.A.map(this.pluginM, (conf, id) => {
       conf.destroy();
       delete this.pluginM[id];
     });
-    this._destroy = true;
   }
 }
+;// ./src/util/event.js
+function normalizeCdpEvent(type, payload, options) {
+  if (type && typeof type === 'object') return type;
+  let data = {
+    type
+  };
+  if (payload !== undefined) data.payload = payload;
+  if (options && typeof options === 'object') data = Object.assign({}, options, data);
+  return data;
+}
 ;// ./src/lib.js
 function lib_defineProperty(e, r, t) { return (r = lib_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function lib_toPropertyKey(t) { var i = lib_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
@@ -13031,6 +13945,7 @@ function lib_toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e
 ;
 
 
+
 class lib_Widget {
   constructor(ApiURL, FileURL, RealtimeURL, inmem, fake) {
     lib_defineProperty(this, "version", () => '4.5');
@@ -13047,6 +13962,7 @@ class lib_Widget {
     });
     lib_defineProperty(this, "pageview", v => this.store.sendPageview(v));
     this.impressionTokens = {};
+    this._containerTimers = new Set();
     this.domGate = new util/* default */.A.Gate();
     this.store = new Store(ApiURL, FileURL, RealtimeURL, inmem, fake);
     window.sbz_store = this.store;
@@ -13066,6 +13982,16 @@ class lib_Widget {
     await this.store.readyGate.entry();
     cb();
   }
+  watchContainer(container) {
+    const manager = this.pluginMgr;
+    const timer = util/* default */.A.setInterval(() => {
+      if (!this.store.isDead() && container && container.isConnected) return;
+      manager.destroy();
+      util/* default */.A.clearInterval(timer);
+      this._containerTimers.delete(timer);
+    }, 1000);
+    this._containerTimers.add(timer);
+  }
   setAIDevMode(mode) {
     this.store.setAIDevMode(mode);
   }
@@ -13083,11 +14009,7 @@ class lib_Widget {
     let user = await this.store.login(accid, user_id, tokenGenerator);
     if (!$container) $container = document.body;
     this.pluginMgr = new PluginMgr(this, $container);
-    let clean = util/* default */.A.setInterval(() => {
-      if ($container && $container.isConnected) return;
-      this.pluginMgr.destroy();
-      util/* default */.A.clearInterval(clean);
-    }, 1000);
+    this.watchContainer($container);
     this.domGate.open();
     return user;
   }
@@ -13109,11 +14031,7 @@ class lib_Widget {
     }, '*'), 0);
     if (!$container) $container = document.body || document;
     this.pluginMgr = new PluginMgr(this, $container);
-    let clean = util/* default */.A.setInterval(() => {
-      if ($container && $container.isConnected) return;
-      this.pluginMgr.destroy();
-      util/* default */.A.clearInterval(clean);
-    }, 1000);
+    this.watchContainer($container);
     this.domGate.open();
     return user;
   }
@@ -13127,11 +14045,7 @@ class lib_Widget {
     }, '*'), 0);
     if (!$container) $container = document.body || document;
     this.pluginMgr = new PluginMgr(this, $container);
-    let clean = util/* default */.A.setInterval(() => {
-      if ($container && $container.isConnected) return;
-      this.pluginMgr.destroy();
-      util/* default */.A.clearInterval(clean);
-    }, 1000);
+    this.watchContainer($container);
     this.domGate.open();
     cb && cb(outmask);
     return outmask;
@@ -13155,11 +14069,7 @@ class lib_Widget {
     }, '*'), 0);
     if (!$container) $container = document.body || document;
     this.pluginMgr = new PluginMgr(this, $container);
-    let clean = util/* default */.A.setInterval(() => {
-      if ($container && $container.isConnected) return;
-      this.pluginMgr.destroy();
-      util/* default */.A.clearInterval(clean);
-    }, 1000);
+    this.watchContainer($container);
     this.domGate.open();
     if (typeof sbz_info != 'undefined') sbz_info.set_account_done = util/* default */.A.Date.now();
     cb && cb(outmask);
@@ -13186,7 +14096,7 @@ class lib_Widget {
   }
   async createTicket(ticket) {
     await this.domGate.entry();
-    return this.createTicket(ticket);
+    return this.store.createTicket(ticket);
   }
   expandWidget(view, convo) {
     return this.showWidget(view, convo);
@@ -13292,7 +14202,7 @@ class lib_Widget {
     if (req.bot_id) {
       let botid = req.bot_id;
       delete req.bot_id;
-      if (!util/* default */.A.find(members, m => b.id == botid)) {
+      if (!util/* default */.A.find(members, m => m.id == botid)) {
         members.push({
           type: 'bot',
           id: botid,
@@ -13343,6 +14253,9 @@ class lib_Widget {
     this.store.overrideDeviceType(type);
   }
   unload() {
+    for (const timer of this._containerTimers) util/* default */.A.clearInterval(timer);
+    this._containerTimers.clear();
+    this.subs = [];
     if (this.pluginMgr) this.pluginMgr.destroy();
     this.store.destroy();
   }
@@ -13389,15 +14302,6 @@ class lib_Widget {
     this.store.doNotStartBot();
   }
 }
-function normalizeCdpEvent(type, payload, options) {
-  if (type && typeof type === 'object') return type;
-  let data = {
-    type: type
-  };
-  if (payload !== undefined) data.payload = payload;
-  if (options && typeof options === 'object') data = Object.assign({}, options, data);
-  return data;
-}
 window.__sbz_WIDGET = lib_Widget;
 /* harmony default export */ const lib = (lib_Widget);
 ;// ./screenshoot.js