.bx-im-chat-title__scope {
	--im-chat-title__font: var(--im-font-size-lg)/var(--im-font-line-height-3xs) var(--im-font-family-system);
	--im-chat-title__font-color: var(--im-color-palette-black-base);

	--im-chat-title-bot-color: #9d56a9;
	--im-chat-title-extranet-color: var(--im-color-extranet-orange-60);
	--im-chat-title-collab-color: var(--im-color-collab-70);
	--im-chat-title-network-color: #0a962f;
	--im-chat-title-support24-color: #005390;
}

.bx-im-chat-title__container {
	display: flex;
	align-items: center;
	min-width: 0;
	max-width: 100%;
}

.bx-im-chat-title__content {
	display: flex;
	align-items: center;
	max-width: 100%;
}

.bx-im-chat-title__container.--twoline .bx-im-chat-title__content {
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	white-space: initial;
}

.bx-im-chat-title__container.--twoline .bx-im-chat-title__text {
	text-overflow: initial;
	white-space: initial;
	overflow: initial;
}

.bx-im-chat-title__text {
	min-width: 0;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	font: var(--im-chat-title__font);
	font-weight: var(--im-font-weight-medium);
	color: var(--im-chat-title__font-color);
	align-self: baseline;
}

.bx-im-chat-title__text.--self {
	font-style: italic;
	margin-right: 0;
}

.bx-im-chat-title__text.--bot {
	color: var(--im-chat-title-bot-color);
}

.bx-im-chat-title__text.--extranet {
	color: var(--im-chat-title-extranet-color);
}

.bx-im-chat-title__text.--collaber {
	color: var(--im-chat-title-collab-color);
}

.bx-im-chat-title__text.--network {
	color: var(--im-chat-title-network-color);
}

.bx-im-chat-title__text.--support24 {
	color: var(--im-chat-title-support24-color);
}

.bx-im-chat-title__auto-delete-icon {
	margin-left: 2px;
}

.bx-im-chat-title__muted-icon {
	height: 18px;
	width: 18px;
	min-width: 18px;
	margin-left: 2px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M9.325 3.153L5.383 5.884v.111a.605.605 0 00-.077-.004H2.932a.6.6 0 00-.6.6v4.819a.6.6 0 00.6.6h2.374a.608.608 0 00.077-.005v.18l3.942 2.662V3.153zM15.668 10.52l-.834.835-1.67-1.67-1.67 1.67-.835-.835 1.67-1.67-1.67-1.67.835-.835 1.67 1.67 1.67-1.67.834.835-1.67 1.67 1.67 1.67z' fill='%23BDC1C6'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.bx-im-chat-title__icon {
	display: inline-block;
	position: relative;
	height: 14px;
	width: 14px;
	min-width: 14px;
	margin-right: 4px;
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
}

.bx-im-chat-title__icon.--birthday {
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%2211%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.5%22%20fill%3D%22%23EDEEF0%22/%3E%3Cpath%20fill%3D%22%236DAA3A%22%20d%3D%22M2.614%209.286h2.29v-2.27h-2.29v2.27zm-.953-3.232h3.247V4.637H1.661v1.417zm4.261%203.232h2.29v-2.27h-2.29v2.27zm-.028-4.65v1.418H9.14V4.637H5.894zm1.332-.487a1.45%201.45%200%201%200-1.45-1.45c0%20.222-.005.682-.01.947h-.711c-.005-.27-.005-.668-.005-.867a1.45%201.45%200%201%200-1.45%201.45h1.27v.398h1.01V4.15h.194%201.152zm-.849-1.45a.848.848%200%201%201%20.849.848h-.853c.004-.27.004-.65.004-.849zm-2.782.923a.848.848%200%201%201%20.849-.848c0%20.2.004.578.004.848-.275.005-.663%200-.853%200z%22/%3E%3C/g%3E%3C/svg%3E');
}

