.bx-im-group-chat-promo__container {
	--im-group-chat-promo__background-color_separator: rgba(var(--im-color-palette-gray-90-rgb), 0.1);
	--im-group-chat-promo__font-color_title: var(--im-color-palette-gray-90);
	--im-group-chat-promo__font-color_text: var(--im-color-palette-gray-70);

	padding: 23px 20px 20px;
}

.bx-im-group-chat-promo__header {
	display: flex;
	align-items: center;
	justify-content: space-between;
	margin-bottom: 16px;
}

.bx-im-group-chat-promo__title {
	font: var(--im-font-size-2xl) var(--im-font-family-system);
	font-weight: var(--im-font-weight-semi-bold);
	color: var(--im-group-chat-promo__font-color_title);
}

.bx-im-group-chat-promo__close {
	width: 24px;
	height: 24px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23525c69' fill-opacity='.4' d='M7.73 6.047 6.16 7.618l4.513 4.514-4.514 4.513 1.571 1.571 4.514-4.513 4.513 4.513 1.571-1.571-4.513-4.513 4.513-4.514-1.57-1.571-4.514 4.513z'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	cursor: pointer;
}

.bx-im-group-chat-promo__close:hover {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23525c69' fill-opacity='.7' d='M7.73 6.047 6.16 7.618l4.513 4.514-4.514 4.513 1.571 1.571 4.514-4.513 4.513 4.513 1.571-1.571-4.513-4.513 4.513-4.514-1.57-1.571-4.514 4.513z'/%3E%3C/svg%3E");
}

.bx-im-group-chat-promo__content {
	border-radius: var(--im-border-radius-sm);
	margin-bottom: 19px;
}

.bx-im-group-chat-promo__content_image {
	width: 428px;
	height: 200px;
	margin-bottom: 18px;
	border-radius: 8px;
}

.bx-im-group-chat-promo__content_item {
	display: flex;
	margin-bottom: 12px;
}

.bx-im-group-chat-promo__content_icon {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	background-repeat: no-repeat;
	margin-right: 8px;
}

