| 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/sidebar/dist/ |
Upload File : |
.bx-im-sidebar__back-icon {
cursor: pointer;
border: none;
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='M15.154 18.364a1 1 0 000-1.414l-3.82-3.82-.423-.421a1 1 0 010-1.417l.423-.421 3.82-3.82a1 1 0 000-1.414l-.183-.184a1 1 0 00-1.415 0l-5.84 5.84a1 1 0 000 1.415l5.84 5.84a1 1 0 001.415 0l.183-.184z' fill='%23959CA4'/%3E%3C/svg%3E") no-repeat center;
}
.bx-im-sidebar__back-icon:hover {
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='M15.154 18.364a1 1 0 000-1.414l-3.82-3.82-.423-.421a1 1 0 010-1.417l.423-.421 3.82-3.82a1 1 0 000-1.414l-.183-.184a1 1 0 00-1.415 0l-5.84 5.84a1 1 0 000 1.415l5.84 5.84a1 1 0 001.415 0l.183-.184z' fill='%236A737F'/%3E%3C/svg%3E") no-repeat center;
}
.bx-im-sidebar__forward-icon {
cursor: pointer;
border: none;
width: 16px;
height: 16px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.44 1.229l3.017 3.018L4.24 5l-.782.753L.44 8.771l1.065 1.065L6.341 5 1.504.164.44 1.23z' fill='%23525C69'/%3E%3C/svg%3E") no-repeat center;
opacity: 0.4;
}
.bx-im-sidebar__forward-icon:hover {
opacity: 0.7;
}
.bx-im-sidebar__forward-small-icon {
cursor: pointer;
border: none;
width: 10px;
height: 10px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='5' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.4 1.643L2.287 3.53l.488.47-.488.472L.4 6.357l.666.666L4.089 4 1.066.978.4 1.643z' fill='%23BDC1C6'/%3E%3C/svg%3E") no-repeat center;
}
.bx-im-sidebar__search-icon {
cursor: pointer;
border: none;
width: 16px;
height: 16px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.05 11.887a6.37 6.37 0 111.837-1.836l3.31 3.31a1 1 0 010 1.414l-.423.422a1 1 0 01-1.414 0l-3.31-3.31zm1.058-5.328a4.55 4.55 0 11-9.099 0 4.55 4.55 0 019.099 0z' fill='%23A8ADB4'/%3E%3C/svg%3E") no-repeat center;
}
.bx-im-sidebar__search-icon:hover {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.05 11.887a6.37 6.37 0 111.837-1.836l3.31 3.31a1 1 0 010 1.414l-.423.422a1 1 0 01-1.414 0l-3.31-3.31zm1.058-5.328a4.55 4.55 0 11-9.099 0 4.55 4.55 0 019.099 0z' fill='%236A737F'/%3E%3C/svg%3E") no-repeat center;
}
.bx-im-sidebar__forward-green-icon {
cursor: pointer;
border: none;
width: 16px;
height: 16px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.44 4.73l3.018 3.017.782.753-.782.753-3.018 3.018 1.065 1.065L11.342 8.5 6.505 3.664 5.44 4.73z' fill='%2395C500'/%3E%3C/svg%3E") no-repeat center;
}
.bx-im-sidebar__forward-green-icon:hover {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.44 4.73l3.018 3.017.782.753-.782.753-3.018 3.018 1.065 1.065L11.342 8.5 6.505 3.664 5.44 4.73z' fill='%23688800'/%3E%3C/svg%3E") no-repeat center;
}
.bx-im-sidebar__container {
--im-sidebar__width_container: 320px;
height: 100%;
position: relative;
}
.bx-im-sidebar__container.--opened {
border-left: 1px solid rgb(0 0 0 / 6%);
}
.popup-window-content {
--im-sidebar__font-color_context-menu_delete: var(--ui-color-palette-red-solid);
}
.bx-im-sidebar__context-menu_delete .menu-popup-item-text,
.bx-im-sidebar__context-menu_delete:hover .menu-popup-item-text {
color: var(--im-sidebar__font-color_context-menu_delete);
}
.top-level-panel-enter-active,
.top-level-panel-leave-active {
transition: all 0.3s;
}
.top-level-panel-enter-from,
.top-level-panel-leave-to {
width: 0;
min-width: 0;
}
.top-level-panel-enter-to,
.top-level-panel-leave-from {
width: var(--im-sidebar__width_container);
min-width: var(--im-sidebar__width_container);
}
.second-level-panel-enter-active,
.second-level-panel-leave-active {
transition: all 0.3s;
}
.second-level-panel-enter-from,
.second-level-panel-leave-to {
transform: translateX(var(--im-sidebar__width_container));
}
.second-level-panel-enter-to,
.second-level-panel-leave-from {
transform: translateX(0);
}
.bx-im-sidebar-panel__container {
--im-sidebar-panel__width_container: 320px;
--im-sidebar-panel__background-color_panel_container: var(--im-color-palette-white-base, #fff);
background-color: var(--im-sidebar-panel__background-color_panel_container);
height: 100%;
border-left: 1px solid rgb(0 0 0 / 6%);
position: relative;
left: -1px;
}
.bx-im-sidebar-panel__container.--second-level {
position: absolute;
top: 0;
width: var(--im-sidebar-panel__width_container);
min-width: var(--im-sidebar-panel__width_container);
height: 100%;
z-index: 10;
overflow: hidden;
}
.bx-im-sidebar-panel__component {
display: flex;
flex-direction: column;
width: var(--im-sidebar-panel__width_container);
min-width: var(--im-sidebar-panel__width_container);
height: 100%;
}
.bx-im-sidebar-detail__container {
--im-sidebar-detail__height_header: 64px;
--im-sidebar-detail__height_tabs: 50px;
display: flex;
flex-direction: column;
overflow-y: scroll;
height: calc(100% - var(--im-sidebar-detail__height_header));
padding-bottom: 18px;
}
.bx-im-sidebar-detail__loader-container {
height: 55px;
flex-shrink: 0;
}
.bx-im-sidebar-main-panel__container {
--im-sidebar-main-panel__background-color_container: #f2f9fc;
--im-sidebar-main-panel__background-color_block: var(--im-color-palette-white-base, #fff);
background-color: var(--im-sidebar-main-panel__background-color_container);
}
.bx-im-sidebar-main-panel__blocks {
display: flex;
flex-direction: column;
align-items: center;
padding: 6px 0 6px 6px;
overflow-y: scroll;
overflow-x: hidden;
}
.bx-im-sidebar-main-panel__block {
width: 100%;
background-color: var(--im-sidebar-main-panel__background-color_block);
margin-bottom: 6px;
border-radius: 8px;
box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
.bx-im-sidebar-main-panel__block:last-child {
margin-bottom: 0;
}
.bx-im-sidebar-task-detail__date-group_container {
display: flex;
flex-direction: column;
}
.bx-im-sidebar-task-detail__container .bx-im-sidebar-detail-empty-state__container {
padding-top: 58px;
}
.bx-im-sidebar-task-detail__tariff-limit-container {
margin: 6px 12px 6px 15px;
}
.bx-im-sidebar-file__tariff-limit-container {
margin: 6px 12px 6px 15px;
}
.bx-im-sidebar-file-unsorted-detail__container {
padding: 0 15px 0 14px;
}
.bx-im-sidebar-file-unsorted-detail__container .bx-im-sidebar-detail-empty-state__container {
margin-top: 54px;
}
.bx-im-sidebar-file-unsorted-detail__date-group_container {
display: flex;
flex-direction: column;
}
.bx-im-sidebar-file-unsorted-detail__tariff-limit-container {
margin: 6px 0 6px 4px;
}
.bx-im-sidebar-link-detail__scope .bx-im-sidebar-detail-empty-state__container {
margin-top: 54px;
}
.bx-im-sidebar-link-detail__date-group_container {
display: flex;
flex-direction: column;
}
.bx-im-sidebar-link-detail__tariff-limit-container {
margin: 6px 12px 6px 15px;
}
.bx-im-sidebar-market-detail__container,
.bx-im-sidebar-market-detail__placement-container {
height: 100%;
}
.bx-im-sidebar-market-detail__loader-container {
margin-top: 214px;
}
.bx-im-sidebar-meeting-detail__date-group_container {
display: flex;
flex-direction: column;
}
.bx-im-sidebar-meeting-detail__container .bx-im-sidebar-detail-empty-state__container {
padding-top: 58px;
}
.bx-im-sidebar-meeting-detail__tariff-limit-container {
margin: 6px 12px 6px 15px;
}
.bx-im-sidebar-main-detail__scope {
--im-sidebar-main-detail__color_user-separator: #f9fafa;
--im-sidebar-main-detail__background-color_user: #f1f4f6;
--im-sidebar-main-detail__color_position: #959ca4;
--im-sidebar-main-detail__border-color_invitation-button: #dfe0e3;
--im-sidebar-main-detail__color_invitation-button-text: #11a9d9;
--im-sidebar-main-detail__background-color_invitation-button: #fff;
--im-sidebar-main-detail__background_link-icon: 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='M13.659 6.816l-2.738 2.737a3.87 3.87 0 01-5.473 0 3.867 3.867 0 01-.588-.78L6.132 7.5c.06-.06.135-.096.207-.137.088.3.241.585.477.821a1.937 1.937 0 002.737 0l2.737-2.736a1.937 1.937 0 000-2.738 1.937 1.937 0 00-2.737 0l-.973.975a4.856 4.856 0 00-2.469-.27l2.074-2.073a3.871 3.871 0 015.474 5.474zm-7.237 4.5l-.974.974a1.939 1.939 0 01-2.737 0 1.938 1.938 0 010-2.737l2.737-2.737a1.936 1.936 0 012.737 0c.235.236.39.52.478.82.072-.041.145-.075.206-.136L10.14 6.23a3.805 3.805 0 00-.588-.781 3.87 3.87 0 00-5.474 0L1.343 8.184a3.871 3.871 0 005.473 5.475l2.075-2.075a4.852 4.852 0 01-2.47-.268z' fill='%2311A9D9'/%3E%3C/svg%3E") no-repeat center;
font-family: var(--im-font-family-system);
line-height: var(--im-font-line-height-3xs);
}
.bx-im-sidebar-main-detail__container {
padding-top: 12px;
}
.bx-im-sidebar-main-detail__invitation-button-container {
display: flex;
justify-content: center;
padding: 4px 17px 9px;
}
.bx-im-sidebar-main-detail__user {
display: flex;
height: 70px;
padding: 12px 19px 0 10px;
margin-left: 8px;
border-radius: 8px;
position: relative;
flex-shrink: 0;
}
.bx-im-sidebar-main-detail__user:hover {
background-color: var(--im-sidebar-main-detail__background-color_user);
}
.bx-im-sidebar-main-detail__user::before {
width: calc(100% - 30px);
height: 1px;
content: '';
position: absolute;
bottom: 0;
left: auto;
background-color: var(--im-sidebar-main-detail__color_user-separator);
}
.bx-im-sidebar-main-detail__avatar-container {
position: relative;
}
.bx-im-sidebar-main-detail__avatar-owner-icon {
width: 14px;
height: 14px;
position: absolute;
top: -2px;
left: 29px;
border-radius: 50%;
background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.635 6.353a.6.6 0 00.584.46H8.105a.6.6 0 00.592-.502l.526-3.179a.6.6 0 00-.861-.634l-1.013.509a.6.6 0 01-.801-.26L5.528.787a.6.6 0 00-1.065 0L3.447 2.747a.6.6 0 01-.803.26L1.74 2.55a.6.6 0 00-.853.676l.748 3.127z' fill='%23E89B06'/%3E%3C/svg%3E") no-repeat center;
}
.bx-im-sidebar-main-detail__avatar-manager-icon {
width: 14px;
height: 14px;
position: absolute;
top: -2px;
left: 29px;
border-radius: 50%;
background: #fff url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.662 9.469a.45.45 0 00.438.345h6.131a.45.45 0 00.444-.377l.595-3.595a.45.45 0 00-.646-.475l-1.408.707a.45.45 0 01-.6-.195L7.393 3.532a.45.45 0 00-.8 0L5.378 5.878a.45.45 0 01-.601.195L3.45 5.406a.45.45 0 00-.64.506l.851 3.557z' fill='%238DBB00'/%3E%3C/svg%3E") no-repeat center;
}
.bx-im-sidebar-main-detail__user-info-container {
display: flex;
flex-direction: column;
margin-left: 10px;
flex-grow: 1;
overflow: hidden;
}
.bx-im-sidebar-main-detail__user-title-container {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 5px;
}
.bx-im-sidebar-main-detail__user-title-link {
overflow: hidden;
}
.bx-im-sidebar-main-detail__position-text {
font-size: var(--im-font-size-md);
color: var(--im-sidebar-main-detail__color_position);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.bx-im-sidebar-main-detail__context-menu-icon {
flex-shrink: 0;
cursor: pointer;
}
.bx-im-sidebar-favorite-detail__container .bx-im-sidebar-detail-empty-state__container {
margin-top: 54px;
}
.bx-im-sidebar-favorite-detail__date-group_container {
display: flex;
flex-direction: column;
}
.bx-im-sidebar-favorite-detail__tariff-limit-container {
margin: 6px 12px 6px 15px;
}
.bx-im-message-search-detail__container {
display: flex;
flex-direction: column;
overflow-y: scroll;
}
.bx-im-message-search-detail__date-group_container {
display: flex;
flex-direction: column;
}
.bx-im-message-search-detail__loader {
height: 7px;
top: 110px;
}
.bx-im-message-search-detail__container .bx-im-sidebar-detail-empty-state__container {
margin-top: 82px;
}
.bx-im-message-search-detail__tariff-limit-container {
margin: 6px 12px 0 15px;
}
.bx-im-sidebar-chats-with-user-detail__container {
display: flex;
flex-direction: column;
overflow-y: scroll;
padding: 4px 0 4px 6px;
}
.bx-im-sidebar-chats-with-user-detail__loader-container {
height: 7px;
top: 110px;
flex-shrink: 0;
}
.bx-im-sidebar-chats-with-user-detail__container .bx-im-sidebar-detail-empty-state__container {
margin-top: 54px;
}
.bx-im-sidebar-multidialog-detail__container {
display: flex;
flex-direction: column;
padding: 10px 16px;
gap: 10px;
}
.bx-im-sidebar-header__scope {
--im-sidebar-header__background-color_left-border: #e6e7e9;
--im-sidebar-header__background-color_container: #fff;
--im-sidebar-header__border-color_separator: #ecedef;
}
.bx-im-sidebar-header__container {
display: flex;
justify-content: space-between;
flex-shrink: 0;
align-items: center;
width: 320px;
height: 65px;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.04);
border-radius: 0 8px 2px 0;
position: relative;
background-color: var(--im-sidebar-header__background-color_container);
border-bottom: 1px solid var(--im-sidebar-header__border-color_separator);
}
.bx-im-sidebar-header__container::before {
content: '';
position: absolute;
width: 1px;
height: 64px;
background-color: var(--im-sidebar-header__background-color_left-border);
left: -1px;
top: 0;
}
.bx-im-sidebar-header__title-container {
display: flex;
align-items: center;
}
.bx-im-sidebar-header__cross-icon {
margin-left: 16px;
}
.bx-im-sidebar-header__title {
margin-left: 12px;
font: var(--im-font-size-2xl)/20px var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
}
.bx-im-sidebar-header__context-menu-icon.bx-im-messenger__context-menu-icon {
width: 24px;
height: 24px;
margin-right: 14px;
}
.bx-im-sidebar-skeleton__container {
--im-sidebar-skeleton__background-color_block: var(--im-color-palette-white-base, #fff);
display: flex;
flex-direction: column;
align-items: center;
padding: 6px 0 6px 6px;
height: calc(100% - 64px);
overflow-y: scroll;
overflow-x: hidden;
}
.bx-im-sidebar-skeleton__block {
width: 100%;
background-color: var(--im-sidebar-skeleton__background-color_block);
margin-bottom: 6px;
border-radius: 8px;
box-shadow: 0 1px 1px rgb(0 0 0 / 5%);
}
.bx-im-sidebar-skeleton__avatar {
height: 172px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100%25 100%25' preserveAspectRatio='xMinYMin meet' style='width:100%25;height:100%25' fill='none'%3E%3Csvg%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3C/svg%3E%3Csvg height='100%25' id='c'%3E%3Ccircle cx='154' cy='72' r='47' fill='%23eeeff0'/%3E%3Crect x='88' y='138' width='132' height='8' rx='2' fill='%23eeeff0'/%3E%3Crect x='119' y='156' width='70' height='8' rx='2' fill='%23eeeff0'/%3E%3C/svg%3E%3Crect id='d' width='100%25' fill='url(%23a)' mask='url(%23b)' height='1270'/%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3ClinearGradient x1='66.6%25' y1='50%25' x2='33.3%25' y2='50%25' id='a'%3E%3Cstop stop-opacity='0' offset='0%25'/%3E%3Cstop stop-opacity='.07' offset='50%25'/%3E%3Cstop stop-opacity='0' offset='100%25'/%3E%3C/linearGradient%3E%3Canimate xlink:href='%23d' attributeName='x' from='-100%25' to='100%25' dur='1s' begin='0s' repeatCount='indefinite'/%3E%3C/svg%3E");
}
.bx-im-sidebar-skeleton__invite-button {
height: 36px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100%25 100%25' preserveAspectRatio='xMinYMin meet' style='width:100%25;height:100%25' fill='none'%3E%3Csvg%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3C/svg%3E%3Csvg height='100%25' id='c'%3E%3Crect x='84' y='8' width='141' height='18' rx='9' fill='%23eeeff0'/%3E%3C/svg%3E%3Crect id='d' width='100%25' fill='url(%23a)' mask='url(%23b)' height='1270'/%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3ClinearGradient x1='66.6%25' y1='50%25' x2='33.3%25' y2='50%25' id='a'%3E%3Cstop stop-opacity='0' offset='0%25'/%3E%3Cstop stop-opacity='.07' offset='50%25'/%3E%3Cstop stop-opacity='0' offset='100%25'/%3E%3C/linearGradient%3E%3Canimate xlink:href='%23d' attributeName='x' from='-100%25' to='100%25' dur='1s' begin='0s' repeatCount='indefinite'/%3E%3C/svg%3E");
}
.bx-im-sidebar-skeleton__settings {
height: 54px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100%25 100%25' preserveAspectRatio='xMinYMin meet' style='width:100%25;height:100%25' fill='none'%3E%3Csvg%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3C/svg%3E%3Csvg height='100%25' id='c'%3E%3Csvg width='310' height='42' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='27' cy='15' r='11' fill='%23eeeff0'/%3E%3Crect x='49' y='11' width='71' height='8' rx='2' fill='%23eeeff0'/%3E%3C/svg%3E%3C/svg%3E%3Crect id='d' width='100%25' fill='url(%23a)' mask='url(%23b)' height='1270'/%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3ClinearGradient x1='66.6%25' y1='50%25' x2='33.3%25' y2='50%25' id='a'%3E%3Cstop stop-opacity='0' offset='0%25'/%3E%3Cstop stop-opacity='.07' offset='50%25'/%3E%3Cstop stop-opacity='0' offset='100%25'/%3E%3C/linearGradient%3E%3Canimate xlink:href='%23d' attributeName='x' from='-100%25' to='100%25' dur='1s' begin='0s' repeatCount='indefinite'/%3E%3C/svg%3E");
}
.bx-im-sidebar-skeleton__files {
height: 130px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100%25 130' preserveAspectRatio='xMinYMin meet' style='width:100%25;height:130px' fill='none'%3E%3Csvg height='1285'%3E%3Cdefs%3E%3Cpath d='M90 87.5H22a9.5 9.5 0 01-9.5-9.5V52a9.5 9.5 0 019.5-9.5h68a9.5 9.5 0 019.5 9.5v26a9.5 9.5 0 01-9.5 9.5z' stroke='%23DFE0E3' id='a'/%3E%3C/defs%3E%3Cpath d='M308 122a8 8 0 01-8 8H8a8 8 0 01-8-8V8a8 8 0 018-8h292a8 8 0 018 8v114z' fill='%23fff'/%3E%3Cuse xlink:href='%23a'/%3E%3Cuse xlink:href='%23a' x='98'/%3E%3Cuse xlink:href='%23a' x='196'/%3E%3C/svg%3E%3Csvg height='1285' id='f'%3E%3Cdefs%3E%3Cg id='c'%3E%3Crect x='24' y='98' width='65' height='5' rx='2' fill='%23eeeff0'/%3E%3Crect x='30' y='110' width='53' height='5' rx='2' fill='%23eeeff0'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M46.18 51.455c0-.804.651-1.455 1.455-1.455H59.4c.386 0 .756.153 1.029.426l4.967 4.968c.273.273.427.643.427 1.029v17.585c0 .803-.652 1.455-1.455 1.455H47.635a1.455 1.455 0 01-1.455-1.455V51.455z' fill='%23E5E8EB'/%3E%3Cmask id='b' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='46' y='50' width='20' height='26'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M46.18 51.455c0-.804.651-1.455 1.455-1.455H59.4c.386 0 .756.153 1.029.426l4.967 4.968c.273.273.427.643.427 1.029v17.585c0 .803-.652 1.455-1.455 1.455H47.635a1.455 1.455 0 01-1.455-1.455V51.455z' fill='%23525C69'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Cpath opacity='.15' fill-rule='evenodd' clip-rule='evenodd' d='M59.37 50h6.452v6.466c0-.215-.183-.282-.293-.282h-5.164a.726.726 0 01-.727-.727v-5.185c0-.082-.09-.272-.267-.272z' fill='%23525C69'/%3E%3C/g%3E%3C/g%3E%3C/defs%3E%3Crect x='14' y='16' width='127' height='8' rx='2' fill='%23eeeff0'/%3E%3Cuse xlink:href='%23c'/%3E%3Cuse xlink:href='%23c' x='98'/%3E%3Cuse xlink:href='%23c' x='196'/%3E%3C/svg%3E%3Crect id='g' width='100%25' fill='url(%23d)' mask='url(%23e)' height='1270'/%3E%3Cmask id='e' fill='%23fff'%3E%3Cuse xlink:href='%23f'/%3E%3C/mask%3E%3ClinearGradient x1='66.6%25' y1='50%25' x2='33.3%25' y2='50%25' id='d'%3E%3Cstop stop-opacity='0' offset='0%25'/%3E%3Cstop stop-opacity='.07' offset='50%25'/%3E%3Cstop stop-opacity='0' offset='100%25'/%3E%3C/linearGradient%3E%3Canimate xlink:href='%23g' attributeName='x' from='-100%25' to='100%25' dur='1s' begin='0s' repeatCount='indefinite'/%3E%3C/svg%3E");
}
.bx-im-sidebar-skeleton__info {
height: 118px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100%25 100%25' preserveAspectRatio='xMinYMin meet' style='width:100%25;height:100%25' fill='none'%3E%3Csvg height='162'%3E%3Crect width='100%25' height='100%25' fill='%23fff'/%3E%3C/svg%3E%3Csvg height='100%25' id='c'%3E%3Ccircle cx='28' cy='68' r='11' fill='%23eeeff0'/%3E%3Crect x='49' y='64' width='71' height='8' rx='2' fill='%23eeeff0'/%3E%3Ccircle cx='28' cy='23' r='11' fill='%23eeeff0'/%3E%3Crect x='49' y='19' width='241' height='8' rx='2' fill='%23eeeff0'/%3E%3Crect x='49' y='34' width='116' height='8' rx='2' fill='%23eeeff0'/%3E%3Ccircle cx='28' cy='96' r='11' fill='%23eeeff0'/%3E%3Crect x='49' y='92' width='71' height='8' rx='2' fill='%23eeeff0'/%3E%3C/svg%3E%3Crect id='d' width='100%25' fill='url(%23a)' mask='url(%23b)' height='1270'/%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3ClinearGradient x1='66.6%25' y1='50%25' x2='33.3%25' y2='50%25' id='a'%3E%3Cstop stop-opacity='0' offset='0%25'/%3E%3Cstop stop-opacity='.07' offset='50%25'/%3E%3Cstop stop-opacity='0' offset='100%25'/%3E%3C/linearGradient%3E%3Canimate xlink:href='%23d' attributeName='x' from='-100%25' to='100%25' dur='1s' begin='0s' repeatCount='indefinite'/%3E%3C/svg%3E");
}
.bx-im-sidebar-skeleton__tasks {
height: 118px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns:xlink='http://www.w3.org/1999/xlink' xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100%25 118' preserveAspectRatio='xMinYMin meet' style='width:100%25;height:118px' fill='none'%3E%3Csvg height='118'%3E%3Cpath d='M308 110a8 8 0 01-8 8H8a8 8 0 01-8-8V8a8 8 0 018-8h292a8 8 0 018 8v102z' fill='%23fff'/%3E%3Cpath d='M296 92c0 5.523-4.477 10-10 10H22c-5.523 0-10-4.477-10-10V52c0-5.523 4.477-10 10-10h264c5.523 0 10 4.477 10 10v40z' fill='%23F5F7F8'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M47.4 79.643l1.887 1.886.488.47-.488.472-1.887 1.886.666.666L51.089 82l-3.023-3.022-.666.665z' fill='%23A8ADB4' opacity='.2'/%3E%3C/svg%3E%3Csvg height='118' id='c'%3E%3Crect x='14' y='16' width='127' height='8' rx='2' fill='%23eeeff0'/%3E%3Crect x='22' y='52.5' width='127' height='8' rx='2' fill='%23e5e9ea'/%3E%3Ccircle cx='31' cy='82' r='9' fill='%23e5e9ea'/%3E%3Ccircle cx='67' cy='82' r='9' fill='%23e5e9ea'/%3E%3Crect x='85' y='78' width='77' height='8' rx='2' fill='%23e5e9ea'/%3E%3C/svg%3E%3Crect id='d' width='100%25' fill='url(%23a)' mask='url(%23b)' height='1270'/%3E%3Cmask id='b' fill='%23fff'%3E%3Cuse xlink:href='%23c'/%3E%3C/mask%3E%3ClinearGradient x1='66.6%25' y1='50%25' x2='33.3%25' y2='50%25' id='a'%3E%3Cstop stop-opacity='0' offset='0%25'/%3E%3Cstop stop-opacity='.07' offset='50%25'/%3E%3Cstop stop-opacity='0' offset='100%25'/%3E%3C/linearGradient%3E%3Canimate xlink:href='%23d' attributeName='x' from='-100%25' to='100%25' dur='1s' begin='0s' repeatCount='indefinite'/%3E%3C/svg%3E");
}
.bx-im-sidebar-elements-tariff-limit__container {
--im-sidebar-history-limit__background-color_container: var(--im-color-palette-green-15);
--im-sidebar-history-limit__background-color_container-hover: var(--im-color-palette-green-25);
--im-sidebar-history-limit__background-color_icon: var(--im-color-palette-green-30);
--im-sidebar-history-limit__background_color_delimiter: rgba(var(--im-color-palette-black-solid-rgb), 0.05);
--im-sidebar-history-limit__color_title: rgba(var(--im-color-palette-black-solid-rgb), 0.8);
--im-sidebar-history-limit__color_title-hover: rgba(var(--im-color-palette-black-solid-rgb), 0.9);
--im-sidebar-history-limit__color_description: rgba(var(--im-color-palette-black-solid-rgb), 0.4);
--im-sidebar-history-limit__color_description-hover: rgba(var(--im-color-palette-black-solid-rgb), 0.6);
--im-sidebar-history-limit__color_description-accent: var(--im-color-palette-green-70);
padding: 12px 16px;
background-color: var(--im-sidebar-history-limit__background-color_container);
border-radius: 8px;
transition: background-color .2s;
cursor: pointer;
}
.bx-im-sidebar-elements-tariff-limit__container:hover {
background-color: var(--im-sidebar-history-limit__background-color_container-hover);
}
.bx-im-sidebar-elements-tariff-limit__header {
display: flex;
align-items: center;
justify-content: space-between;
gap: 8px;
padding: 1px 0;
}
.bx-im-sidebar-elements-tariff-limit__title-container {
display: flex;
gap: 8px;
}
.bx-im-sidebar-elements-tariff-limit__icon {
width: 30px;
height: 30px;
aspect-ratio: 1;
border-radius: 50%;
background: var(--im-sidebar-history-limit__background-color_icon) url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.519 11.808v1.31H8.48v-1.31a.83.83 0 01-.306-.645c0-.458.37-.83.825-.83.456 0 .825.372.825.83a.83.83 0 01-.306.645zm-2.777-5.32A2.265 2.265 0 019 4.215a2.265 2.265 0 012.258 2.273v1.92H6.742v-1.92zm5.71 1.92v-1.92c0-1.919-1.546-3.474-3.452-3.474S5.548 4.569 5.548 6.487v1.921H5a.5.5 0 00-.5.5v5.578a.5.5 0 00.5.5h8a.5.5 0 00.5-.5V8.908a.5.5 0 00-.5-.5h-.548z' fill='%237FA800'/%3E%3C/svg%3E") no-repeat center;
flex-shrink: 0;
}
.bx-im-sidebar-elements-tariff-limit__content {
display: flex;
}
.bx-im-sidebar-elements-tariff-limit__title {
align-self: center;
font-size: var(--im-font-size-sm);
font-weight: var(--im-font-weight-semi-bold);
line-height: var(--im-font-line-height-2xs);
color: var(--im-sidebar-history-limit__color_title);
transition: color .2s;
}
.bx-im-sidebar-elements-tariff-limit__delimiter {
margin: 10px 0;
height: 1px;
background-color: var(--im-sidebar-history-limit__background_color_delimiter);
}
.bx-im-sidebar-elements-tariff-limit__container:hover .bx-im-sidebar-elements-tariff-limit__title {
color: var(--im-sidebar-history-limit__color_title-hover);
}
.bx-im-sidebar-elements-tariff-limit__description {
font-size: var(--im-font-size-3xs);
color: var(--im-sidebar-history-limit__color_description);
transition: color .2s;
}
.bx-im-sidebar-elements-tariff-limit__container:hover .bx-im-sidebar-elements-tariff-limit__description {
color: var(--im-sidebar-history-limit__color_description-hover);
}
.bx-im-sidebar-elements-tariff-limit__description-accent {
font-weight: var(--im-font-weight-semi-bold);
color: var(--im-sidebar-history-limit__color_description-accent);
font-style: normal;
}
.bx-im-sidebar-elements-tariff-limit__arrow {
width: 16px;
flex-shrink: 0;
align-self: center;
}
.bx-im-sidebar-task-item__scope {
--im-sidebar-task-item__background-color_container: #e5f9ff;
--im-sidebar-task-item__background-color_completed-task-container: #eef2f4;
--im-sidebar-task-item__color_task-title-text: #525c69;
--im-sidebar-task-item__color_task-title-text-hover: #2066b0;
--im-sidebar-task-item__color_highlight: var(--im-color-palette-black-solid);
--im-sidebar-task-item__background-color_highlight: #faf16d;
}
.bx-im-sidebar-task-item__container {
display: flex;
height: 60px;
padding: 6px 11px 11px 10px;
margin: 0 10px 0 16px;
border-radius: 10px;
background-color: var(--im-sidebar-task-item__background-color_container);
}
.bx-im-sidebar-task-item__container + .bx-im-sidebar-task-item__container {
margin-top: 10px;
}
.bx-im-sidebar-task-preview__container .bx-im-sidebar-task-item__container {
margin: 0;
}
.bx-im-sidebar-task-item__container.--completed {
background-color: var(--im-sidebar-task-item__background-color_completed-task-container);
}
.bx-im-sidebar-task-item__header-text {
font: var(--im-font-size-xs)/var(--im-font-line-height-md) var(--im-font-family-system);
font-weight: var(--im-font-weight-medium);
color: var(--im-sidebar-task-item__color_task-title-text);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-bottom: 8px;
max-width: 90%;
}
.bx-im-sidebar-task-item__header-text .--highlight {
color: var(--im-sidebar-task-item__color_highlight);
background-color: var(--im-sidebar-task-item__background-color_highlight);
}
.bx-im-sidebar-task-item__container:hover .bx-im-sidebar-task-item__header-text {
color: var(--im-sidebar-task-item__color_task-title-text-hover);
}
.bx-im-sidebar-task-item__content {
overflow: hidden;
cursor: pointer;
flex: 1;
}
.bx-im-sidebar-task-item__detail-container {
display: flex;
align-items: center;
}
.bx-im-sidebar-task-item__forward-small-icon {
margin: 0 4px;
}
.bx-im-sidebar-task-item__status-text {
margin-left: 16px;
padding: 0 8px;
border-radius: 58px;
background-color: var(--ui-label-background-color);
color: var(--ui-label-color);
font: var(--im-font-size-4xs)/18px var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
}
.bx-im-sidebar-date-group__scope {
--im-sidebar-date-group__color: var(--im-color-palette-white-base, #fff);
--im-sidebar-date-group__background-color: rgb(0 0 0 / 20%);
}
.bx-im-sidebar-date-group__container {
position: -webkit-sticky;
position: sticky;
top: 0;
margin: 0 auto;
max-width: 100%;
padding: 12px 0 10px;
z-index: 1;
}
.bx-im-sidebar-date-group__text {
display: flex;
justify-content: center;
align-items: center;
height: 19px;
padding: 0 10px;
border-radius: 77px;
font: var(--im-font-size-xs)/var(--im-font-line-height-2xs) var(--im-font-family-system);
color: var(--im-sidebar-date-group__color);
text-transform: capitalize;
background-color: var(--im-sidebar-date-group__background-color);
text-align: center;
-webkit-user-select: none;
user-select: none;
}
.bx-im-sidebar-detail-header__scope {
--im-sidebar-detail-header__border-color_separator: #ecedef;
}
.bx-im-sidebar-detail-header__container {
display: flex;
justify-content: space-between;
align-items: center;
height: 65px;
padding: 21px 13px 23px 13px;
border-bottom: 1px solid var(--im-sidebar-detail-header__border-color_separator);
}
.bx-im-sidebar-detail-header__title-container {
display: flex;
align-items: center;
overflow: hidden;
width: 100%;
}
.bx-im-sidebar-detail-header__title-text {
font: var(--im-font-size-xl)/var(--im-font-line-height-2xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
margin-left: 14px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.bx-im-sidebar-detail-header__add-button {
margin: 0 5px 0 10px;
}
.bx-im-sidebar-detail-header__search {
margin-left: auto;
}
.bx-im-sidebar-detail-header__search__icon {
width: 22px;
height: 22px;
background-position: center;
background-repeat: no-repeat;
margin-right: var(--im-space-inline-sm);
cursor: pointer;
opacity: 0.4;
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='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.327a4.55 4.55 0 11-9.098 0 4.55 4.55 0 019.098 0z' fill='%23BDC1C6'/%3E%3C/svg%3E");
}
.bx-im-sidebar-detail-header__search__icon:hover {
opacity: 0.7;
}
.bx-im-sidebar-detail-empty-state__scope {
--im-sidebar-detail-empty-state__color_text: #a8adb4;
--im-sidebar-detail-empty-state__background-color_icon: #f8fafb;
--im-sidebar-detail-empty-state__background-image_link-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.412 6.343L10.784 8.97a3.715 3.715 0 01-5.255 0 3.711 3.711 0 01-.564-.749L6.186 7c.058-.059.13-.092.199-.132.084.289.231.562.458.789a1.86 1.86 0 002.627 0l2.628-2.627a1.86 1.86 0 000-2.628 1.86 1.86 0 00-2.628 0l-.934.935a4.662 4.662 0 00-2.37-.258l1.99-1.99a3.716 3.716 0 015.256 5.254zm-6.948 4.32l-.935.936a1.86 1.86 0 01-2.627 0 1.86 1.86 0 010-2.629l2.627-2.627a1.859 1.859 0 012.628 0c.226.227.374.5.459.788.069-.04.14-.073.197-.131l1.221-1.22a3.65 3.65 0 00-.564-.75 3.716 3.716 0 00-5.255 0L1.588 7.657a3.716 3.716 0 005.255 5.255l1.992-1.991a4.658 4.658 0 01-2.37-.258z' fill='%23BDC1C6'/%3E%3C/svg%3E");
--im-sidebar-detail-empty-state__background-image_favorite-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg width='19' height='17' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.51 14.211l-5.03 2.645a.3.3 0 01-.436-.316l.961-5.602-4.07-3.967a.3.3 0 01.167-.512l5.624-.817L9.242.545a.3.3 0 01.538 0l2.515 5.097 5.625.817a.3.3 0 01.166.512l-4.07 3.967.96 5.602a.3.3 0 01-.435.316l-5.03-2.645z' fill='%23BDC1C6'/%3E%3C/svg%3E");
--im-sidebar-detail-empty-state__background-image_task-icon: 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='M9.966 12.932v-2.678h2.473V3.042h-9.89v7.212H5.02v2.678h4.945zM1.725.982h11.538c.683 0 1.236.553 1.236 1.236v11.538c0 .683-.553 1.237-1.236 1.237H1.725a1.236 1.236 0 01-1.237-1.237V2.218c0-.683.554-1.237 1.237-1.237zm3.838 5.326l1.154 1.195L9.6 4.577l.824 1.237-3.708 3.709-2.06-2.06.906-1.155z' fill='%23BDC1C6'/%3E%3C/svg%3E");
--im-sidebar-detail-empty-state__background-image_file-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.147 0h10.706c.91 0 1.647.737 1.647 1.647v10.706c0 .91-.737 1.647-1.647 1.647H2.147C1.237 14 .5 13.263.5 12.353V1.647C.5.737 1.237 0 2.147 0zm.464 11.856h9.81v-.754L9.805 8.083l-1.308 1.51-3.27-3.773L2.61 8.838v3.018zm7.583-6.323a1.266 1.266 0 100-2.53 1.266 1.266 0 000 2.53z' fill='%23BDC1C6'/%3E%3C/svg%3E");
--im-sidebar-detail-empty-state__background-image_meeting-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg width='16' height='16' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.875 13.799H2.13V5.057h11.744v8.742zM12.812 2.243v-.55h1.224c1.118.07 1.984 1.04 1.964 2.2V14.9c0 .608-.475 1.101-1.063 1.101H1.07c-.587 0-1.063-.493-1.063-1.1V3.893A2.281 2.281 0 010 3.724C.002 2.6.884 1.69 1.97 1.693h1.224v.55c0 .911.712 1.65 1.593 1.65.88 0 1.594-.739 1.594-1.65v-.55h3.244v.55c0 .911.714 1.65 1.594 1.65.88 0 1.594-.739 1.594-1.65zM5.569.814v1.211c0 .447-.35.809-.78.809-.432 0-.782-.362-.782-.809V.803A.795.795 0 014.792 0c.432.003.778.368.776.814zm6.388.03v1.148c0 .422-.33.764-.738.764a.751.751 0 01-.736-.765V.844a.75.75 0 01.737-.764.75.75 0 01.737.764zM4.534 7.027a.5.5 0 00-.5.5v.997a.5.5 0 00.5.5h1.01a.5.5 0 00.5-.5v-.997a.5.5 0 00-.5-.5h-1.01zm0 2.995a.5.5 0 00-.5.5v.997a.5.5 0 00.5.5h1.01a.5.5 0 00.5-.5v-.997a.5.5 0 00-.5-.5h-1.01zM7.05 7.527a.5.5 0 01.5-.5h1.01a.5.5 0 01.5.5v.997a.5.5 0 01-.5.5h-1.01a.5.5 0 01-.5-.5v-.997zm.5 2.495a.5.5 0 00-.5.5v.997a.5.5 0 00.5.5h1.01a.5.5 0 00.5-.5v-.997a.5.5 0 00-.5-.5h-1.01zm2.515-2.495a.5.5 0 01.5-.5h1.01a.5.5 0 01.5.5v.997a.5.5 0 01-.5.5h-1.01a.5.5 0 01-.5-.5v-.997z' fill='%23BDC1C6'/%3E%3C/svg%3E");
--im-sidebar-detail-empty-state__background-image_sign-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='15' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1 0a1 1 0 00-1 1v13a1 1 0 001 1h10.023a1 1 0 001-1V5a2 2 0 00-.53-1.355l-2.764-3A2 2 0 007.258 0H1zm1.812 3.982a.79.79 0 000 1.58h5.817a.79.79 0 000-1.58H2.812zm0 3a.79.79 0 000 1.58h5.817a.79.79 0 000-1.58H2.812zm-.79 3.75a.79.79 0 01.79-.79h4.113a.79.79 0 010 1.58H2.812a.79.79 0 01-.79-.79z' fill='%23BDC1C6'/%3E%3C/svg%3E");
--im-sidebar-detail-empty-state__background-image_brief-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15 0H0v1.998h15V0zm-5 3.996H0v1.999h10V3.996zM0 7.993h15V9.99H0V7.993zm10 3.996H0v1.999h10v-1.999z' fill='%23BDC1C6'/%3E%3C/svg%3E");
--im-sidebar-detail-empty-state__background-image_message-search-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M15.279 16.387a6.37 6.37 0 111.837-1.836l3.31 3.31a1 1 0 010 1.414l-.423.423a1 1 0 01-1.414 0l-3.31-3.31zm1.058-5.328a4.55 4.55 0 11-9.099 0 4.55 4.55 0 019.099 0z' fill='%23BDC1C6'/%3E%3C/svg%3E");
}
.bx-im-sidebar-detail-empty-state__container {
display: flex;
flex-wrap: wrap;
justify-content: center;
align-items: center;
gap: 8px 5px;
max-width: 190px;
align-self: center;
text-align: center;
}
.bx-im-sidebar-detail-empty-state__icon {
display: inline-block;
width: 32px;
height: 32px;
border-radius: 50%;
background-position: center;
background-repeat: no-repeat;
background-color: var(--im-sidebar-detail-empty-state__background-color_icon);
}
.bx-im-sidebar-detail-empty-state__text {
font: var(--im-font-size-sm)/var(--im-font-line-height-md) var(--im-font-family-system);
font-weight: var(--im-font-weight-medium);
color: var(--im-sidebar-detail-empty-state__color_text);
}
.bx-im-sidebar-detail-empty-state__icon.--link {
background-image: var(--im-sidebar-detail-empty-state__background-image_link-icon);
}
.bx-im-sidebar-detail-empty-state__icon.--favorite {
background-image: var(--im-sidebar-detail-empty-state__background-image_favorite-icon);
}
.bx-im-sidebar-detail-empty-state__icon.--task {
background-image: var(--im-sidebar-detail-empty-state__background-image_task-icon);
}
.bx-im-sidebar-detail-empty-state__icon.--media {
background-image: var(--im-sidebar-detail-empty-state__background-image_file-icon);
}
.bx-im-sidebar-detail-empty-state__icon.--audio,
.bx-im-sidebar-detail-empty-state__icon.--document,
.bx-im-sidebar-file-media-detail__container .bx-im-sidebar-detail-empty-state__icon.--media {
background-image: var(--im-sidebar-detail-empty-state__background-image_sign-icon);
}
.bx-im-sidebar-detail-empty-state__icon.--meeting {
background-image: var(--im-sidebar-detail-empty-state__background-image_meeting-icon);
}
.bx-im-sidebar-detail-empty-state__icon.--sign {
background-image: var(--im-sidebar-detail-empty-state__background-image_sign-icon);
}
.bx-im-sidebar-detail-empty-state__icon.--brief {
background-image: var(--im-sidebar-detail-empty-state__background-image_brief-icon);
}
.bx-im-sidebar-detail-empty-state__icon.--message-search {
background-image: var(--im-sidebar-detail-empty-state__background-image_message-search-icon);
}
.bx-im-detail-empty-search-state__container {
--im-message-search-empty-state__color_title: var(--im-color-palette-gray-70, #828b95);
--im-message-search-empty-state__color_subtitle: var(--ui-color-palette-gray-50, #a8adb4);
--im-message-search-empty-state__background-image_icon: url("data:image/svg+xml;charset=utf-8,%3Csvg width='269' height='211' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='139.5' cy='95.5' r='56.5' fill='%232FC6F6' fill-opacity='.1'/%3E%3Cpath opacity='.03' fill-rule='evenodd' clip-rule='evenodd' d='M231.457 39.993h-10.786c-.092 0-.184-.004-.274-.01-2.438-.057-4.397-2.077-4.397-4.562a4.6 4.6 0 011.321-3.227 4.5 4.5 0 011.503-1.006 4.851 4.851 0 011.38-3.779A4.72 4.72 0 01223.565 26c1.615.002 3.04.82 3.897 2.07a3.838 3.838 0 011.301-.226c2.015.003 3.671 1.56 3.862 3.552 1.932.427 3.377 2.17 3.375 4.256-.002 2.402-1.925 4.349-4.295 4.348-.083 0-.166-.002-.248-.007zM62.87 175.982H36.444c-.226 0-.45-.009-.672-.026C29.8 175.816 25 170.764 25 164.553c.002-3.027 1.166-5.93 3.237-8.069a11.02 11.02 0 013.682-2.514c-.023-.308-.035-.62-.035-.934.002-3.194 1.23-6.256 3.415-8.514 2.185-2.257 5.148-3.524 8.236-3.522 3.955.005 7.448 2.051 9.546 5.174a9.225 9.225 0 013.188-.563c4.938.006 8.993 3.899 9.463 8.878 4.732 1.067 8.272 5.427 8.268 10.64-.005 6.007-4.715 10.873-10.523 10.871-.204 0-.406-.006-.607-.018z' fill='%233AC8F5'/%3E%3Cg opacity='.2'%3E%3Cg filter='url(%23filter0_d_6720_50468)'%3E%3Crect x='102' y='77' width='87' height='50' rx='8' fill='%23fff'/%3E%3Crect x='102' y='77' width='87' height='50' rx='8' fill='%2387A2C0' fill-opacity='.02'/%3E%3Crect x='102.5' y='77.5' width='86' height='49' rx='7.5' stroke='%237FDEFC'/%3E%3C/g%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='102' y='77' width='87' height='50'%3E%3Crect x='102' y='77' width='87' height='50' rx='8' fill='%23fff'/%3E%3Crect x='102' y='77' width='87' height='50' rx='8' fill='%2387A2C0' fill-opacity='.02'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Crect opacity='.18' x='102' y='77' width='1.673' height='50' rx='.837' fill='%236A737F'/%3E%3C/g%3E%3Crect opacity='.1' x='111.096' y='86.096' width='73.906' height='4.548' rx='2.274' fill='%23525C69'/%3E%3Crect opacity='.1' x='111.096' y='96.329' width='43.207' height='4.548' rx='2.274' fill='%23525C69'/%3E%3C/g%3E%3Cg opacity='.6'%3E%3Cg filter='url(%23filter1_d_6720_50468)'%3E%3Crect x='96' y='67' width='87' height='50' rx='8' fill='%23fff'/%3E%3Crect x='96' y='67' width='87' height='50' rx='8' fill='%2387A2C0' fill-opacity='.02'/%3E%3Crect x='96.5' y='67.5' width='86' height='49' rx='7.5' stroke='%237FDEFC'/%3E%3C/g%3E%3Cmask id='b' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='96' y='67' width='87' height='50'%3E%3Crect x='96' y='67' width='87' height='50' rx='8' fill='%23fff'/%3E%3Crect x='96' y='67' width='87' height='50' rx='8' fill='%2387A2C0' fill-opacity='.02'/%3E%3C/mask%3E%3Cg mask='url(%23b)'%3E%3Crect opacity='.18' x='96' y='67' width='1.673' height='50' rx='.837' fill='%236A737F'/%3E%3C/g%3E%3Crect opacity='.1' x='105' y='76' width='64' height='5' rx='2.5' fill='%23525C69'/%3E%3Crect opacity='.1' x='105' y='86' width='37' height='5' rx='2.5' fill='%23525C69'/%3E%3C/g%3E%3Cpath opacity='.6' d='M124.432 80.688c-6.375 6.375-8.978 14.178-5.769 17.387 3.21 3.209 11.01.609 17.428-5.81 6.375-6.375 9.018-14.218 5.809-17.427-3.207-3.21-11.05-.568-17.468 5.85z' fill='%23fff'/%3E%3Crect width='3.361' height='7.469' rx='1.68' transform='scale(1 -1) rotate(45 223.574 134.43)' fill='%2310ADDF'/%3E%3Cg filter='url(%23filter2_d_6720_50468)'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M121.829 113.922c-9.901-9.903-9.836-26.016.074-35.929 9.976-9.978 26.149-10.107 36.047-.201 9.9 9.903 9.772 26.079-.138 35.992-9.977 9.979-26.083 10.041-35.983.138zm3.012-3.014c8.197 8.199 21.618 8.148 29.878-.115 8.258-8.259 8.309-21.683.115-29.885-8.197-8.199-21.618-8.147-29.878.115-8.26 8.262-8.312 21.686-.115 29.885z' fill='%232FC6F6'/%3E%3C/g%3E%3Cpath opacity='.418' fill-rule='evenodd' clip-rule='evenodd' d='M124.509 111.24c-8.43-8.432-8.375-22.152.064-30.593h-.001c8.495-8.497 22.266-8.606 30.694-.171 8.43 8.432 8.321 22.206-.117 30.647-8.495 8.497-22.209 8.549-30.64.117zm.962-.962c7.855 7.857 20.715 7.807 28.63-.11 7.913-7.915 7.962-20.778.11-28.637-7.855-7.857-20.715-7.807-28.63.11-7.915 7.917-7.965 20.78-.11 28.637z' fill='%23A8ADB4' fill-opacity='.417'/%3E%3Cg filter='url(%23filter3_d_6720_50468)'%3E%3Crect x='157.899' y='118.717' width='7.095' height='23.153' rx='3.548' transform='rotate(-45 157.899 118.717)' fill='%23A8ADB4'/%3E%3C/g%3E%3Crect opacity='.115' x='158.582' y='119.399' width='2.987' height='21.222' rx='1.494' transform='rotate(-45 158.582 119.399)' fill='%23525C69'/%3E%3Cdefs%3E%3Cfilter id='filter0_d_6720_50468' x='95.178' y='73.589' width='100.644' height='63.644' 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='3.411'/%3E%3CfeGaussianBlur stdDeviation='3.411'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0.392157 0 0 0 0 0.427451 0 0 0 0 0.482353 0 0 0 0.1 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6720_50468'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_6720_50468' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter1_d_6720_50468' x='89.178' y='63.589' width='100.644' height='63.644' 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='3.411'/%3E%3CfeGaussianBlur stdDeviation='3.411'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0.392157 0 0 0 0 0.427451 0 0 0 0 0.482353 0 0 0 0.1 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6720_50468'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_6720_50468' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter2_d_6720_50468' x='110.993' y='70.436' width='57.761' height='58.908' 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='4.592'/%3E%3CfeGaussianBlur stdDeviation='1.722'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0.229271 0 0 0 0 0.243037 0 0 0 0 0.258333 0 0 0 0.04 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6720_50468'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_6720_50468' result='shape'/%3E%3C/filter%3E%3Cfilter id='filter3_d_6720_50468' x='155.925' y='115.169' width='25.337' height='26.486' 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='4.592'/%3E%3CfeGaussianBlur stdDeviation='1.722'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0.229271 0 0 0 0 0.243037 0 0 0 0 0.258333 0 0 0 0.04 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_6720_50468'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_6720_50468' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E");
display: flex;
flex-direction: column;
align-items: center;
margin: 15px 10px 0 0;
}
.bx-im-detail-empty-search-state__icon {
background-image: var(--im-message-search-empty-state__background-image_icon);
background-repeat: no-repeat;
background-position: -23px -8px;
width: 236px;
height: 172px;
margin-bottom: 12px;
}
.bx-im-detail-empty-search-state__title {
font: var(--im-font-size-xl)/var(--im-font-line-height-2xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-medium);
color: var(--im-message-search-empty-state__color_title);
margin-bottom: 8px;
}
.bx-im-detail-empty-search-state__subtitle {
font: var(--im-font-size-xs)/var(--im-font-line-height-2xs) var(--im-font-family-system);
color: var(--im-message-search-empty-state__color_subtitle);
margin-bottom: 12px;
max-width: 192px;
text-align: center;
}
.bx-im-sidebar-detail-tabs__scope {
--im-sidebar-detail-tabs__border-bottom-color_container: #edeef0;
--im-sidebar-detail-tabs__color_selected-tab: var(--im-color-palette-black-base);
--im-sidebar-detail-tabs__color_nonselected-tab: #828b95;
--im-sidebar-detail-tabs__background-color_selected-tab: #00ade3;
--im-sidebar-detail-tabs__background_left-control: linear-gradient(90deg, #FFFFFF 0%, #FFFFFF 50.28%, rgba(255, 255, 255, 0) 100%);
--im-sidebar-detail-tabs__background_right-control: linear-gradient(270deg, #FFFFFF 0%, #FFFFFF 50.28%, rgba(255, 255, 255, 0) 100%);
}
.bx-im-sidebar-detail-tabs__container {
height: 51px;
border-bottom: 1px solid var(--im-sidebar-detail-tabs__border-bottom-color_container);
position: relative;
flex-shrink: 0;
}
.bx-im-sidebar-detail-tabs__item {
cursor: pointer;
height: 100%;
position: relative;
display: flex;
align-items: center;
}
.bx-im-sidebar-detail-tabs__item.--selected .bx-im-sidebar-detail-tabs__item-title {
color: var(--im-sidebar-detail-tabs__color_selected-tab);
}
.bx-im-sidebar-detail-tabs__item-title {
font: var(--im-font-size-md)/var(--im-font-line-height-3xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-medium);
color: var(--im-sidebar-detail-tabs__color_nonselected-tab);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
transition: color 0.2s linear;
-webkit-user-select: none;
user-select: none;
}
.bx-im-sidebar-ears__control {
position: absolute;
top: 0;
z-index: 1;
width: 50px;
height: 100%;
cursor: pointer;
transition: all .3s linear;
display: flex;
justify-content: center;
align-items: center;
}
.bx-im-sidebar-ears__control.--left {
left: 0;
background: var(--im-sidebar-detail-tabs__background_left-control)
}
.bx-im-sidebar-ears__control.--right {
right: 0;
background: var(--im-sidebar-detail-tabs__background_right-control);
}
.--left .bx-im-sidebar__forward-icon {
transform: rotate(180deg);
}
.bx-im-sidebar-ears__elements {
padding: 0 16px 0 30px;
display: flex;
justify-content: space-between;
align-items: center;
width: 100%;
height: 100%;
overflow-x: scroll;
overflow-y: hidden;
position: relative;
gap: 15px;
-ms-overflow-style: none;
scrollbar-width: none;
}
.bx-sidebar-tabs-highlight {
content: '';
position: absolute;
height: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
bottom: 0;
background-color: var(--im-sidebar-detail-tabs__background-color_selected-tab);
transition: .3s cubic-bezier(.25,.8,.5,1);
}
.bx-im-sidebar-ears__elements::-webkit-scrollbar {
width: 0;
height: 0;
}
.bx-im-sidebar-file-media-detail__items-group {
display: flex;
flex-wrap: wrap;
row-gap: 19px;
column-gap: 8px;
padding: 0 0 10px 14px;
}
.bx-im-sidebar-file-media-detail__scope .bx-im-sidebar-detail-empty-state__container {
margin-top: 54px;
}
.bx-im-sidebar-file-media-detail__date-group_container {
display: flex;
flex-direction: column;
}
.bx-im-sidebar-file-audio-detail__scope .bx-im-sidebar-detail-empty-state__container {
margin-top: 54px;
}
.bx-im-sidebar-file-audio-detail__date-group_container {
display: flex;
flex-direction: column;
}
.bx-im-sidebar-brief-detail__date-group_container {
display: flex;
flex-direction: column;
}
.bx-im-sidebar-brief-detail__scope .bx-im-sidebar-detail-empty-state__container {
margin-top: 54px;
}
.bx-im-sidebar-file-detail__scope {
padding: 0 15px 12px;
}
.bx-im-sidebar-file-detail__scope .bx-im-sidebar-detail-empty-state__container {
margin-top: 54px;
}
.bx-im-sidebar-file-detail__date-group_container {
display: flex;
flex-direction: column;
}
.bx-im-sidebar-file-detail-item__scope {
--im-sidebar-file-detail-item__border-color_icon-container: #dfe0e3;
--im-sidebar-file-detail-item__color_file-size: #bdc1c6;
--im-sidebar-file-detail-item__color_author-title: #a8adb4;
--im-sidebar-file-detail-item__color_file-title: #2066B0;
--im-sidebar-file-detail-item__text-decoration-color_title: #a6c2df;
--im-sidebar-file-detail-item__color_highlight: var(--im-color-palette-black-solid);
--im-sidebar-file-detail-item__background-color_highlight: #faf16d;
}
.bx-im-sidebar-file-detail-item__container {
display: flex;
align-items: center;
}
.bx-im-sidebar-file-detail-item__container + .bx-im-sidebar-file-detail-item__container {
margin-top: 12px;
}
.bx-im-sidebar-file-detail-item__icon-container {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: center;
width: 52px;
height: 52px;
border-radius: 10px;
border: 1px solid var(--im-sidebar-file-detail-item__border-color_icon-container);
}
.bx-im-sidebar-file-detail-item__content-container {
display: flex;
margin-left: 12px;
flex: 1;
}
.bx-im-sidebar-file-detail-item__icon-container .ui-icon {
width: 26px;
}
.bx-im-sidebar-file-detail-item__content {
display: flex;
flex-direction: column;
max-width: 200px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.bx-im-sidebar-file-detail-item__file-title {
display: flex;
align-items: baseline;
cursor: pointer;
margin-bottom: 5px;
}
.bx-im-sidebar-file-detail-item__file-title-text {
font: var(--im-font-size-md)/var(--im-font-line-height-3xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-medium);
color: var(--im-sidebar-file-detail-item__color_file-title);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.bx-im-sidebar-file-detail-item__file-title-text .--highlight {
color: var(--im-sidebar-file-detail-item__color_highlight);
background-color: var(--im-sidebar-file-detail-item__background-color_highlight);
}
.bx-im-sidebar-file-detail-item__file-title-text:hover {
text-decoration: underline;
-webkit-text-decoration-color: var(--im-sidebar-file-detail-item__text-decoration-color_title);
text-decoration-color: var(--im-sidebar-file-detail-item__text-decoration-color_title);
text-underline-offset: 2px;
}
.bx-im-sidebar-file-detail-item__file-size {
font: var(--im-font-size-4xs)/var(--im-font-line-height-3xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-medium);
color: var(--im-sidebar-file-detail-item__color_file-size);
margin-left: 4px;
}
.bx-im-sidebar-file-detail-item__author-container {
display: flex;
}
.bx-im-sidebar-file-detail-item__author-avatar {
flex-shrink: 0;
}
.bx-im-sidebar-file-detail-item__author-container .bx-im-chat-title__text {
font: var(--im-font-size-xs)/var(--im-font-line-height-2xs) var(--im-font-family-system);
--im-chat-title__font-color: var(--im-sidebar-file-detail-item__color_author-title);
}
.bx-im-sidebar-file-detail-item__system-author-text {
font: var(--im-font-size-xs)/var(--im-font-line-height-2xs) var(--im-font-family-system);
color: var(--im-sidebar-file-detail-item__color_author-title);
}
.bx-im-sidebar-file-detail-item__author-container .bx-im-chat-title__icon::before {
top: 2px;
}
.bx-im-sidebar-file-detail-item__author-container .bx-im-chat-title__container {
margin-left: 4px;
}
.bx-im-link-item__scope {
--im-link-item__background-color_item-container: #f5f7f8;
--im-link-item__color_short-description-text: #828b95;
--im-link-item__color_description-text: #2066b0;
--im-link-item__color_author-title: #6a737f;
--im-link-item__text-decoration-color_link: #a0bddb;
--im-link-item__background-color_task-container: #ddf0f0;
--im-link-item__background-color_post-container: #dee8f3;
--im-link-item__background-color_calendar-container: #e7ecdf;
--im-link-item__background-color_landing-container: #e1f2f8;
--im-link-item__background-color_common-container: #edf0f1;
--im-link-item__background_task-icon: #05b5ab 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='M16.111 20.22v-4.464h4.121V3.736H3.75v12.02h4.12v4.464h8.242zM2.375.302h19.231a2.06 2.06 0 012.06 2.06v19.232a2.06 2.06 0 01-2.06 2.06H2.375a2.06 2.06 0 01-2.06-2.06V2.363a2.06 2.06 0 012.06-2.06zM8.772 9.18l1.923 1.992 4.808-4.876 1.373 2.06-6.181 6.181-3.434-3.434L8.77 9.18z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
--im-link-item__background_post-icon: #0b66c3 url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M2.43.714a2 2 0 00-2 2v8.832a2 2 0 002 2h2.008v4.935l5.011-4.936h7.02a2 2 0 002-2v-8.83a2 2 0 00-2-2H2.43zm21.054 5.922a2 2 0 012 2v7.845a2 2 0 01-2 2h-2.009v3.948l-4.009-3.948H11.45a2 2 0 01-2-2v-.962h8.029a3 3 0 003-3V6.637h3.006z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
--im-link-item__background_calendar-icon: #688800 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='M23.79 23.665H4.219V9.095H23.79v14.57zm-1.77-19.26v-.917h2.04c1.863.117 3.306 1.733 3.272 3.668V25.5c0 1.012-.791 1.834-1.77 1.834H2.447c-.977 0-1.77-.822-1.77-1.834V7.156a3.801 3.801 0 01-.011-.282c.004-1.875 1.473-3.39 3.283-3.386h2.04v.917c0 1.519 1.188 2.751 2.656 2.751 1.467 0 2.655-1.232 2.655-2.751v-.917h5.408v.917c0 1.519 1.19 2.751 2.656 2.751 1.466 0 2.656-1.232 2.656-2.751zM9.946 2.024v2.018c0 .744-.583 1.348-1.301 1.348-.72 0-1.302-.604-1.302-1.348V2.006c.004-.743.592-1.343 1.31-1.34.72.006 1.297.613 1.293 1.358zm10.647.05v1.913c0 .702-.55 1.273-1.23 1.273-.68-.002-1.228-.573-1.228-1.275V2.073c0-.704.551-1.273 1.23-1.273.677 0 1.228.57 1.228 1.273zM7.89 12.378a.5.5 0 00-.5.5v2.327a.5.5 0 00.5.5h2.35a.5.5 0 00.5-.5V12.88a.5.5 0 00-.5-.5H7.89zm0 4.991a.5.5 0 00-.5.5v2.328a.5.5 0 00.5.5h2.35a.5.5 0 00.5-.5V17.87a.5.5 0 00-.5-.5H7.89zm4.525-4.491a.5.5 0 01.5-.5h2.35a.5.5 0 01.5.5v2.327a.5.5 0 01-.5.5h-2.35a.5.5 0 01-.5-.5V12.88zm.5 4.491a.5.5 0 00-.5.5v2.328a.5.5 0 00.5.5h2.35a.5.5 0 00.5-.5V17.87a.5.5 0 00-.5-.5h-2.35zm4.524-4.491a.5.5 0 01.5-.5h2.35a.5.5 0 01.5.5v2.327a.5.5 0 01-.5.5h-2.35a.5.5 0 01-.5-.5V12.88z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
--im-link-item__background_landing-icon: #2fc6f6 url("data:image/svg+xml;charset=utf-8,%3Csvg width='24' height='23' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M11.122 22.523V3.73C7.108 1.19 3.43.498 1.602.311A1.104 1.104 0 00.391 1.417v16.318c0 .56.422 1.02.976 1.094 3.799.514 7.05 1.745 9.755 3.694zm11.556-3.83c-1.927.292-6.447 1.212-9.798 3.732v-18.7C15.455 1.859 18.612.7 22.35.25a1.117 1.117 0 011.261 1.1v16.248a1.1 1.1 0 01-.933 1.094z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
--im-link-item__background_common-icon: #a8adb4 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='M21.854 10.905l-4.38 4.38a6.191 6.191 0 01-8.758 0 6.184 6.184 0 01-.94-1.25L9.811 12c.097-.097.216-.153.33-.22.141.482.387.937.765 1.315a3.099 3.099 0 004.378 0l4.38-4.379a3.099 3.099 0 000-4.38 3.1 3.1 0 00-4.38 0l-1.557 1.56a7.77 7.77 0 00-3.95-.43l3.318-3.319a6.194 6.194 0 018.759 8.759zm-11.58 7.2l-1.558 1.56a3.102 3.102 0 01-4.379 0 3.101 3.101 0 010-4.38l4.38-4.38a3.098 3.098 0 014.378 0c.377.378.623.833.765 1.313.115-.067.233-.121.33-.218l2.035-2.034c-.26-.443-.56-.87-.94-1.25a6.193 6.193 0 00-8.759 0l-4.378 4.379a6.194 6.194 0 008.758 8.758l3.319-3.318a7.765 7.765 0 01-3.95-.43z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
--im-link-item__color_highlight: var(--im-color-palette-black-solid);
--im-link-item__background-color_highlight: #faf16d;
}
.bx-im-link-item__container {
display: flex;
height: 86px;
border-radius: 12px;
background-color: var(--im-link-item__background-color_item-container);
padding: 6px;
margin: 0 10px 0 15px;
}
.bx-im-link-item__container + .bx-im-link-item__container {
margin-top: 10px;
}
.bx-im-link-item__content {
margin-left: 12px;
max-width: 160px;
word-break: break-word;
flex: 1;
}
.bx-im-link-item__short-description-text {
font: var(--im-font-size-4xs)/var(--im-font-line-height-2xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-medium);
color: var(--im-link-item__color_short-description-text);
margin-bottom: 4px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.bx-im-link-item__description-text {
font: var(--im-font-size-md)/var(--im-font-line-height-2xs) var(--im-font-family-system);
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: initial;
color: var(--im-link-item__color_description-text);
min-height: 32px;
margin-bottom: 2px;
}
.bx-im-link-item__description-text .--highlight {
color: var(--im-link-item__color_highlight);
background-color: var(--im-link-item__background-color_highlight);
}
.bx-im-link-item__description-text:hover {
text-decoration: underline;
-webkit-text-decoration-color: var(--im-link-item__text-decoration-color_link);
text-decoration-color: var(--im-link-item__text-decoration-color_link);
text-underline-offset: 2px;
}
.bx-im-link-item__author-container {
display: flex;
gap: 6px;
}
.bx-im-link-item__author-text .bx-im-chat-title__text {
font: var(--im-font-size-4xs)/var(--im-font-line-height-3xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-medium);
--im-chat-title__font-color: var(--im-link-item__color_author-title);
}
.bx-im-link-item__author-text .bx-im-chat-title__icon::before {
top: 0;
}
.bx-im-link-item__author-avatar {
flex-shrink: 0;
}
.bx-im-link-item__context-menu {
display: flex;
justify-content: center;
align-self: center;
margin-left: 6px;
}
.bx-im-link-item__icon-container {
display: flex;
align-items: center;
justify-content: center;
width: 74px;
height: 74px;
border-radius: 12px;
}
.bx-im-link-item__icon-container.--task {
background-color: var(--im-link-item__background-color_task-container);
}
.bx-im-link-item__icon-container.--post {
background-color: var(--im-link-item__background-color_post-container);
}
.bx-im-link-item__icon-container.--calendar {
background-color: var(--im-link-item__background-color_calendar-container);
}
.bx-im-link-item__icon-container.--landing {
background-color: var(--im-link-item__background-color_landing-container);
}
.bx-im-link-item__icon-container.--common {
background-color: var(--im-link-item__background-color_common-container);
}
.bx-im-link-item__icon {
width: 48px;
height: 48px;
border-radius: 50%;
}
.bx-im-link-item__icon.--task {
background: var(--im-link-item__background_task-icon);
}
.bx-im-link-item__icon.--post {
background: var(--im-link-item__background_post-icon);
}
.bx-im-link-item__icon.--calendar {
background: var(--im-link-item__background_calendar-icon);
}
.bx-im-link-item__icon.--landing {
background: var(--im-link-item__background_landing-icon);
}
.bx-im-link-item__icon.--common {
background: var(--im-link-item__background_common-icon);
}
.bx-im-sidebar-meeting-item__scope {
--im-sidebar-meeting-item__background-color_container: #f5f7f8;
--im-sidebar-meeting-item__color_day-text: #525c69;
--im-sidebar-meeting-item__color_month-text: #a8adb4;
--im-sidebar-meeting-item__color_title-text: #525c69;
--im-sidebar-meeting-item__color_hover-title-text: #2066b0;
--im-sidebar-meeting-item__color_date-text: #828b95;
--im-sidebar-meeting-item__background_active-meeting-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_2452_783959)'%3E%3Cpath d='M41 10a5 5 0 00-5-5H8a5 5 0 00-5 5v26a5 5 0 005 5h28a5 5 0 005-5V10z' fill='%232FC6F6'/%3E%3Cpath d='M41 10a5 5 0 00-5-5H8a5 5 0 00-5 5v26a5 5 0 005 5h28a5 5 0 005-5V10z' fill='%23fff' fill-opacity='.5'/%3E%3Crect x='40' y='40' width='36' height='35' rx='4' transform='rotate(180 40 40)' fill='%23fff'/%3E%3Cpath d='M41 8.33A6.33 6.33 0 0034.67 2H9.33A6.33 6.33 0 003 8.33V11h38V8.33z' fill='%232FC6F6'/%3E%3Cellipse opacity='.5' rx='1.892' ry='1.903' transform='matrix(-1 0 0 1 27.592 6.903)' fill='%23fff'/%3E%3Cellipse opacity='.5' rx='1.892' ry='1.903' transform='matrix(-1 0 0 1 15.807 6.903)' fill='%23fff'/%3E%3Cpath opacity='.161' fill='%230092C0' d='M40 11H4v1h36z'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_2452_783959' x='0' y='0' width='44' height='45' 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'/%3E%3CfeGaussianBlur stdDeviation='1.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_2452_783959'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_2452_783959' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat center;
--im-sidebar-meeting-item__background_inactive-meeting-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg width='44' height='45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg filter='url(%23filter0_d_4401_183147)'%3E%3Cpath d='M41 10a5 5 0 00-5-5H8a5 5 0 00-5 5v26a5 5 0 005 5h28a5 5 0 005-5V10z' fill='%23C4C4C4'/%3E%3Cpath d='M41 10a5 5 0 00-5-5H8a5 5 0 00-5 5v26a5 5 0 005 5h28a5 5 0 005-5V10z' fill='%23fff' fill-opacity='.5'/%3E%3Crect x='40' y='40' width='36' height='35' rx='4' transform='rotate(180 40 40)' fill='%23fff'/%3E%3Cpath d='M41 8.33A6.33 6.33 0 0034.67 2H9.33A6.33 6.33 0 003 8.33V11h38V8.33z' fill='%23BDC1C6'/%3E%3Cellipse opacity='.5' rx='1.892' ry='1.903' transform='matrix(-1 0 0 1 27.592 6.903)' fill='%23fff'/%3E%3Cellipse opacity='.5' rx='1.892' ry='1.903' transform='matrix(-1 0 0 1 15.807 6.903)' fill='%23fff'/%3E%3Cpath opacity='.161' fill='%230092C0' d='M40 11H4v1h36z'/%3E%3C/g%3E%3Cdefs%3E%3Cfilter id='filter0_d_4401_183147' x='0' y='0' width='44' height='45' 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'/%3E%3CfeGaussianBlur stdDeviation='1.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.05 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_4401_183147'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_4401_183147' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat center;
--im-sidebar-meeting-item__color_highlight: var(--im-color-palette-black-solid);
--im-sidebar-meeting-item__background-color_highlight: #faf16d;
}
.bx-im-sidebar-meeting-item__container {
display: flex;
height: 59px;
border-radius: 10px;
background: var(--im-sidebar-meeting-item__background-color_container);
padding: 10px 11px 11px 13px;
margin: 0 10px 0 18px;
}
.bx-im-sidebar-meeting-item__container + .bx-im-sidebar-meeting-item__container {
margin-top: 10px;
}
.bx-im-sidebar-meeting-preview__container .bx-im-sidebar-meeting-item__container {
margin: 0;
}
.bx-im-sidebar-meeting-item__icon-container {
position: relative;
width: 38px;
height: 41px;
flex-shrink: 0;
text-align:center;
}
.bx-im-sidebar-meeting-item__icon-container.--active {
background: var(--im-sidebar-meeting-item__background_active-meeting-icon);
}
.bx-im-sidebar-meeting-item__icon-container.--inactive {
background: var(--im-sidebar-meeting-item__background_inactive-meeting-icon);
}
.bx-im-sidebar-meeting-item__day-text {
margin-top: 9px;
font: var(--im-font-size-lg)/var(--im-font-line-height-2xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-bold);
color: var(--im-sidebar-meeting-item__color_day-text);
}
.bx-im-sidebar-meeting-item__month-text {
font: var(--im-font-size-7xs)/var(--im-font-line-height-md) var(--im-font-family-system);
font-weight: var(--im-font-weight-bold);
color: var(--im-sidebar-meeting-item__color_month-text);
text-transform: uppercase;
}
.bx-im-sidebar-meeting-item__content-container {
display: flex;
align-items: center;
flex: 1;
margin-left: 11px;
overflow: hidden;
cursor: pointer;
}
.bx-im-sidebar-meeting-item__content {
max-width: 160px;
}
.bx-im-sidebar-meeting-item__title {
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-sidebar-meeting-item__color_title-text);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.bx-im-sidebar-meeting-item__title .--highlight {
color: var(--im-sidebar-meeting-item__color_highlight);
background-color: var(--im-sidebar-meeting-item__background-color_highlight);
}
.bx-im-sidebar-meeting-item__container:hover .bx-im-sidebar-meeting-item__title {
color: var(--im-sidebar-meeting-item__color_hover-title-text);
}
.bx-im-sidebar-meeting-item__date {
font: var(--im-font-size-4xs)/var(--im-font-line-height-3xs) var(--im-font-family-system);
color: var(--im-sidebar-meeting-item__color_date-text);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
margin-top: 3px;
}
.bx-im-favorite-item__scope {
--im-sidebar-favorite-detail__background-color_item: #f5f7f8;
--im-sidebar-favorite-detail__color_author-text: #6a737f;
--im-sidebar-favorite-detail__color_message-text: #525c69;
--im-sidebar-favorite-detail__color_highlight: var(--im-color-palette-black-solid);
--im-sidebar-favorite-detail__background-color_highlight: #faf16d;
}
.bx-im-favorite-item__container {
background-color: var(--im-sidebar-favorite-detail__background-color_item);
border-radius: 12px;
padding: 6px 12px 10px;
margin: 0 10px 0 15px;
cursor: pointer;
}
.bx-im-favorite-item__container + .bx-im-favorite-item__container {
margin-top: 8px;
}
.bx-im-favorite-item__author-container {
display: flex;
align-items: center;
gap: 6px;
overflow: hidden;
}
.bx-im-favorite-item__header-container {
display: flex;
justify-content: space-between;
margin-bottom: 6px;
}
.bx-im-favorite-item__author-avatar {
flex-shrink: 0;
}
.bx-im-favorite-item__author-text .bx-im-chat-title__text {
--im-chat-title__font-color: var(--im-sidebar-favorite-detail__color_author-text);
font: var(--im-font-size-xs)/var(--im-font-line-height-2xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-medium);
}
.bx-im-favorite-item__author-text .bx-im-chat-title__icon::before {
top: 2px;
}
.bx-im-favorite-item__message-text {
font: var(--im-font-size-xs)/var(--im-font-line-height-2xs) var(--im-font-family-system);
color: var(--im-sidebar-favorite-detail__color_message-text);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: initial;
}
.bx-im-favorite-item__message-text .--highlight {
color: var(--im-sidebar-favorite-detail__color_highlight);
background-color: var(--im-sidebar-favorite-detail__background-color_highlight);
}
.bx-im-message-search-item__scope {
--im-sidebar-message-search-detail__background-color_item: #f5f7f8;
--im-sidebar-message-search-detail__color_author-text: #6a737f;
--im-sidebar-message-search-detail__color_message-text: #525c69;
--im-sidebar-message-search-detail__color_highlight: var(--im-color-palette-black-solid);
--im-sidebar-message-search-detail__background-color_highlight: #faf16d;
}
.bx-im-message-search-item__container {
background-color: var(--im-sidebar-message-search-detail__background-color_item);
border-radius: 12px;
padding: 6px 12px 10px;
margin: 0 10px 0 15px;
cursor: pointer;
}
.bx-im-message-search-item__container + .bx-im-message-search-item__container {
margin-top: 8px;
}
.bx-im-message-search-item__author-container {
display: flex;
align-items: center;
gap: 6px;
overflow: hidden;
}
.bx-im-message-search-item__header-container {
display: flex;
justify-content: space-between;
margin-bottom: 6px;
}
.bx-im-message-search-item__author-avatar {
flex-shrink: 0;
}
.bx-im-message-search-item__author-text .bx-im-chat-title__text {
--im-chat-title__font-color: var(--im-sidebar-message-search-detail__color_author-text);
font: var(--im-font-size-xs)/var(--im-font-line-height-2xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-medium);
}
.bx-im-message-search-item__author-text .bx-im-chat-title__icon::before {
top: 2px;
}
.bx-im-message-search-item__system-author {
height: 18px;
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-sidebar-message-search-detail__color_author-text);
}
.bx-im-message-search-item__message-text {
font: var(--im-font-size-xs)/var(--im-font-line-height-2xs) var(--im-font-family-system);
color: var(--im-sidebar-message-search-detail__color_message-text);
display: -webkit-box;
-webkit-line-clamp: 3;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: initial;
}
.bx-im-message-search-item__message-text .--highlight {
color: var(--im-sidebar-message-search-detail__color_highlight);
background-color: var(--im-sidebar-message-search-detail__background-color_highlight);
}
.bx-im-sidebar-search-header__scope {
--im-sidebar-search-header__border-color_separator: #ecedef;
}
.bx-im-sidebar-search-header__container {
display: flex;
justify-content: space-between;
align-items: center;
height: 65px;
padding-left: 16px;
border-bottom: 1px solid var(--im-sidebar-search-header__border-color_separator);
}
.bx-im-sidebar-search-header__title-container {
display: flex;
align-items: center;
overflow: hidden;
}
.bx-im-sidebar-search-header__calendar-icon {
margin: 0 20px 0 10px;
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='M17.875 17.799H6.13V9.057h11.744v8.742zM16.812 6.243v-.55h1.224c1.118.07 1.984 1.04 1.964 2.2V18.9c0 .608-.475 1.101-1.063 1.101H5.07c-.587 0-1.063-.493-1.063-1.1V7.893A2.28 2.28 0 014 7.724c.002-1.124.884-2.034 1.97-2.031h1.224v.55c0 .911.712 1.65 1.593 1.65.88 0 1.594-.739 1.594-1.65v-.55h3.244v.55c0 .911.714 1.65 1.594 1.65.88 0 1.594-.739 1.594-1.65zM9.569 4.814v1.211c0 .447-.35.809-.78.809-.432 0-.782-.362-.782-.809V4.803A.795.795 0 018.792 4c.432.003.778.368.776.814zm6.388.03v1.148c0 .422-.33.764-.738.764a.751.751 0 01-.736-.765V4.844a.75.75 0 01.737-.764.75.75 0 01.737.764zm-7.422 6.183a.5.5 0 00-.5.5v.997a.5.5 0 00.5.5h1.01a.5.5 0 00.5-.5v-.997a.5.5 0 00-.5-.5h-1.01zm0 2.995a.5.5 0 00-.5.5v.997a.5.5 0 00.5.5h1.01a.5.5 0 00.5-.5v-.997a.5.5 0 00-.5-.5h-1.01zm2.515-2.495a.5.5 0 01.5-.5h1.01a.5.5 0 01.5.5v.997a.5.5 0 01-.5.5h-1.01a.5.5 0 01-.5-.5v-.997zm.5 2.495a.5.5 0 00-.5.5v.997a.5.5 0 00.5.5h1.01a.5.5 0 00.5-.5v-.997a.5.5 0 00-.5-.5h-1.01zm2.515-2.495a.5.5 0 01.5-.5h1.01a.5.5 0 01.5.5v.997a.5.5 0 01-.5.5h-1.01a.5.5 0 01-.5-.5v-.997z' fill='%232FC6F6'/%3E%3C/svg%3E") no-repeat center;
cursor: pointer;
}
.bx-im-sidebar-search-header__title-text {
font: var(--im-font-size-xl)/var(--im-font-line-height-2xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
margin-left: 10px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.bx-im-sidebar-search-header__input {
margin-left: 11px;
width: 246px;
}
.bx-im-chat-with-user-item__scope {
--im-chat-with-user-item__background-color_container: var(--im-color-palette-white-base);
--im-chat-with-user-item__background-color_hover-container: #f1f4f6;
--im-chat-with-user-item__color_item-text: var(--ui-color-palette-gray-60);
--im-chat-with-user-item__color_item-date: var(--im-color-palette-gray-40);
--im-chat-with-user-item__color_highlight: var(--im-color-palette-black-solid);
--im-chat-with-user-item__background-color_highlight: #faf16d;
}
.bx-im-chat-with-user-item__container {
display: flex;
height: 70px;
transition: background .3s;
background-color: var(--im-chat-with-user-item__background-color_container);
border-radius: 8px;
cursor: pointer;
flex-shrink: 0;
position: relative;
}
.bx-im-chat-with-user-item__container:hover {
background-color: var(--im-chat-with-user-item__background-color_hover-container);
}
.bx-im-chat-with-user-item__avatar-container {
padding: 11px 0 0 10px;
}
.bx-im-chat-with-user-item__content-container {
display: flex;
flex-direction: column;
min-width: 0;
flex: 1;
padding: 8px 13px 0 12px;
}
.bx-im-chat-with-user-item__item-text {
font: var(--im-font-size-md)/var(--im-font-line-height-2xs) var(--im-font-family-system);
color: var(--im-chat-with-user-item__color_item-text);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
padding-top: 3px;
}
.bx-im-chat-with-user-item__date {
display: flex;
flex-shrink: 0;
align-items: center;
justify-content: right;
height: 18px;
margin-left: 3px;
font: var(--im-font-size-xs)/var(--im-font-line-height-3xs) var(--im-font-family-system);
color: var(--im-chat-with-user-item__color_item-date);
text-transform: lowercase;
}
.bx-im-chat-with-user-item__content_header {
display: flex;
justify-content: space-between;
align-items: flex-end;
margin-bottom: 3px;
}
.bx-im-multidialog-item__container {
--im-multidialog-item__background-color_item-container: #f8fafb;
--im-multidialog-item__background-color_status: #eef2f4;
--im-multidialog-item__color_status: #828b95;
--im-multidialog-item__color_title: #828B95;
--im-multidialog-item__color_date: #a9aeb4;
--im-multidialog-item__background-color_item-container_open: #ecfafe;
--im-multidialog-item__background-color_status_open: #d3f4ff;
--im-multidialog-item__color_status_open: #11a9d9;
--im-multidialog-item__color_title_open: #00789e;
--im-multidialog-item__background-color_item-container_selected: #01ace3;
--im-multidialog-item__background-color_status_selected: #34bde9;
display: grid;
grid-template-columns: auto auto;
grid-template-rows: auto auto;
gap: 5px;
justify-content: space-between;
align-content: space-between;
min-height: 60px;
background: var(--im-multidialog-item__background-color_item-container);
padding: 6px 10px 10px;
border-radius: 8px;
cursor: pointer;
}
.bx-im-multidialog-item__container.--new,
.bx-im-multidialog-item__container.--open {
background: var(--im-multidialog-item__background-color_item-container_open);
}
.bx-im-multidialog-item__container.--selected {
background: var(--im-multidialog-item__background-color_item-container_selected);
}
.bx-im-multidialog-item__title {
color: var(--im-multidialog-item__color_title);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
font-size: 12px;
font-weight: 600;
line-height: 17px;
}
.--new .bx-im-multidialog-item__title,
.--open .bx-im-multidialog-item__title {
color: var(--im-multidialog-item__color_title_open);
}
.--selected .bx-im-multidialog-item__title {
color: var(--ui-color-palette-white-base);
}
.bx-im-multidialog-item__date {
color: var(--im-multidialog-item__color_date);
font-size: 11px;
line-height: 14px;
}
.--selected .bx-im-multidialog-item__date {
color: var(--ui-color-palette-white-base);
}
.bx-im-multidialog-item__status {
border-radius: 58px;
background: var(--im-multidialog-item__background-color_status);
padding: 0 8px;
color: var(--im-multidialog-item__color_status);
font-size: 10px;
font-weight: 600;
line-height: 18px;
width: -webkit-fit-content;
width: fit-content;
}
.--new .bx-im-multidialog-item__status,
.--open .bx-im-multidialog-item__status {
background: var(--im-multidialog-item__background-color_status_open);
color: var(--im-multidialog-item__color_status_open);
}
.--selected .bx-im-multidialog-item__status {
background: var(--im-multidialog-item__background-color_status_selected);
color: var(--ui-color-palette-white-base);
}
.bx-im-multidialog-item__count {
justify-self: end;
}
.--selected .bx-im-multidialog-item__count {
justify-self: end;
background: var(--ui-color-palette-white-base);
color: var(--im-multidialog-item__background-color_item-container_selected)
}
.bx-im-sidebar-info-preview__container {
display: flex;
flex-shrink: 0;
flex-direction: column;
justify-content: space-between;
padding: 13px 10px 12px 16px;
height: auto;
}
.bx-im-sidebar-file-preview__scope {
--im-sidebar-file-preview__color_not-active-title: #959ca4;
}
.bx-im-sidebar-file-preview__container {
display: flex;
flex-direction: column;
height: 130px;
padding: 10px 12px 0 12px;
}
.bx-im-sidebar-file-preview__files-container {
display: flex;
}
.bx-im-sidebar-file-preview__header_container {
display: flex;
align-items: center;
margin-bottom: 12px;
}
.bx-im-sidebar-file-preview__header_container.--active {
cursor: pointer;
}
.bx-im-sidebar-file-preview__title-text {
font: var(--im-font-size-lg)/var(--im-font-line-height-2xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
color: var(--im-sidebar-file-preview__color_not-active-title);
margin: 0 3px 0 2px;
}
.bx-im-sidebar-file-preview__header_container.--active .bx-im-sidebar-file-preview__title-text {
color: inherit;
}
.bx-im-sidebar-file-preview__header_container:hover .bx-im-sidebar__forward-icon {
opacity: 0.7;
}
.bx-im-sidebar-file-preview__container .bx-im-sidebar-detail-empty-state__container {
margin-top: 13px;
}
.bx-im-sidebar-task-list-preview__scope {
--im-sidebar-task-preview__color_not-active-title: #959ca4;
}
.bx-im-sidebar-task-list-preview__container {
display: flex;
flex-direction: column;
height: 118px;
padding: 10px 12px 16px;
}
.bx-im-sidebar-task-list-preview__title {
display: flex;
align-items: center;
}
.bx-im-sidebar-task-list-preview__header_container {
display: flex;
justify-content: space-between;
margin-bottom: 12px;
}
.bx-im-sidebar-task-list-preview__header_container.--active {
cursor: pointer;
}
.bx-im-sidebar-task-list-preview__title-text {
font: var(--im-font-size-lg)/var(--im-font-line-height-2xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
color: var(--im-sidebar-task-preview__color_not-active-title);
margin: 0 3px 0 2px;
}
.bx-im-sidebar-task-list-preview__header_container.--active .bx-im-sidebar-task-list-preview__title-text {
color: inherit;
}
.bx-im-sidebar-task-list-preview__header_container:hover .bx-im-sidebar__forward-icon {
opacity: 0.7;
}
.bx-im-sidebar-task-list-preview__title-button {
margin-right: 2px;
}
.bx-im-sidebar-task-list-preview__container .bx-im-sidebar-detail-empty-state__container {
margin-top: 7px;
}
.bx-im-sidebar-market-preview__container {
padding: 12px 6px;
}
.bx-im-sidebar-market-preview__header_container {
display: flex;
justify-content: space-between;
margin-bottom: 10px;
}
.bx-im-sidebar-market-preview__title {
display: flex;
align-items: center;
}
.bx-im-sidebar-market-preview__title-text {
font: var(--im-font-size-lg)/var(--im-font-line-height-2xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
color: var(--im-sidebar-meeting-preview__color_not-active-title);
margin: 0 3px 0 2px;
}
.bx-im-sidebar-meeting-preview__scope {
--im-sidebar-meeting-preview__color_not-active-title: #959ca4;
}
.bx-im-sidebar-meeting-preview__container {
display: flex;
flex-direction: column;
height: 117px;
padding: 10px 13px 22px 12px;
}
.bx-im-sidebar-meeting-preview__header_container {
display: flex;
justify-content: space-between;
margin-bottom: 12px;
}
.bx-im-sidebar-meeting-preview__header_container.--active {
cursor: pointer;
}
.bx-im-sidebar-meeting-preview__title {
display: flex;
align-items: center;
}
.bx-im-sidebar-meeting-preview__title-text {
font: var(--im-font-size-lg)/var(--im-font-line-height-2xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
color: var(--im-sidebar-meeting-preview__color_not-active-title);
margin: 0 3px 0 2px;
}
.bx-im-sidebar-meeting-preview__header_container.--active .bx-im-sidebar-meeting-preview__title-text {
color: inherit;
}
.bx-im-sidebar-meeting-preview__header_container:hover .bx-im-sidebar__forward-icon {
opacity: 0.7;
}
.bx-im-sidebar-meeting-preview__title-button {
margin-right: 2px;
}
.bx-im-sidebar-meeting-preview__container .bx-im-sidebar-detail-empty-state__container {
margin-top: 7px;
}
.bx-im-sidebar-main-preview-group-chat__avatar-container {
display: flex;
flex-direction: column;
align-items: center;
height: 172px;
padding: 25px 16px 0;
}
.bx-im-sidebar-main-preview-group-chat__avatar {
height: 94px;
display: flex;
align-items: center;
flex-shrink: 0;
}
.bx-im-sidebar-main-preview-group-chat__title {
flex-grow: 1;
}
.bx-im-sidebar-main-preview-group-chat__title .bx-im-chat-title__content {
text-align: center;
}
.bx-im-sidebar-main-preview-group-chat__title .bx-im-chat-title__text {
font: var(--im-font-size-xl)/18px var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
padding: 2px 0;
}
.bx-im-sidebar-main-preview-group-chat__chat-user-avatar.bx-im-avatar__container {
box-sizing: content-box;
}
.bx-im-sidebar-main-preview-group-chat__chat-members {
height: 42px;
padding: 7px 16px 11px;
}
.bx-im-sidebar-main-preview-group-chat__settings {
display: flex;
flex-direction: column;
gap: 8px;
padding: 5px 16px 14px;
}
.bx-im-sidebar-main-preview-post__avatar-container {
display: flex;
flex-direction: column;
align-items: center;
height: 172px;
padding: 25px 16px 0;
}
.bx-im-sidebar-main-preview-post__avatar {
height: 94px;
display: flex;
align-items: center;
flex-shrink: 0;
margin-bottom: 16px;
}
.bx-im-sidebar-main-preview-post__title {
margin-bottom: 4px;
font: var(--im-font-size-xl) var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
color: var(--im-color-palette-black-base);
}
.bx-im-sidebar-main-preview-post__subtitle {
font: var(--im-font-size-xs) var(--im-font-family-system);
color: var(--im-color-palette-gray-60);
}
.bx-im-sidebar-main-preview-post__settings {
display: flex;
flex-direction: column;
gap: 8px;
padding: 5px 16px 14px;
}
.bx-im-sidebar-main-preview__scope {
--im-sidebar-main-preview__color_position: #828b95;
}
.bx-im-sidebar-main-preview-personal-chat__avatar-container {
display: flex;
flex-direction: column;
align-items: center;
height: 172px;
padding: 25px 16px 4px;
overflow: hidden;
}
.bx-im-sidebar-main-preview-personal-chat__invite-button-container {
display: flex;
justify-content: center;
height: 36px;
padding: 9px 16px;
overflow: hidden;
}
.bx-im-sidebar-main-preview-personal-chat__user-name {
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
max-width: 275px;
}
.bx-im-sidebar-main-preview-personal-chat__user-name .bx-im-chat-title__text {
font: var(--im-font-size-xl)/20px var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
}
.bx-im-sidebar-main-preview-personal-chat__user-name .bx-im-chat-title__text.--self {
font-style: italic;
}
.bx-im-sidebar-main-preview-personal-chat__user-position {
font: var(--im-font-size-sm)/20px var(--im-font-family-system);
color: var(--im-sidebar-main-preview__color_position);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
padding: 0 15px;
max-width: 278px;
}
.bx-im-sidebar-main-preview-personal-chat__avatar {
margin-bottom: 9px;
flex-shrink: 0;
}
.bx-im-sidebar-main-preview-personal-chat__auto-delete-container {
display: flex;
flex-direction: column;
gap: 8px;
padding: 5px 16px 14px;
}
.bx-im-sidebar-copilot-preview-group-chat__avatar-container {
display: flex;
flex-direction: column;
align-items: center;
height: 172px;
padding: 25px 16px 0;
}
.bx-im-sidebar-copilot-preview-group-chat__title {
flex-grow: 1;
}
.bx-im-sidebar-copilot-preview-group-chat__title .bx-im-chat-title__content {
text-align: center;
}
.bx-im-sidebar-copilot-preview-group-chat__title .bx-im-chat-title__text {
font: var(--im-font-size-xl)/18px var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
padding: 2px 0;
}
.bx-im-sidebar-copilot-preview-group-chat__chat-members {
height: 42px;
padding: 7px 16px 11px;
}
.bx-im-sidebar-copilot-preview-group-chat__settings {
display: flex;
flex-direction: column;
gap: 8px;
padding: 5px 16px 14px;
}
.bx-im-sidebar-multidialog-preview__scope {
--im-sidebar-multidialog-preview__color_questions-counter: #babec3;
--im-sidebar-multidialog-preview__color_new-message-counter: #fff;
--im-sidebar-multidialog-preview__background-color_new-message-counter: #00ade3;
}
.bx-im-sidebar-multidialog-preview__container {
display: grid;
grid-template-columns: auto auto;
overflow: hidden;
gap: 20px;
justify-content: space-between;
align-items: center;
height: 52px;
padding: 16px;
cursor: pointer;
}
.bx-im-sidebar-multidialog-preview__container:hover .bx-im-sidebar__forward-icon {
opacity: 0.7;
}
.bx-im-sidebar-multidialog-preview__questions-container {
display: flex;
gap: 4px;
align-items: center;
font-size: 15px;
font-weight: 600;
overflow: hidden;
}
.bx-im-sidebar-multidialog-preview__questions-text {
color: var(--im-color-palette-black-base);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.bx-im-sidebar-multidialog-preview__questions-count {
color: var(--im-sidebar-multidialog-preview__color_questions-counter);
}
.bx-im-sidebar-multidialog-preview__new-message-container {
display: flex;
gap: 6px;
align-items: center;
}
.bx-im-sidebar-multidialog-preview__new-message-counter {
background: var(--im-sidebar-multidialog-preview__background-color_new-message-counter);
border-radius: 9px;
height: 18px;
min-width: 18px;
font-size: 12px;
display: flex;
align-items: center;
justify-content: center;
padding: 0 5px;
width: -webkit-fit-content;
width: fit-content;
color: var(--im-sidebar-multidialog-preview__color_new-message-counter);
}
.bx-im-sidebar-collab-helpdesk__container {
--im-sidebar-collab-helpdesk__background_container: linear-gradient(290deg, #17db47 0%, #20c749 100%);
--im-sidebar-collab-helpdesk__background-color_overlay: rgba(var(--im-color-palette-black-solid-rgb), 0);
--im-sidebar-collab-helpdesk__background-color_overlay-hover: rgba(var(--im-color-palette-black-solid-rgb), 0.06);
--im-sidebar-collab-helpdesk__color_title: var(--im-color-palette-white-base);
--im-sidebar-collab-helpdesk__color_description: rgba(var(--im-color-palette-white-base-rgb), 0.90);
--im-sidebar-collab-helpdesk__color_description-hover: var(--im-color-palette-white-base);
display: flex;
gap: 8px;
align-items: center;
min-height: 68px;
padding: 7px 6px 7px 8px;
background: var(--im-sidebar-collab-helpdesk__background_container);
cursor: pointer;
position: relative;
}
.bx-im-sidebar-collab-helpdesk__container::before {
position: absolute;
content: "";
inset: 0;
background-color: var(--im-sidebar-collab-helpdesk__background-color_overlay);
transition: background-color 0.3s ease-out;
}
.bx-im-sidebar-collab-helpdesk__container:hover::before {
background-color: var(--im-sidebar-collab-helpdesk__background-color_overlay-hover);
}
.bx-im-sidebar-collab-helpdesk__icon {
width: 42px;
height: 45px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='43' height='45' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath opacity='.2' d='M17.857 1.454a6.286 6.286 0 016.286 0L37.22 9.005a6.286 6.286 0 013.143 5.444v15.102a6.286 6.286 0 01-3.142 5.444l-13.08 7.55a6.286 6.286 0 01-6.285 0L4.78 34.995a6.286 6.286 0 01-3.143-5.444V14.449a6.286 6.286 0 013.143-5.444l13.078-7.55z' stroke='%23fff' stroke-width='1.108'/%3E%3Cpath d='M22.613 13.233a3.226 3.226 0 00-3.226 0l-5.172 2.986a3.226 3.226 0 00-1.614 2.794v5.973c0 1.152.615 2.217 1.614 2.794l5.172 2.986a3.226 3.226 0 003.226 0l5.173-2.986a3.226 3.226 0 001.613-2.794v-5.973a3.226 3.226 0 00-1.613-2.794l-5.173-2.986z' fill='url(%23paint0_linear_3638_80741)'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.767 7.702a6.465 6.465 0 016.466 0l7.532 4.35a6.465 6.465 0 013.233 5.598v8.698a6.465 6.465 0 01-3.233 5.6l-7.532 4.348a6.465 6.465 0 01-6.466 0l-7.532-4.349a6.465 6.465 0 01-3.233-5.599V17.65a6.465 6.465 0 013.233-5.599l7.532-4.349zm5.066 2.425l7.532 4.35a3.665 3.665 0 011.833 3.173v8.698c0 1.31-.699 2.52-1.833 3.174l-7.532 4.35a3.666 3.666 0 01-3.665 0l-7.533-4.35a3.665 3.665 0 01-1.833-3.174V17.65c0-1.31.699-2.52 1.833-3.174l7.533-4.349a3.666 3.666 0 013.665 0z' fill='url(%23paint1_linear_3638_80741)'/%3E%3Cg%3E%3Cg opacity='.9' filter='url(%23filter0_d_3638_80741)'%3E%3Ccircle cx='32.273' cy='32' r='7.727' fill='url(%23paint2_linear_3638_80741)'/%3E%3C/g%3E%3Cpath d='M31.727 34.96a.7.7 0 01-1.101-.575v-4.841a.7.7 0 011.1-.574l3.468 2.42a.7.7 0 010 1.148l-3.467 2.421z' fill='url(%23paint3_linear_3638_80741)'/%3E%3C/g%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_3638_80741' x1='11.123' y1='10.521' x2='30.768' y2='36.623' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='.06' stop-color='%23A2FFB9'/%3E%3Cstop offset='.14' stop-color='%23fff'/%3E%3Cstop offset='.465' stop-color='%23fff'/%3E%3Cstop offset='.515' stop-color='%23A2FFB9'/%3E%3Cstop offset='.63' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23A2FFB9'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint1_linear_3638_80741' x1='11.123' y1='10.521' x2='30.768' y2='36.623' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='.06' stop-color='%23A2FFB9'/%3E%3Cstop offset='.14' stop-color='%23fff'/%3E%3Cstop offset='.465' stop-color='%23fff'/%3E%3Cstop offset='.515' stop-color='%23A2FFB9'/%3E%3Cstop offset='.63' stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23A2FFB9'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint2_linear_3638_80741' x1='32.273' y1='24.273' x2='32.273' y2='39.727' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%23fff'/%3E%3Cstop offset='1' stop-color='%23F4F4F4'/%3E%3C/linearGradient%3E%3ClinearGradient id='paint3_linear_3638_80741' x1='33.321' y1='28.201' x2='33.321' y2='35.728' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='%2300BCF8'/%3E%3Cstop offset='1' stop-color='%2300A7DC'/%3E%3C/linearGradient%3E%3Cfilter id='filter0_d_3638_80741' x='21.547' y='23.273' width='21.453' height='21.453' 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='1.5'/%3E%3CfeComposite in2='hardAlpha' operator='out'/%3E%3CfeColorMatrix values='0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0 0.1 0'/%3E%3CfeBlend in2='BackgroundImageFix' result='effect1_dropShadow_3638_80741'/%3E%3CfeBlend in='SourceGraphic' in2='effect1_dropShadow_3638_80741' result='shape'/%3E%3C/filter%3E%3C/defs%3E%3C/svg%3E") no-repeat center;
flex-shrink: 0;
z-index: 1;
}
.bx-im-sidebar-collab-helpdesk__content {
display: flex;
flex-direction: column;
gap: 2px;
z-index: 1;
}
.bx-im-sidebar-collab-helpdesk__title {
font-size: var(--im-font-size-xl);
line-height: var(--im-font-line-height-2xs);
font-weight: var(--im-font-weight-semi-bold);
color: var(--im-sidebar-collab-helpdesk__color_title);
-webkit-user-select: none;
user-select: none;
}
.bx-im-sidebar-collab-helpdesk__description {
font-size: var(--im-font-size-md);
line-height: var(--im-font-line-height-3xs);
color: var(--im-sidebar-collab-helpdesk__color_description);
-webkit-user-select: none;
user-select: none;
}
.bx-im-sidebar-collab-helpdesk__container:hover .bx-im-sidebar-collab-helpdesk__description {
color: var(--im-sidebar-collab-helpdesk__color_description-hover);
}
.bx-im-sidebar-collab-helpdesk__close {
align-self: flex-start;
width: 24px;
height: 24px;
flex-shrink: 0;
background: 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='M11.254 10l3.254 3.254-1.254 1.254L10 11.254l-3.254 3.254-1.254-1.254L8.746 10 5.492 6.746l1.254-1.254L10 8.746l3.254-3.254 1.254 1.254L11.254 10z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
opacity: 0.6;
z-index: 1;
transition: opacity 0.3s ease-out;
}
.bx-im-sidebar-collab-helpdesk__close:hover {
opacity: 1;
}
.bx-im-sidebar-notes-preview {
--bx-im-sidebar-notes-preview__color_gray: var(--im-color-palette-gray-70);
padding: 20px 20px 12px;
}
.bx-im-sidebar-notes-preview__avatar {
display: flex;
align-items: flex-start;
justify-content: center;
margin-bottom: 20px;
}
.bx-im-sidebar-notes-preview__head {
display: flex;
flex-direction: column;
align-items: center;
}
.bx-im-sidebar-notes-preview__description {
display: inline-block;
vertical-align: top;
font: var(--im-font-size-sm)/20px var(--im-font-family-system);
color: var(--bx-im-sidebar-notes-preview__color_gray);
}
.bx-im-sidebar-task-preview__avatar-container {
--im-sidebar-task-preview__background-color_avatar: #e6f4ff;
display: flex;
flex-direction: column;
align-items: center;
height: 172px;
padding: 25px 16px 0;
}
.bx-im-sidebar-task-preview__avatar {
width: 94px;
height: 94px;
display: flex;
align-items: center;
flex-shrink: 0;
margin-bottom: 18px;
border-radius: 50%;
background-color: var(--im-sidebar-task-preview__background-color_avatar);
background-position: center;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='68' height='68' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.006 14.026a8.396 8.396 0 00-8.396 8.396V33.34a8.393 8.393 0 004.188 7.267v3.96c0 3.47 4.195 5.207 6.648 2.754l5.18-5.181c.13-.13.248-.265.355-.404h11.255a8.396 8.396 0 008.396-8.396v-.924h.922a3.918 3.918 0 013.918 3.919v7.324a3.917 3.917 0 01-2.1 3.473l-2.096 1.101v4.618l-5.274-5.274H36.9c-1.533 0-2.86-.88-3.504-2.163H29.26a7.84 7.84 0 007.639 6.081h4.48l4.167 4.168c2.453 2.453 6.647.716 6.647-2.753V50.6a7.836 7.836 0 004.196-6.941v-7.324a7.837 7.837 0 00-7.837-7.837h-.92v-6.076a8.396 8.396 0 00-8.397-8.396h-19.23zm-.29 24.325l-1.951-1.133a4.475 4.475 0 01-2.237-3.878V22.422a4.478 4.478 0 014.478-4.478h19.23a4.478 4.478 0 014.478 4.478V33.34a4.478 4.478 0 01-4.478 4.478H26.052l-1.176 1.53-.02.021-5.14 5.14V38.35z' fill='%237AB7FF'/%3E%3C/svg%3E");
background-size: 67px;
background-repeat: no-repeat;
}
.bx-im-sidebar-task-preview__title {
flex-grow: 1;
}
.bx-im-sidebar-task-preview__title .bx-im-chat-title__content {
text-align: center;
}
.bx-im-sidebar-task-preview__title .bx-im-chat-title__text {
font: var(--im-font-size-xl)/18px var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
padding: 2px 0;
}
.bx-im-sidebar-task-preview__chat-members {
height: 42px;
padding: 7px 16px 11px;
}
.bx-im-sidebar-file-media-detail-item__scope {
--im-sidebar-file-media-item__border-color_item-content: rgba(82, 92, 105, 0.08);
--im-sidebar-file-media-item__border-color_avatar-container: #fff;
--im-sidebar-file-media-item__background-color_video-item: #F5F7F8;
--im-sidebar-file-media-item__border-color_video-item: #F5F7F8;
--im-sidebar-file-media-item__color_-controls-time: #fff;
}
.bx-im-sidebar-file-media-detail-item__container {
width: 92px;
height: 111px;
position: relative;
}
.bx-im-sidebar-file-media-detail-item__header-container {
display: flex;
}
.bx-im-sidebar-file-media-detail-item__content {
width: 92px;
height: 92px;
outline: 1px solid var(--im-sidebar-file-media-item__border-color_item-content);
outline-offset: -1px;
border-radius: 10px;
margin-top: -7px;
cursor: pointer;
display: flex;
align-items: center;
justify-content: center;
background-origin: border-box;
}
.bx-im-sidebar-file-media-detail-item__content {
background-size: cover;
background-repeat: no-repeat;
}
.bx-im-sidebar-file-media-detail-item__content.--video {
background-color: var(--im-sidebar-file-media-item__background-color_video-item);
overflow: hidden;
}
.bx-im-sidebar-file-media-detail-item__video {
height: 92px;
border-radius: 10px;
}
.bx-im-sidebar-file-media-detail-item__video-controls {
position: absolute;
bottom: 0;
left: 0;
background: rgba(51, 51, 51, 0.8);
border-radius: 0 10px;
width: 64px;
height: 22px;
cursor: pointer;
}
.bx-im-sidebar-file-media-detail-item__video-controls-icon {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.824 3.665L.627.072A.396.396 0 00.213.047.405.405 0 000 .407v7.186c-.002.15.08.29.213.36.132.07.292.06.414-.026l5.197-3.593a.405.405 0 000-.669z' fill='%23fff' fill-opacity='.5'/%3E%3C/svg%3E");
width: 6px;
height: 8px;
display: inline-block;
margin-left: 10px;
vertical-align: middle;
}
.bx-im-sidebar-file-media-detail-item__video-controls-time {
font: var(--im-font-size-xs)/var(--im-font-line-height-3xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-medium);
color: var(--im-sidebar-file-media-item__color_-controls-time);
margin-left: 6px;
vertical-align: middle;
}
.bx-im-sidebar-file-media-detail-item__avatar-container {
border: 2px solid var(--im-sidebar-file-media-item__border-color_avatar-container);
border-radius: 50%;
margin-left: 4px;
z-index: 1;
}
.bx-im-sidebar-file-media-detail-item__context-menu {
margin-left: 42px;
}
.bx-im-sidebar-file-media-detail-item__context-menu.bx-im-messenger__context-menu-icon,
.bx-im-sidebar-file-media-detail-item__context-menu.bx-im-messenger__context-menu-icon:hover {
background-position-y: -2px;
}
.bx-im-sidebar-file-audio-detail-item__container {
margin: 0 8px 0 16px;
}
.bx-im-sidebar-file-audio-detail-item__container + .bx-im-sidebar-file-audio-detail-item__container {
margin-top: 14px;
}
.bx-im-sidebar-brief-item__scope {
--im-sidebar-brief-item__border-color_icon-container: #dfe0e3;
--im-sidebar-brief-item__color_size-text: #bdc1c6;
--im-sidebar-brief-item__color_author-title: #a8adb4;
--im-sidebar-brief-item__color_title: #2066b0;
--im-sidebar-brief-item__text-decoration-color_title: #a6c2df;
--im-sidebar-brief-item__color_title-hover: #4d85c0;
--im-sidebar-brief-item__background_item-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='42' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 3.154A2.312 2.312 0 012.312.842h18.696c.613 0 1.201.244 1.635.678l7.894 7.894c.434.433.677 1.021.677 1.635v27.944a2.312 2.312 0 01-2.312 2.312H2.312A2.312 2.312 0 010 38.993V3.154z' fill='%23D3F4FF'/%3E%3Cmask id='a' style='mask-type:alpha' maskUnits='userSpaceOnUse' x='0' y='0' width='32' height='42'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M0 3.154A2.312 2.312 0 012.312.842h18.696c.613 0 1.201.244 1.635.678l7.894 7.894c.434.433.677 1.021.677 1.635v27.944a2.312 2.312 0 01-2.312 2.312H2.312A2.312 2.312 0 010 38.993V3.154z' fill='%23525C69'/%3E%3C/mask%3E%3Cg mask='url(%23a)'%3E%3Cpath opacity='.15' fill-rule='evenodd' clip-rule='evenodd' d='M20.963.842h10.25v10.276c0-.343-.29-.449-.465-.449h-7.364a1.996 1.996 0 01-1.997-1.997V1.275c0-.13-.142-.433-.424-.433z' fill='%23008DBA'/%3E%3C/g%3E%3Crect opacity='.2' x='5.152' y='15.835' width='16.654' height='1.591' rx='.796' fill='%23008DBA'/%3E%3Crect opacity='.2' x='5.152' y='20.593' width='16.654' height='1.591' rx='.796' fill='%23008DBA'/%3E%3Crect opacity='.2' x='5.152' y='25.351' width='12.78' height='1.591' rx='.796' fill='%23008DBA'/%3E%3C/svg%3E") no-repeat center;
}
.bx-im-sidebar-brief-item__container {
display: flex;
align-items: center;
margin: 0 11px 0 19px;
}
.bx-im-sidebar-brief-item__container + .bx-im-sidebar-brief-item__container {
margin-top: 21px;
}
.bx-im-sidebar-brief-preview__container .bx-im-sidebar-brief-item__container {
margin: 0;
}
.bx-im-sidebar-brief-item__icon-container {
width: 32px;
height: 41px;
background: var(--im-sidebar-brief-item__background_item-icon);
}
.bx-im-sidebar-brief-item__content-container {
display: flex;
margin-left: 15px;
flex: 1;
height: 100%;
}
.bx-im-sidebar-brief-item__content {
display: flex;
flex-direction: column;
justify-content: space-between;
max-width: 200px;
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.bx-im-sidebar-brief-item__title {
display: flex;
align-items: baseline;
cursor: pointer;
margin-bottom: 5px;
}
.bx-im-sidebar-brief-item__title-text {
font: var(--im-font-size-md)/var(--im-font-line-height-2xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
color: var(--im-sidebar-brief-item__color_title);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.bx-im-sidebar-brief-item__title-text:hover {
text-decoration: underline;
-webkit-text-decoration-color: var(--im-sidebar-brief-item__text-decoration-color_title);
text-decoration-color: var(--im-sidebar-brief-item__text-decoration-color_title);
text-underline-offset: 2px;
}
.bx-im-sidebar-brief-item__size-text {
font: var(--im-font-size-4xs)/var(--im-font-line-height-3xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
color: var(--im-sidebar-brief-item__color_size-text);
margin-left: 4px;
}
.bx-im-sidebar-brief-item__author-container {
display: flex;
}
.bx-im-sidebar-brief-item__author-avatar {
flex-shrink: 0;
}
.bx-im-sidebar-brief-item__author-container .bx-im-chat-title__text {
font: var(--im-font-size-xs)/var(--im-font-line-height-2xs) var(--im-font-family-system);
--im-chat-title__font-color: var(--im-sidebar-brief-item__color_author-title);
}
.bx-im-sidebar-brief-item__author-container .bx-im-chat-title__icon::before {
top: 2px;
}
.bx-im-sidebar-brief-item__author-container .bx-im-chat-title__container {
margin-left: 4px;
}
.bx-im-sidebar-brief-item__context-menu-button {
align-self: flex-start;
}
.bx-im-sidebar-chat-links__container {
--im-sidebar-chat-links__background_link-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.927 5.453l-2.19 2.189a3.096 3.096 0 01-4.379 0c-.19-.19-.34-.404-.47-.624L4.905 6c.049-.049.108-.077.166-.11.07.24.193.468.382.657a1.55 1.55 0 002.189 0l2.19-2.189a1.55 1.55 0 00-2.19-2.19l-.779.78a3.885 3.885 0 00-1.975-.215l1.66-1.66a3.097 3.097 0 014.379 4.38zm-5.79 3.6l-.779.78a1.55 1.55 0 01-2.19 0 1.55 1.55 0 010-2.191l2.19-2.19a1.55 1.55 0 012.19 0c.188.19.31.417.382.657.057-.034.116-.06.165-.109l1.017-1.017a3.043 3.043 0 00-.47-.625 3.096 3.096 0 00-4.38 0l-2.188 2.19a3.097 3.097 0 004.379 4.379l1.66-1.66a3.882 3.882 0 01-1.976-.214z' fill='%23008DBA'/%3E%3C/svg%3E") no-repeat center;
--im-sidebar-chat-links__background_hover-link-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg width='12' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.927 5.453l-2.19 2.189a3.096 3.096 0 01-4.379 0c-.19-.19-.34-.404-.47-.624L4.905 6c.049-.049.108-.077.166-.11.07.24.193.468.382.657a1.55 1.55 0 002.189 0l2.19-2.189a1.55 1.55 0 00-2.19-2.19l-.779.78a3.885 3.885 0 00-1.975-.215l1.66-1.66a3.097 3.097 0 014.379 4.38zm-5.79 3.6l-.779.78a1.55 1.55 0 01-2.19 0 1.55 1.55 0 010-2.191l2.19-2.19a1.55 1.55 0 012.19 0c.188.19.31.417.382.657.057-.034.116-.06.165-.109l1.017-1.017a3.043 3.043 0 00-.47-.625 3.096 3.096 0 00-4.38 0l-2.188 2.19a3.097 3.097 0 004.379 4.379l1.66-1.66a3.882 3.882 0 01-1.976-.214z' fill='%2300789E'/%3E%3C/svg%3E") no-repeat center;
--im-sidebar-chat-links__color_title: #008dba;
--im-sidebar-chat-links__color_title-hover: #00789e;
--im-sidebar-chat-links__color_counter: #fff;
--im-sidebar-chat-links__background-color_counter: #c9ccd0;
display: flex;
justify-content: space-between;
cursor: pointer;
height: 20px;
position: relative;
}
.bx-im-sidebar-chat-links__container:not(:last-child) {
margin-bottom: 8px;
}
.bx-im-sidebar-chat-links__container.--links-not-active {
opacity: 0.3;
}
.bx-im-sidebar-chat-links__hint-not-active {
position:absolute;
top: 4px;
left: 0;
width: 282px;
height: 16px;
cursor: not-allowed;
}
.bx-im-sidebar-chat-links__title-container,
.bx-im-sidebar-chat-links__counter-container {
display: flex;
align-items: center;
}
.bx-im-sidebar-chat-links__icon {
flex-shrink: 0;
width: 20px;
height: 20px;
background: var(--im-sidebar-chat-links__background_link-icon);
}
.bx-im-sidebar-chat-links__icon:hover,
.bx-im-sidebar-chat-links__title-container:hover .bx-im-sidebar-chat-links__icon {
background: var(--im-sidebar-chat-links__background_hover-link-icon);
}
.bx-im-sidebar-chat-links__title-text {
font: var(--im-font-size-md)/var(--im-font-line-height-2xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
color: var(--im-sidebar-chat-links__color_title);
margin-left: 10px;
}
.bx-im-sidebar-chat-links__title-text:hover {
color: var(--im-sidebar-chat-links__color_title-hover)
}
.bx-im-sidebar-chat-links__counter {
display: flex;
justify-content: center;
font: var(--im-font-size-3xs)/16px var(--im-font-family-system);
font-weight: var(--im-font-weight-bold);
color: var(--im-sidebar-chat-links__color_counter);
background-color: var(--im-sidebar-chat-links__background-color_counter);
padding: 0 7px;
border-radius: 8px;
min-width: 21px;
}
.bx-im-sidebar-chat-favourites__container {
--im-sidebar-chat-favourites__color_title: #008dba;
--im-sidebar-chat-favourites__color_title-hover: #00789e;
--im-sidebar-chat-favourites__color_counter: #fff;
--im-sidebar-chat-favourites__background-color_counter: #c9ccd0;
display: flex;
justify-content: space-between;
cursor: pointer;
height: 20px;
position: relative;
}
.bx-im-sidebar-chat-favourites__container:not(:last-child) {
margin-bottom: 8px;
}
.bx-im-sidebar-chat-favourites__title,
.bx-im-sidebar-chat-favourites__counter-container {
display: flex;
align-items: center;
}
.bx-im-sidebar-chat-favourites__icon {
flex-shrink: 0;
width: 20px;
height: 20px;
background: 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='M10.009 14.343L5.906 16.5a.3.3 0 01-.435-.317l.783-4.568L2.935 8.38a.3.3 0 01.167-.512l4.586-.666L9.74 3.045a.3.3 0 01.538 0l2.051 4.157 4.587.666a.3.3 0 01.166.512l-3.319 3.235.784 4.568a.3.3 0 01-.436.317l-4.102-2.157z' fill='%23008DBA'/%3E%3C/svg%3E") no-repeat center;
}
.bx-im-sidebar-chat-favourites__title:hover .bx-im-sidebar-chat-favourites__icon {
background: 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='M10.009 14.343L5.906 16.5a.3.3 0 01-.435-.317l.783-4.568L2.935 8.38a.3.3 0 01.167-.512l4.586-.666L9.74 3.045a.3.3 0 01.538 0l2.051 4.157 4.587.666a.3.3 0 01.166.512l-3.319 3.235.784 4.568a.3.3 0 01-.436.317l-4.102-2.157z' fill='%2300789E'/%3E%3C/svg%3E") no-repeat center;
}
.bx-im-sidebar-chat-favourites__title-text {
font: var(--im-font-size-md)/var(--im-font-line-height-2xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
color: var(--im-sidebar-chat-favourites__color_title);
margin-left: 10px;
}
.bx-im-sidebar-chat-favourites__title-text:hover {
color: var(--im-sidebar-chat-favourites__color_title-hover)
}
.bx-im-sidebar-chat-favourites__counter {
display: flex;
justify-content: center;
font: var(--im-font-size-3xs)/16px var(--im-font-family-system);
font-weight: var(--im-font-weight-bold);
color: var(--im-sidebar-chat-favourites__color_counter);
background-color: var(--im-sidebar-chat-favourites__background-color_counter);
padding: 0 7px;
border-radius: 8px;
min-width: 21px;
}
.bx-im-sidebar-chat-description__container {
--im-sidebar-info-preview__background_description-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg width='18' height='18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.462 9A8.461 8.461 0 10.54 9a8.461 8.461 0 0016.923 0zM6.248 6.908h3.153v.002h.87v5.933h1.346v1.183H6.248v-1.183h1.577V8.11H6.248V6.908zm2.68-1.244c.745 0 1.35-.598 1.35-1.336 0-.738-.605-1.337-1.35-1.337-.745 0-1.35.599-1.35 1.337s.605 1.336 1.35 1.336z' fill='%23BDC1C6'/%3E%3C/svg%3E") no-repeat center;
--im-sidebar-info-preview__color_description: #525c69;
--im-sidebar-info-preview__color_show-full-description: #2066b0;
display: flex;
flex-direction: column;
align-items: flex-start;
min-height: 34px;
}
.bx-im-sidebar-chat-description__text-container {
display: inline-grid;
grid-template-rows: 0fr;
grid-template-columns: auto auto;
overflow: hidden;
transition: 300ms;
}
.bx-im-sidebar-chat-description__text-container.--expanded {
grid-template-rows: 1fr;
margin-bottom: 11px;
}
.bx-im-sidebar-chat-description__icon {
flex-shrink: 0;
width: 20px;
height: 20px;
background: var(--im-sidebar-info-preview__background_description-icon);
}
.bx-im-sidebar-chat-description__text {
font: var(--im-font-size-md)/16px var(--im-font-family-system);
color: var(--im-sidebar-info-preview__color_description);
min-height: 18px;
margin: 2px 4px 0 10px;
padding-bottom: 2px;
word-break: break-word;
white-space: pre-line;
}
.bx-im-sidebar-chat-description__show-more-button {
font: var(--im-font-size-md) var(--im-font-family-system);
color: var(--im-sidebar-info-preview__color_show-full-description);
outline: none;
border: none;
background: none;
padding: 0;
cursor: pointer;
margin: 2px 0 6px 30px;
}
.bx-im-sidebar-chat-shared__container {
--im-sidebar-chat-shared__background_link-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.054.138C1.134.138.387.884.387 1.805v4.167c0 .92.746 1.666 1.667 1.666h.214v1.293a.5.5 0 00.854.354l1.005-1.006V5.107a2.5 2.5 0 012.5-2.5h3.76v-.802c0-.92-.746-1.667-1.667-1.667H2.054z' fill='%23008DBA'/%3E%3Cpath d='M5.377 5.373c0-.92.746-1.667 1.666-1.667h5.612c.92 0 1.667.747 1.667 1.667v3.283c0 .92-.745 1.665-1.664 1.667v1.072a.5.5 0 01-.89.311l-1.105-1.383h-3.62c-.92 0-1.666-.747-1.666-1.667V5.373z' fill='%23008DBA'/%3E%3C/svg%3E") no-repeat center;
--im-sidebar-chat-shared__background_hover-link-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg width='15' height='12' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M2.054.138C1.134.138.387.884.387 1.805v4.167c0 .92.746 1.666 1.667 1.666h.214v1.293a.5.5 0 00.854.354l1.005-1.006V5.107a2.5 2.5 0 012.5-2.5h3.76v-.802c0-.92-.746-1.667-1.667-1.667H2.054z' fill='%2300789e'/%3E%3Cpath d='M5.377 5.373c0-.92.746-1.667 1.666-1.667h5.612c.92 0 1.667.747 1.667 1.667v3.283c0 .92-.745 1.665-1.664 1.667v1.072a.5.5 0 01-.89.311l-1.105-1.383h-3.62c-.92 0-1.666-.747-1.666-1.667V5.373z' fill='%2300789e'/%3E%3C/svg%3E") no-repeat center;
--im-sidebar-chat-shared__background_link-icon_arrow: url("data:image/svg+xml;charset=utf-8,%3Csvg width='7' height='10' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.44 1.229l3.018 3.018L4.24 5l-.782.753L.44 8.771l1.065 1.065L6.341 5 1.505.164.44 1.23z' fill='%23BDC1C6'/%3E%3C/svg%3E") no-repeat center;
--im-sidebar-chat-shared__color_title: #008dba;
--im-sidebar-chat-shared__color_title-hover: #00789e;
--im-sidebar-chat-shared__color_counter: #fff;
--im-sidebar-chat-shared__background-color_counter: #c9ccd0;
display: flex;
justify-content: space-between;
cursor: pointer;
height: 20px;
position: relative;
}
.bx-im-sidebar-chat-shared__container:not(:last-child) {
margin-bottom: 8px;
}
.bx-im-sidebar-chat-shared__title-container {
display: flex;
align-items: center;
}
.bx-im-sidebar-chat-shared__icon {
flex-shrink: 0;
width: 20px;
height: 20px;
background: var(--im-sidebar-chat-shared__background_link-icon);
}
.bx-im-sidebar-chat-shared__icon:hover,
.bx-im-sidebar-chat-shared__title-container:hover .bx-im-sidebar-chat-shared__icon {
background: var(--im-sidebar-chat-shared__background_hover-link-icon);
}
.bx-im-sidebar-chat-shared__title-text {
font: var(--im-font-size-md)/var(--im-font-line-height-2xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
color: var(--im-sidebar-chat-shared__color_title);
margin-left: 10px;
}
.bx-im-sidebar-chat-shared__title-text:hover {
color: var(--im-sidebar-chat-shared__color_title-hover)
}
.bx-im-sidebar-chat-shared__arrow {
flex-shrink: 0;
width: 20px;
height: 20px;
background: var(--im-sidebar-chat-shared__background_link-icon_arrow);
}
.bx-im-sidebar-file-preview-item__scope {
--im-sidebar-file-preview-item__border-color_preview-box: #dfe0e3;
--im-sidebar-file-preview-item__background-color_video-box: #f5f7f8;
--im-sidebar-file-preview-item__background-color_video-play-button: #fff;
--im-sidebar-file-preview-item__background_video-play-icon: url("data:image/svg+xml;charset=utf-8,%3Csvg width='6' height='8' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 .78A.5.5 0 01.79.372l4.538 3.22a.5.5 0 010 .816L.789 7.628A.5.5 0 010 7.22V.78z' fill='%23fff'/%3E%3C/svg%3E");
--im-sidebar-file-preview-item__background_audio-play-icon: var(--im-color-palette-blue-60) url("data:image/svg+xml;charset=utf-8,%3Csvg width='10' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M8.898 5.727L.958.112A.593.593 0 00.325.073.634.634 0 000 .636v11.227a.633.633 0 00.325.564c.201.11.446.095.633-.04l7.94-5.615a.637.637 0 00.269-.522c0-.21-.1-.406-.269-.523z' fill='%23fff'/%3E%3C/svg%3E") no-repeat;
--im-sidebar-file-preview-item__color_item-text: #6a737f;
}
.bx-im-sidebar-file-preview-item__container {
display: flex;
flex-direction: column;
width: 88px;
overflow: hidden;
cursor: pointer;
}
.bx-im-sidebar-file-preview-item__container:not(:last-child) {
margin-right: 10px;
}
.bx-im-sidebar-file-preview-item__preview-box {
display: flex;
align-items: center;
justify-content: center;
height: 46px;
border-radius: 10px;
border: 1px solid var(--im-sidebar-file-preview-item__border-color_preview-box);
flex-shrink: 0;
margin-bottom: 5px;
object-fit: cover;
}
.bx-im-sidebar-file-preview-item__preview-box.bx-lazyload-loading,
.bx-im-sidebar-file-preview-item__preview-box.bx-lazyload-hidden {
background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2275%22%20height%3D%2298%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23E5E8EB%22%20d%3D%22M0%200h54l21%2022.227V98H0z%22/%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23B9BEC4%22%20fill-rule%3D%22nonzero%22%20d%3D%22M63.14%2032.0863H10.008v54.4566h55V32.0873H63.14v-.001zm-.132%2052.4754h-51V34.0665h51v50.4952z%22/%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23535C69%22%20d%3D%22M54%200l21%2022.227H54z%22%20opacity%3D%22.3%22/%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23B9BEC4%22%20d%3D%22M60.008%2081.591v-2.97l-12-11.881-6%205.94-15-14.851-12%2011.881v11.881z%22/%3E%0A%20%20%20%20%3Cellipse%20cx%3D%2251.712%22%20cy%3D%2246.785%22%20fill%3D%22%23B9BEC4%22%20rx%3D%225.231%22%20ry%3D%225.172%22/%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A') no-repeat center;
background-size: 20px;
}
.bx-im-sidebar-file-preview-item__preview-box.bx-lazyload-error {
background: url('data:image/svg+xml;charset=US-ASCII,%3Csvg%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%20width%3D%2275%22%20height%3D%2298%22%3E%0A%20%20%3Cg%20fill%3D%22none%22%20fill-rule%3D%22evenodd%22%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23E5E8EB%22%20d%3D%22M0%200h54l21%2022.227V98H0z%22/%3E%0A%20%20%20%20%3Cg%20fill%3D%22%23B9BEC4%22%3E%0A%20%20%20%20%20%20%3Cpath%20fill-rule%3D%22nonzero%22%20d%3D%22M7%2034.897l7.515%2053.474%2023.219-3.263-.676-34.282-6.84-19.191%202.611-.367L7%2034.897zM36.367%2083.28l-21.14%202.97L8.27%2036.739l21.139-2.97%206.227%2017.258.732%2032.255z%22/%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M37.529%2079.675l-.147-15.915-9.094-6.782-10.23%2013.435%201.654%2011.766z%22/%3E%0A%20%20%20%20%3C/g%3E%0A%20%20%20%20%3Cpath%20fill%3D%22%23535C69%22%20d%3D%22M54%200l21%2022.227H54z%22%20opacity%3D%22.3%22/%3E%0A%20%20%20%20%3Cg%20fill%3D%22%23B9BEC4%22%20transform%3D%22rotate%285%20-359.005%20511.676%29%22%3E%0A%20%20%20%20%20%20%3Cpath%20fill-rule%3D%22nonzero%22%20d%3D%22M.316.001l3.638%2019.956L1%2054h24V.001H.316zM24%2052H2.353l1.601-16.033%201.621-16.01L2%202h22v50z%22/%3E%0A%20%20%20%20%20%20%3Cpath%20d%3D%22M20.008%2049.591v-2.97l-12-11.881L1.96%2049.591z%22/%3E%0A%20%20%20%20%20%20%3Cellipse%20cx%3D%2211.712%22%20cy%3D%2214.785%22%20rx%3D%225.231%22%20ry%3D%225.172%22/%3E%0A%20%20%20%20%3C/g%3E%0A%20%20%3C/g%3E%0A%3C/svg%3E%0A') no-repeat center;
background-size: 20px;
}
.bx-im-sidebar-file-preview-item__preview-box .ui-icon {
width: 26px;
}
.bx-im-sidebar-file-preview-item__preview-video-box {
position: relative;
overflow: hidden;
background-color: var(--im-sidebar-file-preview-item__background-color_video-box);
background-size: cover;
background-repeat: no-repeat;
}
.bx-im-sidebar-file-preview-item__preview-video {
width: 100%;
border-radius: 10px;
flex-shrink: 0;
}
.bx-im-sidebar-file-preview-item__preview-video-play-button {
position: absolute;
background-color: var(--im-sidebar-file-preview-item__background-color_video-play-button);
opacity: 0.3;
border-radius: 4px;
width: 22px;
height: 16px;
top: 14px;
left: 32px;
}
.bx-im-sidebar-file-preview-item__preview-video-play-icon {
position: absolute;
width: 6px;
height: 8px;
top: 18px;
left: 41px;
background: var(--im-sidebar-file-preview-item__background_video-play-icon);
}
.bx-im-sidebar-file-preview-item__preview-audio-play-button {
background: var(--im-sidebar-file-preview-item__background_audio-play-icon);
background-position-x: 13px;
background-position-y: center;
width: 32px;
height: 32px;
border-radius: 50%;
}
.bx-im-sidebar-file-preview-item__text {
font: var(--im-font-size-xs)/var(--im-font-line-height-3xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-medium);
color: var(--im-sidebar-file-preview-item__color_item-text);
overflow: hidden;
text-align: center;
word-break: break-all;
transition: color 0.2s linear;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
white-space: initial;
}
.bx-im-sidebar-file-preview-item__container:hover .bx-im-sidebar-file-preview-item__text {
color: var(--im-color-palette-black-base);
}
.bx-im-sidebar-market-preview-item__scope {
--im-sidebar-market-preview-item__color_item-title: #525c69;
--im-sidebar-market-preview-item__background-color_item-hover: #f5f7f8;
--im-sidebar-market-preview-item__color_icon: #fff;
}
.bx-im-sidebar-market-preview-item__container {
display: flex;
align-items: center;
height: 42px;
padding: 8px;
border-radius: 6px;
gap: 8px;
}
.bx-im-sidebar-market-preview-item__container:hover {
background-color: var(--im-sidebar-market-preview-item__background-color_item-hover);
cursor: pointer;
}
.bx-im-sidebar-market-preview-item__icon-container {
width: 26px;
height: 26px;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
flex-shrink: 0;
}
.bx-im-sidebar-market-preview-item__icon-container i {
color: var(--im-sidebar-market-preview-item__color_icon);
}
.bx-im-sidebar-market-preview-item__title-container {
font: var(--im-font-size-md)/var(--im-font-line-height-2xs) var(--im-font-family-system);
color: var(--im-sidebar-market-preview-item__color_item-title);
text-overflow: ellipsis;
white-space: nowrap;
overflow: hidden;
}
.bx-im-sidebar-mute-chat__container {
--im-sidebar-main-preview-settings__color_title: #008dba;
--im-sidebar-main-preview-settings__color_copilot-title: #8e52ec;
display: flex;
flex-direction: column;
padding-left: 30px;
height: 20px;
}
.bx-im-sidebar-mute-chat__container.--not-active {
opacity: 0.3;
cursor: not-allowed;
}
.bx-im-sidebar-mute-chat__container.--not-active .bx-im-toggle__container {
cursor: not-allowed;
}
.bx-im-sidebar-mute-chat__title-text {
position: relative;
font: var(--im-font-size-md)/var(--im-font-line-height-2xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
color: var(--im-sidebar-main-preview-settings__color_title);
}
.bx-im-sidebar-mute-chat__title {
display: flex;
justify-content: space-between;
align-items: center;
height: 20px;
}
.bx-im-sidebar-mute-chat__icon::before {
content: '';
position: absolute;
width: 20px;
height: 20px;
left: -30px;
background-repeat: no-repeat;
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='M11.885 3.998V16.66L7.534 13.78v-.197a.683.683 0 01-.09.006H4.832a.666.666 0 01-.666-.666V7.737c0-.368.298-.666.666-.666h2.612c.031 0 .061.002.09.006v-.122l4.35-2.957zm4.178 1.314a6.95 6.95 0 012.097 4.992 6.949 6.949 0 01-2.097 4.992c-.23.225-.613.225-.869 0-.103-.126-.18-.276-.18-.427 0-.15.051-.3.18-.426a5.648 5.648 0 001.764-4.139 5.65 5.65 0 00-1.764-4.139c-.23-.225-.23-.602 0-.853.23-.225.614-.225.87 0zm-1.589 2.083a4.036 4.036 0 011.228 2.91 4.04 4.04 0 01-1.228 2.91c-.23.225-.613.225-.869 0a.764.764 0 01-.173-.352l-.006-.076c0-.15.051-.3.18-.426.562-.552.868-1.28.868-2.057 0-.778-.306-1.505-.869-2.057-.23-.225-.23-.601 0-.852.23-.226.614-.226.87 0z' fill='%23008DBA'/%3E%3C/svg%3E");
}
.bx-im-sidebar-auto-delete__container {
--im-sidebar-auto-delete-settings__color_title: #008dba;
--im-sidebar-auto-delete-setttings__color_status: #a8adb4;
display: flex;
flex-direction: column;
justify-content: space-between;
padding-left: 30px;
height: 36px;
opacity: 0.3;
cursor: not-allowed;
}
.bx-im-sidebar-auto-delete__container.--enabled {
opacity: 1;
cursor: default;
}
.bx-im-sidebar-auto-delete__container.--enabled .bx-im-toggle__container {
cursor: pointer;
}
.bx-im-sidebar-auto-delete__title {
display: flex;
justify-content: space-between;
height: 20px;
}
.bx-im-sidebar-auto-delete__title-text {
position: relative;
font: var(--im-font-size-md)/var(--im-font-line-height-2xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
color: var(--im-sidebar-auto-delete-settings__color_title);
}
.bx-im-sidebar-auto-delete__icon::before {
content: '';
position: absolute;
width: 20px;
height: 20px;
left: -30px;
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='M15.338 6.279a.595.595 0 00-.84-.84l-.683.682a5.92 5.92 0 00-3.165-1.314l-.001-.308h.785a.594.594 0 100-1.19H8.675a.594.594 0 100 1.19h.785v.308a5.952 5.952 0 00-5.35 5.915 5.952 5.952 0 005.945 5.945A5.952 5.952 0 0016 10.72a5.917 5.917 0 00-1.345-3.76l.683-.682zm-2.72 5.227h-2.563a.594.594 0 01-.595-.594V7.675a.594.594 0 111.19 0v2.642h1.968a.594.594 0 110 1.19z' fill='%23008DBA'/%3E%3C/svg%3E");
background-repeat: no-repeat;
}
.bx-im-sidebar-chat-members-avatars__container {
--im-sidebar-chat-members-avatars__color_more-users: var(--im-color-palette-gray-40);
--im-sidebar-chat-members-avatars__border-color_avatar: var(--im-color-palette-white-base);
display: flex;
align-items: center;
justify-content: center;
}
.bx-im-sidebar-chat-members-avatars__members {
display: flex;
align-items: center;
cursor: pointer;
margin-right: 8px;
}
.bx-im-sidebar-chat-members-avatars__avatars {
display: flex;
flex-direction: row-reverse;
justify-content: flex-end;
margin-left: -2px;
}
.bx-im-sidebar-chat-members-avatars__avatar {
outline: 2px solid var(--im-sidebar-chat-members-avatars__border-color_avatar);
border-radius: 50%;
}
.bx-im-sidebar-chat-members-avatars__avatar:not(:first-child) {
margin-right: -4px;
}
.bx-im-sidebar-chat-members-avatars__text {
font: var(--im-font-size-3xs)/var(--im-font-line-height-reset) var(--im-font-family-system);
font-weight: var(--im-font-weight-bold);
color: var(--im-sidebar-chat-members-avatars__color_more-users);
margin-left: 3px;
}
.bx-im-sidebar-copilot-role__container {
--im-sidebar-main-preview-settings__color_copilot-title: var(--im-color-palette-copilot-primary);
--im-sidebar-main-preview-settings__color_copilot-title-hover: var(--im-color-palette-copilot-dark);
display: flex;
justify-content: space-between;
align-items: center;
height: 20px;
cursor: pointer;
font: var(--im-font-size-md)/var(--im-font-line-height-2xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
color: var(--im-sidebar-main-preview-settings__color_copilot-title);
}
.bx-im-sidebar-copilot-role__container:hover {
color: var(--im-sidebar-main-preview-settings__color_copilot-title-hover);
}
.bx-im-sidebar-copilot-role__title {
display: flex;
align-items: center;
gap: 10px;
overflow: hidden;
}
.bx-im-sidebar-copilot-role__title-text {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
position: relative;
}
.bx-im-sidebar-copilot-role__title-icon {
flex-shrink: 0;
width: 20px;
height: 20px;
background: 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='M10 14.373c2.4 0 4.344-1.957 4.344-4.37 0-2.415-1.945-4.371-4.343-4.371-2.398 0-4.343 1.956-4.343 4.37s1.945 4.37 4.343 4.37zM9.308 6.73a.121.121 0 00-.228 0l-.432 1.175a1.219 1.219 0 01-.718.723l-1.168.435a.123.123 0 000 .23l1.168.434c.332.124.595.388.718.723l.432 1.175c.04.107.189.107.228 0l.432-1.175c.123-.335.385-.599.718-.723l1.168-.435a.123.123 0 000-.23l-1.168-.434a1.219 1.219 0 01-.718-.723L9.307 6.73zm2.482 3.397a.07.07 0 00-.132 0l-.25.68a.704.704 0 01-.415.417l-.675.251a.07.07 0 000 .133l.675.251a.704.704 0 01.415.418l.25.679a.07.07 0 00.132 0l.25-.68a.704.704 0 01.414-.417l.675-.251a.07.07 0 000-.133l-.675-.251a.705.705 0 01-.415-.418l-.25-.679z' fill='%238E52EC'/%3E%3Cpath d='M16.25 10.267c.426.019.762.383.697.808-.514 3.396-3.428 5.997-6.946 5.997-3.881 0-7.027-3.166-7.027-7.072S6.12 2.928 10 2.928c1.849 0 3.53.718 4.785 1.893.314.293.275.79-.05 1.07-.323.281-.809.24-1.13-.043A5.438 5.438 0 0010 4.487c-3.026 0-5.48 2.468-5.48 5.514 0 3.045 2.454 5.514 5.48 5.514 2.684 0 4.917-1.943 5.387-4.506.078-.424.434-.76.861-.742z' fill='%238E52EC'/%3E%3C/svg%3E") no-repeat center;
}
.bx-im-sidebar-copilot-role__container:hover .bx-im-sidebar-copilot-role__title-icon {
background: 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='M10 14.373c2.4 0 4.344-1.957 4.344-4.37 0-2.415-1.945-4.371-4.343-4.371-2.398 0-4.343 1.956-4.343 4.37s1.945 4.37 4.343 4.37zM9.308 6.73a.121.121 0 00-.228 0l-.432 1.175a1.219 1.219 0 01-.718.723l-1.168.435a.123.123 0 000 .23l1.168.434c.332.124.595.388.718.723l.432 1.175c.04.107.189.107.228 0l.432-1.175c.123-.335.385-.599.718-.723l1.168-.435a.123.123 0 000-.23l-1.168-.434a1.219 1.219 0 01-.718-.723L9.307 6.73zm2.482 3.397a.07.07 0 00-.132 0l-.25.68a.704.704 0 01-.415.417l-.675.251a.07.07 0 000 .133l.675.251a.704.704 0 01.415.418l.25.679a.07.07 0 00.132 0l.25-.68a.704.704 0 01.414-.417l.675-.251a.07.07 0 000-.133l-.675-.251a.705.705 0 01-.415-.418l-.25-.679z' fill='%23682AC6'/%3E%3Cpath d='M16.25 10.267c.426.019.762.383.697.808-.514 3.396-3.428 5.997-6.946 5.997-3.881 0-7.027-3.166-7.027-7.072S6.12 2.928 10 2.928c1.849 0 3.53.718 4.785 1.893.314.293.275.79-.05 1.07-.323.281-.809.24-1.13-.043A5.438 5.438 0 0010 4.487c-3.026 0-5.48 2.468-5.48 5.514 0 3.045 2.454 5.514 5.48 5.514 2.684 0 4.917-1.943 5.387-4.506.078-.424.434-.76.861-.742z' fill='%23682AC6'/%3E%3C/svg%3E") no-repeat center;
}
.bx-im-sidebar-copilot-role__arrow-icon {
flex-shrink: 0;
width: 20px;
height: 20px;
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.8 2.286L4.573 6.06l.977.94-.977.943L.8 11.714l1.332 1.331L8.177 7 2.132.955.8 2.286z' fill='%23BDC1C6'/%3E%3C/svg%3E") no-repeat center;
}
.bx-im-sidebar-copilot-role__container:hover .bx-im-sidebar-copilot-role__arrow-icon {
background: url("data:image/svg+xml;charset=utf-8,%3Csvg width='9' height='14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M.8 2.286L4.573 6.06l.977.94-.977.943L.8 11.714l1.332 1.331L8.177 7 2.132.955.8 2.286z' fill='%23B095DC'/%3E%3C/svg%3E") no-repeat center;
}
.bx-im-copilot-change-role-promo__copilot {
--im-copilot-change-role-promo__color_copilot: var(--im-color-palette-copilot-primary, var(--ui-color-copilot-primary));
font-style: normal;
color: var(--im-copilot-change-role-promo__color_copilot);
}