@talkjs/web-components 0.2.4 → 0.3.1

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 (7) hide show
  1. package/base.css +1 -1
  2. package/classic.css +1 -0
  3. package/default.cjs +30 -901
  4. package/default.css +1 -1
  5. package/default.d.ts +47 -5
  6. package/default.js +5763 -6467
  7. package/package.json +6 -2
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{animation:spin 1.2s cubic-bezier(.42,0,.58,1) infinite;display:block;margin:auto;width:4em;height:4em}.t-theme-icon{display:inline-block;vertical-align:middle;overflow:hidden}.t-theme-icon.t-spin{animation-name:t-icon-spin;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;transform-origin:center;transform-box:fill-box}@keyframes t-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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:var(--t-color-bg, rgb(255 255 255));border-radius:var(--t-radius-lg, .75em);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:var(--t-color-bg-muted, rgb(242 242 242));border-radius:var(--t-radius-md, .5em);overflow:hidden}: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:var(--t-color-bg-muted, rgb(242 242 242));display:block;padding-bottom:calc((400 / 600) * 100%)}@supports (aspect-ratio: 1 / 1){:is(.t-upload-preview .t-preview) .t-location-upload-preview{aspect-ratio:3 / 2;padding-bottom:0}}.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;overflow-wrap:anywhere;word-break:normal;padding:.5rem 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:var(--t-radius-xl, .75em);margin-bottom:1rem}:is(.t-upload-preview .t-filename-row) .t-file-block{background-color:var(--t-color-bg, rgb(255 255 255));padding:16px 32px;border-radius:var(--t-radius-md, .375em);display:inline-block}.t-upload-preview .t-error-row{border:1px solid var(--t-color-danger, rgb(225 29 72));border-radius:var(--t-radius-sm, .5em);padding:.75em;background-color:var(--t-color-danger-subtle, rgb(255 241 242));color:var(--t-color-danger-hover, rgb(159 18 57));white-space:normal}.t-upload-preview .t-send-row{position:sticky;bottom:0;padding:.5em 0 0;display:flex;justify-content:flex-end;gap:8px;background:var(--t-color-bg, rgb(255 255 255))}.t-upload-preview .t-cancel,.t-upload-preview .t-confirm-send{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:var(--t-radius-sm, .5rem);font-size:var(--t-font-size-base, 14px);font-weight:var(--t-font-weight-medium, 500);line-height:1;border:1px solid transparent;cursor:pointer;transform:translateZ(0);transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform 80ms ease}.t-upload-preview .t-cancel:focus-visible,.t-upload-preview .t-confirm-send:focus-visible{outline:2px solid var(--t-color-brand-primary, rgb(0 125 249));outline-offset:2px}.t-upload-preview .t-cancel:not(:disabled):active,.t-upload-preview .t-confirm-send:not(:disabled):active{transform:scale(.97)}.t-upload-preview .t-cancel{background:var(--t-color-bg, rgb(236 236 236));border-color:var(--t-color-gray-600, rgb(236 236 236));color:var(--t-color-text, rgb(23 23 23))}.t-upload-preview .t-cancel:not(:disabled):hover{background:var(--t-color-bg-muted, rgb(242 242 242))}.t-upload-preview .t-confirm-send{background:var(--t-color-brand-primary, rgb(0 125 249));color:var(--t-color-brand-primary-fg, rgb(255 255 255));border-color:var(--t-color-brand-primary, rgb(0 125 249))}.t-upload-preview .t-confirm-send:not(:disabled):hover{background:var(--t-color-brand-primary-hover, rgb(30 58 138));border-color:var(--t-color-brand-primary-hover, rgb(30 58 138))}.t-upload-preview .t-cancel:disabled,.t-upload-preview .t-confirm-send:disabled{opacity:1;background:var(--t-color-gray-300, rgb(235 235 235));border-color:var(--t-color-gray-300, rgb(235 235 235));color:var(--t-color-gray-600, rgb(143 143 143));pointer-events:none}.t-upload-preview .t-loading{height:80px;width:100%;display:flex;align-items:center;justify-content:center;color:var(--t-color-brand-primary, rgb(0 125 249))}.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:1em}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.75em;background-color:#ececec;border-bottom:1px solid rgb(212 212 212);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 rgb(50 50 50 / 40%);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:0;outline:0;color:#525252;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .15s ease-out,box-shadow .15s ease-out;box-sizing:content-box;padding:0;margin:-.5rem;width:2.5rem;height:2.5rem}.t-theme-chat-header .t-action-button svg{color:currentColor;fill:currentColor}.t-theme-chat-header .t-action-button:hover,.t-theme-chat-header .t-action-button:focus{background-color:transparent;color:#111}.t-theme-chat-header .t-action-button:focus-visible{outline:0;box-shadow:0 0 0 2px #007df97f}.t-theme-chat-header .t-action-button:disabled,.t-theme-chat-header .t-action-button[disabled]{cursor:initial;color:#a3a3a3}.t-theme-chat-header .t-action-button:disabled:hover,.t-theme-chat-header .t-action-button[disabled]:hover,.t-theme-chat-header .t-action-button:disabled:focus,.t-theme-chat-header .t-action-button[disabled]:focus{background-color:transparent;color:#a3a3a3}.t-theme-chat-header .t-back-button{display:none;margin-left:-.5em;margin-right:.5em;width:36px;height:36px;padding:0;border:0;cursor:pointer;justify-content:center;align-items:center;background-color:transparent;color:#525252;transition:color .15s ease-out,box-shadow .15s ease-out}.t-theme-chat-header .t-back-button svg{color:currentColor;fill:currentColor}.t-theme-chat-header .t-back-button:hover,.t-theme-chat-header .t-back-button:focus{background-color:transparent;color:#111}.t-theme-chat-header .t-back-button:focus-visible{outline:0;box-shadow:0 0 0 2px #007df97f}[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;user-select:none;font-size:75%;float:right;margin-left:2em;margin-top:.6em;opacity:75%;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-buttons{display:flex;align-items:center;gap:0}.t-theme-message .t-message-buttons>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-buttons>button:hover,.t-theme-message .t-message-buttons>button:focus{color:#0761d1}.t-theme-message .t-message-buttons>button:focus-visible{outline:0;box-shadow:0 0 0 2px #007df97f}@media(hover:hover){.t-theme-message .t-message-buttons>button{opacity:0}.t-theme-message .t-message-row:hover .t-message-buttons>button,.t-theme-message .t-message-row:focus-within .t-message-buttons>button{opacity:.75}}@media(hover:none){.t-theme-message .t-message-buttons>button{opacity:.0001%}.t-theme-message .t-message-row:hover .t-message-buttons>button,.t-theme-message .t-message-row:focus-within .t-message-buttons>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 .t-wrapper{--t-message-control-height: 2.75em}.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;font-weight:500;font-size:14px;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:var(--t-message-control-height);max-height:9em;border-radius:calc(var(--t-message-control-height) / 2);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:.65em 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;margin-left:.5em}.t-theme-message-field .t-textbox-column{position:relative;flex-grow:1}.t-theme-message-field .t-send-column button{width:var(--t-message-control-height);height:var(--t-message-control-height);padding:0;border:0;border-radius:9999px;display:inline-flex;justify-content:center;align-items:center;cursor:pointer;background-color:#007df9;color:#fff;opacity:1;transition:background-color .15s ease-out,color .15s ease-out,opacity .15s ease-out,box-shadow .15s ease-out}.t-theme-message-field .t-send-column button:not([disabled]):hover,.t-theme-message-field .t-send-column button:not([disabled]):focus{background-color:#1d4ed8;color:#fff}.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]{cursor:initial;background-color:#fff;color:#737373}.t-theme-message-field .t-send-column button[disabled]:hover{background-color:#fff;color:#737373}.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:4px;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:#525252;transition:background-color .15s ease-out,color .15s ease-out,box-shadow .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}.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{width:var(--t-message-control-height);height:var(--t-message-control-height);margin-right:.5em;padding:0;border:0;border-radius:9999px;cursor:pointer;display:inline-flex;align-self:center;align-items:center;justify-content:center;background-color:#fff;color:#525252;transition:background-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out}.t-theme-voice-recorder .t-close-button:hover,.t-theme-voice-recorder .t-close-button:focus{background-color:#ffffffbf;color:#111}.t-theme-voice-recorder .t-close-button svg{color:currentColor;fill:currentColor}.t-theme-voice-recorder .t-close-button:hover,.t-theme-voice-recorder .t-close-button:focus{color:#111}.t-theme-voice-recorder .t-close-button:focus-visible{outline:0;box-shadow:0 0 0 2px #007df97f}.t-theme-voice-recorder .t-textbox-column{display:flex;flex:1;align-items:center;justify-content:space-between;height:var(--t-message-control-height);max-height:var(--t-message-control-height);padding:0 1em;overflow:hidden;background-color:#fff;border-radius:9999px;border-width:1px;border-color:#fff}.t-theme-voice-recorder .t-waveform{position:relative;z-index:0;flex-grow:1;width:100%;margin:0;margin-left:1ex}.t-theme-voice-recorder .t-duration{margin:0 0 0 1em}.t-theme-message-field .t-theme-voice-recorder .t-send-column button,.t-theme-voice-recorder .t-send-column button{width:var(--t-message-control-height);height:var(--t-message-control-height);padding:0;border:0;border-radius:9999px;display:inline-flex;align-items:center;justify-content:center;background-color:#fff;color:#ef4444;opacity:1;transition:background-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out}.t-theme-message-field .t-theme-voice-recorder .t-send-column button:hover,.t-theme-message-field .t-theme-voice-recorder .t-send-column button:focus,.t-theme-voice-recorder .t-send-column button:hover,.t-theme-voice-recorder .t-send-column button:focus{background-color:#ffffffbf;color:#ef4444}.t-theme-message-field .t-theme-voice-recorder .t-send-column button:focus-visible,.t-theme-voice-recorder .t-send-column button:focus-visible{outline:0;box-shadow:0 0 0 2px #007df97f}.t-theme-voice-recorder .t-stop-icon{color:#ef4444}.t-theme-recording-preview{display:contents}.t-theme-recording-preview .t-close-button{width:var(--t-message-control-height);height:var(--t-message-control-height);margin-right:.5em;padding:0;border:0;border-radius:9999px;cursor:pointer;display:inline-flex;align-self:center;align-items:center;justify-content:center;background-color:#fff;color:#525252;opacity:1;transition:background-color .15s ease-out,color .15s ease-out,box-shadow .15s ease-out}.t-theme-recording-preview .t-close-button svg{color:currentColor;fill:currentColor}.t-theme-recording-preview .t-close-button:hover,.t-theme-recording-preview .t-close-button:focus{background-color:#ffffffbf;color:#111;opacity:1}.t-theme-recording-preview .t-close-button:focus-visible{outline:0;box-shadow:0 0 0 2px #007df97f}.t-theme-recording-preview .t-textbox-column{height:var(--t-message-control-height);max-height:var(--t-message-control-height);padding:0 1em;overflow:hidden;background-color:#fff;border-radius:9999px;border-width:1px;border-color:#fff}.t-theme-recording-preview .t-audio-player{padding:0;height:100%;font-size:85%}.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-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:1em;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:first-child{border-top:1px solid #d4d4d4}.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;height:2.75em;margin:1em;border:1px solid rgb(224 224 224);border-radius:9999px;background-color:#f5f5f5;color:inherit;outline:none;transition:border-color .2s ease-out,background-color .2s ease-out}.t-theme-global-search-box .t-input{flex:1;min-width:0;height:100%;border:none;outline:none;background:none;padding:0 1em;font-size:inherit}.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{width:1.875em;height:1.875em;padding:0;margin-right:.35em;border:0;border-radius:9999px;cursor:pointer;display:flex;align-items:center;justify-content:center;background-color:transparent;color:#525252;transition:background-color .15s ease-out,color .15s ease-out}.t-theme-global-search-box .t-clear svg,.t-theme-global-search-box .t-submit svg{color:currentColor;fill:currentColor}.t-theme-global-search-box .t-clear:hover,.t-theme-global-search-box .t-clear:focus{background-color:#0000000d;color:#111}.t-theme-global-search-box .t-clear:focus-visible{outline:0;box-shadow:0 0 0 2px #007df97f}.t-theme-global-search-box .t-submit{display:flex;align-items:center;justify-content:center;color:#525252;margin-right:.75em}.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-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:border-bottom-color 125ms ease-in-out,color 125ms ease-in-out}.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-flex;align-items:center;justify-content:center;cursor:pointer;width:36px;height:36px;padding:0;border:0;border-radius:0;outline:0;background-color:transparent;color:#525252;transition:color .15s ease-out,box-shadow .15s ease-out}.t-theme-chat-search-box .t-button svg{color:currentColor;fill:currentColor}.t-theme-chat-search-box .t-button:hover,.t-theme-chat-search-box .t-button:focus{background-color:transparent;color:#111}.t-theme-chat-search-box .t-button:focus-visible{outline:0;box-shadow:0 0 0 2px #007df97f}.t-theme-chat-search-box .t-button:disabled,.t-theme-chat-search-box .t-button[disabled]{cursor:initial;color:#a3a3a3}.t-theme-chat-search-box .t-button:disabled:hover,.t-theme-chat-search-box .t-button[disabled]:hover,.t-theme-chat-search-box .t-button:disabled:focus,.t-theme-chat-search-box .t-button[disabled]:focus{background-color:transparent;color:#a3a3a3}.t-theme-chat-search-box .t-previous-button,.t-theme-chat-search-box .t-next-button,.t-theme-chat-search-box .t-back-button{padding:0}
1
+ @import"https://cdn.talkjs.com/fonts/Inter.css";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}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{margin:0;position:relative;max-width:100vw;max-width:100dvw;max-height:100vh;max-height:100dvh;overflow:hidden;font-family:Twemoji Country Flags,Inter,sans-serif;font-synthesis:initial;font-size:14px;font-weight:400;line-height:1.37;letter-spacing:normal;text-align:left;color:#171717;background-color:#fff;border:0;border-radius:.5em;box-shadow:none;box-sizing:border-box;-webkit-font-smoothing:antialiased}: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;font-family:inherit;font-synthesis:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:inherit;text-align:inherit;color:inherit}: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 rgb(212 212 212);border-radius:.5em}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-chatbox,t-chatbox,.t-conversation-list,t-conversation-list{--t-color-white: rgb(255 255 255);--t-color-black: rgb(0 0 0);--t-color-gray-100: rgb(250 250 250);--t-color-gray-200: rgb(242 242 242);--t-color-gray-300: rgb(235 235 235);--t-color-gray-400: rgb(201 201 201);--t-color-gray-500: rgb(168 168 168);--t-color-gray-600: rgb(143 143 143);--t-color-gray-700: rgb(125 125 125);--t-color-gray-800: rgb(102 102 102);--t-color-gray-900: rgb(23 23 23);--t-color-blue-50: rgb(239 246 255);--t-color-blue-100: rgb(219 234 254);--t-color-blue-200: rgb(191 219 254);--t-color-blue-300: rgb(147 197 253);--t-color-blue-400: rgb(96 165 250);--t-color-blue-500: rgb(59 130 246);--t-color-blue-600: rgb(37 99 235);--t-color-blue-700: rgb(29 78 216);--t-color-blue-800: rgb(30 64 175);--t-color-blue-900: rgb(30 58 138);--t-color-red-50: rgb(255 241 242);--t-color-red-600: rgb(225 29 72);--t-color-red-800: rgb(159 18 57);--t-color-green-500: rgb(34 197 94);--t-color-black-15: rgb(0 0 0 / .15);--t-color-focus-ring-soft: rgb(0 125 249 / .5);--t-color-offline-ring: rgb(50 50 50 / .4);--t-radius-xs: .125em;--t-radius-sm: .25em;--t-radius-md: .375em;--t-radius-lg: .5em;--t-radius-xl: .75em;--t-radius-full: 9999px;--t-font-size-xs: 12px;--t-font-size-sm: 14px;--t-font-size-base: 16px;--t-font-size-lg: 18px;--t-line-height-base: 1.375;--t-font-weight-normal: 400;--t-font-weight-medium: 500;--t-font-weight-semibold: 600;--t-font-weight-bold: 700;--t-color-bg: var(--t-color-white);--t-color-bg-muted: var(--t-color-gray-200);--t-color-bg-subtle: var(--t-color-gray-100);--t-color-bg-inverse: var(--t-color-gray-900);--t-color-text: var(--t-color-gray-900);--t-color-text-muted: var(--t-color-gray-700);--t-color-text-disabled: var(--t-color-gray-600);--t-color-text-inverse: var(--t-color-white);--t-color-text-inverse-muted: rgb(255 255 255 / .8);--t-color-border: var(--t-color-gray-300);--t-color-border-strong: var(--t-color-gray-400);--t-color-border-focus: var(--t-color-gray-800);--t-color-brand-primary: var(--t-color-blue-600);--t-color-brand-primary-hover: var(--t-color-blue-900);--t-color-brand-primary-active: var(--t-color-blue-700);--t-color-brand-primary-fg: var(--t-color-white);--t-color-brand-muted: var(--t-color-blue-300);--t-color-brand-dark: var(--t-color-blue-800);--t-color-brand-light: var(--t-color-blue-400);--t-color-success: var(--t-color-green-500);--t-color-danger: var(--t-color-red-600);--t-color-danger-hover: var(--t-color-red-800);--t-color-danger-subtle: var(--t-color-red-50);--t-color-focus-ring: var(--t-color-brand-muted);--t-color-focus-ring-strong: var(--t-color-focus-ring-soft);--t-msg-mention-outgoing-bg: rgb(255 255 255 / .2);--t-msg-mention-current-user-outgoing-bg: rgb(255 255 255 / .4);--t-msg-mention-incoming-bg: rgb(220 220 220 / .5);--t-msg-mention-current-user-incoming-bg: rgb(220 220 220 / .9);--t-video-overlay-bg: rgb(0 0 0 / .85);--t-chat-header-presence-online: var(--t-color-green-500)}.t-theme-chat-header{display:flex;height:64px;align-items:center;flex-shrink:0;background-color:var(--t-color-bg);border-bottom:1px solid var(--t-color-border)}.t-theme-chat-header .t-inner{display:flex;align-items:center;flex-grow:1;flex-basis:0;min-width:0;padding:12px;height:100%}.t-theme-chat-header .t-content{display:flex;align-items:center;flex-grow:1;min-width:0}.t-theme-chat-header .t-image{flex-shrink:0;width:auto;margin-right:.75em;text-align:center}.t-theme-chat-header .t-info{flex-grow:1;flex-basis:0;min-width:0}.t-theme-chat-header .t-title,.t-theme-chat-header .t-subtitle{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.t-theme-chat-header .t-title{padding:3px;color:var(--t-color-text);font-weight:var(--t-font-weight-semibold)}.t-theme-chat-header .t-subtitle{margin-left:4px;color:var(--t-color-text-muted);font-size:var(--t-font-size-xs)}.t-theme-chat-header .t-user{display:inline-block;vertical-align:middle}.t-theme-chat-header .t-participant-you{font-weight:var(--t-font-weight-normal)}.t-theme-chat-header .t-online-indicator{display:inline-block;width:.75em;height:.75em;margin:0 .75em -1px .275em;border-radius:50%}.t-theme-chat-header .t-online-indicator[t-status=online]{background-color:var(--t-chat-header-presence-online)}.t-theme-chat-header .t-online-indicator[t-status=offline]{background-color:var(--t-color-bg);box-shadow:inset 0 0 0 1px var(--t-color-offline-ring)}.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;cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--t-color-text-muted);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:var(--t-color-text)}.t-theme-chat-header .t-back-button{display:none;margin-left:-.5em;margin-right:.5em;width:30px;height:30px;padding:0;border:0;cursor:pointer;justify-content:center;align-items:center;background:transparent;color:var(--t-color-text-muted);transition:.15s ease-out}.t-theme-chat-header .t-back-button:hover,.t-theme-chat-header .t-back-button:focus{color:var(--t-color-text)}[t-mobile-inbox] .t-theme-chat-header .t-back-button{display:inline-flex}.t-theme-message{display:grid;align-self:start;position:relative;width:fit-content;max-width:100%;margin-top:4px;row-gap:4px;column-gap:.625em;align-items:start;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto auto;grid-template-areas:". sender sender" "avatar message actions" "avatar status ."}.t-theme-message[t-sender=currentUser]{align-self:end;grid-template-columns:auto minmax(0,1fr) auto;grid-template-rows:auto auto;grid-template-areas:"actions message avatar" "status status avatar"}.t-theme-message[t-sender=system]{display:grid;width:100%;margin-top:.625em;overflow:hidden;white-space:pre-wrap;grid-template-columns:100%;grid-template-rows:auto auto;grid-template-areas:"message" "status"}.t-theme-message:last-child{margin-top:.625em}.t-theme-message:not(:last-child) .t-message-sender-name{display:none}.t-theme-message .t-message-sender-name{grid-area:sender;font-size:.875em;max-width:min(100%,70ch);font-weight:var(--t-font-weight-bold)}.t-theme-message:not(:last-child) .t-theme-avatar{visibility:hidden}.t-theme-message[t-sender=system]+.t-theme-message[t-sender=system]{margin-top:.25em}.t-theme-message>.t-avatar-wrapper{grid-area:avatar;width:fit-content;height:0;overflow:visible}.t-theme-message>.t-avatar-wrapper>.t-theme-avatar{width:40px;height:40px}.t-theme-message>.t-message-buttons{display:flex;grid-area:actions;align-self:center;align-items:center;gap:.25em}.t-theme-message[t-sender=currentUser]>.t-message-buttons{flex-direction:row-reverse;justify-content:flex-end}.t-theme-message .t-message-buttons>button{align-self:center;width:calc(20px + .5em);height:calc(20px + .5em);padding:.25em;border:0;border-radius:var(--t-radius-full);color:var(--t-color-text-muted);background:inherit;cursor:pointer;opacity:1}.t-theme-message .t-message-buttons>button:hover,.t-theme-message .t-message-buttons>button:focus{color:var(--t-color-text)}.t-theme-message .t-message-buttons>button:focus-visible{outline:0;box-shadow:0 0 0 2px var(--t-color-focus-ring-strong)}@media(hover:hover){.t-theme-message .t-message-buttons>button{opacity:0}.t-theme-message:hover .t-message-buttons>button,.t-theme-message:focus-within .t-message-buttons>button{opacity:1}}@media(hover:none){.t-theme-message .t-message-buttons>button{opacity:.0001%}.t-theme-message:hover .t-message-buttons>button,.t-theme-message:focus-within .t-message-buttons>button{opacity:100%}}.t-theme-message .t-message-body{display:inline-block;position:relative;align-self:center;justify-self:end;width:fit-content;padding:6px 10px;overflow:visible;white-space:normal;overflow-wrap:break-word;grid-area:message;max-width:min(100%,70ch);background-color:var(--t-color-bg-muted);color:var(--t-color-text);border:none;border-radius:var(--t-radius-lg);font-size:var(--t-font-size-sm)}.t-theme-message[t-sender=currentUser] .t-message-body{background-color:var(--t-color-brand-primary);color:var(--t-color-brand-primary-fg);border:none;border-radius:var(--t-radius-lg)}.t-theme-message[t-sender=system] .t-message-body{display:flex;align-items:flex-start;gap:10px;width:100%;max-width:none;background-color:var(--t-color-bg);color:var(--t-color-text);border:1px solid var(--t-color-border-strong);border-radius:var(--t-radius-lg);line-height:var(--t-line-height-base);font-size:var(--t-font-size-xs)}.t-theme-message .t-message-body .t-text.t-emoji-only:is(.t-emoji-count-1,.t-emoji-count-2,.t-emoji-count-3){display:inline-flex;align-items:center;gap:.375em;line-height:1}.t-theme-message .t-message-body:has(.t-text.t-emoji-only:is(.t-emoji-count-1,.t-emoji-count-2,.t-emoji-count-3)){padding:0;background:transparent;border:0;box-shadow:none}.t-theme-message .t-message-body .t-text.t-emoji-only:is(.t-emoji-count-1,.t-emoji-count-2,.t-emoji-count-3) .t-emoji{width:auto;height:auto;margin:0;vertical-align:baseline;font-size:60px;line-height:1}.sys-icon{display:inline-flex;margin-top:1px}.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 .t-message-content{display:contents}.t-theme-message .t-message-body .t-theme-referenced-message{margin-bottom:.25em}.t-theme-message .t-message-content a{color:currentColor}.t-theme-message .t-message-status{display:inline-flex;grid-area:status;max-width:min(100%,70ch);justify-self:end;min-width:3.5ch;user-select:none;color:var(--t-color-text-muted);font-size:.75em;text-align:right}.t-theme-message:not(:first-child) .t-message-status{display:none}.t-theme-message:not(:first-child){grid-template-rows:auto;grid-template-areas:"avatar message actions"}.t-theme-message[t-sender=currentUser]:not(:first-child){grid-template-rows:auto;grid-template-areas:"actions message avatar"}.t-theme-message[t-sender=other]{grid-template-rows:auto;grid-template-areas:"avatar message actions"}.t-theme-message[t-sender=other]:first-child{grid-template-rows:auto auto;grid-template-areas:"avatar message actions" "avatar status ."}.t-theme-message[t-sender=other]:last-child{grid-template-rows:auto auto;grid-template-areas:". sender sender" "avatar message actions"}.t-theme-message[t-sender=other]:first-child:last-child{grid-template-rows:auto auto auto;grid-template-areas:". sender sender" "avatar message actions" "avatar status ."}.t-theme-message[t-sender=system]:not(:first-child){grid-template-rows:auto;grid-template-areas:"message"}.t-theme-message:not(:first-child)>.t-message-buttons{margin-top:-4px}.t-theme-message .t-message-loading-spinner{width:1em;height:1em;animation:spin 1.2s cubic-bezier(.42,0,.58,1) infinite}.t-theme-message .t-status-icon{min-width:1em;margin-left:.25em}.t-theme-message .t-status-icon[t-status=everyoneRead]{color:var(--t-color-brand-primary)}.t-theme-message .t-status-icon svg:not(:first-child){margin-left:-.825em}.t-theme-message button[t-action]{margin:1px 0;padding:.25em .325em;border-radius:var(--t-radius-md);font-size:inherit;cursor:pointer;transition:color .2s ease-in-out,background-color .2s ease-in-out,border-color .2s ease-in-out}.t-theme-message:is([t-sender=currentUser],[t-sender=system]) button[t-action]{color:var(--t-color-text-inverse);background-color:var(--t-color-brand-primary);border:1px solid var(--t-color-brand-primary)}.t-theme-message:is([t-sender=currentUser],[t-sender=system]) button[t-action]:hover{color:var(--t-color-text-inverse);background-color:var(--t-color-brand-primary-hover);border-color:var(--t-color-brand-primary-hover)}.t-theme-message:is([t-sender=currentUser],[t-sender=system]) button[t-action]:active{color:var(--t-color-text-inverse);background-color:var(--t-color-brand-primary-active);border-color:var(--t-color-brand-primary-active)}.t-theme-message:is([t-sender=currentUser],[t-sender=system]) button[t-action]:focus-visible{outline:var(--t-color-brand-primary) solid 2px;outline-offset:2px}.t-theme-message[t-sender=other] button[t-action]{color:var(--t-color-text);background-color:transparent;border:1px solid var(--t-color-border-focus)}.t-theme-message[t-sender=other] button[t-action]:hover{color:var(--t-color-text-inverse);background-color:var(--t-color-text);border-color:var(--t-color-text)}.t-theme-message[t-sender=other] button[t-action]:active{color:var(--t-color-text-inverse);background-color:var(--t-color-border-focus);border-color:var(--t-color-border-focus)}.t-theme-message[t-sender=other] button[t-action]:focus-visible{outline:var(--t-color-border-focus) solid 2px;outline-offset:2px}.t-theme-message .t-reactions{display:flex;flex-wrap:wrap;gap:.25em;margin-top:.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-emoji-reactions{display:flex;flex-direction:row;flex-wrap:wrap;align-items:flex-end;justify-content:flex-start;gap:.25em}.t-theme-message .t-reaction-button{display:flex;align-items:center;margin:4px 0 0;padding:2px 6px;border:1px solid transparent;border-radius:var(--t-radius-full);background-color:var(--t-color-bg);color:var(--t-color-text);user-select:none;-webkit-user-select:none}.t-theme-message .t-reaction-button>*{pointer-events:none}.t-theme-message[t-sender=currentUser] .t-reaction-button{color:var(--t-color-text-inverse);background-color:var(--t-color-brand-dark);border-color:transparent}.t-theme-message .t-reaction-button[t-active]{color:var(--t-color-text-inverse);background-color:var(--t-color-brand-primary)}.t-theme-message .t-reaction-button[t-active]:hover{border-color:transparent}.t-theme-message[t-sender=currentUser] .t-reaction-button[t-active]{color:var(--t-color-text-inverse);background-color:var(--t-color-brand-light);border-color:transparent}.t-theme-message .t-reaction-button span{display:inline-block;vertical-align:middle}.t-theme-message .t-reaction-button .t-emoji{font-size:var(--t-font-size-sm)}.t-theme-message .t-reaction-button .t-num-reactions{padding-left:.25em;font-size:var(--t-font-size-xs);font-variant-numeric:tabular-nums;letter-spacing:-.075em}.t-theme-message .t-reaction-picker{width:300px;height:200px;margin:0 10px;overflow:hidden;border:1px solid var(--t-color-border-strong);border-radius:var(--t-radius-md)}.t-theme-message .t-mention{margin:0;padding:2px 6px;border-radius:var(--t-radius-full);line-height:1.5;color:inherit;font-weight:var(--t-font-weight-medium)}.t-theme-message[t-sender=currentUser] .t-mention{background-color:var(--t-msg-mention-outgoing-bg)}.t-theme-message[t-sender=currentUser] .t-mention[t-is-current-user]{background-color:var(--t-msg-mention-current-user-outgoing-bg)}.t-theme-message[t-sender=other] .t-mention{background-color:var(--t-msg-mention-incoming-bg)}.t-theme-message[t-sender=other] .t-mention[t-is-current-user]{background-color:var(--t-msg-mention-current-user-incoming-bg)}.t-theme-message[t-status=sending] .t-message-action-menu-button,.t-theme-message[t-status=sending] .t-add-reaction-button{visibility:hidden}@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-action-menu{display:flex;flex-direction:column;min-width:180px;padding:.25em;background-color:var(--t-color-bg);border:1px solid var(--t-color-border);border-radius:var(--t-radius-sm);box-shadow:0 4px 6px #0000001a}.t-theme-message-action-menu .t-menu-item{display:flex;align-items:center;gap:.75em;width:100%;padding:.375em;background:none;border:none;border-radius:var(--t-radius-xs);color:var(--t-color-text);font-size:var(--t-font-size-xs);line-height:1.25;text-align:left;cursor:pointer;transition:background-color .12s ease-out,color .12s ease-out}.t-theme-message-action-menu .t-menu-item:hover,.t-theme-message-action-menu .t-menu-item:focus{background-color:var(--t-color-bg-muted);color:var(--t-color-text);outline:none}.t-theme-message-action-menu .t-menu-item.t-danger{color:var(--t-color-danger)}.t-theme-message-action-menu .t-menu-item.t-danger:hover,.t-theme-message-action-menu .t-menu-item.t-danger:focus{background-color:var(--t-color-danger-subtle);color:var(--t-color-danger-hover);outline:none}.t-theme-message-action-menu .t-menu-item-icon-box{display:flex;align-items:center;justify-content:center;width:2em;height:2em;flex-shrink:0;border:1px solid var(--t-color-border-strong);border-radius:var(--t-radius-xs);transition:background-color .12s ease-out,border-color .12s ease-out}.t-theme-message-action-menu .t-menu-item-icon{color:var(--t-color-text);transition:color .12s ease-out}.t-theme-message-action-menu .t-menu-item:hover .t-menu-item-icon-box,.t-theme-message-action-menu .t-menu-item:focus .t-menu-item-icon-box{background-color:var(--t-color-text);border-color:var(--t-color-text)}.t-theme-message-action-menu .t-menu-item:hover .t-menu-item-icon,.t-theme-message-action-menu .t-menu-item:focus .t-menu-item-icon{color:var(--t-color-white)}.t-theme-message-action-menu .t-menu-item.t-danger .t-menu-item-icon{color:var(--t-color-danger)}.t-theme-message-action-menu .t-menu-item.t-danger:hover .t-menu-item-icon-box,.t-theme-message-action-menu .t-menu-item.t-danger:focus .t-menu-item-icon-box{background-color:var(--t-color-danger);border-color:var(--t-color-danger)}.t-theme-message-action-menu .t-menu-item.t-danger:hover .t-menu-item-icon,.t-theme-message-action-menu .t-menu-item.t-danger:focus .t-menu-item-icon{color:var(--t-color-white)}.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:12px;color:var(--t-color-text);font-size:var(--t-font-size-base);background-color:var(--t-color-bg);border-top:1px solid var(--t-color-border);max-width:100%;width:100%;margin:0 auto;z-index:2}.t-theme-message-field[t-mode=edit] .t-wrapper{border:1px solid var(--t-color-border);border-radius:var(--t-radius-md)}.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:var(--t-color-bg);border-top:1px solid var(--t-color-border);z-index:1}.t-theme-message-field .t-emoji-suggest-bar button{display:flex;align-items:center;justify-content:center;border:0;background:none;cursor:pointer;font-size:1.375rem;width:2.375rem;height:2.375rem;padding:0 4px;border-radius:var(--t-radius-sm)}.t-theme-message-field .t-emoji-suggest-bar button[t-focused]{background-color:var(--t-color-bg-muted)}.t-theme-message-field[t-mode=edit] .t-emoji-suggest-bar{border:1px solid var(--t-color-border);border-radius:var(--t-radius-md) var(--t-radius-md) 0 0}.t-theme-message-field[t-mode=edit]:has(.t-emoji-suggest-bar) .t-wrapper{border-radius:0 0 var(--t-radius-md) var(--t-radius-md);border-top:none}.t-theme-message-field .t-mention-suggest-list{width:auto;max-width:100%;max-height:150px;min-width:120px;display:flex;flex-direction:column;overflow-x:auto;background-color:var(--t-color-bg);border:1px solid var(--t-color-border);border-radius:var(--t-radius-sm);box-shadow:0 4px 6px #0000001a;padding:.25em}.t-theme-message-field .t-mention-suggest-list button{width:100%;display:flex;align-items:center;padding:.5em .375em;font-size:var(--t-font-size-xs);line-height:1.25;color:var(--t-color-text);cursor:pointer;background:none;border:0;border-radius:var(--t-radius-xs);text-align:left;white-space:nowrap;transition:background-color .12s ease-out,color .12s ease-out}.t-theme-message-field .t-mention-suggest-list button:hover,.t-theme-message-field .t-mention-suggest-list button:focus,.t-theme-message-field .t-mention-suggest-list button.focused{background-color:var(--t-color-bg-muted);color:var(--t-color-text);outline:none}.t-theme-message-field .t-edit-row{display:flex;gap:8px;margin-left:auto}.t-theme-message-field .t-edit-row button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:var(--t-radius-sm);font-size:var(--t-font-size-sm);font-weight:var(--t-font-weight-medium);line-height:1;border:1px solid transparent;cursor:pointer;transform:translateZ(0);transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform 80ms ease}.t-theme-message-field .t-edit-row button:focus-visible{outline:2px solid var(--t-color-brand-primary);outline-offset:2px}.t-theme-message-field .t-edit-row button:not(:disabled):active{transform:scale(.97)}.t-theme-message-field .t-edit-row button{background:var(--t-color-bg);border:1px solid var(--t-color-gray-600);color:var(--t-color-text)}.t-theme-message-field .t-edit-row button:not(:disabled):hover{background:var(--t-color-bg-muted)}.t-theme-message-field .t-edit-row button[t-action=save]{background:var(--t-color-brand-primary);color:var(--t-color-brand-primary-fg);border-color:var(--t-color-brand-primary)}.t-theme-message-field .t-edit-row button[t-action=save]:not(:disabled):hover{background:var(--t-color-brand-primary-hover);border-color:var(--t-color-brand-primary-hover)}.t-theme-message-field .t-edit-row button:disabled,.t-theme-message-field .t-edit-row button[t-action=save]:disabled{opacity:1;background:var(--t-color-border);border-color:var(--t-color-border);color:var(--t-color-text-disabled);pointer-events:none}.t-theme-message-field .t-text-form{width:100%;max-width:100%;margin:0 auto;display:flex;align-items:center;gap:.5em}.t-theme-message-field[t-mode=edit] .t-text-form{flex-direction:column}.t-theme-message-field .t-editor .t-text-input{border-radius:var(--t-radius-sm);border:1px solid var(--t-color-border-strong);height:auto;max-height:9em;background-color:transparent;display:block;resize:none;overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain;word-break:break-word;white-space:pre-wrap;padding:9px 40px 9px 12px;transition:box-shadow .15s ease-out}.t-theme-message-field .t-editor .t-text-input:focus{border-color:var(--t-color-border-focus);outline:none}.t-theme-message-field .t-editor .t-text-input:focus-visible{border-color:var(--t-color-border-focus);outline:2px solid var(--t-color-border-strong);outline-offset:1px}.t-theme-message-field .t-editor .t-text-input p{margin:0;padding:0;border:0;outline:0}.t-theme-message-field .t-editor .t-mention{color:var(--t-color-brand-primary)}.t-theme-message-field .t-attachment-column,.t-theme-message-field .t-send-column{flex-grow:0;flex-shrink:0;white-space:nowrap;align-self:flex-end;display:flex}.t-theme-message-field .t-textbox-column{position:relative;flex-grow:1;width:100%}.t-theme-message-field .t-record-button:focus-visible,.t-theme-message-field .t-send-button:focus-visible{outline:2px solid var(--t-color-focus-ring-strong);outline-offset:1px}.t-theme-message-field .t-record-button,.t-theme-message-field .t-send-button{display:flex}.t-theme-message-field .t-record-button:disabled,.t-theme-message-field .t-send-button:disabled{background:var(--t-color-border);border-color:var(--t-color-border);color:var(--t-color-text-disabled);cursor:default;pointer-events:none}.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:8px;top:0;bottom:0;display:flex;gap:0;align-items:center}.t-theme-message-field [t-kind=icon-button]{width:30px;height:30px;padding:0;border:0;border-radius:var(--t-radius-full);cursor:pointer;display:inline-flex;justify-content:center;align-items:center;background:transparent;color:var(--t-color-text-muted);transition:.15s ease-out}.t-theme-message-field [t-kind=icon-button]:not(:disabled):hover,.t-theme-message-field [t-kind=icon-button]:not(:disabled):focus{color:currentColor;opacity:1}.t-theme-message-field .t-record-button,.t-theme-message-field .t-send-button{width:2.571em;height:2.571em;padding:.571em}.t-theme-message-field .t-attachment-button{height:2.571em;padding-block:.571em}.t-theme-message-field .t-record-button,.t-theme-message-field .t-send-button{border:1px solid var(--t-color-brand-primary);border-radius:var(--t-radius-sm);display:inline-flex;justify-content:center;align-items:center;cursor:pointer;background:var(--t-color-brand-primary);color:var(--t-color-text-inverse);transition:.15s ease-out}.t-theme-message-field .t-record-button:not(:disabled):hover,.t-theme-message-field .t-record-button:not(:disabled):focus,.t-theme-message-field .t-send-button:not(:disabled):hover,.t-theme-message-field .t-send-button:not(:disabled):focus{background-color:var(--t-color-brand-primary-hover);border-color:var(--t-color-brand-primary-hover);color:var(--t-color-text-inverse)}.t-theme-message-field [t-kind=icon-button]:focus-visible{outline:2px solid var(--t-color-focus-ring);outline-offset:1px}.t-theme-message-field .t-emoji-picker-wrapper{width:100%;height:350px;overflow:hidden;flex-shrink:1;border-top:1px solid var(--t-color-border)}.t-message-list .t-message-divider{display:grid;grid-template-columns:1fr max-content 1fr;width:100%;margin:1.3em .5em 0;color:var(--t-color-text-muted);font-size:var(--t-font-size-sm)}.t-message-divider span{height:1.3em;padding:0 12px;white-space:nowrap;vertical-align:top}.t-message-divider .t-line[t-side=right]{display:grid;grid-column:3;grid-template-columns:1fr max-content;gap:10px}.t-message-divider .t-line .t-line-segment{width:100%;height:0;margin-top:10px;border:0;border-bottom:1px solid var(--t-color-border)}.t-message-divider .t-line .t-unread-marker{position:relative;top:-4px;height:28px;padding:3px 10px;border:1px solid var(--t-color-border);border-radius:var(--t-radius-full);vertical-align:middle}.t-theme-after-messages{display:flex;align-items:center;justify-content:flex-start;gap:.5em;margin-top:1.35em}.t-theme-after-messages .t-typing-avatars{display:flex;align-items:center;justify-content:center;width:fit-content}.t-theme-after-messages .t-typing-avatars>.t-theme-avatar{display:flex;align-items:center;justify-content:center;width:2.5em;height:2.5em;color:var(--t-color-text);font-size:var(--t-font-size-xs);line-height:2.5em;vertical-align:text-top}.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;align-items:center;justify-content:center;padding:0 .75em;border-radius:var(--t-radius-lg);background-color:var(--t-color-bg-muted);color:var(--t-color-text);font-size:var(--t-font-size-xs)}.t-theme-after-messages .t-typing-animation{display:flex;align-items:center;gap:4px;height:2.5em;line-height:2.5em}.t-theme-after-messages .t-typing-animation span{display:inline-block;width:6px;height:6px;border-radius:50%;background-color:var(--t-color-text-muted);animation-name:typing-bounce;animation-duration:1.3s;animation-timing-function:linear;animation-iteration-count:infinite}.t-theme-after-messages .t-typing-animation span:nth-of-type(1){opacity:.4}.t-theme-after-messages .t-typing-animation span:nth-of-type(2){animation-delay:.15s;opacity:.7}.t-theme-after-messages .t-typing-animation span:nth-of-type(3){animation-delay:.3s}@keyframes typing-bounce{0%,60%,to{transform:translateY(0)}30%{transform:translateY(-4px)}}.t-theme-audio-block{display:contents}.t-theme-audio-block .t-audio-player{margin:6px 0 0}.t-theme-audio-block .t-download-icon{width:1em;height:1em;margin-right:.2em}.t-theme-audio-block .t-metadata{display:flex;align-items:center;gap:.25em;min-width:0;margin:4px 0;color:var(--t-color-text);font-size:var(--t-font-size-xs);line-height:1em}.t-theme-audio-block .t-metadata a{display:flex;align-items:center;flex:0 1 auto;gap:.25em;min-width:0;max-width:100%;overflow:hidden;transition:color .15s cubic-bezier(.4,0,.2,1),text-decoration .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1)}.t-theme-audio-block .t-metadata a:hover{opacity:.7;text-decoration-line:none}.t-theme-audio-block .t-metadata a .t-download-icon,.t-theme-audio-block .t-filesize{flex:0 0 auto}.t-theme-audio-block .t-filename{display:block;min-width:0;max-width:24ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.t-theme-audio-block .t-filesize{white-space:nowrap}.t-theme-message[t-sender=currentUser] .t-theme-audio-block .t-metadata{color:var(--t-attachment-meta-fg-on-outgoing)}.t-theme-message[t-sender=other] .t-theme-audio-block .t-play-pause-icon{color:var(--t-color-bg-muted)}.t-theme-message[t-sender=currentUser] .t-theme-audio-block .t-play-pause-icon{color:var(--t-color-brand-primary)}.t-theme-message[t-sender=system] .t-theme-audio-block .t-play-pause-icon{color:var(--t-color-bg)}.t-theme-file-block{display:contents}.t-theme-file-block .t-attachment-icon{width:1em;height:1em}.t-theme-file-block .t-metadata{display:flex;align-items:center;gap:.25em;min-width:0;margin:4px 0;color:var(--t-color-text);font-size:var(--t-font-size-xs);line-height:1em}.t-theme-file-block .t-metadata a{display:flex;align-items:center;flex:0 1 auto;gap:.25em;min-width:0;max-width:100%;overflow:hidden;transition:color .15s cubic-bezier(.4,0,.2,1),text-decoration .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1)}.t-theme-file-block .t-metadata a:hover{opacity:.7;text-decoration-line:none}.t-theme-file-block .t-metadata a .t-attachment-icon,.t-theme-file-block .t-filesize{flex:0 0 auto}.t-theme-file-block .t-metadata a span{display:block;min-width:0;max-width:24ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.t-theme-file-block .t-filesize{white-space:nowrap}.t-theme-message[t-sender=currentUser] .t-theme-file-block .t-metadata{color:var(--t-attachment-meta-fg-on-outgoing)}.t-theme-file-block .t-loading-spinner{display:block;width:4em;height:4em;margin:auto;animation:spin 1.2s cubic-bezier(.42,0,.58,1) infinite}.t-theme-image-block{display:contents}.t-theme-image-block .t-download-icon{width:1em;height:1em;margin-right:.2em}.t-image-wrapper{display:block;min-height:40px;max-height:400px;height:auto;padding:0}.t-theme-image-block .t-root{display:flex;align-items:center;justify-content:center;height:auto;min-height:inherit;max-height:inherit;max-width:min(100%,calc(var(--img-w) * 1px));margin:4px 0 .5em;overflow:hidden;aspect-ratio:var(--img-w) / var(--img-h)}.t-theme-image-block .t-image{width:100%;height:100%;max-width:calc(var(--img-w) * 1px);max-height:calc(var(--img-h) * 1px);border-radius:var(--t-radius-md);object-fit:contain;background-color:var(--t-color-bg-muted)}.t-theme-image-block .t-metadata{display:flex;align-items:center;gap:.25em;min-width:0;margin:4px 0;color:var(--t-color-text);font-size:var(--t-font-size-xs);line-height:1em}.t-theme-image-block .t-metadata a{display:flex;align-items:center;flex:0 1 auto;gap:.25em;min-width:0;max-width:100%;overflow:hidden;transition:color .15s cubic-bezier(.4,0,.2,1),text-decoration .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1)}.t-theme-image-block .t-metadata a:hover{opacity:.7;text-decoration-line:none}.t-theme-image-block .t-metadata a .t-download-icon,.t-theme-image-block .t-filesize{flex:0 0 auto}.t-theme-image-block .t-metadata a span{display:block;min-width:0;max-width:24ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.t-theme-image-block .t-filesize{white-space:nowrap}.t-theme-message[t-sender=currentUser] .t-theme-image-block .t-metadata{color:var(--t-attachment-meta-fg-on-outgoing)}.t-theme-location-block{display:contents}.t-location-wrapper{display:block;height:auto;padding:4px 0}.t-theme-location-block .t-root{display:block;width:100%;aspect-ratio:3 / 2;min-height:100px;background-position:center;background-repeat:no-repeat;background-size:cover;border-radius:var(--t-radius-md)}.t-theme-location-block .t-metadata{display:flex;align-items:center;gap:.25em;min-width:0;margin:4px 0;color:var(--t-color-text);font-size:var(--t-font-size-xs);line-height:1em}.t-theme-location-block .t-location-icon{flex:0 0 auto;width:1em;height:1em}.t-theme-location-block .t-metadata a{display:flex;align-items:center;flex:0 1 auto;gap:.25em;min-width:0;max-width:100%;overflow:hidden;transition:color .15s cubic-bezier(.4,0,.2,1),text-decoration .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1)}.t-theme-location-block .t-metadata a:hover{opacity:.7;text-decoration-line:none}.t-theme-location-block .t-location-link{display:block;min-width:0;max-width:24ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.t-theme-message[t-sender=currentUser] .t-theme-location-block .t-metadata{color:var(--t-attachment-meta-fg-on-outgoing)}.t-theme-text-block{display:contents}.t-theme-text-block .t-text{white-space:pre-wrap}.t-theme-text-block .t-text .t-emoji{width:1.15em;height:1.15em;margin:0 .1em .1em;vertical-align:middle}.t-theme-text-block ul{margin:0;padding-left:0}.t-theme-text-block ul li{margin-bottom:.25em;margin-left:1em}.t-theme-text-block ul li:last-child{margin-bottom:0}.t-theme-video-block{display:contents}.t-theme-video-block .t-download-icon{width:1em;height:1em;margin-right:.2em}.t-video-wrapper{display:block;min-height:40px;max-height:400px;height:auto}.t-theme-video-block .t-root{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;height:auto;min-height:inherit;max-height:inherit;margin:4px 0 .5em;overflow:hidden;aspect-ratio:var(--video-w) / var(--video-h);border-radius:var(--t-radius-md);box-sizing:border-box}.t-theme-video-block .t-video{display:block;width:100%;height:100%;object-fit:contain;background-color:var(--t-video-overlay-bg)}.t-theme-video-block .t-metadata{display:flex;align-items:center;gap:.25em;min-width:0;margin:4px 0;color:var(--t-color-text);font-size:var(--t-font-size-xs);line-height:1em}.t-theme-message[t-sender=currentUser] .t-theme-video-block .t-metadata{color:var(--t-attachment-meta-fg-on-outgoing)}.t-theme-video-block .t-metadata a{display:flex;align-items:center;flex:0 1 auto;gap:.25em;min-width:0;max-width:100%;overflow:hidden;transition:color .15s cubic-bezier(.4,0,.2,1),text-decoration .15s cubic-bezier(.4,0,.2,1),opacity .15s cubic-bezier(.4,0,.2,1)}.t-theme-video-block .t-metadata a:hover{opacity:.7;text-decoration-line:none}.t-theme-video-block .t-download-icon,.t-theme-video-block .t-filesize{flex:0 0 auto}.t-theme-video-block .t-filename{display:block;min-width:0;max-width:24ch;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.t-theme-video-block .t-filesize{font-size:var(--t-font-size-xs);white-space:nowrap}.t-theme-voice-block{width:100%;min-width:25ch;margin:0}.t-theme-message[t-sender=other] .t-theme-voice-block .t-play-pause-icon{color:var(--t-color-bg-muted)}.t-theme-message[t-sender=currentUser] .t-theme-voice-block .t-play-pause-icon{color:var(--t-color-brand-primary)}.t-theme-message[t-sender=system] .t-theme-voice-block .t-play-pause-icon{color:var(--t-color-bg)}.t-theme-conversation-list-item{display:flex;align-items:center;gap:.5rem;width:100%;height:auto;min-height:65px;padding:12px;overflow:hidden;color:var(--t-color-text);text-decoration:none;text-align:initial;overflow-wrap:break-word;background-color:var(--t-color-bg);border:none;border-bottom:1px solid var(--t-color-border);transition:color .1s ease-in-out,background-color .1s ease-in-out}.t-theme-conversation-list-item a{color:var(--t-color-text)}.t-theme-conversation-list-item:last-child{margin-bottom:0}.t-theme-conversation-list-item:hover{cursor:pointer;background-color:var(--t-color-bg-subtle)}.t-theme-conversation-list-item:focus-visible{outline:var(--t-color-focus-ring) 2px solid;outline-offset:-2px}.t-theme-conversation-list-item[t-selected]{color:var(--t-color-text-inverse);background-color:var(--t-color-brand-primary);transform:translateZ(0)}.t-theme-conversation-list-item[t-selected] a{color:var(--t-color-text-inverse)}.t-theme-conversation-list-item[t-selected]:focus-visible{outline:var(--t-color-bg) 2px solid;outline-offset:-4px;border-bottom:0}.t-theme-conversation-list-item[t-unread]{color:var(--t-color-text)}.t-theme-conversation-list-item[t-selected][t-unread]{color:var(--t-color-text-inverse);background-color:var(--t-color-brand-primary)}.t-theme-conversation-list-item .t-inner{flex-basis:0;flex-grow:1;min-width:0;margin-left:10px}.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:0}.t-theme-conversation-list-item .t-timestamp,.t-theme-conversation-list-item .t-unread-dot{flex-shrink:0;margin-left:4px}.t-theme-conversation-list-item .t-timestamp{color:var(--t-color-text-muted);font-size:var(--t-font-size-xs)}.t-theme-conversation-list-item .t-conversation-name,.t-theme-conversation-list-item .t-message{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-theme-conversation-list-item .t-conversation-name{font-size:var(--t-font-size-sm);font-weight:var(--t-font-weight-semibold)}.t-theme-conversation-list-item .t-message{flex-basis:0;color:var(--t-color-text-muted);font-size:var(--t-font-size-xs)}.t-theme-conversation-list-item .t-unread-dot{display:flex;align-items:center;justify-content:center;min-width:20px;padding:3px 4px;border-radius:var(--t-radius-sm);color:var(--t-color-bg);background-color:var(--t-color-brand-primary);font-size:var(--t-font-size-xs);line-height:1;text-align:center}.t-theme-conversation-list-item .t-unread-dot:empty{min-width:10px;min-height:10px;padding:0;border-radius:var(--t-radius-full)}.t-theme-conversation-list-item .t-unread-generic-dot{padding:.6ex;transform:scale(.999);border-radius:var(--t-radius-full);background-color:var(--t-color-brand-primary)}.t-theme-conversation-list-item[t-selected] .t-unread-dot,.t-theme-conversation-list-item[t-selected] .t-unread-generic-dot{color:var(--t-color-brand-primary);background-color:var(--t-color-bg)}.t-theme-conversation-list-item[t-selected] .t-timestamp,.t-theme-conversation-list-item[t-selected] .t-message{color:var(--t-color-text-inverse-muted)}[t-mobile-inbox] .t-theme-conversation-list-item{transition:color .4s ease-out,background-color .4s ease-out}.t-theme-global-search-result-item{display:flex;align-items:center;gap:.5rem;width:100%;height:auto;min-height:65px;padding:12px;overflow:hidden;color:var(--t-color-text);text-decoration:none;text-align:initial;overflow-wrap:break-word;background-color:var(--t-color-bg);border:none;border-bottom:1px solid var(--t-color-border);transition:color .1s ease-in-out,background-color .1s ease-in-out}.t-theme-global-search-result-header+.t-theme-global-search-result-item{border-top:1px solid var(--t-color-border)}.t-theme-global-search-result-item a{color:var(--t-color-text)}.t-theme-global-search-result-item:last-child{margin-bottom:10px}.t-theme-global-search-result-item:hover{cursor:pointer;background-color:var(--t-color-bg-subtle)}.t-theme-global-search-result-item:focus-visible{outline:var(--t-color-focus-ring) 2px solid;outline-offset:-2px}.t-theme-global-search-result-item[t-selected]{color:var(--t-color-text-inverse);background-color:var(--t-color-brand-primary)}.t-theme-global-search-result-item[t-selected] a{color:var(--t-color-text-inverse)}.t-theme-global-search-result-item[t-selected]:focus-visible{outline:var(--t-color-bg) 2px solid;outline-offset:-4px;border-bottom:0}.t-theme-global-search-result-item[t-unread]{color:var(--t-color-text)}.t-theme-global-search-result-item[t-selected][t-unread]{color:var(--t-color-text-inverse);background-color:var(--t-color-brand-primary)}.t-theme-global-search-result-item .t-inner{flex-basis:0;flex-grow:1;min-width:0;margin-left:10px}.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:0}.t-theme-global-search-result-item .t-timestamp,.t-theme-global-search-result-item .t-unread-dot{flex-shrink:0;margin-left:4px}.t-theme-global-search-result-item .t-timestamp{color:var(--t-color-text-muted);font-size:var(--t-font-size-xs)}.t-theme-global-search-result-item .t-conversation-name,.t-theme-global-search-result-item .t-message{flex-grow:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-theme-global-search-result-item .t-conversation-name{font-size:var(--t-font-size-sm);font-weight:var(--t-font-weight-semibold)}.t-theme-global-search-result-item .t-message{flex-basis:0;color:var(--t-color-text-muted);font-size:var(--t-font-size-xs)}.t-theme-global-search-result-item .t-unread-dot{display:flex;align-items:center;justify-content:center;min-width:20px;padding:3px 4px;border-radius:var(--t-radius-sm);color:var(--t-color-bg);background-color:var(--t-color-brand-primary);font-size:var(--t-font-size-xs);line-height:1;text-align:center}.t-theme-global-search-result-item .t-unread-dot:empty{min-width:10px;min-height:10px;padding:0;border-radius:var(--t-radius-full)}.t-theme-global-search-result-item .t-unread-generic-dot{padding:.6ex;transform:scale(.999);border-radius:var(--t-radius-full);background-color:var(--t-color-brand-primary)}.t-theme-global-search-result-item[t-selected] .t-unread-dot,.t-theme-global-search-result-item[t-selected] .t-unread-generic-dot{color:var(--t-color-brand-primary);background-color:var(--t-color-bg)}.t-theme-global-search-result-item[t-selected] .t-timestamp,.t-theme-global-search-result-item[t-selected] .t-message{color:var(--t-color-text-inverse-muted)}.t-highlighted-text{color:var(--t-color-text);background-color:#ff0;border-radius:var(--t-radius-xs);box-decoration-break:clone;padding:.05em .15em}.t-theme-global-search-result-header{display:flex;justify-content:space-between;align-items:center;background-color:var(--t-color-bg-subtle);position:sticky;top:0;z-index:1}.t-theme-global-search-result-header .t-title{padding:12px;font-weight:var(--t-font-weight-medium);font-size:var(--t-font-size-xs);color:var(--t-color-text-muted);text-transform:uppercase;letter-spacing:.05em}.t-theme-global-search-result-header .t-show-more{background:none;border:none;padding:12px;font-size:var(--t-font-size-xs);color:var(--t-color-text);text-transform:none;letter-spacing:normal;cursor:pointer}.t-theme-global-search-result-header .t-show-more:hover:not(:disabled){text-decoration:underline}.t-theme-global-search-result-header .t-show-more:focus-visible{outline:2px solid var(--t-color-focus-ring);outline-offset:1px;border-radius:var(--t-radius-xs)}.t-theme-global-search-result-header .t-show-more:disabled{opacity:.6;cursor:not-allowed}.t-theme-global-search-header{position:relative;z-index:1;background-color:var(--t-color-bg);border-bottom:1px solid var(--t-color-border)}.t-theme-global-search-box{display:flex;align-items:stretch;box-sizing:border-box;width:auto;min-height:40px;margin:12px;border:1px solid var(--t-color-border-strong);border-radius:var(--t-radius-md);background-color:var(--t-color-bg);color:var(--t-color-text);transition:border-color .2s,background-color .2s,box-shadow .2s;overflow:hidden}.t-theme-global-search-box:focus-within{background-color:var(--t-color-bg)}.t-theme-global-search-box .t-search-icon{flex:0 0 3em;align-self:stretch;display:flex;align-items:center;justify-content:center;color:var(--t-color-text-muted);background-color:var(--t-color-bg-subtle);border-right:1px solid var(--t-color-border-strong);pointer-events:none}.t-theme-global-search-box .t-search-icon .t-icon{width:1.25em;height:1.25em}.t-theme-global-search-box .t-input{flex:1;min-width:0;height:auto;align-self:stretch;border:none;outline:none;background:transparent;color:inherit;font:inherit;padding:0 1em}.t-theme-global-search-box .t-input:focus{outline:none}.t-theme-global-search-box .t-input:focus-visible{outline:none}.t-theme-global-search-box:has(.t-input:focus){border-color:var(--t-color-border-focus)}.t-theme-global-search-box:has(.t-input:focus-visible){border-color:var(--t-color-border-focus);outline:2px solid var(--t-color-border-strong);outline-offset:1px}.t-theme-global-search-box .t-input::placeholder{color:var(--t-color-text-muted);opacity:1}.t-theme-global-search-box .t-input::-webkit-search-cancel-button{display:none}.t-theme-global-search-box .t-clear{flex:0 0 auto;display:flex;align-items:center;justify-content:center;margin-right:.375em;padding:0;border:none;background:transparent;color:var(--t-color-text-muted);cursor:pointer;transition:background-color .2s,color .2s}.t-theme-global-search-box .t-clear:hover{color:var(--t-color-text)}.t-theme-global-search-box .t-clear:focus-visible{outline:2px solid var(--t-color-focus-ring);outline-offset:2px}.t-theme-avatar{display:block;width:40px;height:40px;overflow:hidden;flex-shrink:0;align-self:flex-start;background-color:var(--t-color-bg-muted);background-position:center;background-repeat:no-repeat;background-size:cover;border:1px solid var(--t-color-bg);border-radius:50%}.t-theme-group-chat-image{position:relative;display:flex;align-items:center;flex-shrink:0}.t-theme-group-chat-image .t-mini-avatar,.t-theme-group-chat-image .t-counter{width:40px;height:40px;border-radius:50%}.t-theme-group-chat-image .t-mini-avatar{position:relative;background-color:var(--t-color-white);background-position:center;background-size:cover;border:1px solid var(--t-color-bg)}.t-theme-group-chat-image .t-mini-avatar:nth-child(1){margin:0}.t-theme-group-chat-image .t-mini-avatar:nth-child(2),.t-theme-group-chat-image .t-counter{margin-left:-20px;margin-top:20px}.t-theme-group-chat-image .t-counter{z-index:10;display:flex;align-items:center;justify-content:center;width:20px;height:20px;padding:0;color:var(--t-color-text);background-color:var(--t-color-bg-muted);border:1px solid var(--t-color-bg)}.t-counter text{font-size:80%;font-weight:var(--t-font-weight-medium)}.t-theme-group-chat-image .t-group{border:none;color:var(--t-color-border)}.t-theme-referenced-message{display:flex;align-items:center;gap:8px;width:100%;margin-top:4px;padding:6px 10px 6px 6px;border-radius:var(--t-radius-md)}.t-theme-referenced-message .t-accent-bar{width:2px;align-self:stretch;flex-shrink:0;border-radius:var(--t-radius-xs)}.t-theme-referenced-message .t-inner{display:flex;flex-direction:column;gap:2px;min-width:0}.t-theme-referenced-message .t-sender-name{font-size:var(--t-font-size-xs);font-weight:var(--t-font-weight-medium)}.t-theme-referenced-message .t-content{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.t-theme-referenced-message .t-content a{color:currentColor}.t-theme-message[t-sender=other] .t-theme-referenced-message{background-color:var(--t-color-bg)}.t-theme-message[t-sender=other] .t-theme-referenced-message .t-accent-bar{background-color:var(--t-color-text-muted)}.t-theme-message[t-sender=other] .t-theme-referenced-message .t-sender-name{color:var(--t-color-text-muted)}.t-theme-message[t-sender=currentUser] .t-theme-referenced-message{background-color:var(--t-color-black-15)}.t-theme-message[t-sender=currentUser] .t-theme-referenced-message .t-accent-bar{background-color:var(--t-color-text-inverse-muted)}.t-theme-message[t-sender=currentUser] .t-theme-referenced-message .t-sender-name{color:var(--t-color-text-inverse-muted)}.t-theme-reply-bar{display:flex;align-items:center;padding:10px 12px;color:var(--t-color-text);background-color:var(--t-color-bg-muted);border-top:1px solid var(--t-color-border)}.t-theme-reply-bar .t-sender-name{font-weight:var(--t-font-weight-medium)}.t-theme-reply-bar .t-content{overflow:hidden;padding:.165rem 0;white-space:nowrap;text-overflow:ellipsis}.t-theme-reply-bar .t-close-button{display:flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;color:var(--t-color-text-muted);background:transparent;border:0;border-radius:var(--t-radius-full);cursor:pointer;transition:.15s ease-out}.t-theme-reply-bar .t-close-button:hover{color:var(--t-color-text);opacity:1}.t-theme-reply-bar .t-reply-icon{flex-shrink:0}.t-theme-reply-bar .t-body{flex-grow:1;padding:0 1em 0 1.5em;overflow:hidden}.t-theme-reply-bar .t-mention,.t-theme-reply-bar .t-mention[t-is-current-user]{margin:0;padding:2px 6px;color:var(--t-color-text);line-height:1.5;font-weight:var(--t-font-weight-medium);background-color:var(--t-color-bg-muted);border-radius:var(--t-radius-full)}.t-message,.t-theme-compact-message-content{display:flex;align-items:center;gap:.25em;min-width:0}.t-theme-compact-message-content{overflow:hidden}.t-theme-compact-message-content>.t-icon{width:1.25em;height:1.25em;flex-shrink:0}.t-theme-compact-message-content .t-text{min-width:0;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:.25em;list-style:inside;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.t-theme-chat-search-wrap{position:relative;width:100%}.t-theme-chat-search-box{display:flex;align-items:center;flex-direction:row;flex-shrink:0;flex-grow:1;gap:.5em;padding:12px;background-color:transparent}.t-theme-chat-search-box .t-search-field{position:relative;flex-grow:1;display:flex;align-items:center;min-height:41px;padding:0 0 0 1em;margin-right:.25em;border:1px solid var(--t-color-border-strong);border-radius:var(--t-radius-md);background-color:var(--t-color-bg);transition:border-color .2s,background-color .2s,box-shadow .2s}.t-theme-chat-search-box .t-search-field:focus-within{background-color:var(--t-color-bg)}.t-theme-chat-search-box .t-search-field:has(.t-search-input:focus){border-color:var(--t-color-border-focus)}.t-theme-chat-search-box .t-search-field:has(.t-search-input:focus-visible){border-color:var(--t-color-border-focus);outline:2px solid var(--t-color-border-strong);outline-offset:1px}.t-theme-chat-search-box .t-search-input{flex:1;min-width:0;border:none;outline:none;background:transparent;color:inherit;font:inherit;padding:0}.t-theme-chat-search-box .t-clear{flex:0 0 auto;display:flex;align-items:center;justify-content:center;margin-right:.375em;padding:0;border:none;background:transparent;color:var(--t-color-text-muted);cursor:pointer;transition:background-color .2s,color .2s}.t-theme-chat-search-box .t-clear:hover{color:var(--t-color-text)}.t-theme-chat-search-box .t-clear:focus-visible{outline:2px solid var(--t-color-focus-ring);outline-offset:2px}.t-theme-chat-search-box .t-search-input[type=search]::-webkit-search-cancel-button{display:none}.t-theme-chat-search-box .t-search-input::placeholder{color:var(--t-color-text-muted);opacity:1}.t-theme-chat-search-box .t-search-input:focus{outline:none}.t-theme-chat-search-box .t-search-input:focus-visible{outline:none}.t-theme-chat-search-box .t-button{display:inline-block;cursor:pointer;outline:none;font-size:1em;font-weight:var(--t-font-weight-bold);border:none;border-radius:var(--t-radius-sm);text-align:center;background:transparent;color:var(--t-color-text-muted);padding:.1em .5em 0;transition:color .125s ease-in-out,background-color .125s ease-in-out}.t-theme-chat-search-box .t-button:hover{color:var(--t-color-text)}.t-theme-chat-search-box .t-button:focus-visible{outline:2px solid var(--t-color-focus-ring);outline-offset:1px}.t-theme-chat-search-box .t-previous-button,.t-theme-chat-search-box .t-next-button{padding:.175em;display:flex;justify-content:center;align-items:center}.t-theme-chat-search-box .t-back-button{height:auto;padding:0;display:flex;justify-content:center;align-items:center}.t-theme-chat-search-status{position:absolute;top:100%;left:0;right:0;z-index:2;display:flex;align-items:center;min-height:40px;padding:0 12px;justify-content:center;background-color:var(--t-color-bg-subtle);border-top:1px solid var(--t-color-border);border-bottom:1px solid var(--t-color-border);color:var(--t-color-text);font-size:var(--t-font-size-xs)}.t-theme-chat-search-status .t-text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.t-theme-recording-preview{display:contents}.t-theme-recording-preview .t-close-button{align-self:center}.t-theme-recording-preview .t-textbox-column{display:flex;flex:1;align-items:center;justify-content:space-between;gap:.625em;height:auto;padding:0 .5rem 0 0;overflow:hidden;background-color:transparent;border-top:1px solid transparent}.t-theme-recording-preview .t-duration,.t-audio-player .t-playback-speed{font-size:var(--t-font-size-sm)}.t-theme-recording-preview .t-audio-player{height:auto;padding:0}.t-theme-recording-preview .t-play-pause-icon{color:var(--t-color-bg-muted)}.t-theme-recording-preview .t-loading{display:flex;align-items:center;padding:8px}.t-theme-recording-preview .t-spinner{animation:t-recording-preview-spin 2s linear infinite}@keyframes t-recording-preview-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.t-theme-recording-preview .t-error-msg{color:var(--t-color-danger);white-space:normal}.t-theme-voice-recorder{display:contents}.t-theme-voice-recorder .t-close-button{align-self:center}.t-theme-voice-recorder .t-textbox-column{display:flex;flex:1;align-items:center;justify-content:space-between;gap:.625em;height:auto;padding:7px 12px 8px;overflow:hidden;background-color:transparent;border:1px solid var(--t-color-border-strong);border-radius:var(--t-radius-sm)}.t-theme-voice-recorder .t-waveform{position:relative;z-index:0;width:100%;height:auto;margin:0;flex-grow:1}.t-theme-voice-recorder .t-duration{font-size:var(--t-font-size-sm)}.t-theme-voice-recorder .t-stop-button{width:2.571em;height:2.571em;padding:.571em;color:var(--t-color-bg);background-color:var(--t-color-danger);border:1px solid var(--t-color-danger);border-radius:var(--t-radius-sm);transition:.15s ease-out}.t-theme-voice-recorder .t-stop-button:not(:disabled):hover,.t-theme-voice-recorder .t-stop-button:not(:disabled):focus{color:var(--t-color-bg);background-color:var(--t-color-danger-hover);border-color:var(--t-color-danger-hover)}.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:2rem;color:var(--t-color-text-muted);font-size:var(--t-font-size-sm);line-height:var(--t-line-height-base);text-align:center}.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{animation:spin 1.2s cubic-bezier(.42,0,.58,1) infinite;display:block;margin:auto;width:4em;height:4em}.t-icon{display:inline-block;vertical-align:middle;overflow:hidden}.t-icon.t-spin{animation-name:t-icon-spin;animation-duration:2s;animation-iteration-count:infinite;animation-timing-function:linear;transform-origin:center;transform-box:fill-box}@keyframes t-icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.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;justify-content:space-between;column-gap:12px}.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-play-pause-wrapper{width:40px;height:40px;background:currentColor;border-radius:9999px;display:flex;justify-content:center;align-items:center}.t-audio-player .t-playback-speed{width:auto;text-align:right}.t-audio-player .t-play-pause-icon{width:20px;height:20px;color:inherit}.t-audio-player .t-up-down-icon{vertical-align:middle}.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;color:#171717;background-color:#fff;border:1px solid rgb(235 235 235);border-radius:.25em;box-shadow:0 4px 6px #0000001a;padding:.25em}.t-playback-speed-menu .t-heading{opacity:.5;padding:.5em 1em}.t-playback-speed-menu .t-menu-item{padding:.45em .65em;cursor:pointer;background:transparent;border:none;border-radius:.125em;text-align:left}.t-playback-speed-menu .t-menu-item:hover{background:#ebebeb;color:currentColor;outline:none}.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 12px;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:var(--t-color-bg, rgb(255 255 255));border-radius:var(--t-radius-lg, .75em);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:var(--t-color-bg-muted, rgb(242 242 242));border-radius:var(--t-radius-md, .5em);overflow:hidden}: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:var(--t-color-bg-muted, rgb(242 242 242));display:block;padding-bottom:calc((400 / 600) * 100%)}@supports (aspect-ratio: 1 / 1){:is(.t-upload-preview .t-preview) .t-location-upload-preview{aspect-ratio:3 / 2;padding-bottom:0}}.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;overflow-wrap:anywhere;word-break:normal;padding:.5rem 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:var(--t-radius-xl, .75em);margin-bottom:1rem}:is(.t-upload-preview .t-filename-row) .t-file-block{background-color:var(--t-color-bg, rgb(255 255 255));padding:16px 32px;border-radius:var(--t-radius-md, .375em);display:inline-block}.t-upload-preview .t-error-row{border:1px solid var(--t-color-danger, rgb(225 29 72));border-radius:var(--t-radius-sm, .5em);padding:.75em;background-color:var(--t-color-danger-subtle, rgb(255 241 242));color:var(--t-color-danger-hover, rgb(159 18 57));white-space:normal}.t-upload-preview .t-send-row{position:sticky;bottom:0;padding:.5em 0 0;display:flex;justify-content:flex-end;gap:8px;background:var(--t-color-bg, rgb(255 255 255))}.t-upload-preview .t-cancel,.t-upload-preview .t-confirm-send{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:var(--t-radius-sm, .5rem);font-size:var(--t-font-size-base, 14px);font-weight:var(--t-font-weight-medium, 500);line-height:1;border:1px solid transparent;cursor:pointer;transform:translateZ(0);transition:background-color .15s ease,border-color .15s ease,color .15s ease,transform 80ms ease}.t-upload-preview .t-cancel:focus-visible,.t-upload-preview .t-confirm-send:focus-visible{outline:2px solid var(--t-color-brand-primary, rgb(0 125 249));outline-offset:2px}.t-upload-preview .t-cancel:not(:disabled):active,.t-upload-preview .t-confirm-send:not(:disabled):active{transform:scale(.97)}.t-upload-preview .t-cancel{background:var(--t-color-bg, rgb(236 236 236));border-color:var(--t-color-gray-600, rgb(236 236 236));color:var(--t-color-text, rgb(23 23 23))}.t-upload-preview .t-cancel:not(:disabled):hover{background:var(--t-color-bg-muted, rgb(242 242 242))}.t-upload-preview .t-confirm-send{background:var(--t-color-brand-primary, rgb(0 125 249));color:var(--t-color-brand-primary-fg, rgb(255 255 255));border-color:var(--t-color-brand-primary, rgb(0 125 249))}.t-upload-preview .t-confirm-send:not(:disabled):hover{background:var(--t-color-brand-primary-hover, rgb(30 58 138));border-color:var(--t-color-brand-primary-hover, rgb(30 58 138))}.t-upload-preview .t-cancel:disabled,.t-upload-preview .t-confirm-send:disabled{opacity:1;background:var(--t-color-gray-300, rgb(235 235 235));border-color:var(--t-color-gray-300, rgb(235 235 235));color:var(--t-color-gray-600, rgb(143 143 143));pointer-events:none}.t-upload-preview .t-loading{height:80px;width:100%;display:flex;align-items:center;justify-content:center;color:var(--t-color-brand-primary, rgb(0 125 249))}.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-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}
package/default.d.ts CHANGED
@@ -225,6 +225,14 @@ export declare interface BaseChatboxProps {
225
225
  * for more info.
226
226
  */
227
227
  theme?: Partial<Theme>;
228
+ /**
229
+ * The base theme to start from.
230
+ *
231
+ * @remarks
232
+ * Defaults to `"default"`. If an unsupported value is passed at runtime, a warning is
233
+ * logged and `"default"` is used instead.
234
+ */
235
+ baseTheme?: "classic" | "default";
228
236
  /**
229
237
  * When true, pressing Enter will send a message.
230
238
  *
@@ -406,6 +414,14 @@ export declare interface BaseConversationListProps {
406
414
  * for more info.
407
415
  */
408
416
  theme?: Partial<Theme>;
417
+ /**
418
+ * The base theme to start from.
419
+ *
420
+ * @remarks
421
+ * Defaults to `"default"`. If an unsupported value is passed at runtime, a warning is
422
+ * logged and `"default"` is used instead.
423
+ */
424
+ baseTheme?: "classic" | "default";
409
425
  /**
410
426
  * Callback that triggers when the user selects a conversation from the list.
411
427
  *
@@ -759,6 +775,16 @@ export declare interface ChatSearchBoxProps {
759
775
  */
760
776
  export declare type ChatSearchState = "hidden" | "visible" | "searching" | "noResults" | "noMoreResults";
761
777
 
778
+ /**
779
+ * The legacy TalkJS theme that was the default before `defaultTheme`.
780
+ *
781
+ * @remarks
782
+ * The entire source code of the theme is available in the {@link https://www.github.com/talkjs/themes | TalkJS `themes` Github repository.}
783
+ *
784
+ * @public
785
+ */
786
+ export declare const classicTheme: Theme;
787
+
762
788
  /**
763
789
  * A collection of props that's shared by every themed component used in the Chatbox UI.
764
790
  *
@@ -1026,7 +1052,7 @@ export declare interface Coordinates {
1026
1052
  * The entire TalkJS default theme.
1027
1053
  *
1028
1054
  * @remarks
1029
- * The entire source code of the theme is available in the {@link https://www.github.com/talkjs/theme-default | TalkJS `theme-default` Github repository.}
1055
+ * The entire source code of the theme is available in the {@link https://www.github.com/talkjs/themes | TalkJS `themes` Github repository.}
1030
1056
  *
1031
1057
  * @public
1032
1058
  */
@@ -1266,6 +1292,13 @@ export declare function getPhotoUrlWithFallback(user: UserSnapshot): string;
1266
1292
  */
1267
1293
  export declare function getRandomColor(id: string): string;
1268
1294
 
1295
+ /**
1296
+ * Return a data: URL for an SVG showing the given letters, on a background color determined by the given ID.
1297
+ *
1298
+ * @public
1299
+ */
1300
+ export declare function getSVGForInitials(id: string, initials: string): string;
1301
+
1269
1302
  /**
1270
1303
  * Props passed to the GlobalSearchBox theme component.
1271
1304
  *
@@ -1358,6 +1391,10 @@ export declare interface GroupChatImageProps {
1358
1391
  * and a `<ConversationList>`, this prop has a union type.
1359
1392
  */
1360
1393
  common: CommonChatboxProps | CommonConversationListProps;
1394
+ /**
1395
+ * The conversation that's being displayed.
1396
+ */
1397
+ conversation: ConversationSnapshot;
1361
1398
  /**
1362
1399
  * A list of participants that are a part of the conversation.
1363
1400
  */
@@ -1952,7 +1989,7 @@ export declare function SearchInput(props: SearchInputProps): JSX_2.Element;
1952
1989
  *
1953
1990
  * @public
1954
1991
  */
1955
- export declare interface SearchInputProps extends React_2.HTMLAttributes<HTMLInputElement> {
1992
+ export declare interface SearchInputProps extends React_2.InputHTMLAttributes<HTMLInputElement> {
1956
1993
  }
1957
1994
 
1958
1995
  export { SearchMessageSnapshot }
@@ -2056,7 +2093,7 @@ export declare interface TextProps {
2056
2093
  *
2057
2094
  * @remarks
2058
2095
  * The implementation of TalkJS's default theme is open-source and
2059
- * {@link https://github.com/talkjs/theme-default | available on Github. }
2096
+ * {@link https://github.com/talkjs/themes | available on Github. }
2060
2097
  *
2061
2098
  * @public
2062
2099
  */
@@ -2120,9 +2157,14 @@ export declare interface TimeAgo {
2120
2157
  */
2121
2158
  export declare interface TimeAgoProps {
2122
2159
  /**
2123
- * A collection of objects which are passed to all Chatbox theme components.
2160
+ * A collection of objects which are passed to all Chatbox/ConversationList
2161
+ * theme components.
2162
+ *
2163
+ * @remarks
2164
+ * Because this particular theme component can show up in both a `<Chatbox>`
2165
+ * and a `<ConversationList>`, this prop has a union type.
2124
2166
  */
2125
- common: CommonChatboxProps;
2167
+ common: CommonChatboxProps | CommonConversationListProps;
2126
2168
  /**
2127
2169
  * The timestamp of when the message was sent. Holds the number of milliseconds passed since the Unix Epoch.
2128
2170
  */