@subiz/widget-v4 4.1.159 → 4.1.161

package/compiled_src/chatbox/Widget.js

@@ -73,7 +73,8 @@ class Widget extends _common.Com {
           message: text,
           members: [{
             type: 'bot',
-            id: botid
+            id: botid,
+            bot_version: oldconvo.bot_version
           }],
           initial_by: this.props.store.matchUser().id,
           is_testing: oldconvo.is_testing

package/compiled_src/lib.js

@@ -217,7 +217,26 @@ class Widget {
     return this.store.sendConversion(formid, values, impressiontoken);
   }
   startConvo(req) {
-    if (!req.is_light) return this.store.startConvo(req);else return this.store.startLightConvo(req.bot_id, bot.welcome_message, req.locale, req.is_testing);
+    req = _index.default.cloneDeep(req) || {};
+    if (req.welcome_message) {
+      return this.store.startLightConvo(req.bot_id, req.welcome_message, req.locale, req.is_testing, req.bot_version);
+    }
+    console.log(req);
+    let members = req.members || [];
+    if (req.bot_id) {
+      let botid = req.bot_id;
+      delete req.bot_id;
+      if (!_index.default.find(members, m => b.id == botid)) {
+        members.push({
+          type: 'bot',
+          id: botid,
+          bot_version: req.bot_version
+        });
+      }
+    }
+    req.members = members;
+    req.initial_by = this.store.matchUser().id;
+    return this.store.startConvo(req);
   }
   async showGreeting() {
     await this.domGate.entry();

package/compiled_src/store/store.js

@@ -865,7 +865,7 @@ class Store {
     delete this.lightConvos[id];
     this.kv.put('light_convos', this.lightConvos);
   }
-  startLightConvo(botid, message, locale, is_testing) {
+  startLightConvo(botid, message, locale, is_testing, botversion) {
     let convoid = 'cslight' + botid + '_' + this.now();
     let user = this.cache.match('user') || {};
     let old = this.lightConvos[convoid];
@@ -909,7 +909,8 @@ class Store {
       },
       traffic_source: 'direct',
       events: [ev],
-      is_testing: is_testing
+      is_testing: is_testing,
+      bot_versio: botversion
     };
     this.lightConvos[convoid] = newconvo;
     this.kv.put('light_convos', this.lightConvos);

package/dist/1989dde475e.278.js

@@ -0,0 +1 @@
+(self.webpackChunk_subiz_widget_v4=self.webpackChunk_subiz_widget_v4||[]).push([[278],{102:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_60.784_35.294.af7b927.png"},1196:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_58.824_64.706.9da3cba.png"},1389:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_60.784_11.765.49c03d0.png"},2338:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_58.824_100.000.6df72bc.png"},2420:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_60.784_27.451.46b54e5.png"},2729:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_58.824_88.235.def4e71.png"},3284:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_58.824_72.549.edca5cf.png"},3970:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_25.490_45.098.3dfbc08.png"},4417:t=>{"use strict";t.exports=function(t,n){return n||(n={}),"string"!=typeof(t=t&&t.__esModule?t.default:t)?t:(/^['"].*['"]$/.test(t)&&(t=t.slice(1,-1)),n.hash&&(t+=n.hash),/["'() \t\n]/.test(t)||n.needQuotes?'"'.concat(t.replace(/"/g,'\\"').replace(/\n/g,"\\n"),'"'):t)}},4681:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_60.784_29.412.e36d284.png"},4777:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_58.824_45.098.3d7a7ad.png"},4865:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_27.451_96.078.ddbb008.png"},5007:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_60.784_7.843.98f2a99.png"},5457:(t,n,o)=>{t.exports=o.p+"assets/img/stars_v2.79cf728.png"},6120:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_23.529_58.824.d5faf14.png"},6129:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_60.784_3.922.bb191b0.png"},6314:t=>{"use strict";t.exports=function(t){var n=[];return n.toString=function(){return this.map(function(n){var o=t(n);return n[2]?"@media ".concat(n[2]," {").concat(o,"}"):o}).join("")},n.i=function(t,o,i){"string"==typeof t&&(t=[[null,t,""]]);var r={};if(i)for(var a=0;a<this.length;a++){var e=this[a][0];null!=e&&(r[e]=!0)}for(var p=0;p<t.length;p++){var m=[].concat(t[p]);i&&r[m[0]]||(o&&(m[2]?m[2]="".concat(o," and ").concat(m[2]):m[2]=o),n.push(m))}},n}},6501:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_27.451_84.314.231e2b7.png"},7435:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_29.412_5.882.61f3359.png"},7698:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_25.490_0.000.1e6b2c0.png"},7987:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_58.824_54.902.65724c1.png"},8113:(t,n,o)=>{"use strict";o.r(n),o.d(n,{default:()=>_t});var i=o(6314),r=o.n(i),a=o(4417),e=o.n(a),p=o(5457),m=o.n(p),s=o(5007),d=o.n(s),l=o(2729),b=o.n(l),c=o(1389),g=o.n(c),x=o(9658),f=o.n(x),u=o(3284),h=o.n(u),z=o(8226),w=o.n(z),I=o(6129),y=o.n(I),k=o(2420),v=o.n(k),M=o(7987),_=o.n(M),D=o(102),C=o.n(D),A=o(4681),j=o.n(A),N=o(2338),Z=o.n(N),S=o(1196),L=o.n(S),T=o(4777),E=o.n(T),G=o(7435),H=o.n(G),P=o(4865),W=o.n(P),B=o(6501),Y=o.n(B),J=o(9521),U=o.n(J),O=o(7698),V=o.n(O),R=o(8362),Q=o.n(R),X=o(3970),F=o.n(X),K=o(8268),q=o.n(K),$=o(6120),tt=o.n($),nt=r()(function(t){return t[1]}),ot=e()(m()),it=e()(d()),rt=e()(b()),at=e()(g()),et=e()(f()),pt=e()(h()),mt=e()(w()),st=e()(y()),dt=e()(v()),lt=e()(_()),bt=e()(C()),ct=e()(j()),gt=e()(Z()),xt=e()(L()),ft=e()(E()),ut=e()(H()),ht=e()(W()),zt=e()(Y()),wt=e()(U()),It=e()(V()),yt=e()(Q()),kt=e()(F()),vt=e()(q()),Mt=e()(tt());nt.push([t.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 * {\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-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: 8px !important;\n  margin-right: 15px !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}\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  color: red !important;\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}\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: 0 !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("+ot+") !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-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.message-user--error {\n  background-color: #dc3545 !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: unset !important;\n  margin-top: 0 !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  text-decoration: underline !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}\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  font-weight: 500 !important;\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}\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: 500 !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}\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: -18px !important;\n  margin-top: 4px !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:hover {\n  opacity: 1 !important;\n}\n#sbz92 .agent-convo-event-inner:hover .message-event-actions {\n  display: flex !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-actions {\n  display: flex !important;\n  position: unset !important;\n  margin-top: 4px !important;\n  border: none !important;\n  padding: 0 !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  height: 24px !important;\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 .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("+it+") !important;\n}\n#sbz92 .emoji--confused {\n  background-image: url("+rt+") !important;\n}\n#sbz92 .emoji--crying,\n#sbz92 .emoji--cry {\n  background-image: url("+at+") !important;\n}\n#sbz92 .emoji--grinning {\n  background-image: url("+et+") !important;\n}\n#sbz92 .emoji--heart_eyes,\n#sbz92 .emoji--heart-eyes {\n  background-image: url("+pt+") !important;\n}\n#sbz92 .emoji--neutral_face,\n#sbz92 .emoji--neutral {\n  background-image: url("+mt+") !important;\n}\n#sbz92 .emoji--disappointed,\n#sbz92 .emoji--sad {\n  background-image: url("+st+") !important;\n}\n#sbz92 .emoji--sleepy {\n  background-image: url("+dt+") !important;\n}\n#sbz92 .emoji--smile,\n#sbz92 .emoji--smiling {\n  background-image: url("+lt+") !important;\n}\n#sbz92 .emoji--open_mouth,\n#sbz92 .emoji--surprised {\n  background-image: url("+bt+") !important;\n}\n#sbz92 .emoji--tired_face,\n#sbz92 .emoji--tired {\n  background-image: url("+ct+") !important;\n}\n#sbz92 .emoji--stuck_out_tongue,\n#sbz92 .emoji--tongue-out {\n  background-image: url("+gt+") !important;\n}\n#sbz92 .emoji--wink {\n  background-image: url("+xt+") !important;\n}\n#sbz92 .emoji--moyai {\n  background-image: url("+ft+") !important;\n}\n#sbz92 .emoji--dislike,\n#sbz92 .emoji--unlike,\n#sbz92 .emoji--thumbsdown {\n  background-image: url("+ut+") !important;\n}\n#sbz92 .emoji--like,\n#sbz92 .emoji--thumbsup {\n  background-image: url("+ht+") !important;\n}\n#sbz92 .emoji--ok_hand {\n  background-image: url("+zt+") !important;\n}\n#sbz92 .emoji--octopus {\n  background-image: url("+wt+") !important;\n}\n#sbz92 .emoji--pig2 {\n  background-image: url("+It+") !important;\n}\n#sbz92 .emoji--wave {\n  background-image: url("+yt+") !important;\n}\n#sbz92 .emoji--mouse {\n  background-image: url("+kt+") !important;\n}\n#sbz92 .emoji--mouse2 {\n  background-image: url("+vt+") !important;\n}\n#sbz92 .emoji--rat {\n  background-image: url("+Mt+") !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: 13px !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: 0 !important;\n  left: 0 !important;\n  right: 0 !important;\n  width: 100% !important;\n  height: 100% !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: calc(100% - 40px) !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: 40px !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 .widget-body.embed-chat {\n  max-width: 600px !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.4s ease, scale 0.125s ease-in-out, transform 0.2s ease-in-out !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 .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",""]);const _t=nt},8226:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_58.824_78.431.f910f2a.png"},8268:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_23.529_60.784.1420241.png"},8362:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_27.451_72.549.7114f58.png"},9278:(t,n,o)=>{"use strict";o.r(n),o.d(n,{default:()=>i});const i=o(8113)},9521:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_25.490_5.882.4b49e94.png"},9658:(t,n,o)=>{t.exports=o.p+"assets/img/emoji/messenger/sub_58.824_47.059.0f4d6e2.png"}}]);