.bx-im-list-container-collab__container {
	--im-list-container-collab__background-color: var(--im-color-palette-white-base);
	--im-list-container-collab__background-color_separator: rgba(var(--im-color-palette-gray-90-rgb), 0.08);
	--im-list-container-collab__background-color_create-button: var(--im-color-collab-60);
	--im-list-container-collab__background-color_create-button-hover: var(--im-color-collab-70);
	--im-list-container-collab__font-color_header-title: var(--im-color-palette-black-base);

	width: 100%;
	height: 100%;
	display: flex;
	flex-direction: column;
	background-color: var(--im-list-container-collab__background-color);
}

/* Header */
.bx-im-list-container-collab__header_container {
	width: 100%;
	height: 65px;
	display: flex;
	justify-content: flex-end;
	align-items: center;
	padding: 16px 13px 14px 13px;
	border-bottom: 1px solid var(--im-list-container-collab__background-color_separator);
}

.bx-im-list-container-collab__search-input_container {
	flex-grow: 1;
	margin-right: 16px;
}

.bx-im-list-container-collab__header_create-collab {
	--im-list-container-create-chat__background-color_container: var(--im-list-container-collab__background-color_create-button);
	--im-list-container-create-chat__background-color_container-hover: var(--im-list-container-collab__background-color_create-button-hover);
	--im-list-container-create-chat__background-color_icon: var(--ui-color-white-base);
}
/* End header */

.bx-im-list-container-collab__elements_container {
	flex: 1 0 auto;
	position: relative;
	padding-top: 1px;
}

.bx-im-list-container-collab__elements {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: var(--im-list-container-collab__background-color);
}
.bx-im-nested-list-collab__header {
	flex-grow: 1;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
}

.bx-im-nested-list-collab__search {
	flex-grow: 1;
	margin-right: 8px;
}

.bx-im-nested-list-collab__section_container {
	display: flex;
	align-items: center;
	height: 40px;
}

.bx-im-nested-list-collab__section {
	margin-right: 6px;
}

.bx-im-nested-list-collab__subheader_create-button {
	position: relative;
}

.bx-im-nested-list-collab__subheader_create-button.ui-highlighter::after {
	inset: 0;
	padding: 2px;
	border-radius: 80px;
	z-index: 1;
}
.bx-im-nested-list-collab-card__container {
	position: relative;
	display: flex;
	flex-direction: column;
	padding: 16px 18px;
	margin-bottom: 10px;
	border-radius: 10px;
	overflow: hidden;
}

.bx-im-nested-list-collab-card__container.ui-highlighter::after {
	inset: 0;
	padding: 2px;
	border-radius: 10px;
	z-index: 1;
}

.bx-im-nested-list-collab-card__background {
	position: absolute;
	inset: -28px;
	filter: blur(28px);
	background-image: url("images/components/nested-container/components/collab-card/css/images/default-background.png");
	background-size: cover;
	background-position: center;
	z-index: 1;
}

.bx-im-nested-list-collab-card__background.--no-avatar {
	inset: -13px;
	filter: blur(13px);
}

.bx-im-nested-list-collab-card__background-overlay {
	position: absolute;
	inset: 0;
	background-color: rgba(var(--ui-color-palette-black-solid-rgb), 0.2);
}

.bx-im-nested-list-collab-card__header {
	position: relative;
	display: flex;
	align-items: center;
	margin-bottom: 16px;
	z-index: 2;
}

.bx-im-nested-list-collab-card__avatar {
	margin-right: 12px;
}

.bx-im-nested-list-collab-card__title {
	padding-right: 13px;
	font: 19px/26px var(--im-font-family-system);
	font-weight: var(--im-font-weight-medium);
	color: var(--ui-color-base-0);
	overflow-wrap: break-word;
}

.bx-im-nested-list-collab-card__buttons {
	display: flex;
	align-items: center;
	max-width: 100%;
	z-index: 2;
}

.bx-im-nested-list-collab-card__button {
	position: relative;
	flex: 0 0 auto;
	display: flex;
	justify-content: center;
	align-items: center;
	min-width: 0;
	height: 28px;
	padding: 0 8px;
	margin-right: 8px;
	border-radius: 8px;
	font: var(--im-font-size-sm)/16px var(--im-font-family-system);
	color: var(--ui-color-design-outline-content);
	background-color: var(--ui-color-design-outline-bg);
	border: 1.5px solid var(--ui-color-design-outline-stroke);
	transition: background-color 0.15s ease;
	cursor: pointer;
}

