.bx-im-content-chat-forms__container {
	--bx-im-content-chat-forms__background-color_container: var(--im-color-palette-gray-04);

	position: relative;
	width: 100%;
	height: 100%;
}

.bx-im-content-chat-forms__content {
	display: flex;
	flex-direction: column;
	width: 100%;
	height: 100%;
	overflow: auto;
	/* @chef-ignore */
	scrollbar-gutter: stable;
	padding: 24px 24px 95px;
	background-color: var(--bx-im-content-chat-forms__background-color_container);
	position: relative;
}

.bx-im-content-chat-forms__skeleton {
	height: 100%;
	margin: 24px 28px 0 17px;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' fill='none' preserveAspectRatio='xMinYMin meet' style='width:100%25;height:424px' viewBox='0 0 100%25 424'%3E%3Csvg height='424'%3E%3Cdefs%3E%3CclipPath id='clip0_25259_801175'%3E%3Crect width='60' height='60' fill='%23fff' rx='30'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%3Csvg id='w' height='424'%3E%3Cdefs%3E%3Cg id='o' clip-path='url(%23clip0_25259_801175)' mask='url(%23mask0_25259_801175)'%3E%3Cpath fill='%23edeef0' d='M-2.5-15.224h66.75v76.567H-2.5z'/%3E%3C/g%3E%3Cg id='p'%3E%3Cmask id='a' width='223' height='12' x='72' y='24' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d4e5ba' d='M72 29a5 5 0 0 1 5-5h213a5 5 0 0 1 5 5v2a5 5 0 0 1-5 5H77a5 5 0 0 1-5-5z'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath fill='%23edeef0' d='M62.708 20.955h248.088V36.27H62.708z'/%3E%3C/g%3E%3C/g%3E%3Cg id='q'%3E%3Cmask id='b' width='120' height='16' x='0' y='80' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d4e5ba' d='M0 85a5 5 0 0 1 5-5h110a5 5 0 0 1 5 5v6a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5z'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cpath fill='%23edeef0' d='M-5 75.94h133.5v20.418H-5z'/%3E%3C/g%3E%3Cmask id='c' width='180' height='8' x='0' y='108' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d4e5ba' d='M0 112a4 4 0 0 1 4-4h172a4 4 0 0 1 0 8H4a4 4 0 0 1-4-4'/%3E%3C/mask%3E%3Cg mask='url(%23c)'%3E%3Cpath fill='%23edeef0' d='M-7.5 105.97h200.25v10.209H-7.5z'/%3E%3C/g%3E%3Cmask id='d' width='266' height='8' x='0' y='124' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d4e5ba' d='M0 128a4 4 0 0 1 4-4h258a4 4 0 0 1 0 8H4a4 4 0 0 1-4-4'/%3E%3C/mask%3E%3Cg mask='url(%23d)'%3E%3Cpath fill='%23edeef0' d='M-11.083 121.97h295.925v10.209H-11.083z'/%3E%3C/g%3E%3C/g%3E%3Cg id='r'%3E%3Cmask id='e' width='120' height='16' x='0' y='168' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d4e5ba' d='M0 173a5 5 0 0 1 5-5h110a5 5 0 0 1 5 5v6a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5z'/%3E%3C/mask%3E%3Cg mask='url(%23e)'%3E%3Cpath fill='%23edeef0' d='M-5 163.94h133.5v20.418H-5z'/%3E%3C/g%3E%3Cmask id='f' width='551' height='8' x='0' y='196' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d4e5ba' d='M0 200a4 4 0 0 1 4-4h543a4 4 0 0 1 0 8H4a4 4 0 0 1-4-4'/%3E%3C/mask%3E%3Cg mask='url(%23f)'%3E%3Cpath fill='%23edeef0' d='M-22.958 193.97h612.987v10.209H-22.958z'/%3E%3C/g%3E%3Cmask id='g' width='666' height='8' x='0' y='212' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d4e5ba' d='M0 216a4 4 0 0 1 4-4h658a4 4 0 0 1 0 8H4a4 4 0 0 1-4-4'/%3E%3C/mask%3E%3Cg mask='url(%23g)'%3E%3Cpath fill='%23edeef0' d='M-27.75 209.97h740.925v10.209H-27.75z'/%3E%3C/g%3E%3Cmask id='h' width='287' height='8' x='0' y='240' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d4e5ba' d='M0 244a4 4 0 0 1 4-4h279a4 4 0 0 1 0 8H4a4 4 0 0 1-4-4'/%3E%3C/mask%3E%3Cg mask='url(%23h)'%3E%3Cpath fill='%23edeef0' d='M-11.958 237.97h319.287v10.209H-11.958z'/%3E%3C/g%3E%3Cmask id='i' width='424' height='8' x='0' y='256' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d4e5ba' d='M0 260a4 4 0 0 1 4-4h416a4 4 0 0 1 0 8H4a4 4 0 0 1-4-4'/%3E%3C/mask%3E%3Cg mask='url(%23i)'%3E%3Cpath fill='%23edeef0' d='M-17.667 253.97h471.7v10.209h-471.7z'/%3E%3C/g%3E%3C/g%3E%3Cg id='s'%3E%3Cmask id='j' width='120' height='16' x='0' y='300' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d4e5ba' d='M0 305a5 5 0 0 1 5-5h110a5 5 0 0 1 5 5v6a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5z'/%3E%3C/mask%3E%3Cg mask='url(%23j)'%3E%3Cpath fill='%23edeef0' d='M-5 295.94h133.5v20.418H-5z'/%3E%3C/g%3E%3Cmask id='k' width='482' height='8' x='0' y='328' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d4e5ba' d='M0 332a4 4 0 0 1 4-4h474a4 4 0 0 1 0 8H4a4 4 0 0 1-4-4'/%3E%3C/mask%3E%3Cg mask='url(%23k)'%3E%3Cpath fill='%23edeef0' d='M-20.083 325.97h536.225v10.209H-20.083z'/%3E%3C/g%3E%3Cmask id='l' width='713' height='8' x='0' y='344' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d4e5ba' d='M0 348a4 4 0 0 1 4-4h705a4 4 0 0 1 0 8H4a4 4 0 0 1-4-4'/%3E%3C/mask%3E%3Cg mask='url(%23l)'%3E%3Cpath fill='%23edeef0' d='M-29.708 341.97h793.213v10.209H-29.708z'/%3E%3C/g%3E%3C/g%3E%3Cg id='t'%3E%3Cmask id='m' width='120' height='16' x='0' y='388' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d4e5ba' d='M0 393a5 5 0 0 1 5-5h110a5 5 0 0 1 5 5v6a5 5 0 0 1-5 5H5a5 5 0 0 1-5-5z'/%3E%3C/mask%3E%3Cg mask='url(%23m)'%3E%3Cpath fill='%23edeef0' d='M-5 383.94h133.5v20.418H-5z'/%3E%3C/g%3E%3Cmask id='n' width='482' height='8' x='0' y='416' maskUnits='userSpaceOnUse' style='mask-type:alpha'%3E%3Cpath fill='%23d4e5ba' d='M0 420a4 4 0 0 1 4-4h474a4 4 0 0 1 0 8H4a4 4 0 0 1-4-4'/%3E%3C/mask%3E%3Cg mask='url(%23n)'%3E%3Cpath fill='%23edeef0' d='M-20.083 413.97h536.225v10.209H-20.083z'/%3E%3C/g%3E%3C/g%3E%3C/defs%3E%3Cuse xlink:href='%23o'/%3E%3Cuse xlink:href='%23p'/%3E%3Cuse xlink:href='%23q'/%3E%3Cuse xlink:href='%23r'/%3E%3Cuse xlink:href='%23s'/%3E%3Cuse xlink:href='%23t'/%3E%3C/svg%3E%3Crect id='x' width='100%25' height='424' fill='url(%23u)' mask='url(%23v)'/%3E%3Cmask id='v' fill='%23fff'%3E%3Cuse xlink:href='%23w'/%3E%3C/mask%3E%3ClinearGradient id='u' x1='66.6%25' x2='33.3%25' y1='50%25' y2='50%25'%3E%3Cstop offset='0%25' stop-opacity='0'/%3E%3Cstop offset='50%25' stop-opacity='.07'/%3E%3Cstop offset='100%25' stop-opacity='0'/%3E%3C/linearGradient%3E%3Canimate xlink:href='%23x' attributeName='x' begin='0s' dur='1s' from='-100%25' repeatCount='indefinite' to='100%25'/%3E%3C/svg%3E") no-repeat center;
}

