@subiz/widget-v4 4.1.217 → 4.1.219

package/dist/screenshoot.js

@@ -35,6 +35,7 @@ function newRequest() {
 		afterhooks: [],
 		baseurl: '',
 		query: {},
+		meta: {},
 	}
 
 	r.clone = function () {
@@ -47,6 +48,12 @@ function newRequest() {
 		return req
 	}
 
+	r.setMeta = function (key, val) {
+		var meta = Object.assign({}, this.meta)
+		meta[key] = val
+		return merge(this, {meta: meta})
+	}
+
 	r.removeQuery = function (key) {
 		var req = this.clone()
 		if (req.query[key] !== undefined) req.query[key] = undefined
@@ -79,7 +86,9 @@ function newRequest() {
 
 	r.setHeader = function (headers) {
 		headers = Object.assign({}, this.headers, headers)
-		headers[CONTENT_TYPE] = undefined
+		for (var key in headers) {
+			if (key.toLowerCase() === 'content-type') delete headers[key]
+		}
 		return merge(this, {headers: headers})
 	}
 
@@ -167,7 +176,7 @@ function send(req, data, cb) {
 	}
 
 	waterfall(req.beforehooks.slice(), {request: req}, function (bp) {
-		if (bp.error) return rs({body: {error: bq.error}, code: 0, error: bp.error})
+		if (bp.error) return rs({body: {error: bp.error}, code: 0, error: bp.error})
 		dosend(bp.request, function (err, body, code) {
 			waterfall(req.afterhooks.slice(), {request: req, code: code, body: body, err: err}, function (param) {
 				var body = param.body
@@ -185,7 +194,7 @@ function send(req, data, cb) {
 				}
 				var err = param.err
 				if (err == 'network_error') return rs({body: {error: networkerr}, code: param.code, error: networkerr})
-				if (!err && (code < 200 || code > 299)) err = body && body.error ? body.error : not200err
+				if (!err && (param.code < 200 || param.code > 299)) err = body && body.error ? body.error : not200err
 				rs({body: err ? body || {error: err} : body, code: param.code, error: err})
 			})
 		})
@@ -193,9 +202,19 @@ function send(req, data, cb) {
 	return promise
 }
 
-var dofetch = function (req, cb, q) {
-	var headers = Object.assign({}, req.headers)
+function requestHeaders(req) {
+	var headers = {}
+	for (var key in req.headers) {
+		if (req.headers[key] === undefined) continue
+		if (req.content_type && key.toLowerCase() === 'content-type') continue
+		headers[key] = req.headers[key]
+	}
 	if (req.content_type) headers[CONTENT_TYPE] = req.content_type
+	return headers
+}
+
+var dofetch = function (req, cb, q) {
+	var headers = requestHeaders(req)
 
 	var status = 0
 	fetch(req.baseurl + q, {
@@ -233,10 +252,8 @@ var dosend = function (req, cb) {
 
 	request.open(req.method, req.baseurl + q)
 	request.withCredentials = req._withCredentials // for cloudflare to work correctly
-	for (var i in req.headers) request.setRequestHeader(i, req.headers[i])
-	if (req.content_type) {
-		request.setRequestHeader(CONTENT_TYPE, req.content_type)
-	}
+	var headers = requestHeaders(req)
+	for (var i in headers) request.setRequestHeader(i, headers[i])
 	request.send(req.body)
 }
 
@@ -287,9 +304,7 @@ function querify(obj) {
 			var arr = []
 			for (var i = 0; i < value.length; i++) {
 				if (value[i] === undefined) continue
-				arr.push(encoderForArrayFormat(key, value[i], arr.length))
-
-				arr.push(out)
+				arr.push(encoderForArrayFormat(key, value[i]))
 			}
 			param = arr.join('&')
 		}
@@ -1689,7 +1704,7 @@ var ajax_namespaceFn = () => {
 };
 
 // MODULE: ./src/util/common.js
-var common_namespaceFn = /*#__PURE__*/__webpack_require__.cw(function(module, __webpack_exports__) {
+var common_namespaceFn = /*#__PURE__*/__webpack_require__.cw((__unused_webpack_module, __webpack_exports__) => {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   Date: () => (/* binding */ Date),
@@ -3151,7 +3166,7 @@ __webpack_require__.d(common_namespaceObject, {
 });
 
 // MODULE: ./src/util/gate.js
-var gate_namespaceFn = /*#__PURE__*/__webpack_require__.cw(function(module, __webpack_exports__) {
+var gate_namespaceFn = /*#__PURE__*/__webpack_require__.cw((__unused_webpack_module, __webpack_exports__) => {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ Gate)
 /* harmony export */ });
@@ -3189,7 +3204,7 @@ class Gate {
 });
 
 // MODULE: ./src/util/mutex.js
-var mutex_namespaceFn = /*#__PURE__*/__webpack_require__.cw(function(module, __webpack_exports__) {
+var mutex_namespaceFn = /*#__PURE__*/__webpack_require__.cw((__unused_webpack_module, __webpack_exports__) => {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ Mutex)
 /* harmony export */ });
@@ -3220,7 +3235,7 @@ class Mutex {
 });
 
 // MODULE: ./src/util/op.js
-var op_namespaceFn = /*#__PURE__*/__webpack_require__.cw(function(module, __webpack_exports__) {
+var op_namespaceFn = /*#__PURE__*/__webpack_require__.cw((__unused_webpack_module, __webpack_exports__) => {
 __webpack_require__.r(__webpack_exports__);
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   get: () => (/* binding */ get),
@@ -3286,7 +3301,7 @@ function take(arr, n = 1) {
 });
 
 // MODULE: ./src/util/pubsub.js
-var pubsub_namespaceFn = /*#__PURE__*/__webpack_require__.cw(function(module, __webpack_exports__) {
+var pubsub_namespaceFn = /*#__PURE__*/__webpack_require__.cw((__unused_webpack_module, __webpack_exports__) => {
 /* harmony export */ __webpack_require__.d(__webpack_exports__, {
 /* harmony export */   A: () => (/* binding */ Pubsub)
 /* harmony export */ });
@@ -3758,7 +3773,7 @@ var ___CSS_LOADER_URL_REPLACEMENT_21___ = _node_modules_css_loader_dist_runtime_
 var ___CSS_LOADER_URL_REPLACEMENT_22___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_1___default()((_img_emoji_messenger_sub_23_529_60_784_png__WEBPACK_IMPORTED_MODULE_24___default()));
 var ___CSS_LOADER_URL_REPLACEMENT_23___ = _node_modules_css_loader_dist_runtime_getUrl_js__WEBPACK_IMPORTED_MODULE_1___default()((_img_emoji_messenger_sub_23_529_58_824_png__WEBPACK_IMPORTED_MODULE_25___default()));
 // Module
-___CSS_LOADER_EXPORT___.push([module.id, "#sbz92 * {\n  all: unset !important;\n}\n.sbz_no_scroll {\n  overflow: hidden !important;\n  overflow-x: hidden !important;\n  overflow-y: hidden !important;\n}\n#sbz92 {\n  /* Handle on hover */\n  /*\n.widget-header--button-close {\n\tdisplay: flex;\n\tborder-radius: 6px;\n\tjustify-self: flex-end;\n\talign-items: center;\n\talign-self: flex-start;\n\n\tfilter: brightness(0.95);\n\t&:hover {\n\t\topacity: 1;\n\t\tfilter: brightness(1.1);\n\t\tscale: 1.1;\n\t}\n}\n*/\n  /*\n[data-tooltip]::after {\n\ttext-align: center;\n\tmin-width: 60px;\n\tmax-width: 350px;\n\n\ttransform: translate3d(0, 0, 0);\n\t-webkit-backface-visibility: hidden;\n\tbackface-visibility: hidden;\n\twill-change: transform;\n\topacity: 0;\n\tpointer-events: none;\n\ttransition: opacity @tooltip-transition-duration @tooltip-transition-easing @tooltip-transition-delay;\n\tposition: absolute;\n\tbox-sizing: border-box;\n\tz-index: @z-index + 2000;\n\ttransform-origin: top;\n\twhite-space: pre-wrap;\n\twidth: 100%;\n\n\tbackground: @black;\n\tborder-radius: 5px;\n\n\t.color(@white);\n\n\tcontent: attr(data-tooltip);\n\tfont-size: @tooltip-font-size;\n\tfont-weight: @tooltip-font-weight;\n\ttext-transform: @tooltip-text-transform;\n\tpadding: 0.5em;\n\tbox-sizing: content-box;\n}\n\n[data-tooltip]:hover::after,\n[data-tooltip]:focus::after {\n\topacity: 1;\n\tpointer-events: auto;\n}\n\n// ------------------------------------------------\n// [2] Position Modifiers\n// ------------------------------------------------\n\n[data-tooltip][data-tooltip-position|='top']::after {\n\tmargin-bottom: @tooltip-margin;\n\ttransform: translate3d(-50%, -5px, 0);\n\tbottom: 100%;\n\tleft: 50%;\n}\n\n// ------------------------------------------------\n// [2.1] Top Left\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='top-left']::after {\n\ttransform: translate3d(~'calc(-100% + 16px)', -5px, 0);\n\tbottom: 100%;\n}\n\n// ------------------------------------------------\n// [2.2] Top Right\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='top-right']::after {\n\ttransform: translate3d(~'calc(0% + -16px)', -5px, 0);\n\tbottom: 100%;\n}\n\n// ------------------------------------------------\n// [2.3] Bottom\n// ------------------------------------------------\n\n[data-tooltip][data-tooltip-position|='bottom']::after,\n[data-tooltip]:not([data-tooltip-position])::after {\n\ttransform: translate3d(-50%, 0, 0);\n\tmargin-top: @tooltip-margin;\n\tleft: 50%;\n\ttop: 100%;\n}\n\n// ------------------------------------------------\n// [2.4] Bottom Left\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='bottom-left']::after {\n\ttransform: translate3d(~'calc(-100% + 16px)', 0, 0);\n}\n\n// ------------------------------------------------\n// [2.5] Bottom Right\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='bottom-right']::after {\n\ttransform: translate3d(~'calc(0% + -16px)', 0, 0);\n}\n\n// ------------------------------------------------\n// [2.6] Left\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='left']::after {\n\tbottom: auto;\n\tleft: auto;\n\tright: 100%;\n\ttop: 50%;\n\ttransform: translate3d(0, -50%, 0);\n\tmargin-right: @tooltip-margin;\n}\n\n// ------------------------------------------------\n// [2.7] Right\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='right']::after {\n\tbottom: auto;\n\tleft: 100%;\n\ttop: 50%;\n\ttransform: translate3d(0, -50%, 0);\n\tmargin-left: @tooltip-margin;\n}\n\n*/\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n  box-sizing: border-box !important;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n#sbz92 b,\n#sbz92 strong {\n  font-weight: 500 !important;\n}\n#sbz92 a {\n  color: #020202 !important;\n  text-decoration: none !important;\n  background-color: transparent !important;\n  font-weight: 600 !important;\n}\n#sbz92 a:hover {\n  cursor: pointer !important;\n  color: #000000 !important;\n  text-decoration: underline !important;\n}\n#sbz92 a:not([href]) {\n  color: inherit !important;\n  text-decoration: none !important;\n}\n#sbz92 a:not([href]):hover {\n  color: inherit !important;\n  text-decoration: none !important;\n}\n#sbz92 img {\n  vertical-align: middle !important;\n  border-style: none !important;\n}\n#sbz92 svg {\n  overflow: hidden !important;\n  vertical-align: middle !important;\n}\n#sbz92 label {\n  display: inline-block !important;\n}\n#sbz92 button {\n  border-radius: 0 !important;\n}\n#sbz92 button:focus {\n  outline: 1px dotted !important;\n  outline: 5px auto -webkit-focus-ring-color !important;\n}\n#sbz92 input,\n#sbz92 button,\n#sbz92 select,\n#sbz92 optgroup,\n#sbz92 textarea {\n  margin: 0 !important;\n}\n#sbz92 button,\n#sbz92 input {\n  overflow: visible !important;\n}\n#sbz92 button,\n#sbz92 select {\n  text-transform: none !important;\n}\n#sbz92 select {\n  word-wrap: normal !important;\n}\n#sbz92 button,\n#sbz92 [type=\"button\"],\n#sbz92 [type=\"reset\"],\n#sbz92 [type=\"submit\"] {\n  -webkit-appearance: button !important;\n}\n#sbz92 button:not(:disabled),\n#sbz92 [type='button']:not(:disabled),\n#sbz92 [type='reset']:not(:disabled),\n#sbz92 [type='submit']:not(:disabled) {\n  cursor: pointer !important;\n}\n#sbz92 button::-moz-focus-inner,\n#sbz92 [type='button']::-moz-focus-inner,\n#sbz92 [type='reset']::-moz-focus-inner,\n#sbz92 [type='submit']::-moz-focus-inner {\n  padding: 0 !important;\n  border-style: none !important;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n  box-sizing: border-box !important;\n  padding: 0 !important;\n}\n#sbz92 input[type='date'],\n#sbz92 input[type='time'],\n#sbz92 input[type='datetime-local'],\n#sbz92 input[type='month'] {\n  -webkit-appearance: listbox !important;\n}\n#sbz92 textarea {\n  overflow: auto !important;\n  resize: vertical !important;\n}\n#sbz92 [type='number']::-webkit-inner-spin-button,\n#sbz92 [type='number']::-webkit-outer-spin-button {\n  height: auto !important;\n}\n#sbz92 [hidden] {\n  display: none !important;\n}\n#sbz92 ::-webkit-input-placeholder {\n  /* Edge */\n  color: #777 !important;\n}\n#sbz92 :-ms-input-placeholder {\n  /* Internet Explorer 10-11 */\n  color: #777 !important;\n}\n#sbz92 ::placeholder {\n  color: #777 !important;\n}\n#sbz92 div {\n  display: block !important;\n  text-rendering: geometricPrecision !important;\n  -webkit-font-smoothing: antialiased !important;\n  -moz-osx-font-smoothing: grayscale !important;\n}\n#sbz92 ::-webkit-scrollbar {\n  width: 7px !important;\n  height: 7px !important;\n}\n#sbz92 ::-webkit-scrollbar-track {\n  border-radius: 10px !important;\n}\n#sbz92 ::-webkit-scrollbar-thumb {\n  border-radius: 10px !important;\n  background: #d6d6d6 !important;\n}\n#sbz92 ::-webkit-scrollbar-thumb:hover {\n  background: #aaa !important;\n}\n#sbz92 .badge {\n  padding: 2px 8px !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  border-radius: 6px !important;\n  display: inline-flex !important;\n  align-items: center !important;\n}\n#sbz92 .badge.badge--success {\n  color: #28a745 !important;\n  -webkit-text-fill-color: #28a745 !important;\n  background: #28a74526 !important;\n}\n#sbz92 .dot {\n  width: 8px !important;\n  height: 8px !important;\n  border-radius: 4px !important;\n  flex-shrink: 0 !important;\n  background: #000 !important;\n}\n#sbz92 .dot.dot--success {\n  background: #28a745 !important;\n}\n#sbz92 * {\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;\n  -webkit-tap-highlight-color: transparent !important;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;\n  font-size: 16px !important;\n  -webkit-box-sizing: border-box !important;\n  -moz-box-sizing: border-box !important;\n  box-sizing: border-box !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 0 !important;\n  vertical-align: baseline !important;\n}\n#sbz92 button:focus {\n  outline: none !important;\n}\n#sbz92 button:focus-visible {\n  outline: 2px solid #6c757d !important;\n  outline-offset: 3px !important;\n}\n#sbz92 button:not(:disabled) {\n  cursor: pointer !important;\n}\n#sbz92 img {\n  overflow: hidden !important;\n  flex-shrink: 0 !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  background-size: 100% 100% !important;\n  -webkit-user-select: none !important;\n  -khtml-user-select: none !important;\n  -moz-user-select: none !important;\n  -o-user-select: none !important;\n  user-select: none !important;\n  -webkit-user-drag: none !important;\n}\n#sbz92 .pos-relative {\n  position: relative !important;\n}\n#sbz92 .flex-row {\n  flex-direction: row !important;\n}\n#sbz92 .flex-column {\n  flex-direction: column !important;\n}\n#sbz92 .flex-grow-1 {\n  flex-grow: 1 !important;\n}\n#sbz92 .align-self-end {\n  align-self: flex-end !important;\n}\n#sbz92 .align-items-end {\n  align-items: flex-end !important;\n}\n#sbz92 .justify-content-center {\n  justify-content: center !important;\n}\n#sbz92 .h-full {\n  height: 100% !important;\n}\n#sbz92 .w-full {\n  width: 100% !important;\n}\n#sbz92 .text-muted {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .text-lg {\n  font-size: 18px !important;\n}\n#sbz92 .text-xl {\n  font-size: 20px !important;\n}\n#sbz92 .text-sm {\n  font-size: 14px !important;\n}\n#sbz92 .text-center {\n  text-align: center !important;\n}\n#sbz92 .text-danger {\n  color: #ea3d2f !important;\n}\n#sbz92 .text-italic {\n  font-style: italic !important;\n}\n#sbz92 .d-none {\n  display: none !important;\n}\n#sbz92 .d-flex {\n  display: flex !important;\n}\n#sbz92 .d-inline-block {\n  display: inline-block !important;\n}\n#sbz92 .ml-1 {\n  margin-left: 7.5px !important;\n}\n#sbz92 .pl-2 {\n  padding-left: 15px !important;\n}\n#sbz92 .pr-2 {\n  padding-right: 15px !important;\n}\n#sbz92 .pb-2 {\n  padding-bottom: 15px !important;\n}\n#sbz92 .mt-1 {\n  margin-top: 7.5px !important;\n}\n#sbz92 .mt-2 {\n  margin-top: 15px !important;\n}\n#sbz92 .ml-2 {\n  margin-left: 15px !important;\n}\n#sbz92 .mr-1 {\n  margin-right: 7.5px !important;\n}\n#sbz92 .mr-2 {\n  margin-right: 15px !important;\n}\n#sbz92 .pt-3 {\n  padding-top: 22.5px !important;\n}\n#sbz92 .pl-3 {\n  padding-left: 22.5px !important;\n}\n#sbz92 .pr-3 {\n  padding-right: 22.5px !important;\n}\n#sbz92 .pb-3 {\n  padding-bottom: 22.5px !important;\n}\n#sbz92 .mt-3 {\n  margin-top: 22.5px !important;\n}\n#sbz92 .ml-3 {\n  margin-left: 22.5px !important;\n}\n#sbz92 .mr-3 {\n  margin-right: 22.5px !important;\n}\n#sbz92 .mb-3 {\n  margin-bottom: 22.5px !important;\n}\n#sbz92 .mb-2 {\n  margin-bottom: 15px !important;\n}\n#sbz92 .mb-1 {\n  margin-bottom: 7.5px !important;\n}\n#sbz92 .muted {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .i {\n  font-style: italic !important;\n}\n#sbz92 .align-items-center {\n  align-items: center !important;\n}\n#sbz92 .text-truncate {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n}\n#sbz92 .flex_1 {\n  flex: 1 !important;\n  flex-shrink: 0 !important;\n}\n#sbz92 .justify-content-between {\n  justify-content: space-between !important;\n}\n#sbz92 .no-shrink {\n  flex-shrink: 0 !important;\n}\n#sbz92 .loading {\n  flex: 1 !important;\n  align-items: center !important;\n  justify-content: center !important;\n  display: flex !important;\n  flex-direction: column !important;\n  background: white !important;\n}\n#sbz92 .avatar-container {\n  text-align: center !important;\n}\n#sbz92 .avatar {\n  position: relative !important;\n  object-fit: cover !important;\n  display: inline-block !important;\n}\n#sbz92 .group-avatar--primary .avatar {\n  width: 40px !important;\n  height: 40px !important;\n  border-radius: 35px !important;\n}\n#sbz92 .group-avatar--secondary .avatar {\n  position: relative !important;\n  width: 35px !important;\n  height: 35px !important;\n  border-radius: 35px !important;\n}\n#sbz92 .avatar.avatar__account {\n  width: 38px !important;\n  height: 38px !important;\n  border-radius: 38px !important;\n  margin-right: 7.5px !important;\n}\n#sbz92 .group-avatar--primary .group-avatar--agent-middle {\n  width: 50px !important;\n  height: 50px !important;\n  margin-left: -10px !important;\n  z-index: 3 !important;\n  position: relative !important;\n}\n#sbz92 .group-avatar--primary .group-avatar--agent-left {\n  z-index: 2 !important;\n}\n#sbz92 .group-avatar--primary .group-avatar--agent-right {\n  z-index: 2 !important;\n  margin-left: -10px !important;\n}\n#sbz92 .group-avatar--secondary .group-avatar--agent-left {\n  z-index: 3 !important;\n}\n#sbz92 .group-avatar--secondary .group-avatar--agent-middle {\n  z-index: 2 !important;\n  margin-left: -15px !important;\n}\n#sbz92 .group-avatar--secondary .group-avatar--agent-right {\n  z-index: 1 !important;\n  margin-left: -15px !important;\n}\n#sbz92 .widget-header {\n  z-index: -1 !important;\n  position: relative !important;\n  transition: height 0.2s !important;\n  border-radius: 15px 15px 0px 0px !important;\n  background: '@background' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  width: 100% !important;\n}\n#sbz92 .widget-header .widget-header--total-unread-convo {\n  font-size: 13px !important;\n  font-weight: 500 !important;\n  background: #ef000d !important;\n  display: flex !important;\n  border-radius: 50% !important;\n  justify-content: center !important;\n  align-items: center !important;\n  width: 20px !important;\n  height: 20px !important;\n  position: absolute !important;\n  cursor: pointer !important;\n  right: -8px !important;\n  top: -4px !important;\n}\n#sbz92 .widget-header--collapsed {\n  height: auto !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--collapsed {\n  height: auto !important;\n  padding: 15px 22.5px !important;\n  position: relative !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--collapsed .widget-header--title {\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  font-weight: 500 !important;\n  text-overflow: ellipsis !important;\n  font-size: 16px !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--collapsed .widget-header--description {\n  font-size: 14px !important;\n  overflow: hidden !important;\n  opacity: 0.7 !important;\n  flex: 1 !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  margin-top: 2.5px !important;\n  position: relative !important;\n  line-height: 1.5 !important;\n}\n#sbz92 .mobile .widget-header {\n  border-radius: 0px !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded {\n  height: 224px !important;\n  padding: 15px 22.5px !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded .widget-header--top-wrapper {\n  display: flex !important;\n  flex-direction: row !important;\n  align-items: center !important;\n  margin-bottom: 10px !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded .widget-header--avatar-wrapper {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded .widget-header--title {\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  font-weight: 500 !important;\n  text-overflow: ellipsis !important;\n  flex: 1 !important;\n  font-size: 16px !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded .widget-header--description {\n  position: relative !important;\n  text-align: center !important;\n  margin-top: 15px !important;\n  white-space: pre-wrap !important;\n  display: -webkit-box !important;\n  -webkit-box-orient: vertical !important;\n  -webkit-line-clamp: 2 !important;\n  overflow: hidden !important;\n  line-height: 1.5 !important;\n}\n#sbz92 .widget-header--convo-expanded {\n  height: 224px !important;\n}\n#sbz92 .widget-header--inner {\n  position: absolute !important;\n  top: 0 !important;\n  left: 50% !important;\n  transform: translateX(-50%) !important;\n  width: 100% !important;\n  opacity: 1 !important;\n  display: flex !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--hidden {\n  opacity: 0 !important;\n  transform: scale(0) !important;\n  animation-duration: 0.05s !important;\n  animation-name: hide !important;\n}\n#sbz92 .widget-header--title-container {\n  min-width: 0 !important;\n  flex: 1 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  z-index: 1 !important;\n}\n#sbz92 .widget-header--button-close {\n  display: flex !important;\n  border-radius: 6px !important;\n  justify-self: flex-end !important;\n  align-items: center !important;\n  align-self: flex-start !important;\n  opacity: 0.6 !important;\n  transition: opacity 0.15s ease, scale 0.15s ease, filter 0.15s ease !important;\n  filter: brightness(0.95) !important;\n}\n#sbz92 .widget-header--button-close:hover {\n  opacity: 1 !important;\n  filter: brightness(1.1) !important;\n  scale: 1.1 !important;\n}\n#sbz92 .widget-header--button-close-icon {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci14Ij48bGluZSB4MT0iMTgiIHkxPSI2IiB4Mj0iNiIgeTI9IjE4Ij48L2xpbmU+PGxpbmUgeDE9IjYiIHkxPSI2IiB4Mj0iMTgiIHkyPSIxOCI+PC9saW5lPjwvc3ZnPgo=') !important;\n  background-size: contain !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  width: 24px !important;\n  height: 24px !important;\n  display: block !important;\n  cursor: pointer !important;\n}\n#sbz92 .widget-header--button-back {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9IndoaXRlIiAgc3Ryb2tlLXdpZHRoPSIyIiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTQgNmwxNiAwIiAvPjxwYXRoIGQ9Ik00IDEybDE2IDAiIC8+PHBhdGggZD0iTTQgMThsMTYgMCIgLz48L3N2Zz4K') !important;\n  background-size: contain !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  background-size: 24px 24px !important;\n  width: 24px !important;\n  height: 24px !important;\n  display: block !important;\n  position: relative !important;\n}\n#sbz92 .widget-header--wrap-button-back {\n  display: flex !important;\n  position: relative !important;\n  margin-right: 7.5px !important;\n  cursor: pointer !important;\n  scale: 1 !important;\n  opacity: 0.6 !important;\n  transition: opacity 0.15s ease, scale 0.15s ease, filter 0.15s ease !important;\n  filter: brightness(0.95) !important;\n}\n#sbz92 .widget-header--wrap-button-back:hover {\n  opacity: 1 !important;\n  filter: brightness(1.1) !important;\n  scale: 1.1 !important;\n}\n#sbz92 .fade-enter-active,\n#sbz92 .fade-leave-active {\n  transition: opacity 0.5s ease-out 0.2s !important;\n}\n#sbz92 .fade-enter,\n#sbz92 .fade-leave-to {\n  opacity: 0 !important;\n}\n#sbz92 .slide-fade-enter-active {\n  transition: all 0.3s ease !important;\n}\n#sbz92 .slide-fade-leave-active {\n  transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1) !important;\n}\n#sbz92 .slide-fade-enter,\n#sbz92 .slide-fade-leave-to {\n  transform: translateX(10px) !important;\n  opacity: 0 !important;\n}\n#sbz92 .widget_header__body {\n  padding-bottom: 70px !important;\n}\n#sbz92 .widget_header__body.widget_header__body__social {\n  display: flex !important;\n}\n#sbz92 .social__account_logo {\n  height: 90px !important;\n  width: 90px !important;\n  margin-right: 15px !important;\n  border-radius: 15px !important;\n  object-fit: cover !important;\n}\n#sbz92 .social__introduction {\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  max-height: 72px !important;\n  overflow: hidden !important;\n  display: -webkit-box !important;\n  -webkit-box-orient: vertical !important;\n  -webkit-line-clamp: 3 !important;\n}\n#sbz92 .social__links {\n  display: flex !important;\n  flex-direction: row !important;\n}\n#sbz92 .social__links-logo {\n  height: 30px !important;\n  width: 30px !important;\n  border-radius: 50% !important;\n  margin-right: 10px !important;\n  margin-top: 5px !important;\n  background-size: contain !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  display: block !important;\n}\n#sbz92 .social__links-logo--facebook {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%20fill%3D%22%230264FF%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.2944%2029.8252C16.5464%2029.9404%2015.7803%2030%2015%2030C14.0962%2030%2013.2109%2029.9199%2012.3511%2029.7666V18.4775H10V14.4287H12.3511V11.8086C12.3511%209.93457%2013.2744%207%2017.3384%207L21%207.01465V10.9453H18.3433C17.9075%2010.9453%2017.2947%2011.1553%2017.2947%2012.0488V14.4326H20.989L20.5571%2018.4775H17.2944V29.8252Z%22%20fill%3D%22white%22/%3E%3C/svg%3E') !important;\n}\n#sbz92 .social__links-logo--messenger {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect%20width%3D%2230%22%20height%3D%2230%22%20rx%3D%2215%22%20fill%3D%22%23007FFF%22/%3E%3Crect%20x%3D%224.28564%22%20y%3D%226%22%20width%3D%2221.4286%22%20height%3D%2218.8571%22%20fill%3D%22white%22/%3E%3Cpath%20d%3D%22M14.9478%2014.5713C14.8228%2014.5917%2014.6974%2014.6104%2014.5715%2014.6276C14.6974%2014.6104%2014.8228%2014.5917%2014.9478%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.7507%2014.5713C14.691%2014.5823%2014.6313%2014.5923%2014.5715%2014.6026C14.6313%2014.5923%2014.691%2014.5823%2014.7507%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M15.0126%2014.5713C14.8663%2014.5878%2014.7192%2014.6024%2014.5715%2014.6148C14.7192%2014.6024%2014.8663%2014.5878%2015.0126%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.783%2014.5713C14.7128%2014.5807%2014.642%2014.5894%2014.5715%2014.5976C14.642%2014.5894%2014.7128%2014.5807%2014.783%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.7299%2014.5713C14.6773%2014.5825%2014.6244%2014.5937%2014.5715%2014.6045C14.6244%2014.5937%2014.6773%2014.5825%2014.7299%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.6992%2014.5713C14.6567%2014.5834%2014.6141%2014.5949%2014.5715%2014.6068C14.6141%2014.5949%2014.6567%2014.5834%2014.6992%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.7107%2014.5713C14.6645%2014.5834%2014.618%2014.5958%2014.5715%2014.6075C14.618%2014.5958%2014.6645%2014.5836%2014.7107%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.7194%2014.5713C14.6704%2014.5827%2014.621%2014.5935%2014.5715%2014.6045C14.621%2014.5935%2014.6704%2014.5827%2014.7194%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.8087%2014.5713C14.7297%2014.5779%2014.6507%2014.5839%2014.5715%2014.5891C14.6507%2014.5839%2014.7297%2014.5779%2014.8087%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M15.0417%2014.5713C14.8856%2014.5814%2014.7288%2014.5894%2014.5715%2014.5946C14.7288%2014.5894%2014.8856%2014.5814%2015.0417%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.8206%2014.5713C14.7377%2014.574%2014.6546%2014.5761%2014.5715%2014.5775C14.6546%2014.5761%2014.7377%2014.574%2014.8206%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.1547%2012.3174L9.29419%2017.4636L13.7176%2015.0365L16.0288%2017.4636L20.8621%2012.3174L16.4877%2014.7019L14.1547%2012.3174Z%22%20fill%3D%22%23448AFF%22/%3E%3Cpath%20d%3D%22M15%200C6.717%200%200%206.717%200%2015C0%2023.283%206.717%2030%2015%2030C23.283%2030%2030%2023.283%2030%2015C30%206.717%2023.283%200%2015%200ZM15.1172%2023.0294C14.1886%2023.0294%2013.2923%2022.8983%2012.4491%2022.6554L9.42421%2024.375V21.14C7.39815%2019.5982%206.10428%2017.2501%206.10428%2014.6203C6.10428%209.97581%2010.1395%206.21094%2015.1172%206.21094C20.0951%206.21094%2024.1301%209.97581%2024.1301%2014.6203C24.1301%2019.2643%2020.0951%2023.0294%2015.1172%2023.0294V23.0294Z%22%20fill%3D%22%23007FFF%22/%3E%3C/svg%3E') !important;\n}\n#sbz92 .social__links-logo--email {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M22.6875%2012.9688C21.9375%2013.5625%2020.3125%2014.75%2017.875%2016.5L17.5625%2016.75C17.0625%2017.125%2016.6875%2017.4062%2016.375%2017.5625C15.875%2017.875%2015.4062%2018%2015%2018C14.5625%2018%2014.125%2017.875%2013.625%2017.5938C13.3125%2017.4375%2012.9375%2017.1562%2012.4375%2016.7812L12.125%2016.5C9.59375%2014.6875%208%2013.5%207.3125%2012.9688C7.25%2012.9375%207.15625%2012.9375%207.09375%2012.9688C7.03125%2013%207%2013.0625%207%2013.125V19.5C7%2019.9375%207.125%2020.2812%207.4375%2020.5625C7.71875%2020.875%208.0625%2021%208.5%2021H21.5C21.9062%2021%2022.25%2020.875%2022.5625%2020.5625C22.8438%2020.2812%2023%2019.9375%2023%2019.5V13.125C23%2013.0625%2022.9375%2013%2022.875%2012.9375C22.8125%2012.9062%2022.75%2012.9062%2022.6875%2012.9688ZM15%2017C14.7188%2017%2014.375%2016.875%2014%2016.625C13.75%2016.5%2013.4375%2016.2812%2013.0312%2015.9375L12.7188%2015.7188C10.1562%2013.8438%208.40625%2012.5625%207.5%2011.8438L7.28125%2011.6875C7.09375%2011.5625%207%2011.3438%207%2011.0938V10.5C7%2010.0938%207.125%209.75%207.4375%209.4375C7.71875%209.15625%208.0625%209%208.5%209H21.5C21.9062%209%2022.25%209.15625%2022.5625%209.4375C22.8438%209.75%2023%2010.0938%2023%2010.5V11.0938C23%2011.3438%2022.9062%2011.5625%2022.7188%2011.6875L22.5625%2011.8125C21.6562%2012.5312%2019.9062%2013.8438%2017.2812%2015.7188L16.9688%2015.9375C16.5312%2016.2812%2016.2188%2016.5%2016%2016.625C15.5938%2016.875%2015.25%2017%2015%2017Z%22%20fill%3D%22white%22/%3E%3C/svg%3E') !important;\n}\n#sbz92 .social__links-logo--zalo {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M29.9999%2014.9385C29.9669%206.68262%2023.2639%200%2015%200C6.7157%200%200%206.71582%200%2015C0%2023.2842%206.7157%2030%2015%2030C23.2639%2030%2029.9669%2023.3174%2029.9999%2015.0615C29.9999%2015.041%2030%2015.0205%2030%2015C30%2014.9795%2029.9999%2014.959%2029.9999%2014.9385Z%22%20fill%3D%22white%22/%3E%3Cpath%20d%3D%22M24.5612%2017.4695C22.9394%2017.4726%2021.6242%2016.1862%2021.6279%2014.6005C21.6316%2013.0345%2022.9474%2011.7445%2024.5473%2011.7383C26.1556%2011.732%2027.4826%2013.0349%2027.4786%2014.6162C27.4746%2016.1926%2026.1719%2017.4665%2024.5612%2017.4695ZM22.8416%2014.6183C22.8459%2015.5573%2023.6166%2016.3004%2024.5777%2016.2923C25.5165%2016.2845%2026.2699%2015.5301%2026.2673%2014.6005C26.2646%2013.6712%2025.51%2012.9317%2024.56%2012.9277C23.6012%2012.9237%2022.8373%2013.6751%2022.8416%2014.6183Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20d%3D%22M19.5054%2010.0762H20.795V17.4217H19.9447C19.7021%2017.4217%2019.5054%2017.225%2019.5054%2016.9823V10.0762Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20d%3D%22M18.5227%2011.8907H17.2881V12.2935C16.5767%2011.8601%2015.8509%2011.6775%2015.06%2011.831C14.2526%2011.9876%2013.6164%2012.4043%2013.167%2013.0917C12.4538%2014.1826%2012.5894%2015.5904%2013.4938%2016.5431C14.3504%2017.4454%2015.8628%2017.8178%2017.2815%2016.9247C17.2835%2016.934%2017.286%2016.9422%2017.2881%2016.9511V16.9826C17.2881%2017.2252%2017.4849%2017.422%2017.7275%2017.422H18.5227V11.8907V11.8907ZM15.5853%2016.2787C14.6636%2016.268%2013.8924%2015.5006%2013.8986%2014.6004C13.9048%2013.692%2014.6716%2012.9481%2015.602%2012.9479C16.5427%2012.9477%2017.2871%2013.6781%2017.2882%2014.6026C17.2893%2015.5333%2016.521%2016.2896%2015.5853%2016.2787Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20d%3D%22M8.0481%2016.2438C9.39854%2014.5856%2010.6939%2012.9885%2011.9984%2011.3989C12.2464%2011.0968%2012.3662%2010.7671%2012.3731%2010.3807C12.3761%2010.2135%2012.3261%2010.1646%2012.1596%2010.165C11.6056%2010.1666%206.41195%2010.165%206.41195%2010.165V11.4709H10.4978C10.4424%2011.543%207.83556%2014.7218%206.57932%2016.2403C6.37112%2016.4919%206.26503%2016.7645%206.25401%2017.0936C6.24628%2017.3242%206.28864%2017.4139%206.52267%2017.4211V17.4217H11.9356C12.1782%2017.4217%2012.3749%2017.225%2012.3749%2016.9823V16.2487V16.2438H8.0481V16.2438Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.948%2026.1338C6.03613%2027.1172%207.26917%2027.9424%208.61108%2028.5752V26.1338H4.948ZM0.00268555%2014.7119C0.0775146%2010.7393%201.69666%207.14453%204.28479%204.50293C4.0459%204.98242%203.83435%205.47949%203.64661%205.99121C2.58862%208.87598%202.31299%2011.8506%202.69116%2014.8916C2.95862%2017.042%203.55518%2019.0869%204.63391%2020.9775C4.8269%2021.3154%205.02271%2021.6582%205.26489%2021.9609C5.76672%2022.5879%205.80981%2023.2725%205.59888%2024.0049C5.4873%2024.3926%205.32227%2024.75%205.11304%2025.082C4.95691%2025.3291%204.77612%2025.5635%204.57434%2025.7842C1.81921%2023.1201%200.0819092%2019.4102%200.00280762%2015.2939C0.000976562%2015.1963%200%2015.0986%200%2015C0%2014.9033%200.000854492%2014.8076%200.00268555%2014.7119Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.8226%2026.3367C22.191%2028.6189%2018.7568%2029.9998%2015%2029.9998C11.1449%2029.9998%207.62952%2028.5457%204.97241%2026.156C6.32458%2026.1921%207.61877%2025.9031%208.86353%2025.3464C8.97681%2025.2957%209.06262%2025.3113%209.16443%2025.364C12.2258%2026.9646%2015.5131%2027.5125%2018.926%2027.3962C20.9574%2027.3269%2022.9333%2027.0046%2024.8226%2026.3367Z%22%20fill%3D%22%23015BDF%22/%3E%3C/svg%3E') !important;\n}\n@keyframes hide {\n  100% {\n    opacity: 0;\n    transform: scale(0);\n  }\n}\n#sbz92 .widget-header-expand-container {\n  width: 100% !important;\n}\n#sbz92 .message-input {\n  width: 100% !important;\n  border-top: 1px solid #e3e3e3 !important;\n  display: flex !important;\n  flex-direction: row !important;\n  padding: 15px 22.5px !important;\n}\n#sbz92 .message-input--disabled {\n  background: #f0f0f0 !important;\n  opacity: 0.6 !important;\n  filter: grayscale(1) !important;\n}\n#sbz92 textarea[disabled='disabled']::-webkit-input-placeholder {\n  color: #a4a4a4 !important;\n  -webkit-text-fill-color: #a4a4a4 !important;\n}\n#sbz92 textarea[disabled='disabled']:-ms-input-placeholder {\n  color: #a4a4a4 !important;\n  -webkit-text-fill-color: #a4a4a4 !important;\n}\n#sbz92 textarea[disabled='disabled']::placeholder {\n  color: #a4a4a4 !important;\n  -webkit-text-fill-color: #a4a4a4 !important;\n}\n#sbz92 .message-input--input {\n  word-wrap: break-word !important;\n  resize: none !important;\n  flex: 1 !important;\n  align-self: center !important;\n  margin-right: 7.5px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .message-input--input::placeholder {\n  opacity: 0.5 !important;\n  /* Firefox */\n}\n#sbz92 .message-input--input::-ms-input-placeholder {\n  /* Edge 12 -18 */\n  opacity: 0.5 !important;\n  /* Firefox */\n}\n#sbz92 .message-input--emoji-button {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImdyYXkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXNtaWxlIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCI+PC9jaXJjbGU+PHBhdGggZD0iTTggMTRzMS41IDIgNCAyIDQtMiA0LTIiPjwvcGF0aD48bGluZSB4MT0iOSIgeTE9IjkiIHgyPSI5LjAxIiB5Mj0iOSI+PC9saW5lPjxsaW5lIHgxPSIxNSIgeTE9IjkiIHgyPSIxNS4wMSIgeTI9IjkiPjwvbGluZT48L3N2Zz4K') !important;\n}\n#sbz92 .message-input--button {\n  background-size: 70% !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  width: 32px !important;\n  height: 32px !important;\n  display: block !important;\n  cursor: pointer !important;\n  position: relative !important;\n  border-radius: 20px !important;\n  transition: background-color 0.2s !important;\n}\n#sbz92 .message-input--button:hover {\n  background-color: #eeeeee !important;\n}\n#sbz92 .message-input--disabled .message-input--button {\n  cursor: default !important;\n}\n#sbz92 .message-input--disabled .message-input--button {\n  cursor: default !important;\n}\n#sbz92 .message-input--attachment-button {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImdyYXkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXBhcGVyY2xpcCI+PHBhdGggZD0iTTIxLjQ0IDExLjA1bC05LjE5IDkuMTlhNiA2IDAgMCAxLTguNDktOC40OWw5LjE5LTkuMTlhNCA0IDAgMCAxIDUuNjYgNS42NmwtOS4yIDkuMTlhMiAyIDAgMCAxLTIuODMtMi44M2w4LjQ5LTguNDgiPjwvcGF0aD48L3N2Zz4K') !important;\n}\n#sbz92 .message-input--send-button {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22@esc-primary-color-esc%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M4.698%204.034l16.302%207.966l-16.302%207.966a.503%20.503%200%200%201%20-.546%20-.124a.555%20.555%200%200%201%20-.12%20-.568l2.468%20-7.274l-2.468%20-7.274a.555%20.555%200%200%201%20.12%20-.568a.503%20.503%200%200%201%20.546%20-.124z%22%20fill%3D%22@esc-primary-color-esc%22/%3E%3Cpath%20d%3D%22M6.5%2012h14.5%22%20/%3E%3C/svg%3E') !important;\n  background-size: 82% !important;\n}\n#sbz92 .message-input--preform {\n  justify-content: center !important;\n  padding: 11px !important;\n  @spacer 2;\n}\n#sbz92 .btn--preform {\n  border-radius: 7px !important;\n  padding-left: 32px !important;\n  padding-right: 32px !important;\n  height: 40px !important;\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n  font-size: 14px !important;\n  line-height: 20px !important;\n  text-align: center !important;\n  background: '@primary_color' !important;\n  width: 60% !important;\n}\n#sbz92 .widget-body.embed-chat .message-input {\n  border: 1px solid #e3e3e3 !important;\n  border-radius: 8px !important;\n  margin-bottom: 20px !important;\n}\n#sbz92 .form-label {\n  margin-top: 15px !important;\n}\n#sbz92 .form {\n  border: 1px solid #eeeeee !important;\n  box-sizing: border-box !important;\n  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15) !important;\n  border-radius: 7px !important;\n}\n#sbz92 textarea.form-control {\n  resize: none !important;\n  word-wrap: break-word !important;\n}\n#sbz92 .form-control--container {\n  position: relative !important;\n}\n#sbz92 input.form-control[disabled] {\n  background: #f9f9f9 !important;\n}\n#sbz92 .form-control--container .form-control--check {\n  position: absolute !important;\n  right: 10px !important;\n  top: 10px !important;\n  background-size: 100% 100% !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  width: 20px !important;\n  height: 20px !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1QkFBMUQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNoZWNrIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4K') !important;\n}\n#sbz92 .form-control--valid-input--error {\n  color: #dc3545 !important;\n  -webkit-text-fill-color: #dc3545 !important;\n  font-size: 14px !important;\n  padding-top: 5px !important;\n}\n#sbz92 input[type='text'].form-control.input--error,\n#sbz92 input[type='tel'].form-control.input--error,\n#sbz92 input[type='email'].form-control.input--error,\n#sbz92 input[type='number'].form-control.input--error,\n#sbz92 input[type='date'].form-control.input--error,\n#sbz92 textarea.form-control.input--error,\n#sbz92 select.form-control.input--error {\n  border: 1px solid #dc3545 !important;\n  background: #dd41500f !important;\n}\n#sbz92 input[type='text'].form-control,\n#sbz92 input[type='tel'].form-control,\n#sbz92 input[type='email'].form-control,\n#sbz92 input[type='number'].form-control,\n#sbz92 input[type='date'].form-control,\n#sbz92 textarea.form-control,\n#sbz92 select.form-control {\n  width: 100% !important;\n  border: 1px solid #c4c4c4 !important;\n  border-radius: 8px !important;\n  transition: all 100ms ease !important;\n  padding: 10px 12px !important;\n}\n#sbz92 input[type='text'].form-control:hover,\n#sbz92 input[type='tel'].form-control:hover,\n#sbz92 input[type='email'].form-control:hover,\n#sbz92 input[type='number'].form-control:hover,\n#sbz92 input[type='date'].form-control:hover,\n#sbz92 textarea.form-control:hover,\n#sbz92 select.form-control:hover {\n  border: 1px solid #6c757d !important;\n}\n#sbz92 input[type='text'].form-control.input--error:hover,\n#sbz92 input[type='tel'].form-control.input--error:hover,\n#sbz92 input[type='email'].form-control.input--error:hover,\n#sbz92 input[type='number'].form-control.input--error:hover,\n#sbz92 input[type='date'].form-control.input--error:hover,\n#sbz92 textarea.form-control.input--error:hover,\n#sbz92 select.form-control.input--error:hover {\n  border: 1px solid #dc3545 !important;\n}\n#sbz92 select.form-control {\n  padding: 1px 8px !important;\n}\n#sbz92 input[type='date'].form-control {\n  height: 40px !important;\n  width: 100% !important;\n  background-color: #fff !important;\n}\n#sbz92 .form-wrapper-attachment input[type='date'].form-control {\n  height: 32px !important;\n  padding-top: 6px !important;\n  padding-bottom: 6px !important;\n}\n#sbz92 input[type='text'].form-control:focus,\n#sbz92 input[type='tel'].form-control:focus,\n#sbz92 input[type='email'].form-control:focus,\n#sbz92 input[type='number'].form-control:focus,\n#sbz92 input[type='date'].form-control:focus,\n#sbz92 textarea.form-control:focus,\n#sbz92 select.form-control:focus {\n  border: 1px solid '@primary_color' !important;\n}\n#sbz92 input[type='text'].form-control.input--error:focus,\n#sbz92 input[type='tel'].form-control.input--error:focus,\n#sbz92 input[type='email'].form-control.input--error:focus,\n#sbz92 input[type='number'].form-control.input--error:focus,\n#sbz92 input[type='date'].form-control.input--error:focus,\n#sbz92 textarea.form-control.input--error:focus,\n#sbz92 select.form-control.input--error:focus {\n  border: 1px solid #dc3545 !important;\n}\n#sbz92 .label {\n  display: block !important;\n  padding-bottom: 6px !important;\n  margin-top: 8px !important;\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n  font-size: 14px !important;\n  font-weight: 500 !important;\n}\n#sbz92 .form--btn-submit {\n  border-radius: 7px !important;\n  padding-left: 32px !important;\n  padding-right: 32px !important;\n  width: 100% !important;\n}\n#sbz92 .form .radio {\n  display: block !important;\n  position: relative !important;\n  width: 100% !important;\n  margin-top: 5px !important;\n}\n#sbz92 .form .radio:first-of-type {\n  margin-top: 0 !important;\n}\n#sbz92 .form input[type='radio'] {\n  position: absolute !important;\n  visibility: hidden !important;\n}\n#sbz92 .form .radio--label {\n  padding-left: 22px !important;\n  display: block !important;\n  position: relative !important;\n  z-index: 9 !important;\n  cursor: pointer !important;\n}\n#sbz92 .form .radio--check {\n  display: block !important;\n  position: absolute !important;\n  border: 1px solid #aaa !important;\n  border-radius: 100% !important;\n  height: 16px !important;\n  width: 16px !important;\n  top: 0px !important;\n  left: 0px !important;\n  z-index: 5 !important;\n  transition: border 0.15s linear !important;\n  -webkit-transition: border 0.15s linear !important;\n}\n#sbz92 .form .radio--check:hover {\n  border: 1px solid #888 !important;\n}\n#sbz92 .form .radio--check::before {\n  display: block !important;\n  position: absolute !important;\n  content: '' !important;\n  border-radius: 100% !important;\n  height: 10px !important;\n  width: 10px !important;\n  top: 2px !important;\n  left: 2px !important;\n  margin: auto !important;\n  transition: background 0.15s linear !important;\n  -webkit-transition: background 0.15s linear !important;\n}\n#sbz92 .form input[type='radio']:checked ~ .radio--check {\n  border: 1px solid '@primary_color' !important;\n}\n#sbz92 .form input[type='radio']:checked ~ .radio--check::before {\n  background: '@primary_color' !important;\n}\n#sbz92 .form .checkbox {\n  display: block !important;\n  position: relative !important;\n  width: 100% !important;\n  margin-top: 5px !important;\n}\n#sbz92 .form .checkbox:first-of-type {\n  margin-top: 0 !important;\n}\n#sbz92 .form input[type='checkbox'] {\n  position: absolute !important;\n  visibility: hidden !important;\n}\n#sbz92 .form .checkbox--label {\n  padding-left: 22px !important;\n  display: block !important;\n  position: relative !important;\n  z-index: 9 !important;\n  cursor: pointer !important;\n}\n#sbz92 .form .checkbox--check {\n  display: block !important;\n  position: absolute !important;\n  border: 1px solid #aaa !important;\n  border-radius: 4 px !important;\n  height: 16px !important;\n  width: 16px !important;\n  top: 0px !important;\n  left: 0px !important;\n  z-index: 5 !important;\n  transition: border 0.15s linear !important;\n  -webkit-transition: border 0.15s linear !important;\n}\n#sbz92 .form .checkbox--check:hover {\n  border: 1px solid #888 !important;\n}\n#sbz92 .form .checkbox--check::before {\n  display: block !important;\n  position: absolute !important;\n  content: '' !important;\n  height: 100% !important;\n  width: 100% !important;\n  margin: auto !important;\n  transition: background 0.15s linear !important;\n  -webkit-transition: background 0.15s linear !important;\n}\n#sbz92 .form input[type='checkbox']:checked ~ .checkbox--check {\n  border: 1px solid '@primary_color' !important;\n}\n#sbz92 .form input[type='checkbox']:checked ~ .checkbox--check::before {\n  background: '@primary_color' !important;\n}\n#sbz92 .form .select .form-control {\n  padding-right: 20px !important;\n}\n#sbz92 .form select {\n  /*background: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjQxMDU4IDYuOTExMDdDNC43MzYwMiA2LjU4NTYzIDUuMjYzNjYgNi41ODU2MyA1LjU4OTA5IDYuOTExMDdMOS45OTk4NCAxMS4zMjE4TDE0LjQxMDYgNi45MTEwN0MxNC43MzYgNi41ODU2MyAxNS4yNjM3IDYuNTg1NjMgMTUuNTg5MSA2LjkxMTA3QzE1LjkxNDUgNy4yMzY1MSAxNS45MTQ1IDcuNzY0MTQgMTUuNTg5MSA4LjA4OTU4TDEwLjU4OTEgMTMuMDg5NkMxMC4yNjM3IDEzLjQxNSA5LjczNjAyIDEzLjQxNSA5LjQxMDU4IDEzLjA4OTZMNC40MTA1OCA4LjA4OTU4QzQuMDg1MTQgNy43NjQxNCA0LjA4NTE0IDcuMjM2NTEgNC40MTA1OCA2LjkxMTA3WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+\") no-repeat right;*/\n}\n#sbz92 .form-require-info--list {\n  background: #fff !important;\n  overflow-y: auto !important;\n  overflow-x: hidden !important;\n}\n#sbz92 .form-require-info--title {\n  font-size: 18px !important;\n  line-height: 20px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  background: #fff !important;\n  border-bottom: 1px solid #f0f0f0 !important;\n}\n#sbz92 .form-require-info--item {\n  border-bottom: 1px solid #f0f0f0 !important;\n}\n#sbz92 .form-require-info--item:hover {\n  cursor: pointer !important;\n  background: #e0e0e0 !important;\n}\n#sbz92 input[type='checkbox'] {\n  background-color: initial !important;\n  cursor: default !important;\n  -webkit-appearance: checkbox !important;\n  box-sizing: border-box !important;\n  margin: 3px 3px 3px 4px !important;\n  padding: initial !important;\n  border: initial !important;\n}\n#sbz92 input[type='radio'] {\n  background-color: initial !important;\n  cursor: default !important;\n  -webkit-appearance: radio !important;\n  box-sizing: border-box !important;\n  margin: 3px 3px 0px 5px !important;\n  padding: initial !important;\n  border: initial !important;\n}\n#sbz92 option {\n  font-weight: normal !important;\n  display: block !important;\n  white-space: pre !important;\n  min-height: 1.2em !important;\n  padding: 0px 2px 1px !important;\n}\n#sbz92 select {\n  -webkit-writing-mode: horizontal-tb !important;\n  text-rendering: auto !important;\n  color: -internal-light-dark-color(black, white) !important;\n  letter-spacing: normal !important;\n  word-spacing: normal !important;\n  text-transform: none !important;\n  text-indent: 0px !important;\n  text-shadow: none !important;\n  display: inline-block !important;\n  text-align: start !important;\n  -webkit-appearance: menulist !important;\n  box-sizing: border-box !important;\n  align-items: center !important;\n  white-space: pre !important;\n  -webkit-rtl-ordering: logical !important;\n  background-color: -internal-light-dark-color(white, black) !important;\n  cursor: default !important;\n  margin: 0em !important;\n  font: 400 13.3333px Arial !important;\n  border-radius: 0px !important;\n  border-width: 1px !important;\n  border-style: solid !important;\n  border-color: #a9a9a9 !important;\n  border-image: initial !important;\n}\n#sbz92 select {\n  position: relative !important;\n  display: inline-block !important;\n  border: 2px #cccc solid !important;\n  border-radius: 5px !important;\n  height: 36px !important;\n  line-height: 34px !important;\n  padding: 0 12px !important;\n  font-size: 14px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .custom-select--wrap-selected {\n  display: flex !important;\n  position: relative !important;\n  justify-content: space-between !important;\n  cursor: pointer !important;\n  border: 1px solid #d8d8d8 !important;\n  border-radius: 5px !important;\n  padding: 5px !important;\n}\n#sbz92 .custom-select--selected-items {\n  display: flex !important;\n  align-items: center !important;\n  flex-wrap: wrap !important;\n}\n#sbz92 .custom-select--selected-item {\n  display: flex !important;\n  align-items: center !important;\n  margin: 3px 3px !important;\n  padding: 1px 6px !important;\n  border-radius: 5px !important;\n  border: 1px solid #d8d8d8 !important;\n  font-size: 14px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  vertical-align: top !important;\n}\n#sbz92 .icn-delete:before {\n  display: flex !important;\n  justify-items: center !important;\n  font-size: 12px !important;\n  margin-left: 5px !important;\n  opacity: 0.5 !important;\n  content: '\\2715' !important;\n}\n#sbz92 .custom-select--wrap-options {\n  display: flex !important;\n  flex-direction: column !important;\n  position: absolute !important;\n  left: 0 !important;\n  top: 100% !important;\n  border: 1px solid #dadce0 !important;\n  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;\n  border-radius: 5px !important;\n  width: 100% !important;\n  background: #fff !important;\n  z-index: 11 !important;\n  max-height: 200px !important;\n  overflow-y: auto !important;\n}\n#sbz92 .custom-select--input-search {\n  font-size: 15px !important;\n  padding: 8px !important;\n  border-bottom: 1px solid #d8d8d8 !important;\n}\n#sbz92 .custom-select--items-options {\n  margin: 0 !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n#sbz92 .custom-select--item-options {\n  padding: 10px !important;\n  cursor: pointer !important;\n}\n#sbz92 .custom-select--item-options:hover {\n  background-color: '@primary_color' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n}\n#sbz92 .custom-select--icon-dropdown {\n  margin-left: auto !important;\n  float: right !important;\n  cursor: pointer !important;\n}\n#sbz92 .custom-select--icon-dropdown path {\n  d: path('M 7 9.5 L 12 14.5 L 17 9.5 H 7 Z') !important;\n  fill: black !important;\n}\n#sbz92 .form-component {\n  margin-bottom: 15px !important;\n}\n#sbz92 .form-component:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .form-component.submitted {\n  margin-bottom: 8px !important;\n}\n#sbz92 .form-component.form-component-submit-button {\n  margin-top: 20px !important;\n}\n#sbz92 .form-wrapper.form {\n  padding: 20px !important;\n  background-color: #fff !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form {\n  padding: 12px 15px !important;\n  margin-top: 5px !important;\n  box-shadow: 0 0 0 1px #eeeeee !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form input[type='text'].form-control,\n#sbz92 .form-wrapper.form-wrapper-attachment.form input[type='tel'].form-control,\n#sbz92 .form-wrapper.form-wrapper-attachment.form input[type='email'].form-control,\n#sbz92 .form-wrapper.form-wrapper-attachment.form input[type='number'].form-control,\n#sbz92 .form-wrapper.form-wrapper-attachment.form input[type='date'].form-control,\n#sbz92 .form-wrapper.form-wrapper-attachment.form select.form-control,\n#sbz92 .form-wrapper.form-wrapper-attachment.form textarea.form-control {\n  padding: 6px 10px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component {\n  margin-bottom: 12px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component.submitted {\n  margin-bottom: 5px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component.submitted:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component:first-child .label {\n  margin-top: 0 !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component.form-component-submit-button {\n  margin-top: 16px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .label {\n  padding-bottom: 4px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-control--valid-input--error {\n  padding-top: 3px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .btn--start-convo {\n  height: 36px !important;\n}\n#sbz92 select.form-control.form-control--empty {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n@media only screen and (min-width: 968px) {\n  #sbz92 .form-radios-wrapper.horizontal {\n    display: flex;\n    flex-wrap: wrap;\n  }\n  #sbz92 .form-radios-wrapper.horizontal .radio {\n    margin-right: 10px;\n    width: 300px;\n  }\n  #sbz92 .form-radios-wrapper.horizontal .radio:first-child {\n    margin-top: 0;\n  }\n  #sbz92 .form-radios-wrapper.horizontal .radio:nth-child(2) {\n    margin-top: 0;\n  }\n  #sbz92 .form-radios-wrapper.horizontal .radio:nth-child(2n) {\n    margin-right: 0;\n  }\n  #sbz92 .form-checkboxes-wrapper.horizontal {\n    display: flex;\n    flex-wrap: wrap;\n  }\n  #sbz92 .form-checkboxes-wrapper.horizontal .checkbox {\n    margin-right: 10px;\n    width: 300px;\n  }\n  #sbz92 .form-checkboxes-wrapper.horizontal .checkbox:first-child {\n    margin-top: 0;\n  }\n  #sbz92 .form-checkboxes-wrapper.horizontal .checkbox:nth-child(2) {\n    margin-top: 0;\n  }\n  #sbz92 .form-checkboxes-wrapper.horizontal .checkbox:nth-child(2n) {\n    margin-right: 0;\n  }\n}\n#sbz92 .form-ratings-wrapper {\n  display: inline-flex !important;\n}\n#sbz92 .star {\n  width: 32px !important;\n  height: 30px !important;\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") !important;\n  background-position: 0px 0px !important;\n  background-size: cover !important;\n}\n#sbz92 .form-wrapper-attachment .star-wrapper {\n  padding-right: 12px !important;\n}\n#sbz92 .star-wrapper {\n  cursor: pointer !important;\n  padding-right: 20px !important;\n}\n#sbz92 .star-wrapper:last-child {\n  padding-right: 0 !important;\n}\n#sbz92 .star-wrapper.hovering .star {\n  background-position: -32px 0 !important;\n}\n#sbz92 .star-wrapper.selected {\n  cursor: auto !important;\n}\n#sbz92 .star-wrapper.selected .star {\n  background-position: -64px 0 !important;\n}\n#sbz92 .conversation-history-error {\n  display: flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  margin: 8px 0 16px !important;\n  padding: 8px 10px !important;\n  border-radius: 10px !important;\n  background: #f5f6f8 !important;\n  color: #737782 !important;\n  font-size: 12px !important;\n  line-height: 18px !important;\n  text-align: left !important;\n}\n#sbz92 .conversation-history-error__text {\n  flex: 1 !important;\n  min-width: 0 !important;\n}\n#sbz92 .conversation-history-error__retry {\n  position: relative !important;\n  flex-shrink: 0 !important;\n  border: 0 !important;\n  border-radius: 6px !important;\n  padding: 5px 8px !important;\n  background: transparent !important;\n  color: #545866 !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  line-height: 18px !important;\n  cursor: pointer !important;\n}\n#sbz92 .conversation-history-error__retry:hover:not(:disabled) {\n  background: #e8eaf0 !important;\n}\n#sbz92 .conversation-history-error__retry:disabled {\n  cursor: wait !important;\n}\n#sbz92 .conversation-history-error__retry:focus-visible {\n  outline: 2px solid #737782 !important;\n  outline-offset: 2px !important;\n}\n#sbz92 .conversation-history-error__spinner {\n  position: absolute !important;\n  inset: 0 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n#sbz92 .widget-body--events-container {\n  overflow-x: hidden !important;\n  overflow-y: auto !important;\n  display: flex !important;\n  flex-direction: column !important;\n  flex: 1 !important;\n  padding-left: 22.5px !important;\n  padding-right: 22.5px !important;\n}\n#sbz92 .widget-body--events {\n  padding-top: 20px !important;\n  flex: 1 !important;\n}\n#sbz92 .mobile .widget-body--events {\n  display: flex !important;\n  flex-direction: column !important;\n  justify-content: flex-end !important;\n  padding-bottom: 15px !important;\n}\n#sbz92 .widget-body--events-container.widget-body--events-container__error {\n  align-items: center !important;\n  justify-content: center !important;\n}\n#sbz92 .convo-event {\n  position: relative !important;\n}\n#sbz92 .convo-event-time {\n  text-align: center !important;\n  margin-top: 15px !important;\n}\n#sbz92 .convo-event-time span {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .file-attachment {\n  padding: 10px !important;\n  border-radius: 10px !important;\n  cursor: pointer !important;\n  margin: 5px 0 0 0 !important;\n}\n#sbz92 .file-attachment--agent {\n  background-color: '@primary_color' !important;\n  width: fit-content !important;\n}\n#sbz92 .file-attachment--user {\n  background-color: #eeeeee !important;\n  align-self: flex-end !important;\n}\n#sbz92 .file-attachment--link {\n  display: flex !important;\n  flex-direction: row !important;\n  align-items: center !important;\n  width: fit-content !important;\n}\n#sbz92 .file-attachment--agent .file-attachment--filename {\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  text-decoration: underline !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  max-width: 200px !important;\n}\n#sbz92 .file-attachment--user .file-attachment--filename {\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  text-decoration: underline !important;\n  text-overflow: ellipsis !important;\n  overflow: hidden !important;\n  white-space: nowrap !important;\n  max-width: 200px !important;\n}\n#sbz92 .file-attachment--download {\n  width: 24px !important;\n  height: 24px !important;\n  border-radius: 30px !important;\n  display: inline-block !important;\n}\n#sbz92 .file-attachment--agent .file-attachment--download {\n  background: '@text_color' !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMjY1RkYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWFycm93LWRvd24iPjxsaW5lIHgxPSIxMiIgeTE9IjUiIHgyPSIxMiIgeTI9IjE5Ij48L2xpbmU+PHBvbHlsaW5lIHBvaW50cz0iMTkgMTIgMTIgMTkgNSAxMiI+PC9wb2x5bGluZT48L3N2Zz4K') !important;\n  background-size: 15px 15px !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n}\n#sbz92 .file-attachment--user .file-attachment--download {\n  background: #c4c4c4 !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci1hcnJvdy1kb3duIj48bGluZSB4MT0iMTIiIHkxPSI1IiB4Mj0iMTIiIHkyPSIxOSI+PC9saW5lPjxwb2x5bGluZSBwb2ludHM9IjE5IDEyIDEyIDE5IDUgMTIiPjwvcG9seWxpbmU+PC9zdmc+Cg==') !important;\n  background-size: 15px 15px !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n}\n#sbz92 .message-text--user {\n  line-height: 1.5 !important;\n  margin: 5px 0 0 !important;\n  display: inline-block !important;\n  font-weight: 500 !important;\n  background-color: '@primary_color' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  padding: 12px 16px 12px 16px !important;\n}\n#sbz92 .message-text--user.just-focused {\n  box-shadow: 0 0 0 2px #000 !important;\n}\n#sbz92 .message-text--agent.just-focused {\n  box-shadow: 0 0 0 2px #000 !important;\n}\n#sbz92 .message-text--user.message-user--error {\n  background-color: #dc3545 !important;\n}\n#sbz92 .message-text--deleted {\n  opacity: 0.7 !important;\n  font-style: italic !important;\n}\n#sbz92 .message-text--agent {\n  line-height: 1.5 !important;\n  white-space: pre-wrap !important;\n  display: inline-block !important;\n  background: '@primary_color_faded' !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  padding: 12px 16px 12px 16px !important;\n}\n#sbz92 .message-agent.message-text--agent {\n  max-width: 100% !important;\n  margin-top: 0 !important;\n}\n#sbz92 .message-block-pre {\n  display: block !important;\n  min-width: 0 !important;\n  max-width: 100% !important;\n  margin: 4px 0 !important;\n  padding: 10px 12px !important;\n  border: 1px solid rgba(0, 0, 0, 0.06) !important;\n  border-radius: 8px !important;\n  background: rgba(0, 0, 0, 0.03) !important;\n  white-space: pre-wrap !important;\n  overflow-wrap: anywhere !important;\n  word-break: normal !important;\n}\n#sbz92 .message-block-code,\n#sbz92 .message-block-code * {\n  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace !important;\n  font-size: 13px !important;\n  line-height: 20px !important;\n}\n#sbz92 .message-block-pre .message-block-code {\n  display: block !important;\n}\n#sbz92 .message-user__container {\n  display: flex !important;\n  flex-direction: row !important;\n  align-items: flex-end !important;\n  justify-content: flex-end !important;\n}\n#sbz92 .sending_dot.sending_dot__hide {\n  opacity: 0 !important;\n  background-color: #000 !important;\n}\n#sbz92 .sending_dot {\n  width: 15px !important;\n  height: 15px !important;\n  margin-right: 5px !important;\n  border-radius: 50% !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM3NzciIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNsb2NrIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCI+PC9jaXJjbGU+PHBvbHlsaW5lIHBvaW50cz0iMTIgNiAxMiAxMiAxNiAxNCI+PC9wb2x5bGluZT48L3N2Zz4K') !important;\n  background-size: contain !important;\n  background-repeat: no-repeat !important;\n}\n#sbz92 .message-user {\n  border-radius: 18px !important;\n  border-bottom-right-radius: 4px !important;\n  max-width: 85% !important;\n  align-self: flex-end !important;\n  word-break: break-word !important;\n  position: relative !important;\n  white-space: pre-wrap !important;\n}\n#sbz92 .message-user.message-user-images-container {\n  width: 85% !important;\n  display: flex !important;\n  justify-content: flex-end !important;\n}\n#sbz92 .message-user.message-user-audio {\n  flex: 1 !important;\n}\n#sbz92 .message-agent {\n  border-radius: 18px !important;\n  border-bottom-left-radius: 4px !important;\n  max-width: 85% !important;\n  word-break: break-word !important;\n  position: relative !important;\n}\n#sbz92 a.message_error {\n  color: #dc3545 !important;\n  -webkit-text-fill-color: #dc3545 !important;\n  opacity: 0.8 !important;\n  display: block !important;\n  text-align: end !important;\n  font-size: 13px !important;\n  margin-top: 5px !important;\n  margin-bottom: 10px !important;\n}\n#sbz92 a.message_error:hover {\n  opacity: 1 !important;\n  color: #dc3545 !important;\n  -webkit-text-fill-color: #dc3545 !important;\n}\n#sbz92 .message_error__text {\n  display: inline-block !important;\n  vertical-align: text-top !important;\n}\n#sbz92 .message_error__icon {\n  display: inline-block !important;\n  vertical-align: bottom !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjZGMzNTQ1IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWFsZXJ0LWNpcmNsZSI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiPjwvY2lyY2xlPjxsaW5lIHgxPSIxMiIgeTE9IjgiIHgyPSIxMiIgeTI9IjEyIj48L2xpbmU+PGxpbmUgeDE9IjEyIiB5MT0iMTYiIHgyPSIxMi4wMSIgeTI9IjE2Ij48L2xpbmU+PC9zdmc+Cgo=') !important;\n  background-size: contain !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  width: 20px !important;\n  height: 20px !important;\n}\n#sbz92 .image-attachment__img {\n  width: 100% !important;\n  margin: 5px 0 0 0 !important;\n  border-radius: 7px !important;\n  border: 1px solid #eeeeee !important;\n}\n#sbz92 .audio-attachment {\n  width: 100% !important;\n  margin: 5px 0 0 0 !important;\n  height: 45px !important;\n  display: inline !important;\n}\n#sbz92 .audio-attachment__audio {\n  all: inherit !important;\n  width: 100% !important;\n}\n#sbz92 .video-attachment {\n  border-radius: 7px !important;\n  width: 100% !important;\n  margin: 5px 0 0 0 !important;\n}\n#sbz92 .video-attachment__video {\n  all: inherit !important;\n  width: 100% !important;\n}\n#sbz92 .info-message {\n  text-align: center !important;\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n  margin: 10px !important;\n}\n#sbz92 .info-message--ended {\n  padding-top: 16px !important;\n}\n#sbz92 .conversation-event {\n  display: block !important;\n  min-width: 0 !important;\n  border: 0 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n#sbz92 .conversation-history-start {\n  display: block !important;\n  height: 1px !important;\n  flex-shrink: 0 !important;\n}\n#sbz92 .message-user__container--send {\n  transition: transform 260ms cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;\n  transform: translate3d(0, 0, 0) !important;\n}\n#sbz92 .message-user__container--send.message-user__container--enter {\n  transform: translate3d(0, 14px, 0) !important;\n}\n@media (prefers-reduced-motion: reduce) {\n  #sbz92 .message-user__container--send {\n    transition: none !important;\n  }\n  #sbz92 .message-user__container--send.message-user__container--enter {\n    transform: none !important;\n  }\n}\n#sbz92 .conversation-event--history {\n  filter: grayscale(0.8) !important;\n}\n#sbz92 .conversation-event--history + .conversation-event:not(.conversation-event--history)::before {\n  content: '' !important;\n  display: block !important;\n  border-top: 2px solid '@primary_color_faded' !important;\n  margin: 60px 40px !important;\n}\n#sbz92 .message-sender {\n  margin-top: 10px !important;\n}\n#sbz92 .message-sender-avatar {\n  border-radius: 50% !important;\n  width: 25px !important;\n  height: 25px !important;\n  margin-right: 10px !important;\n}\n#sbz92 .message-sender-name {\n  color: #495057 !important;\n  -webkit-text-fill-color: #495057 !important;\n  vertical-align: middle !important;\n}\n#sbz92 .message-system {\n  text-align: center !important;\n  margin: 10px !important;\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .form-attachment {\n  display: flex !important;\n  flex-direction: column !important;\n  padding: 10px !important;\n  -webkit-box-shadow: 0 0 10px #dee2e6 !important;\n  box-shadow: 0 0 10px #dee2e6 !important;\n  border-radius: 7px !important;\n  margin-top: 10px !important;\n}\n#sbz92 .form-attachment-field {\n  display: flex !important;\n  flex-direction: column !important;\n  margin-bottom: 0px !important;\n}\n#sbz92 .form-attachment-field__title {\n  color: #4c4c4c !important;\n  -webkit-text-fill-color: #4c4c4c !important;\n}\n#sbz92 .form-attachment-field__text {\n  width: 100% !important;\n  border: 1px solid #dbdbdb !important;\n  padding: 10px !important;\n  margin: 3px 0px 0px 0px !important;\n  border-radius: 7px !important;\n}\n#sbz92 .input--error {\n  border: 1px solid red !important;\n}\n#sbz92 .input--success {\n  background-color: #f9f9f9 !important;\n  pointer-events: none !important;\n}\n#sbz92 .form-attachment-field__error {\n  color: brown !important;\n  -webkit-text-fill-color: brown !important;\n  float: right !important;\n}\n#sbz92 .form-attachment-field__checkbox {\n  width: 100% !important;\n  all: inherit !important;\n  -webkit-appearance: textfield !important;\n  margin-right: 8px !important;\n}\n#sbz92 .form-attachment-field__checkbox:hover {\n  cursor: pointer !important;\n}\n#sbz92 .form-attachment-field__list-item {\n  display: flex !important;\n  align-items: center !important;\n  margin: 4px !important;\n  margin-left: 0px !important;\n}\n#sbz92 .form-attachment-field__radio {\n  width: 100% !important;\n  all: inherit !important;\n  -webkit-appearance: textfield !important;\n  margin-right: 8px !important;\n}\n#sbz92 .form-attachment-field__datetime {\n  width: 100% !important;\n  border: 1px solid #dbdbdb !important;\n  padding: 10px !important;\n  margin: 3px 0px 0px 0px !important;\n  border-radius: 7px !important;\n}\n#sbz92 .form-attachment--submit-btn {\n  background-color: '@primary_color' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  width: 100% !important;\n  margin-top: 10px !important;\n  border-radius: 7px !important;\n  padding: 10px !important;\n  text-align: center !important;\n  font-size: 16px !important;\n}\n#sbz92 .form-attachment--submit-btn:hover {\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n}\n#sbz92 .red {\n  color: #dc3545 !important;\n  -webkit-text-fill-color: #dc3545 !important;\n}\n#sbz92 .typing {\n  background-color: #f4f5f7 !important;\n  color: #7a7a7b !important;\n  -webkit-text-fill-color: #7a7a7b !important;\n  padding: 10px !important;\n  opacity: 1 !important;\n  transition: all 0.2s !important;\n  position: absolute !important;\n  bottom: 0px !important;\n  left: 0px !important;\n  width: 100% !important;\n}\n#sbz92 .typing--hidden {\n  opacity: 0 !important;\n  display: none !important;\n}\n#sbz92 .markdown-message img {\n  max-width: 100% !important;\n  margin-top: 10px !important;\n}\n#sbz92 .button-attachments {\n  display: block !important;\n  margin-top: 5px !important;\n}\n#sbz92 .url-button-attachment:first-child {\n  border-top-left-radius: 7px !important;\n  border-top-right-radius: 7px !important;\n}\n#sbz92 .url-button-attachment:last-child {\n  border-bottom-left-radius: 7px !important;\n  border-bottom-right-radius: 7px !important;\n  border-bottom: 1px solid '@primary_color' !important;\n}\n#sbz92 .agent-message .url-button-attachment {\n  text-decoration: none !important;\n  padding: 10px 18px !important;\n  display: block !important;\n  text-align: center !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  border: 1px solid #000 !important;\n  border-radius: 12px !important;\n  text-overflow: ellipsis !important;\n  overflow: hidden !important;\n  font-weight: 500 !important;\n  white-space: nowrap !important;\n}\n#sbz92 .agent-message .url-button-attachment:hover {\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n  border-color: '@primary_color' !important;\n}\n#sbz92 .message_quick_replies {\n  display: flex !important;\n  flex-wrap: wrap !important;\n  flex-direction: column !important;\n}\n#sbz92 .message_quick_reply {\n  cursor: pointer !important;\n  position: relative !important;\n  padding: 10px 18px !important;\n  margin-top: 8px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  border-radius: 12px !important;\n  user-select: none !important;\n  overflow: hidden !important;\n  white-space: nowrap !important;\n  width: fit-content !important;\n  font-weight: 500 !important;\n  max-width: 100% !important;\n  text-overflow: ellipsis !important;\n  border: 1px solid #000 !important;\n  transition: all 100ms ease !important;\n}\n#sbz92 .message_quick_reply:hover {\n  background: '@primary_color' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  border-color: '@primary_color' !important;\n}\n#sbz92 .generic-attachment-container {\n  position: relative !important;\n  margin-top: 10px !important;\n}\n#sbz92 .generic-attachments {\n  display: block !important;\n}\n#sbz92 .generic-attachment {\n  display: flex !important;\n  width: 100% !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  user-select: none !important;\n  cursor: grab !important;\n}\n#sbz92 .generic-attachment--element-content {\n  flex: 1 !important;\n}\n#sbz92 .generic-attachment--element {\n  border: 1px solid #d8d8d8 !important;\n  background: white !important;\n  border-radius: 7px !important;\n  overflow: hidden !important;\n  width: 220px !important;\n  margin-right: 10px !important;\n  vertical-align: top !important;\n  display: flex !important;\n  flex-direction: column !important;\n  flex-shrink: 0 !important;\n}\n#sbz92 .generic-attachment--element:last-child {\n  margin-right: 0 !important;\n}\n#sbz92 .generic-attachment--element .generic-attachment--element-img {\n  width: 100% !important;\n  height: 150px !important;\n  object-fit: cover !important;\n}\n#sbz92 .generic-attachment--element .url-button-attachment {\n  padding: 10px !important;\n  display: block !important;\n  padding-top: 9px !important;\n  padding-bottom: 9px !important;\n  text-align: center !important;\n  border: none !important;\n  border-top: 1px solid #d8d8d8 !important;\n  border-radius: 0 !important;\n  width: 100% !important;\n  color: #0d6efd !important;\n  -webkit-text-fill-color: #0d6efd !important;\n}\n#sbz92 .generic-attachment--element .url-button-attachment:hover {\n  color: #024dbc !important;\n  -webkit-text-fill-color: #024dbc !important;\n  border-color: #d8d8d8 !important;\n}\n#sbz92 .generic-attachment--element .generic-attachment--element-title {\n  padding: 0px 13px !important;\n  margin-top: 13px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  font-weight: 600 !important;\n  font-size: 16px !important;\n  line-height: 20px !important;\n  white-space: normal !important;\n}\n#sbz92 .generic-attachment--element .generic-attachment--element-subtitle {\n  padding: 0px 13px !important;\n  color: gray !important;\n  -webkit-text-fill-color: gray !important;\n  margin-top: 5px !important;\n  white-space: pre-wrap !important;\n  display: -webkit-box !important;\n  -webkit-line-clamp: 4 !important;\n  -webkit-box-orient: vertical !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n}\n#sbz92 .generic-attachment--element.clickable {\n  cursor: pointer !important;\n}\n#sbz92 .widget_body__events__error_msg {\n  margin-top: 50px !important;\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n  text-align: center !important;\n}\n#sbz92 .widget_body__events__error_retry {\n  margin-top: 10px !important;\n}\n#sbz92 .generic-attachment-navigator {\n  position: absolute !important;\n  top: 50% !important;\n  transform: translateY(-50%) !important;\n  cursor: pointer !important;\n  width: 20px !important;\n  font-size: 80px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  color: rgba(255, 255, 255, 0.85) !important;\n  -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;\n  text-shadow: 0 10px 25px rgba(0, 0, 0, 0.75) !important;\n  z-index: 999 !important;\n  user-select: none !important;\n}\n#sbz92 .generic-attachment-navigator:hover {\n  text-shadow: 0 10px 20px rgba(0, 0, 0, 0.75) !important;\n  color: #ffffff !important;\n  -webkit-text-fill-color: #ffffff !important;\n}\n#sbz92 .generic-attachment-navigator.generic-attachment-navigator--disabled {\n  display: none !important;\n}\n#sbz92 .generic-attachment-navigator.generic-attachment-navigator--left {\n  left: 2px !important;\n}\n#sbz92 .generic-attachment-navigator.generic-attachment-navigator--right {\n  right: 2px !important;\n}\n#sbz92 .generic-attachment-navigator-icon {\n  font-size: 80px !important;\n}\n#sbz92 .order_attachment__product_img {\n  width: 40px !important;\n  height: 40px !important;\n  margin-right: 10px !important;\n  border-radius: 5px !important;\n  flex-shrink: 0 !important;\n  display: block !important;\n  object-fit: contain !important;\n  background: whitesmoke !important;\n}\n#sbz92 .order_attachment__product_name {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n}\n#sbz92 .order_attachment__header {\n  padding-bottom: 5px !important;\n  border-bottom: 1px solid #ccc !important;\n  margin-bottom: 5px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n}\n#sbz92 .order_attachment__product_desc {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  color: #999 !important;\n  -webkit-text-fill-color: #999 !important;\n  font-size: 13px !important;\n}\n#sbz92 .order_attachment__product {\n  display: flex !important;\n  align-items: center !important;\n  margin-top: 5px !important;\n  margin-bottom: 5 !important;\n}\n#sbz92 .order_attachment__text_sm {\n  font-size: 13px !important;\n}\n#sbz92 .order_attachment__text_muted {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .order_attachment__text_truncate {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n}\n#sbz92 .order_attachment {\n  margin-top: 10px !important;\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n  border: 1px solid #aaa !important;\n  background: white !important;\n  border-radius: 8px !important;\n  width: 220px !important;\n  overflow-y: auto !important;\n  overflow-x: hidden !important;\n  padding: 10px !important;\n}\n#sbz92 .order_attachment__footer {\n  margin-top: 10px !important;\n  padding-top: 10px !important;\n  border-top: 1px solid #ccc !important;\n}\n#sbz92 .order_attachment__total {\n  font-size: 16px !important;\n}\n#sbz92 .order_attachment__label {\n  font-size: 13px !important;\n  color: #777 !important;\n  -webkit-text-fill-color: #777 !important;\n  margin-top: 10px !important;\n}\n#sbz92 .order_attachment__label.no_margin {\n  margin-top: 0 !important;\n}\n#sbz92 .order_attachment.order_attachment__user {\n  margin-right: 50px !important;\n  align-self: flex-end !important;\n  margin-right: 0 !important;\n  margin-left: 50px !important;\n  align-self: flex-start !important;\n}\n#sbz92 .product_attachment {\n  margin-top: 10px !important;\n  border: 1px solid #d8d8d8 !important;\n  background: white !important;\n  border-radius: 7px !important;\n  overflow: hidden !important;\n  width: 200px !important;\n  display: inline-block !important;\n  vertical-align: top !important;\n  transition: all 0.1s !important;\n}\n#sbz92 .product_attachment.product_attachment__user {\n  margin-right: 50px !important;\n  align-self: flex-end !important;\n  margin-right: 0 !important;\n  margin-left: 50px !important;\n  align-self: flex-start !important;\n}\n#sbz92 .product_attachment__img {\n  width: 200px !important;\n  height: 200px !important;\n  border-bottom: 1px solid #d8d8d8 !important;\n  object-fit: cover !important;\n  display: block !important;\n}\n#sbz92 .product_attachment__price {\n  padding-left: 10px !important;\n}\n#sbz92 .product_attachment__btns {\n  margin-top: 5px !important;\n}\n#sbz92 .product_attachment__btn {\n  border-top: 1px solid #d8d8d8 !important;\n  display: flex !important;\n  padding: 8px 10px !important;\n  align-items: center !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  justify-content: center !important;\n  cursor: pointer !important;\n  text-transform: capitalize !important;\n}\n#sbz92 .product_attachment__btn:last-child {\n  margin-right: 0 !important;\n}\n#sbz92 .product_attachment__btn:hover {\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n}\n#sbz92 a.product_attachment__title {\n  display: block !important;\n  padding: 8px 10px 0 10px !important;\n  font-weight: 500 !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  word-break: break-word !important;\n  margin-bottom: 5px !important;\n}\n#sbz92 .product_attachment__subtitle {\n  white-space: pre-wrap !important;\n  display: -webkit-box !important;\n  -webkit-line-clamp: 3 !important;\n  -webkit-box-orient: vertical !important;\n  overflow: hidden !important;\n  padding: 5px 10px !important;\n  color: #aaa !important;\n  -webkit-text-fill-color: #aaa !important;\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n  margin-bottom: 5px !important;\n}\n#sbz92 .product_attachment__btn_external_link {\n  width: 16px !important;\n  height: 16px !important;\n  margin-left: 5px !important;\n  margin-top: -2px !important;\n}\n#sbz92 .agent-convo-event-wrapper {\n  max-width: 85% !important;\n  margin-top: 5px !important;\n}\n#sbz92 .agent-convo-event-wrapper.full {\n  max-width: 100% !important;\n}\n#sbz92 .agent-convo-event-inner {\n  position: relative !important;\n  display: inline-block !important;\n  max-width: 100% !important;\n}\n#sbz92 .message-event-actions {\n  position: absolute !important;\n  bottom: -10px !important;\n  opacity: 0.7 !important;\n  left: calc(100% - 25px) !important;\n  display: none !important;\n  border: 1px solid #dee2e6 !important;\n  background-color: white !important;\n  border-radius: 4px !important;\n  z-index: 10 !important;\n}\n#sbz92 .message-event-actions.ended {\n  bottom: -10px !important;\n}\n#sbz92 .message-event-actions:hover {\n  opacity: 1 !important;\n}\n#sbz92 .agent-convo-event-inner:hover .message-event-actions {\n  display: flex !important;\n}\n#sbz92 .message-event-actions-static {\n  display: none !important;\n  margin-top: 2px !important;\n  border: none !important;\n  padding: 0 !important;\n  gap: 4px !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-actions {\n  display: none !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-actions-static {\n  display: flex !important;\n  position: absolute !important;\n  bottom: -30px !important;\n  left: 0 !important;\n  z-index: 2 !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn {\n  padding: 0 !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn .message-event-action-btn-svg {\n  width: 24px !important;\n  height: 24px !important;\n  background-position: 2px 2px !important;\n  background-size: 20px 20px !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn.message-event-action-btn__dev {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n  padding-right: 10px !important;\n  border-radius: 5px !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn.message-event-action-btn__dev .message-event-action-btn-svg {\n  width: 24px !important;\n  height: 24px !important;\n  background-position: 2px 2px !important;\n  background-size: 20px 20px !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn.message-event-action-btn__dev:hover {\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn.message-event-action-btn__dev.message-event-action-btn_like.active {\n  color: #34c759 !important;\n  -webkit-text-fill-color: #34c759 !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn.message-event-action-btn__dev.message-event-action-btn_like.active {\n  color: #34c759 !important;\n  -webkit-text-fill-color: #34c759 !important;\n}\n#sbz92 .message-event-action-btn.message-event-action-btn__dev:hover {\n  background-color: unset !important;\n}\n#sbz92 .message-event-action-btn {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  cursor: pointer !important;\n  padding: 2px !important;\n}\n#sbz92 .message-event-action-btn:hover {\n  background-color: #ececec !important;\n}\n#sbz92 .message-event-action-btn.active:hover {\n  background-color: #dbfde3 !important;\n}\n#sbz92 .message-event-action-btn.message-event-action-btn__dev {\n  padding: 0px !important;\n}\n#sbz92 .message-event-action-btn.message-event-action-btn__dev:hover {\n  background-color: unset !important;\n}\n#sbz92 .message-event-action-btn.message-event-action-btn__dev.active:hover {\n  background-color: unset !important;\n}\n#sbz92 .message-event-action-btn .message-event-action-btn-svg {\n  width: 20px !important;\n  height: 20px !important;\n  border-radius: 4px !important;\n  background-position: 2px 2px !important;\n  background-size: 16px 16px !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n}\n#sbz92 .message-event-action-btn-svg.like {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9IiM2Yzc1N2QiICBzdHJva2Utd2lkdGg9IjIiICBzdHJva2UtbGluZWNhcD0icm91bmQiICBzdHJva2UtbGluZWpvaW49InJvdW5kIiAgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItdGh1bWItdXAiPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik03IDExdjhhMSAxIDAgMCAxIC0xIDFoLTJhMSAxIDAgMCAxIC0xIC0xdi03YTEgMSAwIDAgMSAxIC0xaDNhNCA0IDAgMCAwIDQgLTR2LTFhMiAyIDAgMCAxIDQgMHY1aDNhMiAyIDAgMCAxIDIgMmwtMSA1YTIgMyAwIDAgMSAtMiAyaC03YTMgMyAwIDAgMSAtMyAtMyIgLz48L3N2Zz4K') !important;\n}\n#sbz92 .message-event-action-btn-svg.dislike {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9IiM2Yzc1N2QiICBzdHJva2Utd2lkdGg9IjIiICBzdHJva2UtbGluZWNhcD0icm91bmQiICBzdHJva2UtbGluZWpvaW49InJvdW5kIiAgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItdGh1bWItZG93biI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTcgMTN2LThhMSAxIDAgMCAwIC0xIC0xaC0yYTEgMSAwIDAgMCAtMSAxdjdhMSAxIDAgMCAwIDEgMWgzYTQgNCAwIDAgMSA0IDR2MWEyIDIgMCAwIDAgNCAwdi01aDNhMiAyIDAgMCAwIDIgLTJsLTEgLTVhMiAzIDAgMCAwIC0yIC0yaC03YTMgMyAwIDAgMCAtMyAzIiAvPjwvc3ZnPgo=') !important;\n}\n#sbz92 .message-event-action-btn-svg.info {\n  background-image: url('data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9IiM2Yzc1N2QiCiAgc3Ryb2tlLXdpZHRoPSIyIgogIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIgo+CiAgPHBhdGggZD0iTTMgMTJhOSA5IDAgMSAwIDE4IDBhOSA5IDAgMCAwIC0xOCAwIiAvPgogIDxwYXRoIGQ9Ik0xMiA5aC4wMSIgLz4KICA8cGF0aCBkPSJNMTEgMTJoMXY0aDEiIC8+Cjwvc3ZnPgo=') !important;\n}\n#sbz92 .message-event-action-btn:hover .message-event-action-btn-svg.like {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImJsYWNrIiAgc3Ryb2tlLXdpZHRoPSIyIiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb25zLXRhYmxlci1vdXRsaW5lIGljb24tdGFibGVyLXRodW1iLXVwIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNyAxMXY4YTEgMSAwIDAgMSAtMSAxaC0yYTEgMSAwIDAgMSAtMSAtMXYtN2ExIDEgMCAwIDEgMSAtMWgzYTQgNCAwIDAgMCA0IC00di0xYTIgMiAwIDAgMSA0IDB2NWgzYTIgMiAwIDAgMSAyIDJsLTEgNWEyIDMgMCAwIDEgLTIgMmgtN2EzIDMgMCAwIDEgLTMgLTMiIC8+PC9zdmc+Cg==') !important;\n}\n#sbz92 .message-event-action-btn:hover .message-event-action-btn-svg.dislike {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImJsYWNrIiAgc3Ryb2tlLXdpZHRoPSIyIiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb25zLXRhYmxlci1vdXRsaW5lIGljb24tdGFibGVyLXRodW1iLWRvd24iPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik03IDEzdi04YTEgMSAwIDAgMCAtMSAtMWgtMmExIDEgMCAwIDAgLTEgMXY3YTEgMSAwIDAgMCAxIDFoM2E0IDQgMCAwIDEgNCA0djFhMiAyIDAgMCAwIDQgMHYtNWgzYTIgMiAwIDAgMCAyIC0ybC0xIC01YTIgMyAwIDAgMCAtMiAtMmgtN2EzIDMgMCAwIDAgLTMgMyIgLz48L3N2Zz4K') !important;\n}\n#sbz92 .message-event-action-btn:hover .message-event-action-btn-svg.info {\n  background-image: url('data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9IiMwMDAiCiAgc3Ryb2tlLXdpZHRoPSIyIgogIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIgo+CiAgPHBhdGggZD0iTTMgMTJhOSA5IDAgMSAwIDE4IDBhOSA5IDAgMCAwIC0xOCAwIiAvPgogIDxwYXRoIGQ9Ik0xMiA5aC4wMSIgLz4KICA8cGF0aCBkPSJNMTEgMTJoMXY0aDEiIC8+Cjwvc3ZnPgo=') !important;\n}\n#sbz92 .message-event-action-btn.active .message-event-action-btn-svg.like {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9IiMzNEM3NTkiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItZmlsbGVkIGljb24tdGFibGVyLXRodW1iLXVwIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTMgM2EzIDMgMCAwIDEgMi45OTUgMi44MjRsLjAwNSAuMTc2djRoMmEzIDMgMCAwIDEgMi45OCAyLjY1bC4wMTUgLjE3NGwuMDA1IC4xNzZsLS4wMiAuMTk2bC0xLjAwNiA1LjAzMmMtLjM4MSAxLjYyNiAtMS41MDIgMi43OTYgLTIuODEgMi43OGwtLjE2NCAtLjAwOGgtOGExIDEgMCAwIDEgLS45OTMgLS44ODNsLS4wMDcgLS4xMTdsLjAwMSAtOS41MzZhMSAxIDAgMCAxIC41IC0uODY1YTIuOTk4IDIuOTk4IDAgMCAwIDEuNDkyIC0yLjM5N2wuMDA3IC0uMjAydi0xYTMgMyAwIDAgMSAzIC0zeiIgLz48cGF0aCBkPSJNNSAxMGExIDEgMCAwIDEgLjk5MyAuODgzbC4wMDcgLjExN3Y5YTEgMSAwIDAgMSAtLjg4MyAuOTkzbC0uMTE3IC4wMDdoLTFhMiAyIDAgMCAxIC0xLjk5NSAtMS44NWwtLjAwNSAtLjE1di03YTIgMiAwIDAgMSAxLjg1IC0xLjk5NWwuMTUgLS4wMDVoMXoiIC8+PC9zdmc+Cg==') !important;\n}\n#sbz92 .message-event-action-btn.active .message-event-action-btn-svg.dislike {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI0ODBfOTUpIj4KPHBhdGggZD0iTTEzIDIxLjAwNzlDMTMuNzY1IDIxLjAwOCAxNC41MDEyIDIwLjcxNTcgMTUuMDU3OSAyMC4xOTFDMTUuNjE0NyAxOS42NjYyIDE1Ljk0OTkgMTguOTQ4NiAxNS45OTUgMTguMTg0OUwxNiAxOC4wMDc5VjE0LjAwNzlIMThDMTguNzM1MSAxNC4wMDggMTkuNDQ0NyAxMy43MzgyIDE5Ljk5NCAxMy4yNDk3QzIwLjU0MzQgMTIuNzYxMiAyMC44OTQyIDEyLjA4OCAyMC45OCAxMS4zNTc5TDIwLjk5NSAxMS4xODQ5TDIxIDExLjAwNzlMMjAuOTggMTAuODExOUwxOS45NzQgNS43Nzk5MkMxOS41OTMgNC4xNTQ5MiAxOC40NzIgMi45ODM5MiAxNy4xNjQgMi45OTk5MkwxNyAzLjAwNzkySDlDOC43NTQ5MSAzLjAwNzk4IDguNTE4MzggMy4wOTgwNCA4LjMzNTMzIDMuMjYxMDFDOC4xNTIyNyAzLjQyMzk3IDguMDM1NDMgMy42NDg0OSA4LjAwNyAzLjg5MTkyTDggNC4wMDc5Mkw4LjAwMSAxMy41NDM5QzguMDAxIDEzLjcxOTUgOC4wNDcyMSAxMy44OTE5IDguMTM0OTggMTQuMDQzOUM4LjIyMjc1IDE0LjE5NTkgOC4zNDg5OCAxNC4zMjIyIDguNTAxIDE0LjQwOTlDOC45MjcyOSAxNC42NTYxIDkuMjg2NCAxNS4wMDM1IDkuNTQ2NjEgMTUuNDIxM0M5LjgwNjgyIDE1LjgzOTIgOS45NjAxMyAxNi4zMTQ3IDkuOTkzIDE2LjgwNTlMMTAgMTcuMDA3OVYxOC4wMDc5QzEwIDE4LjgwMzYgMTAuMzE2MSAxOS41NjY2IDEwLjg3ODcgMjAuMTI5MkMxMS40NDEzIDIwLjY5MTggMTIuMjA0NCAyMS4wMDc5IDEzIDIxLjAwNzlaIiBmaWxsPSIjMzMzMzMzIi8+CjxwYXRoIGQ9Ik01IDE0LjAwODFDNS4yNDQ5MyAxNC4wMDggNS40ODEzNCAxMy45MTgxIDUuNjY0MzcgMTMuNzU1M0M1Ljg0NzQxIDEzLjU5MjYgNS45NjQzNCAxMy4zNjgzIDUuOTkzIDEzLjEyNTFMNiAxMy4wMDgxVjQuMDA4MDZDNS45OTk5NyAzLjc2MzEyIDUuOTEwMDQgMy41MjY3MiA1Ljc0NzI4IDMuMzQzNjhDNS41ODQ1MyAzLjE2MDY1IDUuMzYwMjUgMy4wNDM3MSA1LjExNyAzLjAxNTA2TDUgMy4wMDgwNkg0QzMuNDk1MSAzLjAwNzkzIDMuMDA4ODQgMy4xOTg3OCAyLjYzODgxIDMuNTQyMjlDMi4yNjg3OCAzLjg4NTc5IDIuMDQyMzYgNC4zNTY1NCAyLjAwNSA0Ljg2MDA2TDIgNS4wMTAwNlYxMi4wMTAxQzIuMDAwMDkgMTIuNTE0NSAyLjE5MDc3IDEzLjAwMDIgMi41MzM4NCAxMy4zN0MyLjg3NjkgMTMuNzM5NyAzLjM0NzAyIDEzLjk2NjIgMy44NSAxNC4wMDQxTDQgMTQuMDA5MUw1IDE0LjAwODFaIiBmaWxsPSIjMzMzMzMzIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjQ4MF85NSI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K') !important;\n}\n#sbz92 .inline-time {\n  font-size: 13px !important;\n  margin-top: 6px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  font-weight: 500 !important;\n  opacity: 0.4 !important;\n}\n#sbz92 .message-text-inline-image-wrapper {\n  display: block !important;\n  margin-top: 8px !important;\n  margin-bottom: 8px !important;\n  max-width: 100% !important;\n}\n#sbz92 .message-text-inline-image {\n  width: 100% !important;\n}\n#sbz92 .text-message-ul {\n  display: block !important;\n  list-style-type: disc !important;\n  margin-block-start: 8px !important;\n  margin-block-end: 8px !important;\n  padding-inline-start: 20px !important;\n}\n#sbz92 .text-message-ol {\n  display: block !important;\n  list-style-type: decimal !important;\n  margin-block-start: 8px !important;\n  margin-block-end: 8px !important;\n  padding-inline-start: 20px !important;\n}\n#sbz92 .text-message-li {\n  display: list-item !important;\n}\n#sbz92 .agent-message .text-message-link {\n  color: #0d6efd !important;\n  -webkit-text-fill-color: #0d6efd !important;\n  font-weight: 400 !important;\n}\n#sbz92 .agent-message .text-message-link:hover {\n  color: #024dbc !important;\n  -webkit-text-fill-color: #024dbc !important;\n}\n#sbz92 .user-message .text-message-link {\n  text-decoration: underline !important;\n  text-decoration-color: rgba(255, 255, 255, 0.6) !important;\n  text-underline-offset: 4px !important;\n}\n#sbz92 .user-message .text-message-link:hover {\n  text-decoration-color: #fff !important;\n  background-color: rgba(255, 255, 255, 0.08) !important;\n}\n#sbz92 .message-quote {\n  padding: 6px 10px !important;\n  border-left: 3px solid '@primary_color' !important;\n  background-color: #dfdfdf !important;\n  border-top-left-radius: 0 !important;\n  border-bottom-left-radius: 0 !important;\n  margin-bottom: 8px !important;\n  max-width: 100% !important;\n}\n#sbz92 .message-quote-title {\n  font-weight: 600 !important;\n  font-size: 14px !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n}\n#sbz92 .message-quote-content {\n  opacity: 0.7 !important;\n  color: '@secondary_color' !important;\n  -webkit-text-fill-color: '@secondary_color' !important;\n  font-size: 14px !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n}\n#sbz92 .message-quote-inner-img {\n  width: 36px !important;\n  height: 36px !important;\n  object-fit: cover !important;\n}\n#sbz92 .message-quote-inner {\n  margin-left: 15px !important;\n  flex: 1 !important;\n  overflow: hidden !important;\n}\n#sbz92 .image-attachment.just-focused {\n  box-shadow: 0 0 0 2px #000 !important;\n}\n#sbz92 .file-attachment.just-focused {\n  box-shadow: 0 0 0 2px #000 !important;\n}\n#sbz92 .widget_body_empty_img {\n  max-width: 150px !important;\n  max-height: 150px !important;\n}\n#sbz92 .emoji {\n  position: relative !important;\n  width: 20px !important;\n  height: 20px !important;\n  background-size: 100% !important;\n  background-repeat: no-repeat !important;\n  border: none !important;\n  display: inline-block !important;\n  vertical-align: text-bottom !important;\n}\n#sbz92 .emoji--angry {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_1___ + ") !important;\n}\n#sbz92 .emoji--confused {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_2___ + ") !important;\n}\n#sbz92 .emoji--crying,\n#sbz92 .emoji--cry {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_3___ + ") !important;\n}\n#sbz92 .emoji--grinning {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_4___ + ") !important;\n}\n#sbz92 .emoji--heart_eyes,\n#sbz92 .emoji--heart-eyes {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_5___ + ") !important;\n}\n#sbz92 .emoji--neutral_face,\n#sbz92 .emoji--neutral {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_6___ + ") !important;\n}\n#sbz92 .emoji--disappointed,\n#sbz92 .emoji--sad {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_7___ + ") !important;\n}\n#sbz92 .emoji--sleepy {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_8___ + ") !important;\n}\n#sbz92 .emoji--smile,\n#sbz92 .emoji--smiling {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_9___ + ") !important;\n}\n#sbz92 .emoji--open_mouth,\n#sbz92 .emoji--surprised {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_10___ + ") !important;\n}\n#sbz92 .emoji--tired_face,\n#sbz92 .emoji--tired {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_11___ + ") !important;\n}\n#sbz92 .emoji--stuck_out_tongue,\n#sbz92 .emoji--tongue-out {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_12___ + ") !important;\n}\n#sbz92 .emoji--wink {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_13___ + ") !important;\n}\n#sbz92 .emoji--moyai {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_14___ + ") !important;\n}\n#sbz92 .emoji--dislike,\n#sbz92 .emoji--unlike,\n#sbz92 .emoji--thumbsdown {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_15___ + ") !important;\n}\n#sbz92 .emoji--like,\n#sbz92 .emoji--thumbsup {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_16___ + ") !important;\n}\n#sbz92 .emoji--ok_hand {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_17___ + ") !important;\n}\n#sbz92 .emoji--octopus {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_18___ + ") !important;\n}\n#sbz92 .emoji--pig2 {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_19___ + ") !important;\n}\n#sbz92 .emoji--wave {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_20___ + ") !important;\n}\n#sbz92 .emoji--mouse {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_21___ + ") !important;\n}\n#sbz92 .emoji--mouse2 {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_22___ + ") !important;\n}\n#sbz92 .emoji--rat {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_23___ + ") !important;\n}\n#sbz92 .emoji-picker {\n  display: flex !important;\n  flex-direction: row !important;\n  z-index: 20 !important;\n  position: absolute !important;\n  max-width: 240px !important;\n  background: #fff !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  border-radius: 10px !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n  right: 15px !important;\n  bottom: 55px !important;\n  flex-wrap: wrap !important;\n  padding: 10px !important;\n  justify-content: space-between !important;\n  align-items: center !important;\n}\n#sbz92 .emoji-picker--item {\n  background-size: 100% !important;\n  width: 30px !important;\n  height: 30px !important;\n  position: relative !important;\n  background-repeat: no-repeat !important;\n  display: inline-block !important;\n  vertical-align: text-bottom !important;\n  margin: 5px !important;\n  cursor: pointer !important;\n  transition: background-color 0.2s !important;\n}\n#sbz92 .emoji-picker-background-item {\n  background-size: 50% !important;\n  width: 40px !important;\n  height: 40px !important;\n  border-radius: 100% !important;\n}\n#sbz92 .emoji-picker-background-item:hover {\n  background-color: #dee2e6 !important;\n}\n#sbz92 .convo-list {\n  display: flex !important;\n  flex-direction: column !important;\n  flex: 1 !important;\n  width: 100% !important;\n  justify-content: space-between !important;\n  overflow: auto !important;\n  margin-top: -60px !important;\n  padding-left: 22.5px !important;\n  padding-right: 22.5px !important;\n}\n#sbz92 .convo-list--list {\n  background: #fff !important;\n  overflow-y: auto !important;\n  overflow-x: hidden !important;\n}\n#sbz92 .convo-list--title {\n  font-weight: 500 !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  background: #fff !important;\n  border-bottom: 1px solid #f0f0f0 !important;\n  padding: 15px !important;\n}\n#sbz92 .convo-list--container {\n  border-radius: 10px !important;\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;\n  overflow: auto !important;\n  display: flex !important;\n  flex-direction: column !important;\n  user-select: none !important;\n}\n#sbz92 .convo-list--footer {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  margin-top: 22.5px !important;\n}\n#sbz92 .convo-list--convo-last-info {\n  overflow: hidden !important;\n  white-space: nowrap !important;\n  justify-content: center !important;\n  display: flex !important;\n  flex-direction: column !important;\n  flex: 1 !important;\n  margin-left: 15px !important;\n}\n#sbz92 .convo-list--convo-last-message {\n  font-weight: normal !important;\n  flex: 1 !important;\n  cursor: pointer !important;\n  display: flex !important;\n  width: 100% !important;\n  overflow: hidden !important;\n  align-items: center !important;\n}\n#sbz92 .convo-list--convo-last-mes {\n  text-overflow: ellipsis !important;\n  opacity: 0.6 !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  font-weight: normal !important;\n}\n#sbz92 .convo-list--convo-title {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  font-weight: 500 !important;\n}\n#sbz92 .convo-list--convo-completed {\n  width: 14px !important;\n}\n#sbz92 .convo-list--convo-name {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  flex: 1 !important;\n  margin-right: 16px !important;\n  cursor: pointer !important;\n}\n#sbz92 .convo-list--item {\n  cursor: pointer !important;\n  border-bottom: 1px solid '@primary_color_faded' !important;\n  padding: 15px !important;\n  display: flex !important;\n  flex-direction: row !important;\n  transition: background 0.15s ease !important;\n}\n#sbz92 .convo-list--item:hover {\n  background: '@primary_color_faded' !important;\n}\n#sbz92 .convo-list--convo-time span {\n  font-size: 14px !important;\n  line-height: 20px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  opacity: 0.6 !important;\n  min-width: 70px !important;\n  cursor: pointer !important;\n}\n#sbz92 .convo-list--item-unread {\n  width: 8px !important;\n  height: 8px !important;\n  background: #dc3545 !important;\n  border-radius: 50% !important;\n  margin-left: 15px !important;\n  align-self: center !important;\n}\n#sbz92 .convo-list--item-avatar {\n  width: 32px !important;\n  height: 32px !important;\n}\n#sbz92 .widget-body--empty {\n  display: flex !important;\n  flex: 1 !important;\n  justify-content: center !important;\n  align-items: center !important;\n  flex-direction: column !important;\n}\n#sbz92 .widget-body--empty-text {\n  color: #343a40 !important;\n  -webkit-text-fill-color: #343a40 !important;\n  margin-top: 30px !important;\n  text-align: center !important;\n}\n#sbz92 .mobile .widget-container {\n  border-radius: 0px !important;\n  max-height: 100% !important;\n  margin-bottom: 0 !important;\n  top: auto !important;\n  left: 0 !important;\n  right: 0 !important;\n  width: 100% !important;\n  height: '@mobile_height' !important;\n  opacity: 1 !important;\n  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1) !important;\n}\n#sbz92 .mobile .widget-container.widget-container--left {\n  left: 0 !important;\n  right: 0 !important;\n}\n#sbz92 .mobile .widget-container.widget-container--right {\n  right: 0 !important;\n  left: 0 !important;\n}\n#sbz92 .mobile .widget-container.widget-container--hide {\n  top: -100vh !important;\n  opacity: 0 !important;\n  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1), bottom 0.15s cubic-bezier(1, 0.5, 0.8, 1) !important;\n}\n#sbz92 .widget-container.widget-container--left {\n  left: '@desktop_button.margin_x' !important;\n  right: unset !important;\n}\n#sbz92 .widget-container.widget-container--right {\n  right: '@desktop_button.margin_x' !important;\n  left: unset !important;\n}\n#sbz92 .widget-container {\n  max-height: 100% !important;\n  max-height: '@desktop_widget_max_height' !important;\n  max-width: 100% !important;\n  background: #fff !important;\n  z-index: '@z_index_3' !important;\n  border-radius: 15px !important;\n  box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.13) !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  position: '@widget_position' !important;\n  margin-bottom: '@desktop_button.margin_y' !important;\n  width: '@width' !important;\n  height: '@height' !important;\n  bottom: 0 !important;\n  opacity: 1 !important;\n  transform: translateY(0) !important;\n  transition: transform 0.15s cubic-bezier(1, 0.5, 0.8, 1), opacity 0.2s cubic-bezier(1, 0.5, 0.8, 1), scale 0.15s ease !important;\n  visibility: visible !important;\n  overflow: hidden !important;\n}\n#sbz92 .widget-container.widget-container--full {\n  max-height: 100% !important;\n  height: 100% !important;\n  margin-bottom: 0 !important;\n}\n#sbz92 .widget-container.widget-container--hide {\n  opacity: 0 !important;\n  transform: translateY(20px) !important;\n  visibility: hidden !important;\n  transition: transform 0.15s cubic-bezier(1, 0.5, 0.8, 1), opacity 0.1s cubic-bezier(1, 0.5, 0.8, 1), visibility 0.1s cubic-bezier(1, 0.5, 0.8, 1) !important;\n}\n#sbz92 .btn--start-convo {\n  border-radius: 7px !important;\n  flex-shrink: 0 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  padding-left: 32px !important;\n  padding-right: 32px !important;\n  height: 42px !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  font-size: 16px !important;\n  font-weight: 500 !important;\n  line-height: 20px !important;\n  text-align: center !important;\n  background: '@primary_color' !important;\n  width: 100% !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  transition: filter 250ms ease !important;\n}\n#sbz92 .btn--start-convo::after {\n  display: none !important;\n}\n#sbz92 .btn--start-convo:hover {\n  filter: brightness(1.1) !important;\n}\n#sbz92 .btn--start-convo:disabled {\n  opacity: 0.5 !important;\n  cursor: default !important;\n  pointer-events: none !important;\n}\n#sbz92 .widget-body.widget-body--none {\n  display: none !important;\n}\n#sbz92 .widget-body {\n  flex: 1 !important;\n  flex-grow: 1 !important;\n  z-index: -1 !important;\n  width: 100% !important;\n  overflow-y: auto !important;\n  flex-direction: column !important;\n  display: flex !important;\n  position: relative !important;\n}\n#sbz92 .embed-chat .widget-body--events {\n  width: 600px !important;\n  margin: 0 auto !important;\n  max-width: 100% !important;\n}\n#sbz92 .embed-chat .message-input {\n  max-width: 600px !important;\n  margin: 20px auto !important;\n}\n#sbz92 .embed-chat .widget-header--inner {\n  max-width: 100% !important;\n  width: 600px !important;\n}\n#sbz92 .embed-chat .widget-body--content {\n  width: 600px !important;\n  margin: 0 auto !important;\n  max-width: 100% !important;\n}\n#sbz92 .embed-chat .convo-list {\n  width: 600px !important;\n  margin: 0 auto !important;\n  max-width: 100% !important;\n}\n#sbz92 .widget-body--content {\n  overflow-y: auto !important;\n  overflow-x: hidden !important;\n  flex: 1 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  position: relative !important;\n  min-height: 0 !important;\n}\n#sbz92 .poweredby {\n  margin-bottom: 15px !important;\n  text-align: center !important;\n}\n#sbz92 .poweredby .poweredby--text {\n  text-decoration: none !important;\n  font-size: 13px !important;\n  color: #7c7c7c !important;\n  -webkit-text-fill-color: #7c7c7c !important;\n  vertical-align: baseline !important;\n}\n#sbz92 .poweredby .poweredby--text .poweredby--subiz-logo {\n  opacity: 0.7 !important;\n  margin-top: -1px !important;\n  height: 12px !important;\n}\n#sbz92 .poweredby .poweredby--text:hover {\n  color: #333 !important;\n  -webkit-text-fill-color: #333 !important;\n}\n#sbz92 .poweredby .poweredby--text:hover .poweredby--subiz-logo {\n  opacity: 1 !important;\n}\n#sbz92 .empty-container {\n  display: flex !important;\n  justify-content: center !important;\n  flex-direction: column !important;\n  margin-top: 30px !important;\n  margin-bottom: 30px !important;\n}\n#sbz92 .empty-desc {\n  text-align: center !important;\n  margin: 30px !important;\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .chat-button--white-bg {\n  display: none !important;\n  z-index: -1 !important;\n}\n#sbz92 .chat-button--white-bg--mask-only {\n  background: white !important;\n  width: 66px !important;\n  height: 66px !important;\n  top: 2px !important;\n  left: 2px !important;\n  position: absolute !important;\n  border-radius: 50% !important;\n  display: block !important;\n}\n#sbz92 .mobile .chat-button--default {\n  width: '@mobile_button.width' !important;\n  height: '@mobile_button.height' !important;\n  background: '@background' !important;\n  border-radius: '@mobile_button.border_radius' !important;\n}\n#sbz92 .mobile .widget-layout {\n  bottom: '@mobile_button.margin_y' !important;\n}\n#sbz92 .mobile .widget-layout.widget-layout--left {\n  left: '@mobile_button.margin_x' !important;\n  right: unset !important;\n}\n#sbz92 .mobile .widget-layout.widget-layout--right {\n  right: '@mobile_button.margin_x' !important;\n  left: unset !important;\n}\n#sbz92 .mobile .chat-button--img {\n  min-width: '@mobile_button.width' !important;\n}\n#sbz92 .chat-button {\n  cursor: pointer !important;\n  position: relative !important;\n  transform: scale(1) !important;\n  transition: opacity 200ms ease-in, transform 250ms cubic-bezier(0.34, 1.5, 0.64, 1) !important;\n}\n#sbz92 .chat-button.hidden {\n  visibility: hidden !important;\n  opacity: 0 !important;\n  transform: scale(0.2) !important;\n  pointer-events: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n  #sbz92 .chat-button {\n    transition: none !important;\n  }\n}\n#sbz92 .chat-button:not(.hidden):hover {\n  filter: brightness(1.1) !important;\n  transform: scale(1.05) !important;\n}\n#sbz92 .chat-button--img {\n  opacity: 0 !important;\n  min-width: '@desktop_button.width' !important;\n  display: block !important;\n}\n#sbz92 .chat-button--fallback .chat-button--img-container {\n  background-size: 100% 100% !important;\n}\n#sbz92 .chat-button--fallback .chat-button--img {\n  width: 100% !important;\n  min-width: 0 !important;\n  height: 100% !important;\n}\n#sbz92 .chat-button.chat-button--left {\n  float: left !important;\n}\n#sbz92 .chat-button.chat-button--right {\n  float: right !important;\n}\n#sbz92 .widget-layout {\n  z-index: '@z_index_2' !important;\n  position: '@widget_position' !important;\n  bottom: '@desktop_button.margin_y' !important;\n  transition: opacity 150ms !important;\n  opacity: 1 !important;\n}\n#sbz92 .widget-layout.widget-layout--hidden {\n  opacity: 0 !important;\n  pointer-events: none !important;\n}\n#sbz92 .widget-layout.widget-layout--left {\n  left: '@desktop_button.margin_x' !important;\n  right: unset !important;\n}\n#sbz92 .widget-layout.widget-layout--right {\n  right: '@desktop_button.margin_x' !important;\n  left: unset !important;\n}\n#sbz92 .chat-button--unread {\n  position: absolute !important;\n  right: 0px !important;\n  top: -5px !important;\n  background: #dc3545 !important;\n  padding-left: 5px !important;\n  padding-right: 5px !important;\n  padding-top: 2px !important;\n  padding-bottom: 2px !important;\n  border-radius: 5px !important;\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n}\n#sbz92 .widget-preview {\n  z-index: '@z_index_3' !important;\n  background: #fff !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n  border-radius: 15px !important;\n  max-width: 100% !important;\n  width: 340px !important;\n  margin-bottom: 20px !important;\n}\n#sbz92 .widget-preview.widget-preview--hidden {\n  display: none !important;\n}\n#sbz92 .widget-preview--btn-close {\n  cursor: pointer !important;\n  opacity: 0.5 !important;\n  align-self: flex-start !important;\n  background-color: #e5e5e5 !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXIteCI+PGxpbmUgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCI+PC9saW5lPjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iMTgiPjwvbGluZT48L3N2Zz4K') !important;\n  background-size: 16px 16px !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  width: 24px !important;\n  height: 24px !important;\n  display: block !important;\n  border-radius: 100% !important;\n  transition: background-color 0.2s !important;\n}\n#sbz92 .widget-preview--btn-close:hover {\n  opacity: 1 !important;\n}\n#sbz92 .widget-preview--avatar {\n  width: 45px !important;\n  height: 45px !important;\n  border: 1px solid rgba(31, 54, 90, 0.1) !important;\n  border-radius: 100% !important;\n  margin-right: 15px !important;\n}\n#sbz92 .widget-preview--body {\n  display: flex !important;\n  padding: 15px !important;\n}\n#sbz92 .widget-preview--title {\n  display: block !important;\n  font-size: 15px !important;\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n  margin-bottom: 5px !important;\n  opacity: 0.7 !important;\n}\n#sbz92 .widget-preview--content {\n  cursor: pointer !important;\n  flex: 1 !important;\n  overflow: hidden !important;\n}\n#sbz92 .widget-preview--message {\n  white-space: pre-wrap !important;\n  word-wrap: break-word !important;\n  font-weight: 500 !important;\n  font-size: 16px !important;\n  display: block !important;\n  margin: 0 !important;\n  margin-bottom: 0px !important;\n  max-height: 78px !important;\n  overflow: hidden !important;\n}\n#sbz92 .widget-preview--action {\n  border-top: 1px solid #f0f0f0 !important;\n  cursor: pointer !important;\n  padding: 13px !important;\n}\n#sbz92 .widget-preview--action-text {\n  display: block !important;\n  text-align: center !important;\n  font-weight: 500 !important;\n  font-size: 16px !important;\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n  margin: 0 !important;\n}\n#sbz92 .widget-internet-status {\n  position: absolute !important;\n  bottom: 0 !important;\n  left: 0 !important;\n  width: 100% !important;\n  font-size: 14px !important;\n  z-index: 10 !important;\n  text-align: center !important;\n  padding: 6px 5px !important;\n}\n#sbz92 .widget-internet-status.negative {\n  background-color: #212325 !important;\n  color: #fff !important;\n}\n#sbz92 .widget-internet-status.positive {\n  background-color: #19b600 !important;\n  color: #fff !important;\n}\n#sbz92 .widget-preview-text-message--header {\n  display: flex !important;\n  overflow: hidden !important;\n  align-items: center !important;\n  width: 100% !important;\n}\n#sbz92 .widget-preview-text-message--header .widget-preview--avatar {\n  width: 24px !important;\n  height: 24px !important;\n  flex-shrink: 0 !important;\n  margin-right: 10px !important;\n}\n#sbz92 .widget-preview-text-message--author {\n  flex: 1 !important;\n  overflow: hidden !important;\n  display: flex !important;\n  align-items: center !important;\n}\n#sbz92 .widget-preview-text-message--author .badge {\n  margin-left: 10px !important;\n}\n#sbz92 .widget-preview-text-message--author-text {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  line-height: 1.5 !important;\n  color: '@secondary_color' !important;\n  -webkit-text-fill-color: '@secondary_color' !important;\n}\n#sbz92 .widget-preview-text-message--content {\n  margin-top: 10px !important;\n  white-space: pre-wrap !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper {\n  z-index: '@z_index_3' !important;\n  width: 100% !important;\n  margin-bottom: 15px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.right {\n  align-items: flex-end !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.horizontal {\n  flex-direction: row !important;\n  flex-wrap: wrap !important;\n  align-items: center !important;\n  gap: 10px !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.horizontal.right {\n  justify-content: flex-end !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.horizontal.left {\n  justify-content: flex-start !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.horizontal .widget-preview-quick-reply-item {\n  margin: 0 !important;\n  max-width: 200px !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  padding: 6px 15px !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.horizontal .widget-preview-quick-reply-item:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .widget-preview-quick-reply-item {\n  border-radius: 20px !important;\n  padding: 8px 20px !important;\n  background: #fff !important;\n  border: 1.5px solid !important;\n  border-color: '@primary_color' !important;\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n  margin-bottom: 15px !important;\n  cursor: pointer !important;\n  transition: 0.3s ease !important;\n  position: relative !important;\n}\n#sbz92 .widget-preview-quick-reply-item:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .widget-preview-quick-reply-item:hover {\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n  background-color: '@primary_color' !important;\n}\n#sbz92 .widget-preview-image-wrapper {\n  z-index: '@z_index_3' !important;\n  width: 100% !important;\n  margin-bottom: 15px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n}\n#sbz92 .widget-preview-image-wrapper.right {\n  align-items: flex-end !important;\n}\n#sbz92 .widget-preview-image-item {\n  max-width: 300px !important;\n  border-radius: 15px !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n  border: 1px solid #dee2e6 !important;\n  overflow: hidden !important;\n  cursor: pointer !important;\n}\n#sbz92 .widget-preview-image-item img {\n  width: 100% !important;\n  max-height: 300px !important;\n  object-fit: cover !important;\n}\n#sbz92 .widget-preview-text-message {\n  z-index: '@z_index_3' !important;\n  background: #fff !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n  border-radius: 15px !important;\n  max-width: 100% !important;\n  min-width: 210px !important;\n  margin-bottom: 15px !important;\n  padding: 15px 20px !important;\n  position: relative !important;\n  cursor: pointer !important;\n}\n#sbz92 .widget-preview-text-message.right {\n  border-bottom-right-radius: 8px !important;\n}\n#sbz92 .widget-preview-text-message.left {\n  border-bottom-left-radius: 8px !important;\n}\n#sbz92 .widget-preview-new-wrapper {\n  max-width: '@preview_max_width' !important;\n  position: relative !important;\n  opacity: 1 !important;\n  transition: opacity 0.15s ease-in, transform 0.15s ease-in !important;\n  transform: translateY(0) !important;\n}\n#sbz92 .widget-preview-new-wrapper.hidden {\n  transform: translateY(20px) !important;\n  transition: opacity 0.15s ease-out, transform 0.15s ease-out !important;\n  opacity: 0 !important;\n}\n#sbz92 .widget-preview-new-wrapper:hover .widget-preview-x-wrapper {\n  display: flex !important;\n}\n#sbz92 .widget-preview-x-wrapper {\n  display: none !important;\n  justify-content: flex-start !important;\n  width: calc(100% + 40px) !important;\n  position: absolute !important;\n  padding: 15px 20px !important;\n  left: -20px !important;\n  bottom: 100% !important;\n}\n#sbz92 .widget-preview-x-wrapper.mobile {\n  display: flex !important;\n}\n#sbz92 .widget-preview-x-wrapper.right {\n  justify-content: flex-end !important;\n  left: unset !important;\n  right: -20px !important;\n}\n#sbz92 .widget-preview-x-wrapper .widget-preview--btn-close {\n  opacity: 1 !important;\n  width: 32px !important;\n  height: 32px !important;\n  border: 1px solid #ececec !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n  background-color: #00000040 !important;\n  background-size: 16px 16px !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXIteCI+PGxpbmUgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCI+PC9saW5lPjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iMTgiPjwvbGluZT48L3N2Zz4K') !important;\n}\n#sbz92 .widget-preview-x-wrapper .widget-preview--btn-close:hover {\n  border-color: #fff !important;\n  background-color: #00000066 !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXIteCI+PGxpbmUgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCI+PC9saW5lPjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iMTgiPjwvbGluZT48L3N2Zz4K') !important;\n}\n#sbz92 .rating--overlay {\n  position: absolute !important;\n  height: 100% !important;\n  width: 100% !important;\n  background: black !important;\n  opacity: 0.3 !important;\n  top: 0 !important;\n  left: 0 !important;\n  border-bottom-left-radius: 15px !important;\n  border-bottom-right-radius: 15px !important;\n  z-index: 9 !important;\n}\n#sbz92 .rating {\n  border-top-left-radius: 10px !important;\n  border-top-right-radius: 10px !important;\n  overflow: hidden !important;\n  position: absolute !important;\n  height: 400px !important;\n  max-height: 80% !important;\n  width: 100% !important;\n  bottom: 0 !important;\n  /* centering */\n  left: 0 !important;\n  background: white !important;\n  border-bottom-left-radius: 15px !important;\n  border-bottom-right-radius: 15px !important;\n  z-index: 10 !important;\n}\n#sbz92 .rating .rating--comment {\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  resize: none !important;\n  margin-left: 20px !important;\n  margin-right: 20px !important;\n  border: 2px solid lightgray !important;\n  border-radius: 5px !important;\n  padding: 10px !important;\n  height: 60px !important;\n  min-height: 60px !important;\n}\n#sbz92 .rating .rating--close-btn {\n  right: 20px !important;\n  top: -2px !important;\n  width: 22px !important;\n  height: 22px !important;\n  position: absolute !important;\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23acacac%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C/line%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C/line%3E%3C/svg%3E') !important;\n  cursor: pointer !important;\n}\n#sbz92 .rating .rating--close-btn:hover {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a0a0a0%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C/line%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C/line%3E%3C/svg%3E') !important;\n}\n#sbz92 .rating .rating--handle:hover .rating--thumb {\n  background: #e0e0e0 !important;\n}\n#sbz92 .rating .rating--thumb {\n  width: 70px !important;\n  height: 6px !important;\n  background: #eaeaea !important;\n  border-radius: 5px !important;\n  margin: 0 auto !important;\n  cursor: grabbing !important;\n  margin-top: 8px !important;\n  margin-bottom: 20px !important;\n}\n#sbz92 .rating .rating--content {\n  display: flex !important;\n  flex: 1 !important;\n  flex-grow: 1 !important;\n  height: calc(100% - 40px) !important;\n  flex-direction: column !important;\n  justify-content: space-between !important;\n}\n#sbz92 .rating .rating--heading {\n  margin: 0 !important;\n  font-weight: 500 !important;\n  font-size: 20px !important;\n  line-height: 20px !important;\n  text-align: center !important;\n  flex-grow: 1 !important;\n  position: relative !important;\n}\n#sbz92 .rating .rating--description {\n  text-align: center !important;\n  flex-grow: 1 !important;\n  font-size: 15px !important;\n  padding-left: 20px !important;\n  padding-right: 20px !important;\n  display: flex !important;\n  align-items: center !important;\n  margin-top: 10px !important;\n  margin-bottom: 15px !important;\n}\n#sbz92 .rating .rating-faces-container {\n  flex: 5 !important;\n  display: flex !important;\n  justify-content: space-around !important;\n  align-items: center !important;\n  margin: 10px 10px !important;\n}\n#sbz92 .rating .rating-face-container {\n  padding: 15px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  cursor: pointer !important;\n  border-radius: 10px !important;\n  user-select: none !important;\n  -webkit-transition: all 0.1s !important;\n  transition: all 0.1s !important;\n}\n#sbz92 .rating .rating-face-container:hover {\n  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1) !important;\n}\n#sbz92 .rating .rating-face--text {\n  margin-top: 10px !important;\n  margin-bottom: 0px !important;\n  font-size: 13px !important;\n  color: #4d4d4d !important;\n  -webkit-text-fill-color: #4d4d4d !important;\n}\n#sbz92 .rating .rating-no-thanks {\n  flex: 10 !important;\n  text-align: center !important;\n  cursor: pointer !important;\n  display: flex !important;\n  justify-content: center !important;\n  align-items: flex-end !important;\n  color: #acacac !important;\n  -webkit-text-fill-color: #acacac !important;\n}\n#sbz92 .rating .rating-no-thanks:hover {\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n}\n#sbz92 .text__danger {\n  color: #dc3545 !important;\n}\n#sbz92 .extension--close-btn {\n  background: #00000088 !important;\n  border-radius: 8px !important;\n  color: #ffffffaa !important;\n  -webkit-text-fill-color: #ffffffaa !important;\n  right: 10px !important;\n  top: -35px !important;\n  font-size: 14px !important;\n  position: absolute !important;\n  padding: 5px 15px !important;\n  cursor: pointer !important;\n}\n#sbz92 .extension--close-btn:hover {\n  background: #000000 !important;\n  color: #ffffff !important;\n  -webkit-text-fill-color: #ffffff !important;\n}\n#sbz92 .extension--handle {\n  margin-bottom: 10px !important;\n}\n#sbz92 .extension--handle:hover .extension--thumb {\n  background: #e0e0e0 !important;\n}\n#sbz92 .extension--thumb {\n  width: 70px !important;\n  cursor: grabbing !important;\n  margin: 0 auto !important;\n  height: 6px !important;\n  background: #eaeaea !important;\n  border-radius: 5px !important;\n  flex: 1 !important;\n  margin-top: 5px !important;\n}\n#sbz92 .extension {\n  border-top-left-radius: 10px !important;\n  position: absolute !important;\n  border-top-right-radius: 10px !important;\n  width: 100% !important;\n  bottom: 0 !important;\n  /* centering */\n  left: 0 !important;\n  border-bottom-left-radius: 15px !important;\n  border-bottom-right-radius: 15px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  background: white !important;\n  z-index: 10 !important;\n}\n#sbz92 .extension--overlay {\n  position: absolute !important;\n  height: 100% !important;\n  width: 100% !important;\n  background: black !important;\n  opacity: 0.3 !important;\n  top: 0 !important;\n  left: 0 !important;\n  border-bottom-left-radius: 15px !important;\n  border-bottom-right-radius: 15px !important;\n  z-index: 9 !important;\n}\n#sbz92 .order__footer {\n  margin-top: 40px !important;\n  color: #888 !important;\n  -webkit-text-fill-color: #888 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  margin-bottom: 20px !important;\n}\n#sbz92 .order__footer_delimiter {\n  width: 1px !important;\n  height: 15px !important;\n  border-right: 1px solid #bbb !important;\n}\n#sbz92 .order__footer_link {\n  padding: 0 10px !important;\n  font-size: 14px !important;\n  cursor: pointer !important;\n}\n#sbz92 .order__footer_link:hover {\n  text-decoration: none !important;\n  color: #555 !important;\n  -webkit-text-fill-color: #555 !important;\n}\n#sbz92 .desktop.order {\n  border-radius: 0 !important;\n  width: 780px !important;\n  margin: 0 auto !important;\n  height: 100% !important;\n}\n#sbz92 .desktop.order .order_section__line {\n  display: none !important;\n}\n#sbz92 .desktop.order .desktop_order__heading {\n  line-height: 20px !important;\n}\n#sbz92 .desktop.order .order_attachment__product_img {\n  width: 50px !important;\n  height: 50px !important;\n}\n#sbz92 .desktop.order .order_label {\n  font-weight: 500 !important;\n  margin-top: 30px !important;\n  margin-bottom: 10px !important;\n  font-size: 16px !important;\n}\n#sbz92 .desktop.order .order_label:first-child {\n  margin-top: 0 !important;\n}\n#sbz92 .desktop.order .order_recap {\n  margin-top: 0px !important;\n  background: #f4f4f4 !important;\n  margin-top: 20px !important;\n  width: 270px !important;\n  box-shadow: 0 0 0 1px hsla(0, 0%, 69%, 0.2), 0 15px 35px 0 rgba(49, 49, 93, 0.08), 0 5px 15px 0 rgba(0, 0, 0, 0.06) !important;\n  border-radius: 6px !important;\n  background-color: #fff !important;\n  padding: 32px 32px 20px !important;\n}\n#sbz92 .desktop.order .order_acc_header {\n  display: flex !important;\n  align-items: center !important;\n  margin-top: 20px !important;\n}\n#sbz92 .desktop.order .order_acc_logo {\n  height: 50px !important;\n}\n#sbz92 .desktop.order .order_acc_name {\n  font-size: 16px !important;\n  margin-left: 10px !important;\n  border-left: 1px solid #aaa !important;\n  padding-left: 10px !important;\n}\n#sbz92 .desktop.order .order_summary_line {\n  align-items: center !important;\n  overflow: hidden !important;\n  padding: 5px 0 !important;\n  display: flex !important;\n  justify-content: space-between !important;\n}\n#sbz92 .desktop_order__content {\n  display: flex !important;\n}\n#sbz92 .order {\n  width: 100% !important;\n  display: flex !important;\n  flex-direction: column !important;\n  background: white !important;\n  z-index: 10 !important;\n}\n#sbz92 .order .ship_card {\n  display: flex !important;\n  align-items: center !important;\n  overflow: hidden !important;\n  width: 190px !important;\n  cursor: pointer !important;\n  padding: 10px 15px !important;\n  box-shadow: none !important;\n  border: 2px solid #eee !important;\n  color: #777 !important;\n  -webkit-text-fill-color: #777 !important;\n  margin-top: 5px !important;\n  border-radius: 8px !important;\n  background: white !important;\n  transition: all 150ms ease-out !important;\n}\n#sbz92 .order .ship_card:hover {\n  color: #555 !important;\n  -webkit-text-fill-color: #555 !important;\n  border: 2px solid #aaa !important;\n}\n#sbz92 .order .ship_card.ship_card__active {\n  color: #333 !important;\n  -webkit-text-fill-color: #333 !important;\n  border: 2px solid #777 !important;\n  background: #fafafa !important;\n}\n#sbz92 .order .order_ship_icon {\n  margin-top: -3px !important;\n  width: 15px !important;\n  height: 15px !important;\n  opacity: 0.6 !important;\n}\n#sbz92 .order .card_section {\n  margin-top: 20px !important;\n  max-width: 500px !important;\n  box-shadow: 0 0 0 1px hsla(0, 0%, 69%, 0.2), 0 15px 35px 0 rgba(49, 49, 93, 0.08), 0 5px 15px 0 rgba(0, 0, 0, 0.06) !important;\n  border-radius: 6px !important;\n  background-color: #fff !important;\n  padding: 32px !important;\n}\n#sbz92 .order input[type='text'].form-control,\n#sbz92 .order input[type='number'].form-control,\n#sbz92 .order input[type='date'].form-control,\n#sbz92 .order textarea.form-control,\n#sbz92 .order select.form-control {\n  background: #f4f4f4 !important;\n  border: 1px solid transparent !important;\n  padding: 7px 10px !important;\n}\n#sbz92 .order input[type='text'].form-control:hover,\n#sbz92 .order input[type='number'].form-control:hover,\n#sbz92 .order input[type='date'].form-control:hover,\n#sbz92 .order textarea.form-control:hover,\n#sbz92 .order select.form-control:hover {\n  background: #f0f0f0 !important;\n}\n#sbz92 .order input[type='text'].form-control:focus,\n#sbz92 .order input[type='number'].form-control:focus,\n#sbz92 .order input[type='date'].form-control:focus,\n#sbz92 .order textarea.form-control:focus,\n#sbz92 .order select.form-control:focus,\n#sbz92 .order input[type='text'].form-control:active,\n#sbz92 .order input[type='number'].form-control:active,\n#sbz92 .order input[type='date'].form-control:active,\n#sbz92 .order textarea.form-control:active,\n#sbz92 .order select.form-control:active {\n  background: #eee !important;\n}\n#sbz92 .order input[type='text'].form-control.err,\n#sbz92 .order input[type='number'].form-control.err,\n#sbz92 .order input[type='date'].form-control.err,\n#sbz92 .order textarea.form-control.err,\n#sbz92 .order select.form-control.err {\n  background: #ffe6e6 !important;\n  border: 1px solid #ff8a8a !important;\n}\n#sbz92 .order .form {\n  box-shadow: none !important;\n  border: none !important;\n  padding: 0 !important;\n}\n#sbz92 .order .form .radio {\n  height: unset !important;\n}\n#sbz92 .order .order--content {\n  display: flex !important;\n  flex: 1 !important;\n  flex-direction: column !important;\n}\n#sbz92 .order .order--content-content {\n  flex: 1 !important;\n  overflow: auto !important;\n}\n#sbz92 .order .order--heading {\n  margin: 0 !important;\n  margin-top: 20px !important;\n  padding-left: 20px !important;\n  padding-right: 20px !important;\n  padding-bottom: 8px !important;\n  line-height: 20px !important;\n  position: relative !important;\n}\n#sbz92 .order .order--header-desc {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n  font-size: 13px !important;\n}\n#sbz92 .order .order__product_line {\n  display: flex !important;\n  overflow: hidden !important;\n}\n#sbz92 .order .order--footer {\n  text-align: k center !important;\n  cursor: pointer !important;\n  display: flex !important;\n  justify-content: center !important;\n  align-items: flex-end !important;\n  color: #acacac !important;\n  -webkit-text-fill-color: #acacac !important;\n}\n#sbz92 .order .order--footer:hover {\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n}\n#sbz92 .order .order_section_label {\n  color: #444 !important;\n  -webkit-text-fill-color: #444 !important;\n  margin-bottom: 5px !important;\n  text-transform: uppercase !important;\n  font-size: 13px !important;\n  font-weight: 500 !important;\n}\n#sbz92 .order .order_label {\n  color: #444 !important;\n  -webkit-text-fill-color: #444 !important;\n  margin-bottom: 5px !important;\n  text-transform: uppercase !important;\n  font-size: 13px !important;\n  font-weight: 500 !important;\n}\n#sbz92 .order .order_section {\n  padding-left: 20px !important;\n  padding-right: 20px !important;\n  padding-bottom: 15px !important;\n  padding-top: 15px !important;\n}\n#sbz92 .order .order_section__line {\n  border-top: 4px solid #eee !important;\n  width: 100% !important;\n}\n#sbz92 .order .order_summary_line {\n  overflow: hidden !important;\n  padding: 3px 0 !important;\n  display: flex !important;\n  justify-content: space-between !important;\n}\n#sbz92 .order .order_btn {\n  width: 100% !important;\n}\n#sbz92 .order .order_tracking_link {\n  text-decoration: underline !important;\n  cursor: pointer !important;\n}\n#sbz92 .order .order_tracking_link:hover {\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n}\n#sbz92 .order .order_tracking_link_icon {\n  margin-top: -3px !important;\n  width: 15px !important;\n  height: 15px !important;\n}\n#sbz92 .order .order_shipping_provider_logo {\n  width: 32px !important;\n  height: 32px !important;\n  margin-right: 10px !important;\n}\n#sbz92 .order .order_btn.order__btn__light {\n  background: #f0f0f0 !important;\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n  border-radius: 6px !important;\n  text-align: center !important;\n  padding: 8px !important;\n  cursor: pointer !important;\n}\n#sbz92 .order .order_btn.order__btn__light:hover {\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n  background: #ddd !important;\n}\n#sbz92 div.order__card {\n  display: flex !important;\n  padding: 15px !important;\n  box-shadow: none !important;\n  border: 2px solid #eee !important;\n  margin-top: 10px !important;\n  border-radius: 8px !important;\n  background: #fafafa !important;\n}\n#sbz92 div.order__card.order__card__active {\n  border: 2px solid #777 !important;\n  background: white !important;\n}\n#sbz92 .order_form_label {\n  margin-top: 10px !important;\n  margin-bottom: 4px !important;\n}\n#sbz92 .btn-confirm-order {\n  width: 100% !important;\n  background: '@primary_color' !important;\n  display: flex !important;\n  align-items: center !important;\n  border-radius: 5px !important;\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n  padding: 15px 10px !important;\n  cursor: pointer !important;\n  justify-content: center !important;\n  font-weight: 500 !important;\n  margin-top: 10px !important;\n}\n#sbz92 .btn-confirm-order:hover {\n  background: #0053d4 !important;\n}\n#sbz92 .order__total {\n  font-weight: 500 !important;\n  font-size: 20px !important;\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n}\n#sbz92 .btn-cancel-order {\n  color: #666 !important;\n  -webkit-text-fill-color: #666 !important;\n  text-decoration: underline !important;\n  display: inline-block !important;\n  margin-top: 10px !important;\n  cursor: pointer !important;\n}\n#sbz92 .btn-cancel-order:hover {\n  color: #333 !important;\n  -webkit-text-fill-color: #333 !important;\n}\n#sbz92 .order_status {\n  text-transform: uppercase !important;\n  background: black !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n  display: inline-block !important;\n  border-radius: 4px !important;\n  padding: 6px 6px 4px 6px !important;\n  line-height: 1 !important;\n  font-weight: 500 !important;\n  font-size: 12px !important;\n}\n#sbz92 .order_status.order_status__canceled {\n  background: whitesmoke !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .order_status.order_status__cancel {\n  background: whitesmoke !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .order_status.order_status__confirmed {\n  background: '@primary_color' !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__shipping {\n  background: #000 !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__fullfilled {\n  background: #28a745 !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__hold {\n  background: #dc3545 !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__draft {\n  background: #ffc107 !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__open {\n  background: #ffc107 !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_error {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  justify-content: center !important;\n  height: 100% !important;\n  width: 100% !important;\n}\n#sbz92 .order_attachment__note {\n  font-size: 14px !important;\n  white-space: pre-wrap !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  display: -webkit-box !important;\n  -webkit-line-clamp: 3 !important;\n  -webkit-box-orient: vertical !important;\n}\n#sbz92 .dropdown_select {\n  position: absolute !important;\n  background: white !important;\n  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;\n  border-radius: 5px !important;\n  width: 150px !important;\n  z-index: 20 !important;\n  overflow: hidden !important;\n}\n#sbz92 .dropdown_select__overlay {\n  top: 0 !important;\n  overflow: hidden !important;\n  position: absolute !important;\n  background: #000000aa !important;\n  z-index: 19 !important;\n  left: 0 !important;\n  right: 0 !important;\n  bottom: 0 !important;\n}\n#sbz92 .dropdown_select__item {\n  padding: 7px 10px !important;\n  cursor: pointer !important;\n}\n#sbz92 .dropdown_select__item:hover {\n  background: '@primary_color' !important;\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n}\n#sbz92 .dropdown_select_filter {\n  padding: 8px 10px !important;\n  border-bottom: 1px solid #eee !important;\n  position: relative !important;\n}\n#sbz92 .dropdown_select_filter:hover .dropdown_select_filter__icon {\n  opacity: 1 !important;\n}\n#sbz92 .dropdown_select_filter_input {\n  border-radius: 5px !important;\n  width: 100% !important;\n  display: block !important;\n  background: #f4f4f4 !important;\n  border: none !important;\n  padding: 7px 10px !important;\n  padding-left: 35px !important;\n}\n#sbz92 .dropdown_select_filter_input:hover {\n  background: #f0f0f0 !important;\n}\n#sbz92 .dropdown_select_filter_input:focus,\n#sbz92 .dropdown_select_filter_input:active {\n  background: #eee !important;\n}\n#sbz92 .dropdown_select_input {\n  border-radius: 5px !important;\n  overflow: hidden !important;\n  cursor: pointer !important;\n  flex-wrap: nowrap !important;\n  display: flex !important;\n  background: #f4f4f4 !important;\n  border: 1px solid trasparent !important;\n  padding: 7px 10px !important;\n  height: 32px !important;\n  min-width: 120px !important;\n  width: 100% !important;\n}\n#sbz92 .dropdown_select_input:hover {\n  background: #f0f0f0 !important;\n}\n#sbz92 .dropdown_select_input:focus,\n#sbz92 .dropdown_select_input:active {\n  background: #eee !important;\n}\n#sbz92 .dropdown_select_input.err {\n  background: #ffe6e6 !important;\n  border: 1px solid #ff8a8a !important;\n}\n#sbz92 .dropdown_select__items {\n  max-height: 300px !important;\n  min-height: 100px !important;\n  overflow-x: hidden !important;\n  overflow-y: auto !important;\n}\n#sbz92 .dropdown_select_filter__icon {\n  width: 22px !important;\n  height: 15px !important;\n  position: absolute !important;\n  z-index: 2 !important;\n  top: 15px !important;\n  left: 18px !important;\n  border-right: 1px solid #aaa !important;\n  padding-right: 7px !important;\n  opacity: 0.5 !important;\n}\n#sbz92 .dropdown_select_filter__empty {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  flex-direction: column !important;\n}\n#sbz92 .dropdown_select_filter__empty_img {\n  height: 50px !important;\n  margin-top: 10px !important;\n  margin-bottom: 10px !important;\n}\n#sbz92 .dropdown_select__caret {\n  width: 14px !important;\n  margin-top: 3px !important;\n  opacity: 0.6 !important;\n  height: 15px !important;\n}\ndiv#sbz92 {\n  all: initial;\n}\nbody div#sbz92 {\n  all: initial !important;\n}\n", ""]);
+___CSS_LOADER_EXPORT___.push([module.id, "#sbz92 * {\n  all: unset !important;\n}\n.sbz_no_scroll {\n  overflow: hidden !important;\n  overflow-x: hidden !important;\n  overflow-y: hidden !important;\n}\n#sbz92 {\n  /* Handle on hover */\n  /*\n.widget-header--button-close {\n\tdisplay: flex;\n\tborder-radius: 6px;\n\tjustify-self: flex-end;\n\talign-items: center;\n\talign-self: flex-start;\n\n\tfilter: brightness(0.95);\n\t&:hover {\n\t\topacity: 1;\n\t\tfilter: brightness(1.1);\n\t\tscale: 1.1;\n\t}\n}\n*/\n  /*\n[data-tooltip]::after {\n\ttext-align: center;\n\tmin-width: 60px;\n\tmax-width: 350px;\n\n\ttransform: translate3d(0, 0, 0);\n\t-webkit-backface-visibility: hidden;\n\tbackface-visibility: hidden;\n\twill-change: transform;\n\topacity: 0;\n\tpointer-events: none;\n\ttransition: opacity @tooltip-transition-duration @tooltip-transition-easing @tooltip-transition-delay;\n\tposition: absolute;\n\tbox-sizing: border-box;\n\tz-index: @z-index + 2000;\n\ttransform-origin: top;\n\twhite-space: pre-wrap;\n\twidth: 100%;\n\n\tbackground: @black;\n\tborder-radius: 5px;\n\n\t.color(@white);\n\n\tcontent: attr(data-tooltip);\n\tfont-size: @tooltip-font-size;\n\tfont-weight: @tooltip-font-weight;\n\ttext-transform: @tooltip-text-transform;\n\tpadding: 0.5em;\n\tbox-sizing: content-box;\n}\n\n[data-tooltip]:hover::after,\n[data-tooltip]:focus::after {\n\topacity: 1;\n\tpointer-events: auto;\n}\n\n// ------------------------------------------------\n// [2] Position Modifiers\n// ------------------------------------------------\n\n[data-tooltip][data-tooltip-position|='top']::after {\n\tmargin-bottom: @tooltip-margin;\n\ttransform: translate3d(-50%, -5px, 0);\n\tbottom: 100%;\n\tleft: 50%;\n}\n\n// ------------------------------------------------\n// [2.1] Top Left\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='top-left']::after {\n\ttransform: translate3d(~'calc(-100% + 16px)', -5px, 0);\n\tbottom: 100%;\n}\n\n// ------------------------------------------------\n// [2.2] Top Right\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='top-right']::after {\n\ttransform: translate3d(~'calc(0% + -16px)', -5px, 0);\n\tbottom: 100%;\n}\n\n// ------------------------------------------------\n// [2.3] Bottom\n// ------------------------------------------------\n\n[data-tooltip][data-tooltip-position|='bottom']::after,\n[data-tooltip]:not([data-tooltip-position])::after {\n\ttransform: translate3d(-50%, 0, 0);\n\tmargin-top: @tooltip-margin;\n\tleft: 50%;\n\ttop: 100%;\n}\n\n// ------------------------------------------------\n// [2.4] Bottom Left\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='bottom-left']::after {\n\ttransform: translate3d(~'calc(-100% + 16px)', 0, 0);\n}\n\n// ------------------------------------------------\n// [2.5] Bottom Right\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='bottom-right']::after {\n\ttransform: translate3d(~'calc(0% + -16px)', 0, 0);\n}\n\n// ------------------------------------------------\n// [2.6] Left\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='left']::after {\n\tbottom: auto;\n\tleft: auto;\n\tright: 100%;\n\ttop: 50%;\n\ttransform: translate3d(0, -50%, 0);\n\tmargin-right: @tooltip-margin;\n}\n\n// ------------------------------------------------\n// [2.7] Right\n// ------------------------------------------------\n[data-tooltip][data-tooltip-position='right']::after {\n\tbottom: auto;\n\tleft: 100%;\n\ttop: 50%;\n\ttransform: translate3d(0, -50%, 0);\n\tmargin-left: @tooltip-margin;\n}\n\n*/\n}\n#sbz92 *,\n#sbz92 *::before,\n#sbz92 *::after {\n  box-sizing: border-box !important;\n}\n#sbz92 [tabindex='-1']:focus:not(:focus-visible) {\n  outline: 0 !important;\n}\n#sbz92 b,\n#sbz92 strong {\n  font-weight: 500 !important;\n}\n#sbz92 a {\n  color: #020202 !important;\n  text-decoration: none !important;\n  background-color: transparent !important;\n  font-weight: 600 !important;\n}\n#sbz92 a:hover {\n  cursor: pointer !important;\n  color: #000000 !important;\n  text-decoration: underline !important;\n}\n#sbz92 a:not([href]) {\n  color: inherit !important;\n  text-decoration: none !important;\n}\n#sbz92 a:not([href]):hover {\n  color: inherit !important;\n  text-decoration: none !important;\n}\n#sbz92 img {\n  vertical-align: middle !important;\n  border-style: none !important;\n}\n#sbz92 svg {\n  overflow: hidden !important;\n  vertical-align: middle !important;\n}\n#sbz92 label {\n  display: inline-block !important;\n}\n#sbz92 button {\n  border-radius: 0 !important;\n}\n#sbz92 button:focus {\n  outline: 1px dotted !important;\n  outline: 5px auto -webkit-focus-ring-color !important;\n}\n#sbz92 input,\n#sbz92 button,\n#sbz92 select,\n#sbz92 optgroup,\n#sbz92 textarea {\n  margin: 0 !important;\n}\n#sbz92 button,\n#sbz92 input {\n  overflow: visible !important;\n}\n#sbz92 button,\n#sbz92 select {\n  text-transform: none !important;\n}\n#sbz92 select {\n  word-wrap: normal !important;\n}\n#sbz92 button,\n#sbz92 [type=\"button\"],\n#sbz92 [type=\"reset\"],\n#sbz92 [type=\"submit\"] {\n  -webkit-appearance: button !important;\n}\n#sbz92 button:not(:disabled),\n#sbz92 [type='button']:not(:disabled),\n#sbz92 [type='reset']:not(:disabled),\n#sbz92 [type='submit']:not(:disabled) {\n  cursor: pointer !important;\n}\n#sbz92 button::-moz-focus-inner,\n#sbz92 [type='button']::-moz-focus-inner,\n#sbz92 [type='reset']::-moz-focus-inner,\n#sbz92 [type='submit']::-moz-focus-inner {\n  padding: 0 !important;\n  border-style: none !important;\n}\n#sbz92 input[type='radio'],\n#sbz92 input[type='checkbox'] {\n  box-sizing: border-box !important;\n  padding: 0 !important;\n}\n#sbz92 input[type='date'],\n#sbz92 input[type='time'],\n#sbz92 input[type='datetime-local'],\n#sbz92 input[type='month'] {\n  -webkit-appearance: listbox !important;\n}\n#sbz92 textarea {\n  overflow: auto !important;\n  resize: vertical !important;\n}\n#sbz92 [type='number']::-webkit-inner-spin-button,\n#sbz92 [type='number']::-webkit-outer-spin-button {\n  height: auto !important;\n}\n#sbz92 [hidden] {\n  display: none !important;\n}\n#sbz92 ::-webkit-input-placeholder {\n  /* Edge */\n  color: #777 !important;\n}\n#sbz92 :-ms-input-placeholder {\n  /* Internet Explorer 10-11 */\n  color: #777 !important;\n}\n#sbz92 ::placeholder {\n  color: #777 !important;\n}\n#sbz92 div {\n  display: block !important;\n  text-rendering: geometricPrecision !important;\n  -webkit-font-smoothing: antialiased !important;\n  -moz-osx-font-smoothing: grayscale !important;\n}\n#sbz92 ::-webkit-scrollbar {\n  width: 7px !important;\n  height: 7px !important;\n}\n#sbz92 ::-webkit-scrollbar-track {\n  border-radius: 10px !important;\n}\n#sbz92 ::-webkit-scrollbar-thumb {\n  border-radius: 10px !important;\n  background: #d6d6d6 !important;\n}\n#sbz92 ::-webkit-scrollbar-thumb:hover {\n  background: #aaa !important;\n}\n#sbz92 .badge {\n  padding: 2px 8px !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  border-radius: 6px !important;\n  display: inline-flex !important;\n  align-items: center !important;\n}\n#sbz92 .badge.badge--success {\n  color: #28a745 !important;\n  -webkit-text-fill-color: #28a745 !important;\n  background: #28a74526 !important;\n}\n#sbz92 .dot {\n  width: 8px !important;\n  height: 8px !important;\n  border-radius: 4px !important;\n  flex-shrink: 0 !important;\n  background: #000 !important;\n}\n#sbz92 .dot.dot--success {\n  background: #28a745 !important;\n}\n#sbz92 * {\n  -webkit-tap-highlight-color: rgba(0, 0, 0, 0) !important;\n  -webkit-tap-highlight-color: transparent !important;\n  font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Helvetica Neue', Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji' !important;\n  font-size: 16px !important;\n  -webkit-box-sizing: border-box !important;\n  -moz-box-sizing: border-box !important;\n  box-sizing: border-box !important;\n  margin: 0 !important;\n  padding: 0 !important;\n  border: 0 !important;\n  vertical-align: baseline !important;\n}\n#sbz92 button:focus {\n  outline: none !important;\n}\n#sbz92 button:focus-visible {\n  outline: 2px solid #6c757d !important;\n  outline-offset: 3px !important;\n}\n#sbz92 button:not(:disabled) {\n  cursor: pointer !important;\n}\n#sbz92 img {\n  overflow: hidden !important;\n  flex-shrink: 0 !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  background-size: 100% 100% !important;\n  -webkit-user-select: none !important;\n  -khtml-user-select: none !important;\n  -moz-user-select: none !important;\n  -o-user-select: none !important;\n  user-select: none !important;\n  -webkit-user-drag: none !important;\n}\n#sbz92 .pos-relative {\n  position: relative !important;\n}\n#sbz92 .flex-row {\n  flex-direction: row !important;\n}\n#sbz92 .flex-column {\n  flex-direction: column !important;\n}\n#sbz92 .flex-grow-1 {\n  flex-grow: 1 !important;\n}\n#sbz92 .align-self-end {\n  align-self: flex-end !important;\n}\n#sbz92 .align-items-end {\n  align-items: flex-end !important;\n}\n#sbz92 .justify-content-center {\n  justify-content: center !important;\n}\n#sbz92 .h-full {\n  height: 100% !important;\n}\n#sbz92 .w-full {\n  width: 100% !important;\n}\n#sbz92 .text-muted {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .text-lg {\n  font-size: 18px !important;\n}\n#sbz92 .text-xl {\n  font-size: 20px !important;\n}\n#sbz92 .text-sm {\n  font-size: 14px !important;\n}\n#sbz92 .text-center {\n  text-align: center !important;\n}\n#sbz92 .text-danger {\n  color: #ea3d2f !important;\n}\n#sbz92 .text-italic {\n  font-style: italic !important;\n}\n#sbz92 .d-none {\n  display: none !important;\n}\n#sbz92 .d-flex {\n  display: flex !important;\n}\n#sbz92 .d-inline-block {\n  display: inline-block !important;\n}\n#sbz92 .ml-1 {\n  margin-left: 7.5px !important;\n}\n#sbz92 .pl-2 {\n  padding-left: 15px !important;\n}\n#sbz92 .pr-2 {\n  padding-right: 15px !important;\n}\n#sbz92 .pb-2 {\n  padding-bottom: 15px !important;\n}\n#sbz92 .mt-1 {\n  margin-top: 7.5px !important;\n}\n#sbz92 .mt-2 {\n  margin-top: 15px !important;\n}\n#sbz92 .ml-2 {\n  margin-left: 15px !important;\n}\n#sbz92 .mr-1 {\n  margin-right: 7.5px !important;\n}\n#sbz92 .mr-2 {\n  margin-right: 15px !important;\n}\n#sbz92 .pt-3 {\n  padding-top: 22.5px !important;\n}\n#sbz92 .pl-3 {\n  padding-left: 22.5px !important;\n}\n#sbz92 .pr-3 {\n  padding-right: 22.5px !important;\n}\n#sbz92 .pb-3 {\n  padding-bottom: 22.5px !important;\n}\n#sbz92 .mt-3 {\n  margin-top: 22.5px !important;\n}\n#sbz92 .ml-3 {\n  margin-left: 22.5px !important;\n}\n#sbz92 .mr-3 {\n  margin-right: 22.5px !important;\n}\n#sbz92 .mb-3 {\n  margin-bottom: 22.5px !important;\n}\n#sbz92 .mb-2 {\n  margin-bottom: 15px !important;\n}\n#sbz92 .mb-1 {\n  margin-bottom: 7.5px !important;\n}\n#sbz92 .muted {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .i {\n  font-style: italic !important;\n}\n#sbz92 .align-items-center {\n  align-items: center !important;\n}\n#sbz92 .text-truncate {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n}\n#sbz92 .flex_1 {\n  flex: 1 !important;\n  flex-shrink: 0 !important;\n}\n#sbz92 .justify-content-between {\n  justify-content: space-between !important;\n}\n#sbz92 .no-shrink {\n  flex-shrink: 0 !important;\n}\n#sbz92 .loading {\n  flex: 1 !important;\n  align-items: center !important;\n  justify-content: center !important;\n  display: flex !important;\n  flex-direction: column !important;\n  background: white !important;\n}\n#sbz92 .avatar-container {\n  text-align: center !important;\n}\n#sbz92 .avatar {\n  position: relative !important;\n  object-fit: cover !important;\n  display: inline-block !important;\n}\n#sbz92 .group-avatar--primary .avatar {\n  width: 40px !important;\n  height: 40px !important;\n  border-radius: 35px !important;\n}\n#sbz92 .group-avatar--secondary .avatar {\n  position: relative !important;\n  width: 35px !important;\n  height: 35px !important;\n  border-radius: 35px !important;\n}\n#sbz92 .avatar.avatar__account {\n  width: 38px !important;\n  height: 38px !important;\n  border-radius: 38px !important;\n  margin-right: 7.5px !important;\n}\n#sbz92 .group-avatar--primary .group-avatar--agent-middle {\n  width: 50px !important;\n  height: 50px !important;\n  margin-left: -10px !important;\n  z-index: 3 !important;\n  position: relative !important;\n}\n#sbz92 .group-avatar--primary .group-avatar--agent-left {\n  z-index: 2 !important;\n}\n#sbz92 .group-avatar--primary .group-avatar--agent-right {\n  z-index: 2 !important;\n  margin-left: -10px !important;\n}\n#sbz92 .group-avatar--secondary .group-avatar--agent-left {\n  z-index: 3 !important;\n}\n#sbz92 .group-avatar--secondary .group-avatar--agent-middle {\n  z-index: 2 !important;\n  margin-left: -15px !important;\n}\n#sbz92 .group-avatar--secondary .group-avatar--agent-right {\n  z-index: 1 !important;\n  margin-left: -15px !important;\n}\n#sbz92 .widget-header {\n  z-index: -1 !important;\n  position: relative !important;\n  transition: height 0.2s !important;\n  border-radius: 15px 15px 0px 0px !important;\n  background: '@background' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  width: 100% !important;\n}\n#sbz92 .widget-header .widget-header--total-unread-convo {\n  font-size: 13px !important;\n  font-weight: 500 !important;\n  background: #ef000d !important;\n  display: flex !important;\n  border-radius: 50% !important;\n  justify-content: center !important;\n  align-items: center !important;\n  width: 20px !important;\n  height: 20px !important;\n  position: absolute !important;\n  cursor: pointer !important;\n  right: -8px !important;\n  top: -4px !important;\n}\n#sbz92 .widget-header--collapsed {\n  height: auto !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--collapsed {\n  height: auto !important;\n  padding: 15px 22.5px !important;\n  position: relative !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--collapsed .widget-header--title {\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  font-weight: 500 !important;\n  text-overflow: ellipsis !important;\n  font-size: 16px !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--collapsed .widget-header--description {\n  font-size: 14px !important;\n  overflow: hidden !important;\n  opacity: 0.7 !important;\n  flex: 1 !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  margin-top: 2.5px !important;\n  position: relative !important;\n  line-height: 1.5 !important;\n}\n#sbz92 .mobile .widget-header {\n  border-radius: 0px !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded {\n  height: 224px !important;\n  padding: 15px 22.5px !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded .widget-header--top-wrapper {\n  display: flex !important;\n  flex-direction: row !important;\n  align-items: center !important;\n  margin-bottom: 10px !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded .widget-header--avatar-wrapper {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded .widget-header--title {\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  font-weight: 500 !important;\n  text-overflow: ellipsis !important;\n  flex: 1 !important;\n  font-size: 16px !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--expanded .widget-header--description {\n  position: relative !important;\n  text-align: center !important;\n  margin-top: 15px !important;\n  white-space: pre-wrap !important;\n  display: -webkit-box !important;\n  -webkit-box-orient: vertical !important;\n  -webkit-line-clamp: 2 !important;\n  overflow: hidden !important;\n  line-height: 1.5 !important;\n}\n#sbz92 .widget-header--convo-expanded {\n  height: 224px !important;\n}\n#sbz92 .widget-header--inner {\n  position: absolute !important;\n  top: 0 !important;\n  left: 50% !important;\n  transform: translateX(-50%) !important;\n  width: 100% !important;\n  opacity: 1 !important;\n  display: flex !important;\n}\n#sbz92 .widget-header--inner.widget-header--inner--hidden {\n  opacity: 0 !important;\n  transform: scale(0) !important;\n  animation-duration: 0.05s !important;\n  animation-name: hide !important;\n}\n#sbz92 .widget-header--title-container {\n  min-width: 0 !important;\n  flex: 1 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  z-index: 1 !important;\n}\n#sbz92 .widget-header--button-close {\n  display: flex !important;\n  border-radius: 6px !important;\n  justify-self: flex-end !important;\n  align-items: center !important;\n  align-self: flex-start !important;\n  opacity: 0.6 !important;\n  transition: opacity 0.15s ease, scale 0.15s ease, filter 0.15s ease !important;\n  filter: brightness(0.95) !important;\n}\n#sbz92 .widget-header--button-close:hover {\n  opacity: 1 !important;\n  filter: brightness(1.1) !important;\n  scale: 1.1 !important;\n}\n#sbz92 .widget-header--button-close-icon {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjIiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci14Ij48bGluZSB4MT0iMTgiIHkxPSI2IiB4Mj0iNiIgeTI9IjE4Ij48L2xpbmU+PGxpbmUgeDE9IjYiIHkxPSI2IiB4Mj0iMTgiIHkyPSIxOCI+PC9saW5lPjwvc3ZnPgo=') !important;\n  background-size: contain !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  width: 24px !important;\n  height: 24px !important;\n  display: block !important;\n  cursor: pointer !important;\n}\n#sbz92 .widget-header--button-back {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9IndoaXRlIiAgc3Ryb2tlLXdpZHRoPSIyIiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTQgNmwxNiAwIiAvPjxwYXRoIGQ9Ik00IDEybDE2IDAiIC8+PHBhdGggZD0iTTQgMThsMTYgMCIgLz48L3N2Zz4K') !important;\n  background-size: contain !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  background-size: 24px 24px !important;\n  width: 24px !important;\n  height: 24px !important;\n  display: block !important;\n  position: relative !important;\n}\n#sbz92 .widget-header--wrap-button-back {\n  display: flex !important;\n  position: relative !important;\n  margin-right: 7.5px !important;\n  cursor: pointer !important;\n  scale: 1 !important;\n  opacity: 0.6 !important;\n  transition: opacity 0.15s ease, scale 0.15s ease, filter 0.15s ease !important;\n  filter: brightness(0.95) !important;\n}\n#sbz92 .widget-header--wrap-button-back:hover {\n  opacity: 1 !important;\n  filter: brightness(1.1) !important;\n  scale: 1.1 !important;\n}\n#sbz92 .fade-enter-active,\n#sbz92 .fade-leave-active {\n  transition: opacity 0.5s ease-out 0.2s !important;\n}\n#sbz92 .fade-enter,\n#sbz92 .fade-leave-to {\n  opacity: 0 !important;\n}\n#sbz92 .slide-fade-enter-active {\n  transition: all 0.3s ease !important;\n}\n#sbz92 .slide-fade-leave-active {\n  transition: all 0.2s cubic-bezier(1, 0.5, 0.8, 1) !important;\n}\n#sbz92 .slide-fade-enter,\n#sbz92 .slide-fade-leave-to {\n  transform: translateX(10px) !important;\n  opacity: 0 !important;\n}\n#sbz92 .widget_header__body {\n  padding-bottom: 70px !important;\n}\n#sbz92 .widget_header__body.widget_header__body__social {\n  display: flex !important;\n}\n#sbz92 .social__account_logo {\n  height: 90px !important;\n  width: 90px !important;\n  margin-right: 15px !important;\n  border-radius: 15px !important;\n  object-fit: cover !important;\n}\n#sbz92 .social__introduction {\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  max-height: 72px !important;\n  overflow: hidden !important;\n  display: -webkit-box !important;\n  -webkit-box-orient: vertical !important;\n  -webkit-line-clamp: 3 !important;\n}\n#sbz92 .social__links {\n  display: flex !important;\n  flex-direction: row !important;\n}\n#sbz92 .social__links-logo {\n  height: 30px !important;\n  width: 30px !important;\n  border-radius: 50% !important;\n  margin-right: 10px !important;\n  margin-top: 5px !important;\n  background-size: contain !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  display: block !important;\n}\n#sbz92 .social__links-logo--facebook {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Ccircle%20cx%3D%2215%22%20cy%3D%2215%22%20r%3D%2215%22%20fill%3D%22%230264FF%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M17.2944%2029.8252C16.5464%2029.9404%2015.7803%2030%2015%2030C14.0962%2030%2013.2109%2029.9199%2012.3511%2029.7666V18.4775H10V14.4287H12.3511V11.8086C12.3511%209.93457%2013.2744%207%2017.3384%207L21%207.01465V10.9453H18.3433C17.9075%2010.9453%2017.2947%2011.1553%2017.2947%2012.0488V14.4326H20.989L20.5571%2018.4775H17.2944V29.8252Z%22%20fill%3D%22white%22/%3E%3C/svg%3E') !important;\n}\n#sbz92 .social__links-logo--messenger {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Crect%20width%3D%2230%22%20height%3D%2230%22%20rx%3D%2215%22%20fill%3D%22%23007FFF%22/%3E%3Crect%20x%3D%224.28564%22%20y%3D%226%22%20width%3D%2221.4286%22%20height%3D%2218.8571%22%20fill%3D%22white%22/%3E%3Cpath%20d%3D%22M14.9478%2014.5713C14.8228%2014.5917%2014.6974%2014.6104%2014.5715%2014.6276C14.6974%2014.6104%2014.8228%2014.5917%2014.9478%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.7507%2014.5713C14.691%2014.5823%2014.6313%2014.5923%2014.5715%2014.6026C14.6313%2014.5923%2014.691%2014.5823%2014.7507%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M15.0126%2014.5713C14.8663%2014.5878%2014.7192%2014.6024%2014.5715%2014.6148C14.7192%2014.6024%2014.8663%2014.5878%2015.0126%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.783%2014.5713C14.7128%2014.5807%2014.642%2014.5894%2014.5715%2014.5976C14.642%2014.5894%2014.7128%2014.5807%2014.783%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.7299%2014.5713C14.6773%2014.5825%2014.6244%2014.5937%2014.5715%2014.6045C14.6244%2014.5937%2014.6773%2014.5825%2014.7299%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.6992%2014.5713C14.6567%2014.5834%2014.6141%2014.5949%2014.5715%2014.6068C14.6141%2014.5949%2014.6567%2014.5834%2014.6992%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.7107%2014.5713C14.6645%2014.5834%2014.618%2014.5958%2014.5715%2014.6075C14.618%2014.5958%2014.6645%2014.5836%2014.7107%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.7194%2014.5713C14.6704%2014.5827%2014.621%2014.5935%2014.5715%2014.6045C14.621%2014.5935%2014.6704%2014.5827%2014.7194%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.8087%2014.5713C14.7297%2014.5779%2014.6507%2014.5839%2014.5715%2014.5891C14.6507%2014.5839%2014.7297%2014.5779%2014.8087%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M15.0417%2014.5713C14.8856%2014.5814%2014.7288%2014.5894%2014.5715%2014.5946C14.7288%2014.5894%2014.8856%2014.5814%2015.0417%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.8206%2014.5713C14.7377%2014.574%2014.6546%2014.5761%2014.5715%2014.5775C14.6546%2014.5761%2014.7377%2014.574%2014.8206%2014.5713Z%22%20fill%3D%22black%22/%3E%3Cpath%20d%3D%22M14.1547%2012.3174L9.29419%2017.4636L13.7176%2015.0365L16.0288%2017.4636L20.8621%2012.3174L16.4877%2014.7019L14.1547%2012.3174Z%22%20fill%3D%22%23448AFF%22/%3E%3Cpath%20d%3D%22M15%200C6.717%200%200%206.717%200%2015C0%2023.283%206.717%2030%2015%2030C23.283%2030%2030%2023.283%2030%2015C30%206.717%2023.283%200%2015%200ZM15.1172%2023.0294C14.1886%2023.0294%2013.2923%2022.8983%2012.4491%2022.6554L9.42421%2024.375V21.14C7.39815%2019.5982%206.10428%2017.2501%206.10428%2014.6203C6.10428%209.97581%2010.1395%206.21094%2015.1172%206.21094C20.0951%206.21094%2024.1301%209.97581%2024.1301%2014.6203C24.1301%2019.2643%2020.0951%2023.0294%2015.1172%2023.0294V23.0294Z%22%20fill%3D%22%23007FFF%22/%3E%3C/svg%3E') !important;\n}\n#sbz92 .social__links-logo--email {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M22.6875%2012.9688C21.9375%2013.5625%2020.3125%2014.75%2017.875%2016.5L17.5625%2016.75C17.0625%2017.125%2016.6875%2017.4062%2016.375%2017.5625C15.875%2017.875%2015.4062%2018%2015%2018C14.5625%2018%2014.125%2017.875%2013.625%2017.5938C13.3125%2017.4375%2012.9375%2017.1562%2012.4375%2016.7812L12.125%2016.5C9.59375%2014.6875%208%2013.5%207.3125%2012.9688C7.25%2012.9375%207.15625%2012.9375%207.09375%2012.9688C7.03125%2013%207%2013.0625%207%2013.125V19.5C7%2019.9375%207.125%2020.2812%207.4375%2020.5625C7.71875%2020.875%208.0625%2021%208.5%2021H21.5C21.9062%2021%2022.25%2020.875%2022.5625%2020.5625C22.8438%2020.2812%2023%2019.9375%2023%2019.5V13.125C23%2013.0625%2022.9375%2013%2022.875%2012.9375C22.8125%2012.9062%2022.75%2012.9062%2022.6875%2012.9688ZM15%2017C14.7188%2017%2014.375%2016.875%2014%2016.625C13.75%2016.5%2013.4375%2016.2812%2013.0312%2015.9375L12.7188%2015.7188C10.1562%2013.8438%208.40625%2012.5625%207.5%2011.8438L7.28125%2011.6875C7.09375%2011.5625%207%2011.3438%207%2011.0938V10.5C7%2010.0938%207.125%209.75%207.4375%209.4375C7.71875%209.15625%208.0625%209%208.5%209H21.5C21.9062%209%2022.25%209.15625%2022.5625%209.4375C22.8438%209.75%2023%2010.0938%2023%2010.5V11.0938C23%2011.3438%2022.9062%2011.5625%2022.7188%2011.6875L22.5625%2011.8125C21.6562%2012.5312%2019.9062%2013.8438%2017.2812%2015.7188L16.9688%2015.9375C16.5312%2016.2812%2016.2188%2016.5%2016%2016.625C15.5938%2016.875%2015.25%2017%2015%2017Z%22%20fill%3D%22white%22/%3E%3C/svg%3E') !important;\n}\n#sbz92 .social__links-logo--zalo {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20width%3D%2230%22%20height%3D%2230%22%20viewBox%3D%220%200%2030%2030%22%20fill%3D%22none%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M29.9999%2014.9385C29.9669%206.68262%2023.2639%200%2015%200C6.7157%200%200%206.71582%200%2015C0%2023.2842%206.7157%2030%2015%2030C23.2639%2030%2029.9669%2023.3174%2029.9999%2015.0615C29.9999%2015.041%2030%2015.0205%2030%2015C30%2014.9795%2029.9999%2014.959%2029.9999%2014.9385Z%22%20fill%3D%22white%22/%3E%3Cpath%20d%3D%22M24.5612%2017.4695C22.9394%2017.4726%2021.6242%2016.1862%2021.6279%2014.6005C21.6316%2013.0345%2022.9474%2011.7445%2024.5473%2011.7383C26.1556%2011.732%2027.4826%2013.0349%2027.4786%2014.6162C27.4746%2016.1926%2026.1719%2017.4665%2024.5612%2017.4695ZM22.8416%2014.6183C22.8459%2015.5573%2023.6166%2016.3004%2024.5777%2016.2923C25.5165%2016.2845%2026.2699%2015.5301%2026.2673%2014.6005C26.2646%2013.6712%2025.51%2012.9317%2024.56%2012.9277C23.6012%2012.9237%2022.8373%2013.6751%2022.8416%2014.6183Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20d%3D%22M19.5054%2010.0762H20.795V17.4217H19.9447C19.7021%2017.4217%2019.5054%2017.225%2019.5054%2016.9823V10.0762Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20d%3D%22M18.5227%2011.8907H17.2881V12.2935C16.5767%2011.8601%2015.8509%2011.6775%2015.06%2011.831C14.2526%2011.9876%2013.6164%2012.4043%2013.167%2013.0917C12.4538%2014.1826%2012.5894%2015.5904%2013.4938%2016.5431C14.3504%2017.4454%2015.8628%2017.8178%2017.2815%2016.9247C17.2835%2016.934%2017.286%2016.9422%2017.2881%2016.9511V16.9826C17.2881%2017.2252%2017.4849%2017.422%2017.7275%2017.422H18.5227V11.8907V11.8907ZM15.5853%2016.2787C14.6636%2016.268%2013.8924%2015.5006%2013.8986%2014.6004C13.9048%2013.692%2014.6716%2012.9481%2015.602%2012.9479C16.5427%2012.9477%2017.2871%2013.6781%2017.2882%2014.6026C17.2893%2015.5333%2016.521%2016.2896%2015.5853%2016.2787Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20d%3D%22M8.0481%2016.2438C9.39854%2014.5856%2010.6939%2012.9885%2011.9984%2011.3989C12.2464%2011.0968%2012.3662%2010.7671%2012.3731%2010.3807C12.3761%2010.2135%2012.3261%2010.1646%2012.1596%2010.165C11.6056%2010.1666%206.41195%2010.165%206.41195%2010.165V11.4709H10.4978C10.4424%2011.543%207.83556%2014.7218%206.57932%2016.2403C6.37112%2016.4919%206.26503%2016.7645%206.25401%2017.0936C6.24628%2017.3242%206.28864%2017.4139%206.52267%2017.4211V17.4217H11.9356C12.1782%2017.4217%2012.3749%2017.225%2012.3749%2016.9823V16.2487V16.2438H8.0481V16.2438Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M4.948%2026.1338C6.03613%2027.1172%207.26917%2027.9424%208.61108%2028.5752V26.1338H4.948ZM0.00268555%2014.7119C0.0775146%2010.7393%201.69666%207.14453%204.28479%204.50293C4.0459%204.98242%203.83435%205.47949%203.64661%205.99121C2.58862%208.87598%202.31299%2011.8506%202.69116%2014.8916C2.95862%2017.042%203.55518%2019.0869%204.63391%2020.9775C4.8269%2021.3154%205.02271%2021.6582%205.26489%2021.9609C5.76672%2022.5879%205.80981%2023.2725%205.59888%2024.0049C5.4873%2024.3926%205.32227%2024.75%205.11304%2025.082C4.95691%2025.3291%204.77612%2025.5635%204.57434%2025.7842C1.81921%2023.1201%200.0819092%2019.4102%200.00280762%2015.2939C0.000976562%2015.1963%200%2015.0986%200%2015C0%2014.9033%200.000854492%2014.8076%200.00268555%2014.7119Z%22%20fill%3D%22%230068FE%22/%3E%3Cpath%20fill-rule%3D%22evenodd%22%20clip-rule%3D%22evenodd%22%20d%3D%22M24.8226%2026.3367C22.191%2028.6189%2018.7568%2029.9998%2015%2029.9998C11.1449%2029.9998%207.62952%2028.5457%204.97241%2026.156C6.32458%2026.1921%207.61877%2025.9031%208.86353%2025.3464C8.97681%2025.2957%209.06262%2025.3113%209.16443%2025.364C12.2258%2026.9646%2015.5131%2027.5125%2018.926%2027.3962C20.9574%2027.3269%2022.9333%2027.0046%2024.8226%2026.3367Z%22%20fill%3D%22%23015BDF%22/%3E%3C/svg%3E') !important;\n}\n@keyframes hide {\n  100% {\n    opacity: 0;\n    transform: scale(0);\n  }\n}\n#sbz92 .widget-header-expand-container {\n  width: 100% !important;\n}\n#sbz92 .message-input {\n  width: 100% !important;\n  border-top: 1px solid #e3e3e3 !important;\n  display: flex !important;\n  flex-direction: row !important;\n  padding: 15px 22.5px !important;\n}\n#sbz92 .message-input--disabled {\n  background: #f0f0f0 !important;\n  opacity: 0.6 !important;\n  filter: grayscale(1) !important;\n}\n#sbz92 textarea[disabled='disabled']::-webkit-input-placeholder {\n  color: #a4a4a4 !important;\n  -webkit-text-fill-color: #a4a4a4 !important;\n}\n#sbz92 textarea[disabled='disabled']:-ms-input-placeholder {\n  color: #a4a4a4 !important;\n  -webkit-text-fill-color: #a4a4a4 !important;\n}\n#sbz92 textarea[disabled='disabled']::placeholder {\n  color: #a4a4a4 !important;\n  -webkit-text-fill-color: #a4a4a4 !important;\n}\n#sbz92 .message-input--input {\n  word-wrap: break-word !important;\n  resize: none !important;\n  flex: 1 !important;\n  align-self: center !important;\n  margin-right: 7.5px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .message-input--input::placeholder {\n  opacity: 0.5 !important;\n  /* Firefox */\n}\n#sbz92 .message-input--input::-ms-input-placeholder {\n  /* Edge 12 -18 */\n  opacity: 0.5 !important;\n  /* Firefox */\n}\n#sbz92 .message-input--emoji-button {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImdyYXkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXNtaWxlIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCI+PC9jaXJjbGU+PHBhdGggZD0iTTggMTRzMS41IDIgNCAyIDQtMiA0LTIiPjwvcGF0aD48bGluZSB4MT0iOSIgeTE9IjkiIHgyPSI5LjAxIiB5Mj0iOSI+PC9saW5lPjxsaW5lIHgxPSIxNSIgeTE9IjkiIHgyPSIxNS4wMSIgeTI9IjkiPjwvbGluZT48L3N2Zz4K') !important;\n}\n#sbz92 .message-input--button {\n  background-size: 70% !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  width: 32px !important;\n  height: 32px !important;\n  display: block !important;\n  cursor: pointer !important;\n  position: relative !important;\n  border-radius: 20px !important;\n  transition: background-color 0.2s !important;\n}\n#sbz92 .message-input--button:hover {\n  background-color: #eeeeee !important;\n}\n#sbz92 .message-input--disabled .message-input--button {\n  cursor: default !important;\n}\n#sbz92 .message-input--disabled .message-input--button {\n  cursor: default !important;\n}\n#sbz92 .message-input--attachment-button {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9ImdyYXkiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLXBhcGVyY2xpcCI+PHBhdGggZD0iTTIxLjQ0IDExLjA1bC05LjE5IDkuMTlhNiA2IDAgMCAxLTguNDktOC40OWw5LjE5LTkuMTlhNCA0IDAgMCAxIDUuNjYgNS42NmwtOS4yIDkuMTlhMiAyIDAgMCAxLTIuODMtMi44M2w4LjQ5LTguNDgiPjwvcGF0aD48L3N2Zz4K') !important;\n}\n#sbz92 .message-input--send-button {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2225%22%20height%3D%2225%22%20viewBox%3D%220%200%2024%2024%22%20stroke-width%3D%221.5%22%20stroke%3D%22@esc-primary-color-esc%22%20fill%3D%22none%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%3E%3Cpath%20stroke%3D%22none%22%20d%3D%22M0%200h24v24H0z%22%20fill%3D%22none%22/%3E%3Cpath%20d%3D%22M4.698%204.034l16.302%207.966l-16.302%207.966a.503%20.503%200%200%201%20-.546%20-.124a.555%20.555%200%200%201%20-.12%20-.568l2.468%20-7.274l-2.468%20-7.274a.555%20.555%200%200%201%20.12%20-.568a.503%20.503%200%200%201%20.546%20-.124z%22%20fill%3D%22@esc-primary-color-esc%22/%3E%3Cpath%20d%3D%22M6.5%2012h14.5%22%20/%3E%3C/svg%3E') !important;\n  background-size: 82% !important;\n}\n#sbz92 .message-input--preform {\n  justify-content: center !important;\n  padding: 11px !important;\n  @spacer 2;\n}\n#sbz92 .btn--preform {\n  border-radius: 7px !important;\n  padding-left: 32px !important;\n  padding-right: 32px !important;\n  height: 40px !important;\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n  font-size: 14px !important;\n  line-height: 20px !important;\n  text-align: center !important;\n  background: '@primary_color' !important;\n  width: 60% !important;\n}\n#sbz92 .widget-body.embed-chat .message-input {\n  border: 1px solid #e3e3e3 !important;\n  border-radius: 8px !important;\n  margin-bottom: 20px !important;\n}\n#sbz92 .form-label {\n  margin-top: 15px !important;\n}\n#sbz92 .form {\n  border: 1px solid #eeeeee !important;\n  box-sizing: border-box !important;\n  box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.15) !important;\n  border-radius: 7px !important;\n}\n#sbz92 textarea.form-control {\n  resize: none !important;\n  word-wrap: break-word !important;\n}\n#sbz92 .form-control--container {\n  position: relative !important;\n}\n#sbz92 input.form-control[disabled] {\n  background: #f9f9f9 !important;\n}\n#sbz92 .form-control--container .form-control--check {\n  position: absolute !important;\n  right: 10px !important;\n  top: 10px !important;\n  background-size: 100% 100% !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  width: 20px !important;\n  height: 20px !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM1QkFBMUQiIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNoZWNrIj48cG9seWxpbmUgcG9pbnRzPSIyMCA2IDkgMTcgNCAxMiI+PC9wb2x5bGluZT48L3N2Zz4K') !important;\n}\n#sbz92 .form-control--valid-input--error {\n  color: #dc3545 !important;\n  -webkit-text-fill-color: #dc3545 !important;\n  font-size: 14px !important;\n  padding-top: 5px !important;\n}\n#sbz92 input[type='text'].form-control.input--error,\n#sbz92 input[type='tel'].form-control.input--error,\n#sbz92 input[type='email'].form-control.input--error,\n#sbz92 input[type='number'].form-control.input--error,\n#sbz92 input[type='date'].form-control.input--error,\n#sbz92 textarea.form-control.input--error,\n#sbz92 select.form-control.input--error {\n  border: 1px solid #dc3545 !important;\n  background: #dd41500f !important;\n}\n#sbz92 input[type='text'].form-control,\n#sbz92 input[type='tel'].form-control,\n#sbz92 input[type='email'].form-control,\n#sbz92 input[type='number'].form-control,\n#sbz92 input[type='date'].form-control,\n#sbz92 textarea.form-control,\n#sbz92 select.form-control {\n  width: 100% !important;\n  border: 1px solid #c4c4c4 !important;\n  border-radius: 8px !important;\n  transition: all 100ms ease !important;\n  padding: 10px 12px !important;\n}\n#sbz92 input[type='text'].form-control:hover,\n#sbz92 input[type='tel'].form-control:hover,\n#sbz92 input[type='email'].form-control:hover,\n#sbz92 input[type='number'].form-control:hover,\n#sbz92 input[type='date'].form-control:hover,\n#sbz92 textarea.form-control:hover,\n#sbz92 select.form-control:hover {\n  border: 1px solid #6c757d !important;\n}\n#sbz92 input[type='text'].form-control.input--error:hover,\n#sbz92 input[type='tel'].form-control.input--error:hover,\n#sbz92 input[type='email'].form-control.input--error:hover,\n#sbz92 input[type='number'].form-control.input--error:hover,\n#sbz92 input[type='date'].form-control.input--error:hover,\n#sbz92 textarea.form-control.input--error:hover,\n#sbz92 select.form-control.input--error:hover {\n  border: 1px solid #dc3545 !important;\n}\n#sbz92 select.form-control {\n  padding: 1px 8px !important;\n}\n#sbz92 input[type='date'].form-control {\n  height: 40px !important;\n  width: 100% !important;\n  background-color: #fff !important;\n}\n#sbz92 .form-wrapper-attachment input[type='date'].form-control {\n  height: 32px !important;\n  padding-top: 6px !important;\n  padding-bottom: 6px !important;\n}\n#sbz92 input[type='text'].form-control:focus,\n#sbz92 input[type='tel'].form-control:focus,\n#sbz92 input[type='email'].form-control:focus,\n#sbz92 input[type='number'].form-control:focus,\n#sbz92 input[type='date'].form-control:focus,\n#sbz92 textarea.form-control:focus,\n#sbz92 select.form-control:focus {\n  border: 1px solid '@primary_color' !important;\n}\n#sbz92 input[type='text'].form-control.input--error:focus,\n#sbz92 input[type='tel'].form-control.input--error:focus,\n#sbz92 input[type='email'].form-control.input--error:focus,\n#sbz92 input[type='number'].form-control.input--error:focus,\n#sbz92 input[type='date'].form-control.input--error:focus,\n#sbz92 textarea.form-control.input--error:focus,\n#sbz92 select.form-control.input--error:focus {\n  border: 1px solid #dc3545 !important;\n}\n#sbz92 .label {\n  display: block !important;\n  padding-bottom: 6px !important;\n  margin-top: 8px !important;\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n  font-size: 14px !important;\n  font-weight: 500 !important;\n}\n#sbz92 .form--btn-submit {\n  border-radius: 7px !important;\n  padding-left: 32px !important;\n  padding-right: 32px !important;\n  width: 100% !important;\n}\n#sbz92 .form .radio {\n  display: block !important;\n  position: relative !important;\n  width: 100% !important;\n  margin-top: 5px !important;\n}\n#sbz92 .form .radio:first-of-type {\n  margin-top: 0 !important;\n}\n#sbz92 .form input[type='radio'] {\n  position: absolute !important;\n  visibility: hidden !important;\n}\n#sbz92 .form .radio--label {\n  padding-left: 22px !important;\n  display: block !important;\n  position: relative !important;\n  z-index: 9 !important;\n  cursor: pointer !important;\n}\n#sbz92 .form .radio--check {\n  display: block !important;\n  position: absolute !important;\n  border: 1px solid #aaa !important;\n  border-radius: 100% !important;\n  height: 16px !important;\n  width: 16px !important;\n  top: 0px !important;\n  left: 0px !important;\n  z-index: 5 !important;\n  transition: border 0.15s linear !important;\n  -webkit-transition: border 0.15s linear !important;\n}\n#sbz92 .form .radio--check:hover {\n  border: 1px solid #888 !important;\n}\n#sbz92 .form .radio--check::before {\n  display: block !important;\n  position: absolute !important;\n  content: '' !important;\n  border-radius: 100% !important;\n  height: 10px !important;\n  width: 10px !important;\n  top: 2px !important;\n  left: 2px !important;\n  margin: auto !important;\n  transition: background 0.15s linear !important;\n  -webkit-transition: background 0.15s linear !important;\n}\n#sbz92 .form input[type='radio']:checked ~ .radio--check {\n  border: 1px solid '@primary_color' !important;\n}\n#sbz92 .form input[type='radio']:checked ~ .radio--check::before {\n  background: '@primary_color' !important;\n}\n#sbz92 .form .checkbox {\n  display: block !important;\n  position: relative !important;\n  width: 100% !important;\n  margin-top: 5px !important;\n}\n#sbz92 .form .checkbox:first-of-type {\n  margin-top: 0 !important;\n}\n#sbz92 .form input[type='checkbox'] {\n  position: absolute !important;\n  visibility: hidden !important;\n}\n#sbz92 .form .checkbox--label {\n  padding-left: 22px !important;\n  display: block !important;\n  position: relative !important;\n  z-index: 9 !important;\n  cursor: pointer !important;\n}\n#sbz92 .form .checkbox--check {\n  display: block !important;\n  position: absolute !important;\n  border: 1px solid #aaa !important;\n  border-radius: 4 px !important;\n  height: 16px !important;\n  width: 16px !important;\n  top: 0px !important;\n  left: 0px !important;\n  z-index: 5 !important;\n  transition: border 0.15s linear !important;\n  -webkit-transition: border 0.15s linear !important;\n}\n#sbz92 .form .checkbox--check:hover {\n  border: 1px solid #888 !important;\n}\n#sbz92 .form .checkbox--check::before {\n  display: block !important;\n  position: absolute !important;\n  content: '' !important;\n  height: 100% !important;\n  width: 100% !important;\n  margin: auto !important;\n  transition: background 0.15s linear !important;\n  -webkit-transition: background 0.15s linear !important;\n}\n#sbz92 .form input[type='checkbox']:checked ~ .checkbox--check {\n  border: 1px solid '@primary_color' !important;\n}\n#sbz92 .form input[type='checkbox']:checked ~ .checkbox--check::before {\n  background: '@primary_color' !important;\n}\n#sbz92 .form .select .form-control {\n  padding-right: 20px !important;\n}\n#sbz92 .form select {\n  /*background: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHZpZXdCb3g9IjAgMCAyMCAyMCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik00LjQxMDU4IDYuOTExMDdDNC43MzYwMiA2LjU4NTYzIDUuMjYzNjYgNi41ODU2MyA1LjU4OTA5IDYuOTExMDdMOS45OTk4NCAxMS4zMjE4TDE0LjQxMDYgNi45MTEwN0MxNC43MzYgNi41ODU2MyAxNS4yNjM3IDYuNTg1NjMgMTUuNTg5MSA2LjkxMTA3QzE1LjkxNDUgNy4yMzY1MSAxNS45MTQ1IDcuNzY0MTQgMTUuNTg5MSA4LjA4OTU4TDEwLjU4OTEgMTMuMDg5NkMxMC4yNjM3IDEzLjQxNSA5LjczNjAyIDEzLjQxNSA5LjQxMDU4IDEzLjA4OTZMNC40MTA1OCA4LjA4OTU4QzQuMDg1MTQgNy43NjQxNCA0LjA4NTE0IDcuMjM2NTEgNC40MTA1OCA2LjkxMTA3WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+\") no-repeat right;*/\n}\n#sbz92 .form-require-info--list {\n  background: #fff !important;\n  overflow-y: auto !important;\n  overflow-x: hidden !important;\n}\n#sbz92 .form-require-info--title {\n  font-size: 18px !important;\n  line-height: 20px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  background: #fff !important;\n  border-bottom: 1px solid #f0f0f0 !important;\n}\n#sbz92 .form-require-info--item {\n  border-bottom: 1px solid #f0f0f0 !important;\n}\n#sbz92 .form-require-info--item:hover {\n  cursor: pointer !important;\n  background: #e0e0e0 !important;\n}\n#sbz92 input[type='checkbox'] {\n  background-color: initial !important;\n  cursor: default !important;\n  -webkit-appearance: checkbox !important;\n  box-sizing: border-box !important;\n  margin: 3px 3px 3px 4px !important;\n  padding: initial !important;\n  border: initial !important;\n}\n#sbz92 input[type='radio'] {\n  background-color: initial !important;\n  cursor: default !important;\n  -webkit-appearance: radio !important;\n  box-sizing: border-box !important;\n  margin: 3px 3px 0px 5px !important;\n  padding: initial !important;\n  border: initial !important;\n}\n#sbz92 option {\n  font-weight: normal !important;\n  display: block !important;\n  white-space: pre !important;\n  min-height: 1.2em !important;\n  padding: 0px 2px 1px !important;\n}\n#sbz92 select {\n  -webkit-writing-mode: horizontal-tb !important;\n  text-rendering: auto !important;\n  color: -internal-light-dark-color(black, white) !important;\n  letter-spacing: normal !important;\n  word-spacing: normal !important;\n  text-transform: none !important;\n  text-indent: 0px !important;\n  text-shadow: none !important;\n  display: inline-block !important;\n  text-align: start !important;\n  -webkit-appearance: menulist !important;\n  box-sizing: border-box !important;\n  align-items: center !important;\n  white-space: pre !important;\n  -webkit-rtl-ordering: logical !important;\n  background-color: -internal-light-dark-color(white, black) !important;\n  cursor: default !important;\n  margin: 0em !important;\n  font: 400 13.3333px Arial !important;\n  border-radius: 0px !important;\n  border-width: 1px !important;\n  border-style: solid !important;\n  border-color: #a9a9a9 !important;\n  border-image: initial !important;\n}\n#sbz92 select {\n  position: relative !important;\n  display: inline-block !important;\n  border: 2px #cccc solid !important;\n  border-radius: 5px !important;\n  height: 36px !important;\n  line-height: 34px !important;\n  padding: 0 12px !important;\n  font-size: 14px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .custom-select--wrap-selected {\n  display: flex !important;\n  position: relative !important;\n  justify-content: space-between !important;\n  cursor: pointer !important;\n  border: 1px solid #d8d8d8 !important;\n  border-radius: 5px !important;\n  padding: 5px !important;\n}\n#sbz92 .custom-select--selected-items {\n  display: flex !important;\n  align-items: center !important;\n  flex-wrap: wrap !important;\n}\n#sbz92 .custom-select--selected-item {\n  display: flex !important;\n  align-items: center !important;\n  margin: 3px 3px !important;\n  padding: 1px 6px !important;\n  border-radius: 5px !important;\n  border: 1px solid #d8d8d8 !important;\n  font-size: 14px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  vertical-align: top !important;\n}\n#sbz92 .icn-delete:before {\n  display: flex !important;\n  justify-items: center !important;\n  font-size: 12px !important;\n  margin-left: 5px !important;\n  opacity: 0.5 !important;\n  content: '\\2715' !important;\n}\n#sbz92 .custom-select--wrap-options {\n  display: flex !important;\n  flex-direction: column !important;\n  position: absolute !important;\n  left: 0 !important;\n  top: 100% !important;\n  border: 1px solid #dadce0 !important;\n  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;\n  border-radius: 5px !important;\n  width: 100% !important;\n  background: #fff !important;\n  z-index: 11 !important;\n  max-height: 200px !important;\n  overflow-y: auto !important;\n}\n#sbz92 .custom-select--input-search {\n  font-size: 15px !important;\n  padding: 8px !important;\n  border-bottom: 1px solid #d8d8d8 !important;\n}\n#sbz92 .custom-select--items-options {\n  margin: 0 !important;\n  display: flex !important;\n  flex-direction: column !important;\n}\n#sbz92 .custom-select--item-options {\n  padding: 10px !important;\n  cursor: pointer !important;\n}\n#sbz92 .custom-select--item-options:hover {\n  background-color: '@primary_color' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n}\n#sbz92 .custom-select--icon-dropdown {\n  margin-left: auto !important;\n  float: right !important;\n  cursor: pointer !important;\n}\n#sbz92 .custom-select--icon-dropdown path {\n  d: path('M 7 9.5 L 12 14.5 L 17 9.5 H 7 Z') !important;\n  fill: black !important;\n}\n#sbz92 .form-component {\n  margin-bottom: 15px !important;\n}\n#sbz92 .form-component:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .form-component.submitted {\n  margin-bottom: 8px !important;\n}\n#sbz92 .form-component.form-component-submit-button {\n  margin-top: 20px !important;\n}\n#sbz92 .form-wrapper.form {\n  padding: 20px !important;\n  background-color: #fff !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form {\n  padding: 12px 15px !important;\n  margin-top: 5px !important;\n  box-shadow: 0 0 0 1px #eeeeee !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form input[type='text'].form-control,\n#sbz92 .form-wrapper.form-wrapper-attachment.form input[type='tel'].form-control,\n#sbz92 .form-wrapper.form-wrapper-attachment.form input[type='email'].form-control,\n#sbz92 .form-wrapper.form-wrapper-attachment.form input[type='number'].form-control,\n#sbz92 .form-wrapper.form-wrapper-attachment.form input[type='date'].form-control,\n#sbz92 .form-wrapper.form-wrapper-attachment.form select.form-control,\n#sbz92 .form-wrapper.form-wrapper-attachment.form textarea.form-control {\n  padding: 6px 10px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component {\n  margin-bottom: 12px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component.submitted {\n  margin-bottom: 5px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component.submitted:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component:first-child .label {\n  margin-top: 0 !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-component.form-component-submit-button {\n  margin-top: 16px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .label {\n  padding-bottom: 4px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .form-control--valid-input--error {\n  padding-top: 3px !important;\n}\n#sbz92 .form-wrapper.form-wrapper-attachment.form .btn--start-convo {\n  height: 36px !important;\n}\n#sbz92 select.form-control.form-control--empty {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n@media only screen and (min-width: 968px) {\n  #sbz92 .form-radios-wrapper.horizontal {\n    display: flex;\n    flex-wrap: wrap;\n  }\n  #sbz92 .form-radios-wrapper.horizontal .radio {\n    margin-right: 10px;\n    width: 300px;\n  }\n  #sbz92 .form-radios-wrapper.horizontal .radio:first-child {\n    margin-top: 0;\n  }\n  #sbz92 .form-radios-wrapper.horizontal .radio:nth-child(2) {\n    margin-top: 0;\n  }\n  #sbz92 .form-radios-wrapper.horizontal .radio:nth-child(2n) {\n    margin-right: 0;\n  }\n  #sbz92 .form-checkboxes-wrapper.horizontal {\n    display: flex;\n    flex-wrap: wrap;\n  }\n  #sbz92 .form-checkboxes-wrapper.horizontal .checkbox {\n    margin-right: 10px;\n    width: 300px;\n  }\n  #sbz92 .form-checkboxes-wrapper.horizontal .checkbox:first-child {\n    margin-top: 0;\n  }\n  #sbz92 .form-checkboxes-wrapper.horizontal .checkbox:nth-child(2) {\n    margin-top: 0;\n  }\n  #sbz92 .form-checkboxes-wrapper.horizontal .checkbox:nth-child(2n) {\n    margin-right: 0;\n  }\n}\n#sbz92 .form-ratings-wrapper {\n  display: inline-flex !important;\n}\n#sbz92 .star {\n  width: 32px !important;\n  height: 30px !important;\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_0___ + ") !important;\n  background-position: 0px 0px !important;\n  background-size: cover !important;\n}\n#sbz92 .form-wrapper-attachment .star-wrapper {\n  padding-right: 12px !important;\n}\n#sbz92 .star-wrapper {\n  cursor: pointer !important;\n  padding-right: 20px !important;\n}\n#sbz92 .star-wrapper:last-child {\n  padding-right: 0 !important;\n}\n#sbz92 .star-wrapper.hovering .star {\n  background-position: -32px 0 !important;\n}\n#sbz92 .star-wrapper.selected {\n  cursor: auto !important;\n}\n#sbz92 .star-wrapper.selected .star {\n  background-position: -64px 0 !important;\n}\n#sbz92 .conversation-history-error {\n  display: flex !important;\n  align-items: center !important;\n  gap: 8px !important;\n  margin: 8px 0 16px !important;\n  padding: 8px 10px !important;\n  border-radius: 10px !important;\n  background: #f5f6f8 !important;\n  color: #737782 !important;\n  font-size: 12px !important;\n  line-height: 18px !important;\n  text-align: left !important;\n}\n#sbz92 .conversation-history-error__text {\n  flex: 1 !important;\n  min-width: 0 !important;\n}\n#sbz92 .conversation-history-error__retry {\n  position: relative !important;\n  flex-shrink: 0 !important;\n  border: 0 !important;\n  border-radius: 6px !important;\n  padding: 5px 8px !important;\n  background: transparent !important;\n  color: #545866 !important;\n  font-size: 12px !important;\n  font-weight: 600 !important;\n  line-height: 18px !important;\n  cursor: pointer !important;\n}\n#sbz92 .conversation-history-error__retry:hover:not(:disabled) {\n  background: #e8eaf0 !important;\n}\n#sbz92 .conversation-history-error__retry:disabled {\n  cursor: wait !important;\n}\n#sbz92 .conversation-history-error__retry:focus-visible {\n  outline: 2px solid #737782 !important;\n  outline-offset: 2px !important;\n}\n#sbz92 .conversation-history-error__spinner {\n  position: absolute !important;\n  inset: 0 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n}\n#sbz92 .widget-body--events-container {\n  overflow-x: hidden !important;\n  overflow-y: auto !important;\n  display: flex !important;\n  flex-direction: column !important;\n  flex: 1 !important;\n  padding-left: 22.5px !important;\n  padding-right: 22.5px !important;\n}\n#sbz92 .widget-body--events {\n  padding-top: 20px !important;\n  flex: 1 !important;\n}\n#sbz92 .mobile .widget-body--events {\n  display: flex !important;\n  flex-direction: column !important;\n  justify-content: flex-end !important;\n  padding-bottom: 15px !important;\n}\n#sbz92 .widget-body--events-container.widget-body--events-container__error {\n  align-items: center !important;\n  justify-content: center !important;\n}\n#sbz92 .convo-event {\n  position: relative !important;\n}\n#sbz92 .convo-event-time {\n  text-align: center !important;\n  margin-top: 15px !important;\n}\n#sbz92 .convo-event-time span {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .file-attachment {\n  padding: 10px !important;\n  border-radius: 10px !important;\n  cursor: pointer !important;\n  margin: 5px 0 0 0 !important;\n}\n#sbz92 .file-attachment--agent {\n  background-color: '@primary_color' !important;\n  width: fit-content !important;\n}\n#sbz92 .file-attachment--user {\n  background-color: #eeeeee !important;\n  align-self: flex-end !important;\n}\n#sbz92 .file-attachment--link {\n  display: flex !important;\n  flex-direction: row !important;\n  align-items: center !important;\n  width: fit-content !important;\n}\n#sbz92 .file-attachment--agent .file-attachment--filename {\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  text-decoration: underline !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  max-width: 200px !important;\n}\n#sbz92 .file-attachment--user .file-attachment--filename {\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  text-decoration: underline !important;\n  text-overflow: ellipsis !important;\n  overflow: hidden !important;\n  white-space: nowrap !important;\n  max-width: 200px !important;\n}\n#sbz92 .file-attachment--download {\n  width: 24px !important;\n  height: 24px !important;\n  border-radius: 30px !important;\n  display: inline-block !important;\n}\n#sbz92 .file-attachment--agent .file-attachment--download {\n  background: '@text_color' !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMwMjY1RkYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWFycm93LWRvd24iPjxsaW5lIHgxPSIxMiIgeTE9IjUiIHgyPSIxMiIgeTI9IjE5Ij48L2xpbmU+PHBvbHlsaW5lIHBvaW50cz0iMTkgMTIgMTIgMTkgNSAxMiI+PC9wb2x5bGluZT48L3N2Zz4K') !important;\n  background-size: 15px 15px !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n}\n#sbz92 .file-attachment--user .file-attachment--download {\n  background: #c4c4c4 !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IndoaXRlIiBzdHJva2Utd2lkdGg9IjMiIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgY2xhc3M9ImZlYXRoZXIgZmVhdGhlci1hcnJvdy1kb3duIj48bGluZSB4MT0iMTIiIHkxPSI1IiB4Mj0iMTIiIHkyPSIxOSI+PC9saW5lPjxwb2x5bGluZSBwb2ludHM9IjE5IDEyIDEyIDE5IDUgMTIiPjwvcG9seWxpbmU+PC9zdmc+Cg==') !important;\n  background-size: 15px 15px !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n}\n#sbz92 .message-text--user {\n  line-height: 1.5 !important;\n  margin: 5px 0 0 !important;\n  display: inline-block !important;\n  font-weight: 500 !important;\n  background-color: '@primary_color' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  padding: 12px 16px 12px 16px !important;\n}\n#sbz92 .message-text--user.just-focused {\n  box-shadow: 0 0 0 2px #000 !important;\n}\n#sbz92 .message-text--agent.just-focused {\n  box-shadow: 0 0 0 2px #000 !important;\n}\n#sbz92 .message-text--user.message-user--error {\n  background-color: #dc3545 !important;\n}\n#sbz92 .message-text--deleted {\n  opacity: 0.7 !important;\n  font-style: italic !important;\n}\n#sbz92 .message-text--agent {\n  line-height: 1.5 !important;\n  white-space: pre-wrap !important;\n  display: inline-block !important;\n  background: '@primary_color_faded' !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  padding: 12px 16px 12px 16px !important;\n}\n#sbz92 .message-agent.message-text--agent {\n  max-width: 100% !important;\n  margin-top: 0 !important;\n}\n#sbz92 .message-block-pre {\n  display: block !important;\n  min-width: 0 !important;\n  max-width: 100% !important;\n  margin: 4px 0 !important;\n  padding: 10px 12px !important;\n  border: 1px solid rgba(0, 0, 0, 0.06) !important;\n  border-radius: 8px !important;\n  background: rgba(0, 0, 0, 0.03) !important;\n  white-space: pre-wrap !important;\n  overflow-wrap: anywhere !important;\n  word-break: normal !important;\n}\n#sbz92 .message-block-code,\n#sbz92 .message-block-code * {\n  font-family: 'SFMono-Regular', Consolas, 'Liberation Mono', Menlo, monospace !important;\n  font-size: 13px !important;\n  line-height: 20px !important;\n}\n#sbz92 .message-block-pre .message-block-code {\n  display: block !important;\n}\n#sbz92 .message-user__container {\n  display: flex !important;\n  flex-direction: row !important;\n  align-items: flex-end !important;\n  justify-content: flex-end !important;\n}\n#sbz92 .sending_dot.sending_dot__hide {\n  opacity: 0 !important;\n  background-color: #000 !important;\n}\n#sbz92 .sending_dot {\n  width: 15px !important;\n  height: 15px !important;\n  margin-right: 5px !important;\n  border-radius: 50% !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiM3NzciIHN0cm9rZS13aWR0aD0iMiIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWNsb2NrIj48Y2lyY2xlIGN4PSIxMiIgY3k9IjEyIiByPSIxMCI+PC9jaXJjbGU+PHBvbHlsaW5lIHBvaW50cz0iMTIgNiAxMiAxMiAxNiAxNCI+PC9wb2x5bGluZT48L3N2Zz4K') !important;\n  background-size: contain !important;\n  background-repeat: no-repeat !important;\n}\n#sbz92 .message-user {\n  border-radius: 18px !important;\n  border-bottom-right-radius: 4px !important;\n  max-width: 85% !important;\n  align-self: flex-end !important;\n  word-break: break-word !important;\n  position: relative !important;\n  white-space: pre-wrap !important;\n}\n#sbz92 .message-user.message-user-images-container {\n  width: 85% !important;\n  display: flex !important;\n  justify-content: flex-end !important;\n}\n#sbz92 .message-user.message-user-audio {\n  flex: 1 !important;\n}\n#sbz92 .message-agent {\n  border-radius: 18px !important;\n  border-bottom-left-radius: 4px !important;\n  max-width: 85% !important;\n  word-break: break-word !important;\n  position: relative !important;\n}\n#sbz92 a.message_error {\n  color: #dc3545 !important;\n  -webkit-text-fill-color: #dc3545 !important;\n  opacity: 0.8 !important;\n  display: block !important;\n  text-align: end !important;\n  font-size: 13px !important;\n  margin-top: 5px !important;\n  margin-bottom: 10px !important;\n}\n#sbz92 a.message_error:hover {\n  opacity: 1 !important;\n  color: #dc3545 !important;\n  -webkit-text-fill-color: #dc3545 !important;\n}\n#sbz92 .message_error__text {\n  display: inline-block !important;\n  vertical-align: text-top !important;\n}\n#sbz92 .message_error__icon {\n  display: inline-block !important;\n  vertical-align: bottom !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSIjZGMzNTQ1IiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMyIgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiBzdHJva2UtbGluZWpvaW49InJvdW5kIiBjbGFzcz0iZmVhdGhlciBmZWF0aGVyLWFsZXJ0LWNpcmNsZSI+PGNpcmNsZSBjeD0iMTIiIGN5PSIxMiIgcj0iMTAiPjwvY2lyY2xlPjxsaW5lIHgxPSIxMiIgeTE9IjgiIHgyPSIxMiIgeTI9IjEyIj48L2xpbmU+PGxpbmUgeDE9IjEyIiB5MT0iMTYiIHgyPSIxMi4wMSIgeTI9IjE2Ij48L2xpbmU+PC9zdmc+Cgo=') !important;\n  background-size: contain !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  width: 20px !important;\n  height: 20px !important;\n}\n#sbz92 .image-attachment__img {\n  width: 100% !important;\n  margin: 5px 0 0 0 !important;\n  border-radius: 7px !important;\n  border: 1px solid #eeeeee !important;\n}\n#sbz92 .image-attachment__preview {\n  position: relative !important;\n  display: inline-block !important;\n  vertical-align: top !important;\n  margin-top: 5px !important;\n  border-radius: 7px !important;\n  overflow: hidden !important;\n  max-width: 100% !important;\n}\n#sbz92 .image-attachment__preview .image-attachment__img {\n  display: block !important;\n  margin: 0 !important;\n}\n#sbz92 .image-attachment__sending {\n  position: absolute !important;\n  inset: 0 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  cursor: wait !important;\n  background: rgba(0, 0, 0, 0.28) !important;\n}\n#sbz92 .image-attachment__sending::before {\n  content: '' !important;\n  position: absolute !important;\n  inset: 0 !important;\n  background: '@primary_color' !important;\n  opacity: 0.3 !important;\n}\n#sbz92 .image-attachment__progress {\n  position: relative !important;\n  width: 96px !important;\n  max-width: 80% !important;\n  color: #fff !important;\n  text-align: center !important;\n}\n#sbz92 .image-attachment__progress-label {\n  display: block !important;\n  font-size: 13px !important;\n  font-weight: 600 !important;\n  margin-bottom: 6px !important;\n  font-variant-numeric: tabular-nums !important;\n}\n#sbz92 .image-attachment__progress-track {\n  display: block !important;\n  height: 4px !important;\n  border-radius: 4px !important;\n  overflow: hidden !important;\n  background: rgba(255, 255, 255, 0.35) !important;\n}\n#sbz92 .image-attachment__progress-fill {\n  display: block !important;\n  height: 100% !important;\n  border-radius: inherit !important;\n  background: #fff !important;\n}\n#sbz92 .file-attachment--sending {\n  cursor: wait !important;\n}\n#sbz92 .file-attachment--sending .file-attachment--filename {\n  text-decoration: none !important;\n}\n#sbz92 .file-attachment__progress {\n  display: block !important;\n  width: 100% !important;\n  min-width: 120px !important;\n  max-width: 100% !important;\n  margin-top: 8px !important;\n  color: '@primary_color' !important;\n  text-align: right !important;\n}\n#sbz92 .file-attachment__progress .image-attachment__progress-track {\n  background: rgba(0, 0, 0, 0.1) !important;\n}\n#sbz92 .file-attachment__progress .image-attachment__progress-fill {\n  background: '@primary_color' !important;\n}\n#sbz92 .audio-attachment {\n  width: 100% !important;\n  margin: 5px 0 0 0 !important;\n  height: 45px !important;\n  display: inline !important;\n}\n#sbz92 .audio-attachment__audio {\n  all: inherit !important;\n  width: 100% !important;\n}\n#sbz92 .video-attachment {\n  border-radius: 7px !important;\n  width: 100% !important;\n  margin: 5px 0 0 0 !important;\n}\n#sbz92 .video-attachment__video {\n  all: inherit !important;\n  width: 100% !important;\n}\n#sbz92 .info-message {\n  text-align: center !important;\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n  margin: 10px !important;\n}\n#sbz92 .info-message--ended {\n  padding-top: 16px !important;\n}\n#sbz92 .conversation-event {\n  display: block !important;\n  min-width: 0 !important;\n  border: 0 !important;\n  padding: 0 !important;\n  margin: 0 !important;\n}\n#sbz92 .conversation-history-start {\n  display: block !important;\n  height: 1px !important;\n  flex-shrink: 0 !important;\n}\n#sbz92 .message-user__container--send {\n  transition: transform 260ms cubic-bezier(0.25, 0.46, 0.45, 0.94) !important;\n  transform: translate3d(0, 0, 0) !important;\n}\n#sbz92 .message-user__container--send.message-user__container--enter {\n  transform: translate3d(0, 14px, 0) !important;\n}\n@media (prefers-reduced-motion: reduce) {\n  #sbz92 .message-user__container--send {\n    transition: none !important;\n  }\n  #sbz92 .message-user__container--send.message-user__container--enter {\n    transform: none !important;\n  }\n}\n#sbz92 .conversation-event--history {\n  filter: grayscale(0.8) !important;\n}\n#sbz92 .conversation-event--history + .conversation-event:not(.conversation-event--history)::before {\n  content: '' !important;\n  display: block !important;\n  border-top: 2px solid '@primary_color_faded' !important;\n  margin: 60px 40px !important;\n}\n#sbz92 .message-sender {\n  margin-top: 10px !important;\n}\n#sbz92 .message-sender-avatar {\n  border-radius: 50% !important;\n  width: 25px !important;\n  height: 25px !important;\n  margin-right: 10px !important;\n}\n#sbz92 .message-sender-name {\n  color: #495057 !important;\n  -webkit-text-fill-color: #495057 !important;\n  vertical-align: middle !important;\n}\n#sbz92 .message-system {\n  text-align: center !important;\n  margin: 10px !important;\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .form-attachment {\n  display: flex !important;\n  flex-direction: column !important;\n  padding: 10px !important;\n  -webkit-box-shadow: 0 0 10px #dee2e6 !important;\n  box-shadow: 0 0 10px #dee2e6 !important;\n  border-radius: 7px !important;\n  margin-top: 10px !important;\n}\n#sbz92 .form-attachment-field {\n  display: flex !important;\n  flex-direction: column !important;\n  margin-bottom: 0px !important;\n}\n#sbz92 .form-attachment-field__title {\n  color: #4c4c4c !important;\n  -webkit-text-fill-color: #4c4c4c !important;\n}\n#sbz92 .form-attachment-field__text {\n  width: 100% !important;\n  border: 1px solid #dbdbdb !important;\n  padding: 10px !important;\n  margin: 3px 0px 0px 0px !important;\n  border-radius: 7px !important;\n}\n#sbz92 .input--error {\n  border: 1px solid red !important;\n}\n#sbz92 .input--success {\n  background-color: #f9f9f9 !important;\n  pointer-events: none !important;\n}\n#sbz92 .form-attachment-field__error {\n  color: brown !important;\n  -webkit-text-fill-color: brown !important;\n  float: right !important;\n}\n#sbz92 .form-attachment-field__checkbox {\n  width: 100% !important;\n  all: inherit !important;\n  -webkit-appearance: textfield !important;\n  margin-right: 8px !important;\n}\n#sbz92 .form-attachment-field__checkbox:hover {\n  cursor: pointer !important;\n}\n#sbz92 .form-attachment-field__list-item {\n  display: flex !important;\n  align-items: center !important;\n  margin: 4px !important;\n  margin-left: 0px !important;\n}\n#sbz92 .form-attachment-field__radio {\n  width: 100% !important;\n  all: inherit !important;\n  -webkit-appearance: textfield !important;\n  margin-right: 8px !important;\n}\n#sbz92 .form-attachment-field__datetime {\n  width: 100% !important;\n  border: 1px solid #dbdbdb !important;\n  padding: 10px !important;\n  margin: 3px 0px 0px 0px !important;\n  border-radius: 7px !important;\n}\n#sbz92 .form-attachment--submit-btn {\n  background-color: '@primary_color' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  width: 100% !important;\n  margin-top: 10px !important;\n  border-radius: 7px !important;\n  padding: 10px !important;\n  text-align: center !important;\n  font-size: 16px !important;\n}\n#sbz92 .form-attachment--submit-btn:hover {\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n}\n#sbz92 .red {\n  color: #dc3545 !important;\n  -webkit-text-fill-color: #dc3545 !important;\n}\n#sbz92 .typing {\n  background-color: #f4f5f7 !important;\n  color: #7a7a7b !important;\n  -webkit-text-fill-color: #7a7a7b !important;\n  padding: 10px !important;\n  opacity: 1 !important;\n  transition: all 0.2s !important;\n  position: absolute !important;\n  bottom: 0px !important;\n  left: 0px !important;\n  width: 100% !important;\n}\n#sbz92 .typing--hidden {\n  opacity: 0 !important;\n  display: none !important;\n}\n#sbz92 .markdown-message img {\n  max-width: 100% !important;\n  margin-top: 10px !important;\n}\n#sbz92 .button-attachments {\n  display: block !important;\n  margin-top: 5px !important;\n}\n#sbz92 .url-button-attachment:first-child {\n  border-top-left-radius: 7px !important;\n  border-top-right-radius: 7px !important;\n}\n#sbz92 .url-button-attachment:last-child {\n  border-bottom-left-radius: 7px !important;\n  border-bottom-right-radius: 7px !important;\n  border-bottom: 1px solid '@primary_color' !important;\n}\n#sbz92 .agent-message .url-button-attachment {\n  text-decoration: none !important;\n  padding: 10px 18px !important;\n  display: block !important;\n  text-align: center !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  border: 1px solid #000 !important;\n  border-radius: 12px !important;\n  text-overflow: ellipsis !important;\n  overflow: hidden !important;\n  font-weight: 500 !important;\n  white-space: nowrap !important;\n}\n#sbz92 .agent-message .url-button-attachment:hover {\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n  border-color: '@primary_color' !important;\n}\n#sbz92 .message_quick_replies {\n  display: flex !important;\n  flex-wrap: wrap !important;\n  flex-direction: column !important;\n}\n#sbz92 .message_quick_reply {\n  cursor: pointer !important;\n  position: relative !important;\n  padding: 10px 18px !important;\n  margin-top: 8px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  border-radius: 12px !important;\n  user-select: none !important;\n  overflow: hidden !important;\n  white-space: nowrap !important;\n  width: fit-content !important;\n  font-weight: 500 !important;\n  max-width: 100% !important;\n  text-overflow: ellipsis !important;\n  border: 1px solid #000 !important;\n  transition: all 100ms ease !important;\n}\n#sbz92 .message_quick_reply:hover {\n  background: '@primary_color' !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  border-color: '@primary_color' !important;\n}\n#sbz92 .generic-attachment-container {\n  position: relative !important;\n  margin-top: 10px !important;\n}\n#sbz92 .generic-attachments {\n  display: block !important;\n}\n#sbz92 .generic-attachment {\n  display: flex !important;\n  width: 100% !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  user-select: none !important;\n  cursor: grab !important;\n}\n#sbz92 .generic-attachment--element-content {\n  flex: 1 !important;\n}\n#sbz92 .generic-attachment--element {\n  border: 1px solid #d8d8d8 !important;\n  background: white !important;\n  border-radius: 7px !important;\n  overflow: hidden !important;\n  width: 220px !important;\n  margin-right: 10px !important;\n  vertical-align: top !important;\n  display: flex !important;\n  flex-direction: column !important;\n  flex-shrink: 0 !important;\n}\n#sbz92 .generic-attachment--element:last-child {\n  margin-right: 0 !important;\n}\n#sbz92 .generic-attachment--element .generic-attachment--element-img {\n  width: 100% !important;\n  height: 150px !important;\n  object-fit: cover !important;\n}\n#sbz92 .generic-attachment--element .url-button-attachment {\n  padding: 10px !important;\n  display: block !important;\n  padding-top: 9px !important;\n  padding-bottom: 9px !important;\n  text-align: center !important;\n  border: none !important;\n  border-top: 1px solid #d8d8d8 !important;\n  border-radius: 0 !important;\n  width: 100% !important;\n  color: #0d6efd !important;\n  -webkit-text-fill-color: #0d6efd !important;\n}\n#sbz92 .generic-attachment--element .url-button-attachment:hover {\n  color: #024dbc !important;\n  -webkit-text-fill-color: #024dbc !important;\n  border-color: #d8d8d8 !important;\n}\n#sbz92 .generic-attachment--element .generic-attachment--element-title {\n  padding: 0px 13px !important;\n  margin-top: 13px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  font-weight: 600 !important;\n  font-size: 16px !important;\n  line-height: 20px !important;\n  white-space: normal !important;\n}\n#sbz92 .generic-attachment--element .generic-attachment--element-subtitle {\n  padding: 0px 13px !important;\n  color: gray !important;\n  -webkit-text-fill-color: gray !important;\n  margin-top: 5px !important;\n  white-space: pre-wrap !important;\n  display: -webkit-box !important;\n  -webkit-line-clamp: 4 !important;\n  -webkit-box-orient: vertical !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n}\n#sbz92 .generic-attachment--element.clickable {\n  cursor: pointer !important;\n}\n#sbz92 .widget_body__events__error_msg {\n  margin-top: 50px !important;\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n  text-align: center !important;\n}\n#sbz92 .widget_body__events__error_retry {\n  margin-top: 10px !important;\n}\n#sbz92 .generic-attachment-navigator {\n  position: absolute !important;\n  top: 50% !important;\n  transform: translateY(-50%) !important;\n  cursor: pointer !important;\n  width: 20px !important;\n  font-size: 80px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  color: rgba(255, 255, 255, 0.85) !important;\n  -webkit-text-fill-color: rgba(255, 255, 255, 0.85) !important;\n  text-shadow: 0 10px 25px rgba(0, 0, 0, 0.75) !important;\n  z-index: 999 !important;\n  user-select: none !important;\n}\n#sbz92 .generic-attachment-navigator:hover {\n  text-shadow: 0 10px 20px rgba(0, 0, 0, 0.75) !important;\n  color: #ffffff !important;\n  -webkit-text-fill-color: #ffffff !important;\n}\n#sbz92 .generic-attachment-navigator.generic-attachment-navigator--disabled {\n  display: none !important;\n}\n#sbz92 .generic-attachment-navigator.generic-attachment-navigator--left {\n  left: 2px !important;\n}\n#sbz92 .generic-attachment-navigator.generic-attachment-navigator--right {\n  right: 2px !important;\n}\n#sbz92 .generic-attachment-navigator-icon {\n  font-size: 80px !important;\n}\n#sbz92 .order_attachment__product_img {\n  width: 40px !important;\n  height: 40px !important;\n  margin-right: 10px !important;\n  border-radius: 5px !important;\n  flex-shrink: 0 !important;\n  display: block !important;\n  object-fit: contain !important;\n  background: whitesmoke !important;\n}\n#sbz92 .order_attachment__product_name {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n}\n#sbz92 .order_attachment__header {\n  padding-bottom: 5px !important;\n  border-bottom: 1px solid #ccc !important;\n  margin-bottom: 5px !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: space-between !important;\n}\n#sbz92 .order_attachment__product_desc {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  color: #999 !important;\n  -webkit-text-fill-color: #999 !important;\n  font-size: 13px !important;\n}\n#sbz92 .order_attachment__product {\n  display: flex !important;\n  align-items: center !important;\n  margin-top: 5px !important;\n  margin-bottom: 5 !important;\n}\n#sbz92 .order_attachment__text_sm {\n  font-size: 13px !important;\n}\n#sbz92 .order_attachment__text_muted {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .order_attachment__text_truncate {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n}\n#sbz92 .order_attachment {\n  margin-top: 10px !important;\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n  border: 1px solid #aaa !important;\n  background: white !important;\n  border-radius: 8px !important;\n  width: 220px !important;\n  overflow-y: auto !important;\n  overflow-x: hidden !important;\n  padding: 10px !important;\n}\n#sbz92 .order_attachment__footer {\n  margin-top: 10px !important;\n  padding-top: 10px !important;\n  border-top: 1px solid #ccc !important;\n}\n#sbz92 .order_attachment__total {\n  font-size: 16px !important;\n}\n#sbz92 .order_attachment__label {\n  font-size: 13px !important;\n  color: #777 !important;\n  -webkit-text-fill-color: #777 !important;\n  margin-top: 10px !important;\n}\n#sbz92 .order_attachment__label.no_margin {\n  margin-top: 0 !important;\n}\n#sbz92 .order_attachment.order_attachment__user {\n  margin-right: 50px !important;\n  align-self: flex-end !important;\n  margin-right: 0 !important;\n  margin-left: 50px !important;\n  align-self: flex-start !important;\n}\n#sbz92 .product_attachment {\n  margin-top: 10px !important;\n  border: 1px solid #d8d8d8 !important;\n  background: white !important;\n  border-radius: 7px !important;\n  overflow: hidden !important;\n  width: 200px !important;\n  display: inline-block !important;\n  vertical-align: top !important;\n  transition: all 0.1s !important;\n}\n#sbz92 .product_attachment.product_attachment__user {\n  margin-right: 50px !important;\n  align-self: flex-end !important;\n  margin-right: 0 !important;\n  margin-left: 50px !important;\n  align-self: flex-start !important;\n}\n#sbz92 .product_attachment__img {\n  width: 200px !important;\n  height: 200px !important;\n  border-bottom: 1px solid #d8d8d8 !important;\n  object-fit: cover !important;\n  display: block !important;\n}\n#sbz92 .product_attachment__price {\n  padding-left: 10px !important;\n}\n#sbz92 .product_attachment__btns {\n  margin-top: 5px !important;\n}\n#sbz92 .product_attachment__btn {\n  border-top: 1px solid #d8d8d8 !important;\n  display: flex !important;\n  padding: 8px 10px !important;\n  align-items: center !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  justify-content: center !important;\n  cursor: pointer !important;\n  text-transform: capitalize !important;\n}\n#sbz92 .product_attachment__btn:last-child {\n  margin-right: 0 !important;\n}\n#sbz92 .product_attachment__btn:hover {\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n}\n#sbz92 a.product_attachment__title {\n  display: block !important;\n  padding: 8px 10px 0 10px !important;\n  font-weight: 500 !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  word-break: break-word !important;\n  margin-bottom: 5px !important;\n}\n#sbz92 .product_attachment__subtitle {\n  white-space: pre-wrap !important;\n  display: -webkit-box !important;\n  -webkit-line-clamp: 3 !important;\n  -webkit-box-orient: vertical !important;\n  overflow: hidden !important;\n  padding: 5px 10px !important;\n  color: #aaa !important;\n  -webkit-text-fill-color: #aaa !important;\n  padding-top: 0 !important;\n  padding-bottom: 0 !important;\n  margin-bottom: 5px !important;\n}\n#sbz92 .product_attachment__btn_external_link {\n  width: 16px !important;\n  height: 16px !important;\n  margin-left: 5px !important;\n  margin-top: -2px !important;\n}\n#sbz92 .agent-convo-event-wrapper {\n  max-width: 85% !important;\n  margin-top: 5px !important;\n}\n#sbz92 .agent-convo-event-wrapper.full {\n  max-width: 100% !important;\n}\n#sbz92 .agent-convo-event-inner {\n  position: relative !important;\n  display: inline-block !important;\n  max-width: 100% !important;\n}\n#sbz92 .message-event-actions {\n  position: absolute !important;\n  bottom: -10px !important;\n  opacity: 0.7 !important;\n  left: calc(100% - 25px) !important;\n  display: none !important;\n  border: 1px solid #dee2e6 !important;\n  background-color: white !important;\n  border-radius: 4px !important;\n  z-index: 10 !important;\n}\n#sbz92 .message-event-actions.ended {\n  bottom: -10px !important;\n}\n#sbz92 .message-event-actions:hover {\n  opacity: 1 !important;\n}\n#sbz92 .agent-convo-event-inner:hover .message-event-actions {\n  display: flex !important;\n}\n#sbz92 .message-event-actions-static {\n  display: none !important;\n  margin-top: 2px !important;\n  border: none !important;\n  padding: 0 !important;\n  gap: 4px !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-actions {\n  display: none !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-actions-static {\n  display: flex !important;\n  position: absolute !important;\n  bottom: -30px !important;\n  left: 0 !important;\n  z-index: 2 !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn {\n  padding: 0 !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn .message-event-action-btn-svg {\n  width: 24px !important;\n  height: 24px !important;\n  background-position: 2px 2px !important;\n  background-size: 20px 20px !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn.message-event-action-btn__dev {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n  padding-right: 10px !important;\n  border-radius: 5px !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn.message-event-action-btn__dev .message-event-action-btn-svg {\n  width: 24px !important;\n  height: 24px !important;\n  background-position: 2px 2px !important;\n  background-size: 20px 20px !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn.message-event-action-btn__dev:hover {\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn.message-event-action-btn__dev.message-event-action-btn_like.active {\n  color: #34c759 !important;\n  -webkit-text-fill-color: #34c759 !important;\n}\n#sbz92 .agent-convo-event-inner.last .message-event-action-btn.message-event-action-btn__dev.message-event-action-btn_like.active {\n  color: #34c759 !important;\n  -webkit-text-fill-color: #34c759 !important;\n}\n#sbz92 .message-event-action-btn.message-event-action-btn__dev:hover {\n  background-color: unset !important;\n}\n#sbz92 .message-event-action-btn {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  cursor: pointer !important;\n  padding: 2px !important;\n}\n#sbz92 .message-event-action-btn:hover {\n  background-color: #ececec !important;\n}\n#sbz92 .message-event-action-btn.active:hover {\n  background-color: #dbfde3 !important;\n}\n#sbz92 .message-event-action-btn.message-event-action-btn__dev {\n  padding: 0px !important;\n}\n#sbz92 .message-event-action-btn.message-event-action-btn__dev:hover {\n  background-color: unset !important;\n}\n#sbz92 .message-event-action-btn.message-event-action-btn__dev.active:hover {\n  background-color: unset !important;\n}\n#sbz92 .message-event-action-btn .message-event-action-btn-svg {\n  width: 20px !important;\n  height: 20px !important;\n  border-radius: 4px !important;\n  background-position: 2px 2px !important;\n  background-size: 16px 16px !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n}\n#sbz92 .message-event-action-btn-svg.like {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9IiM2Yzc1N2QiICBzdHJva2Utd2lkdGg9IjIiICBzdHJva2UtbGluZWNhcD0icm91bmQiICBzdHJva2UtbGluZWpvaW49InJvdW5kIiAgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItdGh1bWItdXAiPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik03IDExdjhhMSAxIDAgMCAxIC0xIDFoLTJhMSAxIDAgMCAxIC0xIC0xdi03YTEgMSAwIDAgMSAxIC0xaDNhNCA0IDAgMCAwIDQgLTR2LTFhMiAyIDAgMCAxIDQgMHY1aDNhMiAyIDAgMCAxIDIgMmwtMSA1YTIgMyAwIDAgMSAtMiAyaC03YTMgMyAwIDAgMSAtMyAtMyIgLz48L3N2Zz4K') !important;\n}\n#sbz92 .message-event-action-btn-svg.dislike {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9IiM2Yzc1N2QiICBzdHJva2Utd2lkdGg9IjIiICBzdHJva2UtbGluZWNhcD0icm91bmQiICBzdHJva2UtbGluZWpvaW49InJvdW5kIiAgY2xhc3M9Imljb24gaWNvbi10YWJsZXIgaWNvbnMtdGFibGVyLW91dGxpbmUgaWNvbi10YWJsZXItdGh1bWItZG93biI+PHBhdGggc3Ryb2tlPSJub25lIiBkPSJNMCAwaDI0djI0SDB6IiBmaWxsPSJub25lIi8+PHBhdGggZD0iTTcgMTN2LThhMSAxIDAgMCAwIC0xIC0xaC0yYTEgMSAwIDAgMCAtMSAxdjdhMSAxIDAgMCAwIDEgMWgzYTQgNCAwIDAgMSA0IDR2MWEyIDIgMCAwIDAgNCAwdi01aDNhMiAyIDAgMCAwIDIgLTJsLTEgLTVhMiAzIDAgMCAwIC0yIC0yaC03YTMgMyAwIDAgMCAtMyAzIiAvPjwvc3ZnPgo=') !important;\n}\n#sbz92 .message-event-action-btn-svg.info {\n  background-image: url('data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9IiM2Yzc1N2QiCiAgc3Ryb2tlLXdpZHRoPSIyIgogIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIgo+CiAgPHBhdGggZD0iTTMgMTJhOSA5IDAgMSAwIDE4IDBhOSA5IDAgMCAwIC0xOCAwIiAvPgogIDxwYXRoIGQ9Ik0xMiA5aC4wMSIgLz4KICA8cGF0aCBkPSJNMTEgMTJoMXY0aDEiIC8+Cjwvc3ZnPgo=') !important;\n}\n#sbz92 .message-event-action-btn:hover .message-event-action-btn-svg.like {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImJsYWNrIiAgc3Ryb2tlLXdpZHRoPSIyIiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb25zLXRhYmxlci1vdXRsaW5lIGljb24tdGFibGVyLXRodW1iLXVwIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNNyAxMXY4YTEgMSAwIDAgMSAtMSAxaC0yYTEgMSAwIDAgMSAtMSAtMXYtN2ExIDEgMCAwIDEgMSAtMWgzYTQgNCAwIDAgMCA0IC00di0xYTIgMiAwIDAgMSA0IDB2NWgzYTIgMiAwIDAgMSAyIDJsLTEgNWEyIDMgMCAwIDEgLTIgMmgtN2EzIDMgMCAwIDEgLTMgLTMiIC8+PC9zdmc+Cg==') !important;\n}\n#sbz92 .message-event-action-btn:hover .message-event-action-btn-svg.dislike {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9Im5vbmUiICBzdHJva2U9ImJsYWNrIiAgc3Ryb2tlLXdpZHRoPSIyIiAgc3Ryb2tlLWxpbmVjYXA9InJvdW5kIiAgc3Ryb2tlLWxpbmVqb2luPSJyb3VuZCIgIGNsYXNzPSJpY29uIGljb24tdGFibGVyIGljb25zLXRhYmxlci1vdXRsaW5lIGljb24tdGFibGVyLXRodW1iLWRvd24iPjxwYXRoIHN0cm9rZT0ibm9uZSIgZD0iTTAgMGgyNHYyNEgweiIgZmlsbD0ibm9uZSIvPjxwYXRoIGQ9Ik03IDEzdi04YTEgMSAwIDAgMCAtMSAtMWgtMmExIDEgMCAwIDAgLTEgMXY3YTEgMSAwIDAgMCAxIDFoM2E0IDQgMCAwIDEgNCA0djFhMiAyIDAgMCAwIDQgMHYtNWgzYTIgMiAwIDAgMCAyIC0ybC0xIC01YTIgMyAwIDAgMCAtMiAtMmgtN2EzIDMgMCAwIDAgLTMgMyIgLz48L3N2Zz4K') !important;\n}\n#sbz92 .message-event-action-btn:hover .message-event-action-btn-svg.info {\n  background-image: url('data:image/svg+xml;base64,PHN2ZwogIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIKICB3aWR0aD0iMjQiCiAgaGVpZ2h0PSIyNCIKICB2aWV3Qm94PSIwIDAgMjQgMjQiCiAgZmlsbD0ibm9uZSIKICBzdHJva2U9IiMwMDAiCiAgc3Ryb2tlLXdpZHRoPSIyIgogIHN0cm9rZS1saW5lY2FwPSJyb3VuZCIKICBzdHJva2UtbGluZWpvaW49InJvdW5kIgo+CiAgPHBhdGggZD0iTTMgMTJhOSA5IDAgMSAwIDE4IDBhOSA5IDAgMCAwIC0xOCAwIiAvPgogIDxwYXRoIGQ9Ik0xMiA5aC4wMSIgLz4KICA8cGF0aCBkPSJNMTEgMTJoMXY0aDEiIC8+Cjwvc3ZnPgo=') !important;\n}\n#sbz92 .message-event-action-btn.active .message-event-action-btn-svg.like {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyAgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiAgd2lkdGg9IjI0IiAgaGVpZ2h0PSIyNCIgIHZpZXdCb3g9IjAgMCAyNCAyNCIgIGZpbGw9IiMzNEM3NTkiICBjbGFzcz0iaWNvbiBpY29uLXRhYmxlciBpY29ucy10YWJsZXItZmlsbGVkIGljb24tdGFibGVyLXRodW1iLXVwIj48cGF0aCBzdHJva2U9Im5vbmUiIGQ9Ik0wIDBoMjR2MjRIMHoiIGZpbGw9Im5vbmUiLz48cGF0aCBkPSJNMTMgM2EzIDMgMCAwIDEgMi45OTUgMi44MjRsLjAwNSAuMTc2djRoMmEzIDMgMCAwIDEgMi45OCAyLjY1bC4wMTUgLjE3NGwuMDA1IC4xNzZsLS4wMiAuMTk2bC0xLjAwNiA1LjAzMmMtLjM4MSAxLjYyNiAtMS41MDIgMi43OTYgLTIuODEgMi43OGwtLjE2NCAtLjAwOGgtOGExIDEgMCAwIDEgLS45OTMgLS44ODNsLS4wMDcgLS4xMTdsLjAwMSAtOS41MzZhMSAxIDAgMCAxIC41IC0uODY1YTIuOTk4IDIuOTk4IDAgMCAwIDEuNDkyIC0yLjM5N2wuMDA3IC0uMjAydi0xYTMgMyAwIDAgMSAzIC0zeiIgLz48cGF0aCBkPSJNNSAxMGExIDEgMCAwIDEgLjk5MyAuODgzbC4wMDcgLjExN3Y5YTEgMSAwIDAgMSAtLjg4MyAuOTkzbC0uMTE3IC4wMDdoLTFhMiAyIDAgMCAxIC0xLjk5NSAtMS44NWwtLjAwNSAtLjE1di03YTIgMiAwIDAgMSAxLjg1IC0xLjk5NWwuMTUgLS4wMDVoMXoiIC8+PC9zdmc+Cg==') !important;\n}\n#sbz92 .message-event-action-btn.active .message-event-action-btn-svg.dislike {\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjQiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNCAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgY2xpcC1wYXRoPSJ1cmwoI2NsaXAwXzI0ODBfOTUpIj4KPHBhdGggZD0iTTEzIDIxLjAwNzlDMTMuNzY1IDIxLjAwOCAxNC41MDEyIDIwLjcxNTcgMTUuMDU3OSAyMC4xOTFDMTUuNjE0NyAxOS42NjYyIDE1Ljk0OTkgMTguOTQ4NiAxNS45OTUgMTguMTg0OUwxNiAxOC4wMDc5VjE0LjAwNzlIMThDMTguNzM1MSAxNC4wMDggMTkuNDQ0NyAxMy43MzgyIDE5Ljk5NCAxMy4yNDk3QzIwLjU0MzQgMTIuNzYxMiAyMC44OTQyIDEyLjA4OCAyMC45OCAxMS4zNTc5TDIwLjk5NSAxMS4xODQ5TDIxIDExLjAwNzlMMjAuOTggMTAuODExOUwxOS45NzQgNS43Nzk5MkMxOS41OTMgNC4xNTQ5MiAxOC40NzIgMi45ODM5MiAxNy4xNjQgMi45OTk5MkwxNyAzLjAwNzkySDlDOC43NTQ5MSAzLjAwNzk4IDguNTE4MzggMy4wOTgwNCA4LjMzNTMzIDMuMjYxMDFDOC4xNTIyNyAzLjQyMzk3IDguMDM1NDMgMy42NDg0OSA4LjAwNyAzLjg5MTkyTDggNC4wMDc5Mkw4LjAwMSAxMy41NDM5QzguMDAxIDEzLjcxOTUgOC4wNDcyMSAxMy44OTE5IDguMTM0OTggMTQuMDQzOUM4LjIyMjc1IDE0LjE5NTkgOC4zNDg5OCAxNC4zMjIyIDguNTAxIDE0LjQwOTlDOC45MjcyOSAxNC42NTYxIDkuMjg2NCAxNS4wMDM1IDkuNTQ2NjEgMTUuNDIxM0M5LjgwNjgyIDE1LjgzOTIgOS45NjAxMyAxNi4zMTQ3IDkuOTkzIDE2LjgwNTlMMTAgMTcuMDA3OVYxOC4wMDc5QzEwIDE4LjgwMzYgMTAuMzE2MSAxOS41NjY2IDEwLjg3ODcgMjAuMTI5MkMxMS40NDEzIDIwLjY5MTggMTIuMjA0NCAyMS4wMDc5IDEzIDIxLjAwNzlaIiBmaWxsPSIjMzMzMzMzIi8+CjxwYXRoIGQ9Ik01IDE0LjAwODFDNS4yNDQ5MyAxNC4wMDggNS40ODEzNCAxMy45MTgxIDUuNjY0MzcgMTMuNzU1M0M1Ljg0NzQxIDEzLjU5MjYgNS45NjQzNCAxMy4zNjgzIDUuOTkzIDEzLjEyNTFMNiAxMy4wMDgxVjQuMDA4MDZDNS45OTk5NyAzLjc2MzEyIDUuOTEwMDQgMy41MjY3MiA1Ljc0NzI4IDMuMzQzNjhDNS41ODQ1MyAzLjE2MDY1IDUuMzYwMjUgMy4wNDM3MSA1LjExNyAzLjAxNTA2TDUgMy4wMDgwNkg0QzMuNDk1MSAzLjAwNzkzIDMuMDA4ODQgMy4xOTg3OCAyLjYzODgxIDMuNTQyMjlDMi4yNjg3OCAzLjg4NTc5IDIuMDQyMzYgNC4zNTY1NCAyLjAwNSA0Ljg2MDA2TDIgNS4wMTAwNlYxMi4wMTAxQzIuMDAwMDkgMTIuNTE0NSAyLjE5MDc3IDEzLjAwMDIgMi41MzM4NCAxMy4zN0MyLjg3NjkgMTMuNzM5NyAzLjM0NzAyIDEzLjk2NjIgMy44NSAxNC4wMDQxTDQgMTQuMDA5MUw1IDE0LjAwODFaIiBmaWxsPSIjMzMzMzMzIi8+CjwvZz4KPGRlZnM+CjxjbGlwUGF0aCBpZD0iY2xpcDBfMjQ4MF85NSI+CjxyZWN0IHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgZmlsbD0id2hpdGUiLz4KPC9jbGlwUGF0aD4KPC9kZWZzPgo8L3N2Zz4K') !important;\n}\n#sbz92 .inline-time {\n  font-size: 13px !important;\n  margin-top: 6px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  font-weight: 500 !important;\n  opacity: 0.4 !important;\n}\n#sbz92 .message-text-inline-image-wrapper {\n  display: block !important;\n  margin-top: 8px !important;\n  margin-bottom: 8px !important;\n  max-width: 100% !important;\n}\n#sbz92 .message-text-inline-image {\n  width: 100% !important;\n}\n#sbz92 .text-message-ul {\n  display: block !important;\n  list-style-type: disc !important;\n  margin-block-start: 8px !important;\n  margin-block-end: 8px !important;\n  padding-inline-start: 20px !important;\n}\n#sbz92 .text-message-ol {\n  display: block !important;\n  list-style-type: decimal !important;\n  margin-block-start: 8px !important;\n  margin-block-end: 8px !important;\n  padding-inline-start: 20px !important;\n}\n#sbz92 .text-message-li {\n  display: list-item !important;\n}\n#sbz92 .agent-message .text-message-link {\n  color: #0d6efd !important;\n  -webkit-text-fill-color: #0d6efd !important;\n  font-weight: 400 !important;\n}\n#sbz92 .agent-message .text-message-link:hover {\n  color: #024dbc !important;\n  -webkit-text-fill-color: #024dbc !important;\n}\n#sbz92 .user-message .text-message-link {\n  text-decoration: underline !important;\n  text-decoration-color: rgba(255, 255, 255, 0.6) !important;\n  text-underline-offset: 4px !important;\n}\n#sbz92 .user-message .text-message-link:hover {\n  text-decoration-color: #fff !important;\n  background-color: rgba(255, 255, 255, 0.08) !important;\n}\n#sbz92 .message-quote {\n  padding: 6px 10px !important;\n  border-left: 3px solid '@primary_color' !important;\n  background-color: #dfdfdf !important;\n  border-top-left-radius: 0 !important;\n  border-bottom-left-radius: 0 !important;\n  margin-bottom: 8px !important;\n  max-width: 100% !important;\n}\n#sbz92 .message-quote-title {\n  font-weight: 600 !important;\n  font-size: 14px !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n}\n#sbz92 .message-quote-content {\n  opacity: 0.7 !important;\n  color: '@secondary_color' !important;\n  -webkit-text-fill-color: '@secondary_color' !important;\n  font-size: 14px !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n}\n#sbz92 .message-quote-inner-img {\n  width: 36px !important;\n  height: 36px !important;\n  object-fit: cover !important;\n}\n#sbz92 .message-quote-inner {\n  margin-left: 15px !important;\n  flex: 1 !important;\n  overflow: hidden !important;\n}\n#sbz92 .image-attachment.just-focused {\n  box-shadow: 0 0 0 2px #000 !important;\n}\n#sbz92 .file-attachment.just-focused {\n  box-shadow: 0 0 0 2px #000 !important;\n}\n#sbz92 .widget_body_empty_img {\n  max-width: 150px !important;\n  max-height: 150px !important;\n}\n#sbz92 .emoji {\n  position: relative !important;\n  width: 20px !important;\n  height: 20px !important;\n  background-size: 100% !important;\n  background-repeat: no-repeat !important;\n  border: none !important;\n  display: inline-block !important;\n  vertical-align: text-bottom !important;\n}\n#sbz92 .emoji--angry {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_1___ + ") !important;\n}\n#sbz92 .emoji--confused {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_2___ + ") !important;\n}\n#sbz92 .emoji--crying,\n#sbz92 .emoji--cry {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_3___ + ") !important;\n}\n#sbz92 .emoji--grinning {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_4___ + ") !important;\n}\n#sbz92 .emoji--heart_eyes,\n#sbz92 .emoji--heart-eyes {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_5___ + ") !important;\n}\n#sbz92 .emoji--neutral_face,\n#sbz92 .emoji--neutral {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_6___ + ") !important;\n}\n#sbz92 .emoji--disappointed,\n#sbz92 .emoji--sad {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_7___ + ") !important;\n}\n#sbz92 .emoji--sleepy {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_8___ + ") !important;\n}\n#sbz92 .emoji--smile,\n#sbz92 .emoji--smiling {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_9___ + ") !important;\n}\n#sbz92 .emoji--open_mouth,\n#sbz92 .emoji--surprised {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_10___ + ") !important;\n}\n#sbz92 .emoji--tired_face,\n#sbz92 .emoji--tired {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_11___ + ") !important;\n}\n#sbz92 .emoji--stuck_out_tongue,\n#sbz92 .emoji--tongue-out {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_12___ + ") !important;\n}\n#sbz92 .emoji--wink {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_13___ + ") !important;\n}\n#sbz92 .emoji--moyai {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_14___ + ") !important;\n}\n#sbz92 .emoji--dislike,\n#sbz92 .emoji--unlike,\n#sbz92 .emoji--thumbsdown {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_15___ + ") !important;\n}\n#sbz92 .emoji--like,\n#sbz92 .emoji--thumbsup {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_16___ + ") !important;\n}\n#sbz92 .emoji--ok_hand {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_17___ + ") !important;\n}\n#sbz92 .emoji--octopus {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_18___ + ") !important;\n}\n#sbz92 .emoji--pig2 {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_19___ + ") !important;\n}\n#sbz92 .emoji--wave {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_20___ + ") !important;\n}\n#sbz92 .emoji--mouse {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_21___ + ") !important;\n}\n#sbz92 .emoji--mouse2 {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_22___ + ") !important;\n}\n#sbz92 .emoji--rat {\n  background-image: url(" + ___CSS_LOADER_URL_REPLACEMENT_23___ + ") !important;\n}\n#sbz92 .emoji-picker {\n  display: flex !important;\n  flex-direction: row !important;\n  z-index: 20 !important;\n  position: absolute !important;\n  max-width: 240px !important;\n  background: #fff !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  border-radius: 10px !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n  right: 15px !important;\n  bottom: 55px !important;\n  flex-wrap: wrap !important;\n  padding: 10px !important;\n  justify-content: space-between !important;\n  align-items: center !important;\n}\n#sbz92 .emoji-picker--item {\n  background-size: 100% !important;\n  width: 30px !important;\n  height: 30px !important;\n  position: relative !important;\n  background-repeat: no-repeat !important;\n  display: inline-block !important;\n  vertical-align: text-bottom !important;\n  margin: 5px !important;\n  cursor: pointer !important;\n  transition: background-color 0.2s !important;\n}\n#sbz92 .emoji-picker-background-item {\n  background-size: 50% !important;\n  width: 40px !important;\n  height: 40px !important;\n  border-radius: 100% !important;\n}\n#sbz92 .emoji-picker-background-item:hover {\n  background-color: #dee2e6 !important;\n}\n#sbz92 .convo-list {\n  display: flex !important;\n  flex-direction: column !important;\n  flex: 1 !important;\n  width: 100% !important;\n  justify-content: space-between !important;\n  overflow: auto !important;\n  margin-top: -60px !important;\n  padding-left: 22.5px !important;\n  padding-right: 22.5px !important;\n}\n#sbz92 .convo-list--list {\n  background: #fff !important;\n  overflow-y: auto !important;\n  overflow-x: hidden !important;\n}\n#sbz92 .convo-list--title {\n  font-weight: 500 !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  background: #fff !important;\n  border-bottom: 1px solid #f0f0f0 !important;\n  padding: 15px !important;\n}\n#sbz92 .convo-list--container {\n  border-radius: 10px !important;\n  box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.1) !important;\n  overflow: auto !important;\n  display: flex !important;\n  flex-direction: column !important;\n  user-select: none !important;\n}\n#sbz92 .convo-list--footer {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  margin-top: 22.5px !important;\n}\n#sbz92 .convo-list--convo-last-info {\n  overflow: hidden !important;\n  white-space: nowrap !important;\n  justify-content: center !important;\n  display: flex !important;\n  flex-direction: column !important;\n  flex: 1 !important;\n  margin-left: 15px !important;\n}\n#sbz92 .convo-list--convo-last-message {\n  font-weight: normal !important;\n  flex: 1 !important;\n  cursor: pointer !important;\n  display: flex !important;\n  width: 100% !important;\n  overflow: hidden !important;\n  align-items: center !important;\n}\n#sbz92 .convo-list--convo-last-mes {\n  text-overflow: ellipsis !important;\n  opacity: 0.6 !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  font-weight: normal !important;\n}\n#sbz92 .convo-list--convo-title {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  font-weight: 500 !important;\n}\n#sbz92 .convo-list--convo-completed {\n  width: 14px !important;\n}\n#sbz92 .convo-list--convo-name {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  flex: 1 !important;\n  margin-right: 16px !important;\n  cursor: pointer !important;\n}\n#sbz92 .convo-list--item {\n  cursor: pointer !important;\n  border-bottom: 1px solid '@primary_color_faded' !important;\n  padding: 15px !important;\n  display: flex !important;\n  flex-direction: row !important;\n  transition: background 0.15s ease !important;\n}\n#sbz92 .convo-list--item:hover {\n  background: '@primary_color_faded' !important;\n}\n#sbz92 .convo-list--convo-time span {\n  font-size: 14px !important;\n  line-height: 20px !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  opacity: 0.6 !important;\n  min-width: 70px !important;\n  cursor: pointer !important;\n}\n#sbz92 .convo-list--item-unread {\n  width: 8px !important;\n  height: 8px !important;\n  background: #dc3545 !important;\n  border-radius: 50% !important;\n  margin-left: 15px !important;\n  align-self: center !important;\n}\n#sbz92 .convo-list--item-avatar {\n  width: 32px !important;\n  height: 32px !important;\n}\n#sbz92 .widget-body--empty {\n  display: flex !important;\n  flex: 1 !important;\n  justify-content: center !important;\n  align-items: center !important;\n  flex-direction: column !important;\n}\n#sbz92 .widget-body--empty-text {\n  color: #343a40 !important;\n  -webkit-text-fill-color: #343a40 !important;\n  margin-top: 30px !important;\n  text-align: center !important;\n}\n#sbz92 .mobile .widget-container {\n  border-radius: 0px !important;\n  max-height: 100% !important;\n  margin-bottom: 0 !important;\n  top: auto !important;\n  left: 0 !important;\n  right: 0 !important;\n  width: 100% !important;\n  height: '@mobile_height' !important;\n  opacity: 1 !important;\n  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1) !important;\n}\n#sbz92 .mobile .widget-container.widget-container--left {\n  left: 0 !important;\n  right: 0 !important;\n}\n#sbz92 .mobile .widget-container.widget-container--right {\n  right: 0 !important;\n  left: 0 !important;\n}\n#sbz92 .mobile .widget-container.widget-container--hide {\n  top: -100vh !important;\n  opacity: 0 !important;\n  transition: opacity 0.15s cubic-bezier(1, 0.5, 0.8, 1), bottom 0.15s cubic-bezier(1, 0.5, 0.8, 1) !important;\n}\n#sbz92 .widget-container.widget-container--left {\n  left: '@desktop_button.margin_x' !important;\n  right: unset !important;\n}\n#sbz92 .widget-container.widget-container--right {\n  right: '@desktop_button.margin_x' !important;\n  left: unset !important;\n}\n#sbz92 .widget-container {\n  max-height: 100% !important;\n  max-height: '@desktop_widget_max_height' !important;\n  max-width: 100% !important;\n  background: #fff !important;\n  z-index: '@z_index_3' !important;\n  border-radius: 15px !important;\n  box-shadow: 0 5px 25px 0 rgba(0, 0, 0, 0.13) !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  position: '@widget_position' !important;\n  margin-bottom: '@desktop_button.margin_y' !important;\n  width: '@width' !important;\n  height: '@height' !important;\n  bottom: 0 !important;\n  opacity: 1 !important;\n  transform: translateY(0) !important;\n  transition: transform 0.15s cubic-bezier(1, 0.5, 0.8, 1), opacity 0.2s cubic-bezier(1, 0.5, 0.8, 1), scale 0.15s ease !important;\n  visibility: visible !important;\n  overflow: hidden !important;\n}\n#sbz92 .widget-container.widget-container--full {\n  max-height: 100% !important;\n  height: 100% !important;\n  margin-bottom: 0 !important;\n}\n#sbz92 .widget-container.widget-container--hide {\n  opacity: 0 !important;\n  transform: translateY(20px) !important;\n  visibility: hidden !important;\n  transition: transform 0.15s cubic-bezier(1, 0.5, 0.8, 1), opacity 0.1s cubic-bezier(1, 0.5, 0.8, 1), visibility 0.1s cubic-bezier(1, 0.5, 0.8, 1) !important;\n}\n#sbz92 .btn--start-convo {\n  border-radius: 7px !important;\n  flex-shrink: 0 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  padding-left: 32px !important;\n  padding-right: 32px !important;\n  height: 42px !important;\n  color: '@text_color' !important;\n  -webkit-text-fill-color: '@text_color' !important;\n  font-size: 16px !important;\n  font-weight: 500 !important;\n  line-height: 20px !important;\n  text-align: center !important;\n  background: '@primary_color' !important;\n  width: 100% !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  transition: filter 250ms ease !important;\n}\n#sbz92 .btn--start-convo::after {\n  display: none !important;\n}\n#sbz92 .btn--start-convo:hover {\n  filter: brightness(1.1) !important;\n}\n#sbz92 .btn--start-convo:disabled {\n  opacity: 0.5 !important;\n  cursor: default !important;\n  pointer-events: none !important;\n}\n#sbz92 .widget-body.widget-body--none {\n  display: none !important;\n}\n#sbz92 .widget-body {\n  flex: 1 !important;\n  flex-grow: 1 !important;\n  z-index: -1 !important;\n  width: 100% !important;\n  overflow-y: auto !important;\n  flex-direction: column !important;\n  display: flex !important;\n  position: relative !important;\n}\n#sbz92 .embed-chat .widget-body--events {\n  width: 600px !important;\n  margin: 0 auto !important;\n  max-width: 100% !important;\n}\n#sbz92 .embed-chat .message-input {\n  max-width: 600px !important;\n  margin: 20px auto !important;\n}\n#sbz92 .embed-chat .widget-header--inner {\n  max-width: 100% !important;\n  width: 600px !important;\n}\n#sbz92 .embed-chat .widget-body--content {\n  width: 600px !important;\n  margin: 0 auto !important;\n  max-width: 100% !important;\n}\n#sbz92 .embed-chat .convo-list {\n  width: 600px !important;\n  margin: 0 auto !important;\n  max-width: 100% !important;\n}\n#sbz92 .widget-body--content {\n  overflow-y: auto !important;\n  overflow-x: hidden !important;\n  flex: 1 !important;\n  display: flex !important;\n  flex-direction: column !important;\n  position: relative !important;\n  min-height: 0 !important;\n}\n#sbz92 .poweredby {\n  margin-bottom: 15px !important;\n  text-align: center !important;\n}\n#sbz92 .poweredby .poweredby--text {\n  text-decoration: none !important;\n  font-size: 13px !important;\n  color: #7c7c7c !important;\n  -webkit-text-fill-color: #7c7c7c !important;\n  vertical-align: baseline !important;\n}\n#sbz92 .poweredby .poweredby--text .poweredby--subiz-logo {\n  opacity: 0.7 !important;\n  margin-top: -1px !important;\n  height: 12px !important;\n}\n#sbz92 .poweredby .poweredby--text:hover {\n  color: #333 !important;\n  -webkit-text-fill-color: #333 !important;\n}\n#sbz92 .poweredby .poweredby--text:hover .poweredby--subiz-logo {\n  opacity: 1 !important;\n}\n#sbz92 .empty-container {\n  display: flex !important;\n  justify-content: center !important;\n  flex-direction: column !important;\n  margin-top: 30px !important;\n  margin-bottom: 30px !important;\n}\n#sbz92 .empty-desc {\n  text-align: center !important;\n  margin: 30px !important;\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n}\n#sbz92 .chat-button--white-bg {\n  display: none !important;\n  z-index: -1 !important;\n}\n#sbz92 .chat-button--white-bg--mask-only {\n  background: white !important;\n  width: 66px !important;\n  height: 66px !important;\n  top: 2px !important;\n  left: 2px !important;\n  position: absolute !important;\n  border-radius: 50% !important;\n  display: block !important;\n}\n#sbz92 .mobile .chat-button--default {\n  width: '@mobile_button.width' !important;\n  height: '@mobile_button.height' !important;\n  background: '@background' !important;\n  border-radius: '@mobile_button.border_radius' !important;\n}\n#sbz92 .mobile .widget-layout {\n  bottom: '@mobile_button.margin_y' !important;\n}\n#sbz92 .mobile .widget-layout.widget-layout--left {\n  left: '@mobile_button.margin_x' !important;\n  right: unset !important;\n}\n#sbz92 .mobile .widget-layout.widget-layout--right {\n  right: '@mobile_button.margin_x' !important;\n  left: unset !important;\n}\n#sbz92 .mobile .chat-button--img {\n  min-width: '@mobile_button.width' !important;\n}\n#sbz92 .chat-button {\n  cursor: pointer !important;\n  position: relative !important;\n  transform: scale(1) !important;\n  transition: opacity 200ms ease-in, transform 250ms cubic-bezier(0.34, 1.5, 0.64, 1) !important;\n}\n#sbz92 .chat-button.hidden {\n  visibility: hidden !important;\n  opacity: 0 !important;\n  transform: scale(0.2) !important;\n  pointer-events: none !important;\n}\n@media (prefers-reduced-motion: reduce) {\n  #sbz92 .chat-button {\n    transition: none !important;\n  }\n}\n#sbz92 .chat-button:not(.hidden):hover {\n  filter: brightness(1.1) !important;\n  transform: scale(1.05) !important;\n}\n#sbz92 .chat-button--img {\n  opacity: 0 !important;\n  min-width: '@desktop_button.width' !important;\n  display: block !important;\n}\n#sbz92 .chat-button--fallback .chat-button--img-container {\n  background-size: 100% 100% !important;\n}\n#sbz92 .chat-button--fallback .chat-button--img {\n  width: 100% !important;\n  min-width: 0 !important;\n  height: 100% !important;\n}\n#sbz92 .chat-button.chat-button--left {\n  float: left !important;\n}\n#sbz92 .chat-button.chat-button--right {\n  float: right !important;\n}\n#sbz92 .widget-layout {\n  z-index: '@z_index_2' !important;\n  position: '@widget_position' !important;\n  bottom: '@desktop_button.margin_y' !important;\n  transition: opacity 150ms !important;\n  opacity: 1 !important;\n}\n#sbz92 .widget-layout.widget-layout--hidden {\n  opacity: 0 !important;\n  pointer-events: none !important;\n}\n#sbz92 .widget-layout.widget-layout--left {\n  left: '@desktop_button.margin_x' !important;\n  right: unset !important;\n}\n#sbz92 .widget-layout.widget-layout--right {\n  right: '@desktop_button.margin_x' !important;\n  left: unset !important;\n}\n#sbz92 .chat-button--unread {\n  position: absolute !important;\n  right: 0px !important;\n  top: -5px !important;\n  background: #dc3545 !important;\n  padding-left: 5px !important;\n  padding-right: 5px !important;\n  padding-top: 2px !important;\n  padding-bottom: 2px !important;\n  border-radius: 5px !important;\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n}\n#sbz92 .widget-preview {\n  z-index: '@z_index_3' !important;\n  background: #fff !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n  border-radius: 15px !important;\n  max-width: 100% !important;\n  width: 340px !important;\n  margin-bottom: 20px !important;\n}\n#sbz92 .widget-preview.widget-preview--hidden {\n  display: none !important;\n}\n#sbz92 .widget-preview--btn-close {\n  cursor: pointer !important;\n  opacity: 0.5 !important;\n  align-self: flex-start !important;\n  background-color: #e5e5e5 !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiMzMzMiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXIteCI+PGxpbmUgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCI+PC9saW5lPjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iMTgiPjwvbGluZT48L3N2Zz4K') !important;\n  background-size: 16px 16px !important;\n  background-repeat: no-repeat !important;\n  background-position: center !important;\n  width: 24px !important;\n  height: 24px !important;\n  display: block !important;\n  border-radius: 100% !important;\n  transition: background-color 0.2s !important;\n}\n#sbz92 .widget-preview--btn-close:hover {\n  opacity: 1 !important;\n}\n#sbz92 .widget-preview--avatar {\n  width: 45px !important;\n  height: 45px !important;\n  border: 1px solid rgba(31, 54, 90, 0.1) !important;\n  border-radius: 100% !important;\n  margin-right: 15px !important;\n}\n#sbz92 .widget-preview--body {\n  display: flex !important;\n  padding: 15px !important;\n}\n#sbz92 .widget-preview--title {\n  display: block !important;\n  font-size: 15px !important;\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n  margin-bottom: 5px !important;\n  opacity: 0.7 !important;\n}\n#sbz92 .widget-preview--content {\n  cursor: pointer !important;\n  flex: 1 !important;\n  overflow: hidden !important;\n}\n#sbz92 .widget-preview--message {\n  white-space: pre-wrap !important;\n  word-wrap: break-word !important;\n  font-weight: 500 !important;\n  font-size: 16px !important;\n  display: block !important;\n  margin: 0 !important;\n  margin-bottom: 0px !important;\n  max-height: 78px !important;\n  overflow: hidden !important;\n}\n#sbz92 .widget-preview--action {\n  border-top: 1px solid #f0f0f0 !important;\n  cursor: pointer !important;\n  padding: 13px !important;\n}\n#sbz92 .widget-preview--action-text {\n  display: block !important;\n  text-align: center !important;\n  font-weight: 500 !important;\n  font-size: 16px !important;\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n  margin: 0 !important;\n}\n#sbz92 .widget-internet-status {\n  position: absolute !important;\n  bottom: 0 !important;\n  left: 0 !important;\n  width: 100% !important;\n  font-size: 14px !important;\n  z-index: 10 !important;\n  text-align: center !important;\n  padding: 6px 5px !important;\n}\n#sbz92 .widget-internet-status.negative {\n  background-color: #212325 !important;\n  color: #fff !important;\n}\n#sbz92 .widget-internet-status.positive {\n  background-color: #19b600 !important;\n  color: #fff !important;\n}\n#sbz92 .widget-preview-text-message--header {\n  display: flex !important;\n  overflow: hidden !important;\n  align-items: center !important;\n  width: 100% !important;\n}\n#sbz92 .widget-preview-text-message--header .widget-preview--avatar {\n  width: 24px !important;\n  height: 24px !important;\n  flex-shrink: 0 !important;\n  margin-right: 10px !important;\n}\n#sbz92 .widget-preview-text-message--author {\n  flex: 1 !important;\n  overflow: hidden !important;\n  display: flex !important;\n  align-items: center !important;\n}\n#sbz92 .widget-preview-text-message--author .badge {\n  margin-left: 10px !important;\n}\n#sbz92 .widget-preview-text-message--author-text {\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  overflow: hidden !important;\n  line-height: 1.5 !important;\n  color: '@secondary_color' !important;\n  -webkit-text-fill-color: '@secondary_color' !important;\n}\n#sbz92 .widget-preview-text-message--content {\n  margin-top: 10px !important;\n  white-space: pre-wrap !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper {\n  z-index: '@z_index_3' !important;\n  width: 100% !important;\n  margin-bottom: 15px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.right {\n  align-items: flex-end !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.horizontal {\n  flex-direction: row !important;\n  flex-wrap: wrap !important;\n  align-items: center !important;\n  gap: 10px !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.horizontal.right {\n  justify-content: flex-end !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.horizontal.left {\n  justify-content: flex-start !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.horizontal .widget-preview-quick-reply-item {\n  margin: 0 !important;\n  max-width: 200px !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  white-space: nowrap !important;\n  padding: 6px 15px !important;\n}\n#sbz92 .widget-preview-quick-reply-wrapper.horizontal .widget-preview-quick-reply-item:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .widget-preview-quick-reply-item {\n  border-radius: 20px !important;\n  padding: 8px 20px !important;\n  background: #fff !important;\n  border: 1.5px solid !important;\n  border-color: '@primary_color' !important;\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n  margin-bottom: 15px !important;\n  cursor: pointer !important;\n  transition: 0.3s ease !important;\n  position: relative !important;\n}\n#sbz92 .widget-preview-quick-reply-item:last-child {\n  margin-bottom: 0 !important;\n}\n#sbz92 .widget-preview-quick-reply-item:hover {\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n  background-color: '@primary_color' !important;\n}\n#sbz92 .widget-preview-image-wrapper {\n  z-index: '@z_index_3' !important;\n  width: 100% !important;\n  margin-bottom: 15px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: flex-start !important;\n}\n#sbz92 .widget-preview-image-wrapper.right {\n  align-items: flex-end !important;\n}\n#sbz92 .widget-preview-image-item {\n  max-width: 300px !important;\n  border-radius: 15px !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n  border: 1px solid #dee2e6 !important;\n  overflow: hidden !important;\n  cursor: pointer !important;\n}\n#sbz92 .widget-preview-image-item img {\n  width: 100% !important;\n  max-height: 300px !important;\n  object-fit: cover !important;\n}\n#sbz92 .widget-preview-text-message {\n  z-index: '@z_index_3' !important;\n  background: #fff !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n  border-radius: 15px !important;\n  max-width: 100% !important;\n  min-width: 210px !important;\n  margin-bottom: 15px !important;\n  padding: 15px 20px !important;\n  position: relative !important;\n  cursor: pointer !important;\n}\n#sbz92 .widget-preview-text-message.right {\n  border-bottom-right-radius: 8px !important;\n}\n#sbz92 .widget-preview-text-message.left {\n  border-bottom-left-radius: 8px !important;\n}\n#sbz92 .widget-preview-new-wrapper {\n  max-width: '@preview_max_width' !important;\n  position: relative !important;\n  opacity: 1 !important;\n  transition: opacity 0.15s ease-in, transform 0.15s ease-in !important;\n  transform: translateY(0) !important;\n}\n#sbz92 .widget-preview-new-wrapper.hidden {\n  transform: translateY(20px) !important;\n  transition: opacity 0.15s ease-out, transform 0.15s ease-out !important;\n  opacity: 0 !important;\n}\n#sbz92 .widget-preview-new-wrapper:hover .widget-preview-x-wrapper {\n  display: flex !important;\n}\n#sbz92 .widget-preview-x-wrapper {\n  display: none !important;\n  justify-content: flex-start !important;\n  width: calc(100% + 40px) !important;\n  position: absolute !important;\n  padding: 15px 20px !important;\n  left: -20px !important;\n  bottom: 100% !important;\n}\n#sbz92 .widget-preview-x-wrapper.mobile {\n  display: flex !important;\n}\n#sbz92 .widget-preview-x-wrapper.right {\n  justify-content: flex-end !important;\n  left: unset !important;\n  right: -20px !important;\n}\n#sbz92 .widget-preview-x-wrapper .widget-preview--btn-close {\n  opacity: 1 !important;\n  width: 32px !important;\n  height: 32px !important;\n  border: 1px solid #ececec !important;\n  box-shadow: 0px 5px 30px rgba(0, 0, 0, 0.15) !important;\n  background-color: #00000040 !important;\n  background-size: 16px 16px !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNlY2VjZWMiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXIteCI+PGxpbmUgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCI+PC9saW5lPjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iMTgiPjwvbGluZT48L3N2Zz4K') !important;\n}\n#sbz92 .widget-preview-x-wrapper .widget-preview--btn-close:hover {\n  border-color: #fff !important;\n  background-color: #00000066 !important;\n  background-image: url('data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIyNCIgaGVpZ2h0PSIyNCIgdmlld0JveD0iMCAwIDI0IDI0IiBmaWxsPSJub25lIiBzdHJva2U9IiNmZmYiIHN0cm9rZS13aWR0aD0iMi4yIiBzdHJva2UtbGluZWNhcD0icm91bmQiIHN0cm9rZS1saW5lam9pbj0icm91bmQiIGNsYXNzPSJmZWF0aGVyIGZlYXRoZXIteCI+PGxpbmUgeDE9IjE4IiB5MT0iNiIgeDI9IjYiIHkyPSIxOCI+PC9saW5lPjxsaW5lIHgxPSI2IiB5MT0iNiIgeDI9IjE4IiB5Mj0iMTgiPjwvbGluZT48L3N2Zz4K') !important;\n}\n#sbz92 .rating--overlay {\n  position: absolute !important;\n  height: 100% !important;\n  width: 100% !important;\n  background: black !important;\n  opacity: 0.3 !important;\n  top: 0 !important;\n  left: 0 !important;\n  border-bottom-left-radius: 15px !important;\n  border-bottom-right-radius: 15px !important;\n  z-index: 9 !important;\n}\n#sbz92 .rating {\n  border-top-left-radius: 10px !important;\n  border-top-right-radius: 10px !important;\n  overflow: hidden !important;\n  position: absolute !important;\n  height: 400px !important;\n  max-height: 80% !important;\n  width: 100% !important;\n  bottom: 0 !important;\n  /* centering */\n  left: 0 !important;\n  background: white !important;\n  border-bottom-left-radius: 15px !important;\n  border-bottom-right-radius: 15px !important;\n  z-index: 10 !important;\n}\n#sbz92 .rating .rating--comment {\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n  resize: none !important;\n  margin-left: 20px !important;\n  margin-right: 20px !important;\n  border: 2px solid lightgray !important;\n  border-radius: 5px !important;\n  padding: 10px !important;\n  height: 60px !important;\n  min-height: 60px !important;\n}\n#sbz92 .rating .rating--close-btn {\n  right: 20px !important;\n  top: -2px !important;\n  width: 22px !important;\n  height: 22px !important;\n  position: absolute !important;\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23acacac%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C/line%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C/line%3E%3C/svg%3E') !important;\n  cursor: pointer !important;\n}\n#sbz92 .rating .rating--close-btn:hover {\n  background-image: url('data:image/svg+xml,%3C?xml%20version%3D%221.0%22%20?%3E%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2224%22%20height%3D%2224%22%20viewBox%3D%220%200%2024%2024%22%20fill%3D%22none%22%20stroke%3D%22%23a0a0a0%22%20stroke-width%3D%222%22%20stroke-linecap%3D%22round%22%20stroke-linejoin%3D%22round%22%20class%3D%22feather%20feather-x%22%3E%3Cline%20x1%3D%2218%22%20y1%3D%226%22%20x2%3D%226%22%20y2%3D%2218%22%3E%3C/line%3E%3Cline%20x1%3D%226%22%20y1%3D%226%22%20x2%3D%2218%22%20y2%3D%2218%22%3E%3C/line%3E%3C/svg%3E') !important;\n}\n#sbz92 .rating .rating--handle:hover .rating--thumb {\n  background: #e0e0e0 !important;\n}\n#sbz92 .rating .rating--thumb {\n  width: 70px !important;\n  height: 6px !important;\n  background: #eaeaea !important;\n  border-radius: 5px !important;\n  margin: 0 auto !important;\n  cursor: grabbing !important;\n  margin-top: 8px !important;\n  margin-bottom: 20px !important;\n}\n#sbz92 .rating .rating--content {\n  display: flex !important;\n  flex: 1 !important;\n  flex-grow: 1 !important;\n  height: calc(100% - 40px) !important;\n  flex-direction: column !important;\n  justify-content: space-between !important;\n}\n#sbz92 .rating .rating--heading {\n  margin: 0 !important;\n  font-weight: 500 !important;\n  font-size: 20px !important;\n  line-height: 20px !important;\n  text-align: center !important;\n  flex-grow: 1 !important;\n  position: relative !important;\n}\n#sbz92 .rating .rating--description {\n  text-align: center !important;\n  flex-grow: 1 !important;\n  font-size: 15px !important;\n  padding-left: 20px !important;\n  padding-right: 20px !important;\n  display: flex !important;\n  align-items: center !important;\n  margin-top: 10px !important;\n  margin-bottom: 15px !important;\n}\n#sbz92 .rating .rating-faces-container {\n  flex: 5 !important;\n  display: flex !important;\n  justify-content: space-around !important;\n  align-items: center !important;\n  margin: 10px 10px !important;\n}\n#sbz92 .rating .rating-face-container {\n  padding: 15px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  cursor: pointer !important;\n  border-radius: 10px !important;\n  user-select: none !important;\n  -webkit-transition: all 0.1s !important;\n  transition: all 0.1s !important;\n}\n#sbz92 .rating .rating-face-container:hover {\n  box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.1) !important;\n}\n#sbz92 .rating .rating-face--text {\n  margin-top: 10px !important;\n  margin-bottom: 0px !important;\n  font-size: 13px !important;\n  color: #4d4d4d !important;\n  -webkit-text-fill-color: #4d4d4d !important;\n}\n#sbz92 .rating .rating-no-thanks {\n  flex: 10 !important;\n  text-align: center !important;\n  cursor: pointer !important;\n  display: flex !important;\n  justify-content: center !important;\n  align-items: flex-end !important;\n  color: #acacac !important;\n  -webkit-text-fill-color: #acacac !important;\n}\n#sbz92 .rating .rating-no-thanks:hover {\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n}\n#sbz92 .text__danger {\n  color: #dc3545 !important;\n}\n#sbz92 .extension--close-btn {\n  background: #00000088 !important;\n  border-radius: 8px !important;\n  color: #ffffffaa !important;\n  -webkit-text-fill-color: #ffffffaa !important;\n  right: 10px !important;\n  top: -35px !important;\n  font-size: 14px !important;\n  position: absolute !important;\n  padding: 5px 15px !important;\n  cursor: pointer !important;\n}\n#sbz92 .extension--close-btn:hover {\n  background: #000000 !important;\n  color: #ffffff !important;\n  -webkit-text-fill-color: #ffffff !important;\n}\n#sbz92 .extension--handle {\n  margin-bottom: 10px !important;\n}\n#sbz92 .extension--handle:hover .extension--thumb {\n  background: #e0e0e0 !important;\n}\n#sbz92 .extension--thumb {\n  width: 70px !important;\n  cursor: grabbing !important;\n  margin: 0 auto !important;\n  height: 6px !important;\n  background: #eaeaea !important;\n  border-radius: 5px !important;\n  flex: 1 !important;\n  margin-top: 5px !important;\n}\n#sbz92 .extension {\n  border-top-left-radius: 10px !important;\n  position: absolute !important;\n  border-top-right-radius: 10px !important;\n  width: 100% !important;\n  bottom: 0 !important;\n  /* centering */\n  left: 0 !important;\n  border-bottom-left-radius: 15px !important;\n  border-bottom-right-radius: 15px !important;\n  display: flex !important;\n  flex-direction: column !important;\n  background: white !important;\n  z-index: 10 !important;\n}\n#sbz92 .extension--overlay {\n  position: absolute !important;\n  height: 100% !important;\n  width: 100% !important;\n  background: black !important;\n  opacity: 0.3 !important;\n  top: 0 !important;\n  left: 0 !important;\n  border-bottom-left-radius: 15px !important;\n  border-bottom-right-radius: 15px !important;\n  z-index: 9 !important;\n}\n#sbz92 .order__footer {\n  margin-top: 40px !important;\n  color: #888 !important;\n  -webkit-text-fill-color: #888 !important;\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  margin-bottom: 20px !important;\n}\n#sbz92 .order__footer_delimiter {\n  width: 1px !important;\n  height: 15px !important;\n  border-right: 1px solid #bbb !important;\n}\n#sbz92 .order__footer_link {\n  padding: 0 10px !important;\n  font-size: 14px !important;\n  cursor: pointer !important;\n}\n#sbz92 .order__footer_link:hover {\n  text-decoration: none !important;\n  color: #555 !important;\n  -webkit-text-fill-color: #555 !important;\n}\n#sbz92 .desktop.order {\n  border-radius: 0 !important;\n  width: 780px !important;\n  margin: 0 auto !important;\n  height: 100% !important;\n}\n#sbz92 .desktop.order .order_section__line {\n  display: none !important;\n}\n#sbz92 .desktop.order .desktop_order__heading {\n  line-height: 20px !important;\n}\n#sbz92 .desktop.order .order_attachment__product_img {\n  width: 50px !important;\n  height: 50px !important;\n}\n#sbz92 .desktop.order .order_label {\n  font-weight: 500 !important;\n  margin-top: 30px !important;\n  margin-bottom: 10px !important;\n  font-size: 16px !important;\n}\n#sbz92 .desktop.order .order_label:first-child {\n  margin-top: 0 !important;\n}\n#sbz92 .desktop.order .order_recap {\n  margin-top: 0px !important;\n  background: #f4f4f4 !important;\n  margin-top: 20px !important;\n  width: 270px !important;\n  box-shadow: 0 0 0 1px hsla(0, 0%, 69%, 0.2), 0 15px 35px 0 rgba(49, 49, 93, 0.08), 0 5px 15px 0 rgba(0, 0, 0, 0.06) !important;\n  border-radius: 6px !important;\n  background-color: #fff !important;\n  padding: 32px 32px 20px !important;\n}\n#sbz92 .desktop.order .order_acc_header {\n  display: flex !important;\n  align-items: center !important;\n  margin-top: 20px !important;\n}\n#sbz92 .desktop.order .order_acc_logo {\n  height: 50px !important;\n}\n#sbz92 .desktop.order .order_acc_name {\n  font-size: 16px !important;\n  margin-left: 10px !important;\n  border-left: 1px solid #aaa !important;\n  padding-left: 10px !important;\n}\n#sbz92 .desktop.order .order_summary_line {\n  align-items: center !important;\n  overflow: hidden !important;\n  padding: 5px 0 !important;\n  display: flex !important;\n  justify-content: space-between !important;\n}\n#sbz92 .desktop_order__content {\n  display: flex !important;\n}\n#sbz92 .order {\n  width: 100% !important;\n  display: flex !important;\n  flex-direction: column !important;\n  background: white !important;\n  z-index: 10 !important;\n}\n#sbz92 .order .ship_card {\n  display: flex !important;\n  align-items: center !important;\n  overflow: hidden !important;\n  width: 190px !important;\n  cursor: pointer !important;\n  padding: 10px 15px !important;\n  box-shadow: none !important;\n  border: 2px solid #eee !important;\n  color: #777 !important;\n  -webkit-text-fill-color: #777 !important;\n  margin-top: 5px !important;\n  border-radius: 8px !important;\n  background: white !important;\n  transition: all 150ms ease-out !important;\n}\n#sbz92 .order .ship_card:hover {\n  color: #555 !important;\n  -webkit-text-fill-color: #555 !important;\n  border: 2px solid #aaa !important;\n}\n#sbz92 .order .ship_card.ship_card__active {\n  color: #333 !important;\n  -webkit-text-fill-color: #333 !important;\n  border: 2px solid #777 !important;\n  background: #fafafa !important;\n}\n#sbz92 .order .order_ship_icon {\n  margin-top: -3px !important;\n  width: 15px !important;\n  height: 15px !important;\n  opacity: 0.6 !important;\n}\n#sbz92 .order .card_section {\n  margin-top: 20px !important;\n  max-width: 500px !important;\n  box-shadow: 0 0 0 1px hsla(0, 0%, 69%, 0.2), 0 15px 35px 0 rgba(49, 49, 93, 0.08), 0 5px 15px 0 rgba(0, 0, 0, 0.06) !important;\n  border-radius: 6px !important;\n  background-color: #fff !important;\n  padding: 32px !important;\n}\n#sbz92 .order input[type='text'].form-control,\n#sbz92 .order input[type='number'].form-control,\n#sbz92 .order input[type='date'].form-control,\n#sbz92 .order textarea.form-control,\n#sbz92 .order select.form-control {\n  background: #f4f4f4 !important;\n  border: 1px solid transparent !important;\n  padding: 7px 10px !important;\n}\n#sbz92 .order input[type='text'].form-control:hover,\n#sbz92 .order input[type='number'].form-control:hover,\n#sbz92 .order input[type='date'].form-control:hover,\n#sbz92 .order textarea.form-control:hover,\n#sbz92 .order select.form-control:hover {\n  background: #f0f0f0 !important;\n}\n#sbz92 .order input[type='text'].form-control:focus,\n#sbz92 .order input[type='number'].form-control:focus,\n#sbz92 .order input[type='date'].form-control:focus,\n#sbz92 .order textarea.form-control:focus,\n#sbz92 .order select.form-control:focus,\n#sbz92 .order input[type='text'].form-control:active,\n#sbz92 .order input[type='number'].form-control:active,\n#sbz92 .order input[type='date'].form-control:active,\n#sbz92 .order textarea.form-control:active,\n#sbz92 .order select.form-control:active {\n  background: #eee !important;\n}\n#sbz92 .order input[type='text'].form-control.err,\n#sbz92 .order input[type='number'].form-control.err,\n#sbz92 .order input[type='date'].form-control.err,\n#sbz92 .order textarea.form-control.err,\n#sbz92 .order select.form-control.err {\n  background: #ffe6e6 !important;\n  border: 1px solid #ff8a8a !important;\n}\n#sbz92 .order .form {\n  box-shadow: none !important;\n  border: none !important;\n  padding: 0 !important;\n}\n#sbz92 .order .form .radio {\n  height: unset !important;\n}\n#sbz92 .order .order--content {\n  display: flex !important;\n  flex: 1 !important;\n  flex-direction: column !important;\n}\n#sbz92 .order .order--content-content {\n  flex: 1 !important;\n  overflow: auto !important;\n}\n#sbz92 .order .order--heading {\n  margin: 0 !important;\n  margin-top: 20px !important;\n  padding-left: 20px !important;\n  padding-right: 20px !important;\n  padding-bottom: 8px !important;\n  line-height: 20px !important;\n  position: relative !important;\n}\n#sbz92 .order .order--header-desc {\n  color: #6c757d !important;\n  -webkit-text-fill-color: #6c757d !important;\n  font-size: 13px !important;\n}\n#sbz92 .order .order__product_line {\n  display: flex !important;\n  overflow: hidden !important;\n}\n#sbz92 .order .order--footer {\n  text-align: k center !important;\n  cursor: pointer !important;\n  display: flex !important;\n  justify-content: center !important;\n  align-items: flex-end !important;\n  color: #acacac !important;\n  -webkit-text-fill-color: #acacac !important;\n}\n#sbz92 .order .order--footer:hover {\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n}\n#sbz92 .order .order_section_label {\n  color: #444 !important;\n  -webkit-text-fill-color: #444 !important;\n  margin-bottom: 5px !important;\n  text-transform: uppercase !important;\n  font-size: 13px !important;\n  font-weight: 500 !important;\n}\n#sbz92 .order .order_label {\n  color: #444 !important;\n  -webkit-text-fill-color: #444 !important;\n  margin-bottom: 5px !important;\n  text-transform: uppercase !important;\n  font-size: 13px !important;\n  font-weight: 500 !important;\n}\n#sbz92 .order .order_section {\n  padding-left: 20px !important;\n  padding-right: 20px !important;\n  padding-bottom: 15px !important;\n  padding-top: 15px !important;\n}\n#sbz92 .order .order_section__line {\n  border-top: 4px solid #eee !important;\n  width: 100% !important;\n}\n#sbz92 .order .order_summary_line {\n  overflow: hidden !important;\n  padding: 3px 0 !important;\n  display: flex !important;\n  justify-content: space-between !important;\n}\n#sbz92 .order .order_btn {\n  width: 100% !important;\n}\n#sbz92 .order .order_tracking_link {\n  text-decoration: underline !important;\n  cursor: pointer !important;\n}\n#sbz92 .order .order_tracking_link:hover {\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n}\n#sbz92 .order .order_tracking_link_icon {\n  margin-top: -3px !important;\n  width: 15px !important;\n  height: 15px !important;\n}\n#sbz92 .order .order_shipping_provider_logo {\n  width: 32px !important;\n  height: 32px !important;\n  margin-right: 10px !important;\n}\n#sbz92 .order .order_btn.order__btn__light {\n  background: #f0f0f0 !important;\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n  border-radius: 6px !important;\n  text-align: center !important;\n  padding: 8px !important;\n  cursor: pointer !important;\n}\n#sbz92 .order .order_btn.order__btn__light:hover {\n  color: black !important;\n  -webkit-text-fill-color: black !important;\n  background: #ddd !important;\n}\n#sbz92 div.order__card {\n  display: flex !important;\n  padding: 15px !important;\n  box-shadow: none !important;\n  border: 2px solid #eee !important;\n  margin-top: 10px !important;\n  border-radius: 8px !important;\n  background: #fafafa !important;\n}\n#sbz92 div.order__card.order__card__active {\n  border: 2px solid #777 !important;\n  background: white !important;\n}\n#sbz92 .order_form_label {\n  margin-top: 10px !important;\n  margin-bottom: 4px !important;\n}\n#sbz92 .btn-confirm-order {\n  width: 100% !important;\n  background: '@primary_color' !important;\n  display: flex !important;\n  align-items: center !important;\n  border-radius: 5px !important;\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n  padding: 15px 10px !important;\n  cursor: pointer !important;\n  justify-content: center !important;\n  font-weight: 500 !important;\n  margin-top: 10px !important;\n}\n#sbz92 .btn-confirm-order:hover {\n  background: #0053d4 !important;\n}\n#sbz92 .order__total {\n  font-weight: 500 !important;\n  font-size: 20px !important;\n  color: '@primary_color' !important;\n  -webkit-text-fill-color: '@primary_color' !important;\n}\n#sbz92 .btn-cancel-order {\n  color: #666 !important;\n  -webkit-text-fill-color: #666 !important;\n  text-decoration: underline !important;\n  display: inline-block !important;\n  margin-top: 10px !important;\n  cursor: pointer !important;\n}\n#sbz92 .btn-cancel-order:hover {\n  color: #333 !important;\n  -webkit-text-fill-color: #333 !important;\n}\n#sbz92 .order_status {\n  text-transform: uppercase !important;\n  background: black !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n  display: inline-block !important;\n  border-radius: 4px !important;\n  padding: 6px 6px 4px 6px !important;\n  line-height: 1 !important;\n  font-weight: 500 !important;\n  font-size: 12px !important;\n}\n#sbz92 .order_status.order_status__canceled {\n  background: whitesmoke !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .order_status.order_status__cancel {\n  background: whitesmoke !important;\n  color: #000 !important;\n  -webkit-text-fill-color: #000 !important;\n}\n#sbz92 .order_status.order_status__confirmed {\n  background: '@primary_color' !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__shipping {\n  background: #000 !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__fullfilled {\n  background: #28a745 !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__hold {\n  background: #dc3545 !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__draft {\n  background: #ffc107 !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_status.order_status__open {\n  background: #ffc107 !important;\n  color: white !important;\n  -webkit-text-fill-color: white !important;\n}\n#sbz92 .order_error {\n  display: flex !important;\n  flex-direction: column !important;\n  align-items: center !important;\n  justify-content: center !important;\n  height: 100% !important;\n  width: 100% !important;\n}\n#sbz92 .order_attachment__note {\n  font-size: 14px !important;\n  white-space: pre-wrap !important;\n  overflow: hidden !important;\n  text-overflow: ellipsis !important;\n  display: -webkit-box !important;\n  -webkit-line-clamp: 3 !important;\n  -webkit-box-orient: vertical !important;\n}\n#sbz92 .dropdown_select {\n  position: absolute !important;\n  background: white !important;\n  -webkit-box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;\n  box-shadow: 0 4px 16px rgba(0, 0, 0, 0.1) !important;\n  border-radius: 5px !important;\n  width: 150px !important;\n  z-index: 20 !important;\n  overflow: hidden !important;\n}\n#sbz92 .dropdown_select__overlay {\n  top: 0 !important;\n  overflow: hidden !important;\n  position: absolute !important;\n  background: #000000aa !important;\n  z-index: 19 !important;\n  left: 0 !important;\n  right: 0 !important;\n  bottom: 0 !important;\n}\n#sbz92 .dropdown_select__item {\n  padding: 7px 10px !important;\n  cursor: pointer !important;\n}\n#sbz92 .dropdown_select__item:hover {\n  background: '@primary_color' !important;\n  color: #fff !important;\n  -webkit-text-fill-color: #fff !important;\n}\n#sbz92 .dropdown_select_filter {\n  padding: 8px 10px !important;\n  border-bottom: 1px solid #eee !important;\n  position: relative !important;\n}\n#sbz92 .dropdown_select_filter:hover .dropdown_select_filter__icon {\n  opacity: 1 !important;\n}\n#sbz92 .dropdown_select_filter_input {\n  border-radius: 5px !important;\n  width: 100% !important;\n  display: block !important;\n  background: #f4f4f4 !important;\n  border: none !important;\n  padding: 7px 10px !important;\n  padding-left: 35px !important;\n}\n#sbz92 .dropdown_select_filter_input:hover {\n  background: #f0f0f0 !important;\n}\n#sbz92 .dropdown_select_filter_input:focus,\n#sbz92 .dropdown_select_filter_input:active {\n  background: #eee !important;\n}\n#sbz92 .dropdown_select_input {\n  border-radius: 5px !important;\n  overflow: hidden !important;\n  cursor: pointer !important;\n  flex-wrap: nowrap !important;\n  display: flex !important;\n  background: #f4f4f4 !important;\n  border: 1px solid trasparent !important;\n  padding: 7px 10px !important;\n  height: 32px !important;\n  min-width: 120px !important;\n  width: 100% !important;\n}\n#sbz92 .dropdown_select_input:hover {\n  background: #f0f0f0 !important;\n}\n#sbz92 .dropdown_select_input:focus,\n#sbz92 .dropdown_select_input:active {\n  background: #eee !important;\n}\n#sbz92 .dropdown_select_input.err {\n  background: #ffe6e6 !important;\n  border: 1px solid #ff8a8a !important;\n}\n#sbz92 .dropdown_select__items {\n  max-height: 300px !important;\n  min-height: 100px !important;\n  overflow-x: hidden !important;\n  overflow-y: auto !important;\n}\n#sbz92 .dropdown_select_filter__icon {\n  width: 22px !important;\n  height: 15px !important;\n  position: absolute !important;\n  z-index: 2 !important;\n  top: 15px !important;\n  left: 18px !important;\n  border-right: 1px solid #aaa !important;\n  padding-right: 7px !important;\n  opacity: 0.5 !important;\n}\n#sbz92 .dropdown_select_filter__empty {\n  display: flex !important;\n  align-items: center !important;\n  justify-content: center !important;\n  flex-direction: column !important;\n}\n#sbz92 .dropdown_select_filter__empty_img {\n  height: 50px !important;\n  margin-top: 10px !important;\n  margin-bottom: 10px !important;\n}\n#sbz92 .dropdown_select__caret {\n  width: 14px !important;\n  margin-top: 3px !important;\n  opacity: 0.6 !important;\n  height: 15px !important;\n}\ndiv#sbz92 {\n  all: initial;\n}\nbody div#sbz92 {\n  all: initial !important;\n}\n", ""]);
 // Exports
 /* harmony default export */ const __WEBPACK_DEFAULT_EXPORT__ = (___CSS_LOADER_EXPORT___);
 
@@ -4607,89 +4622,88 @@ let trackResponseFn = (param, done) => {
     }));
     _defineProperty(this, "sendTyping", cid => this.apireq.post(`/accounts/${this.accid}/conversations/${cid}/typing`));
     _defineProperty(this, "sendLostFocus", () => this.apireq.post(`/accounts/${this.accid}/focuses/${this.uid}/delete`));
-    _defineProperty(this, "uploadToS3", async file => {
-      let name = file.name.replace(/\s+/g, '_');
-      var {
-        body,
-        error
-      } = await this.apireq.setBaseUrl('https://api5.subiz.com.vn/4.1').setQuery({
-        'account-id': this.accid,
-        description: 'upload\n user-client: web-widget',
-        name: name,
-        presign: true,
-        size: file.size,
-        'content-type': file.type
-      }).post('/files');
-      if (error) return {
-        body,
-        error
-      };
-      let signedurl = body.signed_url;
-      let fileid = body.id;
-      let err = await new Promise(resolve => {
-        const xhr = new util/* default */.A.XMLHttpRequest();
-        xhr.open('PUT', signedurl, true);
-        xhr.setRequestHeader('Content-Type', file.type || '');
-        xhr.onload = function () {
-          if (xhr.status === 200) {
-            resolve();
-          } else {
-            resolve(new Error(`Upload failed: ${xhr.statusText}`));
-          }
-        };
-        xhr.onerror = function () {
-          resolve(new Error('Network error during upload.'));
-        };
-        xhr.send(file);
-      });
-      if (err) return {
-        error: err
-      };
-      var {
-        body,
-        error
-      } = await this.apireq.setBaseUrl('https://api5.subiz.com.vn/4.1').setQuery({
-        'account-id': this.accid
-      }).post(`/files/${fileid}/uploaded`);
-      if (error) return {
-        error
+    _defineProperty(this, "attachmentRequest", () => this.apireq.setBaseUrl(new URL('/4.1', this.ApiURL).href).addQuery('x-account-id', this.accid));
+    _defineProperty(this, "attachmentJSON", async (path, body, method = 'post') => {
+      const result = await this.attachmentRequest()[method](path, body);
+      if (result.error || result.body?.error || result.code < 200 || result.code >= 300) {
+        throw Object.assign(new Error('Attachment request failed'), {
+          code: result.body?.error?.code,
+          response: result
+        });
+      }
+      return result.body;
+    });
+    _defineProperty(this, "uploadAttachment", async (file, state = {}, onProgress = () => {}) => {
+      if (file.size > 25000000) return {
+        error: 'invalid_field_size',
+        body: {
+          code: 'invalid_field_size'
+        }
       };
-      return {
-        url: util/* default */.A.get(body, 'file.url', '')
+      const identity = JSON.stringify([this.accid, this.uid, this.ref, this.mask, this.profile_id, this.tokensession]);
+      if (state.identity && state.identity !== identity) throw new Error('Upload identity changed');
+      state.identity = identity;
+      const checkIdentity = () => {
+        if (identity !== JSON.stringify([this.accid, this.uid, this.ref, this.mask, this.profile_id, this.tokensession])) throw new Error('Upload identity changed');
       };
-    });
-    _defineProperty(this, "uploadToS32", async file => {
-      var {
-        body,
-        error
-      } = await api_ajax.setBaseUrl('https://api5.subiz.com.vn/4.1').withCredentials(true).setQuery({
-        'account-id': this.accid,
-        description: 'upload\n user-client: web-widget',
-        name: file.name.replace(/\s+/g, '_'),
+      if (state.file) return state.file;
+      if (state.upload && !state.putDone && state.upload.upload_expires_at <= util/* default */.A.Date.now()) {
+        delete state.upload;
+        delete state.key;
+      }
+      if (!state.key) state.key = util/* default */.A.randomString(36);
+      if (!state.metadata) state.metadata = {
+        category: 'attachment',
+        name: file.name,
+        content_type: file.type || 'application/octet-stream',
         size: file.size,
-        type: file.type
-      }).setParser('json').beforeHook((param, done) => {
-        if (this.token_generator) {
-          let user_id = this.profile_id;
-          this.token_generator().then(token => {
-            if (user_id != this.profile_id) return done(true);
-            if (!token) return done(false);
-            if (token == 'error') return done(false);
-            param.request = param.request.addQuery('x-access-token', token);
-            return done(true);
-          });
-          return;
-        }
-        if (this.ref) param.request = param.request.addQuery('x-user-ref', this.ref);else if (this.mask) param.request = param.request.addQuery('x-user-mask', this.mask);
-        return done(true);
-      }).post('/files', file);
-      if (error) return {
-        body,
-        error
+        ttl_seconds: 0
       };
-      return {
-        url: util/* default */.A.get(body, 'file.url')
+      if (!state.upload) {
+        const created = await this.attachmentJSON('/uploads', {
+          ...state.metadata,
+          idempotency_key: state.key
+        });
+        checkIdentity();
+        if (!created.upload?.upload_id || !created.upload.upload_url) throw new Error('Missing upload session');
+        state.upload = created.upload;
+      }
+      if (!state.putDone) {
+        checkIdentity();
+        const report = percent => {
+          if (state.progress === percent) return;
+          state.progress = percent;
+          onProgress(percent);
+        };
+        report(0);
+        await new Promise((resolve, reject) => {
+          const xhr = new util/* default */.A.XMLHttpRequest();
+          xhr.upload.onprogress = event => {
+            if (event.lengthComputable) report(Math.min(100, Math.floor(event.loaded / event.total * 100)));
+          };
+          xhr.open('PUT', state.upload.upload_url, true);
+          xhr.withCredentials = false;
+          Object.entries(state.upload.required_headers || {}).forEach(([key, value]) => xhr.setRequestHeader(key, value));
+          xhr.onload = () => xhr.status >= 200 && xhr.status < 300 ? resolve() : reject(new Error(`Upload failed: HTTP ${xhr.status}`));
+          xhr.onerror = () => reject(new Error('Network error during upload'));
+          xhr.onabort = () => reject(new Error('Upload aborted'));
+          xhr.ontimeout = () => reject(new Error('Upload timed out'));
+          xhr.send(file);
+        });
+        report(100);
+        state.putDone = true;
+      }
+      checkIdentity();
+      const finished = await this.attachmentJSON(`/uploads/${encodeURIComponent(state.upload.upload_id)}/finish`);
+      checkIdentity();
+      const f = finished.file;
+      if (!f?.id || !f.url || f.error_code) throw new Error('File is not available');
+      state.file = {
+        url: f.url,
+        v: 'cdn',
+        file_id: f.id
       };
+      return state.file;
     });
     _defineProperty(this, "time", _ => api_ajax.setBaseUrl(this.ApiURL).withCredentials(true).setParser('json').get('/time'));
     _defineProperty(this, "updateUser", data => this.apireq.post(`/accounts/${this.accid}/users/${this.uid}`, data));
@@ -5342,7 +5356,7 @@ const OK200 = Promise.resolve({
     api_fake_defineProperty(this, "sendContent", data => OK200);
     api_fake_defineProperty(this, "sendLostFocus", data => OK200);
     api_fake_defineProperty(this, "sendContentView", data => OK200);
-    api_fake_defineProperty(this, "uploadToS3", async file => OK200);
+    api_fake_defineProperty(this, "uploadAttachment", async file => OK200);
     api_fake_defineProperty(this, "time", _ => Promise.resolve({
       code: 200,
       body: new util/* default */.A.Date().toISOString()
@@ -5684,7 +5698,7 @@ async function uploadAttachments(attachments, upload) {
   let error, errorMessage;
   for (const attachment of attachments) {
     try {
-      const result = await upload(attachment._file);
+      const result = await upload(attachment._file, attachment._upload || (attachment._upload = {}));
       if (result.body && result.body.code === 'invalid_field_size') {
         errorMessage = 'cannot_send_too_big_file';
       }
@@ -5693,6 +5707,10 @@ async function uploadAttachments(attachments, upload) {
         continue;
       }
       attachment.url = result.url;
+      if (result.file_id) {
+        attachment.v = 'cdn';
+        attachment.file_id = result.file_id;
+      }
     } catch (err) {
       error = error || err;
     }
@@ -7071,7 +7089,7 @@ class Store {
         if (att.type !== 'file') return;
         if (!att._file) return;
         files.push(att);
-        if (ImageTypes.includes(att._file.type)) {
+        if (!att._upload?.file && ImageTypes.includes(att._file.type)) {
           let {
             width,
             height,
@@ -7085,15 +7103,33 @@ class Store {
     }
     this.onWs(event);
     await this.convoGate.entry();
-    const uploaded = await uploadAttachments(files, file => this.api.uploadToS3(file));
+    const uploaded = await uploadAttachments(files, (file, state) => this.api.uploadAttachment(file, state, () => this.pubsub.publish('events', event)));
     event._error = uploaded.error;
     if (uploaded.errorMessage) event._error_message = uploaded.errorMessage;
     if (event._error) return this.onWs(event);
     if (cid && cid.startsWith('cslight')) return;
+    const outgoing = {
+      ...event,
+      data: {
+        ...event.data
+      }
+    };
+    if (event.data.message) outgoing.data.message = {
+      ...event.data.message,
+      attachments: event.data.message.attachments?.map(att => {
+        const {
+          _file,
+          _upload,
+          ...attachment
+        } = att;
+        return attachment;
+      })
+    };
     let {
       body: ret,
       error
-    } = await this.api.sendConvoEvent(cid, event);
+    } = await this.api.sendConvoEvent(cid, outgoing);
+    error = error || ret?.error;
     if (error) {
       event._error = error;
       this.onWs(event);
@@ -9054,6 +9090,44 @@ function widgetGreeting(chatbox, t, created = util/* default */.A.Date.now()) {
     }
   };
 }
+;// ./src/chatbox/UploadProgress.js
+
+function UploadProgress({
+  attachment,
+  compact = false
+}) {
+  const progress = attachment._upload?.putDone || attachment._upload?.file ? 100 : attachment._upload?.progress ?? 0;
+  return (0,preact_module.h)("span", {
+    class: 'image-attachment__progress' + (compact ? ' file-attachment__progress' : '')
+  }, (0,preact_module.h)("span", {
+    class: "image-attachment__progress-label"
+  }, progress, "%"), (0,preact_module.h)("span", {
+    class: "image-attachment__progress-track",
+    role: "progressbar",
+    "aria-label": attachment.name || 'Uploading file',
+    "aria-valuemin": 0,
+    "aria-valuemax": 100,
+    "aria-valuenow": progress
+  }, (0,preact_module.h)("span", {
+    class: "image-attachment__progress-fill",
+    ref: el => {
+      if (el) el.style.setProperty('width', `${progress}%`, 'important');
+    }
+  })));
+}
+function UploadingFile({
+  attachment
+}) {
+  return (0,preact_module.h)("div", {
+    class: "file-attachment file-attachment--user file-attachment--sending",
+    "aria-busy": "true"
+  }, (0,preact_module.h)("span", {
+    class: "file-attachment--filename"
+  }, attachment.name), (0,preact_module.h)(UploadProgress, {
+    attachment: attachment,
+    compact: true
+  }));
+}
 ;// ./src/chatbox/ImageAttachments.js
 function ImageAttachments_defineProperty(e, r, t) { return (r = ImageAttachments_toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
 function ImageAttachments_toPropertyKey(t) { var i = ImageAttachments_toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
@@ -9061,6 +9135,7 @@ function ImageAttachments_toPrimitive(t, r) { if ("object" != typeof t || !t) re
 ;
 
 
+
 class ImageAttachment extends common/* Com */.Mw {
   constructor(props) {
     super(props);
@@ -9145,18 +9220,25 @@ class ImageAttachment extends common/* Com */.Mw {
     if (byType !== 'user') byType = 'agent';
     let cls = `image-attachment image-attachment--${byType}`;
     if (image._true_idx === this.state.focusedIdx) cls += ' just-focused';
+    const $sending = this.props.sending ? (0,preact_module.h)("span", {
+      class: "image-attachment__sending"
+    }, (0,preact_module.h)(UploadProgress, {
+      attachment: image
+    })) : null;
     if (!image.width || !image.height) {
       return (0,preact_module.h)("div", {
         class: cls
       }, (0,preact_module.h)("a", {
-        href: this.props.store.replaceFileUrl(image.url),
-        target: "_blank"
+        class: "image-attachment__preview",
+        href: this.props.sending ? undefined : this.props.store.replaceFileUrl(image.url),
+        target: "_blank",
+        "aria-busy": !!this.props.sending
       }, (0,preact_module.h)("img", {
         alt: true,
         class: "image-attachment__img",
         src: this.props.store.replaceFileUrl(image.thumbnail_url || image.url),
         onload: e => this.props.onLoad && this.props.onLoad()
-      })));
+      }), $sending));
     }
     let {
       width,
@@ -9171,8 +9253,10 @@ class ImageAttachment extends common/* Com */.Mw {
     return (0,preact_module.h)("div", {
       class: cls
     }, (0,preact_module.h)("a", {
-      href: trueUrl,
-      target: "_blank"
+      class: "image-attachment__preview",
+      href: this.props.sending ? undefined : trueUrl,
+      target: "_blank",
+      "aria-busy": !!this.props.sending
     }, (0,preact_module.h)("img", {
       alt: true,
       ref: el => {
@@ -9185,7 +9269,7 @@ class ImageAttachment extends common/* Com */.Mw {
       src: url,
       onload: e => this.props.onLoad && this.props.onLoad(),
       onerror: e => this.onErrorImage(index)
-    })));
+    }), $sending));
   }
   render() {
     var attachments = util/* default */.A.get(this.props.ev, 'data.message.attachments', []);
@@ -9223,6 +9307,7 @@ class ImageAttachment extends common/* Com */.Mw {
 ;// ./src/chatbox/AudioAttachments.js
 
 
+
 function AudioAttachments(props) {
   let byType = util/* default */.A.get(props.ev, 'by.type');
   var attachments = util/* default */.A.get(props.ev, 'data.message.attachments', []);
@@ -9233,6 +9318,10 @@ function AudioAttachments(props) {
   });
   if (audios.length === 0) return null;
   var $audios = util/* default */.A.map(audios, (audio, index) => {
+    if (props.sending) return (0,preact_module.h)(UploadingFile, {
+      key: index,
+      attachment: audio
+    });
     return (0,preact_module.h)("div", {
       key: index,
       class: `audio-attachment audio-attachment--${byType}`
@@ -9252,6 +9341,7 @@ function AudioAttachments(props) {
 
 
 
+
 class FileAttachments extends common/* Com */.Mw {
   constructor(props) {
     super(props);
@@ -9277,19 +9367,24 @@ class FileAttachments extends common/* Com */.Mw {
     if (files.length === 0) return null;
     let $files = util/* default */.A.map(files, (file, index) => {
       let cls = `file-attachment file-attachment--${byType}`;
+      if (this.props.sending) cls += ' file-attachment--sending';
       if (file._true_idx === this.state.focusedIdx) cls += ` just-focused`;
       return (0,preact_module.h)("div", {
         key: index,
-        class: cls
+        class: cls,
+        "aria-busy": !!this.props.sending
       }, (0,preact_module.h)("a", {
         class: "file-attachment--link",
-        href: this.props.store.replaceFileUrl(file.url),
+        href: this.props.sending ? undefined : this.props.store.replaceFileUrl(file.url),
         target: "_blank"
       }, (0,preact_module.h)("span", {
         class: "file-attachment--download mr-2"
       }), (0,preact_module.h)("span", {
         class: "file-attachment--filename"
-      }, file.name)));
+      }, file.name)), this.props.sending && (0,preact_module.h)(UploadProgress, {
+        attachment: file,
+        compact: true
+      }));
     });
     return (0,preact_module.h)("div", {
       class: `message-${byType}`
@@ -10245,6 +10340,7 @@ class ProductAttachments extends common/* Com */.Mw {
 
 
 
+
 class VideoAttachments extends common/* Com */.Mw {
   constructor(props) {
     super(props);
@@ -10259,6 +10355,10 @@ class VideoAttachments extends common/* Com */.Mw {
     });
     if (videos.length === 0) return null;
     var $videos = util/* default */.A.map(videos, (video, index) => {
+      if (this.props.sending) return (0,preact_module.h)(UploadingFile, {
+        key: index,
+        attachment: video
+      });
       return (0,preact_module.h)("div", {
         key: index,
         class: `video-attachment video-attachment--${byType}`
@@ -10926,6 +11026,9 @@ class Event extends common/* Com */.Mw {
         class: "sending_dot sending_dot__hide"
       });
     }
+    const hasFile = util/* default */.A.find(attachments, att => att.type === 'file' || att._file);
+    const sendingAttachment = !ev._error && ev.source_event_id === ev.id;
+    if (hasFile) $dot = null;
     let $sender = null;
     if (this.props.event.mode === 'lead' && util/* default */.A.get(ev, 'by.type') !== 'user') $sender = (0,preact_module.h)("div", {
       class: "pt-3"
@@ -10960,16 +11063,20 @@ class Event extends common/* Com */.Mw {
     }), (0,preact_module.h)(ImageAttachment, {
       store: this.props.store,
       ev: ev,
+      sending: sendingAttachment,
       ref: this.imageAttachmentRef
     }), (0,preact_module.h)(AudioAttachments, {
       store: this.props.store,
-      ev: ev
+      ev: ev,
+      sending: sendingAttachment
     }), (0,preact_module.h)(VideoAttachments, {
       store: this.props.store,
-      ev: ev
+      ev: ev,
+      sending: sendingAttachment
     }), (0,preact_module.h)(FileAttachments, {
       store: this.props.store,
       ev: ev,
+      sending: sendingAttachment,
       ref: this.fileAttachmentRef
     }), (0,preact_module.h)(ButtonAttachments, {
       store: this.props.store,