.bx-im-nested-list-collab-card__button:nth-child(3) {
	flex-shrink: 1;
}

.bx-im-nested-list-collab-card__button.--with-icon {
	padding: 0 5px;
}

.bx-im-nested-list-collab-card__button:last-child {
	margin-right: 0;
}

.bx-im-nested-list-collab-card__button:hover {
	background-color: var(--ui-color-g-content-grey-4);
	border-color: #e1e2e4;
}

.bx-im-nested-list-collab-card__button_counter {
	position: absolute;
	top: -6px;
	right: -2px;
	min-width: 14px;
	height: 14px;
	display: flex;
	align-items: center;
	justify-content: center;
	padding: 0 4px;
	border-radius: var(--ui-border-radius-xl);
	background-color: var(--ui-color-design-filled-alert-bg);
	font: var(--im-font-size-4xs) var(--im-font-family-system);
	font-weight: var(--im-font-weight-medium);
	color: var(--ui-color-design-filled-content);
}

.bx-im-nested-list-collab-card__button_more {
	--ui-icon-set__icon-color: var(--ui-color-design-outline-content);
	--ui-icon-set__icon-size: 24px;

	width: 24px;
	height: 24px;
}
.bx-im-collab-card-promo-popup__container {
	background-color: var(--ui-color-accent-soft-element-blue);
}

.bx-im-collab-card-promo-popup__container .popup-window-content {
	display: flex;
}

.bx-im-collab-card-promo-popup__container .popup-window-angly--arrow {
	background-color: var(--ui-color-accent-soft-element-blue);
}

.bx-im-collab-card-promo-popup__container .popup-window-close-icon {
	--ui-icon-set__icon-color: var(--ui-color-accent-main-primary-alt-2);
}