.bx-im-content-chat-forms__header {
	display: flex;
	align-items: center;
	gap: 17px;
	margin-bottom: 30px;
}

.bx-im-content-chat-forms__content.--channel .bx-im-content-chat-forms__header {
	margin-bottom: 16px;
}

.bx-im-content-chat-forms__members_container {
	margin-bottom: 36px;
}

.bx-im-content-chat-forms__description_container {
	height: 59px;
	min-height: 59px;
	margin-bottom: 36px;
}

.bx-im-content-chat-forms__content.--collab .bx-im-content-chat-forms__description_container {
	height: 88px;
	margin-bottom: 16px;
}

.bx-im-content-chat-forms__content.--collab-v2 {
	padding: 0;
	/* @chef-ignore */
	scrollbar-gutter: initial;
}

.bx-im-content-chat-forms__collapsed-users {
	display: flex;
	align-items: center;
	gap: 6px;
}

.bx-im-content-chat-forms__collapsed-users-icon {
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='11' height='11' fill='none' viewBox='0 0 11 11'%3E%3Cpath fill='%23525c69' fill-opacity='.4' fill-rule='evenodd' d='m2.883 9.928-2.027.465a.207.207 0 0 1-.248-.249l.465-2.026zm7.163-7.555a.276.276 0 0 1 0 .39L3.554 9.312l-1.81-1.81L8.236.955a.276.276 0 0 1 .39 0z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center;
	width: 16px;
	height: 16px;
}

