.bx-im-message-base__scope {
	--bx-im-message-quote__border-color: rgba(var(--ui-color-palette-black-solid-rgb), 0.2);
	--bx-im-message-quote__color: var(--ui-color-palette-gray-70);
	--bx-im-message-quote__color_name: rgba(var(--ui-color-palette-black-solid-rgb), 0.7);
	--bx-im-message-quote__background: var(--ui-color-palette-gray-02);
	--bx-im-message-quote-with-context__border-color: var(--ui-color-accent-main-primary);
	--bx-im-message-quote-with-context__color_name: var(--ui-color-accent-main-primary);
	--bx-im-message-quote-with-context__background: var(--ui-color-palette-gray-02);
	--bx-im-message-quote-toggle__position: absolute;
	--bx-im-message-quote-toggle__background: linear-gradient(90deg, rgba(var(--ui-color-palette-gray-02-rgb), 0) 0%, var(--ui-color-palette-gray-02) 40%);

	--bx-im-mention__color_highlight: var(--ui-color-palette-black-solid);
	--bx-im-message-quote__line-clamp: 4;
}
.bx-im-message-base__wrap.--self {
	--bx-im-message-quote__background: #DFF6C1;
	--bx-im-message-quote__background-rgb: 224, 245, 194;
	--bx-im-message-quote-with-context__background: var(--bx-im-message-quote__background);
	--bx-im-message-quote-toggle__background: linear-gradient(90deg, rgba(var(--bx-im-message-quote__background-rgb), 0) 0%, var(--bx-im-message-quote__background) 40%);
}
.bx-im-message-system__scope {
	--bx-im-message-quote__color: var(--ui-color-palette-gray-90);
	--bx-im-message-quote__background: rgba(var(--ui-color-palette-white-base-rgb), 0.16);
	--bx-im-message-quote-with-context__background: rgba(var(--ui-color-palette-white-base-rgb), 0.16);
	--bx-im-message-quote-toggle__background: none;
	--bx-im-message-quote-toggle__position: unset;
}
.bx-im-content-notification-item__container {
	--bx-im-message-quote__border-color: rgba(var(--ui-color-palette-black-solid-rgb), 0.2);
	--bx-im-message-quote__color: var(--ui-color-palette-gray-70);
	--bx-im-message-quote__color_name: rgba(var(--ui-color-palette-black-solid-rgb), 0.7);
	--bx-im-message-quote__background: var(--ui-color-palette-gray-02);
	--bx-im-message-quote-with-context__border-color: var(--ui-color-accent-main-primary);
	--bx-im-message-quote-with-context__color_name: var(--ui-color-accent-main-primary);
	--bx-im-message-quote-with-context__background: var(--ui-color-palette-gray-02);
}

.bx-im-message-quote {
	display: block;
	margin: 4px 0;
}
.bx-im-message-quote.--clickable {
	cursor: pointer;
}
.bx-im-message-quote__wrap {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 8px;
	border-radius: 6px;
	background: var(--bx-im-message-quote__background);
	color: var(--bx-im-message-quote__color);
	font: var(--ui-font-size-sm) var(--im-font-family-system);
	line-height: 17px;
}
.bx-im-message-quote__wrap::before {
	position: absolute;
	top: 10px;
	bottom: 10px;
	left: 8px;
	width: 2px;
	border-radius: 4px;
	background: var(--bx-im-message-quote__border-color);
	content: '';
}
.bx-im-message-quote__name {
	padding-left: 10px;
	padding-bottom: 4px;
	color: var(--bx-im-message-quote__color_name);
	font-weight: var(--im-font-weight-medium);
}
.bx-im-message-quote__name-text {
	display: inline-block;
	padding-right: 5px;
}
.bx-im-message-quote__name-time {
	display: inline-block;
	font: var(--im-font-size-3xs) var(--im-font-family-system);
}
.bx-im-message-quote__text {
	word-wrap: break-word;
	padding-left: 10px;
}
.bx-im-message-quote.--collapsed .bx-im-message-quote__text {
	text-overflow: ellipsis;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: var(--bx-im-message-quote__line-clamp);
	-webkit-box-orient: vertical;
}
.bx-im-message-quote__toggle {
	position: var(--bx-im-message-quote-toggle__position);
	bottom: 0;
	display: inline-flex;
	align-items: center;
	align-self: flex-end;
	min-height: 22px;
	padding-left: 54px;
	border: none;
	background: var(--bx-im-message-quote-toggle__background);
	font-size: var(--im-font-size-4xs);
	color: var(--ui-color-palette-gray-90);
	line-height: var(--ui-font-line-height-sm);
	cursor: pointer;
	z-index: 1;
}
.bx-im-message-quote__toggle::before {
	display: block;
	width: 22px;
	height: 22px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.342 9.759a.459.459 0 01.649.648l-3.667 3.666a.457.457 0 01-.648 0L7.01 10.407a.459.459 0 01.649-.648L11 13.102l3.341-3.343z' fill='%23525C69'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	content: '';
}

