.bx-im-send-panel__scope {
	--im-textarea__font-color_primary: var(--im-color-palette-black-base);
	--im-textarea__font-color_placeholder: var(--im-color-palette-gray-40);
	--im-textarea__font-color_edit-title: var(--im-color-palette-blue-60);
	--im-textarea__font-color_edit-text: var(--im-color-palette-gray-70);
	--im-textarea__background-color: var(--im-color-palette-white-base);
	--im-textarea__background-color_edit-separator: var(--im-color-palette-blue-50);
	--im-textarea__background-color_send-button: rgba(31, 134, 255, 1);
	--im-textarea__background-color_send-button-channel: var(--im-color-accent-turquoise);
}

.bx-im-send-panel__container {
	display: flex;
	align-items: flex-end;
	width: 100%;
	margin: 0 auto;
	min-width: 0;
}

.bx-im-send-panel__container > div {
	z-index: 90;
}

.bx-im-content-chat__container.--center-align .bx-im-send-panel__container {
	max-width: var(--im-content-chat__max-width_textarea_container);
}

.bx-im-textarea__container {
	width: 100%;
	height: 100%;
	box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.05);
	background-color: var(--im-textarea__background-color);
	border-radius: var(--im-border-radius-lg);
	position: relative;
	overflow: hidden;
}

.bx-im-textarea__content {
	width: 100%;
	padding: 8px 8px 8px 12px;
	cursor: text;
}

.bx-im-textarea__top {
	display: flex;
	flex-grow: 1;
	padding: 4px 0;
}

.bx-im-textarea__icon-container {
	display: flex;
	flex-shrink: 0;
	flex-grow: 0;
	max-height: fit-content;
}

.bx-im-textarea__icon {
	cursor: pointer;
}

.bx-im-textarea__element {
	flex-grow: 1;
	resize: none;
	outline: none;
	border: none;
	background: transparent;
	font: var(--im-font-size-lg)/var(--im-font-line-height-2xs) var(--im-font-family-system);
	color: var(--im-textarea__font-color_primary);
	margin: 0 0 0 6px;
	padding: 1px 0 0;
}

.bx-im-textarea__element::placeholder {
	font: var(--im-font-size-lg)/var(--im-font-line-height-2xs) var(--im-font-family-system);
	color: var(--im-textarea__font-color_placeholder);
	white-space: nowrap;
	overflow: hidden;
}

.bx-im-textarea__bottom {
	display: flex;
	gap: 8px;
	justify-content: flex-end;
	align-items: center;
	width: 100%;
	margin-top: 2px;
}

.bx-im-textarea__bottom .bx-im-elements-send-button {
	margin-left: 4px;
}

.bx-im-textarea__drag-handle {
	display: none;
	position: absolute;
	top: 0;
	width: 100%;
	height: 10px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='3' fill='none' viewBox='0 0 17 3'%3E%3Crect width='14' height='1' x='1.5' fill='%23dfe0e3' rx='.5'/%3E%3Crect width='14' height='1' x='1.5' y='2' fill='%23dfe0e3' rx='.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	cursor: ns-resize;
}

.bx-im-textarea__drag-handle:hover {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='3' fill='none' viewBox='0 0 17 3'%3E%3Crect width='14' height='1' x='1.5' fill='%23a8adb4' rx='.5'/%3E%3Crect width='14' height='1' x='1.5' y='2' fill='%23a8adb4' rx='.5'/%3E%3C/svg%3E");
}

.bx-im-textarea__container:hover .bx-im-textarea__drag-handle {
	display: block;
}