.bx-im-create-collab-description-banner__container {
	--im-create-collab-description-banner__background-color_content: var(--im-color-collab-20);
	--im-create-collab-description-banner__background-color_border: var(--im-color-collab-60);
	--im-create-collab-description-banner__text-color_title: rgba(var(--im-color-palette-black-solid-rgb), 0.8);
	--im-create-collab-description-banner__text-color_text: rgba(var(--im-color-palette-black-solid-rgb), 0.7);
	--im-create-collab-description-banner__text-color_link: var(--im-color-collab-70);
	--im-create-collab-description-banner__text-color_link-hover: var(--im-color-collab-80);
	--im-create-collab-description-banner__text-color_link-underline: rgba(var(--im-color-collab-70-rgb), 0.4);
	--im-create-collab-description-banner__text-color_link-underline-hover: rgba(var(--im-color-collab-80-rgb), 0.4);

	position: relative;
	display: flex;
	align-items: center;
	max-width: 844px;
	margin-bottom: 16px;
	padding: 16px 24px;
	border-radius: var(--im-border-radius-xs);
	background-color: var(--im-create-collab-description-banner__background-color_content);
}

.bx-im-create-collab-description-banner__container:before {
	position: absolute;
	content: '';
	left: 0;
	width: 2px;
	height: 100%;
	border-radius: var(--im-border-radius-xs);
	border-left: 2px solid var(--im-create-collab-description-banner__background-color_border);
}

