@subiz/widget-v4 4.0.52 → 4.0.53

package/compiled_src/chatbox/OrderAttachments.js

@@ -61,12 +61,9 @@ class ProductAttachments extends _common.Com {
         }));
       }
 
-      let {
-        total
-      } = this.props.store.getOrderTotal(order);
       let $total = (0, _preact.h)("div", {
         class: "order_attachment__footer"
-      }, (0, _preact.h)("div", null, this.props.t('total')), ' ', (0, _preact.h)("div", null, (0, _preact.h)("b", null, _index.default.formatCurrency(total))));
+      }, (0, _preact.h)("div", null, this.props.t('total')), ' ', (0, _preact.h)("div", null, (0, _preact.h)("b", null, _index.default.formatCurrency(order.total))));
 
       let addr = _index.default.get(order, 'shipping.address', {});
 

package/compiled_src/plugin.js

@@ -411,7 +411,7 @@ const getLocale = (plugin, loc) => {
 
   let found = _index.default.find(plugin.locales, l => l.toLowerCase().trim() === loc.toLowerCase().trim());
 
-  if (found) return loc;
+  if (found) return found;
   found = _index.default.find(plugin.locales, l => {
     l = l.replace('-', '_').split('_')[0].trim().toLowerCase();
     let compareloc = loc.replace('-', '_').split('_')[0].trim().toLowerCase();

package/compiled_src/store/store.js

@@ -1015,146 +1015,6 @@ class Store {
     setTimeout(() => this.loopTime(), 60000);
   }
 
-  getOrderTotal(order) {
-    let subtotal = 0;
-
-    _index.default.map(order.items, item => {
-      if (!item.product) return 0;
-      let price = item.product.price * item.quantity;
-
-      if (item.discount_type) {
-        if (item.discount_type == 'percentage') {
-          if (item.discount_before_tax && item.discount_percentage > 0) {
-            price = price * (1 - item.discount_percentage / 10000);
-          }
-        } else if (item.discount_type == 'amount') {
-          let computed_discount = item.discount;
-
-          if (item.discount_before_tax && computed_discount > 0) {
-            price = price - computed_discount;
-            if (price <= 0) price = 0;
-          }
-        }
-      }
-
-      subtotal += price;
-    });
-
-    let computed_discount = 0;
-
-    _index.default.map(order.items, item => {
-      if (!item.discount_type) return;
-      if (!item.product) return 0;
-      let price = item.product.price * item.quantity;
-      let tax = item.product.tax;
-      let taxprice = 0;
-      if (tax && tax.id) taxprice = price * tax.percentage / 10000;
-
-      if (item.discount_type == 'percentage' && !item.discount_before_tax && item.discount_percentage > 0) {
-        computed_discount += (price + taxprice) * item.discount_percentage / 10000;
-      } else if (item.discount_type == 'amount') {
-        let itemdiscount = item.discount;
-
-        if (!item.discount_before_tax && itemdiscount > 0) {
-          if (itemdiscount > price + taxprice) itemdiscount = price + taxprice;
-          computed_discount += itemdiscount;
-        }
-      }
-    });
-
-    let totaltax = 0;
-    let taxM = {};
-
-    _index.default.map(order.items, (item, i) => {
-      if (!item.product) return;
-      let tax = item.product.tax;
-      if (!tax) return;
-      if (!tax.id) return;
-      let price = item.product.price * item.quantity;
-
-      if (item.discount_type) {
-        if (item.discount_type == 'percentage') {
-          if (item.discount_before_tax && item.discount_percentage > 0) {
-            price = price * (1 - item.discount_percentage / 10000);
-          }
-        } else if (item.discount_type == 'amount') {
-          let computed_discount = item.discount;
-
-          if (item.discount_before_tax && computed_discount > 0) {
-            price = price - computed_discount;
-            if (price <= 0) price = 0;
-          }
-        }
-      }
-
-      let taxprice = price * tax.percentage / 10000;
-      taxM[i] = {
-        tax: tax,
-        taxprice: taxprice
-      };
-    });
-
-    if (order.discount_before_tax) {
-      if (order.discount_type == 'percentage' && order.discount_percentage > 0) {
-        _index.default.map(taxM, t => {
-          t.taxprice = t.taxprice * (1 - order.discount_percentage / 10000);
-        });
-
-        computed_discount += subtotal * order.discount_percentage / 10000;
-      } else if (order.discount_type == 'amount') {
-        let discount = order.discount;
-
-        if (subtotal > 0) {
-          _index.default.map(taxM, t => {
-            if (discount > subtotal) discount = subtotal;
-            t.taxprice = t.taxprice * (1 - discount / subtotal);
-          });
-        }
-
-        computed_discount += discount;
-      }
-    } else {
-      if (order.discount_type == 'percentage' && order.discount_percentage > 0) {
-        let taxprice = 0;
-
-        _index.default.map(taxM, t => taxprice += t.taxprice);
-
-        computed_discount += (subtotal + taxprice) * order.discount_percentage / 10000;
-      } else if (order.discount_type == 'amount') {
-        let discount = order.discount;
-        computed_discount += discount;
-      }
-    }
-
-    let shippingfee = lo.get(order, 'shipping.fee');
-
-    if (shippingfee > 0) {
-      if (_index.default.get(order, 'shipping.tax.id')) {
-        let tax = order.shipping.tax;
-        let taxprice = shippingfee * tax.percentage / 10000;
-        taxM['ship'] = {
-          tax: tax,
-          taxprice: taxprice
-        };
-      }
-    }
-
-    let taxprice = 0;
-
-    _index.default.map(taxM, t => taxprice += t.taxprice);
-
-    let total = subtotal + taxprice - computed_discount + shippingfee;
-    let adj = order.adjustment;
-    total += adj;
-    if (total < 0) total = 0;
-    return {
-      subtotal,
-      computed_discount,
-      taxM,
-      total
-    };
-  }
-
   replaceFileUrl(src) {
     if (!src) return '';
     if (_index.default.startsWith(src, '/')) return src;

package/dist/HASH

@@ -1 +1 @@
-17d517e44e2
+17d750396cd

package/package.json

@@ -1,6 +1,6 @@
 {
 	"name": "@subiz/widget-v4",
-	"version": "4.0.52",
+	"version": "4.0.53",
 	"main": "./compiled_src/lib.js",
 	"scripts": {
 		"dev": "npx webpack serve --config webpack.dev.js",
@@ -17,12 +17,12 @@
 		"@subiz/wsclient": "^3.1.7",
 		"babel-loader": "^8.2.3",
 		"cookie_js": "1.4.2",
-		"core-js": "^3.19.1",
+		"core-js": "^3.19.2",
 		"css-loader": "^5.2.6",
 		"file-loader": "^6.2.0",
 		"less": "^4.1.2",
 		"less-loader": "^10.2.0",
-		"marked": "^4.0.4",
+		"marked": "^4.0.5",
 		"preact": "^10.6.0"
 	},
 	"devDependencies": {
@@ -32,10 +32,9 @@
 		"@babel/preset-env": "^7.16.4",
 		"babel-plugin-syntax-jsx": "^6.18.0",
 		"html-webpack-plugin": "^5.5.0",
-		"prettier": "^2.4.1",
-		"webpack": "^5.64.3",
+		"webpack": "^5.64.4",
 		"webpack-bundle-analyzer": "^4.5.0",
 		"webpack-cli": "^4.9.1",
-		"webpack-dev-server": "^4.5.0"
+		"webpack-dev-server": "^4.6.0"
 	}
 }

package/src/chatbox/OrderAttachments.js

@@ -53,13 +53,11 @@ export default class ProductAttachments extends Com {
 				)
 			}
 
-			let {total} = this.props.store.getOrderTotal(order)
-
 			let $total = (
 				<div class='order_attachment__footer'>
 					<div>{this.props.t('total')}</div>{' '}
 					<div>
-						<b>{sb.formatCurrency(total)}</b>
+						<b>{sb.formatCurrency(order.total)}</b>
 					</div>
 				</div>
 			)

package/src/plugin.js

@@ -372,7 +372,7 @@ function downloadLanguage(store, locale, force) {
 const getLocale = (plugin, loc) => {
 	if (!loc) loc = ''
 	let found = sb.find(plugin.locales, (l) => l.toLowerCase().trim() === loc.toLowerCase().trim())
-	if (found) return loc
+	if (found) return found
 
 	found = sb.find(plugin.locales, (l) => {
 		l = l.replace('-', '_').split('_')[0].trim().toLowerCase()

package/src/store/store.js

@@ -930,135 +930,6 @@ export default class Store {
 		setTimeout(() => this.loopTime(), 60000)
 	}
 
-	getOrderTotal(order) {
-		let subtotal = 0
-		sb.map(order.items, (item) => {
-			if (!item.product) return 0
-			let price = item.product.price * item.quantity
-
-			if (item.discount_type) {
-				if (item.discount_type == 'percentage') {
-					if (item.discount_before_tax && item.discount_percentage > 0) {
-						price = price * (1 - item.discount_percentage / 10000)
-					}
-				} else if (item.discount_type == 'amount') {
-					let computed_discount = item.discount
-					if (item.discount_before_tax && computed_discount > 0) {
-						price = price - computed_discount
-						if (price <= 0) price = 0
-					}
-				}
-			}
-			subtotal += price
-		})
-
-		let computed_discount = 0
-		// add specific item discount after tax to computed_discount
-		sb.map(order.items, (item) => {
-			if (!item.discount_type) return
-			if (!item.product) return 0
-			let price = item.product.price * item.quantity
-
-			let tax = item.product.tax
-			let taxprice = 0
-			if (tax && tax.id) taxprice = (price * tax.percentage) / 10000
-
-			if (item.discount_type == 'percentage' && !item.discount_before_tax && item.discount_percentage > 0) {
-				computed_discount += ((price + taxprice) * item.discount_percentage) / 10000
-			} else if (item.discount_type == 'amount') {
-				let itemdiscount = item.discount
-				if (!item.discount_before_tax && itemdiscount > 0) {
-					// CAUTION: easy to miss condition
-					if (itemdiscount > price + taxprice) itemdiscount = price + taxprice
-					computed_discount += itemdiscount
-				}
-			}
-		})
-
-		// TAX
-		let totaltax = 0
-		let taxM = {}
-		sb.map(order.items, (item, i) => {
-			if (!item.product) return
-			let tax = item.product.tax
-			if (!tax) return
-			if (!tax.id) return
-			let price = item.product.price * item.quantity
-
-			if (item.discount_type) {
-				if (item.discount_type == 'percentage') {
-					if (item.discount_before_tax && item.discount_percentage > 0) {
-						price = price * (1 - item.discount_percentage / 10000)
-					}
-				} else if (item.discount_type == 'amount') {
-					let computed_discount = item.discount
-					if (item.discount_before_tax && computed_discount > 0) {
-						price = price - computed_discount
-						if (price <= 0) price = 0
-					}
-				}
-			}
-			let taxprice = (price * tax.percentage) / 10000
-
-			taxM[i] = {
-				tax: tax,
-				taxprice: taxprice,
-			}
-		})
-
-		// have discount before tax
-		if (order.discount_before_tax) {
-			// decrease tax by discount percentage
-			if (order.discount_type == 'percentage' && order.discount_percentage > 0) {
-				sb.map(taxM, (t) => {
-					t.taxprice = t.taxprice * (1 - order.discount_percentage / 10000)
-				})
-				computed_discount += (subtotal * order.discount_percentage) / 10000
-			} else if (order.discount_type == 'amount') {
-				let discount = order.discount
-				if (subtotal > 0) {
-					sb.map(taxM, (t) => {
-						// CAUTION: easy to miss
-						if (discount > subtotal) discount = subtotal
-
-						t.taxprice = t.taxprice * (1 - discount / subtotal)
-					})
-				}
-				computed_discount += discount
-			}
-		} else {
-			if (order.discount_type == 'percentage' && order.discount_percentage > 0) {
-				let taxprice = 0
-				sb.map(taxM, (t) => (taxprice += t.taxprice))
-				computed_discount += ((subtotal + taxprice) * order.discount_percentage) / 10000
-			} else if (order.discount_type == 'amount') {
-				let discount = order.discount
-				computed_discount += discount
-			}
-		}
-
-		// SHIP
-		let shippingfee = lo.get(order, 'shipping.fee')
-		if (shippingfee > 0) {
-			if (sb.get(order, 'shipping.tax.id')) {
-				let tax = order.shipping.tax
-				let taxprice = (shippingfee * tax.percentage) / 10000
-				taxM['ship'] = {tax: tax, taxprice: taxprice}
-			}
-		}
-
-		let taxprice = 0
-		sb.map(taxM, (t) => (taxprice += t.taxprice))
-		let total = subtotal + taxprice - computed_discount + shippingfee
-
-		// add adjustment
-		let adj = order.adjustment
-		total += adj
-
-		if (total < 0) total = 0
-		return {subtotal, computed_discount, taxM, total}
-	}
-
 	replaceFileUrl(src) {
 		if (!src) return ''
 

package/dist/17d517e44e2.178.js

@@ -1 +0,0 @@
-(self.webpackChunk_subiz_widget_v4=self.webpackChunk_subiz_widget_v4||[]).push([[178],{178:(t,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>o});const o=i(8491)},8491:(t,n,i)=>{"use strict";i.r(n),i.d(n,{default:()=>vt});var o=i(3645),r=i.n(o),a=i(1667),e=i.n(a),p=i(9486),m=i.n(p),l=i(7921),s=i.n(l),d=i(478),b=i.n(d),c=i(4252),g=i.n(c),x=i(9262),u=i.n(x),f=i(4329),h=i.n(f),z=i(5585),w=i.n(z),k=i(1072),y=i.n(k),v=i(3561),I=i.n(v),_=i(7746),C=i.n(_),D=i(9865),j=i.n(D),M=i(8815),Z=i.n(M),N=i(1504),H=i.n(N),E=i(7488),P=i.n(E),S=i(9750),W=i.n(S),A=i(6096),L=i.n(A),B=i(5453),G=i.n(B),T=i(5787),V=i.n(T),J=i(2854),R=i.n(J),U=i(3890),Y=i.n(U),F=i(494),X=i.n(F),Q=i(3953),O=i.n(Q),q=i(2485),K=i.n(q),$=r()((function(t){return t[1]})),tt=e()(m()),nt=e()(s()),it=e()(b()),ot=e()(g()),rt=e()(u()),at=e()(h()),et=e()(w()),pt=e()(y()),mt=e()(I()),lt=e()(C()),st=e()(j()),dt=e()(Z()),bt=e()(H()),ct=e()(P()),gt=e()(W()),xt=e()(L()),ut=e()(G()),ft=e()(V()),ht=e()(R()),zt=e()(Y()),wt=e()(X()),kt=e()(O()),yt=e()(K());$.push([t.id,"#sbz92 * {\n  all: unset !important;\n}\n#sbz92 {\n  /* Handle on hover */\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}\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: Roboto, -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, 'Noto Sans', sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;\n  font-size: 15px !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  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 .text-muted {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !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: 3.75px !important;\n}\n#sbz92 .pl-2 {\n  padding-left: 7.5px !important;\n}\n#sbz92 .pr-2 {\n  padding-right: 7.5px !important;\n}\n#sbz92 .pb-2 {\n  padding-bottom: 7.5px !important;\n}\n#sbz92 .mt-2 {\n  margin-top: 7.5px !important;\n}\n#sbz92 .ml-2 {\n  margin-left: 7.5px !important;\n}\n#sbz92 .mr-2 {\n  margin-right: 7.5px !important;\n}\n#sbz92 .pt-3 {\n  padding-top: 15px !important;\n}\n#sbz92 .pl-3 {\n  padding-left: 15px !important;\n}\n#sbz92 .pr-3 {\n  padding-right: 15px !important;\n}\n#sbz92 .pb-3 {\n  padding-bottom: 15px !important;\n}\n#sbz92 .mt-3 {\n  margin-top: 15px !important;\n}\n#sbz92 .ml-3 {\n  margin-left: 15px !important;\n}\n#sbz92 .mr-3 {\n  margin-right: 15px !important;\n}\n#sbz92 .mb-3 {\n  margin-bottom: 15px !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 {\n  align-self: center !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 .group-avatar--member {\n  align-self: center !important;\n  width: 65px !important;\n}\n#sbz92 .group-avatar--member .avatar {\n  position: relative !important;\n  width: 35px !important;\n  height: 35px !important;\n  border-radius: 35px !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 .group-avatar--member .group-avatar--agent-left {\n  border: 2px solid #fff !important;\n  z-index: 3 !important;\n}\n#sbz92 .group-avatar--member .group-avatar--agent-middle {\n  border: 2px solid #fff !important;\n  z-index: 2 !important;\n  margin-left: -20px !important;\n}\n#sbz92 .group-avatar--member .group-avatar--agent-right {\n  border: 2px solid #fff !important;\n  z-index: 1 !important;\n  margin-left: -20px !important;\n}\n#sbz92 .widget-header {\n  z-index: -1 !important;\n  position: relative !important;\n  border-radius: 15px 15px 0px 0px !important;\n  background: '@background' !important;\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n  width: 100% !important;\n}\n#sbz92 .widget-header .widget-header--total-unread-convo {\n  display: none !important;\n  margin: 0 10px 10px 0 !important;\n  background: #ef000d !important;\n  font-weight: 400 !important;\n  display: flex !important;\n  border-radius: 5px !important;\n  align-items: center !important;\n  justify-content: center !important;\n  width: 20px !important;\n  height: 20px !important;\n  cursor: pointer !important;\n}\n#sbz92 .widget-header--collapsed {\n  height: 72px !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--collapsed {\n  height: 72px !important;\n  align-items: center !important;\n  padding: 15px !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--collapsed .widget-header--title {\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  font-size: 16px !important;\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--collapsed .widget-header--description {\n  font-size: 16px !important;\n  opacity: 0.8 !important;\n  flex: 1 !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n  margin-top: 3.75px !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 !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  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  margin-left: 7.5px !important;\n  z-index: 1 !important;\n}\n#sbz92 .widget-header--button {\n  padding: 3px !important;\n  border-radius: 5px !important;\n  position: relative !important;\n  cursor: pointer !important;\n}\n#sbz92 .widget-header--button-close {\n  display: flex !important;\n  justify-self: flex-end !important;\n  align-items: center !important;\n  align-self: flex-start !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,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci1jaGV2cm9uLWxlZnQiPjxwb2x5bGluZSBwb2ludHM9IjE1IDE4IDkgMTIgMTUgNiI+PC9wb2x5bGluZT48L3N2Zz4K') !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: 40px !important;\n  height: 30px !important;\n  display: block !important;\n  position: relative !important;\n  margin-left: -9px !important;\n  cursor: pointer !important;\n}\n#sbz92 .widget-header--has-convo-unred .widget-header--button-back {\n  width: 20px !important;\n}\n#sbz92 .widget-header--wrap-button-back {\n  display: flex !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: #fff !important;\n  -webkit-text-fill-color: #fff !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  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.2) !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 !important;\n}\n#sbz92 .message-input--disabled {\n  background: #F0F0F0 !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}\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%20fill%3D%22@esc-primary-color-esc%22%20stroke%3D%22white%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-arrow-up-circle%22%3E%3Ccircle%20stroke%3D%22@esc-primary-color-esc%22%20cx%3D%2212%22%20cy%3D%2212%22%20r%3D%2210%22%3E%3C/circle%3E%3Cpolyline%20points%3D%2216%2012%2012%208%208%2012%22%3E%3C/polyline%3E%3Cline%20x1%3D%2212%22%20y1%3D%2216%22%20x2%3D%2212%22%20y2%3D%228%22%3E%3C/line%3E%3C/svg%3E') !important;\n}\n#sbz92 .message-input--preform {\n  justify-content: center !important;\n  padding-top: 10px !important;\n  padding-bottom: 10px !important;\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 .form-label {\n  margin-top: 15px !important;\n}\n#sbz92 .widget-body--content-form-container {\n  flex-grow: 1 !important;\n  padding-left: 15px !important;\n  padding-right: 15px !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n#sbz92 .widget-body--content-form {\n  margin-top: 15px !important;\n  padding: 15px !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n#sbz92 .btn--form-start-convo {\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}\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 red !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 #d8d8d8 !important;\n  border-radius: 5px !important;\n  padding: 8px !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 .label {\n  display: block !important;\n  margin-bottom: 3px !important;\n  margin-top: 10px !important;\n  opacity: 0.7 !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  height: 25px !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  height: 25px !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 !important;\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 .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: 15px !important;\n  padding-right: 15px !important;\n}\n#sbz92 .widget-body--events {\n  flex: 1 !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: #fff !important;\n  -webkit-text-fill-color: #fff !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: #fff !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  margin: 5px 0 0 !important;\n  display: inline-block !important;\n  background-color: #eeeeee !important;\n  padding: 10px 14px 10px 14px !important;\n}\n#sbz92 .message-text--agent {\n  white-space: pre-wrap !important;\n  margin: 5px 0 0 !important;\n  display: inline-block !important;\n  background-color: '@primary_color' !important;\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n  padding: 10px 14px 10px 14px !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: 7px !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-agent {\n  border-radius: 7px !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  display: block !important;\n  text-align: end !important;\n  font-size: 13px !important;\n  margin-bottom: 10px !important;\n}\n#sbz92 a.message_error:hover {\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  border: 1px solid #dee2e6 !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: #fff !important;\n  -webkit-text-fill-color: #fff !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: 15px !important;\n}\n#sbz92 .form-attachment--submit-btn:hover {\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !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 !important;\n  display: block !important;\n  text-align: center !important;\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n  background: #fff !important;\n  border-top: 1px solid '@primary_color' !important;\n  border-left: 1px solid '@primary_color' !important;\n  border-right: 1px solid '@primary_color' !important;\n  font-weight: 400 !important;\n  font-size: 16px !important;\n  width: 85% !important;\n}\n#sbz92 .agent-message .url-button-attachment:hover {\n  text-decoration: underline !important;\n}\n#sbz92 .message_quick_replies {\n  display: flex !important;\n  flex-wrap: wrap !important;\n}\n#sbz92 .message_quick_reply {\n  cursor: pointer !important;\n  position: relative !important;\n  padding: 10px 15px !important;\n  border: 1px solid '@primary_color' !important;\n  margin-right: 10px !important;\n  margin-top: 10px !important;\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n  border-radius: 5px !important;\n  user-select: none !important;\n  overflow: hidden !important;\n  white-space: nowrap !important;\n  text-overflow: ellipsis !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}\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: inline-block !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 {\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  display: inline-block !important;\n  vertical-align: top !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}\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}\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  display: flex !important;\n  justify-content: space-between !important;\n  border-top: 1px solid #ccc !important;\n  line-height: 1 !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.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-all !important;\n}\n#sbz92 .product_attachment__subtitle {\n  padding: 5px 10px !important;\n  color: #aaa !important;\n  -webkit-text-fill-color: #aaa !important;\n  padding-top: 0 !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 .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("+tt+") !important;\n}\n#sbz92 .emoji--confused {\n  background-image: url("+nt+") !important;\n}\n#sbz92 .emoji--crying,\n#sbz92 .emoji--cry {\n  background-image: url("+it+") !important;\n}\n#sbz92 .emoji--grinning {\n  background-image: url("+ot+") !important;\n}\n#sbz92 .emoji--heart_eyes,\n#sbz92 .emoji--heart-eyes {\n  background-image: url("+rt+") !important;\n}\n#sbz92 .emoji--neutral_face,\n#sbz92 .emoji--neutral {\n  background-image: url("+at+") !important;\n}\n#sbz92 .emoji--disappointed,\n#sbz92 .emoji--sad {\n  background-image: url("+et+") !important;\n}\n#sbz92 .emoji--sleepy {\n  background-image: url("+pt+") !important;\n}\n#sbz92 .emoji--smile,\n#sbz92 .emoji--smiling {\n  background-image: url("+mt+") !important;\n}\n#sbz92 .emoji--open_mouth,\n#sbz92 .emoji--surprised {\n  background-image: url("+lt+") !important;\n}\n#sbz92 .emoji--tired_face,\n#sbz92 .emoji--tired {\n  background-image: url("+st+") !important;\n}\n#sbz92 .emoji--stuck_out_tongue,\n#sbz92 .emoji--tongue-out {\n  background-image: url("+dt+") !important;\n}\n#sbz92 .emoji--wink {\n  background-image: url("+bt+") !important;\n}\n#sbz92 .emoji--moyai {\n  background-image: url("+ct+") !important;\n}\n#sbz92 .emoji--dislike,\n#sbz92 .emoji--unlike,\n#sbz92 .emoji--thumbsdown {\n  background-image: url("+gt+") !important;\n}\n#sbz92 .emoji--like,\n#sbz92 .emoji--thumbsup {\n  background-image: url("+xt+") !important;\n}\n#sbz92 .emoji--ok_hand {\n  background-image: url("+ut+") !important;\n}\n#sbz92 .emoji--octopus {\n  background-image: url("+ft+") !important;\n}\n#sbz92 .emoji--pig2 {\n  background-image: url("+ht+") !important;\n}\n#sbz92 .emoji--wave {\n  background-image: url("+zt+") !important;\n}\n#sbz92 .emoji--mouse {\n  background-image: url("+wt+") !important;\n}\n#sbz92 .emoji--mouse2 {\n  background-image: url("+kt+") !important;\n}\n#sbz92 .emoji--rat {\n  background-image: url("+yt+") !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: 15px !important;\n  padding-right: 15px !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-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  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  margin-top: 15px !important;\n}\n#sbz92 .convo-list--convo-last-info {\n  font-size: 15px !important;\n  line-height: 20px !important;\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: 7.5px !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  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  font-weight: 500 !important;\n  flex: 1 !important;\n  margin-right: 20px !important;\n  cursor: pointer !important;\n}\n#sbz92 .convo-list--item {\n  cursor: pointer !important;\n  border-bottom: 1px solid #f0f0f0 !important;\n  padding-left: 10px !important;\n  padding-right: 10px !important;\n  padding-bottom: 15px !important;\n  padding-top: 15px !important;\n  display: flex !important;\n  flex-direction: row !important;\n}\n#sbz92 .convo-list--item:hover {\n  background: #f8f9fa !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.7 !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: 7.5px !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: 20px !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  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1) !important;\n  width: '@width' !important;\n  height: '@height' !important;\n  bottom: 0 !important;\n  opacity: 1 !important;\n  transition: opacity 0.1s cubic-bezier(1, 0.5, 0.8, 1) !important;\n  visibility: visible !important;\n}\n#sbz92 .widget-container.widget-container--hide {\n  opacity: 0 !important;\n  visibility: hidden !important;\n  transition: 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  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: 16px !important;\n  line-height: 20px !important;\n  text-align: center !important;\n  background: '@primary_color' !important;\n  display: flex !important;\n  align-items: center !important;\n  margin-left: auto !important;\n  margin-right: auto !important;\n}\n#sbz92 .btn--start-convo::after {\n  display: 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--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-top: 15px !important;\n  margin-bottom: 7.5px !important;\n  text-align: center !important;\n}\n#sbz92 .poweredby .poweredby--text {\n  text-decoration: none !important;\n  padding-left: 12px !important;\n  padding-right: 12px !important;\n  padding-top: 5px !important;\n  padding-bottom: 5px !important;\n  border-radius: 20px !important;\n  font-size: 12px !important;\n  color: #7c7c7c !important;\n  -webkit-text-fill-color: #7c7c7c !important;\n  vertical-align: baseline !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 .poweredby--subiz-logo {\n  opacity: 1 !important;\n  margin-top: -3px !important;\n  height: 10px !important;\n}\n#sbz92 .empty-container {\n  display: flex !important;\n  justify-content: center !important;\n  flex-direction: column !important;\n  margin-top: 22.5px !important;\n  margin-bottom: 22.5px !important;\n}\n#sbz92 .empty-desc {\n  text-align: center !important;\n  margin: 22.5px !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}\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  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: 22px !important;\n  height: 22px !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  background-color: #c4c4c4 !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  align-items: center !important;\n}\n#sbz92 .widget-preview--title {\n  display: block !important;\n  font-size: 15px !important;\n  color: gray !important;\n  -webkit-text-fill-color: gray !important;\n  margin-bottom: 5px !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: 15px !important;\n  display: block !important;\n  margin: 0 !important;\n  margin-bottom: 0px !important;\n  max-height: 72px !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 .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  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 {\n  cursor: grab !important;\n  width: 100% !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  background-color: white !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-top: 8px !important;\n  margin-bottom: 8px !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 .spinner1 {\n  position: relative !important;\n  display: inline-block !important;\n  vertical-align: middle !important;\n  border-style: solid !important;\n  background: transparent !important;\n  border-radius: 50% !important;\n  animation: animate 0.4s linear infinite !important;\n  -webkit-backface-visibility: hidden !important;\n}\n@keyframes animate {\n  0% {\n    transform: rotate(0deg) rotateZ(360deg);\n  }\n  100% {\n    transform: rotate(360deg) rotateZ(360deg);\n  }\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}\ndiv#sbz92 {\n  all: initial;\n}\nbody div#sbz92 {\n  all: initial !important;\n}\n",""]);const vt=$},3645:t=>{"use strict";t.exports=function(t){var n=[];return n.toString=function(){return this.map((function(n){var i=t(n);return n[2]?"@media ".concat(n[2]," {").concat(i,"}"):i})).join("")},n.i=function(t,i,o){"string"==typeof t&&(t=[[null,t,""]]);var r={};if(o)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]);o&&r[m[0]]||(i&&(m[2]?m[2]="".concat(i," and ").concat(m[2]):m[2]=i),n.push(m))}},n}},1667: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)}},2485:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_23.529_58.824.d5faf14.png"},3953:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_23.529_60.784.1420241.png"},2854:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_25.490_0.000.1e6b2c0.png"},494:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_25.490_45.098.3dfbc08.png"},5787:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_25.490_5.882.4b49e94.png"},3890:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_27.451_72.549.7114f58.png"},5453:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_27.451_84.314.231e2b7.png"},6096:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_27.451_96.078.ddbb008.png"},9750:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_29.412_5.882.61f3359.png"},8815:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_58.824_100.000.6df72bc.png"},7488:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_58.824_45.098.3d7a7ad.png"},4252:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_58.824_47.059.0f4d6e2.png"},3561:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_58.824_54.902.65724c1.png"},1504:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_58.824_64.706.9da3cba.png"},9262:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_58.824_72.549.edca5cf.png"},4329:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_58.824_78.431.f910f2a.png"},7921:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_58.824_88.235.def4e71.png"},478:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_60.784_11.765.49c03d0.png"},1072:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_60.784_27.451.46b54e5.png"},9865:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_60.784_29.412.e36d284.png"},5585:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_60.784_3.922.bb191b0.png"},7746:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_60.784_35.294.af7b927.png"},9486:(t,n,i)=>{t.exports=i.p+"assets/img/emoji/messenger/sub_60.784_7.843.98f2a99.png"}}]);