@talkjs/web-components 0.1.9 → 0.1.10

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (4) hide show
  1. package/default.cjs +26 -27
  2. package/default.css +1 -1
  3. package/default.js +53 -44
  4. package/package.json +1 -1
package/default.css CHANGED
@@ -1 +1 @@
1
- @import"https://cdn.talkjs.com/fonts/Inter.css";.t-text-input{container-type:inline-size}@container (max-width: 14em){:is(.t-text-input .empty-node):before{display:none}}:is(.t-text-input .empty-node):before{position:absolute;color:currentColor;cursor:text;opacity:.6}:is(.t-text-input .empty-node):first-child:before{content:attr(data-placeholder)}.t-editor .ProseMirror{position:relative}.t-editor .ProseMirror{word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:"liga" 0}.t-editor .ProseMirror pre{white-space:pre-wrap}.t-editor .ProseMirror li{position:relative}.t-editor .ProseMirror-hideselection *::selection{background:transparent}.t-editor .ProseMirror-hideselection *::-moz-selection{background:transparent}.t-editor .ProseMirror-hideselection{caret-color:transparent}.t-editor .ProseMirror [draggable][contenteditable=false]{user-select:text}.t-editor .ProseMirror-selectednode{outline:2px solid #8cf}.t-editor li.ProseMirror-selectednode{outline:none}.t-editor li.ProseMirror-selectednode:after{content:"";position:absolute;inset:-2px -2px -2px -32px;border:2px solid #8cf;pointer-events:none}.t-editor img.ProseMirror-separator{display:inline!important;border:none!important;margin:0!important}.t-emoji-picker{width:100%;height:100%;overflow:hidden;flex-shrink:1}.t-emoji-picker emoji-picker{width:100%;border:0;height:100%;--border-size: 0;--num-columns: 10;--emoji-size: 21px;--category-emoji-size: 14px;--indicator-height: 2px;--outline-color: rgba(30, 96, 225, .5);--input-padding: 7px 11.5px;--button-active-background: #d4d4d4;--input-border-color: #d4d4d4;--input-focused-border-color: #b0b0b0;--indicator-color: #007df9;--button-hover-background: #d4d4d488;--input-border-radius: 4px;--input-font-size: inherit;--emoji-font-family: "Twemoji Country Flags", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "EmojiOne Color", "Android Emoji", "Twemoji Mozilla", sans-serif}.t-emoji-picker[t-loading]{display:flex;align-items:center;justify-content:center;background-color:#fff;color:#007df9}.t-emoji-picker[t-loading] .t-loading-icon,.t-loading-icon{animation:spin 1.2s cubic-bezier(.42,0,.58,1) infinite;display:block;margin:auto;width:4em;height:4em}.t-emoji-suggest-bar{will-change:transform;transform:translateY(100%);transition:transform .1s ease-out}.t-emoji-suggest-bar.slide-enter{transform:translateY(100%)}.t-emoji-suggest-bar.slide-enter-active,.t-emoji-suggest-bar.slide-enter-done,.t-emoji-suggest-bar.slide-exit{transform:translateY(0)}.t-emoji-suggest-bar.slide-exit-active,.t-emoji-suggest-bar.slide-exit-done{transform:translateY(100%)}.t-emoji-suggest-bar{scrollbar-color:rgba(0,0,0,.2) transparent;scrollbar-width:thin;overflow-y:hidden}.t-emoji-suggest-bar:hover{scrollbar-color:rgba(0,0,0,.4) transparent}.t-emoji-suggest-bar:active{scrollbar-color:rgba(0,0,0,.6) transparent}@media (prefers-reduced-motion: reduce){.t-emoji-suggest-bar{transition:none}}.t-audio-player{width:100%;height:auto;display:flex;flex-direction:row;align-items:center;column-gap:10px;padding:1.5em 1em 0}.t-audio-player .t-waveform{flex-grow:1;z-index:0}.t-audio-player button{background:transparent;border:none;color:inherit;padding:0;cursor:pointer}.t-audio-player .t-playback-speed{width:auto}.t-audio-player .t-play-pause-icon{width:24px;height:24px}.t-audio-player .t-up-down-icon{width:1em;height:1em}.t-audio-player .t-up-down svg{margin-top:-2px}.t-audio-player .t-playback-checkmark{display:inline-block;width:1em;margin-right:.5em}.t-playback-speed-menu{display:flex;flex-direction:column;background-color:#fff;color:#111;border:1px solid #d4d4d4;border-radius:.75em;box-shadow:0 8px 24px #73737333;padding:.35em}.t-playback-speed-menu .t-heading{opacity:.5;padding:.5em 1em}.t-playback-speed-menu .t-menu-item{padding:.45em .65em;cursor:pointer;background:none;border:none;border-radius:.5em;text-align:left}.t-playback-speed-menu .t-menu-item:hover{background-color:#007df9;color:#fff}.t-message-list{position:relative;width:100%;height:100%;display:flex;flex-direction:column-reverse;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:16px;scroll-snap-type:y mandatory;scrollbar-color:rgba(0,0,0,.2) transparent}.t-message-list:hover{scrollbar-color:rgba(0,0,0,.4) transparent}.t-message-list:active{scrollbar-color:rgba(0,0,0,.6) transparent}.t-message-group{display:flex;flex-direction:column-reverse}:is(.t-chatbox,.t-conversation-list,t-chatbox,t-conversation-list) .t-panel{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;text-align:center;padding:25px;-webkit-font-smoothing:subpixel-antialiased;overflow-x:hidden;font-size:.95em;font-family:Inter,sans-serif}:is(.t-chatbox,.t-conversation-list,t-chatbox,t-conversation-list) .t-error-panel{display:flex;align-items:center;justify-content:center;gap:1.25em;width:100%;height:100%;padding:2em;color:#525252;text-align:center}:is(:is(.t-chatbox,.t-conversation-list,t-chatbox,t-conversation-list) .t-error-panel) .t-heading{font-size:1.5em;font-weight:500}:is(:is(.t-chatbox,.t-conversation-list,t-chatbox,t-conversation-list) .t-error-panel) p{padding:0;margin:0;text-wrap:balance}.t-attach-overlay{z-index:2;width:100%;height:100%;padding:16px;background-color:#64646480;display:flex;justify-content:center;align-items:center}.t-upload-preview .t-preview{position:relative;background-color:#fff;border-radius:1rem;max-width:750px;width:100%;display:inline-block;overflow:auto;overscroll-behavior:contain;padding:.5rem}@media screen and (max-width: 500px){.t-upload-preview .t-preview{width:85%}}:is(.t-upload-preview .t-preview) .t-video-container,:is(.t-upload-preview .t-preview) .t-img-container{text-align:center;background-color:#0000001a}:is(.t-upload-preview .t-preview) video,:is(.t-upload-preview .t-preview) img{display:block;max-width:100%;max-height:400px;margin-left:auto;margin-right:auto}:is(.t-upload-preview .t-preview) .t-location-upload-preview{width:100%;background-color:#0000001a;padding-bottom:calc((400 / 600) * 100%);display:block}.t-upload-preview .t-cancel-row{text-align:right;position:sticky;top:8px;padding-right:8px;z-index:2;margin-bottom:-38px}.t-upload-preview .t-filename-row{white-space:pre-wrap;word-break:break-all;padding:.5rem 1rem 0}.t-is-file:is(.t-upload-preview .t-filename-row){display:flex;justify-content:center;align-items:center;min-height:250px;padding-top:32px;padding-bottom:32px;text-align:center;background-color:#0000001a;border-radius:1rem;margin-bottom:1rem}:is(.t-upload-preview .t-filename-row) .t-file-block{background-color:#fff;padding:16px 32px;border-radius:8px;display:inline-block}.t-upload-preview .t-error-row{border-width:.125rem;border-radius:1rem;padding:1rem;background-color:#fec8c866;border-color:transparent;color:#ef4444;white-space:normal}.t-upload-preview .t-send-row{position:sticky;bottom:0;padding:1rem;display:flex;justify-content:space-between}.t-upload-preview .t-cancel{border:0;border-radius:.5rem;padding:.75rem 1rem;cursor:pointer;color:currentColor}.t-upload-preview .t-confirm-send{margin-left:auto;border:0;border-radius:.5rem;padding:.75rem 1rem;cursor:pointer}.t-upload-preview .t-loading{height:80px;width:100%;display:flex;align-items:center;justify-content:center;color:#007df9}.t-upload-preview .t-preview,.t-upload-preview .t-send-row{background:#fff}.t-upload-preview .t-confirm-send{background-color:#007df9;color:#fff}.t-chatbox-content{flex-direction:column;margin:0;position:relative;width:100%;height:100%;display:flex;overflow-y:hidden}.t-chatbox-content>.t-attach-overlay{position:absolute;width:100%;height:100%;top:0;left:0}.t-chatbox-content>.t-drop-overlay{pointer-events:none}:is(.t-chatbox-content>.t-drop-overlay) .t-theme-icon{color:#1e1e1e80;width:300px;height:300px}.t-conversation-list-scrollable{overflow-y:auto;overscroll-behavior:contain;height:100%}.t-conversation-list-content{display:flex;flex-direction:column;height:100%}.t-global-search-results[t-status=loaded]{overflow-y:auto;height:100%;background-color:#fff}.t-global-search-results[t-status=empty]{padding:2rem;text-align:center;color:#888;font-size:.9rem}.t-global-search-results[t-status=loading]{padding:2rem;text-align:center;color:#888;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.t-global-search-results .t-section .t-theme-conversation-list-item:last-child{margin-bottom:0}html:is(html):is(html):is(html):is(html):is(html) :where(.t-chatbox *:not(svg,svg *,.ProseMirror)){all:revert-layer}html:is(html):is(html):is(html):is(html):is(html) :where(.t-conversation-list *:not(svg,svg *)){all:revert-layer}html:is(html):is(html):is(html):is(html):is(html) :where(.t-inbox *:not(svg,svg *)){all:revert-layer}html:is(html):is(html):is(html):is(html):is(html) :where(t-chatbox *:not(svg,svg *,.ProseMirror)){all:revert-layer}html:is(html):is(html):is(html):is(html):is(html) :where(t-conversation-list *:not(svg,svg *,.ProseMirror)){all:revert-layer}html:is(html):is(html):is(html):is(html):is(html) :where(t-inbox *:not(svg,svg *,.ProseMirror)){all:revert-layer}t-chatbox,t-conversation-list{display:block}t-chatbox,t-conversation-list,t-inbox,.t-chatbox,.t-conversation-list,.t-inbox,.t-tooltip{font-family:Twemoji Country Flags,Inter,sans-serif;font-synthesis:initial;text-align:left;font-size:14px;font-weight:400;line-height:1.37;color:#111;letter-spacing:normal;margin:0;position:relative;box-shadow:none;box-sizing:border-box;overflow:hidden;max-height:100vh;max-height:100dvh;max-width:100vw;max-width:100dvw}:is(t-chatbox,t-conversation-list,t-inbox,.t-chatbox,.t-conversation-list,.t-inbox,.t-tooltip) button{font-family:inherit;font-size:1em}:is(t-chatbox,t-conversation-list,t-inbox,.t-chatbox,.t-conversation-list,.t-inbox,.t-tooltip) *,:is(t-chatbox,t-conversation-list,t-inbox,.t-chatbox,.t-conversation-list,.t-inbox,.t-tooltip) *:before,:is(t-chatbox,t-conversation-list,t-inbox,.t-chatbox,.t-conversation-list,.t-inbox,.t-tooltip) *:after{box-sizing:border-box}:is(t-chatbox,t-conversation-list,t-inbox,.t-chatbox,.t-conversation-list,.t-inbox,.t-tooltip) svg{fill:currentColor}:is(t-chatbox,t-conversation-list,t-inbox,.t-chatbox,.t-conversation-list,.t-inbox,.t-tooltip) em{font-style:italic}:is(t-chatbox,t-conversation-list,t-inbox,.t-chatbox,.t-conversation-list,.t-inbox,.t-tooltip) strong{font-weight:700}:is(t-chatbox,t-conversation-list,t-inbox,.t-chatbox,.t-conversation-list,.t-inbox,.t-tooltip) del{text-decoration:line-through}:is(t-chatbox,t-conversation-list,t-inbox,.t-chatbox,.t-conversation-list,.t-inbox,.t-tooltip) code{font-family:Cascadia Code,Droid Sans Mono,Menlo,Consolas,Lucida Console,Monaco,monospace;font-variant-ligatures:none}t-chatbox,.t-chatbox,t-conversation-list,.t-conversation-list{background-color:#fff;border:1px solid #d4d4d4;border-radius:.75em}t-conversation-list,.t-conversation-list{width:300px;height:600px}t-chatbox,.t-chatbox{width:400px;height:600px}t-inbox,.t-inbox{display:flex;flex-direction:row;gap:10px;width:1010px;height:600px;max-width:100%}t-inbox>.t-chatbox,.t-inbox>.t-chatbox{flex:1 1 auto;width:600px;height:100%}[t-mobile-inbox] .t-chatbox{width:100%}t-inbox>.t-conversation-list,.t-inbox>.t-conversation-list{flex:0 1 auto;height:100%}[t-mobile-inbox] .t-conversation-list{width:100%}[t-mobile-inbox=conversation-list] .t-chatbox,[t-mobile-inbox=chatbox] .t-conversation-list{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.t-tooltip{position:absolute;width:max-content;top:0;left:0;max-width:150px;padding:4px 8px;background:#333;color:#fff;border-radius:4px;font-size:13px;pointer-events:none;z-index:9999;text-align:center}.t-theme-chat-header{display:flex;align-items:center;height:4.5em;background-color:#ececec;border-bottom:1px solid #d4d4d4;flex-shrink:0}.t-theme-chat-header .t-inner{flex-grow:1;flex-basis:0;display:flex;align-items:center;padding-left:1em;padding-right:1em;min-width:0}.t-theme-chat-header .t-content{flex-grow:1;display:flex;align-items:center;min-width:0}.t-theme-chat-header .t-image{width:45px;text-align:center;margin-right:.75em;flex-shrink:0}.t-theme-chat-header .t-info{flex-grow:1;flex-basis:0;min-width:0}.t-theme-chat-header .t-title{font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:3px}.t-theme-chat-header .t-subtitle{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:85%;margin-left:4px}.t-theme-chat-header .t-user{display:inline-block;vertical-align:middle}.t-theme-chat-header .t-online-indicator{display:inline-block;width:.75em;height:.75em;border-radius:100%;margin:0 .75em -1px .275em}.t-theme-chat-header .t-online-indicator[t-status=online]{background-color:#22c55e}.t-theme-chat-header .t-online-indicator[t-status=offline]{background-color:#fff;-webkit-box-shadow:inset 0 0 0 1px rgba(50,50,50,.4);box-shadow:inset 0 0 0 1px #32323266}.t-theme-chat-header .t-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0;margin-left:auto}.t-theme-chat-header .t-action-button{background-color:transparent;border:none;outline:none;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1119;transition:.2s ease-out;box-sizing:content-box;padding:0;margin:-.5rem;width:2.5rem;height:2.5rem}.t-theme-chat-header .t-action-button:hover{color:#111c}.t-theme-chat-header .t-back-button{display:none;margin-left:-.5em;margin-right:.5em;width:36px;height:36px;padding:0;border:0;border-radius:9999px;cursor:pointer;justify-content:center;align-items:center;background:transparent;color:currentColor;opacity:.75;transition:.15s ease-out}.t-theme-chat-header .t-back-button:hover,.t-theme-chat-header .t-back-button:focus{background-color:#2626260d;color:#007df9;opacity:1}[t-mobile-inbox] .t-theme-chat-header .t-back-button{display:inline-flex}.t-theme-message{display:block;margin-top:.35em}.t-theme-message:last-child{margin-top:1.35em}.t-theme-message:not(:last-child) .t-message-sender-name{display:none}.t-theme-message:not(:last-child) .t-theme-avatar{visibility:hidden}.t-theme-message[t-sender=system]{margin-top:1.35em}.t-theme-message[t-sender=system]+.t-theme-message[t-sender=system]{margin-top:.5em}.t-theme-message:has(.t-reactions):has(+.t-theme-message){margin-bottom:.75em}.t-theme-message .t-message-row{display:flex;align-items:center;gap:.5em}.t-theme-message[t-sender=currentUser] .t-message-row{flex-direction:row-reverse}.t-theme-message .t-message-body{white-space:normal;overflow:hidden;border-radius:.75em;border-width:1px;border-style:solid;word-wrap:break-word;position:relative;display:inline-block;max-width:calc(100% - 6.5em);border-color:#ececec;background-color:#f7f7f7;color:#111;padding:.75em 1em}.t-theme-message .t-message-body .t-theme-referenced-message{border-left:solid 2px;margin-bottom:.4em;font-size:93%;padding:0 .55em}.t-theme-message[t-sender=currentUser] .t-message-body{border-color:#007df9;background-color:#007df9;color:#fff}.t-theme-message .t-message-body .t-message-content{display:contents;margin-top:.75em}.t-theme-message .t-message-body:has(.t-theme-audio-block,.t-theme-voice-block,.t-theme-location-block){width:100%}.t-theme-message .t-message-body:not(:has(.t-message-sender-name,.t-theme-referenced-message,.t-theme-text-block:first-child,.t-theme-file-block:first-child)){padding-top:0}.t-theme-message .t-message-body:not(:has(.t-theme-text-block:first-child,.t-theme-file-block:first-child)) .t-message-sender-name{margin-bottom:.75em}.t-theme-message button[t-action]{border-radius:.375em;font-size:inherit;margin:1px 0;padding:.25em .325em;cursor:pointer;transition:color .2s ease-in-out,background-color .2s ease-in-out,border .2s ease-in-out}.t-theme-message[t-sender=currentUser] button[t-action]{color:#0761d1;background-color:#fff;border:1px solid white}.t-theme-message[t-sender=currentUser] button[t-action]:hover,.t-theme-message[t-sender=currentUser] button[t-action]:active{color:inherit;background-color:transparent}.t-theme-message[t-sender=currentUser] button[t-action]:focus-visible{outline:white solid 2px;outline-offset:2px}.t-theme-message[t-sender=other] button[t-action]{color:#111;background-color:transparent;border:1px solid #525252}.t-theme-message[t-sender=other] button[t-action]:hover{color:#fff;background-color:#111;border:1px solid #111}.t-theme-message[t-sender=other] button[t-action]:active{color:#fff;background-color:#404040;border:1px solid #404040}.t-theme-message[t-sender=other] button[t-action]:focus-visible{outline:#525252 solid 2px;outline-offset:2px}.t-theme-message[t-sender=system] button[t-action]{color:#fff;background-color:#007df9;border:1px solid #007df9}.t-theme-message[t-sender=system] button[t-action]:hover{color:#fff;background-color:#0761d1;border:1px solid #0761d1}.t-theme-message[t-sender=system] button[t-action]:active{color:#fff;background-color:#3291ff;border:1px solid #3291ff}.t-theme-message[t-sender=system] button[t-action]:focus-visible{outline:#007df9 solid 2px;outline-offset:2px}.t-theme-message .t-message-sender-name{font-size:75%;font-weight:700}.t-theme-message .t-reactions{margin-top:.25em;display:flex;flex-wrap:wrap;gap:.25em}.t-theme-message[t-sender=currentUser] .t-reactions{justify-content:flex-end;margin-right:.75em}.t-theme-message[t-sender=other] .t-reactions{margin-left:3.75em}.t-theme-message[t-sender=system] .t-message-body{background:transparent;width:100%;max-width:none;border:none}.t-theme-message[t-sender=system] .t-message-row{white-space:normal;border-radius:.75em;overflow:hidden;white-space:pre-wrap;background-color:transparent;color:#111;border:1px solid #d4d4d4}.t-theme-message .t-message-content a{color:currentColor}.t-theme-message .t-message-status{display:inline-flex;font-size:75%;float:right;margin-left:2em;margin-top:.6em;opacity:75%;min-width:3.5ch;text-align:right}.t-theme-message .t-message-loading-spinner{animation:spin 1.2s cubic-bezier(.42,0,.58,1) infinite;width:1em;height:1em}.t-theme-message .t-status-icon{margin-left:.25em;letter-spacing:-.3em;min-width:1em}.t-theme-message .t-message-row>button{border:none;width:36px;height:36px;padding:8px;border-radius:9999px;border:0;color:inherit;opacity:.75;cursor:pointer;font-size:120%;background:inherit}.t-theme-message .t-message-row>button:hover,.t-theme-message .t-message-row>button:focus{color:#0761d1}.t-theme-message .t-message-row>button:focus-visible{outline:0;box-shadow:0 0 0 2px #007df97f}@media (hover: hover){.t-theme-message .t-message-row>button{opacity:0}.t-theme-message .t-message-row:hover>button,.t-theme-message .t-message-row:focus-within>button{opacity:.75}}@media (hover: none){.t-theme-message .t-message-row>button{opacity:.0001%}.t-theme-message .t-message-row:hover>button,.t-theme-message .t-message-row:focus-within>button{opacity:100%}}.t-message-action-menu-button .t-action-menu-icon{width:1.143em;height:1.143em}.t-theme-message[t-status=sending] .t-message-action-menu-button,.t-theme-message[t-status=sending] .t-add-reaction-button{visibility:hidden}.t-theme-message .t-emoji-reactions{margin-top:.25em;margin-bottom:.5em;display:flex;flex-wrap:wrap;gap:.25em}.t-theme-message[t-sender=currentUser] .t-emoji-reactions{justify-content:flex-end;margin-right:3.5em}.t-theme-message[t-sender=other] .t-emoji-reactions{margin-left:3.5em}.t-theme-message .t-reaction-button{border:1px solid transparent;margin:0;padding:.2em .55em;border-radius:8em;background-color:#e8ecee;user-select:none;-webkit-user-select:none}.t-theme-message .t-reaction-button>*{pointer-events:none}.t-theme-message .t-reaction-button[t-active]{background:#1e60e1;border:1px solid transparent;color:#fff}.t-theme-message .t-reaction-button[t-active]:hover{background:#1e60e1;border:1px solid transparent}.t-theme-message .t-reaction-button span{display:inline-block;vertical-align:middle}.t-theme-message .t-reaction-button .t-emoji{font-size:1.25em}.t-theme-message .t-reaction-button .t-num-reactions{padding-left:.25em;font-size:.85em;font-variant-numeric:tabular-nums;letter-spacing:-.075em}.t-theme-message .t-reaction-picker{width:300px;height:200px;margin:0 10px;border-radius:.75em;border:1px solid #d4d4d4;overflow:hidden}.t-theme-message .t-mention{line-height:1.5;color:inherit;margin:0;border-radius:9999px;padding:.25rem .45rem}.t-theme-message .t-mention[t-is-current-user]{font-weight:700}.t-theme-message[t-sender=currentUser] .t-mention{background-color:#fff3}.t-theme-message[t-sender=currentUser] .t-mention[t-is-current-user]{background-color:#fff6}.t-theme-message[t-sender=other] .t-mention{background-color:#dcdcdc80}.t-theme-message[t-sender=other] .t-mention[t-is-current-user]{background-color:#dcdcdce6}@keyframes focus-animation{0%{background-color:#007df9}to{background-color:#007df900}}.t-theme-message[t-focused]{animation:focus-animation 3s cubic-bezier(0,.77,.57,1)}.t-theme-message[t-sender=currentUser] .t-highlighted-text{background-color:#111;color:#fff;filter:invert()}.t-theme-message[t-sender=other] .t-highlighted-text{background-color:#fff;filter:invert()}.t-theme-message-action-menu{display:flex;flex-direction:column;background-color:#fff;color:#111;border:1px solid #d4d4d4;border-radius:.75em;box-shadow:0 8px 24px #73737333;padding:.35em}.t-theme-message-action-menu .t-menu-item{padding:.45em .65em;cursor:pointer;background:none;border:none;border-radius:.5em;text-align:left}.t-theme-message-action-menu .t-menu-item:hover,.t-theme-message-action-menu .t-menu-item:focus{background-color:#007df9;color:#fff;outline:none}.t-theme-message-action-menu .t-menu-item.t-danger{color:#ef4444}.t-theme-message-action-menu .t-menu-item.t-danger:hover,.t-theme-message-action-menu .t-menu-item.t-danger:focus{background-color:#fec8c866;color:#ef4444;outline:none}.t-theme-message-field{display:flex;flex-direction:column}.t-theme-message-field[t-mode=send]{max-height:calc(100% - 100px)}.t-theme-message-field[t-mode=edit]{margin:.75em 0}.t-theme-message-field .t-wrapper{flex-shrink:0;position:relative;padding:16px;color:#111;font-size:16px;background-color:#ececec;border-top:#d4d4d4 solid 1px;max-width:100%;width:100%;margin:0 auto;z-index:2}.t-theme-message-field[t-mode=edit] .t-wrapper{border:#d4d4d4 solid 1px;border-radius:.75em}.t-theme-message-field .t-emoji-suggest-bar{width:100%;padding:.5rem;display:flex;overflow:auto hidden;overscroll-behavior:contain;height:60px;margin-top:-60px;flex-shrink:0;align-items:center;background-color:#ececec;border-top:#d4d4d4 solid 1px;z-index:1}.t-theme-message-field .t-emoji-suggest-bar button{display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;font-size:1.375rem;width:2.375rem;height:2.375rem;padding:0 5px;border-radius:.5rem}.t-theme-message-field .t-emoji-suggest-bar button[t-focused]{background-color:#d4d4d4}.t-theme-message-field[t-mode=edit] .t-emoji-suggest-bar{border:#d4d4d4 solid 1px;border-radius:.75em .75em 0 0}.t-theme-message-field[t-mode=edit]:has(.t-emoji-suggest-bar) .t-wrapper{border-radius:0 0 .75em .75em;border-top:none}.t-theme-message-field .t-mention-suggest-list{width:auto;max-width:100%;max-height:150px;display:flex;flex-direction:column;overflow-x:auto;background-color:#fff;color:#111;border:1px solid #d4d4d4;border-radius:.75em;box-shadow:0 8px 24px #73737333;padding:.5em}.t-theme-message-field .t-mention-suggest-list button{display:flex;align-items:center;border:none;background:none;cursor:pointer;border-radius:4px;white-space:nowrap;width:100%;height:2rem;min-height:2rem;padding:0 .25rem;color:#111}.t-theme-message-field .t-mention-suggest-list button:hover,.t-theme-message-field .t-mention-suggest-list button.focused{background-color:#007df9;color:#fff}.t-theme-message-field .t-edit-row{display:flex;gap:.5em;margin-left:auto}.t-theme-message-field .t-edit-row button{display:inline-block;padding:.5rem 1rem;border:0;border-radius:.5rem;cursor:pointer;background-color:#1111111a;color:#111}.t-theme-message-field .t-edit-row button[t-action=save]{background-color:#007df9;color:#fff}.t-theme-message-field .t-edit-row button[t-action=save]:disabled{cursor:initial;background-color:#888;color:#fff}.t-theme-message-field .t-text-form{width:100%;max-width:100%;margin:0 auto;display:flex}.t-theme-message-field[t-mode=edit] .t-text-form{flex-direction:column;gap:.5em}.t-theme-message-field .t-editor .t-text-input{min-height:3.3em;max-height:9em;border-radius:.65em;border:1px solid white;background-color:#fff;display:block;resize:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;word-break:break-word;white-space:pre-wrap;padding:0 44px 0 1em;transition:box-shadow .15s ease-out}.t-theme-message-field .t-editor .t-text-input:focus-visible{border-color:#fff;outline:#a3a3a3 solid 1px}.t-theme-message-field .t-editor .t-text-input p{margin:.875em 0;padding:0;border:0;outline:0}.t-theme-message-field .t-editor .t-mention{color:#007df9}.t-theme-message-field .t-send-column{flex-grow:0;flex-shrink:0;white-space:nowrap;align-self:center;display:flex}.t-theme-message-field .t-textbox-column{position:relative;flex-grow:1;margin-right:.28em}.t-theme-message-field .t-send-column button{width:2.571em;height:2.571em;padding:.571em;border:0;border-radius:9999px;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;background:transparent;color:currentColor;opacity:.75;transition:.15s ease-out}.t-theme-message-field .t-send-column button:hover,.t-theme-message-field .t-send-column button:focus{background-color:#2626260d}.t-theme-message-field .t-send-column button:focus-visible{outline:0;box-shadow:0 0 0 2px #007df97f}.t-theme-message-field .t-send-column button[disabled]{color:currentColor;opacity:.5}.t-theme-message-field .t-send-column button[disabled]:hover{background-color:transparent}.t-theme-message-field .t-text-limit-indicator{opacity:.5;font-size:75%;margin:-.75em 0 .5em 2px}.t-theme-message-field .t-readonly{opacity:.5;user-select:none}.t-theme-message-field .t-button-overlay{position:absolute;right:0;top:0;bottom:0;margin-right:8px;display:flex;align-items:center}.t-theme-message-field [t-kind=icon-button]{width:36px;height:36px;padding:8px;border:0;border-radius:9999px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;background:transparent;color:currentColor;opacity:.75;transition:.15s ease-out}.t-theme-message-field [t-kind=icon-button]:hover,.t-theme-message-field [t-kind=icon-button]:focus{background-color:#2626260d;color:#007df9;opacity:1}.t-theme-message-field [t-kind=icon-button]:focus-visible{outline:0;box-shadow:0 0 0 2px #007df97f}.t-theme-message-field .t-emoji-picker-wrapper{width:100%;height:350px;overflow:hidden;flex-shrink:1;border-top:1px solid #d4d4d4}.t-theme-voice-recorder{display:contents}.t-theme-voice-recorder .t-close-button{margin-right:.4em;align-self:center}.t-theme-voice-recorder .t-textbox-column{display:flex;flex:1;align-items:center;justify-content:space-between;padding:1.1em;background-color:#fff;border-radius:.75em;border-width:1px;border-color:#fff;height:3.3em;max-height:3.3em;overflow:hidden}.t-theme-voice-recorder .t-waveform{flex-grow:1;z-index:0;width:100%;margin:.77em 0;margin-left:1ex;position:relative}.t-theme-voice-recorder .t-duration{margin:1ex}.t-theme-voice-recorder .t-stop-icon{color:#ef4444}.t-theme-recording-preview{display:contents}.t-theme-recording-preview .t-close-button{margin-right:.4em;align-self:center}.t-theme-recording-preview .t-send-button:hover,.t-theme-recording-preview .t-close-button:hover{color:#007df9;opacity:1}.t-theme-recording-preview .t-textbox-column{padding:0 1.1em;background-color:#fff;border-radius:.75em;border-width:1px;border-color:#fff;height:3.3em;max-height:3.3em;overflow:hidden}.t-theme-recording-preview .t-audio-player{padding:0;height:3.3em}.t-theme-recording-preview .t-loading{padding:7px}.t-theme-recording-preview .t-spinner{width:24px;height:24px;animation-name:t-recording-preview-spin;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes t-recording-preview-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.t-theme-recording-preview .t-error-msg{white-space:normal;color:#ef4444}.t-theme-icon{display:inline-block;vertical-align:middle;overflow:hidden}.t-message-divider{width:100%;margin:1.3em .5em 0;display:grid;grid-template-columns:1fr max-content 1fr;color:#95a7b1}.t-message-divider span{vertical-align:top;white-space:nowrap;height:1.3em;padding:0 20px}.t-message-divider .t-line[t-side=right]{display:grid;grid-template-columns:1fr max-content;gap:10px;grid-column:3}.t-message-divider .t-line .t-line-segment{height:0;width:100%;margin-top:10px;border:none;border-bottom:1px solid #95a7b1}.t-message-divider .t-line .t-unread-marker{position:relative;top:-4px;height:28px;padding:3px 10px;border-radius:100px;border:1px solid #95a7b1;vertical-align:middle}.t-theme-after-messages{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5em;margin-top:1.35em}.t-theme-after-messages .t-typing-avatars{display:flex;flex-direction:row;align-items:left;justify-content:center;width:fit-content}.t-theme-after-messages .t-typing-avatars>.t-theme-avatar{width:2.6em;height:2.6em;display:flex;align-items:center;justify-content:center;color:#111;line-height:2.6em;vertical-align:text-top;font-size:.75em}.t-theme-after-messages .t-typing-avatars>.t-theme-avatar:not(:last-child){margin-right:-.66em}.t-theme-after-messages .t-typing-bubble{display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:1em;background-color:#f7f7f7;border:1px solid #ececec;color:#111;padding:0 1em;font-size:.75em}.t-theme-after-messages .t-typing-animation{display:flex;flex-direction:row;align-items:center;gap:4px;height:2.6em;line-height:2.6em}.t-theme-after-messages .t-typing-animation span{height:6px;width:6px;background-color:#737373;display:inline-block;border-radius:50%;opacity:.4}.t-theme-after-messages .t-typing-animation span:nth-of-type(1){animation:1s blink infinite .3333s}.t-theme-after-messages .t-typing-animation span:nth-of-type(2){animation:1s blink infinite .6666s}.t-theme-after-messages .t-typing-animation span:nth-of-type(3){animation:1s blink infinite .9999s}@keyframes blink{50%{opacity:1}}.t-theme-no-conversation-selected{display:none}.t-inbox .t-theme-no-conversation-selected,t-inbox .t-theme-no-conversation-selected{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:2em;color:#95a7b1;text-align:center}.t-theme-audio-block{display:contents;width:100%;min-width:25ch}.t-theme-audio-block .t-audio-player{margin-bottom:.5em}.t-theme-audio-block .t-attachment-icon{width:1em;height:1em;margin-right:.2em}.t-theme-audio-block .t-filesize{font-size:.8em}.t-theme-file-block{display:contents}.t-theme-file-block a{word-break:break-all;text-decoration:none}.t-theme-file-block .t-filename{text-decoration:underline}.t-theme-file-block .t-attachment-icon{width:1em;height:1em;margin-right:.2em}.t-theme-file-block .t-filesize{white-space:nowrap;font-size:75%}.t-theme-file-block .t-loading-spinner{animation:spin 1.2s cubic-bezier(.42,0,.58,1) infinite;display:block;margin:auto;width:4em;height:4em}.t-theme-image-block{display:contents}.t-theme-image-block .download-icon{width:1em;height:1em;margin-right:.2em}.t-image-wrapper{display:block;height:auto;min-height:40px;max-height:400px}.t-theme-image-block .t-root{display:flex;justify-content:center;align-items:center;min-height:inherit;max-height:inherit;height:auto;max-width:min(calc(100% + 2em),calc(var(--img-w) * 1px));width:calc(100% + 2em);transform:translate(-1em);aspect-ratio:var(--img-w) / var(--img-h);overflow:hidden;margin:0 auto .5em}.t-theme-image-block .t-image{width:100%;height:100%;max-width:calc(var(--img-w) * 1px);max-height:calc(var(--img-h) * 1px);object-fit:contain}.t-theme-image-block .t-filesize{font-size:.8em}.t-theme-location-block{display:contents;min-height:100px;max-height:500px}.t-theme-location-block .t-root{display:block;height:200px;margin:0 -1em .5em}.t-theme-text-block{display:contents}.t-theme-text-block .t-text .t-emoji{height:1.15em;width:1.15em;margin:0 .1em .1em;vertical-align:middle}.t-theme-text-block .t-text{white-space:pre-wrap}.t-theme-text-block ul{padding-left:0;margin:0}.t-theme-text-block ul li{margin-left:1em;margin-bottom:.5em}.t-theme-video-block{display:contents}.t-theme-video-block .download-icon{width:1em;height:1em;margin-right:.2em}.t-video-wrapper{display:block;height:auto;min-height:40px;max-height:400px}.t-theme-video-block .t-root{display:flex;justify-content:center;align-items:center;min-height:inherit;max-height:inherit;height:auto;max-width:min(calc(100% + 2em),calc(var(--video-w) * 1px));width:calc(100% + 2em);transform:translate(-1em);aspect-ratio:var(--video-w) / var(--video-h);overflow:hidden;margin:0 auto .5em}.t-theme-video-block .t-video{width:100%;height:100%;max-width:calc(var(--video-w) * 1px);max-height:calc(var(--video-h) * 1px);object-fit:contain;background-color:#000000d9}.t-theme-video-block .t-filesize{font-size:.8em}.t-theme-conversation-list-item{color:#525252;text-decoration:none;width:100%;height:auto;padding:1.14em;border:none;border-bottom:1px solid #d4d4d4;background-color:transparent;overflow:hidden;display:flex;align-items:center;gap:.57rem;word-wrap:break-word;transition:color .1s ease-in-out,background-color .1s ease-in-out;background-color:#fff;text-align:initial}.t-theme-conversation-list-item a{color:#525252}.t-theme-conversation-list-item[t-selected] a{color:#fff}.t-theme-conversation-list-item:last-child{margin-bottom:.68em}.t-theme-conversation-list-item:hover{background-color:#f7f7f7;cursor:pointer}.t-theme-conversation-list-item[t-selected]{color:#fff;background-color:#007df9}.t-theme-conversation-list-item[t-selected]:focus-visible{outline:#fff .142em solid;outline-offset:-.29em;border-bottom:0}.t-theme-conversation-list-item:focus-visible{outline:#3291ff .14em solid;outline-offset:-.14em}.t-theme-conversation-list-item[t-unread]{background-color:#f7f7f7;color:#111}.t-theme-conversation-list-item[t-selected][t-unread]{color:#fff;background-color:#007df9}.t-theme-conversation-list-item .t-inner{margin-left:.74em;flex-basis:0;flex-grow:1;min-width:0}.t-theme-conversation-list-item .t-header,.t-theme-conversation-list-item .t-body{display:flex;align-items:center;flex-grow:1;flex-shrink:0;min-width:0;overflow:hidden}.t-theme-conversation-list-item .t-message-sender{margin-right:.23em}.t-theme-conversation-list-item .t-timestamp{font-size:85%;opacity:.75}.t-theme-conversation-list-item .t-timestamp,.t-theme-conversation-list-item .t-unread-dot{flex-shrink:0;margin-left:.29em}.t-theme-conversation-list-item .t-conversation-name{font-weight:600}.t-theme-conversation-list-item .t-conversation-name,.t-theme-conversation-list-item .t-message{flex-grow:1;font-size:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-theme-conversation-list-item .t-message{opacity:.75;flex-basis:0}.t-theme-conversation-list-item .t-unread-dot{display:flex;align-items:center;justify-content:center;padding:0 .46em;border-radius:9999px;height:1.43em;width:auto;min-width:1.43em;text-align:center;line-height:inherit;font-size:85%;color:#fff;background-color:#007df9}.t-theme-conversation-list-item .t-unread-generic-dot{padding:.6ex;transform:scale(.999);border-radius:999px;background-color:#007df9}.t-theme-conversation-list-item[t-selected] .t-unread-generic-dot{padding:.6ex;transform:scale(.999);border-radius:999px;background-color:#fff}.t-theme-conversation-list-item[t-selected] .t-unread-dot{color:#007df9;background-color:#fff}.t-theme-conversation-list-item .t-unread-dot:empty{padding:0;min-width:.68em;min-height:.68em}.t-theme-conversation-list-item .t-message li{display:inline list-item;margin-right:.28em}.t-theme-conversation-list-item .t-message ul{list-style:inside}.t-theme-global-search-result-item{color:#525252;text-decoration:none;width:100%;height:auto;padding:1.14em;border:none;border-bottom:1px solid #d4d4d4;background-color:transparent;overflow:hidden;display:flex;align-items:center;gap:.57em;word-wrap:break-word;transition:color .1s ease-in-out,background-color .1s ease-in-out;background-color:#fff;text-align:initial}.t-theme-global-search-result-item a{color:#525252}.t-theme-global-search-result-item[t-selected] a{color:#fff}.t-theme-global-search-result-item:last-child{margin-bottom:.68em}.t-theme-global-search-result-item:hover{background-color:#f7f7f7;cursor:pointer}.t-theme-global-search-result-item[t-selected]{color:#fff;background-color:#007df9}.t-theme-global-search-result-item[t-selected]:focus-visible{outline:#fff .14em solid;outline-offset:-.28em;border-bottom:0}.t-theme-global-search-result-item:focus-visible{outline:#3291ff .14em solid;outline-offset:-.14em}.t-theme-global-search-result-item[t-unread]{background-color:#f7f7f7;color:#111}.t-theme-global-search-result-item[t-selected][t-unread]{color:#fff;background-color:#007df9}.t-theme-global-search-result-item .t-inner{margin-left:.74em;flex-basis:0;flex-grow:1;min-width:0}.t-theme-global-search-result-item .t-header,.t-theme-global-search-result-item .t-body{display:flex;align-items:center;flex-grow:1;flex-shrink:0;min-width:0;overflow:hidden}.t-theme-global-search-result-item .t-message-sender{margin-right:.22em}.t-theme-global-search-result-item .t-timestamp{font-size:85%;opacity:.75}.t-theme-global-search-result-item .t-timestamp,.t-theme-global-search-result-item .t-unread-dot{flex-shrink:0;margin-left:.28em}.t-theme-global-search-result-item .t-conversation-name{font-weight:600}.t-theme-global-search-result-item .t-conversation-name,.t-theme-global-search-result-item .t-message{flex-grow:1;font-size:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-theme-global-search-result-item .t-message{opacity:.75;flex-basis:0}.t-theme-global-search-result-item .t-unread-dot{display:flex;align-items:center;justify-content:center;padding:0 .46em;border-radius:9999px;height:20px;width:auto;min-width:20px;text-align:center;line-height:inherit;font-size:85%;color:#fff;background-color:#007df9}.t-theme-global-search-result-item .t-unread-generic-dot{padding:.6ex;transform:scale(.999);border-radius:999px;background-color:#007df9}.t-theme-global-search-result-item[t-selected] .t-unread-generic-dot{padding:.6ex;transform:scale(.999);border-radius:999px;background-color:#fff}.t-theme-global-search-result-item[t-selected] .t-unread-dot{color:#007df9;background-color:#fff}.t-theme-global-search-result-item .t-unread-dot:empty{padding:0;min-width:.74em;min-height:.74em}.t-theme-global-search-result-header{padding-bottom:1.14em;display:flex;justify-content:space-between;align-items:center}.t-theme-global-search-result-header .t-title{padding:.86em 1.14em .57em;font-weight:600;font-size:.86em;color:#888;text-transform:uppercase;letter-spacing:.05em}.t-theme-global-search-result-header .t-show-more{background:none;border:none;font-size:.86em;color:#06c;text-transform:none;cursor:pointer;padding:.86em 1.14em .57em;font-weight:500;letter-spacing:normal}.t-theme-global-search-result-header .t-show-more:hover:not(:disabled){color:#0052a3;text-decoration:underline}.t-theme-global-search-result-header .t-show-more:disabled{opacity:.6;cursor:not-allowed}.t-theme-global-search-box{display:flex;align-items:center;box-sizing:border-box;margin:.74em;border:1px solid #e0e0e0;border-radius:.57em;background-color:#f5f5f5;color:inherit;outline:none;transition:border-color .2s,background-color .2s}.t-theme-global-search-box .t-input{flex:1;border:none;outline:none;background:none;padding:.74em}.t-theme-global-search-box:focus-within{border-color:#bbb;background-color:#fff}.t-theme-global-search-box .t-input::-webkit-search-cancel-button{display:none}.t-theme-global-search-box .t-clear{background:none;border:none;cursor:pointer;color:#999;padding:.28em;border-radius:50%;display:flex;align-items:center;justify-content:center}.t-theme-global-search-box .t-clear:hover{background-color:#0000000d;color:#666}.t-theme-global-search-box .t-submit{background:none;border:none;width:2.28em;height:2.28em;padding:.28em;color:#999;border-radius:50%;display:flex}.t-theme-avatar{display:block;overflow:hidden;background-color:#ececec;background-size:cover;background-repeat:no-repeat;background-position:center center;border-style:solid;border-radius:50%;border-width:2px;border-color:#fff;flex-shrink:0;align-self:flex-start;width:3em;height:3em}.t-theme-group-chat-image{display:block;overflow:hidden;position:relative;width:44px;height:44px;flex-shrink:0}.t-theme-group-chat-image .t-mini-avatar{border-radius:50%;border-width:2px;border-color:#fff;border-style:solid;box-shadow:0 1px 1px #8899a626;width:30px;height:30px;position:absolute;background-color:#f7f7f7;background-position:center;background-size:cover}.t-theme-group-chat-image .t-mini-avatar:nth-child(1){right:0;top:14px}.t-theme-group-chat-image .t-mini-avatar:nth-child(2){left:0;top:0}.t-theme-group-chat-image .t-counter{border-radius:50%;border:2px solid #fff;font-weight:600;position:absolute;min-width:18px;min-height:18px;max-width:22px;max-height:22px;left:0;bottom:0;display:flex;justify-content:center;align-items:center;color:#111;padding:0}.t-theme-group-chat-image .t-group{border-style:none;color:#ececec}.t-theme-referenced-message{display:flex;flex-direction:column;cursor:pointer}.t-theme-referenced-message .t-sender-name{font-weight:600;margin-bottom:2px}.t-theme-referenced-message .t-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:.165em 0}.t-theme-referenced-message .t-content a{color:currentColor}.t-theme-reply-bar{height:4.286em;display:flex;align-items:center;background-color:#ececec;padding:.714em;color:#262626;border-top:#d4d4d4 solid 1px}.t-theme-reply-bar .t-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:.165rem 0px}.t-theme-reply-bar .t-close-button{width:2.571em;height:2.571em;padding:.571em;border:0;border-radius:9999px;cursor:pointer;display:inline-flex;align-items:center;background:transparent;opacity:.75;transition:.15s ease-out}.t-theme-reply-bar .t-close-button:hover{background-color:#2626260d;color:#007df9;opacity:1}.t-theme-reply-bar .t-body{flex-grow:1;padding:0 1em;overflow:hidden;cursor:pointer;white-space:nowrap;text-overflow:ellipsis}.t-theme-reply-bar .t-sender-name{font-weight:600;padding-bottom:.165rem}.t-theme-reply-bar .t-close-icon,.t-theme-reply-bar .t-reply-icon{width:1.428em;height:1.428em;min-width:1.428em;min-height:1.428em}.t-theme-reply-bar .t-mention{line-height:1.5;background-color:#c8c8c880;color:inherit;margin:0;border-radius:9999px;padding:.25rem .45rem}.t-theme-reply-bar .t-mention[t-is-current-user]{font-weight:700;background-color:#c8c8c8e6}.t-theme-compact-message-content>.t-theme-icon{width:1.25em;height:1.25em;margin-right:.25em}.t-theme-compact-message-content .t-text ul{list-style:inside;margin:0 0 0 .5em;padding:0;display:inline}.t-theme-compact-message-content .t-text li{display:inline list-item;margin-right:1em}.t-theme-compact-message-content .t-text li::marker{content:"• "}.t-theme-chat-search-box{display:flex;align-items:center;flex-direction:row;flex-shrink:0;flex-grow:1;min-height:61px;padding:16px;background-color:transparent}.t-theme-chat-search-box .t-search-field{flex-grow:1;margin-right:15px;display:flex;flex-direction:column;padding:0 0 0 1rem}.t-theme-chat-search-box .t-search-field label{top:5px;color:#5b5b5b;font-size:.6em;font-weight:100;text-transform:uppercase;transition:opacity .2s linear}.t-theme-chat-search-box .t-search-field label[t-label-text=off]{opacity:0;z-index:-1}.t-theme-chat-search-box .t-search-field label[t-label-text=on]{opacity:1;position:absolute;align-self:center}.t-theme-chat-search-box .t-search-input{display:inline-block;width:95%;align-self:center;color:inherit;height:30px;padding:0;font-size:100%;border:none;border-radius:0;border-bottom:1px solid;border-bottom-color:#1111110d;background:transparent;transition:all .125s ease-in-out 0s}.t-theme-chat-search-box .t-search-input[type=search]::-webkit-search-cancel-button{display:none}.t-theme-chat-search-box .t-search-input:focus-visible{outline:none;border:0;border-bottom:1px solid;border-bottom-color:#1111114d}.t-theme-chat-search-box .t-button{display:inline-block;cursor:pointer;height:44px;outline:none;font-size:1em;font-weight:700;border:none;border-radius:4px;text-align:center;background:transparent;color:#111;padding:.1em .5em 0;transition:all .125s ease-in-out 0s}.t-theme-chat-search-box .t-button:hover{color:#111c}.t-theme-chat-search-box .t-previous-button,.t-theme-chat-search-box .t-next-button{padding:0 .25rem}.t-theme-chat-search-box .t-back-button{height:auto;padding:0}.t-theme-chat-search-box .t-back-button svg{fill:none}
1
+ @import"https://cdn.talkjs.com/fonts/Inter.css";.t-text-input{container-type:inline-size}@container (max-width: 14em){:is(.t-text-input .empty-node):before{display:none}}:is(.t-text-input .empty-node):before{position:absolute;color:currentColor;cursor:text;opacity:.6}:is(.t-text-input .empty-node):first-child:before{content:attr(data-placeholder)}.t-editor .ProseMirror{position:relative}.t-editor .ProseMirror{word-wrap:break-word;white-space:pre-wrap;white-space:break-spaces;-webkit-font-variant-ligatures:none;font-variant-ligatures:none;font-feature-settings:"liga" 0}.t-editor .ProseMirror pre{white-space:pre-wrap}.t-editor .ProseMirror li{position:relative}.t-editor .ProseMirror-hideselection *::selection{background:transparent}.t-editor .ProseMirror-hideselection *::-moz-selection{background:transparent}.t-editor .ProseMirror-hideselection{caret-color:transparent}.t-editor .ProseMirror [draggable][contenteditable=false]{user-select:text}.t-editor .ProseMirror-selectednode{outline:2px solid #8cf}.t-editor li.ProseMirror-selectednode{outline:none}.t-editor li.ProseMirror-selectednode:after{content:"";position:absolute;inset:-2px -2px -2px -32px;border:2px solid #8cf;pointer-events:none}.t-editor img.ProseMirror-separator{display:inline!important;border:none!important;margin:0!important}.t-emoji-picker{width:100%;height:100%;overflow:hidden;flex-shrink:1}.t-emoji-picker emoji-picker{width:100%;border:0;height:100%;--border-size: 0;--num-columns: 10;--emoji-size: 21px;--category-emoji-size: 14px;--indicator-height: 2px;--outline-color: rgba(30, 96, 225, .5);--input-padding: 7px 11.5px;--button-active-background: #d4d4d4;--input-border-color: #d4d4d4;--input-focused-border-color: #b0b0b0;--indicator-color: #007df9;--button-hover-background: #d4d4d488;--input-border-radius: 4px;--input-font-size: inherit;--emoji-font-family: "Twemoji Country Flags", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji", "EmojiOne Color", "Android Emoji", "Twemoji Mozilla", sans-serif}.t-emoji-picker[t-loading]{display:flex;align-items:center;justify-content:center;background-color:#fff;color:#007df9}.t-emoji-picker[t-loading] .t-loading-icon,.t-loading-icon{animation:spin 1.2s cubic-bezier(.42,0,.58,1) infinite;display:block;margin:auto;width:4em;height:4em}.t-emoji-suggest-bar{will-change:transform;transform:translateY(100%);transition:transform .1s ease-out}.t-emoji-suggest-bar.slide-enter{transform:translateY(100%)}.t-emoji-suggest-bar.slide-enter-active,.t-emoji-suggest-bar.slide-enter-done,.t-emoji-suggest-bar.slide-exit{transform:translateY(0)}.t-emoji-suggest-bar.slide-exit-active,.t-emoji-suggest-bar.slide-exit-done{transform:translateY(100%)}.t-emoji-suggest-bar{scrollbar-color:rgba(0,0,0,.2) transparent;scrollbar-width:thin;overflow-y:hidden}.t-emoji-suggest-bar:hover{scrollbar-color:rgba(0,0,0,.4) transparent}.t-emoji-suggest-bar:active{scrollbar-color:rgba(0,0,0,.6) transparent}@media (prefers-reduced-motion: reduce){.t-emoji-suggest-bar{transition:none}}.t-audio-player{width:100%;height:auto;display:flex;flex-direction:row;align-items:center;column-gap:10px;padding:1.5em 1em 0}.t-audio-player .t-waveform{flex-grow:1;z-index:0}.t-audio-player button{background:transparent;border:none;color:inherit;padding:0;cursor:pointer}.t-audio-player .t-playback-speed{width:auto}.t-audio-player .t-play-pause-icon{width:24px;height:24px}.t-audio-player .t-up-down-icon{width:1em;height:1em}.t-audio-player .t-up-down svg{margin-top:-2px}.t-audio-player .t-playback-checkmark{display:inline-block;width:1em;margin-right:.5em}.t-playback-speed-menu{display:flex;flex-direction:column;background-color:#fff;color:#111;border:1px solid #d4d4d4;border-radius:.75em;box-shadow:0 8px 24px #73737333;padding:.35em}.t-playback-speed-menu .t-heading{opacity:.5;padding:.5em 1em}.t-playback-speed-menu .t-menu-item{padding:.45em .65em;cursor:pointer;background:none;border:none;border-radius:.5em;text-align:left}.t-playback-speed-menu .t-menu-item:hover{background-color:#007df9;color:#fff}.t-message-list{position:relative;width:100%;height:100%;display:flex;flex-direction:column-reverse;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;padding:16px;scroll-snap-type:y mandatory;scrollbar-color:rgba(0,0,0,.2) transparent}.t-message-list:hover{scrollbar-color:rgba(0,0,0,.4) transparent}.t-message-list:active{scrollbar-color:rgba(0,0,0,.6) transparent}.t-message-group{display:flex;flex-direction:column-reverse}:is(.t-chatbox,.t-conversation-list,t-chatbox,t-conversation-list) .t-panel{display:flex;justify-content:center;align-items:center;flex-direction:column;width:100%;height:100%;text-align:center;padding:25px;-webkit-font-smoothing:subpixel-antialiased;overflow-x:hidden;font-size:.95em;font-family:Inter,sans-serif}:is(.t-chatbox,.t-conversation-list,t-chatbox,t-conversation-list) .t-error-panel{display:flex;align-items:center;justify-content:center;gap:1.25em;width:100%;height:100%;padding:2em;color:#525252;text-align:center}:is(:is(.t-chatbox,.t-conversation-list,t-chatbox,t-conversation-list) .t-error-panel) .t-heading{font-size:1.5em;font-weight:500}:is(:is(.t-chatbox,.t-conversation-list,t-chatbox,t-conversation-list) .t-error-panel) p{padding:0;margin:0;text-wrap:balance}.t-attach-overlay{z-index:2;width:100%;height:100%;padding:16px;background-color:#64646480;display:flex;justify-content:center;align-items:center}.t-upload-preview .t-preview{position:relative;background-color:#fff;border-radius:1rem;max-width:750px;width:100%;display:inline-block;overflow:auto;overscroll-behavior:contain;padding:.5rem}@media screen and (max-width: 500px){.t-upload-preview .t-preview{width:85%}}:is(.t-upload-preview .t-preview) .t-video-container,:is(.t-upload-preview .t-preview) .t-img-container{text-align:center;background-color:#0000001a}:is(.t-upload-preview .t-preview) video,:is(.t-upload-preview .t-preview) img{display:block;max-width:100%;max-height:400px;margin-left:auto;margin-right:auto}:is(.t-upload-preview .t-preview) .t-location-upload-preview{width:100%;background-color:#0000001a;padding-bottom:calc((400 / 600) * 100%);display:block}.t-upload-preview .t-cancel-row{text-align:right;position:sticky;top:8px;padding-right:8px;z-index:2;margin-bottom:-38px}.t-upload-preview .t-filename-row{white-space:pre-wrap;word-break:break-all;padding:.5rem 1rem 0}.t-is-file:is(.t-upload-preview .t-filename-row){display:flex;justify-content:center;align-items:center;min-height:250px;padding-top:32px;padding-bottom:32px;text-align:center;background-color:#0000001a;border-radius:1rem;margin-bottom:1rem}:is(.t-upload-preview .t-filename-row) .t-file-block{background-color:#fff;padding:16px 32px;border-radius:8px;display:inline-block}.t-upload-preview .t-error-row{border-width:.125rem;border-radius:1rem;padding:1rem;background-color:#fec8c866;border-color:transparent;color:#ef4444;white-space:normal}.t-upload-preview .t-send-row{position:sticky;bottom:0;padding:1rem;display:flex;justify-content:space-between}.t-upload-preview .t-cancel{border:0;border-radius:.5rem;padding:.75rem 1rem;cursor:pointer;color:currentColor}.t-upload-preview .t-confirm-send{margin-left:auto;border:0;border-radius:.5rem;padding:.75rem 1rem;cursor:pointer}.t-upload-preview .t-loading{height:80px;width:100%;display:flex;align-items:center;justify-content:center;color:#007df9}.t-upload-preview .t-preview,.t-upload-preview .t-send-row{background:#fff}.t-upload-preview .t-confirm-send{background-color:#007df9;color:#fff}.t-chatbox-content{flex-direction:column;margin:0;position:relative;width:100%;height:100%;display:flex;overflow-y:hidden}.t-chatbox-content>.t-attach-overlay{position:absolute;width:100%;height:100%;top:0;left:0}.t-chatbox-content>.t-drop-overlay{pointer-events:none}:is(.t-chatbox-content>.t-drop-overlay) .t-theme-icon{color:#1e1e1e80;width:300px;height:300px}.t-conversation-list-scrollable{overflow-y:auto;overscroll-behavior:contain;height:100%}.t-conversation-list-content{display:flex;flex-direction:column;height:100%}.t-global-search-results[t-status=loaded]{overflow-y:auto;height:100%;background-color:#fff}.t-global-search-results[t-status=empty]{padding:2rem;text-align:center;color:#888;font-size:.9rem}.t-global-search-results[t-status=loading]{padding:2rem;text-align:center;color:#888;font-size:.9rem;display:flex;align-items:center;justify-content:center;gap:.5rem}.t-global-search-results .t-section .t-theme-conversation-list-item:last-child{margin-bottom:0}html:is(html):is(html):is(html):is(html):is(html) :where(.t-chatbox *:not(svg,svg *,.ProseMirror)){all:revert-layer}html:is(html):is(html):is(html):is(html):is(html) :where(.t-conversation-list *:not(svg,svg *)){all:revert-layer}html:is(html):is(html):is(html):is(html):is(html) :where(.t-inbox *:not(svg,svg *)){all:revert-layer}html:is(html):is(html):is(html):is(html):is(html) :where(t-chatbox *:not(svg,svg *,.ProseMirror)){all:revert-layer}html:is(html):is(html):is(html):is(html):is(html) :where(t-conversation-list *:not(svg,svg *,.ProseMirror)){all:revert-layer}html:is(html):is(html):is(html):is(html):is(html) :where(t-inbox *:not(svg,svg *,.ProseMirror)){all:revert-layer}t-chatbox,t-conversation-list{display:block}t-chatbox,t-conversation-list,t-inbox,.t-chatbox,.t-conversation-list,.t-inbox,.t-tooltip{font-family:Twemoji Country Flags,Inter,sans-serif;font-synthesis:initial;text-align:left;font-size:14px;font-weight:400;line-height:1.37;color:#111;letter-spacing:normal;margin:0;position:relative;box-shadow:none;box-sizing:border-box;overflow:hidden;max-height:100vh;max-height:100dvh;max-width:100vw;max-width:100dvw}:is(t-chatbox,t-conversation-list,t-inbox,.t-chatbox,.t-conversation-list,.t-inbox,.t-tooltip) button{font-family:inherit;font-size:1em}:is(t-chatbox,t-conversation-list,t-inbox,.t-chatbox,.t-conversation-list,.t-inbox,.t-tooltip) *,:is(t-chatbox,t-conversation-list,t-inbox,.t-chatbox,.t-conversation-list,.t-inbox,.t-tooltip) *:before,:is(t-chatbox,t-conversation-list,t-inbox,.t-chatbox,.t-conversation-list,.t-inbox,.t-tooltip) *:after{box-sizing:border-box}:is(t-chatbox,t-conversation-list,t-inbox,.t-chatbox,.t-conversation-list,.t-inbox,.t-tooltip) svg{fill:currentColor}:is(t-chatbox,t-conversation-list,t-inbox,.t-chatbox,.t-conversation-list,.t-inbox,.t-tooltip) em{font-style:italic}:is(t-chatbox,t-conversation-list,t-inbox,.t-chatbox,.t-conversation-list,.t-inbox,.t-tooltip) strong{font-weight:700}:is(t-chatbox,t-conversation-list,t-inbox,.t-chatbox,.t-conversation-list,.t-inbox,.t-tooltip) del{text-decoration:line-through}:is(t-chatbox,t-conversation-list,t-inbox,.t-chatbox,.t-conversation-list,.t-inbox,.t-tooltip) code{font-family:Cascadia Code,Droid Sans Mono,Menlo,Consolas,Lucida Console,Monaco,monospace;font-variant-ligatures:none}t-chatbox,.t-chatbox,t-conversation-list,.t-conversation-list{background-color:#fff;border:1px solid #d4d4d4;border-radius:.75em}t-conversation-list,.t-conversation-list{width:300px;height:600px}t-chatbox,.t-chatbox{width:400px;height:600px}t-inbox,.t-inbox{display:flex;flex-direction:row;gap:10px;width:1010px;height:600px;max-width:100%}t-inbox>.t-chatbox,.t-inbox>.t-chatbox{flex:1 1 auto;width:600px;height:100%}[t-mobile-inbox] .t-chatbox{width:100%}t-inbox>.t-conversation-list,.t-inbox>.t-conversation-list{flex:0 1 auto;height:100%}[t-mobile-inbox] .t-conversation-list{width:100%}[t-mobile-inbox=conversation-list] .t-chatbox,[t-mobile-inbox=chatbox] .t-conversation-list{display:none}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.t-tooltip{position:absolute;width:max-content;top:0;left:0;max-width:150px;padding:4px 8px;background:#333;color:#fff;border-radius:4px;font-size:13px;pointer-events:none;z-index:9999;text-align:center}.t-theme-chat-header{display:flex;align-items:center;height:4.5em;background-color:#ececec;border-bottom:1px solid #d4d4d4;flex-shrink:0}.t-theme-chat-header .t-inner{flex-grow:1;flex-basis:0;display:flex;align-items:center;padding-left:1em;padding-right:1em;min-width:0}.t-theme-chat-header .t-content{flex-grow:1;display:flex;align-items:center;min-width:0}.t-theme-chat-header .t-image{width:45px;text-align:center;margin-right:.75em;flex-shrink:0}.t-theme-chat-header .t-info{flex-grow:1;flex-basis:0;min-width:0}.t-theme-chat-header .t-title{font-weight:600;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;padding:3px}.t-theme-chat-header .t-subtitle{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;font-size:85%;margin-left:4px}.t-theme-chat-header .t-user{display:inline-block;vertical-align:middle}.t-theme-chat-header .t-online-indicator{display:inline-block;width:.75em;height:.75em;border-radius:100%;margin:0 .75em -1px .275em}.t-theme-chat-header .t-online-indicator[t-status=online]{background-color:#22c55e}.t-theme-chat-header .t-online-indicator[t-status=offline]{background-color:#fff;-webkit-box-shadow:inset 0 0 0 1px rgba(50,50,50,.4);box-shadow:inset 0 0 0 1px #32323266}.t-theme-chat-header .t-actions{display:flex;gap:.5rem;align-items:center;flex-shrink:0;margin-left:auto}.t-theme-chat-header .t-action-button{background-color:transparent;border:none;outline:none;color:inherit;cursor:pointer;display:flex;align-items:center;justify-content:center;color:#1119;transition:.2s ease-out;box-sizing:content-box;padding:0;margin:-.5rem;width:2.5rem;height:2.5rem}.t-theme-chat-header .t-action-button:hover{color:#111c}.t-theme-chat-header .t-back-button{display:none;margin-left:-.5em;margin-right:.5em;width:36px;height:36px;padding:0;border:0;border-radius:9999px;cursor:pointer;justify-content:center;align-items:center;background:transparent;color:currentColor;opacity:.75;transition:.15s ease-out}.t-theme-chat-header .t-back-button:hover,.t-theme-chat-header .t-back-button:focus{background-color:#2626260d;color:#007df9;opacity:1}[t-mobile-inbox] .t-theme-chat-header .t-back-button{display:inline-flex}.t-theme-message{display:block;margin-top:.35em}.t-theme-message:last-child{margin-top:1.35em}.t-theme-message:not(:last-child) .t-message-sender-name{display:none}.t-theme-message:not(:last-child) .t-theme-avatar{visibility:hidden}.t-theme-message[t-sender=system]{margin-top:1.35em}.t-theme-message[t-sender=system]+.t-theme-message[t-sender=system]{margin-top:.5em}.t-theme-message:has(.t-reactions):has(+.t-theme-message){margin-bottom:.75em}.t-theme-message .t-message-row{display:flex;align-items:center;gap:.5em}.t-theme-message[t-sender=currentUser] .t-message-row{flex-direction:row-reverse}.t-theme-message .t-message-body{white-space:normal;overflow:hidden;border-radius:.75em;border-width:1px;border-style:solid;word-wrap:break-word;position:relative;display:inline-block;max-width:calc(100% - 6.5em);border-color:#ececec;background-color:#f7f7f7;color:#111;padding:.75em 1em}.t-theme-message .t-message-body .t-theme-referenced-message{border-left:solid 2px;margin-bottom:.4em;font-size:93%;padding:0 .55em}.t-theme-message[t-sender=currentUser] .t-message-body{border-color:#007df9;background-color:#007df9;color:#fff}.t-theme-message .t-message-body .t-message-content{display:contents;margin-top:.75em}.t-theme-message .t-message-body:has(.t-theme-audio-block,.t-theme-voice-block,.t-theme-location-block){width:100%}.t-theme-message .t-message-body:not(:has(.t-message-sender-name,.t-theme-referenced-message,.t-theme-text-block:first-child,.t-theme-file-block:first-child)){padding-top:0}.t-theme-message .t-message-body:not(:has(.t-theme-text-block:first-child,.t-theme-file-block:first-child)) .t-message-sender-name{margin-bottom:.75em}.t-theme-message button[t-action]{border-radius:.375em;font-size:inherit;margin:1px 0;padding:.25em .325em;cursor:pointer;transition:color .2s ease-in-out,background-color .2s ease-in-out,border .2s ease-in-out}.t-theme-message[t-sender=currentUser] button[t-action]{color:#0761d1;background-color:#fff;border:1px solid white}.t-theme-message[t-sender=currentUser] button[t-action]:hover,.t-theme-message[t-sender=currentUser] button[t-action]:active{color:inherit;background-color:transparent}.t-theme-message[t-sender=currentUser] button[t-action]:focus-visible{outline:white solid 2px;outline-offset:2px}.t-theme-message[t-sender=other] button[t-action]{color:#111;background-color:transparent;border:1px solid #525252}.t-theme-message[t-sender=other] button[t-action]:hover{color:#fff;background-color:#111;border:1px solid #111}.t-theme-message[t-sender=other] button[t-action]:active{color:#fff;background-color:#404040;border:1px solid #404040}.t-theme-message[t-sender=other] button[t-action]:focus-visible{outline:#525252 solid 2px;outline-offset:2px}.t-theme-message[t-sender=system] button[t-action]{color:#fff;background-color:#007df9;border:1px solid #007df9}.t-theme-message[t-sender=system] button[t-action]:hover{color:#fff;background-color:#0761d1;border:1px solid #0761d1}.t-theme-message[t-sender=system] button[t-action]:active{color:#fff;background-color:#3291ff;border:1px solid #3291ff}.t-theme-message[t-sender=system] button[t-action]:focus-visible{outline:#007df9 solid 2px;outline-offset:2px}.t-theme-message .t-message-sender-name{font-size:75%;font-weight:700}.t-theme-message .t-reactions{margin-top:.25em;display:flex;flex-wrap:wrap;gap:.25em}.t-theme-message[t-sender=currentUser] .t-reactions{justify-content:flex-end;margin-right:.75em}.t-theme-message[t-sender=other] .t-reactions{margin-left:3.75em}.t-theme-message[t-sender=system] .t-message-body{background:transparent;width:100%;max-width:none;border:none}.t-theme-message[t-sender=system] .t-message-row{white-space:normal;border-radius:.75em;overflow:hidden;white-space:pre-wrap;background-color:transparent;color:#111;border:1px solid #d4d4d4}.t-theme-message .t-message-content a{color:currentColor}.t-theme-message .t-message-status{display:inline-flex;font-size:75%;float:right;margin-left:2em;margin-top:.6em;opacity:75%;min-width:3.5ch;text-align:right}.t-theme-message .t-message-loading-spinner{animation:spin 1.2s cubic-bezier(.42,0,.58,1) infinite;width:1em;height:1em}.t-theme-message .t-status-icon{margin-left:.25em;letter-spacing:-.3em;min-width:1em}.t-theme-message .t-message-row>button{border:none;width:36px;height:36px;padding:8px;border-radius:9999px;border:0;color:inherit;opacity:.75;cursor:pointer;font-size:120%;background:inherit}.t-theme-message .t-message-row>button:hover,.t-theme-message .t-message-row>button:focus{color:#0761d1}.t-theme-message .t-message-row>button:focus-visible{outline:0;box-shadow:0 0 0 2px #007df97f}@media (hover: hover){.t-theme-message .t-message-row>button{opacity:0}.t-theme-message .t-message-row:hover>button,.t-theme-message .t-message-row:focus-within>button{opacity:.75}}@media (hover: none){.t-theme-message .t-message-row>button{opacity:.0001%}.t-theme-message .t-message-row:hover>button,.t-theme-message .t-message-row:focus-within>button{opacity:100%}}.t-message-action-menu-button .t-action-menu-icon{width:1.143em;height:1.143em}.t-theme-message[t-status=sending] .t-message-action-menu-button,.t-theme-message[t-status=sending] .t-add-reaction-button{visibility:hidden}.t-theme-message .t-emoji-reactions{margin-top:.25em;margin-bottom:.5em;display:flex;flex-wrap:wrap;gap:.25em}.t-theme-message[t-sender=currentUser] .t-emoji-reactions{justify-content:flex-end;margin-right:3.5em}.t-theme-message[t-sender=other] .t-emoji-reactions{margin-left:3.5em}.t-theme-message .t-reaction-button{border:1px solid transparent;margin:0;padding:.2em .55em;border-radius:8em;background-color:#e8ecee;user-select:none;-webkit-user-select:none}.t-theme-message .t-reaction-button>*{pointer-events:none}.t-theme-message .t-reaction-button[t-active]{background:#1e60e1;border:1px solid transparent;color:#fff}.t-theme-message .t-reaction-button[t-active]:hover{background:#1e60e1;border:1px solid transparent}.t-theme-message .t-reaction-button span{display:inline-block;vertical-align:middle}.t-theme-message .t-reaction-button .t-emoji{font-size:1.25em}.t-theme-message .t-reaction-button .t-num-reactions{padding-left:.25em;font-size:.85em;font-variant-numeric:tabular-nums;letter-spacing:-.075em}.t-theme-message .t-reaction-picker{width:300px;height:200px;margin:0 10px;border-radius:.75em;border:1px solid #d4d4d4;overflow:hidden}.t-theme-message .t-mention{line-height:1.5;color:inherit;margin:0;border-radius:9999px;padding:.25rem .45rem}.t-theme-message .t-mention[t-is-current-user]{font-weight:700}.t-theme-message[t-sender=currentUser] .t-mention{background-color:#fff3}.t-theme-message[t-sender=currentUser] .t-mention[t-is-current-user]{background-color:#fff6}.t-theme-message[t-sender=other] .t-mention{background-color:#dcdcdc80}.t-theme-message[t-sender=other] .t-mention[t-is-current-user]{background-color:#dcdcdce6}@keyframes focus-animation{0%{background-color:#007df9}to{background-color:#007df900}}.t-theme-message[t-focused]{animation:focus-animation 3s cubic-bezier(0,.77,.57,1)}.t-theme-message[t-sender=currentUser] .t-highlighted-text{background-color:#111;color:#fff;filter:invert()}.t-theme-message[t-sender=other] .t-highlighted-text{background-color:#fff;filter:invert()}.t-theme-message-action-menu{display:flex;flex-direction:column;background-color:#fff;color:#111;border:1px solid #d4d4d4;border-radius:.75em;box-shadow:0 8px 24px #73737333;padding:.35em}.t-theme-message-action-menu .t-menu-item{padding:.45em .65em;cursor:pointer;background:none;border:none;border-radius:.5em;text-align:left}.t-theme-message-action-menu .t-menu-item:hover,.t-theme-message-action-menu .t-menu-item:focus{background-color:#007df9;color:#fff;outline:none}.t-theme-message-action-menu .t-menu-item.t-danger{color:#ef4444}.t-theme-message-action-menu .t-menu-item.t-danger:hover,.t-theme-message-action-menu .t-menu-item.t-danger:focus{background-color:#fec8c866;color:#ef4444;outline:none}.t-theme-message-field{display:flex;flex-direction:column}.t-theme-message-field[t-mode=send]{max-height:calc(100% - 100px)}.t-theme-message-field[t-mode=edit]{margin:.75em 0}.t-theme-message-field .t-wrapper{flex-shrink:0;position:relative;padding:16px;color:#111;font-size:16px;background-color:#ececec;border-top:#d4d4d4 solid 1px;max-width:100%;width:100%;margin:0 auto;z-index:2}.t-theme-message-field[t-mode=edit] .t-wrapper{border:#d4d4d4 solid 1px;border-radius:.75em}.t-theme-message-field .t-emoji-suggest-bar{width:100%;padding:.5rem;display:flex;overflow:auto hidden;overscroll-behavior:contain;height:60px;margin-top:-60px;flex-shrink:0;align-items:center;background-color:#ececec;border-top:#d4d4d4 solid 1px;z-index:1}.t-theme-message-field .t-emoji-suggest-bar button{display:flex;align-items:center;justify-content:center;border:none;background:none;cursor:pointer;font-size:1.375rem;width:2.375rem;height:2.375rem;padding:0 5px;border-radius:.5rem}.t-theme-message-field .t-emoji-suggest-bar button[t-focused]{background-color:#d4d4d4}.t-theme-message-field[t-mode=edit] .t-emoji-suggest-bar{border:#d4d4d4 solid 1px;border-radius:.75em .75em 0 0}.t-theme-message-field[t-mode=edit]:has(.t-emoji-suggest-bar) .t-wrapper{border-radius:0 0 .75em .75em;border-top:none}.t-theme-message-field .t-mention-suggest-list{width:auto;max-width:100%;max-height:150px;display:flex;flex-direction:column;overflow-x:auto;background-color:#fff;color:#111;border:1px solid #d4d4d4;border-radius:.75em;box-shadow:0 8px 24px #73737333;padding:.5em}.t-theme-message-field .t-mention-suggest-list button{display:flex;align-items:center;border:none;background:none;cursor:pointer;border-radius:4px;white-space:nowrap;width:100%;height:2rem;min-height:2rem;padding:0 .25rem;color:#111}.t-theme-message-field .t-mention-suggest-list button:hover,.t-theme-message-field .t-mention-suggest-list button.focused{background-color:#007df9;color:#fff}.t-theme-message-field .t-edit-row{display:flex;gap:.5em;margin-left:auto}.t-theme-message-field .t-edit-row button{display:inline-block;padding:.5rem 1rem;border:0;border-radius:.5rem;cursor:pointer;background-color:#1111111a;color:#111}.t-theme-message-field .t-edit-row button[t-action=save]{background-color:#007df9;color:#fff}.t-theme-message-field .t-edit-row button[t-action=save]:disabled{cursor:initial;background-color:#888;color:#fff}.t-theme-message-field .t-text-form{width:100%;max-width:100%;margin:0 auto;display:flex}.t-theme-message-field[t-mode=edit] .t-text-form{flex-direction:column;gap:.5em}.t-theme-message-field .t-editor .t-text-input{min-height:3.3em;max-height:9em;border-radius:.65em;border:1px solid white;background-color:#fff;display:block;resize:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;word-break:break-word;white-space:pre-wrap;padding:0 44px 0 1em;transition:box-shadow .15s ease-out}.t-theme-message-field .t-editor .t-text-input:focus-visible{border-color:#fff;outline:#a3a3a3 solid 1px}.t-theme-message-field .t-editor .t-text-input p{margin:.875em 0;padding:0;border:0;outline:0}.t-theme-message-field .t-editor .t-mention{color:#007df9}.t-theme-message-field .t-send-column{flex-grow:0;flex-shrink:0;white-space:nowrap;align-self:center;display:flex}.t-theme-message-field .t-textbox-column{position:relative;flex-grow:1;margin-right:.28em}.t-theme-message-field .t-send-column button{width:2.571em;height:2.571em;padding:.571em;border:0;border-radius:9999px;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;background:transparent;color:currentColor;opacity:.75;transition:.15s ease-out}.t-theme-message-field .t-send-column button:hover,.t-theme-message-field .t-send-column button:focus{background-color:#2626260d}.t-theme-message-field .t-send-column button:focus-visible{outline:0;box-shadow:0 0 0 2px #007df97f}.t-theme-message-field .t-send-column button[disabled]{color:currentColor;opacity:.5}.t-theme-message-field .t-send-column button[disabled]:hover{background-color:transparent}.t-theme-message-field .t-text-limit-indicator{opacity:.5;font-size:75%;margin:-.75em 0 .5em 2px}.t-theme-message-field .t-readonly{opacity:.5;user-select:none}.t-theme-message-field .t-button-overlay{position:absolute;right:0;top:0;bottom:0;margin-right:8px;display:flex;align-items:center}.t-theme-message-field [t-kind=icon-button]{width:36px;height:36px;padding:8px;border:0;border-radius:9999px;cursor:pointer;display:inline-flex;justify-content:center;align-items:center;background:transparent;color:currentColor;opacity:.75;transition:.15s ease-out}.t-theme-message-field [t-kind=icon-button]:hover,.t-theme-message-field [t-kind=icon-button]:focus{background-color:#2626260d;color:#007df9;opacity:1}.t-theme-message-field [t-kind=icon-button]:focus-visible{outline:0;box-shadow:0 0 0 2px #007df97f}.t-theme-message-field .t-emoji-picker-wrapper{width:100%;height:350px;overflow:hidden;flex-shrink:1;border-top:1px solid #d4d4d4}.t-theme-voice-recorder{display:contents}.t-theme-voice-recorder .t-close-button{margin-right:.4em;align-self:center}.t-theme-voice-recorder .t-textbox-column{display:flex;flex:1;align-items:center;justify-content:space-between;padding:1.1em;background-color:#fff;border-radius:.75em;border-width:1px;border-color:#fff;height:3.3em;max-height:3.3em;overflow:hidden}.t-theme-voice-recorder .t-waveform{flex-grow:1;z-index:0;width:100%;margin:.77em 0;margin-left:1ex;position:relative}.t-theme-voice-recorder .t-duration{margin:1ex}.t-theme-voice-recorder .t-stop-icon{color:#ef4444}.t-theme-recording-preview{display:contents}.t-theme-recording-preview .t-close-button{margin-right:.4em;align-self:center}.t-theme-recording-preview .t-send-button:hover,.t-theme-recording-preview .t-close-button:hover{color:#007df9;opacity:1}.t-theme-recording-preview .t-textbox-column{padding:0 1.1em;background-color:#fff;border-radius:.75em;border-width:1px;border-color:#fff;height:3.3em;max-height:3.3em;overflow:hidden}.t-theme-recording-preview .t-audio-player{padding:0;height:3.3em}.t-theme-recording-preview .t-loading{padding:7px}.t-theme-recording-preview .t-spinner{width:24px;height:24px;animation-name:t-recording-preview-spin;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear}@keyframes t-recording-preview-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.t-theme-recording-preview .t-error-msg{white-space:normal;color:#ef4444}.t-theme-icon{display:inline-block;vertical-align:middle;overflow:hidden}.t-message-divider{width:100%;margin:1.3em .5em 0;display:grid;grid-template-columns:1fr max-content 1fr;color:#95a7b1}.t-message-divider span{vertical-align:top;white-space:nowrap;height:1.3em;padding:0 20px}.t-message-divider .t-line[t-side=right]{display:grid;grid-template-columns:1fr max-content;gap:10px;grid-column:3}.t-message-divider .t-line .t-line-segment{height:0;width:100%;margin-top:10px;border:none;border-bottom:1px solid #95a7b1}.t-message-divider .t-line .t-unread-marker{position:relative;top:-4px;height:28px;padding:3px 10px;border-radius:100px;border:1px solid #95a7b1;vertical-align:middle}.t-theme-after-messages{display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:.5em;margin-top:1.35em}.t-theme-after-messages .t-typing-avatars{display:flex;flex-direction:row;align-items:left;justify-content:center;width:fit-content}.t-theme-after-messages .t-typing-avatars>.t-theme-avatar{width:2.6em;height:2.6em;display:flex;align-items:center;justify-content:center;color:#111;line-height:2.6em;vertical-align:text-top;font-size:.75em}.t-theme-after-messages .t-typing-avatars>.t-theme-avatar:not(:last-child){margin-right:-.66em}.t-theme-after-messages .t-typing-bubble{display:flex;flex-direction:row;justify-content:center;align-items:center;border-radius:1em;background-color:#f7f7f7;border:1px solid #ececec;color:#111;padding:0 1em;font-size:.75em}.t-theme-after-messages .t-typing-animation{display:flex;flex-direction:row;align-items:center;gap:4px;height:2.6em;line-height:2.6em}.t-theme-after-messages .t-typing-animation span{height:6px;width:6px;background-color:#737373;display:inline-block;border-radius:50%;opacity:.4}.t-theme-after-messages .t-typing-animation span:nth-of-type(1){animation:1s blink infinite .3333s}.t-theme-after-messages .t-typing-animation span:nth-of-type(2){animation:1s blink infinite .6666s}.t-theme-after-messages .t-typing-animation span:nth-of-type(3){animation:1s blink infinite .9999s}@keyframes blink{50%{opacity:1}}.t-theme-no-conversation-selected{display:none}.t-inbox .t-theme-no-conversation-selected,t-inbox .t-theme-no-conversation-selected{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:2em;color:#95a7b1;text-align:center}.t-theme-audio-block{display:contents;width:100%;min-width:25ch}.t-theme-audio-block .t-audio-player{margin-bottom:.5em}.t-theme-audio-block .t-attachment-icon{width:1em;height:1em;margin-right:.2em}.t-theme-audio-block .t-filesize{font-size:.8em}.t-theme-file-block{display:contents}.t-theme-file-block a{word-break:break-all;text-decoration:none}.t-theme-file-block .t-filename{text-decoration:underline}.t-theme-file-block .t-attachment-icon{width:1em;height:1em;margin-right:.2em}.t-theme-file-block .t-filesize{white-space:nowrap;font-size:75%}.t-theme-file-block .t-loading-spinner{animation:spin 1.2s cubic-bezier(.42,0,.58,1) infinite;display:block;margin:auto;width:4em;height:4em}.t-theme-image-block{display:contents}.t-theme-image-block .download-icon{width:1em;height:1em;margin-right:.2em}.t-image-wrapper{display:block;height:auto;min-height:40px;max-height:400px}.t-theme-image-block .t-root{display:flex;justify-content:center;align-items:center;min-height:inherit;max-height:inherit;height:auto;max-width:min(calc(100% + 2em),calc(var(--img-w) * 1px));width:calc(100% + 2em);transform:translate(-1em);aspect-ratio:var(--img-w) / var(--img-h);overflow:hidden;margin:0 auto .5em}.t-theme-image-block .t-image{width:100%;height:100%;max-width:calc(var(--img-w) * 1px);max-height:calc(var(--img-h) * 1px);object-fit:contain}.t-theme-image-block .t-filesize{font-size:.8em}.t-theme-location-block{display:contents;min-height:100px;max-height:500px}.t-theme-location-block .t-root{display:block;height:200px;margin:0 -1em .5em}.t-theme-text-block{display:contents}.t-theme-text-block .t-text .t-emoji{height:1.15em;width:1.15em;margin:0 .1em .1em;vertical-align:middle}.t-theme-text-block .t-text{white-space:pre-wrap}.t-theme-text-block ul{padding-left:0;margin:0}.t-theme-text-block ul li{margin-left:1em;margin-bottom:.5em}.t-theme-video-block{display:contents}.t-theme-video-block .download-icon{width:1em;height:1em;margin-right:.2em}.t-video-wrapper{display:block;height:auto;min-height:40px;max-height:400px}.t-theme-video-block .t-root{display:flex;justify-content:center;align-items:center;min-height:inherit;max-height:inherit;height:auto;max-width:min(calc(100% + 2em),calc(var(--video-w) * 1px));width:calc(100% + 2em);transform:translate(-1em);aspect-ratio:var(--video-w) / var(--video-h);overflow:hidden;margin:0 auto .5em}.t-theme-video-block .t-video{width:100%;height:100%;max-width:calc(var(--video-w) * 1px);max-height:calc(var(--video-h) * 1px);object-fit:contain;background-color:#000000d9}.t-theme-video-block .t-filesize{font-size:.8em}.t-theme-conversation-list-item{color:#525252;text-decoration:none;width:100%;height:auto;padding:1.14em;border:none;border-bottom:1px solid #d4d4d4;background-color:transparent;overflow:hidden;display:flex;align-items:center;gap:.57rem;word-wrap:break-word;transition:color .1s ease-in-out,background-color .1s ease-in-out;background-color:#fff;text-align:initial}.t-theme-conversation-list-item a{color:#525252}.t-theme-conversation-list-item[t-selected] a{color:#fff}.t-theme-conversation-list-item:last-child{margin-bottom:.68em}.t-theme-conversation-list-item:hover{background-color:#f7f7f7;cursor:pointer}.t-theme-conversation-list-item[t-selected]{color:#fff;background-color:#007df9}.t-theme-conversation-list-item[t-selected]:focus-visible{outline:#fff .142em solid;outline-offset:-.29em;border-bottom:0}.t-theme-conversation-list-item:focus-visible{outline:#3291ff .14em solid;outline-offset:-.14em}.t-theme-conversation-list-item[t-unread]{background-color:#f7f7f7;color:#111}.t-theme-conversation-list-item[t-selected][t-unread]{color:#fff;background-color:#007df9}.t-theme-conversation-list-item .t-inner{margin-left:.74em;flex-basis:0;flex-grow:1;min-width:0}.t-theme-conversation-list-item .t-header,.t-theme-conversation-list-item .t-body{display:flex;align-items:center;flex-grow:1;flex-shrink:0;min-width:0;overflow:hidden}.t-theme-conversation-list-item .t-message-sender{margin-right:.23em}.t-theme-conversation-list-item .t-timestamp{font-size:85%;opacity:.75}.t-theme-conversation-list-item .t-timestamp,.t-theme-conversation-list-item .t-unread-dot{flex-shrink:0;margin-left:.29em}.t-theme-conversation-list-item .t-conversation-name{font-weight:600}.t-theme-conversation-list-item .t-conversation-name,.t-theme-conversation-list-item .t-message{flex-grow:1;font-size:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-theme-conversation-list-item .t-message{opacity:.75;flex-basis:0}.t-theme-conversation-list-item .t-unread-dot{display:flex;align-items:center;justify-content:center;padding:0 .46em;border-radius:9999px;height:1.43em;width:auto;min-width:1.43em;text-align:center;line-height:inherit;font-size:85%;color:#fff;background-color:#007df9}.t-theme-conversation-list-item .t-unread-generic-dot{padding:.6ex;transform:scale(.999);border-radius:999px;background-color:#007df9}.t-theme-conversation-list-item[t-selected] .t-unread-generic-dot{padding:.6ex;transform:scale(.999);border-radius:999px;background-color:#fff}.t-theme-conversation-list-item[t-selected] .t-unread-dot{color:#007df9;background-color:#fff}.t-theme-conversation-list-item .t-unread-dot:empty{padding:0;min-width:.68em;min-height:.68em}.t-theme-global-search-result-item{color:#525252;text-decoration:none;width:100%;height:auto;padding:1.14em;border:none;border-bottom:1px solid #d4d4d4;background-color:transparent;overflow:hidden;display:flex;align-items:center;gap:.57em;word-wrap:break-word;transition:color .1s ease-in-out,background-color .1s ease-in-out;background-color:#fff;text-align:initial}.t-theme-global-search-result-item a{color:#525252}.t-theme-global-search-result-item[t-selected] a{color:#fff}.t-theme-global-search-result-item:last-child{margin-bottom:.68em}.t-theme-global-search-result-item:hover{background-color:#f7f7f7;cursor:pointer}.t-theme-global-search-result-item[t-selected]{color:#fff;background-color:#007df9}.t-theme-global-search-result-item[t-selected]:focus-visible{outline:#fff .14em solid;outline-offset:-.28em;border-bottom:0}.t-theme-global-search-result-item:focus-visible{outline:#3291ff .14em solid;outline-offset:-.14em}.t-theme-global-search-result-item[t-unread]{background-color:#f7f7f7;color:#111}.t-theme-global-search-result-item[t-selected][t-unread]{color:#fff;background-color:#007df9}.t-theme-global-search-result-item .t-inner{margin-left:.74em;flex-basis:0;flex-grow:1;min-width:0}.t-theme-global-search-result-item .t-header,.t-theme-global-search-result-item .t-body{display:flex;align-items:center;flex-grow:1;flex-shrink:0;min-width:0;overflow:hidden}.t-theme-global-search-result-item .t-message-sender{margin-right:.22em}.t-theme-global-search-result-item .t-timestamp{font-size:85%;opacity:.75}.t-theme-global-search-result-item .t-timestamp,.t-theme-global-search-result-item .t-unread-dot{flex-shrink:0;margin-left:.28em}.t-theme-global-search-result-item .t-conversation-name{font-weight:600}.t-theme-global-search-result-item .t-conversation-name,.t-theme-global-search-result-item .t-message{flex-grow:1;font-size:85%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-theme-global-search-result-item .t-message{opacity:.75;flex-basis:0}.t-theme-global-search-result-item .t-unread-dot{display:flex;align-items:center;justify-content:center;padding:0 .46em;border-radius:9999px;height:20px;width:auto;min-width:20px;text-align:center;line-height:inherit;font-size:85%;color:#fff;background-color:#007df9}.t-theme-global-search-result-item .t-unread-generic-dot{padding:.6ex;transform:scale(.999);border-radius:999px;background-color:#007df9}.t-theme-global-search-result-item[t-selected] .t-unread-generic-dot{padding:.6ex;transform:scale(.999);border-radius:999px;background-color:#fff}.t-theme-global-search-result-item[t-selected] .t-unread-dot{color:#007df9;background-color:#fff}.t-theme-global-search-result-item .t-unread-dot:empty{padding:0;min-width:.74em;min-height:.74em}.t-theme-global-search-result-header{padding-bottom:1.14em;display:flex;justify-content:space-between;align-items:center}.t-theme-global-search-result-header .t-title{padding:.86em 1.14em .57em;font-weight:600;font-size:.86em;color:#888;text-transform:uppercase;letter-spacing:.05em}.t-theme-global-search-result-header .t-show-more{background:none;border:none;font-size:.86em;color:#06c;text-transform:none;cursor:pointer;padding:.86em 1.14em .57em;font-weight:500;letter-spacing:normal}.t-theme-global-search-result-header .t-show-more:hover:not(:disabled){color:#0052a3;text-decoration:underline}.t-theme-global-search-result-header .t-show-more:disabled{opacity:.6;cursor:not-allowed}.t-theme-global-search-box{display:flex;align-items:center;box-sizing:border-box;margin:.74em;border:1px solid #e0e0e0;border-radius:.57em;background-color:#f5f5f5;color:inherit;outline:none;transition:border-color .2s,background-color .2s}.t-theme-global-search-box .t-input{flex:1;border:none;outline:none;background:none;padding:.74em}.t-theme-global-search-box:focus-within{border-color:#bbb;background-color:#fff}.t-theme-global-search-box .t-input::-webkit-search-cancel-button{display:none}.t-theme-global-search-box .t-clear{background:none;border:none;cursor:pointer;color:#999;padding:.28em;border-radius:50%;display:flex;align-items:center;justify-content:center}.t-theme-global-search-box .t-clear:hover{background-color:#0000000d;color:#666}.t-theme-global-search-box .t-submit{background:none;border:none;width:2.28em;height:2.28em;padding:.28em;color:#999;border-radius:50%;display:flex}.t-theme-avatar{display:block;overflow:hidden;background-color:#ececec;background-size:cover;background-repeat:no-repeat;background-position:center center;border-style:solid;border-radius:50%;border-width:2px;border-color:#fff;flex-shrink:0;align-self:flex-start;width:3em;height:3em}.t-theme-group-chat-image{display:block;overflow:hidden;position:relative;width:44px;height:44px;flex-shrink:0}.t-theme-group-chat-image .t-mini-avatar{border-radius:50%;border-width:2px;border-color:#fff;border-style:solid;box-shadow:0 1px 1px #8899a626;width:30px;height:30px;position:absolute;background-color:#f7f7f7;background-position:center;background-size:cover}.t-theme-group-chat-image .t-mini-avatar:nth-child(1){right:0;top:14px}.t-theme-group-chat-image .t-mini-avatar:nth-child(2){left:0;top:0}.t-theme-group-chat-image .t-counter{border-radius:50%;border:2px solid #fff;font-weight:600;position:absolute;min-width:18px;min-height:18px;max-width:22px;max-height:22px;left:0;bottom:0;display:flex;justify-content:center;align-items:center;color:#111;padding:0}.t-theme-group-chat-image .t-group{border-style:none;color:#ececec}.t-theme-referenced-message{display:flex;flex-direction:column;cursor:pointer}.t-theme-referenced-message .t-sender-name{font-weight:600;margin-bottom:2px}.t-theme-referenced-message .t-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:.165em 0}.t-theme-referenced-message .t-content a{color:currentColor}.t-theme-reply-bar{height:4.286em;display:flex;align-items:center;background-color:#ececec;padding:.714em;color:#262626;border-top:#d4d4d4 solid 1px}.t-theme-reply-bar .t-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding:.165rem 0px}.t-theme-reply-bar .t-close-button{width:2.571em;height:2.571em;padding:.571em;border:0;border-radius:9999px;cursor:pointer;display:inline-flex;align-items:center;background:transparent;opacity:.75;transition:.15s ease-out}.t-theme-reply-bar .t-close-button:hover{background-color:#2626260d;color:#007df9;opacity:1}.t-theme-reply-bar .t-body{flex-grow:1;padding:0 1em;overflow:hidden;cursor:pointer;white-space:nowrap;text-overflow:ellipsis}.t-theme-reply-bar .t-sender-name{font-weight:600;padding-bottom:.165rem}.t-theme-reply-bar .t-close-icon,.t-theme-reply-bar .t-reply-icon{width:1.428em;height:1.428em;min-width:1.428em;min-height:1.428em}.t-theme-reply-bar .t-mention{line-height:1.5;background-color:#c8c8c880;color:inherit;margin:0;border-radius:9999px;padding:.25rem .45rem}.t-theme-reply-bar .t-mention[t-is-current-user]{font-weight:700;background-color:#c8c8c8e6}.t-theme-compact-message-content>.t-theme-icon{width:1.25em;height:1.25em;margin-right:.25em}.t-theme-compact-message-content .t-text{display:block;height:1em;height:1lh;overflow:hidden;text-overflow:ellipsis}.t-theme-compact-message-content .t-text ul{margin:0;padding:0}.t-theme-compact-message-content .t-text li{padding-left:.5em;list-style:inside;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-theme-chat-search-box{display:flex;align-items:center;flex-direction:row;flex-shrink:0;flex-grow:1;min-height:61px;padding:16px;background-color:transparent}.t-theme-chat-search-box .t-search-field{flex-grow:1;margin-right:15px;display:flex;flex-direction:column;padding:0 0 0 1rem}.t-theme-chat-search-box .t-search-field label{top:5px;color:#5b5b5b;font-size:.6em;font-weight:100;text-transform:uppercase;transition:opacity .2s linear}.t-theme-chat-search-box .t-search-field label[t-label-text=off]{opacity:0;z-index:-1}.t-theme-chat-search-box .t-search-field label[t-label-text=on]{opacity:1;position:absolute;align-self:center}.t-theme-chat-search-box .t-search-input{display:inline-block;width:95%;align-self:center;color:inherit;height:30px;padding:0;font-size:100%;border:none;border-radius:0;border-bottom:1px solid;border-bottom-color:#1111110d;background:transparent;transition:all .125s ease-in-out 0s}.t-theme-chat-search-box .t-search-input[type=search]::-webkit-search-cancel-button{display:none}.t-theme-chat-search-box .t-search-input:focus-visible{outline:none;border:0;border-bottom:1px solid;border-bottom-color:#1111114d}.t-theme-chat-search-box .t-button{display:inline-block;cursor:pointer;height:44px;outline:none;font-size:1em;font-weight:700;border:none;border-radius:4px;text-align:center;background:transparent;color:#111;padding:.1em .5em 0;transition:all .125s ease-in-out 0s}.t-theme-chat-search-box .t-button:hover{color:#111c}.t-theme-chat-search-box .t-previous-button,.t-theme-chat-search-box .t-next-button{padding:0 .25rem}.t-theme-chat-search-box .t-back-button{height:auto;padding:0}.t-theme-chat-search-box .t-back-button svg{fill:none}
package/default.js CHANGED
@@ -9048,8 +9048,13 @@ function qh(t) {
9048
9048
  return t.keyCode === rO && !t.shiftKey;
9049
9049
  }
9050
9050
  function Qo(t) {
9051
- const e = t.replace(/%2F/g, "/").replace(/^.*?\/([^/]+?)(?:\?.*)?$/, "$1");
9052
- return decodeURIComponent(e);
9051
+ const e = t.replace(/%2F/g, "/").replace(/^.*?\/([^/]+?)(?:\?.*)?$/, "$1"), n = decodeURIComponent(e);
9052
+ if (/%[0-9A-Fa-f]{2}/.test(n)) try {
9053
+ return decodeURIComponent(n.replace(/\+/g, "%20"));
9054
+ } catch (r) {
9055
+ return n;
9056
+ }
9057
+ return n;
9053
9058
  }
9054
9059
  function Jh(t, e) {
9055
9060
  return t.localeCompare(e, void 0, { usage: "search", sensitivity: "base" }) === 0;
@@ -16502,10 +16507,11 @@ function uT(t) {
16502
16507
  function pA(t) {
16503
16508
  const e = nt(), n = he(), r = nn(), i = te(n.referencedMessage$), o = te(n.state$.userPermissions), s = xo(), { sendMessage: a } = wg(), { voiceRecorder: l, recordVoiceMessage: u, voiceRecorderControlsProps: c } = function() {
16504
16509
  const p = he(), f = Vr(), m = vt({ ...Rl }), { state: E, duration: A, recordingUrl: _, uploadState: g, fileToken: O } = te(m), D = Q(void 0), R = Q(null), T = Q(), I = ee(() => {
16505
- m.assign({ state: "recording", duration: 0 }), T.current = setInterval(() => {
16506
- m.duration.set((M) => M + 1);
16507
- }, 1e3);
16508
- }, [m]), S = ee(() => {
16510
+ const M = p.state$.currentConversation.peek();
16511
+ M && M.access !== "Read" && (m.assign({ state: "recording", duration: 0 }), T.current = setInterval(() => {
16512
+ m.duration.set((k) => k + 1);
16513
+ }, 1e3));
16514
+ }, [m, p]), S = ee(() => {
16509
16515
  var M;
16510
16516
  T.current && (clearInterval(T.current), T.current = void 0), (M = D.current) == null || M.stop();
16511
16517
  }, []), v = ee(() => {
@@ -17046,23 +17052,27 @@ class PT {
17046
17052
  else $e.error("In-conversation message search is only available to customers on Growth plan and above.");
17047
17053
  }
17048
17054
  async deleteMessage(e) {
17049
- const n = this.store.state$.currentConversationId.peek();
17050
- if (!n) return;
17051
- const r = this.store.state$.messages.child(n).lookup.child(e).peek(), i = this.talkSession.conversation(n).message(e), [o] = await Promise.all([r != null ? r : i.get(), i.delete()]);
17052
- if (o) {
17053
- const s = { currentUser: this.store.currentUser$.peek(), conversation: this.store.state$.currentConversation.peek(), message: r };
17054
- this.onDeleteMessage(s);
17055
+ const n = this.store.state$.currentConversation.peek();
17056
+ if (!n || n.access === "Read") return;
17057
+ const r = n.id, i = this.store.state$.messages.child(r).lookup.child(e).peek(), o = this.talkSession.conversation(r).message(e), [s] = await Promise.all([i != null ? i : o.get(), o.delete()]);
17058
+ if (s) {
17059
+ const a = { currentUser: this.store.currentUser$.peek(), conversation: this.store.state$.currentConversation.peek(), message: i };
17060
+ this.onDeleteMessage(a);
17055
17061
  }
17056
17062
  }
17057
17063
  setEditing(e) {
17058
- this.store.state$.currentConversationId.peek() && this.store.state$.editingMessageId.set(e);
17064
+ const n = this.store.state$.currentConversation.peek();
17065
+ n && n.access !== "Read" && this.store.state$.editingMessageId.set(e);
17059
17066
  }
17060
17067
  async editMessage(e, n) {
17061
- const r = this.store.state$.currentConversationId.peek();
17062
- r && await this.talkSession.conversation(r).message(e).edit(n);
17068
+ const r = this.store.state$.currentConversation.peek();
17069
+ if (!r || r.access === "Read") return;
17070
+ const i = r.id;
17071
+ await this.talkSession.conversation(i).message(e).edit(n);
17063
17072
  }
17064
17073
  setReferencedMessage(e) {
17065
- this.store.state$.currentConversationId.peek() && (this.store.state$.referencedMessageId.set(e), setTimeout(() => this.editorInternals.focus({ skipProseMirrorStuff: !0 }), 100));
17074
+ const n = this.store.state$.currentConversation.peek();
17075
+ n && n.access !== "Read" && (this.store.state$.referencedMessageId.set(e), setTimeout(() => this.editorInternals.focus({ skipProseMirrorStuff: !0 }), 100));
17066
17076
  }
17067
17077
  async focusMessage(e, n = !0) {
17068
17078
  var a;
@@ -18457,17 +18467,17 @@ function rR({ common: t }) {
18457
18467
  return null;
18458
18468
  }
18459
18469
  function iR(t) {
18460
- const { message: e, messageStatus: n, permissions: r, common: i } = t, { currentUser: o, theme: s, chatbox: a, conversationId: l, t: u, focusedMessage: c } = i, { Avatar: h, Icon: d, ReferencedMessage: p, TimeAgo: f, MessageActionMenu: m } = s, E = Ia(l, 3).length >= 3, A = e.sender, _ = (A == null ? void 0 : A.id) !== o.id && E, g = e.referencedMessage, O = r.canReplyToMessage || r.canDeleteMessage;
18461
- let D;
18462
- D = A ? A.id === o.id ? "currentUser" : "other" : "system";
18463
- const R = e.id === (c == null ? void 0 : c.id);
18470
+ const { message: e, messageStatus: n, permissions: r, common: i } = t, { currentUser: o, theme: s, conversation: a, conversationId: l, t: u, focusedMessage: c } = i, { Avatar: h, Icon: d, ReferencedMessage: p, TimeAgo: f, MessageActionMenu: m } = s, E = Ia(l, 3).length >= 3, A = e.sender, _ = (A == null ? void 0 : A.id) !== o.id && E, g = e.referencedMessage, O = r.canReplyToMessage || r.canDeleteMessage, D = r.canAddReaction && a.access === "ReadWrite";
18471
+ let R;
18472
+ R = A ? A.id === o.id ? "currentUser" : "other" : "system";
18473
+ const T = e.id === (c == null ? void 0 : c.id);
18464
18474
  return U`
18465
18475
  <div
18466
18476
  className="t-theme-message"
18467
- t-sender=${D}
18477
+ t-sender=${R}
18468
18478
  t-message-id=${e.id}
18469
18479
  t-status=${n}
18470
- t-focused=${R ? "" : void 0}
18480
+ t-focused=${T ? "" : void 0}
18471
18481
  >
18472
18482
  <div className="t-message-row">
18473
18483
  ${A && U`<${h}
@@ -18496,7 +18506,7 @@ function iR(t) {
18496
18506
 
18497
18507
  <div className="t-message-status">
18498
18508
  <${f} timestamp=${e.createdAt} common=${i} />
18499
- ${D == "currentUser" && U`<${sR} ...${t} />`}
18509
+ ${R == "currentUser" && U`<${sR} ...${t} />`}
18500
18510
  </div>
18501
18511
  </div>
18502
18512
 
@@ -18511,7 +18521,7 @@ function iR(t) {
18511
18521
  <${d} className="t-action-menu-icon" type="horizontalDots" />
18512
18522
  </${Ji}>
18513
18523
  `}
18514
- ${r.canAddReaction && U`
18524
+ ${D && U`
18515
18525
  <${Ji}
18516
18526
  className="t-add-reaction-button"
18517
18527
  popoverComponent=${Hv}
@@ -18525,9 +18535,9 @@ function iR(t) {
18525
18535
 
18526
18536
  ${e.reactions.length > 0 && U`
18527
18537
  <div className="t-emoji-reactions">
18528
- ${e.reactions.map((T) => U`<${oR}
18529
- key=${T.emoji}
18530
- summary=${T}
18538
+ ${e.reactions.map((I) => U`<${oR}
18539
+ key=${I.emoji}
18540
+ summary=${I}
18531
18541
  message=${e}
18532
18542
  common=${i}
18533
18543
  permissions=${r}
@@ -18589,7 +18599,7 @@ function aR(t) {
18589
18599
  </div>`;
18590
18600
  }
18591
18601
  function lR(t) {
18592
- const { common: e, referencedMessage: n, editor: r, voiceRecorder: i, permissions: o, editMessageId: s } = t, { chatbox: a, device: l, conversation: u, t: c, theme: h } = e, { ReplyBar: d, Icon: p, VoiceRecorder: f, RecordingPreview: m } = h, E = s ? "edit" : "send", A = !r.atTextLimit && !r.isEmpty, _ = E === "send" && r.isEmpty && o.canShareLocation, g = E === "send" && r.isEmpty && o.canShareFile, O = E === "send" && l.supportsEmojiPicker && !l.isMobile, D = E === "send" && r.isEmpty && o.canSendVoiceMessage;
18602
+ const { common: e, referencedMessage: n, editor: r, voiceRecorder: i, permissions: o, editMessageId: s } = t, { chatbox: a, device: l, conversation: u, t: c, theme: h } = e, { ReplyBar: d, Icon: p, VoiceRecorder: f, RecordingPreview: m } = h, E = s ? "edit" : "send", A = !r.atTextLimit && !r.isEmpty && u.access === "ReadWrite", _ = E === "send" && r.isEmpty && o.canShareLocation, g = E === "send" && r.isEmpty && o.canShareFile, O = E === "send" && l.supportsEmojiPicker && !l.isMobile, D = E === "send" && r.isEmpty && o.canSendVoiceMessage, R = !i && u.access === "ReadWrite";
18593
18603
  return U`
18594
18604
  <div className="t-theme-message-field" t-mode=${E}>
18595
18605
  ${r.showEmojiPicker && U`
@@ -18606,27 +18616,26 @@ function lR(t) {
18606
18616
  />`}
18607
18617
 
18608
18618
  <div className="t-wrapper">
18609
- ${r.atTextLimit && U`<div className="t-text-limit-indicator">
18610
- ${c.ENTRYBOX_TEXT_LIMIT}
18611
- </div>`}
18619
+ ${r.atTextLimit && U`
18620
+ <div className="t-text-limit-indicator">${c.ENTRYBOX_TEXT_LIMIT}</div>
18621
+ `}
18622
+
18612
18623
  <div className="t-text-form">
18613
18624
  ${u.access === "Read" && U`
18614
18625
  <div className="t-readonly">
18615
18626
  ${c.ENTRYBOX_PLACEHOLDER_CHAT_READONLY}
18616
18627
  </div>
18617
18628
  `}
18618
- ${i && (i.state === "recording" ? U`
18619
- <${f}
18620
- common=${e}
18621
- voiceRecorder=${i}
18622
- />
18623
- ` : U`
18624
- <${m}
18625
- common=${e}
18626
- voiceRecorder=${i}
18627
- />
18628
- `)}
18629
- ${!i && u.access === "ReadWrite" && U`
18629
+ ${(i == null ? void 0 : i.state) === "recording" && U`
18630
+ <${f} common=${e} voiceRecorder=${i} />
18631
+ `}
18632
+ ${(i == null ? void 0 : i.state) === "previewing" && U`
18633
+ <${m}
18634
+ common=${e}
18635
+ voiceRecorder=${i}
18636
+ />
18637
+ `}
18638
+ ${R && U`
18630
18639
  <div className="t-textbox-column">
18631
18640
  <${nv} placeholder=${c.ENTRYBOX_PLACEHOLDER} />
18632
18641
 
@@ -18664,7 +18673,7 @@ function lR(t) {
18664
18673
  </div>
18665
18674
  </div>
18666
18675
  `}
18667
- ${E === "send" && !i && U`
18676
+ ${E === "send" && R && U`
18668
18677
  <div className="t-send-column">
18669
18678
  ${D && U`<button
18670
18679
  className="t-record-button"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@talkjs/web-components",
3
- "version": "0.1.9",
3
+ "version": "0.1.10",
4
4
  "bugs": {
5
5
  "url": "https://talkjs.com/?chat"
6
6
  },