.bx-im-create-collab-description-banner__icon {
	margin-right: 24px;
	width: 62px;
	min-width: 62px;
	height: 62px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='62' height='62' fill='none' viewBox='0 0 62 62'%3E%3Cg clip-path='url(%23a)'%3E%3Cg filter='url(%23b)'%3E%3Crect width='60' height='60' x='1' y='1' fill='%23fff' rx='16'/%3E%3C/g%3E%3Cg filter='url(%23c)'%3E%3Cpath fill='url(%23d)' fill-rule='evenodd' d='m45.292 18.585-10.763-6.31a6.97 6.97 0 0 0-7.058 0l-10.763 6.31a7.08 7.08 0 0 0-3.486 6.105v12.62c0 2.494 1.31 4.83 3.486 6.105l10.763 6.31a6.97 6.97 0 0 0 7.058 0l10.763-6.31a7.08 7.08 0 0 0 3.486-6.105V24.69c0-2.494-1.31-4.83-3.486-6.105m-9.673-8.328a9.12 9.12 0 0 0-9.238 0l-10.762 6.31C12.76 18.242 11 21.339 11 24.69v12.62c0 3.351 1.76 6.448 4.619 8.124l10.762 6.31a9.12 9.12 0 0 0 9.238 0l10.762-6.31C49.24 43.758 51 40.66 51 37.31V24.69c0-3.351-1.76-6.448-4.619-8.123z' clip-rule='evenodd'/%3E%3C/g%3E%3Cg filter='url(%23e)'%3E%3Cpath fill='url(%23f)' fill-rule='evenodd' d='M37.436 34.513c-.302-.207-.645-.342-.977-.489-.934-.416-1.869-.823-2.803-1.233a.8.8 0 0 1-.437-.465 13 13 0 0 1-.252-.74.5.5 0 0 1 .132-.548c.092-.089.16-.205.235-.314.583-.848.923-1.801 1.033-2.871.089-.857.097-1.702-.085-2.542-.235-1.105-.758-1.957-1.736-2.375-.674-.288-1.369-.335-2.079-.188-1.156.24-1.908.99-2.265 2.235-.287 1-.277 2.028-.147 3.056a6.05 6.05 0 0 0 1.32 3.099.53.53 0 0 1 .1.291 1.6 1.6 0 0 1-.946 1.475c-.985.437-1.967.879-2.965 1.275-.762.305-1.248.877-1.424 1.737-.126.62-.158 1.265-.24 1.897-.03.233.056.381.234.475.203.105.405.22.616.298 1.117.408 2.279.528 3.44.613.994.07 1.989.08 3.272.13.957-.058 2.202-.103 3.44-.215.742-.066 1.478-.216 2.212-.37.443-.093.878-.251 1.258-.55.095-.075.147-.15.133-.285-.066-.608-.098-1.223-.201-1.823-.107-.637-.354-1.22-.869-1.573m-11.657-3.205c.061-.188.1-.416.033-.488-.802-.887-.603-1.07-.707-3.1-.064-1.303.052-2.377.28-3.168a3.4 3.4 0 0 0-1.796-.134c-1.043.194-1.72.795-2.04 1.797-.26.803-.252 1.63-.132 2.457.135.953.543 1.778 1.188 2.49a.4.4 0 0 1 .089.235c.015.496-.322.975-.85 1.185-.889.351-1.775.706-2.674 1.026-.685.244-1.125.702-1.283 1.395-.113.499-.142 1.017-.215 1.525-.028.187.05.307.21.38.183.085.363.179.555.242.542.175 1.095.28 1.652.353a.38.38 0 0 1-.122-.356c.09-.632.127-1.277.268-1.897.197-.86.742-1.432 1.596-1.737 1.118-.396 2.221-.838 3.325-1.275.656-.26.56-.74.623-.93m18.673 3.695c-.158-.693-.595-1.151-1.283-1.395-.899-.32-1.784-.675-2.67-1.026-.53-.21-.867-.689-.854-1.185a.4.4 0 0 1 .09-.235c.647-.712 1.054-1.537 1.19-2.49.117-.827.125-1.654-.131-2.457-.322-1.002-1-1.603-2.042-1.797a3.4 3.4 0 0 0-1.797.134c.23.791.347 1.865.28 3.168-.103 2.03.097 2.213-.708 3.1-.065.072-.028.3.037.488.063.19-.037.67.623.93 1.103.437 2.205.879 3.323 1.275.852.305 1.399.877 1.595 1.737.142.62.179 1.265.27 1.897a.39.39 0 0 1-.123.356 9 9 0 0 0 1.652-.353c.19-.063.371-.157.555-.242.16-.073.236-.193.21-.38-.074-.508-.104-1.026-.217-1.525' clip-rule='evenodd'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='b' width='64' height='64' x='-1' y='0' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset dy='1'/%3E%3CfeGaussianBlur stdDeviation='1'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_5747_591848'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_5747_591848' result='shape'/%3E%3C/filter%3E%3Cfilter id='c' width='62.6' height='66.6' x='-.3' y='-2.3' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='5.65'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_5747_591848'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_5747_591848' result='shape'/%3E%3C/filter%3E%3Cfilter id='e' width='62.6' height='62.6' x='-.3' y='-.3' color-interpolation-filters='sRGB' filterUnits='userSpaceOnUse'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' result='hardAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0'/%3E%3CfeOffset/%3E%3CfeGaussianBlur stdDeviation='5.65'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_5747_591848'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_5747_591848' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='d' x1='15.706' x2='42.141' y1='15.111' y2='42.079' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231bce42'/%3E%3Cstop offset='.54' stop-color='%23bbed21'/%3E%3Cstop offset='1' stop-color='%2326d357'/%3E%3C/linearGradient%3E%3ClinearGradient id='f' x1='20.844' x2='29.298' y1='24.981' y2='40.358' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%231bce42'/%3E%3Cstop offset='.54' stop-color='%2300b65f'/%3E%3Cstop offset='1' stop-color='%2326d357'/%3E%3C/linearGradient%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h62v62H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
}