.bx-im-collab-card-promo-popup__cover {
	flex-shrink: 0;
	width: 98px;
	height: 121px;
	background-image: url("images/components/nested-container/components/collab-card/css/images/card-promo.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.bx-im-collab-card-promo-popup__info {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 18px 0 12px;
}

.bx-im-collab-card-promo-popup__title {
	font: 17px/23px var(--im-font-family-system);
	font-weight: var(--im-font-weight-medium);
	color: var(--ui-color-base-0);
	white-space: pre-line;
}
.bx-im-collab-card-new-tab__container {
	position: absolute;
	top: 8px;
	right: 8px;
	display: flex;
	justify-content: center;
	align-items: center;
	width: 24px;
	height: 24px;
	border-radius: 50%;
	background-color: var(--ui-color-design-outline-bg);
	border: 1.5px solid var(--ui-color-design-outline-stroke);
	transition: background-color 0.15s ease;
	cursor: pointer;
	z-index: 2;
}

.bx-im-collab-card-new-tab__container:hover {
	background-color: var(--ui-color-g-content-grey-4);
	border-color: #e1e2e4;
}

.bx-im-collab-card-new-tab__icon {
	--ui-icon-set__icon-color: var(--ui-color-base-2);
	--ui-icon-set__icon-size: 16px;
}
.bx-im-nested-list-collab-card__loader {
	height: 136px;
	margin-bottom: 10px;
	background-image: 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:100%25' viewBox='0 0 100%25 100%25'%3E%3Csvg%3E%3Crect width='100%25' height='100%25' fill='%23333' fill-opacity='.04' rx='8'/%3E%3C/svg%3E%3Csvg id='c' width='100%25' height='100%25'%3E%3Cpath fill='%23dfe0e3' d='M41.79 17.632a12.94 12.94 0 0 1 12.42 0l16.096 8.804a12.94 12.94 0 0 1 6.731 11.354v16.42c0 4.73-2.58 9.084-6.73 11.354L54.21 74.368a12.94 12.94 0 0 1-12.42 0l-16.096-8.804a12.94 12.94 0 0 1-6.731-11.353V37.79c0-4.731 2.58-9.085 6.73-11.355z'/%3E%3Crect width='72%25' height='16' x='90' y='24' fill='%23dfe0e3' rx='8'/%3E%3Crect width='50%25' height='16' x='90' y='52' fill='%23dfe0e3' rx='8'/%3E%3Crect width='21%25' height='28' x='18' y='92' fill='%23dfe0e3' rx='8'/%3E%3Crect width='21%25' height='28' x='28%25' y='92' fill='%23dfe0e3' rx='8'/%3E%3Crect width='21%25' height='28' x='51%25' y='92' fill='%23dfe0e3' rx='8'/%3E%3Crect width='21%25' height='28' x='74%25' y='92' fill='%23dfe0e3' rx='8'/%3E%3C/svg%3E%3Crect id='d' width='100%25' height='136' fill='url(%23a)' mask='url(%23b)'/%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3ClinearGradient id='a' 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='%23d' attributeName='x' begin='0s' dur='1s' from='-100%25' repeatCount='indefinite' to='100%25'/%3E%3C/svg%3E");
	background-size: cover;
	background-position: center;
	border-radius: 10px;
}
.bx-im-collab-create-chat-promo-popup__container {
	background-color: var(--ui-color-accent-soft-element-blue);
}

.bx-im-collab-create-chat-promo-popup__container .popup-window-content {
	display: flex;
}

.bx-im-collab-create-chat-promo-popup__container .popup-window-angly--arrow {
	background-color: var(--ui-color-accent-soft-element-blue);
}

.bx-im-collab-create-chat-promo-popup__container .popup-window-close-icon {
	--ui-icon-set__icon-color: var(--ui-color-accent-main-primary-alt-2);
}

.bx-im-collab-create-chat-promo-popup__cover {
	flex-shrink: 0;
	width: 98px;
	height: 121px;
	background-image: url("images/components/nested-container/components/header/css/images/create-chat-promo.png");
	background-size: contain;
	background-repeat: no-repeat;
}

.bx-im-collab-create-chat-promo-popup__info {
	display: flex;
	justify-content: center;
	align-items: center;
	padding: 0 18px 0 12px;
}

.bx-im-collab-create-chat-promo-popup__title {
	font: 17px/23px var(--im-font-family-system);
	font-weight: var(--im-font-weight-medium);
	color: var(--ui-color-base-0);
	white-space: pre-line;
}
.bx-im-nested-list-collab-header__loader {
	width: 100%;
	height: 38px;
	background-image: 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:100%25' viewBox='0 0 100%25 100%25'%3E%3Csvg id='c' width='100%25' height='100%25'%3E%3Crect width='78%25' height='28' y='5' fill='%23dfe0e3' rx='14'/%3E%3Crect width='28' height='28' x='80%25' y='5' fill='%23dfe0e3' rx='14'/%3E%3Crect width='28' height='28' x='91%25' y='5' fill='%23dfe0e3' rx='14'/%3E%3C/svg%3E%3Crect id='d' width='100%25' height='38' fill='url(%23a)' mask='url(%23b)'/%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3ClinearGradient id='a' 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='%23d' attributeName='x' begin='0s' dur='1s' from='-100%25' repeatCount='indefinite' to='100%25'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
}

.bx-im-nested-list-collab__navigation-loader {
	width: 100%;
	height: 40px;
	background-image: 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:100%25' viewBox='0 0 100%25 100%25'%3E%3Csvg id='c' width='100%25' height='100%25'%3E%3Crect width='58' height='28' y='6' fill='%23dfe0e3' rx='14'/%3E%3Crect width='72' height='28' x='64' y='6' fill='%23dfe0e3' rx='14'/%3E%3Crect width='86' height='28' x='142' y='6' fill='%23dfe0e3' rx='14'/%3E%3Crect width='100' height='28' x='234' y='6' fill='%23dfe0e3' rx='14'/%3E%3Crect width='80' height='28' x='340' y='6' fill='%23dfe0e3' rx='14'/%3E%3Crect width='92' height='28' x='426' y='6' fill='%23dfe0e3' rx='14'/%3E%3C/svg%3E%3Crect id='d' width='100%25' height='40' fill='url(%23a)' mask='url(%23b)'/%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3ClinearGradient id='a' 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='%23d' attributeName='x' begin='0s' dur='1s' from='-100%25' repeatCount='indefinite' to='100%25'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
}