| 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/message/elements/dist/ |
Upload File : |
.bx-im-message-status__scope {
--im-message-status__font-color_edit-mark: rgba(var(--im-color-palette-gray-90-rgb), 0.4);
--im-message-status__font-color_edit-mark-overlay: var(--im-color-palette-white-base);
--im-message-status__font-color_date: rgba(var(--im-color-palette-gray-90-rgb), 0.4);
--im-message-status__font-color_date-overlay: var(--im-color-palette-white-base);
--im-message-status__background-color_date-overlay: rgb(0 0 0 / 50%);
}
.bx-im-message-status__container {
display: flex;
align-items: flex-end;
}
.bx-im-message-status__container.--overlay {
border-radius: 12px;
padding: 2px 6px;
background-color: var(--im-message-status__background-color_date-overlay);
}
.bx-im-message-status__edit-mark {
margin-right: 4px;
text-transform: lowercase;
font: var(--im-font-size-4xs)/var(--im-font-line-height-3xs) var(--im-font-family-system);
font-style: italic;
color: var(--im-message-status__font-color_edit-mark);
-webkit-user-select: none;
user-select: none;
}
.--overlay .bx-im-message-status__edit-mark {
color: var(--im-message-status__font-color_edit-mark-overlay);
}
.bx-im-message-status__date {
font: var(--im-font-size-4xs)/11px var(--im-font-family-system);
color: var(--im-message-status__font-color_date);
-webkit-user-select: none;
user-select: none;
}
.bx-im-message-status__container.--overlay .bx-im-message-status__date {
color: var(--im-message-status__font-color_date-overlay);
}
.bx-im-message-status__icon {
width: 14px;
height: 11px;
background-size: contain;
background-repeat: no-repeat;
background-position: center;
}
.bx-im-message-status__icon.--sending {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='13' height='13' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M6.72 12.034A5.538 5.538 0 1112.037 6.5a5.43 5.43 0 01-5.317 5.534zm-.05-1.258A4.279 4.279 0 1110.778 6.5a4.195 4.195 0 01-4.108 4.276zM5.545 4.195a.688.688 0 011.375 0v2.063h1.376a.688.688 0 010 1.375H6.232a.686.686 0 01-.687-.688v-2.75z' fill='%23525C69' fill-opacity='.4'/%3E%3C/svg%3E");
}
.bx-im-message-status__icon.--sent {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.514 8.605a.3.3 0 01-.419 0L1.687 6.258a.4.4 0 010-.573l.446-.435a.4.4 0 01.558 0l1.614 1.573 4.85-4.747a.4.4 0 01.56-.001l.446.435a.4.4 0 010 .572L4.514 8.605z' fill='%23525C69' fill-opacity='.4'/%3E%3C/svg%3E");
}
.bx-im-message-status__icon.--viewed {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M7.346 8.609a.3.3 0 01-.416.004l-.943-.892a.4.4 0 01-.005-.577L6.44 6.7a.4.4 0 01.542-.014l.159.139 4.85-4.748a.4.4 0 01.56 0l.445.434a.4.4 0 010 .573l-5.65 5.526zM3.205 8.606a.3.3 0 01-.419 0L.377 6.258a.4.4 0 010-.572l.447-.435a.4.4 0 01.558 0l1.614 1.573 4.85-4.748a.4.4 0 01.56 0l.445.434a.4.4 0 01.001.573L3.205 8.606z' fill='%232FC6F6'/%3E%3C/svg%3E");
}
.bx-im-message-status__icon.--error {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M10.7 5.5a5.2 5.2 0 11-10.4 0 5.2 5.2 0 0110.4 0zM4.846 3.19c0-.33.264-.593.594-.593h.08c.33 0 .594.263.594.593v2.221c0 .33-.264.594-.594.594h-.08a.591.591 0 01-.594-.594v-2.22zm.638 5.058A.75.75 0 006.23 7.5a.75.75 0 00-.747-.748.75.75 0 00-.748.748c0 .41.337.748.748.748z' fill='%23FF5752'/%3E%3C/svg%3E");
}
.--overlay .bx-im-message-status__icon.--sending {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M5.719 10.996a5.5 5.5 0 115.28-5.496 5.392 5.392 0 01-5.28 5.496zm-.05-1.25A4.25 4.25 0 119.749 5.5a4.166 4.166 0 01-4.08 4.246zM4.552 3.211a.683.683 0 111.366 0v2.048h1.365a.683.683 0 110 1.366H5.235a.682.682 0 01-.683-.683V3.211z' fill='%23fff'/%3E%3C/svg%3E");
}
.--overlay .bx-im-message-status__icon.--sent {
background-image: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M4.514 8.605a.3.3 0 01-.419 0L1.686 6.258a.4.4 0 010-.573l.447-.435a.4.4 0 01.558 0l1.614 1.573 4.85-4.747a.4.4 0 01.56-.001l.445.435a.4.4 0 010 .572L4.515 8.605z' fill='%23fff' opacity='.7'/%3E%3C/svg%3E");
}
.bx-im-message-status__date + .bx-im-message-status__icon {
margin-left: 4px;
}
.bx-im-message-attach__container {
padding-right: 10px;
}
.bx-im-message-keyboard__container {
display: flex;
flex-wrap: wrap;
width: -webkit-max-content;
width: max-content;
max-width: 500px;
}
.bx-im-content-chat__container.--center-align .bx-im-message-base__wrap.--self .bx-im-keyboard__container {
text-align: end;
}
.bx-im-content-chat__container.--center-align .bx-im-message-base__wrap.--self .bx-im-keyboard-button__container.--block {
margin-left: auto;
}
.bx-im-reaction-list__scope {
--im-reaction-list__background-color_item: rgb(0 0 0 / 10%);
--im-reaction-list__background-color_item-transparent-background: rgb(82 92 105 / 40%);
--im-reaction-list__background-color_item-selected: var(--im-color-palette-blue-50);
--im-reaction-list__font-color_counter: var(--im-color-palette-gray-80);
--im-reaction-list__font-color_counter-selected: var(--im-color-palette-white-base);
}
.bx-im-reaction-list__container {
display: flex;
align-items: center;
flex-wrap: wrap;
gap: 8px 4px;
}
.bx-im-reaction-list__item {
display: flex;
justify-content: center;
align-items: center;
height: 24px;
padding: 4px 6px;
border-radius: 38px;
background-color: var(--im-reaction-list__background-color_item);
cursor: pointer;
}
.bx-im-reaction-list__item_icon {
width: 16px;
height: 16px;
margin-right: 4px;
border-radius: 50%;
background-size: contain;
}
.bx-im-reaction-list__item_counter {
font: 11px var(--im-font-family-system);
font-weight: var(--im-font-weight-semi-bold);
color: var(--im-reaction-list__font-color_counter);
-webkit-user-select: none;
user-select: none;
}
.bx-im-reaction-list__item.--selected {
background-color: var(--im-reaction-list__background-color_item-selected);
}
.bx-im-reaction-list__item.--selected .bx-im-reaction-list__item_counter {
color: var(--im-reaction-list__font-color_counter-selected);
}
.bx-im-reaction-list__user_container {
display: flex;
flex-direction: row-reverse;
align-items: center;
}
.bx-im-reaction-list__user_avatar {
width: 18px;
height: 18px;
margin-left: -4px;
border-radius: 50%;
background-size: contain;
-webkit-user-select: none;
user-select: none;
}
.bx-im-reaction-list__user_avatar:last-child {
margin-left: 0;
}
.bx-im-reaction-list__user_animation-move,
.bx-im-reaction-list__user_animation-enter-active {
transition: all 0.4s ease;
}
.bx-im-reaction-list__user_animation-enter-from,
.bx-im-reaction-list__user_animation-leave-to {
margin-left: -18px;
}
/* external reaction list */
.bx-im-message-base__bottom .bx-im-reaction-list__container {
justify-content: flex-end;
}
.bx-im-message-base__wrap.--opponent .bx-im-message-base__bottom .bx-im-reaction-list__container,
.bx-im-content-chat__container.--left-align .bx-im-message-base__bottom .bx-im-reaction-list__container {
justify-content: flex-start;
}
.bx-im-message-base__bottom .bx-im-reaction-list__item {
background-color: var(--im-reaction-list__background-color_item-transparent-background)
}
.bx-im-message-base__bottom .bx-im-reaction-list__item.--selected {
background-color: var(--im-reaction-list__background-color_item-selected);
}
.bx-im-message-base__bottom .bx-im-reaction-list__item_counter {
color: var(--im-reaction-list__font-color_counter-selected);
}
.bx-im-message-base__bottom .bx-im-reaction-list__item.--selected .bx-im-reaction-list__item_counter {
color: var(--im-reaction-list__font-color_counter-selected);
}
/* end external reaction list */
.bx-im-reaction-selector__container {
position: absolute;
bottom: -3px;
right: -21px;
width: 28px;
height: 24px;
opacity: 0;
transition: opacity .3s;
z-index: 3;
}
.bx-im-message-base__container:hover .bx-im-reaction-selector__container {
opacity: 1;
}
.bx-im-reaction-selector__selector {
display: flex;
justify-content: center;
align-items: center;
width: 100%;
height: 100%;
border-radius: 38px;
background-color: rgb(255 255 255 / 80%);
cursor: pointer;
box-shadow: 0 1px 3px rgb(0 0 0 / 6%);
}
.bx-im-reaction-selector__icon {
width: 18px;
height: 18px;
border-radius: 50%;
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%3Ccircle cx='10' cy='10' r='10' fill='%23EDEEF0'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.566 8.253H12.06a.182.182 0 01-.169-.107c-.113-.283-.108-.6.015-.88a3.235 3.235 0 00.069-1.876c-.17-.425-.216-1.202-1.002-1.238a.81.81 0 00-.584.4.256.256 0 00-.031.127s.036.754 0 1.278c-.037.525-1.04 1.86-1.677 2.708a.249.249 0 01-.164.1c-.239.035-.695.096-.86.117-.038.005-.06.054-.06.077v4.755c0 .018.02.056.058.062.129.022.451.08.776.185.409.131.749.441 1.43.671a.356.356 0 00.113.019h3.197a.906.906 0 00.742-.85 1.57 1.57 0 00-.138-.685c-.014-.03.004-.063.037-.07.41-.074.923-.852.292-1.48-.017-.015-.014-.037.009-.043a.963.963 0 00.696-.714.767.767 0 00-.02-.4c-.046-.154-.12-.3-.217-.43-.025-.032-.01-.074.028-.087a.864.864 0 00.583-.825c.04-.37-.257-.813-.617-.814zm-7.95.2H4.802a.15.15 0 00-.15.175l1.053 5.913c.016.09.096.157.19.157h.67a.185.185 0 00.188-.183l.014-5.911a.151.151 0 00-.153-.15z' fill='%23B9BFC3'/%3E%3C/svg%3E");
background-position: center;
background-repeat: no-repeat;
}
.bx-im-reaction-selector__icon.--active {
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%3Ccircle cx='10' cy='10' r='10' fill='%2300ACE3'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M14.566 8.253H12.06a.182.182 0 01-.169-.107c-.113-.283-.108-.6.015-.88a3.235 3.235 0 00.069-1.876c-.17-.425-.216-1.202-1.002-1.238a.81.81 0 00-.584.4.256.256 0 00-.031.127s.036.754 0 1.278c-.037.525-1.04 1.86-1.677 2.708a.249.249 0 01-.164.1c-.239.035-.695.096-.86.117-.038.005-.06.054-.06.077v4.755c0 .018.02.056.058.062.129.022.451.08.776.185.409.131.749.441 1.43.671a.356.356 0 00.113.019h3.197a.906.906 0 00.742-.85 1.57 1.57 0 00-.138-.685c-.014-.03.004-.063.037-.07.41-.074.923-.852.292-1.48-.017-.015-.014-.037.009-.043a.963.963 0 00.696-.714.767.767 0 00-.02-.4c-.046-.154-.12-.3-.217-.43-.025-.032-.01-.074.028-.087a.864.864 0 00.583-.825c.04-.37-.257-.813-.617-.814zm-7.95.2H4.802a.15.15 0 00-.15.175l1.053 5.913c.016.09.096.157.19.157h.67a.185.185 0 00.188-.183l.014-5.911a.151.151 0 00-.153-.15z' fill='%23fff'/%3E%3C/svg%3E");
}
.bx-im-message-author-title__container {
align-self: flex-start;
-webkit-user-select: none;
user-select: none;
}
.bx-im-message-author-title__container.--clickable {
cursor: pointer;
}
.bx-im-message-context-menu__scope {
--im-message-context-menu__offset: var(--im-message-base__offset_context-menu, 54px);
--im-message-context-menu__background-color_button: rgb(82 92 105 / 20%);
--im-message-context-menu__background-color_button-hover: rgb(82 92 105 / 40%);
}
.bx-im-message-context-menu__container {
display: flex;
width: var(--im-message-base__offset_context-menu);
align-self: stretch;
flex-shrink: 0;
padding: 3px 0;
}
.bx-im-message-context-menu__button {
border: none;
position: -webkit-sticky;
position: sticky;
top: 45px;
border-radius: 50%;
background: var(--im-message-context-menu__background-color_button) url("data:image/svg+xml;charset=utf-8,%3Csvg width='14' height='4' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M3.944 2A1.528 1.528 0 11.89 2a1.528 1.528 0 013.055 0zm4.584 0a1.528 1.528 0 11-3.056 0 1.528 1.528 0 013.056 0zm3.055 1.528a1.528 1.528 0 100-3.056 1.528 1.528 0 000 3.056z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center center;
text-align: center;
-webkit-user-select: none;
user-select: none;
width: 22px;
height: 22px;
cursor: pointer;
margin-left: 7px;
opacity: 0;
transition: opacity .3s, background-color .2s;
}
.bx-im-message-context-menu__button:hover {
background-color: var(--im-message-context-menu__background-color_button-hover);
}
.bx-im-message-base__container:hover .bx-im-message-context-menu__button {
opacity: 1;
}
.bx-im-message-retry-button__scope {
--im-message-retry-button__background-color_button: rgb(82 92 105 / 20%);
--im-message-retry-button__background-color_button-hover: rgb(82 92 105 / 40%);
}
.bx-im-message-retry-button__container {
display: flex;
align-self: center;
place-items: center;
width: 46px;
flex-shrink: 0;
margin-left: 8px;
}
.bx-im-message-retry-button__arrow {
border: none;
position: -webkit-sticky;
position: sticky;
top: 45px;
border-radius: 50%;
background: var(--im-message-retry-button__background-color_button) 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.927 5.855a5.862 5.862 0 108.51 8.058l-1.274-1.274a4.064 4.064 0 11-.217-5.513l.064.066-1.704 1.705h4.484V4.412l-1.508 1.509-.065-.066c-2.29-2.29-6.001-2.29-8.29 0z' fill='%23fff'/%3E%3C/svg%3E") no-repeat center;
text-align: center;
-webkit-user-select: none;
user-select: none;
width: 24px;
height: 24px;
cursor: pointer;
transition: background-color .2s;
}
.bx-im-message-retry-button__arrow:hover {
background-color: var(--im-message-retry-button__background-color_button-hover);
}
.bx-im-message-retry-button__context-menu-delete {
color: var(--im-color-palette-red-50, #ff5752);
}
.bx-im-message-header__container {
--im-message-header__color_message-header: #11a9d9;
font: var(--im-font-size-md)/var(--im-font-line-height-3xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-medium);
font-style: italic;
color: var(--im-message-header__color_message-header);
cursor: pointer;
-webkit-user-select: none;
user-select: none;
padding-bottom: 2px;
}
.bx-im-message-header__author-name {
font-size: var(--im-font-size-lg);
}
.bx-im-message-default-content__scope {
--im-message-default-content__font-color_message: var(--im-color-palette-black-base);
--im-message-default-content__color_message-links: #2067b0;
}
.bx-im-message-default-content__text {
font: var(--im-font-size-lg)/var(--im-font-line-height-2xs) var(--im-font-family-system);
color: var(--im-message-default-content__font-color_message);
word-break: break-word;
padding-right: 20px;
/* firefox width hack */
min-width: calc(100% + 1px);
}
.bx-im-message-default-content__text a {
text-decoration: none;
font-size: inherit;
color: var(--im-message-default-content__color_message-links);
}
.bx-im-message-default-content__attach {
margin: 8px 0 5px;
}
.bx-im-message-base__text_smile {
object-fit: contain;
vertical-align: middle;
max-height: 180px;
max-width: 180px;
}
.bx-im-message-default-content__bottom-panel {
display: flex;
justify-content: space-between;
align-items: flex-end;
}
.bx-im-message-default-content__status-container {
display: flex;
margin-left: auto;
}
.bx-im-message-default-content__reaction-list {
margin: 10px 8px 0 0;
}
.bx-im-message-comments-panel__container {
--im-message-comments-panel__background-color_container: var(--im-color-palette-green-20);
--im-message-comments-panel__background-color_container-shadow: rgba(var(--im-color-palette-black-solid-rgb), 0.03);
--im-message-comments-panel__background-color_container-hover: var(--im-color-palette-green-25);
--im-message-comments-panel__background-color_counter: var(--im-color-palette-green-55);
--im-message-comments-panel__background-color_subscribe-hover: rgba(var(--im-color-palette-black-solid-rgb), 0.05);
--im-message-comments-panel__font-color_text: #00ace3;
--im-message-comments-panel__font-color_counter: var(--im-color-palette-white-base);
--im-message-comments-panel__font-color_text-hover: var(--im-color-palette-blue-70);
display: flex;
justify-content: space-between;
align-items: center;
min-width: 250px;
height: 42px;
padding: 0 12px;
border-bottom-left-radius: inherit;
border-bottom-right-radius: inherit;
background-color: var(--im-message-comments-panel__background-color_container);
box-shadow: 0 1px 0.1px 0 var(--im-message-comments-panel__background-color_container-shadow) inset;
transition: background-color ease 100ms;
cursor: pointer;
}
.bx-im-message-comments-panel__container:hover {
background-color: var(--im-message-comments-panel__background-color_container-hover);
}
.bx-im-message-comments-panel__container.--no-comments {
min-width: 208px;
}
.bx-im-message-comments-panel__container:hover .bx-im-message-comments-panel__text {
color: var(--im-message-comments-panel__font-color_text-hover);
}
.bx-im-message-comments-panel__left {
display: flex;
align-items: center;
}
.bx-im-message-comments-panel__right {
display: flex;
justify-content: center;
align-items: center;
width: 34px;
height: 34px;
border-radius: 50%;
background-color: transparent;
transition: background-color ease 100ms;
}
.bx-im-message-comments-panel__right:hover {
background-color: var(--im-message-comments-panel__background-color_subscribe-hover);
}
.bx-im-message-comments-panel__text {
margin-right: 4px;
font: var(--im-font-size-md)/17px var(--im-font-family-system);
font-weight: var(--im-font-weight-medium);
color: var(--im-message-comments-panel__font-color_text);
}
/* empty */
.bx-im-message-comments-panel__empty_container {
display: flex;
align-items: center;
}
.bx-im-message-comments-panel__empty_icon {
width: 24px;
height: 24px;
margin-right: 8px;
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 d='M7.037 19.26a.68.68 0 01-.482-.2.681.681 0 01-.141-.808c.412-.85.603-1.358.674-1.618C5.087 15.346 3.9 13.348 3.9 11.21c-.02-3.755 3.62-6.81 8.095-6.81 4.475 0 8.105 3.055 8.105 6.81 0 3.755-3.64 6.811-8.105 6.811-.613 0-1.227-.06-1.82-.17-.181.03-1.247.49-2.806 1.319a.677.677 0 01-.332.08v.01zM11.995 5.6c-3.811 0-6.908 2.516-6.908 5.612 0 1.788 1.065 3.495 2.855 4.544.433.25.483.73.121 1.698 1.8-.889 2.142-.82 2.333-.78.523.1 1.056.15 1.589.15 3.811 0 6.908-2.516 6.908-5.612S15.796 5.6 11.995 5.6z' fill='%2300ACE3'/%3E%3C/svg%3E");
}
/* end empty */
.bx-im-message-comments-panel__meta_container {
display: flex;
align-items: center;
}
/* User avatars */
.bx-im-message-comments-panel__user_container {
display: flex;
flex-direction: row-reverse;
align-items: center;
max-width: 50px;
margin-right: 8px;
transition: width 0.2s ease;
}
.bx-im-message-comments-panel__user_avatar {
width: 24px;
height: 24px;
margin-left: -9px;
border: 1px solid var(--im-message-comments-panel__background-color_container);
border-radius: 50%;
background-size: contain;
-webkit-user-select: none;
user-select: none;
}
.bx-im-message-comments-panel__user_avatar:last-child {
margin-left: 0;
}
.bx-im-message-comments-panel__user_avatar.--image-1 {
z-index: 5;
}
.bx-im-message-comments-panel__user_avatar.--image-2 {
z-index: 6;
}
.bx-im-message-comments-panel__user_avatar.--image-3 {
z-index: 7;
}
.bx-im-message-comments-panel__user_animation-move,
.bx-im-message-comments-panel__user_animation-enter-active,
.bx-im-message-comments-panel__user_animation-leave-active {
transition: transform 0.2s ease, opacity 0.2s ease;
}
.bx-im-message-comments-panel__user_animation-enter-from {
transform: translateX(-100%);
opacity: 0;
}
.bx-im-message-comments-panel__user_animation-leave-active {
position: absolute;
}
/* End user avatars */
.bx-im-message-comments-panel__unread-counter {
display: flex;
align-items: center;
justify-content: center;
height: 20px;
padding: 0 6px;
border-radius: 30px;
font: var(--im-font-size-xs) var(--im-font-family-system);
font-weight: var(--im-font-weight-medium);
color: var(--im-message-comments-panel__font-color_counter);
background-color: var(--im-message-comments-panel__background-color_counter);
}
.bx-im-message-comments-panel__subscribe-icon {
width: 20px;
height: 20px;
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='M4.736 4.38l10.297 10.297-.919.919-1.526-1.527-.062.029a5.93 5.93 0 01-2.425.519c-2.467 0-4.704-1.513-6.71-4.537a.214.214 0 01-.02-.2l.02-.037.137-.204c.687-1.005 1.4-1.836 2.14-2.492L3.817 5.3l.918-.92zm5.365.927c2.468 0 4.704 1.512 6.71 4.536.04.06.047.135.02.2l-.02.037-.136.204c-.672.984-1.368 1.8-2.09 2.449l-2.183-2.183a2.375 2.375 0 00-2.89-2.89L7.677 5.827a5.93 5.93 0 012.424-.52zM7.727 9.962a2.374 2.374 0 003.034 2.281L7.82 9.302c-.06.21-.093.43-.093.66z' fill='%23525C69' fill-opacity='.4'/%3E%3C/svg%3E");
background-position: center;
}
.bx-im-message-comments-panel__subscribe-icon.--active {
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.789 10.137c-.546.78-3.34 4.524-6.707 4.524-3.365 0-6.16-3.744-6.706-4.524a.242.242 0 010-.282c.546-.78 3.34-4.524 6.706-4.524 3.366 0 6.161 3.744 6.707 4.524.06.087.06.196 0 .282zm-4.327-.14a2.38 2.38 0 11-4.76 0 2.38 2.38 0 014.76 0z' fill='%238DBB00'/%3E%3C/svg%3E");
}