.bx-im-create-collab-description-banner__content {
	width: 634px;
}

.bx-im-create-collab-description-banner__title {
	margin-bottom: 6px;
	font: var(--im-font-size-lg) var(--im-font-family-system);
	font-weight: var(--im-font-weight-medium);
	color: var(--im-create-collab-description-banner__text-color_title);
}

.bx-im-create-collab-description-banner__text {
	font: var(--im-font-size-sm)/16px var(--im-font-family-system);
	color: var(--im-create-collab-description-banner__text-color_text);
}

.bx-im-create-collab-description-banner__text + .bx-im-create-collab-description-banner__text {
	margin-top: 12px;
}

.bx-im-create-collab-description-banner__link {
	color: var(--im-create-collab-description-banner__text-color_link);
	text-decoration: underline;
	text-decoration-color: var(--im-create-collab-description-banner__text-color_link-underline);
	text-underline-offset: 3px;
	cursor: pointer;
}

.bx-im-create-collab-description-banner__link:hover {
	color: var(--im-create-collab-description-banner__text-color_link-hover);
	text-decoration-color: var(--im-create-collab-description-banner__text-color_link-underline-hover);
}

.bx-im-create-collab-description-banner__link.--solid {
	text-decoration-style: solid;
}

.bx-im-create-collab-description-banner__link.--dashed {
	text-decoration-style: dashed;
}
.bx-im-create-collab-chat-description-banner__container {
	position: relative;
	width: 100%;
	margin-bottom: 36px;
	padding: 18px;
	border-radius: 10px;
	border: 1px solid var(--ui-color-accent-soft-blue-1);
	background: linear-gradient(90deg, var(--ui-color-blue-15) 65%, var(--ui-color-blue-30) 75%, var(--ui-color-blue-25) 90%);
}

.bx-im-create-collab-chat-description-banner__container::after {
	content: '';
	position: absolute;
	width: 189px;
	height: 100%;
	top: 0;
	right: 0;
	background-image: url("images/components/create/collab-chat/components/description-banner/css/images/chat.png?v2");
	background-size: cover;
	background-repeat: no-repeat;
	pointer-events: none;
}

.bx-im-create-collab-chat-description-banner__title {
	margin-bottom: 4px;
	font: var(--im-font-size-lg)/20px var(--im-font-family-system);
	font-weight: var(--im-font-weight-medium);
	color: var(--ui-color-base-1);
}

.bx-im-create-collab-chat-description-banner__text {
	max-width: 75%;
	font: var(--im-font-size-sm)/17px var(--im-font-family-system);
	color: var(--ui-color-base-2);
	white-space: pre-line;
}

.bx-im-create-collab-chat-description-banner__close {
	--ui-icon-set__icon-color: var(--ui-color-base-4);
	--ui-icon-set__icon-size: 18px;

	position: absolute;
	right: 8px;
	top: 8px;
	cursor: pointer;
}