.bx-im-group-chat-promo__content_icon.--like-blue {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Ccircle cx='12' cy='12' r='12' fill='%232fc6f6' opacity='.1'/%3E%3Cpath fill='%237fdefc' fill-rule='evenodd' d='M17.372 9.42h-2.83a.21.21 0 0 1-.19-.121 1.28 1.28 0 0 1 .016-.994 3.65 3.65 0 0 0 .077-2.118c-.192-.48-.243-1.356-1.13-1.397a.92.92 0 0 0-.66.451.3.3 0 0 0-.035.144s.04.851 0 1.443c-.041.592-1.174 2.1-1.893 3.057a.28.28 0 0 1-.185.112c-.27.04-.785.109-.97.133-.044.006-.07.06-.07.086v5.37c0 .02.025.063.067.07.145.024.509.09.876.208.461.148.845.498 1.614.758q.062.02.128.02h3.61a1.02 1.02 0 0 0 .836-.96 1.8 1.8 0 0 0-.155-.772c-.016-.035.005-.071.042-.079.463-.084 1.042-.962.329-1.67-.019-.018-.016-.043.01-.05.393-.1.694-.414.786-.805a.87.87 0 0 0-.022-.451 1.5 1.5 0 0 0-.245-.486c-.028-.036-.013-.084.032-.098a.98.98 0 0 0 .658-.933c.044-.417-.29-.917-.697-.918m-8.977.226H6.349a.17.17 0 0 0-.169.197l1.19 6.677a.22.22 0 0 0 .214.177h.757a.21.21 0 0 0 .211-.207l.017-6.673a.17.17 0 0 0-.173-.17' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.bx-im-group-chat-promo__content_icon.--like-orange {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23ffa900' opacity='.1'/%3E%3Cpath fill='%23ffc34d' fill-rule='evenodd' d='m17.127 9.537-2.7.001a.2.2 0 0 1-.183-.116 1.23 1.23 0 0 1 .017-.95c.223-.65.249-1.354.073-2.02-.183-.458-.232-1.295-1.08-1.334a.87.87 0 0 0-.629.43.3.3 0 0 0-.034.138s.04.812 0 1.377c-.038.565-1.12 2.004-1.807 2.918a.27.27 0 0 1-.176.107 73 73 0 0 1-.926.128c-.041.005-.066.057-.066.082v5.125c0 .018.023.06.063.066.14.023.486.087.837.2.44.14.806.475 1.54.723q.06.02.122.02h3.446a.976.976 0 0 0 .799-.917 1.7 1.7 0 0 0-.149-.737c-.015-.033.005-.068.04-.075.442-.08.995-.92.314-1.595-.018-.017-.014-.04.01-.047a1.04 1.04 0 0 0 .75-.769.8.8 0 0 0-.02-.43 1.5 1.5 0 0 0-.235-.464c-.026-.035-.011-.08.03-.094a.93.93 0 0 0 .629-.89c.043-.398-.277-.876-.665-.877m-8.568.217H6.606a.162.162 0 0 0-.161.187l1.134 6.372c.018.098.104.17.205.17h.722a.2.2 0 0 0 .202-.198l.016-6.37a.163.163 0 0 0-.165-.161' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.bx-im-group-chat-promo__content_icon.--chat {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23ffa900' opacity='.1'/%3E%3Cpath fill='%23ffc34d' fill-rule='evenodd' d='M6.756 6.745h7.653a.74.74 0 0 1 .74.74V12.6a.74.74 0 0 1-.74.74h-3.826l-2.025 2.025a.3.3 0 0 1-.512-.212v-1.812h-1.29a.74.74 0 0 1-.74-.74V7.484a.74.74 0 0 1 .74-.74m11.205 3.044a.74.74 0 0 1 .74.74v4.608a.74.74 0 0 1-.74.74h-1.289v1.306a.3.3 0 0 1-.512.212l-1.518-1.518h-3.319a.74.74 0 0 1-.74-.74v-.782h4.474a1.11 1.11 0 0 0 1.11-1.11V9.789z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.bx-im-group-chat-promo__content_icon.--group {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Ccircle cx='12' cy='12' r='12' fill='%23ffa900' opacity='.1'/%3E%3Cpath fill='%23ffc34d' fill-rule='evenodd' d='M6.417 7.428c1.312-1.462 9.907-1.372 11.082 0s1.386 7.004 0 8.288c-.263.244-.78.43-1.456.565-.014.829-.075 2.51-.318 2.51-.223 0-1.796-1.372-2.76-2.232-2.756.051-5.828-.29-6.548-.843-1.257-.968-1.312-6.826 0-8.288m.781 6.415c.45.077 1.073.142 1.792.192.045-.194.102-.417.143-.577.03-.116.05-.2.053-.213.01-.277.383-.524.79-.693a1 1 0 0 1-.078-.136.53.53 0 0 0-.217-.163l-.006-.217.447-.143s.116-.055.127-.055a.5.5 0 0 0-.05-.095c-.007-.018-.042-.132-.057-.178l-.006-.018q.098.128.227.225a3 3 0 0 1-.199-.441 3 3 0 0 1-.07-.447 7 7 0 0 0-.144-.814.77.77 0 0 0-.236-.34 1.1 1.1 0 0 0-.541-.197H9.15a1.1 1.1 0 0 0-.541.196.77.77 0 0 0-.236.341 7 7 0 0 0-.144.814 3 3 0 0 1-.074.437 3 3 0 0 1-.195.452 1.2 1.2 0 0 0 .228-.226s-.042.158-.05.181a1 1 0 0 0-.062.11c.01 0 .126.056.126.056l.447.142-.006.217a.5.5 0 0 0-.216.163.5.5 0 0 1-.125.18 2 2 0 0 0-.31.146 1.3 1.3 0 0 1-.483.161c-.172.03-.28.312-.28.312zm2.263.221c1.55.089 3.439.11 5.01.042-.092-.387-.174-.704-.174-.704s-.304-.509-.903-.667a2 2 0 0 1-.572-.266.5.5 0 0 1-.032-.23l-.192-.03-.016-.265c.23-.08.207-.546.207-.546.146.083.241-.286.241-.286.174-.513-.086-.482-.086-.482a3.3 3.3 0 0 0 0-.945c-.115-1.04-1.853-.758-1.647-.418-.507-.096-.391 1.084-.391 1.084l.11.305c-.153.101-.123.217-.09.347.014.054.03.11.031.17.01.294.187.232.187.232.01.486.245.55.245.55.044.305.017.253.017.253l-.209.025a1 1 0 0 1-.016.207c-.121.056-.196.1-.269.143-.075.044-.15.088-.274.144-.47.21-.983.485-1.074.854-.024.1-.062.277-.103.483m5.483.017c.693-.04 1.305-.1 1.769-.183l-.034-.692s-.108-.28-.278-.31a1.3 1.3 0 0 1-.48-.16 2 2 0 0 0-.308-.144.5.5 0 0 1-.124-.18.5.5 0 0 0-.215-.162l-.006-.215.444-.142s.115-.054.126-.054a1 1 0 0 0-.061-.11 4 4 0 0 1-.05-.18q.096.128.226.224a3 3 0 0 1-.194-.448 3 3 0 0 1-.074-.435 7 7 0 0 0-.142-.808.76.76 0 0 0-.235-.338 1.1 1.1 0 0 0-.538-.195h-.022c-.193.015-.38.082-.537.195a.76.76 0 0 0-.235.338 7 7 0 0 0-.143.808 3 3 0 0 1-.07.445q-.08.227-.197.438a1 1 0 0 0 .18-.224s-.009.172-.018.195a.5.5 0 0 0-.049.095c.011 0 .126.054.126.054l.444.142-.006.216a1.1 1.1 0 0 0-.293.207c.404.168.776.503.785.778.002.014.024.097.054.214.044.176.109.428.155.631' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.bx-im-group-chat-promo__content_icon.--camera {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Ccircle cx='12' cy='12' r='12' fill='%232fc6f6' opacity='.1'/%3E%3Cpath fill='%237fdefc' fill-rule='evenodd' d='M14.232 8.624a18.3 18.3 0 0 0-4.29-.517q-2.154 0-4.395.52a.72.72 0 0 0-.549.705v5.769a.72.72 0 0 0 .521.697q2.14.592 4.284.592 2.154 0 4.442-.599a.72.72 0 0 0 .53-.7V9.328a.72.72 0 0 0-.543-.703m4.942.247a.2.2 0 0 0-.013-.077.21.21 0 0 0-.273-.126L15.7 9.908a.22.22 0 0 0-.136.203v3.916c0 .09.054.17.136.202l3.19 1.24q.035.015.074.015a.214.214 0 0 0 .211-.217zm-9.343 4.032a.692.692 0 1 0 0-1.383.692.692 0 0 0 0 1.383m-2.231 0a.692.692 0 1 0 0-1.383.692.692 0 0 0 0 1.383m5.156-.692a.692.692 0 1 1-1.383 0 .692.692 0 0 1 1.383 0' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.bx-im-group-chat-promo__content_icon.--link {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Ccircle cx='12' cy='12' r='12' fill='%239dcf00' opacity='.1'/%3E%3Cpath fill='%23bbde4d' fill-rule='evenodd' d='m16.434 11.507-1.971 1.97a2.786 2.786 0 0 1-3.94 0 2.8 2.8 0 0 1-.424-.561l.916-.916c.043-.044.097-.07.148-.099.064.217.174.421.344.592a1.395 1.395 0 0 0 1.97 0l1.971-1.97a1.394 1.394 0 0 0-1.97-1.972l-.701.702a3.5 3.5 0 0 0-1.778-.194l1.494-1.493a2.787 2.787 0 0 1 3.941 3.941m-5.21 3.24-.702.702a1.396 1.396 0 0 1-1.97 0 1.395 1.395 0 0 1 0-1.971l1.97-1.97a1.394 1.394 0 0 1 1.97 0c.17.17.28.374.345.59.052-.03.105-.054.148-.098l.916-.915a2.7 2.7 0 0 0-.423-.563 2.787 2.787 0 0 0-3.941 0l-1.97 1.97a2.787 2.787 0 0 0 3.94 3.942l1.494-1.493a3.5 3.5 0 0 1-1.778-.194' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.bx-im-group-chat-promo__content_icon.--channel {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' fill='none' viewBox='0 0 24 24'%3E%3Cg clip-path='url(%23a)'%3E%3Ccircle cx='12' cy='12' r='12' fill='%239dcf00' opacity='.1'/%3E%3Cpath fill='%23bbde4d' fill-rule='evenodd' d='m7.309 10.09.005-.001 9.714-2.055a.45.45 0 0 1 .544.44v7.042a.45.45 0 0 1-.566.435l-3.726-.985v1.193a.75.75 0 0 1-.75.75H9.024a.75.75 0 0 1-.75-.75v-2.516l-.964-.255h-.004a.2.2 0 0 1-.069.034l-1.351.41a.225.225 0 0 1-.29-.216V9.859c0-.151.145-.26.29-.215l1.351.409q.04.012.072.037m4.985 4.616-3.033-.802v1.899c0 .124.1.225.225.225h2.583c.124 0 .225-.1.225-.225z' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.bx-im-group-chat-promo__content_text {
	font: var(--im-font-size-xs)/16px var(--im-font-family-system);
	color: var(--im-group-chat-promo__font-color_text);
}

.bx-im-group-chat-promo__separator {
	width: 100%;
	height: 1px;
	background-color: var(--im-group-chat-promo__background-color_separator);
	margin-bottom: 21px;
}

.bx-im-group-chat-promo__button-panel {
	display: flex;
	align-items: center;
	justify-content: center;
}

.bx-im-group-chat-promo__button-panel .bx-im-button__container + .bx-im-button__container {
	margin-left: 18px;
	margin-right: 18px;
}