| 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/navigation/dist/ |
Upload File : |
.bx-im-navigation__scope {
--im-navigation__background-color: linear-gradient(0deg, rgba(0, 0, 0, 0.2), rgba(0, 0, 0, 0.2)), #525C69;
--im-navigation__background-color_hover: rgba(var(--im-color-palette-white-base-rgb), 0.06);
--im-navigation__background-color_coming-soon: #5090A5;
--im-navigation__font: var(--im-font-family-system);
--im-navigation__font-color: var(--im-color-palette-white-base);
--im-navigation__font-color_close-slider: rgba(var(--im-color-palette-white-base-rgb), 0.9);
--im-navigation__font-color_coming-soon: rgba(var(--im-color-palette-white-base-rgb), 0.36);
--im-navigation__background-color_counter: var(--im-color-palette-red-solid);
--im-navigation__background-color_online: var(--im-color-palette-green-50);
--im-navigation__opacity_transition: opacity ease-in 0.3s;
--im-navigation__color_market-icon: var(--im-color-palette-white-base);
--im-navigation__background-image_arrow-top: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='7' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.515 2.648l4.102 4.172c.236.24.619.24.855 0l.572-.581a.623.623 0 000-.87L6.947.186a.598.598 0 00-.432-.18.598.598 0 00-.433.18L.986 5.37a.623.623 0 000 .87l.572.58c.236.241.618.241.855 0l4.102-4.17z' fill='%23BDC1C6'/%3E%3C/svg%3E");
}
.bx-im-navigation__container {
display: flex;
flex-direction: column;
justify-content: space-between;
align-items: center;
width: var(--im-messenger__navigation_width);
max-width: var(--im-messenger__navigation_width);
height: 100%;
background: var(--im-navigation__background-color);
padding: 19px 8px 19px 0;
margin-right: var(--im-space-inline-xs-neg);
-webkit-user-select: none;
user-select: none;
}
.bx-im-navigation__top {
width: 100%;
overflow: hidden auto;
scrollbar-width: none;
}
.bx-im-navigation__top::-webkit-scrollbar {
width: 0;
height: 0;
display: none;
}
.bx-im-navigation__close_container {
width: 100%;
display: flex;
align-items: center;
justify-content: center;
margin-bottom: 17px;
}
.bx-im-navigation__close {
width: 32px;
height: 32px;
display: flex;
cursor: pointer;
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='15.5' stroke='%23fff' stroke-opacity='.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.192 16l3.384 3.384a.6.6 0 010 .849l-.343.343a.6.6 0 01-.849 0L16 17.192l-3.384 3.384a.6.6 0 01-.849 0l-.343-.343a.6.6 0 010-.849L14.808 16l-3.384-3.384a.6.6 0 010-.849l.343-.343a.6.6 0 01.849 0L16 14.808l3.384-3.384a.6.6 0 01.849 0l.343.343a.6.6 0 010 .849L17.192 16z' fill='%23fff' fill-opacity='.6'/%3E%3C/svg%3E");
}
.bx-im-navigation__close:hover {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='32' height='32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='16' cy='16' r='16' fill='%23fff' fill-opacity='.1'/%3E%3Ccircle cx='16' cy='16' r='15.5' stroke='%23fff' stroke-opacity='.1'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.192 16l3.384 3.384a.6.6 0 010 .849l-.343.343a.6.6 0 01-.849 0L16 17.192l-3.384 3.384a.6.6 0 01-.849 0l-.343-.343a.6.6 0 010-.849L14.808 16l-3.384-3.384a.6.6 0 010-.849l.343-.343a.6.6 0 01.849 0L16 14.808l3.384-3.384a.6.6 0 01.849 0l.343.343a.6.6 0 010 .849L17.192 16z' fill='%23fff' fill-opacity='.6'/%3E%3C/svg%3E");
}
.bx-im-navigation__separator_container {
width: 100%;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 6px;
}
.bx-im-navigation__close_separator {
height: 1px;
width: 38px;
background-color: rgba(var(--im-color-palette-white-base-rgb), 0.06);
border-radius: var(--im-border-radius-2xs);
}
.bx-im-navigation__user_container {
display: flex;
justify-content: center;
padding-top: 11px;
}
.bx-im-navigation__user_avatar {
cursor: pointer;
position: relative;
transition: var(--im-navigation__opacity_transition);
}
.bx-im-navigation__user_status {
position: absolute;
width: 17px;
height: 17px;
top: 20px;
left: 20px;
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
.bx-im-navigation__user_status.--online {
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%3Ccircle cx='12' cy='12' r='9' fill='%23424A54'/%3E%3Ccircle cx='12' cy='12' r='6.228' fill='%239DCF00'/%3E%3C/svg%3E");
}
.bx-im-navigation__user_status.--away {
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%3Ccircle cx='12' cy='12' r='9' fill='%23424A54'/%3E%3Ccircle cx='12' cy='12' r='6.228' fill='%23F7AE3B'/%3E%3C/svg%3E");
}
.bx-im-navigation__user_status.--break {
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%3Ccircle cx='12' cy='12' r='9' fill='%23424A54'/%3E%3Ccircle cx='12.1' cy='12.1' r='7.1' fill='%23C48300'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.516 9.048c.08.168.084.474.067.752-.012.19.216.306.345.165.372-.41.841-1.019.681-1.352-.146-.305-.565-.474-.923-.618-.267-.108-.5-.202-.56-.328a52.65 52.65 0 01-.525-1.198c-.065-.154-.275-.162-.344-.01-.202.443-.478 1.169-.307 1.525.14.293.549.478.917.645.3.136.572.26.649.419zm-1.96.335c.067.14.124.4.165.633.032.178.256.233.346.077.187-.323.381-.757.258-1.013-.122-.256-.407-.408-.65-.539-.18-.097-.339-.181-.39-.287-.065-.137-.192-.52-.293-.84-.055-.172-.284-.187-.347-.017-.134.358-.265.834-.142 1.092.118.246.382.402.62.542.193.114.37.218.433.352zm-3.023 2.122c-.072-.548.37-.994.922-.994h6.162c.043 0 .085.002.127.008a2.259 2.259 0 11-.509 4.416c-.6.725-1.462 1.245-2.699 1.245-2.993 0-3.79-3.049-4.003-4.675zm7.981.184c-.1.674-.3 1.54-.693 2.332l.069.002a1.25 1.25 0 00.624-2.334z' fill='%23fff'/%3E%3C/svg%3E");
}
.bx-im-navigation__user_status.--dnd {
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%3Ccircle cx='12' cy='12' r='9' fill='%23424A54'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.1 5C8.234 5 5 8.156 5 12.1a7.07 7.07 0 007.1 7.1c3.866 0 7.1-3.155 7.1-7.1 0-3.944-3.234-7.1-7.1-7.1zm0 2.051c.868 0 1.736.237 2.446.631L7.76 14.467a5.124 5.124 0 01-.631-2.446c-.079-2.76 2.209-4.97 4.97-4.97zm0 10.02c-.947 0-1.736-.237-2.524-.71l6.784-6.785c.395.71.71 1.578.71 2.524 0 2.683-2.209 4.97-4.97 4.97z' fill='%23EC5961'/%3E%3C/svg%3E");
}
.bx-im-navigation__user_status.--idle {
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%3Ccircle cx='12' cy='12' r='9' fill='%23424A54'/%3E%3Ccircle cx='12.1' cy='12.1' r='7.1' fill='%23F7AE3B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 12V8h-2v6h5v-2h-3z' fill='%23fff'/%3E%3C/svg%3E");
}
.bx-im-navigation__item_container {
position: relative;
width: 100%;
}
.bx-im-navigation__item {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
width: 100%;
padding: 2px 0 6px;
margin-bottom: 18px;
border-radius: var(--im-border-radius-2xs);
transition: var(--im-navigation__opacity_transition);
cursor: pointer;
}
.bx-im-navigation__item .bx-im-navigation__item_icon,
.bx-im-navigation__item .bx-im-navigation__item_text {
opacity: 0.3;
}
.bx-im-navigation__item.--selected {
background-color: var(--im-navigation__background-color_hover);
}
.bx-im-navigation__item.--selected .bx-im-navigation__market-item_icon,
.bx-im-navigation__item.--selected .bx-im-navigation__item_icon,
.bx-im-navigation__item.--selected .bx-im-navigation__item_text {
opacity: 0.9;
}
.bx-im-navigation__item_icon {
width: 26px;
height: 26px;
margin-bottom: 2px;
background-position: center;
background-repeat: no-repeat;
position: relative;
}
.bx-im-navigation__market-item_icon-container {
width: 26px;
height: 26px;
display: flex;
justify-content: center;
align-items: center;
}
.bx-im-navigation__market-item_icon {
color: var(--im-navigation__color_market-icon);
opacity: 0.3;
}
.bx-im-navigation__item_icon.--chat {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.57 5.38c-1.197 0-2.167.97-2.167 2.166v5.417c0 1.196.97 2.166 2.167 2.166h.279v1.681c0 .58.7.87 1.11.46l1.307-1.307v-4.125a3.25 3.25 0 013.25-3.25h4.887V7.546c0-1.197-.97-2.167-2.167-2.167H6.57z' fill='%23fff'/%3E%3Cpath d='M10.89 12.185c0-1.197.97-2.167 2.166-2.167h7.295c1.197 0 2.167.97 2.167 2.167v4.268a2.167 2.167 0 01-2.162 2.166v1.394c0 .614-.775.886-1.158.405l-1.436-1.799h-4.706a2.167 2.167 0 01-2.166-2.166v-4.268z' fill='%23fff'/%3E%3C/svg%3E");
}
.bx-im-navigation__item_icon.--channel {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.85 9.62a.3.3 0 00-.093-.046l-2.001-.606a.3.3 0 00-.387.287v5.494a.3.3 0 00.387.287l2.001-.606a.3.3 0 00.088-.043l1.393.368v3.717a1 1 0 001 1h5.23a1 1 0 001-1v-1.806l5.445 1.44a.6.6 0 00.754-.58V7.227a.6.6 0 00-.724-.587L6.849 9.62zm7.193 6.67l-4.38-1.158v2.766a.3.3 0 00.3.3h3.78a.3.3 0 00.3-.3V16.29z' fill='%23fff'/%3E%3C/svg%3E");
}
.bx-im-navigation__item_icon.--notification {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.862 19.7c0 .012-.004.023-.004.034a2.157 2.157 0 004.313 0c0-.011-.003-.022-.003-.034h-4.306zm7.525-9.19c0-1.883-1.462-4.556-4.363-5.06v-.048c0-.588-.481-1.069-1.07-1.069-.588 0-1.069.481-1.069 1.07v.05C8.99 5.96 7.533 8.629 7.533 10.51c0 2.089.021 3.577.021 4.535 0 .765-1.413 1.783-1.984 2.162a.52.52 0 00-.235.432v.398a.5.5 0 00.5.5h14.25a.5.5 0 00.5-.5v-.398a.52.52 0 00-.235-.432c-.57-.38-1.982-1.397-1.982-2.162 0-.958.02-2.446.02-4.535z' fill='%23fff'/%3E%3C/svg%3E");
}
.bx-im-navigation__item_icon.--openlines {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.055 18.144c2.583-3.59 2.008-8.56-1.341-11.57-3.33-2.986-8.386-2.988-11.625-.004-3.256 3.008-3.68 7.977-.987 11.568 2.663 3.579 7.631 4.588 11.427 2.322.034.026.07.047.11.064l2.36.627a.582.582 0 00.565-.152c.146-.15.2-.365.143-.567l-.652-2.288zm-4.447-3.489a.566.566 0 00-.57-.165.596.596 0 00-.41.447.667.667 0 00.165.61l.302.317H9.64a.484.484 0 00-.465.507l.004.246a.502.502 0 00.48.507h5.459l-.292.319a.654.654 0 00-.144.608c.05.21.21.381.423.447a.553.553 0 00.565-.165l1.277-1.392a.665.665 0 00-.014-.891l-1.326-1.395zm-5.04-3.115a.547.547 0 00.412-.183.666.666 0 00-.014-.89l-.302-.319h5.459a.482.482 0 00.464-.506l-.004-.246a.5.5 0 00-.48-.506h-5.459l.292-.32a.662.662 0 00-.016-.887.563.563 0 00-.416-.185.545.545 0 00-.412.182L8.816 9.076a.664.664 0 00.015.89l1.321 1.391a.567.567 0 00.418.183zm-.797.874h-.002a.482.482 0 00-.465.507l.004.25a.501.501 0 00.481.507h6.598a.483.483 0 00.465-.507l-.005-.247a.502.502 0 00-.48-.51H9.771z' fill='%23fff'/%3E%3C/svg%3E");
}
.bx-im-navigation__item_icon.--openlinesV2 {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M20.055 18.144c2.583-3.59 2.008-8.56-1.341-11.57-3.33-2.986-8.386-2.988-11.625-.004-3.256 3.008-3.68 7.977-.987 11.568 2.663 3.579 7.631 4.588 11.427 2.322.034.026.07.047.11.064l2.36.627a.582.582 0 00.565-.152c.146-.15.2-.365.143-.567l-.652-2.288zm-4.447-3.489a.566.566 0 00-.57-.165.596.596 0 00-.41.447.667.667 0 00.165.61l.302.317H9.64a.484.484 0 00-.465.507l.004.246a.502.502 0 00.48.507h5.459l-.292.319a.654.654 0 00-.144.608c.05.21.21.381.423.447a.553.553 0 00.565-.165l1.277-1.392a.665.665 0 00-.014-.891l-1.326-1.395zm-5.04-3.115a.547.547 0 00.412-.183.666.666 0 00-.014-.89l-.302-.319h5.459a.482.482 0 00.464-.506l-.004-.246a.5.5 0 00-.48-.506h-5.459l.292-.32a.662.662 0 00-.016-.887.563.563 0 00-.416-.185.545.545 0 00-.412.182L8.816 9.076a.664.664 0 00.015.89l1.321 1.391a.567.567 0 00.418.183zm-.797.874h-.002a.482.482 0 00-.465.507l.004.25a.501.501 0 00.481.507h6.598a.483.483 0 00.465-.507l-.005-.247a.502.502 0 00-.48-.51H9.771z' fill='%23fff'/%3E%3C/svg%3E");
}
.bx-im-navigation__item_icon.--conference {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M16.078 8.345a25.173 25.173 0 00-5.916-.713c-1.98 0-4 .24-6.06.719a.99.99 0 00-.756.97v7.954c0 .45.294.844.718.962 1.968.544 3.937.816 5.907.816 1.98 0 4.022-.275 6.125-.826.43-.112.73-.51.73-.964V9.314a.99.99 0 00-.748-.97zm6.814.34a.306.306 0 00-.019-.105.29.29 0 00-.376-.173l-4.396 1.71a.299.299 0 00-.188.28v5.397c0 .124.075.236.188.28l4.396 1.71c.033.013.068.02.104.02.16 0 .291-.134.291-.3V8.687zm-12.882 5.56a.954.954 0 100-1.907.954.954 0 000 1.907zm-3.077 0a.954.954 0 100-1.907.954.954 0 000 1.907zm7.11-.953a.954.954 0 11-1.908 0 .954.954 0 011.907 0z' fill='%23fff'/%3E%3C/svg%3E");
}
.bx-im-navigation__item_icon.--call {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M19.399 6.438a7.284 7.284 0 00-5.253-2.145c-.357.023-.64.307-.644.644.015.357.294.635.631.632a5.921 5.921 0 014.375 1.76 5.918 5.918 0 011.76 4.375.609.609 0 00.182.448c.112.112.28.167.45.183.356-.022.64-.307.644-.644a7.282 7.282 0 00-2.145-5.253zm-1.841 8.95l2.12 1.59c.64.486.69 1.447.099 1.996-2.216 2.118-5.91 2.94-10.771-2.2-4.862-5.14-3.895-8.819-1.679-10.937.59-.548 1.531-.458 1.98.21l1.483 2.168c.52.796.192 1.88-.605 2.413l-.89.594a.47.47 0 00-.152.612 14.915 14.915 0 004.759 5.06.483.483 0 00.607-.131l.629-.891c.55-.776 1.667-1.049 2.42-.483zm-3.046-8.374a4.23 4.23 0 013.065 1.246 4.234 4.234 0 011.247 3.066c-.003.338-.287.622-.644.644a.8.8 0 01-.389-.132l-.06-.052a.61.61 0 01-.184-.448 2.994 2.994 0 00-.88-2.168 2.992 2.992 0 00-2.168-.88c-.337.003-.616-.276-.632-.632.004-.337.288-.622.644-.644z' fill='%23fff'/%3E%3C/svg%3E");
}
.bx-im-navigation__item_icon.--settings {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.801 19.838a.54.54 0 01.36-.372c.31-.1.61-.222.897-.365a.54.54 0 01.511.012l1.03.602a.496.496 0 00.553-.03 8.321 8.321 0 001.534-1.533.496.496 0 00.03-.553l-.602-1.03a.54.54 0 01-.012-.511 6.67 6.67 0 00.364-.897.54.54 0 01.372-.36l1.131-.297a.498.498 0 00.372-.416 8.594 8.594 0 00-.002-2.18.496.496 0 00-.37-.413l-1.145-.3a.539.539 0 01-.37-.355 6.763 6.763 0 00-.363-.877.539.539 0 01.01-.512l.597-1.021a.497.497 0 00-.03-.554 8.463 8.463 0 00-1.545-1.545.496.496 0 00-.554-.03l-1.02.597a.539.539 0 01-.513.01 6.753 6.753 0 00-.877-.363.54.54 0 01-.354-.37l-.3-1.144a.496.496 0 00-.413-.37 8.594 8.594 0 00-2.18-.002.497.497 0 00-.417.371l-.3 1.143a.546.546 0 01-.348.37 6.126 6.126 0 00-.838.376.539.539 0 01-.527-.004l-.97-.566a.498.498 0 00-.564.036 9.99 9.99 0 00-1.563 1.563.498.498 0 00-.036.563l.567.97a.539.539 0 01.003.527 6.125 6.125 0 00-.376.839.545.545 0 01-.37.348l-1.142.3a.497.497 0 00-.372.416 8.595 8.595 0 00.002 2.18c.026.201.175.362.37.413l1.144.3a.539.539 0 01.37.355c.102.302.223.595.364.877a.539.539 0 01-.011.512l-.596 1.02a.497.497 0 00.03.555c.446.579.965 1.099 1.545 1.545.16.123.379.131.554.03l1.02-.596a.539.539 0 01.513-.012c.281.141.574.263.877.364a.539.539 0 01.354.37l.3 1.144a.496.496 0 00.413.37 8.595 8.595 0 002.18.002.497.497 0 00.416-.371l.297-1.13zm-.962-3.1a3.835 3.835 0 01-4.577-4.578c.278-1.307 1.591-2.62 2.898-2.898a3.835 3.835 0 014.577 4.577 3.772 3.772 0 01-2.898 2.898z' fill='%23fff'/%3E%3C/svg%3E");
}
.bx-im-navigation__item_icon.--copilot {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13.047 18.468a5.607 5.607 0 100-11.214 5.607 5.607 0 000 11.214zm-.896-9.805a.157.157 0 00-.294 0l-.558 1.508c-.16.43-.498.768-.927.927l-1.509.558a.157.157 0 000 .295l1.509.558c.429.159.768.497.927.927l.558 1.508c.05.136.243.136.294 0l.558-1.508c.159-.43.498-.768.927-.927l1.508-.558a.157.157 0 000-.295l-1.508-.558a1.569 1.569 0 01-.927-.927l-.558-1.508zm3.204 4.359a.09.09 0 00-.17 0l-.322.871a.906.906 0 01-.536.536l-.871.322a.09.09 0 000 .17l.871.323a.906.906 0 01.536.535l.322.872a.09.09 0 00.17 0l.323-.872a.906.906 0 01.535-.535l.872-.323a.09.09 0 000-.17l-.872-.322a.907.907 0 01-.535-.536l-.323-.871z' fill='%23fff'/%3E%3Cpath d='M21.115 13.202c.55.024.984.491.9 1.036-.664 4.356-4.426 7.693-8.968 7.693a9.073 9.073 0 116.179-15.717c.404.377.354 1.013-.065 1.374-.418.36-1.045.307-1.46-.056a7.074 7.074 0 102.302 6.62c.1-.543.56-.974 1.112-.95z' fill='%23fff'/%3E%3C/svg%3E");
}
.bx-im-navigation__item_icon.--market {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.07 7.182a3.56 3.56 0 014.866-1.46c.11.06.151.198.093.308l-6.717 12.666a1.891 1.891 0 01-2.585.775 1.95 1.95 0 01-.785-2.618l5.129-9.671zM8.716 7.182a3.56 3.56 0 014.866-1.46c.11.06.15.198.092.308L6.958 18.696a1.891 1.891 0 01-2.585.775 1.95 1.95 0 01-.785-2.618l5.128-9.671z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M17.197 14.823a.274.274 0 00-.032.128v2.854c0 1.094.875 1.982 1.952 1.982 1.076 0 1.948-.886 1.948-1.979V8.603c0-.281-.37-.376-.501-.128l-3.367 6.348z' fill='%23fff'/%3E%3C/svg%3E");
}
.bx-im-navigation__item_icon.--timemanager {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='28' height='28' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 15.671a1.672 1.672 0 01-1.666-1.527l-1.915-1.76a.649.649 0 01.719-1.063l2.303 1.102a1.67 1.67 0 01.912-.058l3.561-2.138a.61.61 0 01.737.964l-2.98 2.86c-.027.9-.765 1.62-1.67 1.62zM14.761 8.037a.791.791 0 11-1.582 0 .791.791 0 011.582 0zM14.761 19.96a.791.791 0 11-1.582 0 .791.791 0 011.582 0zM8.11 14.775a.791.791 0 100-1.582.791.791 0 000 1.582zM20.838 13.984a.791.791 0 11-1.582 0 .791.791 0 011.582 0z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 23.333a9.333 9.333 0 110-18.667 9.333 9.333 0 010 18.667zm0-2.084a7.25 7.25 0 100-14.498 7.25 7.25 0 000 14.498z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14 21.25a7.25 7.25 0 100-14.5 7.25 7.25 0 000 14.5zm0 2.083a9.333 9.333 0 110-18.667 9.333 9.333 0 010 18.667zm0-7.661a1.672 1.672 0 01-1.666-1.528l-1.915-1.76a.649.649 0 01.719-1.063l2.303 1.102a1.67 1.67 0 01.912-.058l3.561-2.138a.61.61 0 01.737.964l-2.98 2.86c-.027.9-.765 1.62-1.67 1.62zm.761-7.635a.791.791 0 11-1.582 0 .791.791 0 011.582 0zm0 11.923a.791.791 0 11-1.582 0 .791.791 0 011.582 0zm-6.65-5.185a.791.791 0 100-1.582.791.791 0 000 1.582zm12.727-.79a.791.791 0 11-1.582 0 .791.791 0 011.582 0z' fill='%23fff'/%3E%3C/svg%3E");
}
.bx-im-navigation__item_icon.--collab {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13.999 7.573a1.997 1.997 0 00-1.998 0L8.8 9.42a1.997 1.997 0 00-1 1.73v3.697c0 .714.382 1.373 1 1.73L12 18.427c.618.356 1.38.356 1.998 0l3.202-1.85a1.997 1.997 0 00.998-1.729v-3.697c0-.713-.38-1.373-.998-1.73l-3.202-1.848z' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.999 4.15a4.002 4.002 0 014.002 0l4.663 2.691a4.002 4.002 0 012.001 3.466v5.385c0 1.43-.763 2.75-2 3.466L15 21.85a4.003 4.003 0 01-4.002 0l-4.663-2.692a4.002 4.002 0 01-2.001-3.466v-5.385c0-1.43.763-2.75 2-3.466L11 4.15zm3.135 1.5l4.663 2.692a2.269 2.269 0 011.135 1.965v5.385c0 .81-.432 1.56-1.134 1.965l-4.663 2.692a2.27 2.27 0 01-2.27 0l-4.662-2.692a2.269 2.269 0 01-1.135-1.965v-5.385c0-.81.433-1.56 1.135-1.965l4.663-2.692a2.269 2.269 0 012.268 0z' fill='%23fff'/%3E%3C/svg%3E");
}
.bx-im-navigation__item_icon.--homepage {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='26' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.333 6.417a1 1 0 011-1h16.242a1 1 0 011 1v11.705a1 1 0 01-1 1h-3.06v1.883a.5.5 0 01-.5.5H9.219a.5.5 0 01-.5-.5v-1.883H5.333a1 1 0 01-1-1V6.417zm2.508 1.297h13.227v9.11H6.841v-9.11z' fill='%23fff'/%3E%3C/svg%3E");
}
.bx-im-navigation__item_counter {
position: absolute;
top: 0;
left: 40px;
display: flex;
justify-content: center;
align-items: center;
min-width: 16px;
height: 16px;
padding: 0 2px;
background-color: var(--im-navigation__background-color_counter);
border-radius: 8px;
opacity: 0.8;
}
.bx-im-navigation__item_counter-text {
font: var(--im-font-size-3xs) var(--im-navigation__font);
font-weight: var(--im-font-weight-bold);
color: var(--im-navigation__font-color);
line-height: 1;
}
.bx-im-navigation__item_text {
max-width: 95%;
font: var(--im-font-size-4xs) var(--im-navigation__font);
color: var(--im-navigation__font-color);
letter-spacing: -0.5px;
display: -webkit-box;
-webkit-line-clamp: 2;
-webkit-box-orient: vertical;
overflow: hidden;
white-space: initial;
text-align: center;
}
.bx-im-navigation__shadow {
position: absolute;
width: 68px;
height: 86px;
background: linear-gradient(180deg, #424A54 0%, #424A54 50.28%, rgba(66, 74, 84, 0) 100%);
z-index: 2;
}
.bx-im-navigation__shadow.--top {
top: 0;
}
.bx-im-navigation__shadow.--bottom {
bottom: 61px;
height: 55px;
background: linear-gradient(0deg, #424A54 0.91%, #424A54 51.19%, rgba(66, 74, 84, 0) 100.91%);
}
.bx-im-navigation__scroll-button {
position: absolute;
width: 100%;
height: 43px;
background: var(--im-navigation__background-image_arrow-top) no-repeat center;
cursor: pointer;
}
.bx-im-navigation__scroll-button.--bottom {
bottom: 0;
transform: rotate(180deg);
background-position-y: 9px;
}
.bx-im-user-settings-popup__scope {
--im-user-settings-popup__background-color: var(--im-color-palette-white-base);
--im-user-settings-popup__background-color_separator: rgba(var(--im-color-palette-gray-90-rgb), 0.05);
--im-user-settings-popup__background-color_item-hover: var(--im-color-palette-gray-03);
--im-user-settings-popup__background-color_old-chat: #00ace3;
--im-user-settings-popup__background-color_old-chat-hover: linear-gradient(0deg, rgba(255, 255, 255, 0.2), rgba(255, 255, 255, 0.2)), #00ACE3;
--im-user-settings-popup__font_primary: var(--im-font-family-system);
--im-user-settings-popup__font_secondary: var(--im-font-family-helvetica);
--im-user-settings-popup__font-color_primary: var(--im-color-palette-black-base);
--im-user-settings-popup__font-color_secondary: var(--im-color-palette-gray-70);
--im-user-settings-popup__font-color_tertiary: var(--im-color-palette-gray-60);
--im-user-settings-popup__font-color_old-chat: var(--im-color-palette-white-base);
--im-user-settings-popup__font-color_muted: var(--im-color-palette-gray-40);
--im-user-settings-popup__font-color_button: var(--im-color-palette-gray-90);
--im-user-settings-popup__button-color_blue: var(--im-color-palette-blue-60-rgb);
--im-user-settings-popup__button-color_red: var(--im-color-palette-red-50-rgb);
--im-user-settings-popup__avatar-select_shadow: 0 0 4px rgba(var(--im-color-palette-black-solid-rgb), 0.25);
}
.bx-im-user-settings-popup__container {
width: 100%;
height: 100%;
display: flex;
flex-direction: column;
padding-top: 24px;
background-color: var(--im-user-settings-popup__background-color);
box-sizing: border-box;
-webkit-user-select: none;
user-select: none;
overflow: hidden;
}
.bx-im-user-settings-popup__container * {
box-sizing: border-box;
}
/* Header */
.bx-im-user-settings-popup__header {
display: flex;
padding: 0 19px;
margin-bottom: 23px;
}
.bx-im-user-settings-popup__header_left {
margin-right: var(--im-space-inline-md);
}
.bx-im-user-settings-popup__header_right {
display: flex;
flex-direction: column;
}
.bx-im-user-settings-popup__domain {
font: var(--im-font-size-3xs)/var(--im-font-line-height-sm) var(--im-user-settings-popup__font_primary);
font-weight: var(--im-font-weight-semi-bold);
color: var(--im-user-settings-popup__font-color_secondary);
}
.bx-im-user-settings-popup__user_name {
font: var(--im-font-size-md)/var(--im-font-line-height-sm) var(--im-user-settings-popup__font_primary);
font-weight: var(--im-font-weight-semi-bold);
color: var(--im-user-settings-popup__font-color_primary);
max-width: 200px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.bx-im-user-settings-popup__user_title {
font: var(--im-font-size-3xs)/var(--im-font-line-height-sm) var(--im-user-settings-popup__font_primary);
font-weight: var(--im-font-weight-normal);
color: var(--im-user-settings-popup__font-color_secondary);
margin-bottom: var(--im-space-stack-sm);
max-width: 200px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
padding-right: 4px;
}
.bx-im-user-settings-popup__user_link {
text-decoration: none;
}
.bx-im-user-settings-popup__button-panel {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 7px;
max-width: 220px;
}
/* Header end */
/* Content */
.bx-im-user-settings-popup__content {
overflow: hidden scroll;
max-height: 328px;
}
.bx-im-user-settings-popup__list {
display: flex;
flex-direction: column;
align-items: center;
margin: 0 8px 8px;
}
.bx-im-user-settings-popup__separator {
width: 281px;
height: 1px;
background-color: var(--im-user-settings-popup__background-color_separator);
}
.bx-im-user-settings-popup__list-item {
display: flex;
align-items: center;
width: 100%;
height: 52px;
padding: 0 12px;
border-radius: 6px;
cursor: pointer;
}
.bx-im-user-settings-popup__list-item:not(.--disabled):hover {
background-color: var(--im-user-settings-popup__background-color_item-hover);
}
.bx-im-user-settings-popup__list-item:not(.--disabled):hover .bx-im-user-settings-popup__list-item_icon {
opacity: 0.6;
}
.bx-im-user-settings-popup__list-item.--with-icon {
justify-content: space-between;
}
.bx-im-user-settings-popup__list-item.--disabled {
opacity: 0.3;
}
.bx-im-user-settings-popup__list-item_left {
display: flex;
flex: 1;
max-width: 100%;
}
.bx-im-user-settings-popup__list-item.--with-icon .bx-im-user-settings-popup__list-item_left {
max-width: calc(100% - 20px);
}
.bx-im-user-settings-popup__list-item_icon {
width: var(--im-size-lg);
min-width: var(--im-size-lg);;
height: var(--im-size-lg);
min-height: var(--im-size-lg);;
background-position: center;
background-repeat: no-repeat;
opacity: 0.5;
}
.bx-im-user-settings-popup__list-item_icon.--chevron {
background-image: 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='M11.778 5.433L8.76 8.451 8 9.2l-.746-.749-3.018-3.018-1.065 1.065 4.836 4.836 4.836-4.836-1.065-1.065z' fill='%23525C69'/%3E%3C/svg%3E");
}
.bx-im-user-settings-popup__list-item_icon.--drive {
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='M16.833 10c.369 0 .667.299.667.667V14a1 1 0 01-1 1H4.333a1 1 0 01-1-1v-3.333c0-.368.299-.667.667-.667h12.833zm-4 1.667H8a.5.5 0 00-.493.419l-.007.08v.667a.5.5 0 00.419.494l.081.006h4.833a.5.5 0 00.494-.419l.006-.08v-.667a.5.5 0 00-.5-.5zm-7 0a.833.833 0 100 1.666.833.833 0 000-1.666zM14.68 5c.311 0 .596.173.74.449l1.664 3.203H3.833l1.585-3.19A.833.833 0 016.165 5h8.514z' fill='%23525C69'/%3E%3C/svg%3E");
}
.bx-im-user-settings-popup__list-item_icon.--more {
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='M8 12a2 2 0 11-4 0 2 2 0 014 0zm6 0a2 2 0 11-4 0 2 2 0 014 0zm4 2a2 2 0 100-4 2 2 0 000 4z' fill='%23525C69'/%3E%3C/svg%3E");
}
.bx-im-user-settings-popup__list-item_icon.--assistant {
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.314v-.308h.784a.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='%23525C69'/%3E%3C/svg%3E");
}
.bx-im-user-settings-popup__list-item_icon.--settings {
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='M10.337 3.549a.574.574 0 01.552.387l.02.079.133.745a5.457 5.457 0 012.215.955l.64-.403a.584.584 0 01.671.034l.068.062.523.567a.556.556 0 01.076.654l-.051.076-.482.596c.286.481.497 1.014.618 1.585l.767.118c.25.038.441.231.48.47l.006.082.007.765a.565.565 0 01-.395.541l-.08.02-.765.133a5.217 5.217 0 01-.771 1.884l.472.637a.553.553 0 01.005.658l-.059.069-.547.546a.583.583 0 01-.661.113l-.08-.046-.66-.453a5.393 5.393 0 01-1.153.573 5.917 5.917 0 01-.744.211l-.122.76a.57.57 0 01-.48.47l-.083.007-.78.007a.573.573 0 01-.552-.387l-.02-.08-.134-.742a5.46 5.46 0 01-2.18-.921l-.647.407a.585.585 0 01-.671-.034l-.068-.062-.523-.567a.556.556 0 01-.076-.654l.052-.075.47-.582a5.213 5.213 0 01-.651-1.64l-.764-.118a.57.57 0 01-.48-.47l-.006-.082-.007-.765a.565.565 0 01.395-.541l.08-.02.773-.134c.143-.624.43-1.252.818-1.825l-.485-.654a.555.555 0 01-.006-.658l.06-.07.546-.546a.585.585 0 01.662-.113l.08.046.641.44a4.588 4.588 0 011.127-.6c.254-.09.508-.162.76-.215l.123-.756a.568.568 0 01.48-.47l.082-.007.78-.007zM9.71 13.21c-1.143-.08-2.408-1.021-2.793-2.078-.815-2.233.952-4.514 3.368-4.345 1.267.088 2.366.906 2.793 2.077.815 2.235-.953 4.515-3.368 4.346z' fill='%23525C69'/%3E%3C/svg%3E");
}
.bx-im-user-settings-popup__list-item_icon.--customize {
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='M5.142 14.167h-.975a.833.833 0 010-1.667h.975a2.501 2.501 0 014.716 0H15a.833.833 0 010 1.667H9.858a2.501 2.501 0 01-4.716 0zM9.31 8.333H4.167a.833.833 0 110-1.666h5.142a2.501 2.501 0 014.715 0H15a.833.833 0 010 1.666h-.976a2.501 2.501 0 01-4.715 0zm2.358 0a.833.833 0 100-1.666.833.833 0 000 1.666zM7.5 14.167a.833.833 0 100-1.667.833.833 0 000 1.667z' fill='%23525C69'/%3E%3C/svg%3E");
}
.bx-im-user-settings-popup__list-item_icon.--add-account {
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='M10 16.693a6.693 6.693 0 100-13.386 6.693 6.693 0 000 13.386zm0-1.46a5.232 5.232 0 100-10.465 5.232 5.232 0 000 10.464zm-.833-6.066v-2.5h1.666v2.5h2.5v1.666h-2.5v2.5H9.167v-2.5h-2.5V9.167h2.5z' fill='%23525C69'/%3E%3C/svg%3E");
}
.bx-im-user-settings-popup__list-item_icon.--arrow-left {
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.551 14.714L7.78 10.942h8.065V9.059H7.779l3.772-3.773-1.331-1.33L4.175 10l6.045 6.045 1.331-1.33z' fill='%23fff'/%3E%3C/svg%3E");
}
.bx-im-user-settings-popup__list-item_icon.--help {
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='M16.667 10a6.667 6.667 0 11-13.334 0 6.667 6.667 0 0113.334 0zM9.16 12.19v1.507h1.535V12.19H9.16zm-.137-3.225H7.586c.007-.352.067-.675.181-.968.114-.294.274-.548.48-.763.205-.215.453-.383.743-.504.29-.12.614-.18.972-.18.463 0 .85.063 1.16.19.309.127.558.285.747.474a1.754 1.754 0 01.528 1.222c0 .313-.04.571-.122.773a1.905 1.905 0 01-.704.885 9.259 9.259 0 00-.416.303c-.13.101-.246.217-.347.347a.997.997 0 00-.19.489v.372h-1.32v-.44c.02-.28.073-.515.16-.704.089-.19.192-.35.309-.484a2.46 2.46 0 01.372-.348c.13-.097.25-.195.361-.293.111-.098.2-.205.27-.323a.8.8 0 00.092-.44c0-.3-.073-.521-.22-.664-.147-.144-.35-.216-.611-.216a.946.946 0 00-.455.103.907.907 0 00-.313.274 1.188 1.188 0 00-.18.4c-.04.154-.06.319-.06.495z' fill='%23525C69'/%3E%3C/svg%3E");
}
.bx-im-user-settings-popup__list-item_icon.--feedback {
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.253 4.276H4.747c-.561 0-1.016.455-1.016 1.017v8.657c0 .561.455 1.016 1.016 1.016h1.77v2.678c0 .297.36.446.57.236L10 14.966h5.253c.561 0 1.016-.455 1.016-1.016V5.293c0-.562-.455-1.017-1.016-1.017zm-6.921 8.177L10 11.561l1.669.892a.3.3 0 00.437-.314l-.32-1.898 1.36-1.35a.3.3 0 00-.167-.51l-1.875-.277-.834-1.719a.3.3 0 00-.54 0l-.834 1.72-1.875.277a.3.3 0 00-.167.51l1.36 1.349-.32 1.898a.3.3 0 00.438.314z' fill='%23525C69'/%3E%3C/svg%3E");
}
.bx-im-user-settings-popup__list-item_icon.--background {
background-image: url('./images/background.svg');
}
.bx-im-user-settings-popup__list-item_icon.--alignment {
background-image: url('./images/alignment.svg');
}
.bx-im-user-settings-popup__list-item_text {
max-width: calc(100% - 20px);
margin-left: 8px;
font: var(--im-font-size-sm)/var(--im-font-line-height-lg) var(--im-user-settings-popup__font_primary);
font-weight: var(--im-font-weight-semi-bold);
color: var(--im-user-settings-popup__font-color_primary);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
cursor: pointer;
}
.bx-im-user-settings-popup__list-item.--with-icon .bx-im-user-settings-popup__list-item_text {
max-width: calc(100% - 20px - 20px - 8px);
}
.bx-im-user-settings-popup__list-item_text-secondary {
font: var(--im-font-size-3xs)/var(--im-font-line-height-sm) var(--im-user-settings-popup__font_secondary);
font-weight: var(--im-font-weight-normal);
color: var(--im-user-settings-popup__font-color_tertiary);
}
.bx-im-user-settings-popup__list-header {
margin-top: var(--im-space-stack-xl);
text-transform: uppercase;
font: var(--im-font-size-4xs)/var(--im-font-line-height-3xl) var(--im-user-settings-popup__font_primary);
font-weight: var(--im-font-weight-bold);
color: var(--im-user-settings-popup__font-color_muted);
}
/* Content end */
.bx-im-user-settings-popup__container *::-webkit-scrollbar {
width: 6px;
}
.bx-im-user-settings-popup__container *::-webkit-scrollbar-thumb {
background-color: transparent;
border-radius: 32px;
}
.bx-im-user-settings-popup__container *:hover::-webkit-scrollbar-thumb {
background-color: rgb(82 92 105 / 20%);
border-radius: 32px;
}
.bx-im-user-status-popup__scope {
--im-user-status-popup__background-color_item-hover: var(--im-color-palette-gray-03);
--im-user-status-popup__background-color_separator: rgba(var(--im-color-palette-gray-90-rgb), 0.05);
--im-user-status-popup__font-color_text: var(--im-color-palette-black-base);
}
.bx-im-user-status-popup__container * {
box-sizing: border-box;
}
.bx-im-user-status-popup__container {
padding: 8px 0;
}
.bx-im-user-status-popup__item {
position: relative;
display: flex;
align-items: center;
height: 42px;
margin: 0 5px;
padding: 0 5px;
border-radius: 6px;
cursor: pointer;
}
.bx-im-user-status-popup__item:after {
content: '';
position: absolute;
bottom: 0;
width: 166px;
height: 1px;
background-color: var(--im-user-status-popup__background-color_separator);
}
.bx-im-user-status-popup__item:last-child:after {
display: none;
}
.bx-im-user-status-popup__item:hover {
background-color: var(--im-user-status-popup__background-color_item-hover);
}
.bx-im-user-status-popup__text {
max-width: calc(100% - 45px);
margin-left: 4px;
font: var(--im-font-size-sm)/var(--im-font-line-height-lg) var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
color: var(--im-user-status-popup__font-color_text);
text-overflow: ellipsis;
overflow: hidden;
white-space: nowrap;
}
.bx-im-copilot-promo-hint__scope {
--im-copilot-promo-hint__color_action-button: var(--im-color-accent-purple);
padding: 10px 20px;
font-size: var(--im-font-size-md);
font-family: var(--im-font-family-system);
line-height: var(--im-font-line-height-2xs);
}
.bx-im-copilot-promo-hint__scope .popup-window-content {
overflow: hidden;
}
.bx-im-copilot-promo-hint__title {
font-weight: var(--im-font-weight-bold);
}
.bx-im-copilot-promo-hint__action {
display: flex;
font: inherit;
color: var(--im-copilot-promo-hint__color_action-button);
background-color: transparent;
border: none;
cursor: pointer;
padding: 0;
height: 22px;
margin-top: 20px;
}
.bx-im-user-status__scope {
--im-user-status__size_s: 18px;
--im-user-status__size_m: 20px;
--im-user-status__size_l: 24px;
--im-user-status__size_xl: 30px;
--im-user-status__size_xxl: 47px;
}
/* S = 12 (8 circle + 4 border) - square 18 */
/* M = 14 (10 circle + 4 border) - square 20 */
/* L = 18 (14 circle + 4 border) - square 24 */
/* XL = 24 (20 circle + 4 border) - square 30 */
.bx-im-user-status__container {
background-repeat: no-repeat;
background-position: center;
background-size: contain;
}
/* size */
.bx-im-user-status__container.--size-s {
width: var(--im-user-status__size_s);
height: var(--im-user-status__size_s);
}
.bx-im-user-status__container.--size-m {
width: var(--im-user-status__size_m);
height: var(--im-user-status__size_m);
}
.bx-im-user-status__container.--size-l {
width: var(--im-user-status__size_l);
height: var(--im-user-status__size_l);
}
.bx-im-user-status__container.--size-xl {
width: var(--im-user-status__size_xl);
height: var(--im-user-status__size_xl);
}
.bx-im-user-status__container.--size-xxl {
width: var(--im-user-status__size_xxl);
height: var(--im-user-status__size_xxl);
}
/* end size */
/* icons */
.bx-im-user-status__container.--offline {
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%3Ccircle cx='12' cy='12' r='9' fill='%23fff'/%3E%3Ccircle cx='12' cy='12' r='6.228' fill='%23FF5752'/%3E%3C/svg%3E");
}
.bx-im-user-status__container.--online {
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%3Ccircle cx='12' cy='12' r='9' fill='%23fff'/%3E%3Ccircle cx='12' cy='12' r='6.228' fill='%239DCF00'/%3E%3C/svg%3E");
}
.bx-im-user-status__container.--mobile-online {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='25' height='26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 3.864C6 2.282 7.26 1 8.813 1h9.374C19.741 1 21 2.282 21 3.864v15.272C21 20.718 19.74 22 18.187 22H8.813C7.26 22 6 20.718 6 19.136V3.864z' fill='%23fff'/%3E%3Crect x='8' y='3' width='11' height='17' rx='2' fill='%2311A9D9'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.733 16a.184.184 0 01-.187-.18V5.671c0-.099.084-.18.187-.18h7.534c.103 0 .186.081.186.18v10.15c0 .098-.083.179-.186.179H9.733z' fill='%23DDE4EE'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9.733 16a.184.184 0 01-.187-.18V5.671c0-.099.084-.18.187-.18h7.534c.103 0 .186.081.186.18v10.15c0 .098-.083.179-.186.179H9.733z' fill='%23fff'/%3E%3Ccircle cx='13.5' cy='18.096' r='.979' fill='%23fff'/%3E%3C/svg%3E");
}
.bx-im-user-status__container.--away {
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%3Ccircle cx='12' cy='12' r='9' fill='%23fff'/%3E%3Ccircle cx='12' cy='12' r='6.228' fill='%23F7AE3B'/%3E%3C/svg%3E");
}
.bx-im-user-status__container.--idle {
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%3Ccircle cx='12' cy='12' r='9' fill='%23fff'/%3E%3Ccircle cx='12.1' cy='12.1' r='7.1' fill='%23F7AE3B'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M13 12V8h-2v6h5v-2h-3z' fill='%23fff'/%3E%3C/svg%3E");
}
.bx-im-user-status__container.--dnd {
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%3Ccircle cx='12' cy='12' r='9' fill='%23fff'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.1 5C8.234 5 5 8.156 5 12.1a7.07 7.07 0 007.1 7.1c3.866 0 7.1-3.155 7.1-7.1 0-3.944-3.234-7.1-7.1-7.1zm0 2.051c.868 0 1.736.237 2.446.631L7.76 14.467a5.124 5.124 0 01-.631-2.446c-.079-2.76 2.209-4.97 4.97-4.97zm0 10.02c-.947 0-1.736-.237-2.524-.71l6.784-6.785c.395.71.71 1.578.71 2.524 0 2.683-2.209 4.97-4.97 4.97z' fill='%23EC5961'/%3E%3C/svg%3E");
}
.bx-im-user-status__container.--break {
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%3Ccircle cx='12' cy='12' r='9' fill='%23fff'/%3E%3Ccircle cx='12.1' cy='12.1' r='7.1' fill='%23C48300'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M12.516 9.048c.08.168.084.474.067.752-.012.19.216.306.345.165.372-.41.841-1.019.681-1.352-.146-.305-.565-.474-.923-.618-.267-.108-.5-.202-.56-.328a52.65 52.65 0 01-.525-1.198c-.065-.154-.275-.162-.344-.01-.202.443-.478 1.169-.307 1.525.14.293.549.478.917.645.3.136.572.26.649.419zm-1.96.335c.067.14.124.4.165.633.032.178.256.233.346.077.187-.323.381-.757.258-1.013-.122-.256-.407-.408-.65-.539-.18-.097-.339-.181-.39-.287-.065-.137-.192-.52-.293-.84-.055-.172-.284-.187-.347-.017-.134.358-.265.834-.142 1.092.118.246.382.402.62.542.193.114.37.218.433.352zm-3.023 2.122c-.072-.548.37-.994.922-.994h6.162c.043 0 .085.002.127.008a2.259 2.259 0 11-.509 4.416c-.6.725-1.462 1.245-2.699 1.245-2.993 0-3.79-3.049-4.003-4.675zm7.981.184c-.1.674-.3 1.54-.693 2.332l.069.002a1.25 1.25 0 00.624-2.334z' fill='%23fff'/%3E%3C/svg%3E");
}
/* end icons */
.bx-im-desktop-connection-list__scope {
--im-desktop-connection-list__color_title: var(--im-color-palette-gray-40);
--im-desktop-connection-list__color_add-button: var(--im-color-palette-blue-60);
}
.bx-im-desktop-connection-list__container {
overflow: hidden;
padding: 0 1px 9px 8px;
}
.bx-im-desktop-connection-list__header {
display: flex;
justify-content: space-between;
padding: 14px 9px 5px 8px;
font: var(--im-font-size-4xs)/var(--im-font-line-height-3xl) var(--im-font-family-system);
font-weight: var(--im-font-weight-bold);
text-transform: uppercase;
}
.bx-im-desktop-connection-list__title {
color: var(--im-desktop-connection-list__color_title);
}
.bx-im-desktop-connection-list__add {
color: var(--im-desktop-connection-list__color_add-button);
cursor: pointer;
}
.bx-im-desktop-connection-list__items {
height: calc(100% - 53px);
-webkit-user-select: text;
user-select: text;
}
.bx-im-desktop-connection-list-item__scope {
--im-desktop-connection-list-item__background-color_separator: #525c69;
--im-desktop-connection-list-item__background-color_container-hover: #f5f7f8;
--im-desktop-connection-list-item__background-color_default-avatar: #c9ccd0;
--im-desktop-connection-list-item__color_title: var(--im-color-palette-black-base);
--im-desktop-connection-list-item__color_login: var(--im-color-palette-gray-70);
}
.bx-im-desktop-connection-list-item__container {
position: relative;
height: 52px;
display: flex;
justify-content: space-between;
border-radius: 6px;
}
.bx-im-desktop-connection-list-item__container:last-child {
margin-bottom: 6px;
}
.bx-im-desktop-connection-list-item__container:hover {
background-color: var(--im-desktop-connection-list-item__background-color_container-hover);
}
.bx-im-desktop-connection-list-item__container:before {
content: '';
position: absolute;
width: calc(100% - 10px);
height: 1px;
background-color: var(--im-desktop-connection-list-item__background-color_separator);
margin-left: 5px;
opacity: 0.05;
transition: opacity .3s;
}
.bx-im-desktop-connection-list-item__content {
display: flex;
align-items: center;
padding: 8px 0 8px 10px;
}
.bx-im-desktop-connection-list-item__content.--disconnected {
opacity: 0.4;
}
.bx-im-desktop-connection-list-item__avatar {
width: 32px;
height: 32px;
border-radius: 50%;
}
.bx-im-desktop-connection-list-item__avatar-default {
width: 32px;
height: 32px;
border-radius: 50%;
background: var(--im-desktop-connection-list-item__background-color_default-avatar) url("data:image/svg+xml;charset=utf-8,%3Csvg width='40' height='40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M31.83 30.994a.591.591 0 00.358-.664l-.694-3.536c0-1.119-1.49-2.397-4.426-3.142a10.06 10.06 0 01-2.802-1.252c-.189-.106-.16-1.083-.16-1.083l-.945-.141c0-.08-.081-1.252-.081-1.252 1.13-.373 1.015-2.574 1.015-2.574.718.391 1.186-1.35 1.186-1.35.85-2.42-.423-2.273-.423-2.273a14.94 14.94 0 000-4.456c-.566-4.9-9.085-3.57-8.075-1.97-2.49-.45-1.922 5.111-1.922 5.111l.54 1.44c-.748.477-.601 1.024-.437 1.634.069.255.14.521.15.798.053 1.387.918 1.1.918 1.1.053 2.29 1.204 2.588 1.204 2.588.216 1.438.081 1.194.081 1.194l-1.024.121c.014.327-.013.655-.08.975-.595.26-.96.468-1.32.673-.37.21-.735.417-1.34.678-2.311.994-4.823 2.287-5.27 4.028-.18.701-.355 1.735-.5 2.72-.039.27.11.532.363.633 3.29 1.312 7.067 2.093 11.094 2.18h1.497c4.026-.087 7.803-.868 11.093-2.18z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
background-size: 26px;
}
.bx-im-desktop-connection-list-item__title-container {
display: flex;
flex-direction: column;
gap: 2px;
margin-left: 9px;
}
.bx-im-desktop-connection-list-item__title {
font: var(--im-font-size-xs)/var(--im-font-line-height-3xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
color: var(--im-desktop-connection-list-item__color_title);
}
.bx-im-desktop-connection-list-item__content:not(.--disconnected) .bx-im-desktop-connection-list-item__title {
cursor: pointer;
}
.bx-im-desktop-connection-list-item__login {
font: var(--im-font-size-3xs)/var(--im-font-line-height-3xs) var(--im-font-family-system);
color: var(--im-desktop-connection-list-item__color_login);
}
.bx-im-desktop-connection-list-item__context-menu {
align-self: center;
margin-right: 13px;
outline: none;
}