.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__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__message-is-thread-reply-button-wrapper,.str-chat__message-replies-count-button-wrapper{display:none}.str-chat__message{--fm-avatar-row-gap:var(--str-chat__spacing-1);--fm-message-options-gap:var(--fm-avatar-row-gap);--fm-message-options-bridge-overhang:16px;--fm-reaction-overhang:10px;--fm-message-options-width:calc(3 * var(--str-chat__message-options-button-size) + 10px)}.str-chat__message--me .str-chat__message-inner,.str-chat__message--other .str-chat__message-inner,.str-chat__message--other .str-chat__message-inner:not(:has(.str-chat__message-options--active)){margin-inline:0}.str-chat__message .str-chat__message-inner .str-chat__message-options{grid-area:message-bubble;position:absolute;inset-block-start:auto;inset-block-end:calc(100% + var(--fm-message-options-gap));inset-inline-end:min(0px,calc(100% - var(--fm-message-options-width)));z-index:3;width:auto;gap:2px;padding:2px;border:1px solid var(--color-grey-100);border-radius:8px;background:var(--color-white);box-shadow:0 1px 4px rgba(0,0,0,.12)}.str-chat__message .str-chat__message-inner .str-chat__message-options:before{content:"";position:absolute;inset-block-start:100%;inset-inline:calc(-1 * var(--fm-message-options-bridge-overhang));height:calc(var(--fm-message-options-gap) + 2px)}.str-chat__message.str-chat__message--me .str-chat__message-inner .str-chat__message-options{inset-inline-end:auto;inset-inline-start:min(0px,calc(100% - var(--fm-message-options-width)))}.str-chat__message .str-chat__message-inner .str-chat__message-reactions-host{grid-area:message-bubble;position:absolute;inset-block-start:auto;inset-block-end:calc(-1 * var(--fm-reaction-overhang));inset-inline-start:auto;inset-inline-end:0;z-index:2;max-width:100%}.str-chat__message.str-chat__message--me .str-chat__message-inner .str-chat__message-reactions-host{inset-inline-end:auto;inset-inline-start:0}.str-chat__message:has(.fm-person-recommendations){--str-chat__message-max-width:680px}.str-chat__message.str-chat__message--other:not(.str-chat__quoted-message-preview){grid-template-areas:"message-reminder" "avatar" "message" "replies" "translation-notice" "custom-metadata" "metadata";grid-template-columns:minmax(0,1fr)}.str-chat__message.str-chat__message--other:not(.str-chat__quoted-message-preview)>.str-chat__message-sender-avatar{align-self:start;margin-block-end:var(--fm-avatar-row-gap)}.str-chat__li--top .str-chat__message>.str-chat__message-sender-avatar{visibility:visible}.str-chat__li--bottom .str-chat__message>.str-chat__message-sender-avatar,.str-chat__li--middle .str-chat__message>.str-chat__message-sender-avatar{display:none}.str-chat__message-bubble:has(>.fm-person-recommendations){display:flex;flex-direction:column}.str-chat__message-bubble>.fm-person-recommendations{order:1;padding-inline:var(--str-chat__spacing-4);padding-block-end:var(--str-chat__spacing-2)}.str-chat__message .fm-person-recommendations a{color:inherit}.str-chat__avatar{border-radius:9999px}.str-chat__channel-header{display:none}.str-chat__message--pinned{background-color:#faf4e3;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}