.bx-im-textarea__icon.--upload {
	width: 22px;
	height: 22px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 22 22'%3E%3Cpath fill='%23bdc1c6' fill-rule='evenodd' d='M18.608 7.692a.33.33 0 0 1 0 .464l-.858.858a.327.327 0 0 1-.463 0l-5.05-5.056a3.743 3.743 0 0 0-5.282 0 3.753 3.753 0 0 0 0 5.288l6.195 6.203c.911.912 2.39.912 3.302 0a2.34 2.34 0 0 0 0-3.305l-5.536-5.542a.924.924 0 0 0-1.32 0 .926.926 0 0 0 0 1.322l4.39 4.395a.33.33 0 0 1 0 .464l-.858.858a.327.327 0 0 1-.463 0l-4.39-4.395a2.803 2.803 0 0 1 0-3.966 2.795 2.795 0 0 1 3.962 0l5.535 5.542a4.217 4.217 0 0 1 0 5.949 4.205 4.205 0 0 1-5.942 0l-6.196-6.203c-2.179-2.181-2.179-5.75 0-7.932 2.179-2.181 5.744-2.181 7.923 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-textarea__icon.--upload.--active {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' fill='none' viewBox='0 0 22 22'%3E%3Cpath fill='%2300ace3' fill-rule='evenodd' d='M18.608 7.692a.33.33 0 0 1 0 .464l-.858.858a.327.327 0 0 1-.463 0l-5.05-5.056a3.743 3.743 0 0 0-5.282 0 3.753 3.753 0 0 0 0 5.288l6.195 6.203c.911.912 2.39.912 3.302 0a2.34 2.34 0 0 0 0-3.305l-5.536-5.542a.924.924 0 0 0-1.32 0 .926.926 0 0 0 0 1.322l4.39 4.395a.33.33 0 0 1 0 .464l-.858.858a.327.327 0 0 1-.463 0l-4.39-4.395a2.803 2.803 0 0 1 0-3.966 2.795 2.795 0 0 1 3.962 0l5.535 5.542a4.217 4.217 0 0 1 0 5.949 4.205 4.205 0 0 1-5.942 0l-6.196-6.203c-2.179-2.181-2.179-5.75 0-7.932 2.179-2.181 5.744-2.181 7.923 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-textarea__icon.--market {
	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='%23bdc1c6' fill-rule='evenodd' d='M5.667 7.83a1.09 1.09 0 0 0-.69 1.015v7.461c0 .45.275.852.693 1.016l5.932 2.324c.256.1.54.1.796 0l5.933-2.324c.418-.164.693-.567.693-1.016V8.845c0-.448-.274-.85-.69-1.015L12.4 5.49a1.1 1.1 0 0 0-.801 0zm6.737-.908a1.1 1.1 0 0 0-.803 0L6.51 8.934l5.092 2.014c.258.102.544.102.801 0l5.088-2.007z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-textarea__icon.--market.--active {
	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='%2311a9d9' fill-rule='evenodd' d='M5.667 7.83a1.09 1.09 0 0 0-.69 1.015v7.46c0 .45.275.853.693 1.017l5.932 2.323c.256.1.54.1.796 0l5.933-2.323a1.09 1.09 0 0 0 .693-1.016V8.845c0-.448-.274-.85-.69-1.015L12.4 5.49a1.1 1.1 0 0 0-.801 0zm6.737-.908a1.1 1.1 0 0 0-.803 0L6.509 8.933l5.093 2.014c.257.101.544.101.801 0l5.088-2.007z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-textarea__icon.--smile {
	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='%23bdc1c6' fill-rule='evenodd' d='M12 18.955a6.954 6.954 0 1 0 0-13.909 6.954 6.954 0 0 0 0 13.909m0 1.708a8.663 8.663 0 1 1 0-17.326 8.663 8.663 0 0 1 0 17.326M8.901 9.606a1.08 1.08 0 0 1 2.161 0v1.08a1.08 1.08 0 1 1-2.16 0zm5.156-1.08a1.08 1.08 0 0 0-1.08 1.08v1.08a1.08 1.08 0 0 0 2.16 0v-1.08a1.08 1.08 0 0 0-1.08-1.08m-5.624 5.26a1 1 0 0 1 .053-.074.472.472 0 0 1 .74-.011q.182.206.38.384c.727.431 1.612.67 2.545.67s1.818-.239 2.544-.67a5 5 0 0 0 .393-.4.472.472 0 0 1 .74.008 1 1 0 0 1 .06.085l.009.007c.206.167.203.672-.007.837q-.228.181-.482.367c-.75.7-1.653 1.147-2.618 1.284q-.315.06-.639.061-.319 0-.63-.06c-.973-.136-1.882-.587-2.638-1.295q-.238-.175-.454-.344c-.211-.164-.216-.67-.01-.837z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-textarea__icon.--smile.--active {
	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='%2311a9d9' fill-rule='evenodd' d='M12 18.955a6.954 6.954 0 1 0 0-13.909 6.954 6.954 0 0 0 0 13.909m0 1.708a8.663 8.663 0 1 1 0-17.326 8.663 8.663 0 0 1 0 17.326M8.901 9.606a1.08 1.08 0 0 1 2.161 0v1.08a1.08 1.08 0 1 1-2.16 0zm5.156-1.08a1.08 1.08 0 0 0-1.08 1.08v1.08a1.08 1.08 0 0 0 2.16 0v-1.08a1.08 1.08 0 0 0-1.08-1.08m-5.624 5.26a1 1 0 0 1 .053-.074.472.472 0 0 1 .74-.011q.182.206.38.384c.727.431 1.612.67 2.545.67s1.818-.239 2.544-.67a5 5 0 0 0 .393-.4.472.472 0 0 1 .74.008 1 1 0 0 1 .06.085l.009.007c.206.167.203.672-.007.837q-.228.181-.482.367c-.75.7-1.653 1.147-2.618 1.284q-.315.06-.639.061-.319 0-.63-.06c-.973-.136-1.882-.587-2.638-1.295q-.238-.175-.454-.344c-.211-.164-.216-.67-.01-.837z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-copilot-audio-input__container {
	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='%23bdc1c6' fill-rule='evenodd' d='M11.994 2.833a3.37 3.37 0 0 0-3.369 3.368v5.404a3.368 3.368 0 1 0 6.737 0V6.201a3.37 3.37 0 0 0-3.369-3.368m1.968 8.772V6.201a1.968 1.968 0 1 0-3.937 0v5.404a1.968 1.968 0 0 0 3.937 0m-7.946-.6a.7.7 0 0 1 .685.715c-.05 2.237 1.79 5.274 5.289 5.274 3.513 0 5.413-3.08 5.307-5.253a.7.7 0 0 1 1.399-.068c.13 2.68-2.008 6.301-6 6.687v1.505h1.68a.7.7 0 1 1 0 1.4H9.617a.7.7 0 1 1 0-1.4h1.678v-1.503c-4.003-.377-6.053-3.99-5.995-6.672a.7.7 0 0 1 .715-.685' clip-rule='evenodd'/%3E%3C/svg%3E");
	background-size: cover;
	cursor: pointer;
	flex-shrink: 0;
}

.bx-im-copilot-audio-input__container: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='%23a8adb4' fill-rule='evenodd' d='M11.994 2.833a3.37 3.37 0 0 0-3.369 3.368v5.404a3.368 3.368 0 1 0 6.737 0V6.201a3.37 3.37 0 0 0-3.369-3.368m1.968 8.772V6.201a1.968 1.968 0 1 0-3.937 0v5.404a1.968 1.968 0 0 0 3.937 0m-7.946-.6a.7.7 0 0 1 .685.715c-.05 2.237 1.79 5.274 5.289 5.274 3.513 0 5.413-3.08 5.307-5.253a.7.7 0 0 1 1.399-.068c.13 2.68-2.008 6.301-6 6.687v1.505h1.68a.7.7 0 1 1 0 1.4H9.617a.7.7 0 1 1 0-1.4h1.678v-1.503c-4.003-.377-6.053-3.99-5.995-6.672a.7.7 0 0 1 .715-.685' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-copilot-audio-input__container.--active {
	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%3Crect width='24' height='24' fill='%23e5f9ff' rx='12'/%3E%3Cpath fill='%2300ace3' fill-rule='evenodd' d='M7.125 8.625a1.5 1.5 0 0 1 1.5-1.5h6.752a1.5 1.5 0 0 1 1.5 1.5v6.752a1.5 1.5 0 0 1-1.5 1.5H8.625a1.5 1.5 0 0 1-1.5-1.5zm1.5-.45h6.752a.45.45 0 0 1 .45.45v6.752a.45.45 0 0 1-.45.45H8.625a.45.45 0 0 1-.45-.45V8.625a.45.45 0 0 1 .45-.45' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-copilot-audio-input__container.--active: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%3Crect width='24' height='24' fill='%23d3f4ff' rx='12'/%3E%3Cpath fill='%2311a9d9' fill-rule='evenodd' d='M7.125 8.625a1.5 1.5 0 0 1 1.5-1.5h6.752a1.5 1.5 0 0 1 1.5 1.5v6.752a1.5 1.5 0 0 1-1.5 1.5H8.625a1.5 1.5 0 0 1-1.5-1.5zm1.5-.45h6.752a.45.45 0 0 1 .45.45v6.752a.45.45 0 0 1-.45.45H8.625a.45.45 0 0 1-.45-.45V8.625a.45.45 0 0 1 .45-.45' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-emote-popup__container {
	border-radius: inherit;
}

.bx-im-emote-popup__buttons-container {
	position: absolute;
	bottom: 0;
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 8px;
	width: 100%;
	height: 48px;
	border-bottom-left-radius: inherit;
	border-bottom-right-radius: inherit;
	border-top: 1px solid var(--ui-color-divider-vibrant-less);
	background-color: var(--ui-color-bg-vibrant-accent);
}

.bx-im-emoji-content__scope {
	--im-emoji-content__size_emoji: 28px;

	background-color: var(--ui-color-bg-vibrant-default);
}

.bx-im-emoji-content__box {
	box-sizing: border-box;
	height: 440px;
	overflow-y: auto;
	padding: 10px;
}

.bx-im-emoji-content__box_category {
	font: var(--im-font-size-xs) var(--im-font-family-system);
	font-weight: var(--im-font-weight-semi-bold);
}

.bx-im-emoji-content__box_category-title {
	color: var(--im-color-palette-gray-70);
	margin: 5px 0 0 0;
	padding-left: 10px;
}

.bx-im-emoji-content__box_category-emoji {
	cursor: pointer;
	display: inline-block;
	font-size: var(--im-emoji-content__size_emoji);
	margin: 7px;
	text-align: center;
	width: calc(100%/8 - 14px);
	-webkit-user-select: none;
	        user-select: none;
}

.bx-im-emote-selector-tab-stickers__container {
	background-color: var(--ui-color-bg-vibrant-less);
	flex-grow: 1;
}

.bx-im-emote-selector-tab-stickers__packs-container {
	border-radius: 16px 16px 0 0;
	box-sizing: border-box;
	height: 394px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-bottom: 46px;
	background-color: var(--ui-color-bg-vibrant-less);
}

.bx-im-emote-selector-tab-stickers__loader {
	padding-bottom: 15px;
}

.bx-im-sticker-pack__container {
	display: flex;
	flex-direction: column;
	margin-bottom: 8px;
	width: 356px;
}

.bx-im-sticker-pack__header {
	padding-top: 8px;
	display: flex;
	justify-content: space-between;
}

.bx-im-sticker-pack__header-title {
	padding: 12px 0 6px 18px;
	display: flex;
	align-items: center;
	font: var(--im-font-size-sm) var(--im-font-family-system);
	line-height: 17px;
	font-weight: var(--im-font-weight-medium);
	color: var(--ui-color-base-4);
}

.bx-im-sticker-pack__header-actions {
	margin: 8px 12px 8px 0;
	cursor: pointer;
}

.bx-im-sticker-pack__stickers {
	margin-left: 4px;
}

.bx-im-sticker-pack__container .bx-im-sticker-pack__header-shimmer {
	height: 12px;
	width: 280px;
	margin: 12px 0 6px 14px;
	padding: 0;
	border-radius: 4px;
}

.bx-im-sticker-item__shimmer {
	width: 52px;
	height: 52px;
}

.bx-im-sticker-pack-skeleton__container {
	padding-bottom: 19px;
}

.bx-im-sticker-pack-skeleton__header {
	padding: 17px 0 23px 18px;
}

.bx-im-sticker-pack-skeleton__stickers {
	display: flex;
	flex-wrap: wrap;
	padding-left: 18px;
	gap: 24px;
}

.bx-im-sticker-header-tabs__container {
	display: flex;
	align-items: center;
	height: 46px;
	box-sizing: border-box;
	padding: 0 0 0 12px;
	overflow-x: auto;
	overflow-y: hidden;
	position: relative;
}

.bx-im-sticker-header-tabs__item {
	margin-right: 10px;
}

.bx-im-sticker-header-tabs__add-button {
	margin-right: 8px;
}

.bx-im-stickers-header-add-button__container {
	--ui-icon-set__icon-color: var(--ui-color-accent-main-primary-alt);
	--ui-icon-set__icon-size: 32px;

	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	width: 32px;
	height: 32px;
	border-radius: 100px;
	background-color: var(--ui-color-bg-vibrant-less-more);
	cursor: pointer;
}

.bx-im-sticker-header-highlight__container {
	content: '';
	position: absolute;
	bottom: 0;
	width: 36px;
	padding: 0 4px;
	transition: .3s cubic-bezier(.25,.8,.5,1);
}

.bx-im-sticker-header-highlight__marker {
	height: 3px;
	width: 28px;
	border-top-left-radius: 3px;
	border-top-right-radius: 3px;
	background-color: var(--ui-color-accent-main-primary-alt);
}

.bx-im-stickers-header__item {
	--ui-icon-set__icon-color: var(--ui-color-base-2);
	--ui-icon-set__icon-size: 28px;

	width: 36px;
	height: 36px;
	display: flex;
	align-items: center;
	justify-content: center;
	flex-shrink: 0;
	padding: 4px;
	border-radius: 8px;
	cursor: pointer;
}

.bx-im-stickers-header__item:hover {
	background-color: var(--ui-color-bg-state-hover-default)
}

.bx-im-stickers-header__item img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bx-im-stickers-header-skeleton__container {
	display: flex;
	gap: 8px;
}

.bx-im-sticker-promo-popup__container {
	background-color: var(--ui-color-bg-content-inapp);
}

.bx-im-sticker-promo-popup__container .popup-window-angly--arrow {
	background-color: var(--ui-color-bg-content-inapp);
}

.bx-im-sticker-promo-popup__container .popup-window-content {
	display: flex;
	gap: 10px;
}

.bx-im-sticker-promo-popup__cover {
	background-image: url("images/components/emote-selector/css/images/promo.png");
	background-repeat: no-repeat;
	background-position: center;
	background-size: contain;
	flex-shrink: 0;
	width: 78px;
	height: 78px;
	margin-left: 10px;
	align-self: center;
}

.bx-im-sticker-promo-popup__info {
	padding-left: 12px;
	padding-bottom: 4px;
}

.bx-im-sticker-promo-popup__title {
	font-size: var(--ui-font-size-xl);
	font-weight: var(--ui-font-weight-medium);
	line-height: var(--ui-font-line-height-md);
	color: var(--ui-color-palette-white-base);
	margin-bottom: 6px;
}

.bx-im-sticker-promo-popup__description {
	font-size: var(--ui-font-size-lg);
	line-height: var(--ui-font-line-height-md);
	color: var(--ui-color-palette-white-base);
}

.bx-im-format-toolbar__container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 12px;

	padding: 12px 16px;
	min-height: 48px;
}

.bx-im-format-toolbar__separator {
	width: 1px;
	height: 18px;
	background-color: var(--ui-color-divider-accent);
}

.bx-im-format-toolbar__item {
	cursor: pointer;
}

.bx-im-format-toolbar-link__container {
	padding: 4px 12px 2px;
}

.bx-im-format-toolbar-link__content {
	display: flex;
	justify-content: space-between;
	align-items: center;

	height: 51px;
}

.bx-im-format-toolbar-link__input {
	margin-right: 8px;
}

.bx-im-format-toolbar-link__action {
	margin-top: 2px; /* required because of ui-input offset */
	cursor: pointer;
}

.bx-im-format-toolbar-link__action.--accept {
	margin-right: 2px;
}

.bx-im-format-toolbar-link__action.--accept.--disabled {
	--ui-icon-set__icon-color: var(--ui-color-gray-50);

	pointer-events: none;
}

.bx-im-format-toolbar-link__action.--accept.--active {
	--ui-icon-set__icon-color: var(--ui-color-accent-main-primary);
}

.bx-im-mention-popup__scope *::-webkit-scrollbar {
	width: 6px;
}

.bx-im-mention-popup__scope *::-webkit-scrollbar-thumb {
	background: rgb(82 92 105 / 20%);
	border-radius: 32px;
}

.bx-im-mention-popup__scope *::-webkit-scrollbar-thumb:hover {
	background: rgb(82 92 105 / 20%);
}

.bx-im-mention-popup__scope *::-webkit-scrollbar-thumb:active {
	background: rgb(82 92 105 / 20%);
}

.bx-im-mention-popup-content__container {
	height: 100%;
	overflow: hidden;
	display: flex;
	flex-direction: column;
	justify-content: space-between;
}

.bx-im-mention-popup-content__container > :only-child {
	margin-top: auto;
}

.bx-im-mention-popup-content__loader {
	display: flex;
	justify-content: center;
	height: 52px;
}

.bx-im-mention-popup-content__items {
	padding: 0 4px 0 6px;
	margin: 6px 0;
	display: flex;
	flex-direction: column;
	overflow: hidden;
}

.bx-im-mention-content-footer__scope {
	--im-mention-content-footer__background-color_container: var(--im-color-palette-gray-02);
	--im-mention-content-footer__color_control-description: var(--im-color-palette-gray-50);
	--im-mention-content-footer__color_control-key: var(--im-color-palette-gray-80);
}

.bx-im-mention-content-footer__container {
	display: flex;
	justify-content: space-between;
	background-color: var(--im-mention-content-footer__background-color_container);
	height: 28px;
	padding: 6px 14px 6px 10px;
	box-sizing: border-box;
	-webkit-user-select: none;
	        user-select: none;
}

.bx-im-mention-content-footer__controls {
	display: flex;
	gap: 12px;
}

.bx-im-mention-content-footer__control {
	display: flex;
	align-items: flex-end;
	gap: 4px;
}

.bx-im-mention-content-footer__arrows-control-key {
	align-self: center;
	width: 28px;
	height: 14px;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='14' fill='none' viewBox='0 0 28 14'%3E%3Cpath fill='%236a737f' fill-rule='evenodd' d='m3.706 9.246 2.641-2.64L7 5.95l.665.656 2.641 2.64.932-.932-4.232-4.231-4.231 4.231zm20.6-4.492-2.64 2.641L21 8.05l-.653-.655-2.64-2.64-.932.931 4.231 4.232 4.232-4.232z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center;
}

.bx-im-mention-content-footer__control-description {
	font: var(--im-font-size-3xs)/16px var(--im-font-family-system);
	color: var(--im-mention-content-footer__color_control-description);
}

.bx-im-mention-content-footer__control-key {
	height: 100%;
	color: var(--im-mention-content-footer__color_control-key);
}

.bx-im-mention-content-footer__loader {
	margin-right: 17px;
}
.bx-im-mention-loading-state__scope {
	--im-mention-loading-state__color_title: var(--ui-color-palette-gray-50, #a8adb4);
}

.bx-im-mention-loading-state__container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	height: 24px;
	margin-top: 28px;
	padding: 0 2px;
}

.bx-im-mention-loading-state__title {
	font: var(--im-font-size-lg)/var(--im-font-line-height-3xs) var(--im-font-family-system);
	font-weight: var(--im-font-weight-normal);
	color: var(--im-mention-loading-state__color_title);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bx-im-mention-loading-state__loader {
	flex-grow: 0;
}

.bx-im-mention-item__scope {
	--im-mention-item__background-color_container: var(--im-color-palette-white-base);
	--im-mention-item__color_name: var(--im-color-palette-black-base);
	--im-mention-item__color_subtitle: var(--im-color-palette-gray-60);
	--im-mention-item__color_highlight: var(--im-color-palette-black-solid);
	--im-mention-item__background-color_highlight: #faf16d;
}

.bx-im-mention-item__container {
	display: flex;
	gap: 12px;
	height: 44px;
	border-radius: 6px;
	transition: background .3s;
	background-color: var(--im-mention-item__background-color_container);
	cursor: pointer;
	flex-shrink: 0;
	position: relative;
	padding: 4px;
}

.bx-im-mention-item__container.--selected {
	background-color: var(--ui-color-bg-state-hover-default);
}

.bx-im-mention-item__avatar-container {
	align-self: center;
}

.bx-im-mention-item__content-container {
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	min-width: 0;
	flex: 1;
	padding: 1px 0;
}

.bx-im-mention-item__title {
	max-width: 262px;
}

.bx-im-mention-item__title .bx-im-chat-title__text {
	--im-chat-title__font: var(--im-font-size-md)/17px var(--im-font-family-system);
}

.bx-im-mention-item__subtitle {
	font: var(--im-font-size-xs)/var(--im-font-line-height-3xs) var(--im-font-family-system);
	font-weight: var(--im-font-weight-normal);
	color: var(--im-mention-item__color_subtitle);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.bx-im-mention-item__content-container .--highlight {
	color: var(--im-mention-item__color_highlight);
	background-color: var(--im-mention-item__background-color_highlight);
}

.bx-im-mention-item__all-avatar-container {
	display: flex;
	position: relative;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' fill='none' viewBox='0 0 32 32'%3E%3Cg clip-path='url(%23a)'%3E%3Cpath fill='%2300ace3' d='M0 0h32v32H0z'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M16.037 16.439c-3.137 0-3.874-4.488-1.653-6.074.37-.263 1.078-.511 1.653-.511 4.092 0 3.767 6.585 0 6.585m-1.04-5.217c.07-.05.233-.136.459-.208a2 2 0 0 1 .581-.107c.707 0 1.146.27 1.428.627.306.388.481.957.466 1.586-.016.628-.22 1.219-.55 1.63a1.64 1.64 0 0 1-1.344.635c-.941 0-1.585-.636-1.808-1.62-.233-1.03.095-2.062.768-2.543' clip-rule='evenodd'/%3E%3Cpath fill='%23fff' d='M12.483 11.368h.066c-.138.35-.23.714-.28 1.083a2 2 0 0 0-.133.038 1 1 0 0 0-.267.12c-.395.287-.634.958-.474 1.68.151.68.557 1.03 1.088 1.03q.075 0 .142-.008c.113.433.223.838.273 1.023q-.197.039-.415.039c-2.341 0-2.891-3.41-1.234-4.616.275-.2.804-.389 1.234-.389m-2.56 6.033c.634-.398 1.383-.568 2.095-.617a.7.7 0 0 1-.12.4 8 8 0 0 1-.552.639l-.148.161c-.26.074-.502.176-.715.31-.465.291-.833.76-.945 1.547h.332a3.5 3.5 0 0 0-.294 1.054h-.271A.84.84 0 0 1 8.462 20c.091-1.253.656-2.093 1.46-2.599m9.64-6.032c2.996.06 2.739 5.004-.055 5.004q-.22 0-.418-.039c.032-.144.108-.395.201-.7l.097-.32q.06.005.12.005c.352 0 .6-.142.788-.38.208-.264.347-.66.358-1.094.01-.436-.11-.81-.296-1.05a.9.9 0 0 0-.529-.339 4.6 4.6 0 0 0-.266-1.087m3.133 9.526h-.271a3.5 3.5 0 0 0-.295-1.054h.333c-.113-.788-.48-1.256-.945-1.547a2.8 2.8 0 0 0-.715-.31l-.148-.161a8 8 0 0 1-.553-.639.73.73 0 0 1-.123-.4c.713.048 1.464.219 2.099.617.805.506 1.37 1.346 1.461 2.599a.84.84 0 0 1-.843.895'/%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12.456 17.76c1.057-.606 2.363-.794 3.544-.794s2.486.188 3.544.794c1.09.625 1.882 1.677 2.012 3.289.047.575-.423 1.01-.946 1.01h-9.22c-.523 0-.993-.435-.947-1.01.131-1.612.923-2.664 2.013-3.288m-.95 3.245h8.988c-.13-1.176-.703-1.888-1.474-2.33-.83-.477-1.925-.656-3.02-.656s-2.19.179-3.02.656c-.772.442-1.344 1.154-1.474 2.33' clip-rule='evenodd'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 16C0 7.163 7.163 0 16 0s16 7.163 16 16-7.163 16-16 16S0 24.837 0 16'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");
	background-repeat: no-repeat;
	width: 32px;
	height: 32px;
}
.bx-im-mention-chat-add-dropdown__container {
	display: flex;
	align-items: center;
}

.bx-im-mention-chat-add-dropdown__separator {
	margin-right: 16px;
	width: 1px;
	height: 12px;
	background-color: var(--ui-color-divider-default);
}

.bx-im-mention-chat-add-dropdown__title {
	font-size: 12px;
	font-weight: 400;
	color: var(--ui-color-base-3);
}

.bx-im-mention-chat-add-dropdown__icon.ui-icon-set {
	--ui-icon-set__icon-color: var(--ui-color-base-4);
}
.bx-im-mention-empty-state__scope {
	--im-mention-empty-state__color_title: var(--ui-color-palette-gray-50, #a8adb4);
}

.bx-im-mention-empty-state__container {
	display: flex;
	justify-content: center;
	align-items: center;
	gap: 4px;
	height: 24px;
	margin-top: 28px;
	padding: 0 2px;
}

.bx-im-mention-empty-state__title {
	font: var(--im-font-size-lg)/var(--im-font-line-height-3xs) var(--im-font-family-system);
	font-weight: var(--im-font-weight-normal);
	color: var(--im-mention-empty-state__color_title);
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bx-im-mention-empty-state__icon {
	flex-shrink: 0;
	width: 24px;
	height: 24px;
	background: 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='%23d5d7db' fill-rule='evenodd' d='M14.05 15.886a6.37 6.37 0 1 1 1.836-1.837l3.311 3.311a1 1 0 0 1 0 1.414l-.422.423a1 1 0 0 1-1.414 0zm1.058-5.328a4.55 4.55 0 1 1-9.098 0 4.55 4.55 0 0 1 9.099 0' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center;
}
.bx-im-message-panel__scope {
	--im-message-panel__color_forward-text: var(--im-color-palette-gray-60, #959ca4);
}

.bx-im-message-panel__container {
	width: 100%;
	height: 47px;
	display: flex;
	align-items: center;
	margin-bottom: 7px;
	position: relative;
	max-width: 100%;
	padding: 11px 10px 0;
}

.bx-im-message-panel__icon {
	width: 28px;
	height: 28px;
	flex-shrink: 0;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%232fc6f6' fill-rule='evenodd' d='m10.295 20.874-3.547.813a.362.362 0 0 1-.434-.434l.813-3.547zM22.83 7.654a.483.483 0 0 1 0 .683L11.47 19.795l-3.168-3.167 11.36-11.459a.483.483 0 0 1 .684 0z' clip-rule='evenodd'/%3E%3C/svg%3E");
	margin-right: 13px;
	position: relative;
}

.bx-im-message-panel__icon.--quote {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%232fc6f6' fill-rule='evenodd' d='M11.18 6.53a1.95 1.95 0 0 1 1.95 1.951v5.59c0 1.163-.126 1.834-.378 2.86q-.379 1.54-1.162 2.702a5.95 5.95 0 0 1-2.005 1.86q-1.146.655-2.65.694c-.065.002-.197.094-.197-.177v-2.377c0-.34.15-.35.223-.355q.839-.05 1.404-.487a3.7 3.7 0 0 0 1.046-1.308 6 6 0 0 0 .552-1.83c.097-.678.145-.923.145-1.582h-2.56a1.95 1.95 0 0 1-1.95-1.95v-3.64a1.95 1.95 0 0 1 1.95-1.95zm9.007 0a1.95 1.95 0 0 1 1.95 1.951v5.59c0 1.163-.125 1.834-.377 2.86q-.379 1.54-1.162 2.702a5.95 5.95 0 0 1-2.005 1.86q-1.146.655-2.65.694c-.065.002-.197.094-.197-.177v-2.377c0-.34.15-.35.223-.355q.838-.05 1.404-.487a3.7 3.7 0 0 0 1.046-1.308 6 6 0 0 0 .552-1.83c.097-.678.145-.923.145-1.582h-2.56a1.95 1.95 0 0 1-1.95-1.95v-3.64a1.95 1.95 0 0 1 1.95-1.95z' clip-rule='evenodd'/%3E%3C/svg%3E");
}

.bx-im-message-panel__icon.--forward {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%232fc6f6' d='M16.124 5.907a.35.35 0 0 0-.584.26V10.1a.3.3 0 0 0-.13-.022c-7.714.22-10.1 7.556-10.734 10.394-.075.336.334.542.583.305 1.625-1.546 5.58-4.795 10.143-4.796a.4.4 0 0 0 .138-.027v4.57a.35.35 0 0 0 .584.26L24 13.694A.467.467 0 0 0 24 13z'/%3E%3C/svg%3E");
}

.bx-im-message-panel__icon::after {
	position: absolute;
	content: '';
	right: -5px;
	top: -1px;
	width: 2px;
	height: 30px;
	border-radius: 19px;
	background-color: var(--im-textarea__background-color_edit-separator);
}

.bx-im-message-panel__content {
	flex-grow: 1;
	min-width: 0;
}

.bx-im-message-panel__title {
	font: 13px/16px var(--im-font-family-system);
	font-weight: var(--im-font-weight-semi-bold);
	color: var(--im-textarea__font-color_edit-title);
	margin-bottom: 2px;
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}

.bx-im-message-panel__text {
	font: var(--ui-font-size-sm) var(--im-font-family-system);
	line-height: var(--ui-font-line-height-md);
	color: var(--im-textarea__font-color_edit-text);
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
	max-width: 90%;
}

.bx-im-message-panel__bulk-forward-author {
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
	max-width: 100%;
}

.bx-im-message-panel__text.--compact .bx-im-message-panel__bulk-forward-author {
	display: flex;
	align-items: center;
	gap: 2px;
}

.bx-im-message-panel__forward-author_name {
	display: inline-block;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.bx-im-message-panel__forward-author, .bx-im-message-panel__bulk-forward-author {
	color: var(--im-message-panel__color_forward-text);
	font-weight: var(--im-font-weight-medium);
}

.bx-im-message-panel__forward-message-text {
	color: var(--im-textarea__font-color_primary);
}

.bx-im-message-panel-file__icon {
	display: flex;
	flex-shrink: 0;
	padding-right: 8px;
	font: var(--ui-font-size-sm) var(--im-font-family-system);
	line-height: var(--ui-font-line-height-md);
	color: var(--im-color-palette-gray-70);
}

.bx-im-message-panel__image {
	position: relative;
	width: 48px;
	height: 32px;
	border-radius: 7px;
	object-fit: cover;
	overflow: hidden;
	margin-right: 8px;
	background-color: var(--im-color-palette-gray-03);
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='none' viewBox='0 0 20 20'%3E%3Cpath fill='%23c9ccd0' fill-rule='evenodd' d='M3.636 2.273C1.628 2.273 0 3.952 0 6.023v7.5c0 2.07 1.628 3.75 3.636 3.75h12.728c2.008 0 3.636-1.68 3.636-3.75v-7.5c0-2.071-1.628-3.75-3.636-3.75zM8.48 6.109a.505.505 0 0 0-.797.412v6.504c0 .41.462.649.797.412l4.584-3.252a.505.505 0 0 0 0-.824z' clip-rule='evenodd'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	flex-shrink: 0;
}

.bx-im-message-panel__image_img {
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	right: 0;
	top: 0;
	object-fit: cover;
}

/* Video note: round poster thumbnail (no background — poster fills the circle). Fits the 47px panel row. */
.bx-im-message-panel__video-note {
	width: 36px;
	height: 36px;
	border-radius: 50%;
	overflow: hidden;
	margin-right: 8px;
	flex-shrink: 0;
}

.bx-im-message-panel__video-note_img {
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bx-im-message-panel__sticker {
	width: 36px;
	height: 36px;
	margin-right: 8px;
	flex-shrink: 0;
}

.bx-im-message-panel__sticker_img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: contain;
}

.bx-im-message-panel__gallery-stack {
	position: relative;
	width: 50px;
	height: 34px;
	margin-right: 8px;
	flex-shrink: 0;
}

/*
 * Absolutely positioned stack items do not stretch the container, so the width is set per
 * shown-thumbnail count to hug the actual right edge of the last (rotated) thumbnail and keep
 * the 8px stack↔text spacing consistent. Widths are the rotated bounding-box right edges:
 * item1 -> 30, item2 (8deg) -> ~37, item3 (12deg)/badge -> 50 (unchanged base layout).
 */
.bx-im-message-panel__gallery-stack.--count-2 {
	width: 37px;
}

.bx-im-message-panel__gallery-stack.--count-3 {
	width: 50px;
}

.bx-im-message-panel__gallery-stack-item {
	position: absolute;
	overflow: hidden;
	background-color: var(--im-color-palette-gray-03);
}

.bx-im-message-panel__gallery-stack-item:nth-child(1) {
	left: 0;
	top: 2px;
	width: 30px;
	height: 30px;
	border-radius: 7px;
	z-index: 3;
}

.bx-im-message-panel__gallery-stack-item:nth-child(2) {
	left: 6px;
	top: 1px;
	width: 29px;
	height: 29px;
	border-radius: 6px;
	transform: rotate(8deg);
	z-index: 2;
}

.bx-im-message-panel__gallery-stack-item:nth-child(3) {
	left: 13px;
	top: 3px;
	width: 27px;
	height: 27px;
	border-radius: 6px;
	transform: rotate(12deg);
	z-index: 1;
}

.bx-im-message-panel__gallery-stack-img {
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
}

.bx-im-message-panel__gallery-badge {
	position: absolute;
	left: 28px;
	top: 18px;
	z-index: 4;
	display: inline-flex;
	align-items: center;
	justify-content: center;
	box-sizing: border-box;
	min-height: 14px;
	padding: 0 4px;
	border: 1px solid var(--ui-color-palette-white-base, #fff);
	border-radius: 14px;
	background-color: var(--ui-color-accent-main-primary);
	color: var(--ui-color-palette-white-base, #fff);
	font: var(--im-font-weight-medium) 10px/12px var(--im-font-family-system);
	white-space: nowrap;
}

.bx-im-message-panel__close {
	position: absolute;
	top: 11px;
	right: 10px;
	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-rule='evenodd' d='m13.663 12 3.89 3.891a.6.6 0 0 1 0 .848l-.814.815a.6.6 0 0 1-.848 0l-3.89-3.89-3.891 3.89a.6.6 0 0 1-.849 0l-.814-.814a.6.6 0 0 1 0-.849l3.89-3.89-3.89-3.891a.6.6 0 0 1 0-.849l.814-.814a.6.6 0 0 1 .849 0l3.89 3.89 3.891-3.89a.6.6 0 0 1 .848 0l.815.814a.6.6 0 0 1 0 .849z' clip-rule='evenodd'/%3E%3C/svg%3E");
	opacity: 0.35;
	cursor: pointer;
}

.bx-im-message-panel__close:hover {
	opacity: 0.7;
}

.bx-im-market-apps-panel__scope {
	--im-market-apps-panel__border-color_container: #edeef0;
	--im-market-apps-panel__color_empty-state-text: #525c69;
	--im-market-apps-panel__color_empty-state-link: var(--ui-color-link-primary-base);
	--im-market-apps-panel__color_more-items-button-text: #008dba;
	--im-market-apps-panel__background-color_more-items-button-hover: #ecfafe;
	--im-market-apps-panel__background-image_empty-state: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='103' height='68' fill='none' viewBox='0 0 103 68'%3E%3Cg clip-path='url(%23a)'%3E%3Cg clip-path='url(%23b)'%3E%3Cg fill-rule='evenodd' clip-path='url(%23c)' clip-rule='evenodd'%3E%3Cpath fill='%23c3f0ff' d='M71.413 77.432H-8.24q-1.005 0-1.994-.075c-17.713-.416-31.947-15.338-31.948-33.684.006-8.942 3.459-17.515 9.6-23.834a32.7 32.7 0 0 1 10.92-7.428q-.102-1.365-.103-2.757c.006-9.435 3.65-18.481 10.13-25.149S3.63-25.905 12.788-25.899c11.732.015 24.644 6.059 30.869 15.283a27.5 27.5 0 0 1 9.453-1.663c14.645.018 26.673 11.518 28.067 26.226 14.032 3.151 21.979 16.03 21.967 31.427-.015 17.744-12.708 32.119-29.933 32.112q-.906 0-1.8-.054' opacity='.6'/%3E%3Cpath fill='%23fff' d='M7.168 4.65c0-1.316 1.157-2.382 2.584-2.382 1.038 0 1.926.567 2.337 1.381.33-.111.68-.182 1.052-.182 1.645 0 2.975 1.197 3.051 2.695.063-.005.125-.018.19-.018 1.335 0 2.417 1 2.417 2.233s-1.082 2.233-2.417 2.233H7.808c-1.785 0-3.232-1.33-3.232-2.972 0-1.442 1.118-2.643 2.601-2.913 0-.026-.009-.05-.009-.076M90 25.068c0-.996-.878-1.803-1.962-1.803-.787 0-1.462.43-1.774 1.046a2.5 2.5 0 0 0-.799-.138c-1.248 0-2.258.906-2.316 2.04-.048-.004-.095-.013-.144-.013-1.014 0-1.835.756-1.835 1.69s.821 1.69 1.835 1.69h6.51c1.355 0 2.454-1.006 2.454-2.25 0-1.091-.85-2-1.975-2.205 0-.02.006-.038.006-.057' opacity='.3'/%3E%3C/g%3E%3Cg filter='url(%23d)' opacity='.8'%3E%3Cpath fill='url(%23e)' fill-rule='evenodd' d='M67.286 64.494H24.938q-.544 0-1.078-.038c-9.57-.208-16.644-7.67-16.644-16.845.003-4.472 2.026-8.473 4.968-11.973 1.407-1.674 2.425-2.776 4.482-3.782a17 17 0 0 1-.055-1.38c.003-4.718 1.972-9.242 5.473-12.576 3.501-3.335 8.248-5.207 13.197-5.204 6.339.008 11.867 3.278 15.23 7.891 2.215-.54 4.953-.712 6.744-.71 7.913.008 14.412 5.76 15.165 13.115 7.582 1.576 12.706 7.769 12.7 15.47-.008 8.873-7.557 16.062-16.863 16.058q-.49 0-.972-.026' clip-rule='evenodd' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cg filter='url(%23f)'%3E%3Cpath fill='%23fff' d='M23.18 8.095c0-1.299 1.063-2.35 2.375-2.35H65.35c1.748 0 3.166 1.402 3.166 3.133v5.74c0 1.731-1.418 3.134-3.166 3.134H25.555c-1.312 0-2.375-1.052-2.375-2.35z'/%3E%3C/g%3E%3Cpath fill='%23ff706b' stroke='%23fff' stroke-width='1.5' d='M49.471 11.748c0-2.341-1.915-4.226-4.262-4.226s-4.262 1.885-4.262 4.226 1.916 4.226 4.262 4.226c2.347 0 4.262-1.885 4.262-4.226Z'/%3E%3Cpath fill='%23ffa900' stroke='%23fff' stroke-width='1.5' d='M44.364 11.748c0-2.341-1.916-4.226-4.262-4.226-2.347 0-4.262 1.885-4.262 4.226s1.915 4.226 4.262 4.226 4.262-1.885 4.262-4.226Z'/%3E%3Cpath fill='%239dcf00' stroke='%23fff' stroke-width='1.5' d='M39.255 11.748c0-2.341-1.916-4.226-4.263-4.226s-4.261 1.885-4.261 4.226 1.915 4.226 4.261 4.226 4.263-1.885 4.263-4.226Z'/%3E%3Cpath fill='%232fc6f6' stroke='%23fff' stroke-width='1.5' d='M34.147 11.748c0-2.341-1.915-4.226-4.262-4.226s-4.262 1.885-4.262 4.226 1.915 4.226 4.262 4.226 4.262-1.885 4.262-4.226Z'/%3E%3Crect width='11.494' height='1.896' x='52.553' y='10.8' fill='%23a8adb4' opacity='.4' rx='.948'/%3E%3Cg filter='url(%23g)'%3E%3Cellipse cx='46.168' cy='40.504' fill='%23fff' rx='19.157' ry='18.96'/%3E%3C/g%3E%3Cpath fill='%2300ace3' fill-rule='evenodd' d='M37.868 30.919h5.534c.764 0 1.384.613 1.384 1.369v5.477c0 .756-.62 1.37-1.384 1.37h-5.534a1.376 1.376 0 0 1-1.384-1.37v-5.477c0-.756.62-1.37 1.384-1.37m0 10.954h5.534c.764 0 1.384.613 1.384 1.37v5.477c0 .756-.62 1.37-1.384 1.37h-5.534a1.376 1.376 0 0 1-1.384-1.37v-5.477c0-.757.62-1.37 1.384-1.37m11.76-8.9v4.108h4.15v-4.109zm-.692-2.054h5.534c.764 0 1.384.613 1.384 1.369v5.477c0 .756-.62 1.37-1.384 1.37h-5.534a1.377 1.377 0 0 1-1.383-1.37v-5.477c0-.756.62-1.37 1.383-1.37m0 10.954h5.534c.764 0 1.384.613 1.384 1.37v5.477c0 .756-.62 1.37-1.384 1.37h-5.534a1.376 1.376 0 0 1-1.383-1.37v-5.477c0-.757.62-1.37 1.383-1.37' clip-rule='evenodd' opacity='.8'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h103v68H0z'/%3E%3C/clipPath%3E%3CclipPath id='b'%3E%3Cpath fill='%23fff' d='M-3-5h106v79H-3z'/%3E%3C/clipPath%3E%3CclipPath id='c'%3E%3Cpath fill='%23fff' d='M-42.59-26.488h146.23v104.28H-42.59z'/%3E%3C/clipPath%3E%3Cfilter id='d' width='85.904' height='59.824' x='3.217' y='10.696' 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='2'/%3E%3CfeGaussianBlur stdDeviation='2'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0.025382 0 0 0 0 0.275095 0 0 0 0 0.358333 0 0 0 0.06 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_7990_717214'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_7990_717214' result='shape'/%3E%3C/filter%3E%3Cfilter id='f' width='54.398' height='21.068' x='18.65' y='2.913' 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.699'/%3E%3CfeGaussianBlur stdDeviation='2.265'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0.423529 0 0 0 0 0.423529 0 0 0 0 0.423529 0 0 0 0.1 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_7990_717214'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_7990_717214' result='shape'/%3E%3C/filter%3E%3Cfilter id='g' width='52.461' height='52.069' x='19.937' y='16.828' 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='2.358'/%3E%3CfeGaussianBlur stdDeviation='3.537'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0.423529 0 0 0 0 0.423529 0 0 0 0 0.423529 0 0 0 0.12 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_7990_717214'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_7990_717214' result='shape'/%3E%3C/filter%3E%3ClinearGradient id='e' x1='45.86' x2='45.86' y1='22.494' y2='64.52' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff' stop-opacity='.4'/%3E%3Cstop offset='1' stop-color='%23fff' stop-opacity='.8'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
}

.bx-im-market-apps-panel__container {
	height: 57px;
	display: flex;
	align-items: center;
	justify-content: space-between;
	overflow: hidden;
	border-bottom: 1px solid var(--im-market-apps-panel__border-color_container);
	padding: 0 14px;
}

.bx-im-market-apps-panel__items-container {
	display: flex;
	align-items: center;
	gap: 6px;
	overflow: hidden;
}

.bx-im-market-apps-panel__items-container.--short {
	gap: 0;
}

.bx-im-market-apps-panel__more-items-button {
	flex-shrink: 0;
	height: 32px;
	padding: 9px 10px 9px 8px;
	border-radius: 100px;
	font: var(--ui-font-size-xs)/var(--ui-font-line-height-2xs) var(--ui-font-family-primary);
	font-weight: var(--ui-font-weight-medium);
	color: var(--im-market-apps-panel__color_more-items-button-text);
}

.bx-im-market-apps-panel__more-items-button.--active,
.bx-im-market-apps-panel__more-items-button:hover {
	background-color: var(--im-market-apps-panel__background-color_more-items-button-hover);
	cursor: pointer;
}

/*empty state*/
.bx-im-market-apps-panel__empty-state-container {
	display: flex;
	align-items: center;
	gap: 22px;
	overflow: hidden;
	height: 69px;
	border-bottom: 1px solid var(--im-market-apps-panel__border-color_container);
}

.bx-im-market-apps-panel__empty-state-icon {
	height: 68px;
	width: 103px;
	flex-shrink: 0;
	background-image: var(--im-market-apps-panel__background-image_empty-state);
	background-repeat: no-repeat;
}

.bx-im-market-apps-panel__empty-state-text {
	font: var(--ui-font-size-lg)/var(--ui-font-line-height-2xs) var(--ui-font-family-primary);
	font-weight: var(--ui-font-weight-medium);
	color: var(--im-market-apps-panel__color_empty-state-text);
}

.bx-im-market-apps-panel__empty-state-link {
	cursor: pointer;
	color: var(--im-market-apps-panel__color_empty-state-link);
}

.bx-im-market-app-item__container {
	--im-market-app-item__color_icon: #fff;
	--im-market-app-item__background-color_item: #f5f7f8;
	--im-market-app-item__color_item-text: #525c69;
}

.bx-im-market-app-item__container {
	width: 120px;
	height: 40px;
	padding: 6px 8px;
	display: flex;
	align-items: center;
	gap: 8px;
	border-radius: 100px;
}

.bx-im-market-app-item__container.--short {
	width: 40px;
	padding: 6px;
}

.bx-im-market-app-item__container:hover {
	background: var(--im-market-app-item__background-color_item);
	cursor: pointer;
}

.bx-im-market-app-item__icon-container {
	width: 28px;
	height: 28px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	flex-shrink: 0;
}

.bx-im-market-app-item__icon-container i {
	color: var(--im-market-app-item__color_icon);
}

.bx-im-market-app-item__title-container {
	font: var(--im-font-size-xs)/var(--im-font-line-height-2xs) var(--im-font-family-system);
	color: var(--im-market-app-item__color_item-text);
	overflow: hidden;
}

.bx-im-market-app-item__title-text {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.bx-im-market-app-popup__container {
	position: absolute;
	inset: 0;
	overflow: hidden;
}

.bx-im-market-app-popup__loader-container {
	height: 100%;
	display: flex;
	align-items: center;
}

.bx-im-market-app-popup__placement-container {
	height: 100%;
}
.bx-im-market-show-more-popup__scope .popup-window-titlebar-text {
	font-size: var(--im-font-size-xl);
	font-weight: var(--im-font-weight-semi-bold);
	color: #333333;
	padding-left: 16px;
}
.bx-im-market-show-more-popup-content__container {
	position: relative;
	height: 100%;
	overflow: hidden;
}

.bx-im-market-show-more-popup-content__items-container {
	padding: 0 14px 0 8px;
	height: 100%;
	overflow: hidden;
	overflow-y: auto;
}

.bx-im-market-show-more-popup-content__shadow {
	position: absolute;
	height: 28px;
	width: 100%;
	background: linear-gradient(180deg, #FFFFFF 10.58%, rgba(255, 255, 255, 0.0001) 98.3%);
	z-index: 2;
}

.bx-im-market-show-more-popup-content__shadow.--top {
	top: 0;
}

.bx-im-market-show-more-popup-content__shadow.--bottom {
	bottom: 0;
	transform: rotate(-180deg);
}

.bx-im-market-show-more-popup-content__shadow-inner {
	position: absolute;
	height: 5px;
	top: 0;
	width: 100%;
	background: linear-gradient(180deg, #000000 10.58%, rgba(255, 255, 255, 0.0001) 98.3%);
	opacity: 0.06;
	z-index: 2;
}

.bx-im-market-show-more-popup-content__container *::-webkit-scrollbar {
	width: 6px;
}
.bx-im-market-show-more-popup-content__container *::-webkit-scrollbar-thumb {
	background-color: transparent;
	border-radius: 32px;
}
.bx-im-market-show-more-popup-content__container *:hover::-webkit-scrollbar-thumb {
	background-color: rgba(82, 92, 105, .2);
	border-radius: 32px;
}

.bx-im-market-show-more-popup-content-item__container {
	--im-market-show-more-popup-content-item__color_icon: #fff;
	--im-market-show-more-popup-content-item__background-color_item: #f5f7f8;
	--im-market-show-more-popup-content-item__color_item-text: #525c69;
}

.bx-im-market-show-more-popup-content-item__container {
	height: 32px;
	padding: 8px;
	display: flex;
	align-items: center;
	gap: 8px;
	border-radius: 6px;
}

.bx-im-market-show-more-popup-content-item__container:hover {
	background: var(--im-market-show-more-popup-content-item__background-color_item);
	cursor: pointer;
}

.bx-im-market-show-more-popup-content-item__icon-container {
	width: 32px;
	height: 32px;
	display: flex;
	justify-content: center;
	align-items: center;
	border-radius: 50%;
	flex-shrink: 0;
}

.bx-im-market-show-more-popup-content-item__icon-container i {
	color: var(--im-market-show-more-popup-content-item__color_icon);
}

.bx-im-market-show-more-popup-content-item__title-container {
	font: var(--im-font-size-md)/var(--im-font-line-height-2xs) var(--im-font-family-system);
	color: var(--im-market-show-more-popup-content-item__color_item-text);
	overflow: hidden;
}

.bx-im-market-show-more-popup-content-item__title-text {
	text-overflow: ellipsis;
	overflow: hidden;
	white-space: nowrap;
}
.bx-im-file-menu__scope {
	--im-file-popup__font_title: var(--im-font-size-sm)/var(--im-font-line-height-md) var(--im-font-family-system);
	--im-file-popup__font-color_title: var(--im-color-palette-black-base);
	--im-file-popup__font_create-item: var(--im-font-size-3xs)/var(--im-font-line-height-md) var(--im-font-family-helvetica);
	--im-file-popup__font-color_create-item: var(--im-color-palette-gray-60);
	--im-file-popup__font-color_create-item-hover: var(--im-color-palette-gray-80);
	--im-file-popup__background-color_separator: rgba(var(--im-color-palette-gray-90-rgb), 0.05);
	--im-file-popup__background-color_item-hover: var(--im-color-palette-gray-03);
}

.bx-im-file-menu__document-panel_container {
	width: 100%;
	display: flex;
	flex-direction: column;
	margin-top: 5px;
	cursor: pointer;
}

.bx-im-file-menu__document-panel_title {
	margin-left: 11px;
	font: var(--im-file-popup__font_title);
	font-weight: var(--im-font-weight-semi-bold);
	color: var(--im-file-popup__font-color_title);
	opacity: 0.3;
}

.bx-im-file-menu__document-panel_content {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
	padding: 12px 16px;
	opacity: 0.3;
}

.bx-im-file-menu__document-panel_item {
	display: flex;
	flex-direction: column;
	align-items: center;
	cursor: pointer;
}

.bx-im-file-menu__document-panel_item_title {
	font: var(--im-file-popup__font_create-item);
	color: var(--im-file-popup__font-color_create-item);
}

.bx-im-file-menu__file-input {
	display: none;
}

.bx-im-textarea__upload-menu-wrapper--muted {
	opacity: 0.5;
	pointer-events: none;
}

.bx-im-upload-preview-popup-preparing {
	display: flex;
	justify-content: center;
	min-height: 300px;
}

.bx-im-upload-preview-popup-preparing .bx-im-elements-spinner__spinner,
.bx-im-upload-preview-popup-preparing .bx-im-elements-loader__container {
	position: relative;
	top: -36px;
}

.bx-im-upload-preview__scope {
	--im-upload-preview__color_title: var(--im-color-palette-gray-90);
	--im-upload-preview__border-color_delimeter: #f1f2f3;
	--im-upload-preview__border-color_message-input: var(--im-color-palette-gray-10);
	--im-upload-preview__border-color_message-input-focused: var(--im-color-accent-blue);
	--bx-im-elements-dynamic-gallery__item-cursor: default;
}

.bx-im-upload-preview__container {
	display: flex;
	flex-direction: column;
	box-sizing: border-box;
	overflow: hidden;
	width: 400px;
	padding-bottom: 12px;
}

.bx-im-upload-preview__container * {
	box-sizing: border-box;
}

.bx-im-upload-preview__items-container {
	max-height: 505px;
	overflow: hidden scroll;
	display: flex;
	flex-direction: column;
	gap: 8px;
	margin: 0 6px 0 12px;
}

@media (max-height: 750px) {
	.bx-im-upload-preview__items-container {
		max-height: 400px;
	}
}

@media (max-height: 650px) {
	.bx-im-upload-preview__items-container {
		max-height: 300px;
	}
}

.bx-im-upload-preview__upper-delimiter {
	border-top: 1px solid var(--im-upload-preview__border-color_delimeter);
	margin: 5px 20px 11px
}

.bx-im-upload-preview__bottom-delimiter {
	border-bottom: 1px solid var(--im-upload-preview__border-color_delimeter);
	margin: 11px 20px 0;
}

.bx-im-upload-preview__control-form {
	display: flex;
	align-items: flex-end;
	margin-top: 23px;
}

.bx-im-upload-preview__control-compress-image + .bx-im-upload-preview__control-form {
	margin-top: 15px;
}

.bx-im-upload-preview__controls-container {
	display: flex;
	flex-direction: column;
	margin: 0 12px;
}

.bx-im-upload-preview__control-compress-image {
	display: inline-flex;
	align-items: center;
	margin: 23px 0 0 2px;
	font: var(--im-font-size-md) var(--im-font-family-system);
	color: var(--im-color-palette-gray-80);
	max-width: 360px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
}

.bx-im-upload-preview__control-compress-image-checkbox {
	margin-right: 8px;
	margin-bottom: 1px;
}

.bx-im-upload-preview__controls-buttons {
	display: flex;
	justify-content: center;
	margin-bottom: 23px;
}

.bx-im-upload-preview__container *::-webkit-scrollbar {
	width: 6px;
}

.bx-im-upload-preview__container *::-webkit-scrollbar-thumb {
	background-color: transparent;
	border-radius: 32px;
}

.bx-im-upload-preview__container *:hover::-webkit-scrollbar-thumb {
	background-color: rgb(82 92 105 / 20%);
	border-radius: 32px;
}

.bx-im-upload-preview__scope .popup-window-titlebar {
	height: 72px;
	padding-top: 5px;
}

.bx-im-upload-preview__scope .popup-window-titlebar-text {
	font-size: var(--ui-font-size-xl);
	font-weight: var(--im-font-weight-semi-bold);
	color: var(--im-upload-preview__color_title);
	width: 100%;
	padding-left: 20px;
	text-align: center;
}

.bx-im-upload-preview__container .bx-im-elements-spinner__spinner {
	margin-bottom: 0;
}

.bx-im-upload-preview__controls-buttons .bx-im-button__container + .bx-im-button__container {
	margin-left: 12px;
}

.bx-im-upload-preview__controls-files-limit-message {
	background-color: var(--ui-color-palette-orange-15);
	display: flex;
	align-items: center;
	color: var(--ui-color-palette-orange-90);
	font-size: var(--im-font-size-sm);
	padding: 4px 8px;
	margin-top: 24px;
	margin-bottom: 0;
	border-radius: var(--im-border-radius-xs);
}

.bx-im-upload-preview__controls-files-limit-message {
	margin-top: var(--ui-space-inline-2xs);
}

.bx-im-upload-preview__controls-files-limit-message::before {
	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='%23ffa900' fill-rule='evenodd' d='M19.4 11.7a7.7 7.7 0 1 1-15.4 0 7.7 7.7 0 0 1 15.4 0m-1.83 0a5.87 5.87 0 1 1-11.74 0 5.87 5.87 0 0 1 11.74 0m-4.785-3.287a1.221 1.221 0 1 1-2.442 0 1.221 1.221 0 0 1 2.442 0m-2.108 2.259h2.09v4.338h.578v.868H9.809v-.868h.646V11.5h-.646v-.828z' clip-rule='evenodd'/%3E%3C/svg%3E");
	display: inline-block;
	content: '';
	width: var(--ui-size-xl);
	height: var(--ui-size-xl);
	margin-right: var(--im-space-inline-2xs);
}

.bx-im-upload-preview__message-text {
	flex-grow: 1;
	font: var(--im-font-size-lg)/var(--im-font-line-height-3xs) var(--im-font-family-system);
	color: var(--im-textarea__font-color_primary);
	outline: none;
	resize: none;
	border: none;
	padding-left: 13px;
	padding-top: 10px;
	padding-right: 10px;
	margin-top: 3px;
	margin-right: 3px;
}

.bx-im-upload-preview__message-text:focus {
	border-color: var(--im-upload-preview__border-color_message-input-focused);
}

.bx-im-upload-preview__message-text__wrapper {
	display: flex;
	flex-grow: 1;
	position: relative;
	min-height: 46px;
	max-height: 232px;
	margin-right: 8px;
	border-radius: 8px;
	border: 1px solid var(--im-upload-preview__border-color_message-input);
	padding-bottom: 19px;
	overflow: hidden;
}

.bx-im-upload-preview__message-text__drag-handle {
	position: absolute;
	left: calc(50% - 8px);
	bottom: 1px;
	width: 17px;
	height: 10px;
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='3' fill='none' viewBox='0 0 17 3'%3E%3Crect width='14' height='1' x='1.5' fill='%23dfe0e3' rx='.5'/%3E%3Crect width='14' height='1' x='1.5' y='2' fill='%23dfe0e3' rx='.5'/%3E%3C/svg%3E");
	background-repeat: no-repeat;
	background-position: center;
	cursor: ns-resize;
}

.bx-im-upload-preview__message-text__drag-handle:hover {
	background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='17' height='3' fill='none' viewBox='0 0 17 3'%3E%3Crect width='14' height='1' x='1.5' fill='%23a8adb4' rx='.5'/%3E%3Crect width='14' height='1' x='1.5' y='2' fill='%23a8adb4' rx='.5'/%3E%3C/svg%3E");
}

.bx-im-upload-preview__message-text__counter {
	position: absolute;
	bottom: 4px;
	right: 17px;
	font-size: var(--ui-font-size-sm);
	color: var(--ui-color-palette-gray-50);
}

.bx-im-upload-preview-file-item__scope {
	--im-upload-preview-file-item__background-color_container: #f1f4f6;
	--im-upload-preview-file-item__background-color_error: #ffe8e8;
	--im-upload-preview-file-item__color_error-text: #959ca4;
	--im-upload-preview-file-item__color_file-name: var(--im-color-palette-black-base);
	--im-upload-preview-file-item__color_file-size: #858585;
	--im-upload-preview-file-item__border-color_file-icon: var(--im-color-palette-gray-10);
	--im-upload-preview-file-item__background_error-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='48' height='48' fill='none' viewBox='0 0 48 48'%3E%3Cpath fill='%23d5d7db' fill-rule='evenodd' d='M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24m2.03-37.749L38.35 30.77c.97 1.616-.202 3.655-2.06 3.655H11.652c-1.879 0-3.05-2.04-2.08-3.655L21.89 10.25c.929-1.575 3.19-1.575 4.14 0m-2.2 5.514a1.63 1.63 0 0 0-1.636 1.635v6.12a1.63 1.63 0 0 0 1.636 1.636h.222a1.63 1.63 0 0 0 1.636-1.636V17.4c0-.908-.727-1.635-1.636-1.635zm.121 15.57a2.07 2.07 0 0 0 2.06-2.06c0-1.13-.93-2.06-2.06-2.06a2.07 2.07 0 0 0-2.06 2.06c0 1.131.929 2.06 2.06 2.06' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center;
	--im-upload-preview-file-item__background-color_play-icon: rgb(0 0 0 / 50%);

	font-family: var(--im-font-family-system);
	line-height: var(--im-font-line-height-lg);

	position: relative;
	display: flex;

	transition: 200ms ease border;
	border-top: 1px transparent solid;
	border-bottom: 1px transparent solid;
	box-sizing: border-box;
}

.bx-im-upload-preview-file-item__scope.--dropzone-before {
	border-top: 1px red solid;
}

.bx-im-upload-preview-file-item__scope.--dropzone-after {
	border-bottom: 1px red solid;
}


.bx-im-upload-preview-file-item__drag {
	display: flex;
	align-items: center;
	cursor: move;
	-webkit-user-select: none;
	        user-select: none;
	margin-right: 3px;
}

.bx-im-upload-preview-file-item__drag-icon {
	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='%23c9ccd0' d='M9.214 16.164a1.194 1.194 0 1 1 0 2.387 1.194 1.194 0 0 1 0-2.387m5.572 0a1.193 1.193 0 1 1-.002 2.387 1.193 1.193 0 0 1 .002-2.387m-5.572 1.1a.093.093 0 0 0-.093.093.093.093 0 0 0 .187 0 .094.094 0 0 0-.094-.092m5.572 0a.094.094 0 0 0-.094.093.093.093 0 0 0 .187 0 .093.093 0 0 0-.093-.092M9.214 10.81a1.193 1.193 0 1 1 0 2.385 1.193 1.193 0 0 1 0-2.385m5.572 0a1.193 1.193 0 1 1 0 2.385 1.193 1.193 0 0 1 0-2.385m-5.572 1.1a.093.093 0 0 0-.094.09.093.093 0 0 0 .187 0 .094.094 0 0 0-.094-.093m5.572 0a.094.094 0 0 0-.094.092.093.093 0 0 0 .187 0 .093.093 0 0 0-.093-.093M9.214 5.45a1.193 1.193 0 1 1 0 2.386 1.193 1.193 0 0 1 0-2.386m5.572 0a1.193 1.193 0 1 1 0 2.385 1.193 1.193 0 0 1 0-2.385m-5.572 1.1a.093.093 0 0 0-.093.093.093.093 0 0 0 .187 0 .094.094 0 0 0-.094-.093m5.572 0a.094.094 0 0 0-.094.093c0 .05.043.092.094.092a.093.093 0 0 0 .093-.092.093.093 0 0 0-.093-.093'/%3E%3C/svg%3E");
	width: 24px;
	height: 24px;
}

.bx-im-upload-preview-file-item__item-error {
	background-color: var(--im-upload-preview-file-item__background-color_container);
	width: 100%;
	height: 57px;
	display: flex;
	align-items: center;
	border-radius: 6px;
}

.bx-im-upload-preview-file-item__item-error-icon {
	width: 48px;
	height: 48px;
	background: var(--im-upload-preview-file-item__background_error-icon);
	margin-left: 8px;
}

.bx-im-upload-preview-file-item__item-error-text {
	font-size: var(--im-font-size-xs);
	color: var(--im-upload-preview-file-item__color_error-text);
	max-width: 197px;
	margin-left: 12px;
}

.bx-im-upload-preview-file-item__file-container {
	display: flex;
	gap: 8px;
	height: 56px;
	padding-top: 6px;
	cursor: pointer;
}

.bx-im-upload-preview-file-item__icon {
	display: flex;
	justify-content: center;
	align-items: center;
	width: 40px;
	height: 40px;
	flex-shrink: 0;
}

.bx-im-upload-preview-file-item__info {
	display: flex;
	flex-direction: column;
	justify-content: flex-start;
	gap: 2px;
	overflow: hidden;
}

.bx-im-upload-preview-file-item__name {
	font-size: var(--im-font-size-md);
	font-weight: var(--im-font-weight-medium);
	line-height: var(--ui-font-line-height-3xs);
	color: var(--im-color-palette-black-base);
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.bx-im-upload-preview-file-item__size {
	font-size: var(--ui-font-size-xs);
	line-height: var(--ui-font-line-height-2xs);
	color: rgba(var(--im-color-palette-gray-90-rgb), 0.5);
}

.bx-im-upload-preview-file-item__remove {
	display: flex;
	align-items: center;
	justify-content: center;
	position: absolute;
	top: 7px;
	right: -3px;
	width: 32px;
	height: 32px;
	border-radius: 50%;
	transition: opacity 200ms ease;
	opacity: 0;
	cursor: pointer;
}

.bx-im-upload-preview-file-item__item-error + .bx-im-upload-preview-file-item__remove {
	top: 11px;
	right: 3px;
}

.bx-im-upload-preview-file-item__remove-icon {
	width: 22px;
	height: 22px;
	background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='28' height='28' fill='none' viewBox='0 0 28 28'%3E%3Cpath fill='%23525c69' fill-opacity='.4' fill-rule='evenodd' d='M18.596 7.898h3.069v.012c.385 0 .7.315.7.7s-.315.7-.7.7H6.533a.7.7 0 0 1-.7-.7c0-.385.315-.7.7-.7h3.045l.397-2.007a3.025 3.025 0 0 1 2.975-2.438h2.228c1.423 0 2.66.992 2.963 2.38zm-7.245-1.726-.315 1.575v.011h6.09l-.35-1.61a1.636 1.636 0 0 0-1.598-1.283H12.95c-.77 0-1.447.548-1.599 1.307' clip-rule='evenodd'/%3E%3Cpath fill='%23525c69' fill-opacity='.4' d='M12.086 20.616c.385 0 .7-.316.7-.7v-5.134c0-.385-.315-.7-.7-.7s-.7.315-.7.7v5.134c0 .384.315.7.7.7m4.469-.7c0 .384-.315.7-.7.7a.7.7 0 0 1-.7-.7v-5.134c0-.385.315-.7.7-.7s.7.315.7.7z'/%3E%3Cpath fill='%23525c69' fill-opacity='.4' fill-rule='evenodd' d='M7.525 10.5H20.37c.712 0 1.26.63 1.155 1.33l-1.54 10.535a2.336 2.336 0 0 1-2.31 1.995h-7.583a2.33 2.33 0 0 1-2.31-2.018L6.37 11.819A1.16 1.16 0 0 1 7.525 10.5m10.15 12.46a.93.93 0 0 0 .922-.793h.011L20.102 11.9H7.793L9.17 22.155a.93.93 0 0 0 .922.805z' clip-rule='evenodd'/%3E%3C/svg%3E") no-repeat center;
	transition: opacity 200ms ease;
	opacity: .8;
}

.bx-im-upload-preview-file-item__scope:hover .bx-im-upload-preview-file-item__remove,
.bx-im-upload-preview-file-item__remove:hover .bx-im-upload-preview-file-item__remove-icon {
	opacity: 1;
}

.bx-im-upload-preview-file-item__preview {
	background-position: center;
	background-repeat: no-repeat;
	background-size: cover;
	width: 100%;
	height: 100%;
	border-radius: 8px;
}