.bx-im-chat-title__icon.--absent {
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2211%22%20height%3D%2211%22%3E%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%3Ccircle%20cx%3D%225.5%22%20cy%3D%225.5%22%20r%3D%225.5%22%20fill%3D%22%23EDEEF0%22/%3E%3Cpath%20fill%3D%22%23CC7449%22%20d%3D%22M3.484%209.708s.321-3.05%202.086-4.815c.578-.257.514-.048.546.144-.963%201.784-.53%204.655-.53%204.655l-2.102.016z%22/%3E%3Cpath%20fill%3D%22%236EA441%22%20d%3D%22M5.73%204.732c-.17-.164-1.492-1.235-4.044.033.177-.45%201.429-2.504%202.89-2.248%201.46.257%201.155%202.214%201.155%202.214v.001zm.017%200s.305-1.91%201.574-2.15c1.27-.242%202.327%201.38%202.327%201.38-.696-.096-1.4-.129-2.102-.097a4.477%204.477%200%200%200-1.799.866v.001z%22/%3E%3Cpath%20fill%3D%22%236EA441%22%20d%3D%22M5.717%204.82l-.099-.232.121-.179c.104.033.212.05.32.053.053-.014.158.112.21.097.717-.183%201.989-.345%202.43-.069.738.462.986%202.085%201.014%202.485-2.389-2.193-3.997-2.157-3.997-2.157v.001z%22/%3E%3C/g%3E%3C/svg%3E');
}

.bx-im-chat-title__icon.--bot {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7.5' r='7' fill='%239D56A9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.422 5.46l.424-1.425a.365.365 0 00-.082-.352.355.355 0 00-.603.143l-.363 1.222a3.846 3.846 0 00-3.603.004L4.83 3.826a.357.357 0 00-.446-.242.363.363 0 00-.24.451l.427 1.43a4.079 4.079 0 00-1.508 3.183c0 2.234 1.762 1.686 3.937 1.686s3.937.548 3.937-1.686a4.075 4.075 0 00-1.515-3.189zM6.996 8.343c-1.552 0-2.812.163-2.812-.503 0-.665 1.26-1.206 2.812-1.206 1.553 0 2.814.54 2.814 1.206 0 .667-1.259.503-2.814.503zM5.71 7.134a.43.43 0 00-.346.476.428.428 0 00.448.378.429.429 0 00.4-.43.468.468 0 00-.502-.424zm2.226.477a.428.428 0 00.449.378.43.43 0 00.4-.431.468.468 0 00-.504-.424.43.43 0 00-.345.477z' fill='%23fff'/%3E%3C/svg%3E");
}

.bx-im-chat-title__icon.--extranet {
	background-image: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20width%3D%2227%22%20height%3D%2227%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cpath%20d%3D%22M13.633.073c-7.18%200-13%205.82-13%2013%200%207.179%205.82%2013%2013%2013s13-5.82%2013-13-5.82-13-13-13zM4.92%2020.525c-.033.029-.179.14-.36.273a11.858%2011.858%200%2001-2.843-7.725c0-.555.04-1.104.113-1.646.68.882%201.427%202.073%201.684%202.43.419.583.885%201.156%201.292%201.748.685.997%201.4%202.362%201.037%203.602-.157.532-.506.965-.923%201.318zm13.728-9.65c.412%201.617%201.501%202.358%203.266%202.224.837-.063.783%202.176.249%203.1-.661%201.145-.49%202.504-1.115%203.647-.394.72-1.064%201.254-1.593%201.869-.663.77-1.407%201.514-2.512%201.419-.728-.063-1.031-.87-1.174-1.446-.235-.952-.435-2.403-.6-4.353-.685-1.48-1.801-1.995-3.35-1.543-2.322.678-2.795-1.122-2.86-2.833-.158-4.22%203.392-4.666%203.803-4.592.59.106%202.32.404%202.754.643%201.472.813%202.98-.307%202.86-.9-.117-.593-3.775-1.445-5.072-1.537-1.296-.093-1.416.368-1.772-.023-.287-.315-.022-.816.18-1.081%201.43-1.886%203.817-2.342%205.835-3.324.031-.016.078-.124.133-.284a11.88%2011.88%200%20014.38%202.786%2011.881%2011.881%200%20012.915%204.757c-.43.254.427-.087-1.824.436-1.5.35-3.001.694-4.503%201.036z%22%20fill%3D%22%23D79125%22%20fill-rule%3D%22evenodd%22/%3E%3C/svg%3E');
}

