.str-chat{--str-chat__primary-color:#15b15e;--str-chat__active-primary-color:#0a7f58;--str-chat__surface-color:#f6f6f6;--str-chat__secondary-surface-color:#fff;--str-chat__primary-surface-color:#cefbd1;--str-chat__primary-surface-color-low-emphasis:#ecfcd4;--str-chat__text-color:#262626;--str-chat__text-low-emphasis-color:#646464;--str-chat__border-color:#a8a8a8;--str-chat__success-color:#63c92c;--str-chat__error-color:#ff4f4c;--str-chat__notification-color:#50adff;--str-chat__own-message-bubble-background-color:#e8f4f6;--str-chat__border-radius-circle:6px;--str-chat__avatar-border-radius:50%;--grey-gainsboro:#fff;height:100%}.str-chat *{font-family:inherit!important}.flex.flex-1.flex-col.overflow-hidden,.flex.flex-1.overflow-hidden,.flex.h-full.w-full.flex-row,.flex.h-full.w-full.flex-row>div,.str-chat-channel-list,.str-chat__channel-list{height:100%!important;max-height:100%!important}.str-chat-channel-list,.str-chat__channel-list{display:flex!important;flex-direction:column!important}.str-chat__channel-list-messenger{flex:1!important;overflow-y:auto!important;overflow-x:hidden!important;min-height:0!important}.str-chat__channel-list-messenger__main{display:flex!important;flex-direction:column!important}.str-chat__channel{max-height:100%!important}.str-chat__channel,.str-chat__container{display:flex!important;flex-direction:column!important;height:100%!important}.str-chat__container{flex:1!important;min-height:0!important}.str-chat__main-panel{display:flex!important;flex-direction:column!important;overflow:hidden!important}.str-chat__list,.str-chat__main-panel{flex:1!important;min-height:0!important}.str-chat__list{overflow-y:auto!important;overflow-x:hidden!important}.str-chat__input-flat,.str-chat__message-input,.str-chat__message-input-wrapper{flex-shrink:0!important;position:relative!important}.str-chat__channel-search.str-chat__channel-search--with-results.str-chat__channel-search--inline{height:-moz-fit-content;height:fit-content}.str-chat__channel-preview-messenger--name,.str-chat__header-livestream-left--title.str-chat__channel-header-title{font-size:14px}.str-chat__channel-preview-messenger--last-message,.str-chat__header-livestream-left--members.str-chat__channel-header-info{font-size:12px}.str-chat__channel-search-input--wrapper{border:none}.str-chat__header-livestream-left.str-chat__channel-header-end{row-gap:0}.str-chat__header-livestream.str-chat__channel-header{border-bottom:1px solid #e5e7eb}.str-chat__date-separator-line{background-color:#e5e7eb}.str-chat__message .str-chat__message-bubble{background:#e5e7eb}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#f1f1f1}::-webkit-scrollbar-thumb{background:#b1b1b1;border-radius:5px}::-webkit-scrollbar-thumb:hover{background:#555}.mantine-pildck.mantine-Accordion-label{font-weight:500}.str-chat__message-simple-text-inner,.str-chat__message-text-inner{background:#e5e7eb;border:none}.str-chat__message.str-chat__message--me .str-chat__message-simple-text-inner,.str-chat__message.str-chat__message--me .str-chat__message-text-inner{background:transparent}.str-chat-channel-list .str-chat__channel-list-messenger__main{padding:0}.messaging.str-chat .str-chat__header-livestream{background:var(--grey-gainsboro);box-shadow:none;border-left:1px solid #e5e7eb;border-radius:0}.str-chat-channel.messaging .str-chat__main-panel,.str-chat__channel-search{padding:0}.str-chat__message .str-chat__message-metadata,.str-chat__quoted-message-preview .str-chat__message-metadata{grid-area:metadata;display:flex;flex-wrap:wrap;align-items:center;-moz-column-gap:var(--str-chat__spacing-1);column-gap:var(--str-chat__spacing-1);margin-block-start:var(--str-chat__spacing-0_5)}.str-chat__load-more-button__button.str-chat__cta-button{background-color:#15b15e!important;border-radius:.75rem!important;padding:.5rem 1rem!important;font-size:.75rem!important;font-weight:700!important;color:#fff!important;border:none!important;cursor:pointer!important;display:inline-flex!important;align-items:center!important;gap:.5rem!important}.str-chat__load-more-button__button.str-chat__cta-button:hover{background-color:#0a7f58!important}.str-chat__load-more-button__button.str-chat__cta-button:before{content:"↻";font-size:1rem;font-weight:700}.custom-scrollbar::-webkit-scrollbar{width:3px;height:3px}.custom-scrollbar::-webkit-scrollbar-track{background:#f1f1f1}.custom-scrollbar::-webkit-scrollbar-thumb{background:#888;border-radius:10px}.custom-scrollbar::-webkit-scrollbar-thumb:hover{background:#555}