.str-chat{--str-chat__thread-head-start-border-block-end-color:var(--str-chat__secondary-background-color)}.messaging.str-chat .str-chat__thread{margin:0}.custom-thread-header{background:var(--chakra-colors-grey-50);border-bottom:1px solid var(--chakra-colors-grey-200);z-index:1;justify-content:space-between;align-items:center;padding:16px;display:flex}.custom-thread-header__left{align-items:center;display:flex}.custom-thread-header__back{cursor:pointer;color:var(--chakra-colors-grey-600);background:0 0;border:none;align-items:center;padding:0;display:flex}.custom-thread-header__back:hover{color:var(--chakra-colors-grey-800)}.custom-thread-header__left-title{color:var(--chakra-colors-grey-800);margin:0;font-size:14px;font-weight:700;line-height:20px}.custom-thread-header__left-count{color:var(--chakra-colors-grey-500);margin:0;font-size:12px;line-height:16px}.messaging.str-chat .str-chat__thread{border-left:1px solid #f1f1f1;border-radius:0 10px 0 0}.messaging.str-chat.str-chat__theme-dark .str-chat__thread{border-left:1px solid #00000017}.str-chat__thread .str-chat__messaging-input{background:0 0!important}.messaging.str-chat .str-chat__thread-list{height:unset;padding:0}.str-chat__thread-list .str-chat__list.str-chat__thread-list{padding:0!important}.str-chat__thread-list .str-chat__li.str-chat__li--top{margin-top:0}.str-chat__thread-list li .str-chat__message:first-of-type{padding-bottom:0;border-bottom:none!important}.str-chat__thread .str-chat__messaging-input{margin-top:0!important}.str-chat__message-replies-count-button:focus{border:none;outline:none}.str-chat__thread-start{display:none}.messaging.str-chat .str-chat__thread-list .str-chat__message-list-scroll{padding-top:20px}@media screen and (max-width:640px){.str-chat__thread .str-chat__messaging-input .messaging-input__button.emoji-button{display:none}}
.messaging__typing-indicator{color:var(--chakra-colors-grey-500);align-items:center;padding:4px 16px;font-size:12px;line-height:16px;display:flex}.messaging__typing-indicator .dots{align-items:center;gap:2px;margin-right:6px;display:flex;position:relative}.messaging__typing-indicator .dots .dot{background:var(--chakra-colors-grey-500);border-radius:50%;width:4px;height:4px;animation:1.1s linear infinite typingWave;display:inline-block}.messaging__typing-indicator .dots .dot:nth-child(2){animation-delay:-.9s}.messaging__typing-indicator .dots .dot:nth-child(3){animation-delay:-.8s}@keyframes typingWave{0%,60%,to{opacity:1}30%{opacity:.3}}