.str-chat{--str-chat__font-family:inherit;--str-chat__primary-color:var(--color-navy-800);--str-chat__active-primary-color:var(--color-navy-900);--str-chat__border-radius-circle:9999px;--str-chat__message-send-color:rgba(0,0,0,0.64);--str-chat__message-send-background-color:transparent;--str-chat__attachment-selector-button-icon-color:rgba(0,0,0,0.64);--str-chat__attachment-selector-button-icon-color-hover:#000000;--str-chat__message-textarea-border-radius:10px;height:100%;min-height:0}.str-chat__channel-list-messenger__main{padding:0}.str-chat__channel-list{border-inline-end:none}.str-chat__channel-list-messenger{max-width:none}.str-chat__channel-list-messenger-react{height:100%}.str-chat__container{display:flex;flex-direction:row;height:100%;min-height:0}.str-chat__main-panel{display:flex;flex-direction:column;flex:1;min-height:0;overflow:hidden}.str-chat__thread-container{flex:0 0 380px}.str-chat__list{background:var(--color-white);padding:0 1rem;flex:1;overflow-y:auto;min-height:0}.chat-plus-icon{color:rgba(0,0,0,.64);transition:color .15s ease}.str-chat__attachment-selector__menu-button:hover .chat-plus-icon{color:#000000}.str-chat__send-button{color:var(--color-navy-800);transition:opacity .15s ease}.str-chat__send-button svg{width:24px!important;height:24px!important}.str-chat__send-button:hover:not(:disabled){color:var(--color-navy-900);--str-chat__message-send-color:#000000}.str-chat__message-input{border-top:1px solid rgba(0,0,0,.08);padding:12px 16px 20px}.str-chat__message-textarea-container{padding-block:6px;flex:1 1 0;min-width:0}.str-chat__message-textarea-container .str-chat__message-textarea{overflow-x:visible!important;padding-left:2px!important}.str-chat__thread{border-left:1px solid var(--color-grey-200);display:flex;flex-direction:column;height:100%}.str-chat__thread .str-chat__main-panel-inner{flex:1;min-height:0}.str-chat__list .str-chat__parent-message-li{border-block-end:none}.str-chat__thread .str-chat__send-to-channel-checkbox__container{order:-1}.chat-bubble-view .str-chat__container{position:relative}.chat-bubble-view .str-chat__thread-container{position:absolute;inset:0;z-index:1;background:white;flex:unset;width:100%}@media (max-width:767px){.str-chat__channel .str-chat__container .str-chat__main-panel--thread-open{display:none}.str-chat__thread-container{flex:1;width:100%}}.str-chat__avatar{border-radius:9999px}.str-chat__channel-header{display:none}.str-chat__message--pinned{background-color:#fafaef;border-radius:8px;padding:8px}.str-chat__attachment-selector-actions-menu{width:240px;border-radius:16px;border:1px solid rgba(0,0,0,.08);box-shadow:0 15px 30px 0 rgba(0,0,0,.2);padding:12px 0 8px}.str-chat__attachment-selector-actions-menu .str-chat__dialog-menu__button{padding:12px 16px;gap:8px;border-radius:8px}.str-chat__attachment-selector-actions-menu .str-chat__dialog-menu__button:hover{background-color:var(--color-grey-100)}.str-chat__attachment-selector-actions-menu .str-chat__dialog-menu__button-icon{background-color:rgba(0,0,0,.8)!important;width:20px;height:20px}.str-chat__attachment-selector-actions-menu .str-chat__dialog-menu__button-text{color:rgba(0,0,0,.8);font-size:14px;font-weight:400;letter-spacing:.4px}.str-chat__attachment-selector-actions-menu__upload-file-button .str-chat__dialog-menu__button-icon{-webkit-mask:url(/icon-file.svg) no-repeat center/contain!important;mask:url(/icon-file.svg) no-repeat center/contain!important}.str-chat__audio_recorder-container{border-top:1px solid rgba(0,0,0,.08);padding:12px 16px 20px;box-sizing:border-box;background:inherit;flex-shrink:0}.str-chat__audio_recorder{display:flex;align-items:center;justify-content:flex-end;gap:12px;width:100%;height:42px;padding-block:6px;box-sizing:content-box}.str-chat__audio_recorder .str-chat__waveform-box-container{flex:0 0 auto;width:auto}.str-chat__audio_recorder button{color:rgba(0,0,0,.64);background:transparent;border:none;padding:4px;display:inline-flex;align-items:center;justify-content:center;transition:color .15s ease}.str-chat__audio_recorder button:hover:not(:disabled){color:var(--color-navy-900)}.str-chat__audio_recorder button:disabled{opacity:.4;cursor:not-allowed}.str-chat__audio_recorder button svg{width:24px!important;height:24px!important}.str-chat__audio_recorder__complete-button,.str-chat__audio_recorder__pause-recording-button,.str-chat__audio_recorder__resume-recording-button,.str-chat__audio_recorder__stop-button,.str-chat__audio_recorder__toggle-playback-button{border:none!important;border-radius:0!important;background-color:transparent!important;color:rgba(0,0,0,.64)!important}.str-chat__audio_recorder__pause-recording-button:hover:not(:disabled),.str-chat__audio_recorder__resume-recording-button:hover:not(:disabled),.str-chat__audio_recorder__stop-button:hover:not(:disabled),.str-chat__audio_recorder__toggle-playback-button:hover:not(:disabled){color:var(--color-navy-900)!important}.str-chat__audio_recorder__complete-button{color:var(--color-navy-800)!important}.str-chat__audio_recorder__complete-button:hover:not(:disabled){color:var(--color-navy-900)!important}.str-chat__audio_recorder__cancel-button{margin-left:auto}.str-chat__waveform-box-container{min-width:0}.str-chat__audio_recorder .str-chat__audio_recorder__waveform-box{height:24px}.str-chat__audio_recorder .str-chat__wave-progress-bar__amplitude-bar{height:min(24px,calc(var(--str-chat__wave-progress-bar__amplitude-bar-height, 0%) * 2 + 2px))!important}.str-chat__recording-timer{font-size:13px;color:rgba(0,0,0,.6);font-variant-numeric:tabular-nums}.str-chat__start-recording-audio-button{color:rgba(0,0,0,.64);background:transparent;border:none;padding:4px;width:40px;min-width:0!important;overflow:hidden;transition:color .15s ease,width .18s ease,padding .18s ease,margin .18s ease,opacity .12s ease}.str-chat__start-recording-audio-button:hover:not(:disabled){color:var(--color-navy-900)}.str-chat__start-recording-audio-button svg{width:24px!important;height:24px!important}.str-chat__message-input:has(.str-chat__message-textarea:not(:placeholder-shown)) .str-chat__start-recording-audio-button{width:0!important;min-width:0!important;padding-inline:0!important;margin-inline:0!important;opacity:0;pointer-events:none}.str-chat__attachment-selector-actions-menu__create-poll-button .str-chat__dialog-menu__button-icon{-webkit-mask:url(/icon-poll.svg) no-repeat center/contain!important;mask:url(/icon-poll.svg) no-repeat center/contain!important}.str-chat__attachment-selector-actions-menu__add-location-button .str-chat__dialog-menu__button-icon{-webkit-mask:url(/icon-location.svg) no-repeat center/contain!important;mask:url(/icon-location.svg) no-repeat center/contain!important}.str-chat__attachment-selector-actions-menu__upload-video-button .str-chat__dialog-menu__button-icon{-webkit-mask:url(/icon-video.svg) no-repeat center/contain!important;mask:url(/icon-video.svg) no-repeat center/contain!important}.str-chat__audio_recorder button>svg,.str-chat__start-recording-audio-button>svg{display:none}.str-chat__audio_recorder button:before,.str-chat__start-recording-audio-button:before{content:"";display:block;width:24px;height:24px;background-color:currentColor;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-size:contain;mask-size:contain}.str-chat__audio_recorder__cancel-button:before{-webkit-mask-image:url(/icon-trash.svg);mask-image:url(/icon-trash.svg)}.str-chat__audio_recorder__pause-recording-button:before{-webkit-mask-image:url(/icon-pause-circle.svg);mask-image:url(/icon-pause-circle.svg)}.str-chat__audio_recorder__stop-button:before{-webkit-mask-image:url(/icon-check-circle.svg);mask-image:url(/icon-check-circle.svg)}.str-chat__audio_recorder__resume-recording-button:before,.str-chat__start-recording-audio-button:before{-webkit-mask-image:url(/icon-microphone.svg);mask-image:url(/icon-microphone.svg)}.str-chat__audio_recorder__complete-button:before{-webkit-mask-image:url(/icon-send.svg);mask-image:url(/icon-send.svg)}.str-chat__audio_recorder__toggle-playback-button:before{-webkit-mask-image:url(/icon-play-circle.svg);mask-image:url(/icon-play-circle.svg)}.str-chat__audio_recorder__complete-button:has(.str-chat__loading-indicator):before{display:none}.str-chat__audio_recorder__complete-button .str-chat__loading-indicator{display:block}