.bx-im-chat-title__icon.--network {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7.5' r='7' fill='%23688800'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.241 6.929l.001-.047c0-1.035-.805-1.876-1.799-1.876a1.73 1.73 0 00-.597.106 1.85 1.85 0 00-1.71-1.198c-1.021 0-1.848.864-1.848 1.929v.034a2.355 2.355 0 00-1.5 2.22c0 1.303 1.012 2.359 2.26 2.359l.076-.002v.002h4.677a1.76 1.76 0 001.71-1.795 1.784 1.784 0 00-1.27-1.732zM7.103 9.31a1.67 1.67 0 111.603-1.669c.018.904-.7 1.65-1.603 1.669zm.669-1.667h-.653V6.84a.198.198 0 10-.395 0v1.01a.202.202 0 00.198.205h.85a.206.206 0 000-.411z' fill='%23fff'/%3E%3C/svg%3E");
}

.bx-im-chat-title__icon.--support24 {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='7' cy='7.5' r='7' fill='%230B66C3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.854 5.73c.437 0 .848.175.848.672 0 .447-.409.744-.918 1.113-.782.567-1.799 1.304-1.942 3.019h4.19V9.521H4.399c.16-.525.662-.907 1.179-1.3.675-.512 1.375-1.044 1.375-1.942 0-.907-.62-1.552-1.907-1.552-.822 0-1.513.253-2.012.48l.307.915c.446-.2.927-.392 1.513-.392zm4.548 2.476h-.524c-.202 0-.622.018-.726.026l1.303-1.717c-.018.113-.053.628-.053 1.072v.62zm.306-3.46l-2.886 3.66v.759h2.58v1.369h1.164V9.165h.857v-.959h-.857v-3.46h-.858z' fill='%23fff'/%3E%3C/svg%3E");
}

.bx-im-elements-editable-chat-title__wrap {
	--im-elements-editable-chat-title__background-color_input-border: rgba(var(--im-color-palette-gray-30-rgb), 0.3);
	--im-elements-editable-chat-title__font-color_input: var(--im-color-palette-black-base);

	display: flex;
	align-items: center;
	width: 100%;
	height: 20px;
	max-width: 100%;
	min-width: 0;
	margin-bottom: 3px;
}

.bx-im-elements-editable-chat-title__wrap.--can-rename {
	cursor: pointer;
}

.bx-im-elements-editable-chat-title__container {
	max-width: 100%;
	min-width: 0;
	flex-shrink: 0;
	text-decoration: none;
}

.bx-im-elements-editable-chat-title__edit-icon_container {
	flex-shrink: 0;
	width: 18px;
	height: 18px;
}

.bx-im-elements-editable-chat-title__edit-icon {
	width: 100%;
	height: 100%;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.672 4.19a.45.45 0 01.638.002l1.564 1.58a.45.45 0 01-.002.635l-6.737 6.715-2.197-2.22 6.734-6.713zm-7.754 9.674a.23.23 0 00.058.22c.058.057.14.08.22.057l2.455-.662-2.071-2.07-.662 2.455z' fill='%23525C69'/%3E%3C/svg%3E");
	opacity: 0.35;
	transition: all 0.3s;
}

.bx-im-elements-editable-chat-title__edit-icon:hover {
	opacity: 0.7;
}

.bx-im-elements-editable-chat-title__input_container {
	height: 20px;
	max-width: 100%;
	margin-bottom: 3px;
	overflow: hidden;
}

.bx-im-elements-editable-chat-title__input {
	max-height: 100%;
	padding: 1px 0;
	outline: none;
	border: none;
	border-bottom: 1px solid var(--im-elements-editable-chat-title__background-color_input-border);
	font: var(--im-font-size-lg)/var(--im-font-line-height-2xs) var(--im-font-family-system);
	font-weight: var(--im-font-weight-medium);
	color: var(--im-elements-editable-chat-title__font-color_input);
}