.bx-im-message-quote:not([data-context="none"]) {
	--bx-im-message-quote__border-color: var(--bx-im-message-quote-with-context__border-color);
	--bx-im-message-quote__background: var(--bx-im-message-quote-with-context__background);
	--bx-im-message-quote__color_name: var(--bx-im-message-quote-with-context__color_name);
}
.bx-im-message-quote:not([data-context="none"]) .bx-im-message-quote__text pre {
	margin: 0;
	font: var(--ui-font-size-sm) var(--im-font-family-system);
	line-height: var(--ui-font-line-height-md);
	white-space: pre-wrap;
}
.bx-im-message-quote:not([data-context="none"]) .bx-im-message-quote__name-text {
	color: var(--bx-im-message-quote-with-context__color_name);
}
.bx-im-message-quote:not([data-context="none"]) .bx-im-message-quote__name-time {
	display: none;
}

.bx-im-message-quote.--expanded .bx-im-message-quote__text {
	display: block;
	overflow: visible;
	-webkit-line-clamp: unset;
}
.bx-im-message-quote.--expanded .bx-im-message-quote__toggle {
	position: unset;
}
.bx-im-message-quote.--expanded .bx-im-message-quote__toggle::before {
	transform: rotate(180deg);
}

.bx-im-message-content-code {
	padding-left: 5px;
	border-left: 3px solid var(--ui-color-palette-gray-90);
	color: var(--ui-color-palette-gray-90);
	white-space: pre-line;
}

.bx-im-message-image {
	display: inline-flex;
	align-items: center;
	justify-content: center;
	overflow: hidden;
	border-radius: 0;
	max-width: var(--im-content-chat__max-width_message_container);
	cursor: pointer;
}

.bx-im-message-image-source {
	display: inline-block;
	max-width: 100%;
	height: 160px;
	border-radius: 12px;
}

.bx-im-mention {
	display: inline-block;
	color: var(--ui-color-accent-main-link);
	border-bottom: 1px dotted var(--ui-color-accent-main-link);
	cursor: pointer;
}

.bx-im-mention.--extranet {
	color: var(--im-color-extranet-orange-60);
	border-bottom: 1px dotted var(--im-color-extranet-orange-60);
}

.bx-im-mention.--highlight {
	color: var(--bx-im-mention__color_highlight);
	background-color: var(--ui-color-design-tinted-warning-bg);
	border-bottom: none;
	border-radius: 6px;
	padding: 1px 5px;
}

.bx-im-message-command-wrap {
	display: inline-block;
}
.bx-im-message-command {
	display: inline-block;
	color: var(--ui-color-accent-main-link);
	border-bottom: 1px dotted var(--ui-color-accent-main-link);
	cursor: pointer;
}
.bx-im-message-command-data {
	display: none;
}

.bx-im-lines-rating {
	display: inline-block;
	height: 20px;
	width: 100px;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.009 14.343l-4.193 2.204a.25.25 0 01-.362-.264l.8-4.668L2.863 8.31A.25.25 0 013 7.883l4.687-.681 2.097-4.248a.25.25 0 01.448 0l2.096 4.248 4.687.68a.25.25 0 01.139.427l-3.392 3.306.8 4.668a.25.25 0 01-.362.264l-4.192-2.204zM30.009 14.343l-4.192 2.204a.25.25 0 01-.363-.264l.8-4.668-3.391-3.306A.25.25 0 0123 7.883l4.688-.681 2.096-4.248a.25.25 0 01.448 0l2.096 4.248 4.687.68a.25.25 0 01.139.427l-3.392 3.306.8 4.668a.25.25 0 01-.362.264l-4.192-2.204zM50.009 14.343l-4.193 2.204a.25.25 0 01-.362-.264l.8-4.668-3.391-3.306A.25.25 0 0143 7.883l4.688-.681 2.096-4.248a.25.25 0 01.448 0l2.096 4.248 4.687.68a.25.25 0 01.139.427l-3.392 3.306.8 4.668a.25.25 0 01-.362.264l-4.192-2.204zM70.009 14.343l-4.192 2.204a.25.25 0 01-.363-.264l.8-4.668-3.391-3.306A.25.25 0 0163 7.883l4.688-.681 2.096-4.248a.25.25 0 01.448 0l2.096 4.248 4.687.68a.25.25 0 01.139.427l-3.392 3.306.8 4.668a.25.25 0 01-.362.264l-4.192-2.204zM90.009 14.343l-4.192 2.204a.25.25 0 01-.363-.264l.8-4.668-3.391-3.306A.25.25 0 0183 7.883l4.688-.681 2.096-4.248a.25.25 0 01.448 0l2.096 4.248 4.687.68a.25.25 0 01.139.427l-3.392 3.306.8 4.668a.25.25 0 01-.362.264l-4.192-2.204z' fill='%23C9CCD0'/%3E%3C/svg%3E");
	vertical-align: bottom;
	position: relative;
	border-radius: 10px;
}

