| Server IP : 80.87.202.40 / Your IP : 216.73.216.169 Web Server : Apache System : Linux rospirotorg.ru 5.14.0-539.el9.x86_64 #1 SMP PREEMPT_DYNAMIC Thu Dec 5 22:26:13 UTC 2024 x86_64 User : bitrix ( 600) PHP Version : 8.2.27 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : OFF | Sudo : ON | Pkexec : ON Directory : /home/bitrix/ext_www/cvetdv.ru/bitrix/js/im/v2/component/textarea/dist/ |
Upload File : |
.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: var(--im-color-accent-blue);
--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%;
}
.bx-im-content-chat__container.--center-align .bx-im-send-panel__container {
max-width: var(--im-content-chat__max-width_textarea_container);
padding: 0 3px 0 9px;
}
.bx-im-content-chat__container.--left-align .bx-im-send-panel__container {
max-width: 100%;
padding: 0 33px 0;
}
.bx-im-send-panel__container > div {
z-index: 90;
}
.bx-im-textarea__container {
width: 100%;
height: 100%;
margin-right: 12px;
padding-bottom: 11px;
box-shadow: 0 1px 1px rgba(0, 0, 0, .1);
background-color: var(--im-textarea__background-color);
border-radius: var(--im-border-radius-sm);
position: relative;
overflow: hidden;
}
.bx-im-textarea__content {
width: 100%;
display: flex;
align-items: end;
padding: 11px 10px 0;
}
.bx-im-textarea__left {
display: flex;
flex-grow: 1;
}
.bx-im-textarea__icon-container {
display: flex;
flex-shrink: 0;
flex-grow: 0;
}
.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__right {
display: flex;
flex-grow: 0;
flex-shrink: 0;
}
.bx-im-textarea__action-panel {
display: flex;
gap: 4px;
justify-content: flex-end;
width: 100%;
margin-right: 2px;
}
.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 width='17' height='3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.5' width='14' height='1' rx='.5' fill='%23DFE0E3'/%3E%3Crect x='1.5' y='2' width='14' height='1' rx='.5' fill='%23DFE0E3'/%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 width='17' height='3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.5' width='14' height='1' rx='.5' fill='%23a8adb4'/%3E%3Crect x='1.5' y='2' width='14' height='1' rx='.5' fill='%23a8adb4'/%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 width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.608 7.692a.328.328 0 010 .464l-.858.858a.327.327 0 01-.463 0l-5.05-5.056a3.743 3.743 0 00-5.282 0 3.753 3.753 0 000 5.288l6.195 6.203c.911.912 2.39.912 3.302 0a2.34 2.34 0 000-3.305l-5.536-5.542a.924.924 0 00-1.32 0 .926.926 0 000 1.322l4.39 4.395a.328.328 0 010 .464l-.858.858a.327.327 0 01-.463 0l-4.39-4.395a2.803 2.803 0 010-3.966 2.795 2.795 0 013.962 0l5.535 5.542a4.217 4.217 0 010 5.949 4.205 4.205 0 01-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 0l5.05 5.056z' fill='%23BDC1C6'/%3E%3C/svg%3E");
}
.bx-im-textarea__icon.--upload.--active {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='22' height='22' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.608 7.692a.328.328 0 010 .464l-.858.858a.327.327 0 01-.463 0l-5.05-5.056a3.743 3.743 0 00-5.282 0 3.753 3.753 0 000 5.288l6.195 6.203c.911.912 2.39.912 3.302 0a2.34 2.34 0 000-3.305l-5.536-5.542a.924.924 0 00-1.32 0 .926.926 0 000 1.322l4.39 4.395a.328.328 0 010 .464l-.858.858a.327.327 0 01-.463 0l-4.39-4.395a2.803 2.803 0 010-3.966 2.795 2.795 0 013.962 0l5.535 5.542a4.217 4.217 0 010 5.949 4.205 4.205 0 01-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 0l5.05 5.056z' fill='%2300ace3'/%3E%3C/svg%3E");
}
.bx-im-textarea__icon.--market {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.667 7.83a1.09 1.09 0 00-.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.09 1.09 0 00-.8 0L5.667 7.83zm6.737-.908a1.09 1.09 0 00-.803 0L6.51 8.934l5.092 2.014c.258.102.544.102.801 0l5.088-2.007-5.087-2.019z' fill='%23BDC1C6'/%3E%3C/svg%3E");
}
.bx-im-textarea__icon.--market.--active {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.667 7.83a1.09 1.09 0 00-.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 00.693-1.016V8.845c0-.448-.274-.85-.69-1.015L12.4 5.49a1.09 1.09 0 00-.8 0L5.667 7.83zm6.737-.908a1.09 1.09 0 00-.803 0L6.509 8.933l5.093 2.014c.257.101.544.101.801 0l5.088-2.007-5.087-2.02z' fill='%2311A9D9'/%3E%3C/svg%3E");
}
.bx-im-textarea__icon.--smile {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 18.955a6.954 6.954 0 100-13.909 6.954 6.954 0 000 13.909zm0 1.708a8.663 8.663 0 110-17.326 8.663 8.663 0 010 17.326zM8.901 9.606a1.08 1.08 0 012.161 0v1.08a1.08 1.08 0 11-2.16 0v-1.08zm5.156-1.08a1.08 1.08 0 00-1.08 1.08v1.08a1.08 1.08 0 002.16 0v-1.08a1.08 1.08 0 00-1.08-1.08zm-5.624 5.26a.6.6 0 01.053-.074.472.472 0 01.74-.011c.121.137.248.265.38.384.727.431 1.612.67 2.545.67.933 0 1.818-.239 2.544-.67a4.52 4.52 0 00.393-.4.472.472 0 01.74.008.598.598 0 01.06.085l.009.007c.206.167.203.672-.007.837-.152.12-.313.244-.482.367-.75.7-1.653 1.147-2.618 1.284-.21.04-.423.061-.639.061-.212 0-.423-.02-.63-.06-.973-.136-1.882-.587-2.638-1.295-.158-.116-.31-.232-.454-.344-.211-.164-.216-.67-.01-.837a.45.45 0 01.014-.011z' fill='%23BDC1C6'/%3E%3C/svg%3E");
}
.bx-im-textarea__icon.--smile.--active {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12 18.955a6.954 6.954 0 100-13.909 6.954 6.954 0 000 13.909zm0 1.708a8.663 8.663 0 110-17.326 8.663 8.663 0 010 17.326zM8.901 9.606a1.08 1.08 0 012.161 0v1.08a1.08 1.08 0 11-2.16 0v-1.08zm5.156-1.08a1.08 1.08 0 00-1.08 1.08v1.08a1.08 1.08 0 002.16 0v-1.08a1.08 1.08 0 00-1.08-1.08zm-5.624 5.26a.6.6 0 01.053-.074.472.472 0 01.74-.011c.121.137.248.265.38.384.727.431 1.612.67 2.545.67.933 0 1.818-.239 2.544-.67a4.52 4.52 0 00.393-.4.472.472 0 01.74.008.598.598 0 01.06.085l.009.007c.206.167.203.672-.007.837-.152.12-.313.244-.482.367-.75.7-1.653 1.147-2.618 1.284-.21.04-.423.061-.639.061-.212 0-.423-.02-.63-.06-.973-.136-1.882-.587-2.638-1.295-.158-.116-.31-.232-.454-.344-.211-.164-.216-.67-.01-.837a.45.45 0 01.014-.011z' fill='%2311A9D9'/%3E%3C/svg%3E");
}
.bx-im-send-panel__button_container {
flex-shrink: 0;
width: 44px;
height: 44px;
background-color: var(--im-textarea__background-color_send-button);
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.79' d='M7.785 8.156l1.852 7.867a1 1 0 01-.003.469l-1.823 7.393c-.305 1.236.97 2.266 2.114 1.707l16.422-8.017c1.11-.543 1.125-2.12.025-2.684L9.929 6.477c-1.138-.583-2.436.434-2.144 1.679z' fill='%23fff'/%3E%3Cpath d='M9.925 25.593l16.422-8.018c.556-.272.837-.803.842-1.336H9.663a1 1 0 01-.029.253l-1.823 7.393c-.305 1.236.97 2.266 2.114 1.707z' fill='%23fff'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
border-radius: 50%;
cursor: pointer;
}
.bx-im-send-panel__button_container.--edit {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.168 22.22a.3.3 0 01-.42 0l-6.91-6.734a.4.4 0 010-.573l2.022-1.97a.4.4 0 01.558 0l4.54 4.424L21.582 7.013a.4.4 0 01.559 0l2.021 1.97a.4.4 0 010 .573L11.168 22.221z' fill='%23fff'/%3E%3C/svg%3E");
}
.bx-im-send-panel__button_container.--disabled {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg opacity='.6' fill='%23fff'%3E%3Cpath opacity='.79' d='M7.785 8.156l1.852 7.867a1 1 0 01-.003.469l-1.823 7.393c-.305 1.236.97 2.266 2.114 1.707l16.422-8.017c1.11-.543 1.125-2.12.025-2.684L9.929 6.477c-1.138-.583-2.436.434-2.144 1.679z'/%3E%3Cpath d='M9.925 25.593l16.422-8.018c.556-.272.837-.803.842-1.336H9.663a1 1 0 01-.029.253l-1.823 7.393c-.305 1.236.97 2.266 2.114 1.707z'/%3E%3C/g%3E%3C/svg%3E");
}
.bx-im-send-panel__button_container.--channel,
.bx-im-send-panel__button_container.--openChannel,
.bx-im-send-panel__button_container.--generalChannel {
background-color: var(--im-textarea__background-color_send-button-channel);
}
.bx-im-copilot-audio-input__container {
width: 24px;
height: 24px;
display: flex;
align-self: flex-end;
margin-right: 4px;
margin-left: 14px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.993 2.833a3.368 3.368 0 00-3.368 3.368v5.404a3.368 3.368 0 106.737 0V6.201a3.368 3.368 0 00-3.369-3.368zm1.969 8.772V6.201a1.968 1.968 0 10-3.937 0v5.404a1.968 1.968 0 003.937 0zm-7.946-.6a.7.7 0 01.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 011.399-.068c.13 2.68-2.008 6.301-6 6.687v1.505h1.68a.7.7 0 110 1.4H9.617a.7.7 0 110-1.4h1.678v-1.503c-4.003-.377-6.053-3.99-5.995-6.672a.7.7 0 01.715-.685z' fill='%23BDC1C6'/%3E%3C/svg%3E");
background-size: cover;
cursor: pointer;
}
.bx-im-copilot-audio-input__container:hover {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.993 2.833a3.368 3.368 0 00-3.368 3.368v5.404a3.368 3.368 0 106.737 0V6.201a3.368 3.368 0 00-3.369-3.368zm1.969 8.772V6.201a1.968 1.968 0 10-3.937 0v5.404a1.968 1.968 0 003.937 0zm-7.946-.6a.7.7 0 01.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 011.399-.068c.13 2.68-2.008 6.301-6 6.687v1.505h1.68a.7.7 0 110 1.4H9.617a.7.7 0 110-1.4h1.678v-1.503c-4.003-.377-6.053-3.99-5.995-6.672a.7.7 0 01.715-.685z' fill='%23A8ADB4'/%3E%3C/svg%3E");
}
.bx-im-copilot-audio-input__container.--active {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23E5F9FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.125 8.625a1.5 1.5 0 011.5-1.5h6.752a1.5 1.5 0 011.5 1.5v6.752a1.5 1.5 0 01-1.5 1.5H8.625a1.5 1.5 0 01-1.5-1.5V8.625zm1.5-.45h6.752a.45.45 0 01.45.45v6.752a.45.45 0 01-.45.45H8.625a.45.45 0 01-.45-.45V8.625a.45.45 0 01.45-.45z' fill='%2300ACE3'/%3E%3C/svg%3E");
}
.bx-im-copilot-audio-input__container.--active:hover {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect width='24' height='24' rx='12' fill='%23D3F4FF'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.125 8.625a1.5 1.5 0 011.5-1.5h6.752a1.5 1.5 0 011.5 1.5v6.752a1.5 1.5 0 01-1.5 1.5H8.625a1.5 1.5 0 01-1.5-1.5V8.625zm1.5-.45h6.752a.45.45 0 01.45.45v6.752a.45.45 0 01-.45.45H8.625a.45.45 0 01-.45-.45V8.625a.45.45 0 01.45-.45z' fill='%2311A9D9'/%3E%3C/svg%3E");
}
.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-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-smile-popup__scope {
--im-textarea-smile-popup__border-bottom-color_container: #e4eaed;
}
.bx-im-smile-popup__container {
overflow: hidden;
width: 320px;
height: 380px;
}
.bx-im-smile-popup__tabs-container {
height: 48px;
border-radius: 10px 10px 0 0;
border-bottom: 1px solid var(--im-textarea-smile-popup__border-bottom-color_container);
overflow: hidden;
}
.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);
--im-textarea__background-color_send-button: var(--im-color-accent-blue);
}
.bx-im-upload-preview__container {
display: flex;
flex-direction: column;
box-sizing: border-box;
overflow: hidden;
width: 400px;
}
.bx-im-upload-preview__container * {
box-sizing: border-box;
}
.bx-im-upload-preview__items-container {
max-height: 361px;
overflow: hidden scroll;
display: flex;
flex-direction: column;
gap: 8px;
margin: 0 6px 0 12px;
}
.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;
margin-bottom: 3px;
}
.bx-im-upload-preview__control-compress-image + .bx-im-upload-preview__control-form {
margin-top: 15px;
}
.bx-im-upload-preview__controls-files-limit-message {
margin-top: 24px;
margin-bottom: 0;
}
.bx-im-upload-preview__message-text {
flex-grow: 1;
height: 46px;
min-height: 46px;
max-height: 208px;
border-radius: 8px;
border: 1px solid var(--im-upload-preview__border-color_message-input);
padding: 13px;
margin-right: 8px;
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;
}
.bx-im-upload-preview__message-text:focus {
border-color: var(--im-upload-preview__border-color_message-input-focused);
}
.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__drag-handle {
margin: 0 auto;
width: 17px;
height: 10px;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.5' width='14' height='1' rx='.5' fill='%23DFE0E3'/%3E%3Crect x='1.5' y='2' width='14' height='1' rx='.5' fill='%23DFE0E3'/%3E%3C/svg%3E");
background-repeat: no-repeat;
background-position: center;
cursor: ns-resize;
}
.bx-im-upload-preview__drag-handle:hover {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='17' height='3' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.5' width='14' height='1' rx='.5' fill='%23a8adb4'/%3E%3Crect x='1.5' y='2' width='14' height='1' rx='.5' fill='%23a8adb4'/%3E%3C/svg%3E");
}
.bx-im-upload-preview__container .bx-im-send-panel__button_container.--channel,
.bx-im-upload-preview__container .bx-im-send-panel__button_container.--openChannel,
.bx-im-upload-preview__container .bx-im-send-panel__button_container.--generalChannel {
background-color: var(--im-textarea__background-color_send-button);
}
.bx-im-upload-preview__container .bx-im-message-media-content__single-image {
min-height: 344px;
}
.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;
border-radius: var(--im-border-radius-xs);
}
.bx-im-upload-preview__controls-files-limit-message::before {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.4 11.7a7.7 7.7 0 11-15.4 0 7.7 7.7 0 0115.4 0zm-1.83 0a5.87 5.87 0 11-11.74 0 5.87 5.87 0 0111.74 0zm-4.785-3.287a1.221 1.221 0 11-2.442 0 1.221 1.221 0 012.442 0zm-2.108 2.259h2.09v4.338h.578v.868H9.809v-.868h.646V11.5h-.646v-.828h.868z' fill='%23FFA900'/%3E%3C/svg%3E");
display: inline-block;
content: '';
width: 24px;
height: 24px;
margin-right: var(--im-space-inline-2xs);
}
.bx-im-upload-preview__container .bx-im-elements-media-gallery__single-file .bx-im-elements-media-gallery-image-item__container {
min-height: 340px;
}
.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-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 width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.295 20.874l-3.547.813a.362.362 0 01-.434-.434l.813-3.547 3.168 3.168zM22.83 7.654a.483.483 0 010 .683l-11.36 11.458-3.168-3.167 11.36-11.459a.483.483 0 01.684 0l2.484 2.484z' fill='%232FC6F6'/%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 width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.18 6.53a1.95 1.95 0 011.95 1.951v5.59c0 1.163-.126 1.834-.378 2.86-.252 1.027-.64 1.928-1.162 2.702a5.946 5.946 0 01-2.005 1.86c-.764.436-1.647.668-2.65.694-.065.002-.197.094-.197-.177v-2.377c0-.34.15-.35.223-.355.559-.033 1.027-.196 1.404-.487a3.72 3.72 0 001.046-1.308 5.946 5.946 0 00.552-1.83c.097-.678.145-.923.145-1.582h-2.56a1.95 1.95 0 01-1.95-1.95v-3.64a1.95 1.95 0 011.95-1.95h3.631zm9.007 0a1.95 1.95 0 011.95 1.951v5.59c0 1.163-.125 1.834-.377 2.86-.252 1.027-.64 1.928-1.162 2.702a5.946 5.946 0 01-2.005 1.86c-.764.436-1.647.668-2.65.694-.065.002-.197.094-.197-.177v-2.377c0-.34.15-.35.223-.355.559-.033 1.027-.196 1.404-.487a3.72 3.72 0 001.046-1.308 5.943 5.943 0 00.552-1.83c.097-.678.145-.923.145-1.582h-2.56a1.95 1.95 0 01-1.95-1.95v-3.64a1.95 1.95 0 011.95-1.95h3.631z' fill='%232FC6F6'/%3E%3C/svg%3E");
}
.bx-im-message-panel__icon.--forward {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.124 5.907a.35.35 0 00-.584.26v3.931a.342.342 0 00-.13-.02c-7.714.218-10.1 7.555-10.734 10.393-.075.336.334.542.583.305 1.625-1.546 5.58-4.795 10.143-4.796a.37.37 0 00.138-.027v4.57a.35.35 0 00.584.26L24 13.694a.467.467 0 000-.694l-7.876-7.092z' fill='%232FC6F6'/%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: 7px;
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 width='20' height='20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-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.75H3.636zM8.48 6.109a.505.505 0 00-.797.412v6.504c0 .41.462.649.797.412l4.584-3.252a.505.505 0 000-.824L8.479 6.109z' fill='%23C9CCD0'/%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;
}
.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 width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.663 12l3.89 3.891a.6.6 0 010 .848l-.814.815a.6.6 0 01-.848 0l-3.89-3.89-3.891 3.89a.6.6 0 01-.849 0l-.814-.814a.6.6 0 010-.849l3.89-3.89-3.89-3.891a.6.6 0 010-.849l.814-.814a.6.6 0 01.849 0l3.89 3.89 3.891-3.89a.6.6 0 01.848 0l.815.814a.6.6 0 010 .849L13.664 12z' fill='%23525C69'/%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_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 width='103' height='68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_7990_717214)'%3E%3Cg clip-path='url(%23clip1_7990_717214)'%3E%3Cg clip-path='url(%23clip2_7990_717214)' fill-rule='evenodd' clip-rule='evenodd'%3E%3Cpath opacity='.6' d='M71.413 77.432H-8.24c-.67 0-1.335-.025-1.994-.075-17.713-.416-31.947-15.338-31.948-33.684.006-8.942 3.459-17.515 9.6-23.834a32.66 32.66 0 0110.92-7.428c-.068-.91-.103-1.829-.103-2.757.006-9.435 3.65-18.481 10.13-25.149 6.48-6.667 15.265-10.41 24.424-10.404 11.732.015 24.644 6.059 30.869 15.283a27.467 27.467 0 019.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.709 32.119-29.933 32.112-.604 0-1.204-.019-1.8-.054z' fill='%23C3F0FF'/%3E%3Cpath opacity='.3' 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.233 0 1.234-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-.076zM90 25.068c0-.996-.878-1.803-1.962-1.803-.787 0-1.462.43-1.774 1.046a2.487 2.487 0 00-.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.69 0 .934.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-.057z' fill='%23fff'/%3E%3C/g%3E%3Cg opacity='.8' filter='url(%23filter0_d_7990_717214)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M67.285 64.494H24.94c-.363 0-.722-.013-1.078-.038-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.197 17.197 0 01-.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.058-.327 0-.65-.009-.972-.026z' fill='url(%23paint0_linear_7990_717214)' shape-rendering='crispEdges'/%3E%3C/g%3E%3Cg filter='url(%23filter1_d_7990_717214)'%3E%3Cpath 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.35V8.094z' fill='%23fff'/%3E%3C/g%3E%3Cpath d='M49.471 11.748c0-2.341-1.915-4.226-4.262-4.226-2.346 0-4.262 1.885-4.262 4.226s1.916 4.226 4.262 4.226c2.347 0 4.262-1.885 4.262-4.226z' fill='%23FF706B' stroke='%23fff' stroke-width='1.5'/%3E%3Cpath 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.226c2.346 0 4.262-1.885 4.262-4.226z' fill='%23FFA900' stroke='%23fff' stroke-width='1.5'/%3E%3Cpath d='M39.255 11.748c0-2.341-1.916-4.226-4.263-4.226-2.346 0-4.261 1.885-4.261 4.226s1.915 4.226 4.261 4.226c2.347 0 4.263-1.885 4.263-4.226z' fill='%239DCF00' stroke='%23fff' stroke-width='1.5'/%3E%3Cpath d='M34.147 11.748c0-2.341-1.915-4.226-4.262-4.226-2.347 0-4.262 1.885-4.262 4.226s1.915 4.226 4.262 4.226c2.347 0 4.262-1.885 4.262-4.226z' fill='%232FC6F6' stroke='%23fff' stroke-width='1.5'/%3E%3Crect opacity='.4' x='52.553' y='10.8' width='11.494' height='1.896' rx='.948' fill='%23A8ADB4'/%3E%3Cg filter='url(%23filter2_d_7990_717214)'%3E%3Cellipse cx='46.168' cy='40.504' rx='19.157' ry='18.96' fill='%23fff'/%3E%3C/g%3E%3Cpath fill-rule='evenodd' clip-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 01-1.384-1.37v-5.477c0-.756.62-1.37 1.384-1.37zm0 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 01-1.384-1.37v-5.477c0-.757.62-1.37 1.384-1.37zm11.76-8.9v4.108h4.15v-4.109h-4.15zm-.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 01-1.383-1.37v-5.477c0-.756.62-1.37 1.383-1.37zm0 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 01-1.383-1.37v-5.477c0-.757.62-1.37 1.383-1.37z' fill='%2300ACE3' opacity='.8'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_7990_717214'%3E%3Cpath fill='%23fff' d='M0 0h103v68H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip1_7990_717214'%3E%3Cpath fill='%23fff' transform='translate(-3 -5)' d='M0 0h106v79H0z'/%3E%3C/clipPath%3E%3CclipPath id='clip2_7990_717214'%3E%3Cpath fill='%23fff' transform='translate(-42.59 -26.488)' d='M0 0h146.229v104.28H0z'/%3E%3C/clipPath%3E%3Cfilter id='filter0_d_7990_717214' x='3.217' y='10.696' width='85.904' height='59.824' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%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='filter1_d_7990_717214' x='18.65' y='2.913' width='54.398' height='21.068' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%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='filter2_d_7990_717214' x='19.937' y='16.828' width='52.461' height='52.069' filterUnits='userSpaceOnUse' color-interpolation-filters='sRGB'%3E%3CfeFlood flood-opacity='0' result='BackgroundImageFix'/%3E%3CfeColorMatrix in='SourceAlpha' values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 127 0' result='hardAlpha'/%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='paint0_linear_7990_717214' x1='45.86' y1='22.494' x2='45.86' 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(--im-font-size-xs)/var(--im-font-line-height-2xs) var(--im-font-family-system);
font-weight: var(--im-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(--im-font-size-lg)/var(--im-font-line-height-2xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-medium);
color: var(--im-market-apps-panel__color_empty-state-text);
}
.bx-im-smiles-content__scope {
--im-smiles-content__max-size_smile: 115px;
--im-smiles-content__min-size_smile: 28px;
--im-smiles-content__size_emoji: 28px;
--im-smiles-content__image-size_set: 28px;
--im-smiles-content__background-color_scroll: rgba(82, 92, 105, .3);
--im-smiles-content__background-color_scroll-hover: rgba(82, 92, 105, .5);
--im-smiles-content__background-color_scroll-active: rgba(82, 92, 105, .8);
--im-smiles-content__font_primary: var(--im-font-size-md)/var(--im-font-line-height-reset) var(--im-font-family-system);
--im-smiles-content__font-color_primary: var(--im-color-palette-gray-90);
--im-smiles-content__font_placeholder: var(--im-font-size-md)/var(--im-font-line-height-reset) var(--im-messenger__font_helvetica);
--im-smiles-content__font-color_placeholder: var(--im-color-palette-gray-40);
--im-smiles-content__border-color_active-input: #00ace3;
}
.bx-im-smiles-content__smiles-box {
box-sizing: border-box;
height: 281px;
overflow-y: auto;
padding: 10px;
scrollbar-width: thin;
}
.bx-im-smiles-content-popup__loader {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
.bx-im-smiles-content__smiles-box::-webkit-scrollbar {
width: 6px;
}
.bx-im-smiles-content__smiles-box::-webkit-scrollbar-thumb {
background: var(--im-smiles-content__background-color_scroll);
border-radius: 32px;
}
.bx-im-smiles-content__smiles-box::-webkit-scrollbar-thumb:hover {
background: var(--im-smiles-content__background-color_scroll-hover);
}
.bx-im-smiles-content__smiles-box::-webkit-scrollbar-thumb:active {
background: var(--im-smiles-content__background-color_scroll-active);
}
.bx-im-smiles-content__smiles-box_smile {
cursor: pointer;
max-width: var(--im-smiles-content__max-size_smile);
max-height: var(--im-smiles-content__max-size_smile);
min-width: var(--im-smiles-content__min-size_smile);
min-height: var(--im-smiles-content__min-size_smile);
margin: 10px;
object-fit: contain;
}
.bx-im-smiles-content__smiles-box_category {
font: var(--im-font-size-xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
}
.bx-im-smiles-content__smiles-box_category-title {
color: var(--im-color-palette-gray-70);
margin: 5px 0 0 0;
padding-left: 10px;
}
.bx-im-smiles-content__smiles-box_category-emoji {
cursor: pointer;
display: inline-block;
font-size: var(--im-smiles-content__size_emoji);
margin: 7px;
text-align: center;
width: calc(100%/6 - 14px);
}
.bx-im-smiles-content__sets {
background-color: var(--im-color-palette-gray-04);
border-radius: 0 0 10px 10px;
padding: 4px 0 0 19px;
-webkit-user-select: none;
user-select: none;
}
.bx-im-smiles-content__sets_set {
cursor: pointer;
display: inline-block;
margin-right: 7px;
padding: 0 3px 10px 3px;
position: relative;
}
.bx-im-smiles-content__sets_set.--selected:after {
background: #00ADE3;
border-radius: 2px 2px 0 0;
height: 3px;
content: '';
bottom: 0;
left: 0;
right: 0;
position: absolute;
}
.bx-im-smiles-content__sets_set.--emoji {
font-size: var(--im-smiles-content__size_emoji);
line-height: 36px;
}
.bx-im-smiles-content__sets_set.--img {
vertical-align: bottom;
}
.bx-im-smiles-content__sets_set.--img img {
object-fit: contain;
height: var(--im-smiles-content__image-size_set);
width: var(--im-smiles-content__image-size_set);
}
.bx-im-smile-popup-giphy-content__search-icon {
position: absolute;
width: 20px;
height: 20px;
left: 14px;
top: 8px;
background-image: url('../../../../../elements/src/search-input/images/search.svg');
background-position: center;
background-repeat: no-repeat;
background-size: cover;
}
.bx-im-smile-popup-giphy-content__input {
width: 100%;
height: 100%;
padding: 8px 34px 8px 38px;
background-color: rgb(82 92 105 / 5%);
border-radius: 80px;
font: var(--im-smiles-content__font_primary);
font-weight: var(--im-font-weight-normal);
color: var(--im-smiles-content__font-color_primary);
border: 1px solid transparent;
outline: none;
}
.bx-im-smile-popup-giphy-content__input::placeholder {
opacity: 1;
color: var(--im-smiles-content__font-color_primary);
}
.bx-im-smile-popup-giphy-content__input::placeholder {
font: var(--im-smiles-content__font_placeholder);
font-weight: var(--im-font-weight-normal);
color: var(--im-smiles-content__font-color_placeholder);
}
.bx-im-smile-popup-giphy-content__input:active,
.bx-im-smile-popup-giphy-content__input:focus {
border-color: var(--im-smiles-content__border-color_active-input)
}
.bx-im-smile-popup-search-input__container {
height: var(--im-messenger__search-input_height);
min-height: var(--im-messenger__search-input_height);
position: relative;
margin: 18px 10px 10px 10px;
width: calc(100% - 20px);
}
.bx-im-smile-popup-search-input__element {
box-sizing: border-box;
}
.bx-im-smile-popup-search-input__clear {
border-radius: 100%;
width: 14px;
height: 14px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.417 14.667A7.083 7.083 0 107.417.5a7.083 7.083 0 000 14.167zm-.059-8.213l1.823-1.823c.248-.248.745-.248 1.077 0 .331.332.331.746 0 1.077L8.435 7.531l1.823 1.823c.331.331.331.745 0 1.077-.332.331-.746.331-1.077 0L7.358 8.608l-1.822 1.823c-.332.331-.746.331-1.077 0-.332-.332-.332-.746 0-1.077L6.28 7.53 4.46 5.708c-.332-.331-.332-.745 0-1.077.331-.331.745-.331 1.077 0l1.822 1.823z' fill='%23BDC1C6'/%3E%3C/svg%3E") no-repeat center;
background-size: cover;
position: absolute;
right: 14px;
top: 10px;
cursor: pointer;
}
.bx-im-smile-popup-search-input__loader {
position: absolute;
right: 14px;
top: 10px;
box-sizing: border-box;
}
.bx-im-smiles-content__gifs-box {
padding-top: 0;
height: 269px;
}
.bx-im-smiles-content__gifs-box.--is-error {
padding-top: 60px;
text-align: center;
}
.bx-im-smiles-content__gifs-item {
position: relative;
max-height: 196px;
margin-bottom: 4px;
cursor: pointer;
}
.bx-im-smiles-content__gifs-item_img {
width: 100%;
object-fit: cover;
height: 100%;
max-height: 194px;
object-position: top;
transition: all .4s ease;
}
.bx-im-smiles-content__gifs-item__img.bx-lazyload-loading {
filter: blur(5px);
}
.bx-im-smiles-content__gifs-empty_icon {
opacity: 0.1;
margin: 0 auto;
}
.bx-im-smiles-content__gifs-empty_title {
font-size: var(--ui-font-size-xs);
line-height: var(--ui-font-line-height-3xs);
margin-top: 20px;
color: var(--ui-color-palette-black-base);
opacity: 0.5;
margin-bottom: 27px;
}
.bx-im-smiles-content__gifs-empty_link {
color: var(--ui-color-palette-gray-40);
font-size: var(--ui-font-size-4xs);
line-height: var(--ui-font-line-height-md);
border-bottom: 1px solid rgba(var(--ui-color-palette-gray-40), 0.4);
display: inline;
cursor: pointer;
}
.bx-im-smiles-content__gifs-warning_icon {
border: none;
width: 48px;
height: 48px;
margin: 0 auto;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24zm2.031-37.749l12.32 20.519c.969 1.616-.203 3.655-2.06 3.655H11.65c-1.877 0-3.049-2.04-2.08-3.655l12.32-20.519c.929-1.575 3.19-1.575 4.14 0zm-2.201 5.514a1.63 1.63 0 00-1.636 1.636v6.119a1.63 1.63 0 001.636 1.636h.222a1.63 1.63 0 001.636-1.636V17.4a1.63 1.63 0 00-1.636-1.635h-.222zm.121 15.57c1.131 0 2.06-.929 2.06-2.06 0-1.13-.929-2.06-2.06-2.06-1.13 0-2.06.93-2.06 2.06 0 1.131.93 2.06 2.06 2.06z' fill='%23E6E7E9'/%3E%3C/svg%3E") no-repeat center;
background-size: cover;
}
.bx-im-smiles-content__gifs-gradient {
background: linear-gradient(180deg, rgba(255, 255, 255, 0.00) 0%, #FFF 100%);
opacity: 1;
position: absolute;
bottom: 0;
left: 0;
right: 0;
width: 100%;
height: 50px;
pointer-events: none;
border-radius: 0 0 var(--ui-border-radius-md) var(--ui-border-radius-md);
z-index: 10;
transition: opacity 0.2s ease;
}
.bx-im-smiles-content__gifs-gradient.--is-hidden {
opacity: 0;
}
.bx-im-smile-popup-market-content__container,
.bx-im-smile-popup-market-content__placement-container {
height: 100%;
}
.bx-im-smile-popup-market-content__loader-container {
margin-top: 134px;
}
.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 width='48' height='48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24zm2.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 0zm-2.2 5.514a1.63 1.63 0 00-1.636 1.635v6.12a1.63 1.63 0 001.636 1.636h.222c.909 0 1.636-.727 1.636-1.636V17.4c0-.908-.727-1.635-1.636-1.635h-.222zm.121 15.57c1.13 0 2.06-.929 2.06-2.06 0-1.13-.93-2.06-2.06-2.06-1.131 0-2.06.93-2.06 2.06 0 1.131.929 2.06 2.06 2.06z' fill='%23D5D7DB'/%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;
}
.bx-im-upload-preview-file-item__image-container {
display: flex;
justify-content: center;
width: 360px;
height: 176px;
background-color: var(--im-upload-preview-file-item__background-color_container);
border-radius: 6px;
flex-shrink: 0;
position: relative;
}
.bx-im-upload-preview-file-item__scope.--single .bx-im-upload-preview-file-item__image-container{
height: 360px;
}
.bx-im-upload-preview-file-item__item-image {
object-fit: contain;
width: 100%;
}
.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;
}
.bx-im-upload-preview-file-item__icon {
display: flex;
justify-content: center;
align-items: center;
width: 44px;
height: 44px;
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__play-icon-container {
position: absolute;
top: calc(50% - 27px);
left: calc(50% - 27px);
width: 54px;
height: 54px;
border-radius: 50%;
background-color: var(--im-upload-preview-file-item__background-color_play-icon);
display: flex;
align-items: center;
justify-content: center;
}
.bx-im-upload-preview-file-item__play-icon {
width: 27px;
height: 27px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='27' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.388 13.356l-10.72-7.58a.8.8 0 00-.854-.052.856.856 0 00-.439.759v15.158a.855.855 0 00.438.76.8.8 0 00.855-.054l10.72-7.58a.86.86 0 00.362-.705.86.86 0 00-.362-.706z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
}
.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 width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.596 7.898h3.069v.012c.385 0 .7.315.7.7 0 .385-.315.7-.7.7H6.533a.702.702 0 01-.7-.7c0-.385.315-.7.7-.7h3.045l.397-2.007a3.025 3.025 0 012.975-2.438h2.228c1.423 0 2.66.992 2.963 2.38l.455 2.053zm-7.245-1.726l-.315 1.575v.011h6.09l-.35-1.61a1.636 1.636 0 00-1.598-1.283H12.95c-.77 0-1.447.548-1.599 1.307z' fill='%23525C69' fill-opacity='.4'/%3E%3Cpath d='M12.086 20.616c.385 0 .7-.316.7-.7v-5.134c0-.385-.315-.7-.7-.7-.385 0-.7.315-.7.7v5.134c0 .384.315.7.7.7zM16.555 19.916c0 .384-.315.7-.7.7a.702.702 0 01-.7-.7v-5.134c0-.385.315-.7.7-.7.385 0 .7.315.7.7v5.134z' fill='%23525C69' fill-opacity='.4'/%3E%3Cpath fill-rule='evenodd' clip-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 01-2.31 1.995h-7.583a2.328 2.328 0 01-2.31-2.018L6.37 11.819A1.16 1.16 0 017.525 10.5zm10.15 12.46a.93.93 0 00.922-.793h.011L20.102 11.9H7.793L9.17 22.155a.931.931 0 00.922.805h7.583z' fill='%23525C69' fill-opacity='.4'/%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: 6px;
}
.bx-im-mention-item__scope {
--im-mention-item__background-color_container: var(--im-color-palette-white-base);
--im-mention-item__background-color_hover-container: var(--ui-color-palette-gray-04, #f1f4f6);
--im-mention-item__color_name: var(--im-color-palette-black-base);
--im-mention-item__color_position: 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(--im-mention-item__background-color_hover-container);
}
.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__position {
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_position);
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-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 width='24' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.05 15.886a6.37 6.37 0 111.836-1.837l3.311 3.311a1 1 0 010 1.414l-.422.423a1 1 0 01-1.414 0l-3.31-3.31zm1.058-5.328a4.55 4.55 0 11-9.098 0 4.55 4.55 0 019.098 0z' fill='%23D5D7DB'/%3E%3C/svg%3E") no-repeat center;
}
.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-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 width='28' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.706 9.246l2.641-2.64L7 5.95l.665.656 2.641 2.64.932-.932-4.232-4.231-4.231 4.231.931.932zM24.306 4.754l-2.64 2.641L21 8.05l-.653-.655-2.64-2.64-.932.931 4.231 4.232 4.232-4.232-.932-.932z' fill='%236A737F'/%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-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-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-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-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;
}