.bx-im-lines-rating-selected {
	display: inline-block;
	height: 20px;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='100' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.009 14.343l-4.193 2.204a.25.25 0 01-.362-.264l.8-4.668L2.863 8.31A.25.25 0 013 7.883l4.687-.681 2.097-4.248a.25.25 0 01.448 0l2.096 4.248 4.687.68a.25.25 0 01.139.427l-3.392 3.306.8 4.668a.25.25 0 01-.362.264l-4.192-2.204zM30.009 14.343l-4.192 2.204a.25.25 0 01-.363-.264l.8-4.668-3.391-3.306A.25.25 0 0123 7.883l4.688-.681 2.096-4.248a.25.25 0 01.448 0l2.096 4.248 4.687.68a.25.25 0 01.139.427l-3.392 3.306.8 4.668a.25.25 0 01-.362.264l-4.192-2.204zM50.009 14.343l-4.193 2.204a.25.25 0 01-.362-.264l.8-4.668-3.391-3.306A.25.25 0 0143 7.883l4.688-.681 2.096-4.248a.25.25 0 01.448 0l2.096 4.248 4.687.68a.25.25 0 01.139.427l-3.392 3.306.8 4.668a.25.25 0 01-.362.264l-4.192-2.204zM70.009 14.343l-4.192 2.204a.25.25 0 01-.363-.264l.8-4.668-3.391-3.306A.25.25 0 0163 7.883l4.688-.681 2.096-4.248a.25.25 0 01.448 0l2.096 4.248 4.687.68a.25.25 0 01.139.427l-3.392 3.306.8 4.668a.25.25 0 01-.362.264l-4.192-2.204zM90.009 14.343l-4.192 2.204a.25.25 0 01-.363-.264l.8-4.668-3.391-3.306A.25.25 0 0183 7.883l4.688-.681 2.096-4.248a.25.25 0 01.448 0l2.096 4.248 4.687.68a.25.25 0 01.139.427l-3.392 3.306.8 4.668a.25.25 0 01-.362.264l-4.192-2.204z' fill='%23FFA900'/%3E%3C/svg%3E");
	border-radius: 10px;
}

.bx-im-lines-vote-like, .bx-im-lines-vote-dislike {
	display: inline-block;
	height: 20px;
	width: 20px;
	position: relative;
	vertical-align: bottom;
}

.bx-im-lines-vote-like {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%2362A9F3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.567 8.253H12.06a.182.182 0 01-.169-.107c-.113-.283-.108-.6.015-.88a3.234 3.234 0 00.069-1.876c-.17-.425-.216-1.202-1.002-1.238a.81.81 0 00-.584.4.257.257 0 00-.031.127s.036.754 0 1.278c-.037.525-1.04 1.86-1.677 2.708a.249.249 0 01-.164.1c-.239.035-.695.096-.86.117-.038.005-.06.054-.06.077v4.755c0 .018.02.056.058.062.13.022.451.08.776.185.409.131.749.441 1.43.671a.356.356 0 00.113.019h3.197a.906.906 0 00.742-.85 1.569 1.569 0 00-.138-.685c-.014-.03.004-.063.038-.07.41-.074.922-.852.29-1.48-.016-.015-.013-.037.01-.043a.963.963 0 00.696-.714.767.767 0 00-.02-.4c-.046-.154-.12-.3-.217-.43-.024-.032-.01-.074.029-.087a.864.864 0 00.582-.825c.04-.37-.257-.813-.616-.814zm-7.952.2H4.804a.15.15 0 00-.15.175l1.052 5.913c.016.09.096.157.19.157h.67a.185.185 0 00.188-.183l.015-5.911a.151.151 0 00-.154-.15z' fill='%23fff'/%3E%3C/svg%3E");
}

.bx-im-lines-vote-dislike {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='21' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10.294' cy='10' r='10' fill='%23FF5752'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.812 12.325h2.506c.072 0 .142.041.17.107.112.282.108.6-.016.88a3.234 3.234 0 00-.068 1.876c.17.425.215 1.202 1.001 1.238a.81.81 0 00.584-.4.256.256 0 00.032-.127s-.036-.754 0-1.278 1.039-1.86 1.677-2.708a.249.249 0 01.163-.1c.24-.035.695-.096.86-.117.038-.005.06-.054.06-.076V6.864c0-.018-.02-.056-.058-.062a5.732 5.732 0 01-.776-.185c-.408-.131-.749-.441-1.43-.671a.357.357 0 00-.113-.019H7.207a.906.906 0 00-.741.85c-.006.237.04.47.137.685.014.03-.004.063-.037.07-.41.074-.923.852-.291 1.48.016.015.013.037-.01.043a.963.963 0 00-.695.714.768.768 0 00.019.4c.046.154.12.3.217.43.025.032.011.074-.028.087a.864.864 0 00-.583.825c-.04.37.257.813.617.814zm7.95-.2h1.813a.15.15 0 00.15-.175l-1.053-5.913a.192.192 0 00-.19-.157h-.67a.185.185 0 00-.188.183l-.014 5.911c0 .083.068.15.153.15z' fill='%23fff'/%3E%3C/svg%3E");
}

.bx-im-message-image.--small .bx-im-message-image-source {
	height: 120px;
}

.bx-im-message-image.--medium .bx-im-message-image-source {
	height: 200px;
}

.bx-im-message-image.--large .bx-im-message-image-source {
	height: 300px;
}