@dialpad/dialtone-vue 3.91.0 → 3.92.1

package/dist/{message_input-4bede2c7.js → message_input-42cfff5f.js}

@@ -1,5 +1,6 @@
-import { _ as q, ar as nl, as as rl, D as nt, g as tr, a0 as il, at as sl, h as hn, b as pn, x as ol, y as ll, u as al, au as cl, c as dl, av as ul, aw as fl, ax as hl, ay as mn, o as as, az as pl, am as ml, ap as cs, aA as gl, aB as yl, a1 as bl, m as kl, n as Sl } from "./emoji-131e3eda.js";
-import { openBlock as w, createElementBlock as B, toDisplayString as Se, createCommentVNode as V, createElementVNode as G, normalizeClass as H, resolveComponent as N, createBlock as F, resolveDynamicComponent as Xe, withCtx as D, mergeProps as St, renderSlot as L, createVNode as _, createTextVNode as Ht, withKeys as Ve, withModifiers as dt, toHandlers as ds, createSlots as xl, renderList as us, Teleport as fs, defineComponent as xt, ref as gn, onMounted as hs, onBeforeUnmount as xr, h as Ke, getCurrentInstance as Cl, watchEffect as wl, nextTick as vl, unref as El, markRaw as yn, reactive as ps, provide as qr, customRef as Ml, withDirectives as Ol, Fragment as ms, vShow as Tl } from "vue";
+import { _ as q, p as nl, g as tr, q as rl, h as hn, u as il, r as sl, d as ol, t as ll, v as al, w as cl, x as pn, y as dl, z as ul, D as fl } from "./tooltip-5fcb8c80.js";
+import { openBlock as w, createElementBlock as B, toDisplayString as Se, createCommentVNode as V, createElementVNode as G, normalizeClass as H, resolveComponent as N, createBlock as F, resolveDynamicComponent as Xe, withCtx as D, mergeProps as St, renderSlot as L, createVNode as _, createTextVNode as Ht, withKeys as Ve, withModifiers as dt, toHandlers as as, createSlots as hl, renderList as cs, Teleport as ds, defineComponent as xt, ref as mn, onMounted as us, onBeforeUnmount as xr, h as Ke, getCurrentInstance as pl, watchEffect as ml, nextTick as gl, unref as yl, markRaw as gn, reactive as fs, provide as qr, customRef as bl, withDirectives as kl, Fragment as hs, vShow as Sl } from "vue";
+import { a5 as xl, D as nt, y as Cl, b as yn, L as wl, j as vl, g as ps, a6 as El, a0 as Ml, a3 as ms, _ as Ol, f as Tl } from "./emoji-8734fb7e.js";
 const Ot = {
   BUSY: "busy",
   AWAY: "away",
@@ -102,7 +103,7 @@ const Rl = /* @__PURE__ */ q(Al, [["render", Pl]]), In = {
   "1800"
 ], Wr = (n) => n > 1;
 function zl() {
-  return [void 0, ...Object.keys(nl).map((n) => rl(n))];
+  return [void 0, ...Object.keys(xl).map((n) => nl(n))];
 }
 const Vl = (n) => {
   if (typeof n != "string" || !n.trim())
@@ -249,7 +250,7 @@ const jl = zl(), $l = {
     iconSize: {
       type: String,
       default: "",
-      validator: (n) => !n || Object.keys(il).includes(n)
+      validator: (n) => !n || Object.keys(Cl).includes(n)
     },
     /**
      * Full name used to extract initials and set alt attribute.
@@ -351,7 +352,7 @@ const jl = zl(), $l = {
       this.validatedSize === "xs" ? this.formattedInitials = "" : this.validatedSize === "sm" ? this.formattedInitials = e[0] : this.formattedInitials = e;
     },
     getColor() {
-      return this.color ?? sl(Fl, this.seed);
+      return this.color ?? rl(Fl, this.seed);
     },
     _loadedImageEventHandler(n) {
       this.imageLoadedSuccessfully = !0, n.classList.remove("d-d-none");
@@ -584,7 +585,7 @@ const sa = /* @__PURE__ */ q(ea, [["render", ia]]), wr = {
   name: "SrOnlyCloseButton",
   components: {
     DtIcon: nt,
-    DtButton: pn
+    DtButton: yn
   },
   props: {
     /**
@@ -623,7 +624,7 @@ const gs = /* @__PURE__ */ q(oa, [["render", la]]), aa = {
   name: "DtNoticeAction",
   components: {
     DtIcon: nt,
-    DtButton: pn,
+    DtButton: yn,
     SrOnlyCloseButton: gs
   },
   mixins: [wr],
@@ -777,13 +778,13 @@ const ua = /* @__PURE__ */ q(aa, [["render", da]]), ys = ':not(:disabled):not([a
       type: String,
       default: "",
       validator(n) {
-        return ol.includes(n);
+        return wl.includes(n);
       }
     }
   },
   data() {
     return {
-      LINK_KIND_MODIFIERS: ll
+      LINK_KIND_MODIFIERS: vl
     };
   }
 }, ga = ["href"];
@@ -893,7 +894,7 @@ const Oa = {
     id: {
       type: String,
       default() {
-        return al.getUniqueString();
+        return il.getUniqueString();
       }
     },
     /**
@@ -1037,10 +1038,10 @@ function Ta(n, e, t, r, i, s) {
     tabindex: s.isFocusable ? 0 : -1,
     role: t.role,
     "aria-selected": s.isHighlighted
-  }, ds(s.listItemListeners)), {
+  }, as(s.listItemListeners)), {
     default: D(() => [
-      s.listItemType ? (w(), F(Xe(s.listItemType), { key: 0 }, xl({ _: 2 }, [
-        us(n.$slots, (l, a) => ({
+      s.listItemType ? (w(), F(Xe(s.listItemType), { key: 0 }, hl({ _: 2 }, [
+        cs(n.$slots, (l, a) => ({
           name: a,
           fn: D(() => [
             L(n.$slots, a)
@@ -1073,11 +1074,11 @@ const Na = /* @__PURE__ */ q(Oa, [["render", Ta]]), Ur = {
   medium: "d-pl8",
   large: "d-pl16"
 }, Da = ["dialog", "menu", "listbox", "tree", "grid"], Ia = ["", "anchor"], Pa = ["none", "dialog", "first"], Ra = ["parent", "body"], _a = [
-  ...cl
+  ...sl
 ], Ba = {
   name: "PopoverHeaderFooter",
   components: {
-    DtButton: pn,
+    DtButton: yn,
     DtIcon: nt
   },
   props: {
@@ -1180,7 +1181,7 @@ const za = {
    ********************/
   components: {
     SrOnlyCloseButton: gs,
-    DtLazyShow: dl,
+    DtLazyShow: ol,
     PopoverHeaderFooter: Fa
   },
   mixins: [pa, wr],
@@ -1624,11 +1625,11 @@ const za = {
       const e = (r = n == null ? void 0 : n[0]) == null ? void 0 : r.target;
       if (!e)
         return;
-      const t = ul(e);
+      const t = ll(e);
       this.isOutsideViewport = t.bottom || t.top;
     },
     popperOptions() {
-      return fl({
+      return al({
         fallbackPlacements: this.fallbackPlacements,
         tether: this.tether,
         hasHideModifierEnabled: !0
@@ -1743,7 +1744,7 @@ const za = {
     },
     initTippyInstance() {
       var n, e;
-      this.tip = hl(this.anchorEl, {
+      this.tip = cl(this.anchorEl, {
         popperOptions: this.popperOptions(),
         contentElement: this.popoverContentEl,
         placement: this.placement,
@@ -1765,7 +1766,7 @@ const za = {
 function $a(n, e, t, r, i, s) {
   const o = N("popover-header-footer"), l = N("sr-only-close-button"), a = N("dt-lazy-show");
   return w(), B("div", null, [
-    t.modal && i.isOpen ? (w(), F(fs, {
+    t.modal && i.isOpen ? (w(), F(ds, {
       key: 0,
       to: "body"
     }, [
@@ -1824,7 +1825,7 @@ function $a(n, e, t, r, i, s) {
           },
           css: n.$attrs.css,
           tabindex: t.contentTabindex
-        }, ds(s.popoverListeners)), {
+        }, as(s.popoverListeners)), {
           default: D(() => [
             i.hasSlotContent(n.$slots.headerContent) || t.showCloseButton ? (w(), F(o, {
               key: 0,
@@ -13448,7 +13449,7 @@ class Yh {
   }
   createTooltip() {
     const { element: e } = this.editor.options, t = !!e.parentElement;
-    this.tippy || !t || (this.tippy = mn(e, {
+    this.tippy || !t || (this.tippy = pn(e, {
       duration: 0,
       getReferenceClientRect: null,
       content: this.element,
@@ -13531,7 +13532,7 @@ class Xh {
   }
   createTooltip() {
     const { element: e } = this.editor.options, t = !!e.parentElement;
-    this.tippy || !t || (this.tippy = mn(e, {
+    this.tippy || !t || (this.tippy = pn(e, {
       duration: 0,
       getReferenceClientRect: null,
       content: this.element,
@@ -13624,8 +13625,8 @@ xt({
     }
   },
   setup(n, { slots: e }) {
-    const t = gn(null);
-    return hs(() => {
+    const t = mn(null);
+    return us(() => {
       const { updateDelay: r, editor: i, pluginKey: s, shouldShow: o, tippyOptions: l } = n;
       i.registerPlugin(Ko({
         updateDelay: r,
@@ -13645,7 +13646,7 @@ xt({
   }
 });
 function rs(n) {
-  return Ml((e, t) => ({
+  return bl((e, t) => ({
     get() {
       return e(), n;
     },
@@ -13660,9 +13661,9 @@ function rs(n) {
 }
 class Zh extends Jh {
   constructor(e = {}) {
-    return super(e), this.vueRenderers = ps(/* @__PURE__ */ new Map()), this.contentComponent = null, this.reactiveState = rs(this.view.state), this.reactiveExtensionStorage = rs(this.extensionStorage), this.on("transaction", () => {
+    return super(e), this.vueRenderers = fs(/* @__PURE__ */ new Map()), this.contentComponent = null, this.reactiveState = rs(this.view.state), this.reactiveExtensionStorage = rs(this.extensionStorage), this.on("transaction", () => {
       this.reactiveState.value = this.view.state, this.reactiveExtensionStorage.value = this.extensionStorage;
-    }), yn(this);
+    }), gn(this);
   }
   get state() {
     return this.reactiveState ? this.reactiveState.value : this.view.state;
@@ -13692,13 +13693,13 @@ const Qh = xt({
     }
   },
   setup(n) {
-    const e = gn(), t = Cl();
-    return wl(() => {
+    const e = mn(), t = pl();
+    return ml(() => {
       const r = n.editor;
-      r && r.options.element && e.value && vl(() => {
+      r && r.options.element && e.value && gl(() => {
         if (!e.value || !r.options.element.firstChild)
           return;
-        const i = El(e.value);
+        const i = yl(e.value);
         e.value.append(...r.options.element.childNodes), r.contentComponent = t.ctx._, r.setOptions({
           element: i
         }), r.createNodeViews();
@@ -13718,7 +13719,7 @@ const Qh = xt({
   render() {
     const n = [];
     return this.editor && this.editor.vueRenderers.forEach((e) => {
-      const t = Ke(fs, {
+      const t = Ke(ds, {
         to: e.teleportElement,
         key: e.id
       }, Ke(e.component, {
@@ -13756,8 +13757,8 @@ xt({
     }
   },
   setup(n, { slots: e }) {
-    const t = gn(null);
-    return hs(() => {
+    const t = mn(null);
+    return us(() => {
       const { pluginKey: r, editor: i, tippyOptions: s, shouldShow: o } = n;
       i.registerPlugin(Wo({
         pluginKey: r,
@@ -13815,7 +13816,7 @@ const Jo = xt({
 });
 class jr {
   constructor(e, { props: t = {}, editor: r }) {
-    if (this.id = Math.floor(Math.random() * 4294967295).toString(), this.editor = r, this.component = yn(e), this.teleportElement = document.createElement("div"), this.element = this.teleportElement, this.props = ps(t), this.editor.vueRenderers.set(this.id, this), this.editor.contentComponent) {
+    if (this.id = Math.floor(Math.random() * 4294967295).toString(), this.editor = r, this.component = gn(e), this.teleportElement = document.createElement("div"), this.element = this.teleportElement, this.props = fs(t), this.editor.vueRenderers.set(this.id, this), this.editor.contentComponent) {
       if (this.editor.contentComponent.update(), this.teleportElement.children.length !== 1)
         throw Error("VueRenderer doesn’t support multiple child elements.");
       this.element = this.teleportElement.firstElementChild;
@@ -13880,7 +13881,7 @@ class ep extends Uh {
       updateAttributes: (i = {}) => this.updateAttributes(i),
       deleteNode: () => this.deleteNode()
     }, t = this.onDragStart.bind(this);
-    this.decorationClasses = gn(this.getDecorationClasses());
+    this.decorationClasses = mn(this.getDecorationClasses());
     const r = xt({
       extends: { ...this.component },
       props: Object.keys(e),
@@ -14209,7 +14210,7 @@ const tp = /^```([a-z]+)?[\s\n]$/, np = /^~~~([a-z]+)?[\s\n]$/, rp = we.create({
   name: "EmojiComponent",
   components: {
     NodeViewWrapper: Jo,
-    DtEmoji: as
+    DtEmoji: ps
   },
   props: Uo
 };
@@ -14385,10 +14386,17 @@ const pp = {
       return n.key === "ArrowUp" ? (this.upHandler(), !0) : n.key === "ArrowDown" ? (this.downHandler(), !0) : n.key === "Enter" ? (this.enterHandler(), !0) : !1;
     },
     upHandler() {
-      this.selectedIndex = (this.selectedIndex + this.items.length - 1) % this.items.length;
+      this.selectedIndex = (this.selectedIndex + this.items.length - 1) % this.items.length, this.scrollActiveElementIntoView();
     },
     downHandler() {
-      this.selectedIndex = (this.selectedIndex + 1) % this.items.length;
+      this.selectedIndex = (this.selectedIndex + 1) % this.items.length, this.scrollActiveElementIntoView();
+    },
+    scrollActiveElementIntoView() {
+      const n = this.$refs.suggestionList.querySelector(".dt-list-item--highlighted");
+      n && n.scrollIntoView({
+        behaviour: "smooth",
+        block: "center"
+      });
     },
     enterHandler() {
       this.selectItem(this.selectedIndex);
@@ -14397,24 +14405,27 @@ const pp = {
       const e = this.items[n];
       switch (this.itemType) {
         case "emoji":
-          this.command({ code: e });
+          this.command(e);
           return;
         case "mention":
-          this.command({ name: e.name, contactId: e.contactId, avatarSrc: e.avatarSrc });
+          this.command({ name: e.name, id: e.contactId, avatarSrc: e.avatarSrc });
           break;
       }
     }
   }
-}, mp = { class: "d-popover__dialog" }, gp = { class: "dt-suggestion-list" };
+}, mp = { class: "d-popover__dialog" }, gp = {
+  ref: "suggestionList",
+  class: "dt-suggestion-list"
+};
 function yp(n, e, t, r, i, s) {
   const o = N("dt-list-item");
   return w(), B("div", mp, [
-    Ol(G("ul", gp, [
-      (w(!0), B(ms, null, us(t.items, (l, a) => (w(), F(o, {
-        key: a,
+    kl(G("ul", gp, [
+      (w(!0), B(hs, null, cs(t.items, (l, a) => (w(), F(o, {
+        key: l.id,
         class: H([
           "dt-suggestion-list--item",
-          { "is-selected dt-list-item--highlighted": a === i.selectedIndex }
+          { "dt-list-item--highlighted": a === i.selectedIndex }
         ]),
         "navigation-type": "arrow-keys",
         onClick: (c) => s.selectItem(a),
@@ -14426,19 +14437,19 @@ function yp(n, e, t, r, i, s) {
         _: 2
       }, 1032, ["class", "onClick", "onKeydown"]))), 128))
     ], 512), [
-      [Tl, t.items.length]
+      [Sl, t.items.length]
     ])
   ]);
 }
 const Xo = /* @__PURE__ */ q(pp, [["render", yp]]), bp = {
   name: "EmojiSuggestion",
   components: {
-    DtEmoji: as,
+    DtEmoji: ps,
     DtStack: ks
   },
   props: {
     item: {
-      type: String,
+      type: Object,
       required: !0
     }
   }
@@ -14452,17 +14463,17 @@ function kp(n, e, t, r, i, s) {
     default: D(() => [
       _(o, {
         size: "200",
-        code: t.item
+        code: t.item.code
       }, null, 8, ["code"]),
-      Ht(" " + Se(t.item), 1)
+      Ht(" " + Se(t.item.code), 1)
     ]),
     _: 1
   });
 }
 const Sp = /* @__PURE__ */ q(bp, [["render", kp]]), xp = {
-  items: ({ query: n }) => n.length < 2 ? [] : Object.values(pl).filter(function(r) {
+  items: ({ query: n }) => n.length < 2 ? [] : Object.values(El).filter(function(r) {
     return !!r.shortname.substring(1, r.shortname.length - 1).startsWith(n.toLowerCase());
-  }).map((r) => r.shortname),
+  }).map((r) => ({ id: r.unicode_character, code: r.shortname })),
   command: ({ editor: n, range: e, props: t }) => {
     var s, o;
     const r = n.view.state.selection.$to.nodeAfter;
@@ -14483,12 +14494,12 @@ const Sp = /* @__PURE__ */ q(bp, [["render", kp]]), xp = {
       onStart: (t) => {
         n = new jr(Xo, {
           props: {
-            itemComponent: yn(Sp),
+            itemComponent: gn(Sp),
             itemType: "emoji",
             ...t
           },
           editor: t.editor
-        }), t.clientRect && (e = mn("body", {
+        }), t.clientRect && (e = pn("body", {
           getReferenceClientRect: t.clientRect,
           appendTo: () => document.body,
           content: n.element,
@@ -14515,13 +14526,13 @@ const Sp = /* @__PURE__ */ q(bp, [["render", kp]]), xp = {
     };
   }
 }, Cp = new ae("emoji"), wp = /:\w+:$/, vp = /:\w+:/g, Ep = /(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])$/, Mp = /(\u00a9|\u00ae|[\u2000-\u3300]|\ud83c[\ud000-\udfff]|\ud83d[\ud000-\udfff]|\ud83e[\ud000-\udfff])/g, is = (n) => {
-  if (n && cs(n[0]))
+  if (n && ms(n[0]))
     return {
       index: n.index,
       text: n[0],
       match: n
     };
-}, Op = (n) => [...n.matchAll(vp)].filter((t) => cs(t[0])).map((t) => ({
+}, Op = (n) => [...n.matchAll(vp)].filter((t) => ms(t[0])).map((t) => ({
   index: t.index,
   text: t[0],
   match: t
@@ -14546,6 +14557,9 @@ const Sp = /* @__PURE__ */ q(bp, [["render", kp]]), xp = {
     return {
       code: {
         default: null
+      },
+      id: {
+        default: null
       }
     };
   },
@@ -14584,7 +14598,7 @@ const Sp = /* @__PURE__ */ q(bp, [["render", kp]]), xp = {
         },
         type: this.type,
         getAttributes(n) {
-          const e = ml(n[0]).unicode_output;
+          const e = Ml(n[0]).unicode_output;
           return {
             code: String.fromCodePoint(parseInt(e, 16)),
             label: "emoji"
@@ -14674,7 +14688,7 @@ function Pp(n, e, t, r) {
   for (const l of o)
     l.mark.type === r && t.removeMark(l.from, l.to, r);
 }
-const ss = gl(1, 15);
+const ss = dl(1, 15);
 function ls(n, e, t, r, i, s) {
   if (!n)
     return;
@@ -14691,7 +14705,7 @@ function ls(n, e, t, r, i, s) {
     "right",
     ss
   ), d = n.slice(a.from, c.to);
-  Np(d, yl, Ap).forEach((f) => {
+  Np(d, ul, Ap).forEach((f) => {
     const h = Dp(f[0]), p = e + a.from + f.index + 1, m = p + h.length;
     i.addMark(p, m, s.create());
   });
@@ -14902,7 +14916,7 @@ const jp = /* @__PURE__ */ q(zp, [["render", Vp]]), $p = Fp.extend({
       avatarSrc: {
         default: ""
       },
-      contactId: {
+      id: {
         default: ""
       }
     };
@@ -14973,12 +14987,12 @@ const Kp = /* @__PURE__ */ q(Hp, [["render", qp]]), Wp = {
           // propsData: props,
           // using vue 3:
           props: {
-            itemComponent: yn(Kp),
+            itemComponent: gn(Kp),
             itemType: "mention",
             ...t
           },
           editor: t.editor
-        }), t.clientRect && (e = mn("body", {
+        }), t.clientRect && (e = pn("body", {
           getReferenceClientRect: t.clientRect,
           appendTo: () => document.body,
           content: n.element,
@@ -15090,9 +15104,9 @@ const Jp = {
      * The valid keys passed into this object can be found here: https://tiptap.dev/api/utilities/suggestion
      *
      * The only required key is the items function which is used to query the contacts for suggestion.
-     * items({ query }) => { return [<ContactObj>]; }
-     * ContactObj format:
-     * { name: string, avatarSrc: string, contactId: string }
+     * items({ query }) => { return [ContactObject]; }
+     * ContactObject format:
+     * { name: string, avatarSrc: string, id: string }
      *
      * When null, it does not add the plugin.
      */
@@ -15262,14 +15276,14 @@ const Gp = /* @__PURE__ */ q(Jp, [["render", Up]]);
 const Yp = {
   name: "DtRecipeMessageInput",
   components: {
-    DtButton: pn,
-    DtEmojiPicker: bl,
+    DtButton: yn,
+    DtEmojiPicker: Ol,
     DtIcon: nt,
-    DtInput: kl,
+    DtInput: Tl,
     DtNotice: Wa,
     DtPopover: Ha,
     DtRichTextEditor: Gp,
-    DtTooltip: Sl
+    DtTooltip: fl
   },
   mixins: [],
   inheritAttrs: !1,
@@ -15608,7 +15622,7 @@ const Yp = {
 }, rm = { class: "d-d-flex d-jc-space-between d-h24 d-ai-center" }, im = { "data-qa": "dt-message-input-footer-left" }, sm = { "data-qa": "dt-message-input-footer-right" };
 function om(n, e, t, r, i, s) {
   const o = N("dt-icon"), l = N("dt-notice"), a = N("dt-rich-text-editor"), c = N("dt-button"), d = N("dt-input"), u = N("dt-tooltip"), f = N("dt-emoji-picker"), h = N("dt-popover");
-  return w(), B(ms, null, [
+  return w(), B(hs, null, [
     t.showNotice ? (w(), F(l, {
       key: 0,
       "data-qa": "dt-message-input-error-notice",
@@ -15807,7 +15821,7 @@ function om(n, e, t, r, i, s) {
     ])
   ], 64);
 }
-const dm = /* @__PURE__ */ q(Yp, [["render", om]]);
+const um = /* @__PURE__ */ q(Yp, [["render", om]]);
 export {
   In as A,
   Ql as D,
@@ -15840,5 +15854,5 @@ export {
   Ot as v,
   Nl as w,
   ks as x,
-  dm as y
+  um as y
 };

package/dist/message_input.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./message_input-0c6b468f.cjs");require("./emoji-b45991f0.cjs");require("vue");exports.DtRecipeMessageInput=e.message_input;
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./message_input-15d74c9c.cjs");require("./tooltip-a095f59b.cjs");require("vue");require("./emoji-1de73abd.cjs");exports.DtRecipeMessageInput=e.message_input;

package/dist/message_input.js

@@ -1,6 +1,7 @@
-import { y as r } from "./message_input-4bede2c7.js";
-import "./emoji-131e3eda.js";
+import { y as i } from "./message_input-42cfff5f.js";
+import "./tooltip-5fcb8c80.js";
 import "vue";
+import "./emoji-8734fb7e.js";
 export {
-  r as DtRecipeMessageInput
+  i as DtRecipeMessageInput
 };

package/dist/style.css

@@ -1 +1 @@
-.skeleton-placeholder{display:flex;stroke:none;fill:var(--placeholder-from-color, var(--dt-color-black-300));background:var(--placeholder-from-color, var(--dt-color-black-300))}.skeleton-placeholder--animate{animation-name:placeholder-throb;animation-iteration-count:infinite}@keyframes placeholder-throb{10%{fill:var(--placeholder-from-color, var(--dt-color-black-300));background:var(--placeholder-from-color, var(--dt-color-black-300))}50%{fill:var(--placeholder-to-color, var(--dt-color-black-100));background:var(--placeholder-to-color, var(--dt-color-black-100))}90%{fill:var(--placeholder-from-color, var(--dt-color-black-300));background:var(--placeholder-from-color, var(--dt-color-black-300))}}.tippy-box[data-popper-reference-hidden] .d-tooltip,.tippy-box[data-popper-escaped] .d-tooltip{visibility:hidden;pointer-events:none}.dt-emoji[data-v-6ad3e149]{display:inline-block}.dt-empty-list-item{display:flex;align-items:center;justify-content:center;font-size:var(--dt-font-size-200);line-height:var(--lh4);padding:var(--dt-space-300) var(--dt-space-450)}.enter-active,.leave-active{overflow:hidden;transition:height var(--td300) var(--ttf-quint)}.d-context-menu-list{width:var(--dt-size-850)}.dt-list-item[role=menuitem]{border-radius:var(--dt-size-300)}.dt-list-separator{border-top:var(--dt-size-100) solid var(--dt-color-border-default);list-style:none}.dt-list-section[tabindex="-1"]:focus{outline:none}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.dt-recipe-callbar-button:not(.dt-recipe-callbar-button--circle){line-height:var(--dt-font-line-height-300)}.dt-recipe-callbar-button--circle{border-radius:var(--dt-size-radius-circle)}.dt-recipe-callbar-button.d-btn[disabled]{background-color:unset;opacity:.5}.dt-recipe-callbar-button--circle.d-btn[disabled]{border-color:unset}.dt-recipe-callbar-button--active .base-button__icon,.dt-recipe-callbar-button--active:hover .base-button__icon{color:var(--primary-color)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle{margin-top:var(--dt-space-350-negative);margin-left:calc(var(--dt-space-300-negative) * 5);width:var(--dt-size-500);height:var(--dt-size-500);padding:var(--dt-space-400);border-radius:var(--dt-size-300)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle.d-btn--active{background:var(--dt-color-surface-moderate-opaque)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header{background:var(--dt-color-surface-contrast);color:var(--dt-color-foreground-primary-inverted)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header .d-btn{color:var(--dt-color-foreground-primary-inverted)}.dt-recipe--callbar-button-with-popover--button .d-tab--selected:after,.dt-recipe--callbar-button-with-popover--button .d-tab--selected:hover:after{--tab--bgc: var(--dt-color-surface-contrast)}.dt-recipe--callbar-button-with-popover--button .tab-group{display:flex;flex-direction:column;height:100%}.dt-recipe--callbar-button-with-popover--button .tab-content{flex:1 1 100%;overflow-y:auto}.dt-contact-info[data-v-3d0f9d2e]{--contact-info-avatar-border-color: var(--dt-color-surface-primary);display:flex}.dt-contact-info[data-v-3d0f9d2e] .dt-item-layout{flex:1 1 0}.dt-contact-info[data-v-3d0f9d2e] .dt-item-layout--content{min-width:var(--dt-space-825)}.dt-contact-info[data-v-3d0f9d2e] .dt-item-layout--left{min-width:var(--dt-space-650);justify-content:flex-start;align-items:center}.dt-contact-info[data-v-3d0f9d2e] .dt-item-layout--right{min-width:0;align-items:center}.dt-contact-info--avatars .d-avatar[data-v-3d0f9d2e]{border-radius:var(--dt-size-radius-pill);border:var(--dt-size-300) solid var(--contact-info-avatar-border-color);box-sizing:unset}.d-top-banner-info__left{margin:var(--dt-space-300) 0 var(--dt-space-300) var(--dt-space-400);min-width:20%}.d-top-banner-info__middle{display:flex;align-items:center;gap:var(--dt-size-300)}.d-top-banner-info__right{display:flex;align-items:baseline;justify-content:flex-end;gap:var(--dt-size-300);margin:var(--dt-space-300) var(--dt-space-500) var(--dt-space-300) 0;min-width:20%}.ivr_node__width{width:280px}.ivr_node__goto_icon{transform:rotate(90deg)}.ivr-connector{z-index:var(--zi-base);display:flex;justify-content:center;align-items:center;border-color:var(--dt-color-purple-600);background-color:var(--dt-color-purple-600)}.dt-chip-content{font-variant-numeric:tabular-nums}.settings-menu-button[data-v-b0dfa8b3]{padding:var(--dt-space-0);border-radius:var(--dt-size-550);height:var(--dt-size-600);width:var(--dt-size-550);color:var(--dt-theme-topbar-button-color-foreground);background-color:var(--dt-theme-topbar-button-color-background)}.settings-menu-button[data-v-b0dfa8b3]:hover{background-color:var(--dt-theme-topbar-button-color-background-hover);color:var(--dt-theme-topbar-button-color-foreground-hover)}.settings-menu-button[data-v-b0dfa8b3]:active{background-color:var(--dt-theme-topbar-button-color-background-active)}.settings-menu-button-update[data-v-b0dfa8b3]{background-color:hsla(var(--dt-color-blue-200-hsl) / 25%);color:var(--dt-color-blue-500);border-color:hsla(var(--dt-color-blue-200-hsl) / 25%);border-radius:var(--dt-size-radius-pill);height:var(--dt-size-600)}.settings-menu-button-update[data-v-b0dfa8b3]:hover{background-color:hsla(var(--dt-color-blue-200-hsl) / 50%);color:var(--dt-theme-topbar-button-color-foreground-hover)}.dt-leftbar-row[data-v-49d75ce6]{--leftbar-row-color-foreground: var(--dt-theme-sidebar-color-foreground);--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background);--leftbar-row-radius: var(--dt-size-radius-pill);--leftbar-row-opacity: 100%;--leftbar-row-alpha-color-foreground: var(--dt-theme-sidebar-icon-color-foreground);--leftbar-row-alpha-width: calc(var(--dt-size-300) * 10);--leftbar-row-alpha-height: calc(var(--dt-size-300) * 9);--leftbar-row-omega-height: var(--leftbar-row-alpha-height);--leftbar-row-unread-badge-display: inline-flex;--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-color-foreground);--leftbar-row-description-font-weight: var(--dt-font-weight-normal);--leftbar-row-description-font-size: var(--dt-font-size-200);--leftbar-row-description-line-height: var(--dt-font-line-height-200);--leftbar-row-status-color-foreground: var(--dt-theme-sidebar-status-color-foreground);--leftbar-row-status-font-size: var(--dt-font-size-100);--leftbar-row-status-line-height: var(--dt-font-line-height-100);--leftbar-row-action-position-right: var(--dt-size-400);--leftbar-row-action-position-bottom: 50%;--leftbar-row-action-width: var(--dt-size-550);--leftbar-row-action-height: var(--leftbar-row-action-width);position:relative;opacity:var(--leftbar-row-opacity);display:flex;background-color:var(--dt-theme-sidebar-row-color-background);border-radius:var(--leftbar-row-radius);transition-duration:var(--td200);transition-property:background-color,border,box-shadow;transition-timing-function:var(--ttf-out-quint);cursor:pointer}.dt-leftbar-row[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):hover,.dt-leftbar-row[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):focus-within{--leftbar-row-unread-badge-display: none}.dt-leftbar-row[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,.dt-leftbar-row[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action{display:inline-flex}.dt-leftbar-row[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,.dt-leftbar-row[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button{opacity:1}.dt-leftbar-row[data-v-49d75ce6]:hover,.dt-leftbar-row[data-v-49d75ce6]:focus-within{--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-hover)}.dt-leftbar-row[data-v-49d75ce6]:hover .d-presence,.dt-leftbar-row[data-v-49d75ce6]:focus-within .d-presence{--presence-color-border-base: var(--dt-color-black-200)}.dt-leftbar-row[data-v-49d75ce6]:hover .d-avatar__count,.dt-leftbar-row[data-v-49d75ce6]:focus-within .d-avatar__count{--avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background)}.dt-leftbar-row--has-unread[data-v-49d75ce6]{--leftbar-row-description-font-weight: var(--dt-font-weight-bold);--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);--leftbar-row-alpha-color-foreground: var(--dt-theme-sidebar-color-foreground-unread)}.dt-leftbar-row--unread-count[data-v-49d75ce6] .dt-leftbar-row__action{display:none}.dt-leftbar-row--muted[data-v-49d75ce6]{--leftbar-row-opacity: 60%}.dt-leftbar-row--selected[data-v-49d75ce6]{--leftbar-row-color-background: var(--dt-theme-sidebar-selected-row-color-background);--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-selected-row-color-foreground)}.dt-leftbar-row--selected[data-v-49d75ce6] .d-presence{--presence-color-border-base: var(--dt-color-black-200)}.dt-leftbar-row--selected[data-v-49d75ce6] .d-avatar__count{--avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background)}.dt-leftbar-row__is-typing[data-v-49d75ce6]{--is-typing-size-shape: var(--dt-size-550);height:var(--is-typing-size-shape);width:var(--is-typing-size-shape);position:absolute;display:flex;align-items:center;justify-content:center;gap:2px;border-radius:var(--dt-size-radius-pill);opacity:.75}.dt-leftbar-row__is-typing span[data-v-49d75ce6]{transition:all .5s ease;background:var(--dt-color-surface-strong);height:4px;width:4px;display:inline-block;padding:0;opacity:.3;border-radius:var(--dt-size-radius-pill);animation:wave-49d75ce6 1.5s ease infinite}.dt-leftbar-row__is-typing span[data-v-49d75ce6]:nth-child(1){animation-delay:0ms}.dt-leftbar-row__is-typing span[data-v-49d75ce6]:nth-child(2){animation-delay:var(--td100)}.dt-leftbar-row__is-typing span[data-v-49d75ce6]:nth-child(3){animation-delay:var(--td200)}.dt-leftbar-row__primary[data-v-49d75ce6]{display:flex;align-items:center;flex:1;width:100%;text-align:left;background-color:var(--leftbar-row-color-background);color:var(--leftbar-row-color-foreground);text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:inherit;line-height:inherit;margin:0;border:0;padding:0;border-radius:var(--leftbar-row-radius)}.dt-leftbar-row__primary[data-v-49d75ce6]:active{--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-active)}.dt-leftbar-row__primary[data-v-49d75ce6]:focus-visible{box-shadow:var(--dt-shadow-focus-inset)}.dt-leftbar-row__action-button[data-v-49d75ce6]{opacity:0;width:var(--leftbar-row-action-width);height:var(--leftbar-row-action-height)}.dt-leftbar-row__alpha[data-v-49d75ce6]{color:var(--leftbar-row-alpha-color-foreground);display:flex;box-sizing:border-box;justify-content:center;align-items:center;padding-left:var(--dt-space-400);padding-right:var(--dt-space-400);width:var(--leftbar-row-alpha-width);height:var(--leftbar-row-alpha-height);border-radius:var(--leftbar-row-radius) 0 0 var(--leftbar-row-radius)}.dt-leftbar-row__label[data-v-49d75ce6]{flex:0 1;min-width:0}.dt-leftbar-row__omega[data-v-49d75ce6]{position:absolute;display:flex;right:var(--leftbar-row-action-position-right);top:var(--leftbar-row-action-position-bottom);transform:translateY(calc(var(--leftbar-row-action-position-bottom) * -1));gap:var(--dt-space-300);justify-content:flex-end;align-items:center;box-sizing:border-box;border-radius:var(--leftbar-row-radius)}.dt-leftbar-row__unread-badge[data-v-49d75ce6]{display:var(--leftbar-row-unread-badge-display)}.dt-leftbar-row__active-voice[data-v-49d75ce6]{color:var(--dt-color-foreground-success);display:inline-flex;-webkit-animation-name:opacity-pulsate-49d75ce6;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate-49d75ce6;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate-49d75ce6;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}.dt-leftbar-row__dnd[data-v-49d75ce6]{padding-top:var(--dt-space-200);padding-right:var(--dt-space-300);color:var(--dt-color-foreground-tertiary);font-size:var(--dt-font-size-100);line-height:var(--dt-font-line-height-400);font-weight:var(--dt-font-weight-medium)}.dt-leftbar-row[data-v-49d75ce6] .dt-leftbar-row__description{display:block;font-weight:var(--leftbar-row-description-font-weight);font-size:var(--leftbar-row-description-font-size);line-height:var(--leftbar-row-description-line-height);color:var(--leftbar-row-description-color-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row[data-v-49d75ce6] .dt-leftbar-row__status{display:block;color:var(--leftbar-row-status-color-foreground);font-size:var(--leftbar-row-status-font-size);line-height:var(--leftbar-row-status-line-height);padding-bottom:var(--dt-space-100);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row[data-v-49d75ce6] .dt-leftbar-row__meta-context~.dt-leftbar-row__meta-custom:not(:empty):before{content:" • ";color:var(--dt-theme-sidebar-status-color-foreground)}.dt-leftbar-row__icon-cc[data-v-49d75ce6]{border-radius:var(--dt-size-200);width:calc(var(--dt-size-300) * 3.5);height:calc(var(--dt-size-300) * 3.5)}.opacity-pulsate[data-v-49d75ce6]{-webkit-animation-name:opacity-pulsate-49d75ce6;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate-49d75ce6;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate-49d75ce6;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}@-webkit-keyframes opacity-pulsate-49d75ce6{0%,to{opacity:.2}50%{opacity:1}}@-moz-keyframes opacity-pulsate-49d75ce6{0%,to{opacity:.2}50%{opacity:1}}@keyframes opacity-pulsate-49d75ce6{0%,to{opacity:.2}50%{opacity:1}}@keyframes wave-49d75ce6{0%,50%,to{transform:translate(0)}10%{transform:translateY(-5px);opacity:90%}}.dt-leftbar-unread-pill{display:flex;align-items:center;justify-content:center;padding:var(--dt-space-200) var(--dt-space-500) var(--dt-space-200) var(--dt-space-400);gap:var(--dt-space-300);font-size:var(--dt-font-size-100);box-shadow:var(--dt-shadow-medium);border-radius:var(--dt-size-radius-pill);border:none;line-height:var(--dt-font-line-height-600);cursor:pointer}.dt-leftbar-unread-pill--mentions{font-weight:var(--dt-font-weight-bold);background-color:var(--dt-theme-mention-color-background);color:var(--dt-theme-mention-color-foreground)}.dt-leftbar-unread-pill--messages{background-color:var(--dt-color-surface-contrast);color:var(--dt-color-foreground-secondary-inverted)}.dt-feed-item-row[data-v-de44d2c0]{transition-duration:2s!important}.dt-feed-item-row .content-text-wrapper-class[data-v-de44d2c0]:not(img){line-height:1.6rem}.dt-feed-item-row[data-v-de44d2c0] .dt-item-layout--left .d-avatar{align-self:flex-start;margin-top:var(--dt-space-300)}.dt-feed-item-pill--border[data-v-59051987]{border:double 1px transparent;border-radius:4.8rem;background-origin:border-box;background-clip:content-box,border-box;overflow:hidden}.dt-feed-item-pill--border-default[data-v-59051987]{background:var(--dt-color-border-default)}.dt-feed-item-pill--border-ai[data-v-59051987]{background-image:linear-gradient(var(--dt-color-surface-primary),var(--dt-color-surface-primary)),var(--dt-badge-color-background-ai)}.dt-feed-item-pill--border-critical[data-v-59051987]{background:var(--dt-color-foreground-critical)}.dt-feed-item-pill--icon[data-v-59051987]{animation:fade-59051987 .15s ease-in}@keyframes fade-59051987{0%{transform:scale(0)}to{transform:scale(1)}}.dt-emoji-row{display:flex;flex-wrap:wrap}.dt-emoji-row__reaction{padding:var(--dt-space-300) var(--dt-space-400);gap:var(--dt-space-300);border-radius:var(--dt-size-radius-500);margin-bottom:0;transition-delay:0s;transition-duration:var(--td50);transition-property:all;transition-timing-function:var(--ttf-in-out);color:var(--dt-color-foreground-secondary);background-color:var(--dt-color-surface-moderate-opaque)}.dt-emoji-row__reaction:hover,.dt-emoji-row__reaction:focus{border-color:hsla(var(--dt-color-black-600-hsl)/100%)!important}.dt-emoji-row__reaction--selected{color:var(--dt-color-link-primary);background-color:var(--dt-color-purple-100)!important;border-color:var(--dt-color-brand-purple)!important}.dt-emoji-row__reaction--selected:hover{color:var(--dt-color-link-primary)}.progress-bar__circle{fill:none;stroke-width:2;stroke-dasharray:var(--stroke-dasharray)}.progress-bar__circle:nth-child(1){stroke-dashoffset:0;stroke:var(--dt-color-black-100)}.progress-bar__circle:nth-child(2){stroke-dashoffset:var(--stroke-dashoffset);stroke:var(--dt-color-purple-500);transition:stroke-dashoffset .5s linear}.dt-attachment-image{position:relative}.dt-attachment-image:focus-within .dt-attachment-image__close-button,.dt-attachment-image:hover .dt-attachment-image__close-button{opacity:1}.dt-attachment-image__image-viewer{height:var(--dt-size-700);width:var(--dt-size-700);border:var(--dt-space-100) solid;border-radius:var(--br4);border-width:var(--dt-size-350);border-color:var(--dt-color-border-subtle);object-fit:cover}.dt-attachment-image__top-right{position:absolute;top:var(--dt-size-100);right:var(--dt-size-100)}.dt-attachment-image__close-button{opacity:0;position:absolute;top:inherit;right:inherit;color:var(--dt-color-neutral-white);background-color:var(--dt-color-black-400);border:var(--dt-space-100) solid;border-width:var(--dt-size-200);border-color:var(--dt-color-neutral-white)}.dt-attachment-image__progress-bar{position:absolute;top:inherit;right:inherit;background-color:var(--dt-color-neutral-white);border-radius:50%;display:flex;transform:rotate(-90deg);border:var(--dt-space-100) solid;border-width:var(--dt-size-200);border-color:var(--dt-color-border-subtle)}.dt-attachment-carousel{position:relative;max-height:100px;width:var(--dt-space-1000)}.dt-attachment-carousel__media-list{display:flex;flex-direction:row;padding-left:0;overflow-x:scroll}.dt-attachment-carousel__media-list::-webkit-scrollbar{display:none}.dt-attachment-carousel__arrow{position:absolute;opacity:0;background-color:var(--dt-color-neutral-white);top:var(--dt-space-30-percent);border:var(--dt-space-100) solid;border-width:var(--dt-size-100);border-color:var(--bc-default)}.dt-attachment-carousel:hover .dt-attachment-carousel__arrow{opacity:1}.dt-attachment-carousel__arrow--left{left:var(--dt-space-300)}.dt-attachment-carousel__arrow--right{right:var(--dt-space-300)}.dt-attachment-carousel__image-viewer{height:var(--dt-size-700);width:var(--dt-size-700);border-radius:var(--br4);border:var(--dt-space-100) solid;border-width:var(--dt-size-350);border-color:var(--dt-color-border-subtle)}.dt-recipe-callbox[data-v-66800ae7]{padding:0;color:var(--dt-color-foreground-primary);background-color:var(--dt-color-surface-primary);border-radius:var(--dt-size-radius-300)}.dt-recipe-callbox--video[data-v-66800ae7]{display:flex;border-radius:var(--dt-size-radius-200) var(--dt-size-radius-200) 0 0;overflow:clip;margin-bottom:var(--dt-space-300-negative)}.dt-recipe-callbox--main-content[data-v-66800ae7]{padding:0;border-radius:var(--dt-size-radius-300);border:var(--dt-size-border-100) solid transparent;align-items:stretch}.dt-recipe-callbox--main-content.dt-recipe-callbox--border-default[data-v-66800ae7]{border-color:var(--dt-color-border-default)}.dt-recipe-callbox--main-content.dt-recipe-callbox--border-ai[data-v-66800ae7]{background:linear-gradient(var(--dt-color-surface-primary),var(--dt-color-surface-primary)) padding-box,linear-gradient(135deg,var(--dt-color-border-accent),var(--dt-color-border-brand)) border-box}.dt-recipe-callbox--main-content.dt-recipe-callbox--border-critical[data-v-66800ae7]{background:radial-gradient(var(--dt-color-surface-primary),var(--dt-color-surface-primary)) padding-box,radial-gradient(circle,#E7301D,#F78B23) border-box}.dt-recipe-callbox--main-content-top[data-v-66800ae7]{display:flex;align-items:center;padding:var(--dt-space-350) var(--dt-space-400)}.dt-recipe-callbox--main-content-bottom[data-v-66800ae7]{border-top:1px solid var(--dt-color-border-subtle)}.dt-recipe-callbox--avatar[data-v-66800ae7]{margin-right:var(--dt-space-400)}.dt-recipe-callbox--content[data-v-66800ae7]{display:flex;flex-direction:column;flex:1 0 auto;min-width:0}.dt-recipe-callbox--content-title[data-v-66800ae7]{overflow:clip;white-space:nowrap;text-overflow:ellipsis;color:var(--dt-color-foreground-primary);background-color:var(--dt-color-surface-primary);font-weight:var(--dt-font-weight-bold);border:none;padding:0;width:0;min-width:100%;text-align:left;-webkit-user-select:text;user-select:text;line-height:normal}.dt-recipe-callbox--content-badge[data-v-66800ae7]{line-height:normal}.dt-recipe-callbox--content-subtitle[data-v-66800ae7]{padding:0;font-size:var(--dt-font-size-100);color:var(--dt-color-foreground-tertiary);line-height:normal;overflow:hidden;width:0;min-width:100%}.dt-recipe-callbox--right[data-v-66800ae7]{display:flex;justify-content:right}.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-66800ae7]{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--dt-size-100)}.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-66800ae7]:focus-visible{outline:none;box-shadow:var(--dt-shadow-focus)}.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-66800ae7]:hover,.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-66800ae7]:active{text-decoration:underline}.dt-recipe-callbox .dt-recipe-callbox-badge--warning[data-v-66800ae7]{background-color:var(--dt-color-surface-warning)}.d-avatar--image-loaded{background-color:transparent;background-image:unset}.d-avatar__count,.d-avatar__presence{z-index:var(--zi-base)}.d-avatar__overlay{background-color:var(--dt-color-surface-contrast-opaque);opacity:var(--dt-opacity-900);position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--dt-size-radius-circle);z-index:var(--zi-base)}.d-avatar__overlay-icon{color:var(--dt-color-foreground-primary-inverted);width:100%}.d-avatar__overlay-text{color:var(--dt-color-foreground-primary-inverted);font-weight:var(--dt-font-weight-bold);font-size:var(--dt-font-size-200);width:100%;text-align:center}.d-avatar--clickable{--avatar-color-border: transparent;cursor:pointer;padding:0;background-color:transparent;border-radius:var(--dt-size-radius-circle);border:var(--dt-size-border-100) solid var(--avatar-color-border)}.d-avatar--clickable:focus-visible{outline:none;box-shadow:var(--dt-shadow-focus)}.d-avatar--clickable:hover{--avatar-color-border: var(--dt-color-border-default)}.d-avatar--clickable:active{--avatar-color-border: var(--dt-color-border-moderate);transform:scale(.98)}.dt-item-layout[data-v-9afad3c4]{align-items:stretch}.dt-item-layout--content[data-v-9afad3c4]{display:flex;flex-direction:column;justify-content:center}.dt-item-layout--selected[data-v-9afad3c4]{display:flex;align-items:center}.dt-list-item{list-style:none;background-color:var(--dt-action-color-background-muted-default)}.dt-list-item:not(.dt-list-item--static){cursor:pointer;border-radius:var(--dt-size-radius-300)}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:var(--dt-action-color-background-muted-hover)}.dt-list-item--highlighted:active{background-color:var(--dt-action-color-background-muted-active)}.dt-list-item--selected-icon{margin-left:var(--dt-space-400)}.dt-list-item :focus-visible{outline:none;box-shadow:var(--dt-shadow-focus)}.tippy-box[data-popper-reference-hidden] .d-popover__dialog,.tippy-box[data-popper-escaped] .d-popover__dialog{visibility:hidden;pointer-events:none}.dt-suggestion-list{position:relative;padding:var(--dt-size-300);max-height:var(--dt-size-875)!important}.dt-suggestion-list--item{border:var(--dt-size-100) solid transparent}.dt-suggestion-list--item.is-selected{border-color:var(--dt-color-border-bold)}.dt-link--mention{background-color:hsl(var(--dt-color-purple-400-hsl) / 10%);color:var(--dt-color-link-primary);border-radius:var(--dt-space-200);height:1.8rem}.dt-link--mention:hover{color:var(--dt-color-link-primary);background-color:hsl(var(--dt-color-purple-500-hsl) / 10%)}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--dt-color-foreground-placeholder);pointer-events:none;height:0}.dt-message-input--remaining-char{font-size:1.2rem}.message-input-button__disabled{background-color:unset;color:var(--theme-sidebar-icon-color);cursor:default}.dt-message-input-notice .d-notice__icon{margin-right:8px}
+.skeleton-placeholder{display:flex;stroke:none;fill:var(--placeholder-from-color, var(--dt-color-black-300));background:var(--placeholder-from-color, var(--dt-color-black-300))}.skeleton-placeholder--animate{animation-name:placeholder-throb;animation-iteration-count:infinite}@keyframes placeholder-throb{10%{fill:var(--placeholder-from-color, var(--dt-color-black-300));background:var(--placeholder-from-color, var(--dt-color-black-300))}50%{fill:var(--placeholder-to-color, var(--dt-color-black-100));background:var(--placeholder-to-color, var(--dt-color-black-100))}90%{fill:var(--placeholder-from-color, var(--dt-color-black-300));background:var(--placeholder-from-color, var(--dt-color-black-300))}}.dt-emoji[data-v-6ad3e149]{display:inline-block}.tippy-box[data-popper-reference-hidden] .d-tooltip,.tippy-box[data-popper-escaped] .d-tooltip{visibility:hidden;pointer-events:none}.dt-empty-list-item{display:flex;align-items:center;justify-content:center;font-size:var(--dt-font-size-200);line-height:var(--lh4);padding:var(--dt-space-300) var(--dt-space-450)}.enter-active,.leave-active{overflow:hidden;transition:height var(--td300) var(--ttf-quint)}.d-context-menu-list{width:var(--dt-size-850)}.dt-list-item[role=menuitem]{border-radius:var(--dt-size-300)}.dt-list-separator{border-top:var(--dt-size-100) solid var(--dt-color-border-default);list-style:none}.dt-list-section[tabindex="-1"]:focus{outline:none}.vue-recycle-scroller{position:relative}.vue-recycle-scroller.direction-vertical:not(.page-mode){overflow-y:auto}.vue-recycle-scroller.direction-horizontal:not(.page-mode){overflow-x:auto}.vue-recycle-scroller.direction-horizontal{display:flex}.vue-recycle-scroller__slot{flex:auto 0 0}.vue-recycle-scroller__item-wrapper{flex:1;box-sizing:border-box;overflow:hidden;position:relative}.vue-recycle-scroller.ready .vue-recycle-scroller__item-view{position:absolute;top:0;left:0;will-change:transform}.vue-recycle-scroller.direction-vertical .vue-recycle-scroller__item-wrapper{width:100%}.vue-recycle-scroller.direction-horizontal .vue-recycle-scroller__item-wrapper{height:100%}.vue-recycle-scroller.ready.direction-vertical .vue-recycle-scroller__item-view{width:100%}.vue-recycle-scroller.ready.direction-horizontal .vue-recycle-scroller__item-view{height:100%}.dt-recipe-callbar-button:not(.dt-recipe-callbar-button--circle){line-height:var(--dt-font-line-height-300)}.dt-recipe-callbar-button--circle{border-radius:var(--dt-size-radius-circle)}.dt-recipe-callbar-button.d-btn[disabled]{background-color:unset;opacity:.5}.dt-recipe-callbar-button--circle.d-btn[disabled]{border-color:unset}.dt-recipe-callbar-button--active .base-button__icon,.dt-recipe-callbar-button--active:hover .base-button__icon{color:var(--primary-color)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle{margin-top:var(--dt-space-350-negative);margin-left:calc(var(--dt-space-300-negative) * 5);width:var(--dt-size-500);height:var(--dt-size-500);padding:var(--dt-space-400);border-radius:var(--dt-size-300)}.dt-recipe--callbar-button-with-popover--arrow.d-btn--circle.d-btn--active{background:var(--dt-color-surface-moderate-opaque)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header{background:var(--dt-color-surface-contrast);color:var(--dt-color-foreground-primary-inverted)}.dt-recipe--callbar-button-with-popover--popover .d-popover__header .d-btn{color:var(--dt-color-foreground-primary-inverted)}.dt-recipe--callbar-button-with-popover--button .d-tab--selected:after,.dt-recipe--callbar-button-with-popover--button .d-tab--selected:hover:after{--tab--bgc: var(--dt-color-surface-contrast)}.dt-recipe--callbar-button-with-popover--button .tab-group{display:flex;flex-direction:column;height:100%}.dt-recipe--callbar-button-with-popover--button .tab-content{flex:1 1 100%;overflow-y:auto}.dt-contact-info[data-v-3d0f9d2e]{--contact-info-avatar-border-color: var(--dt-color-surface-primary);display:flex}.dt-contact-info[data-v-3d0f9d2e] .dt-item-layout{flex:1 1 0}.dt-contact-info[data-v-3d0f9d2e] .dt-item-layout--content{min-width:var(--dt-space-825)}.dt-contact-info[data-v-3d0f9d2e] .dt-item-layout--left{min-width:var(--dt-space-650);justify-content:flex-start;align-items:center}.dt-contact-info[data-v-3d0f9d2e] .dt-item-layout--right{min-width:0;align-items:center}.dt-contact-info--avatars .d-avatar[data-v-3d0f9d2e]{border-radius:var(--dt-size-radius-pill);border:var(--dt-size-300) solid var(--contact-info-avatar-border-color);box-sizing:unset}.d-top-banner-info__left{margin:var(--dt-space-300) 0 var(--dt-space-300) var(--dt-space-400);min-width:20%}.d-top-banner-info__middle{display:flex;align-items:center;gap:var(--dt-size-300)}.d-top-banner-info__right{display:flex;align-items:baseline;justify-content:flex-end;gap:var(--dt-size-300);margin:var(--dt-space-300) var(--dt-space-500) var(--dt-space-300) 0;min-width:20%}.ivr_node__width{width:280px}.ivr_node__goto_icon{transform:rotate(90deg)}.ivr-connector{z-index:var(--zi-base);display:flex;justify-content:center;align-items:center;border-color:var(--dt-color-purple-600);background-color:var(--dt-color-purple-600)}.dt-chip-content{font-variant-numeric:tabular-nums}.settings-menu-button[data-v-b0dfa8b3]{padding:var(--dt-space-0);border-radius:var(--dt-size-550);height:var(--dt-size-600);width:var(--dt-size-550);color:var(--dt-theme-topbar-button-color-foreground);background-color:var(--dt-theme-topbar-button-color-background)}.settings-menu-button[data-v-b0dfa8b3]:hover{background-color:var(--dt-theme-topbar-button-color-background-hover);color:var(--dt-theme-topbar-button-color-foreground-hover)}.settings-menu-button[data-v-b0dfa8b3]:active{background-color:var(--dt-theme-topbar-button-color-background-active)}.settings-menu-button-update[data-v-b0dfa8b3]{background-color:hsla(var(--dt-color-blue-200-hsl) / 25%);color:var(--dt-color-blue-500);border-color:hsla(var(--dt-color-blue-200-hsl) / 25%);border-radius:var(--dt-size-radius-pill);height:var(--dt-size-600)}.settings-menu-button-update[data-v-b0dfa8b3]:hover{background-color:hsla(var(--dt-color-blue-200-hsl) / 50%);color:var(--dt-theme-topbar-button-color-foreground-hover)}.dt-leftbar-row[data-v-49d75ce6]{--leftbar-row-color-foreground: var(--dt-theme-sidebar-color-foreground);--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background);--leftbar-row-radius: var(--dt-size-radius-pill);--leftbar-row-opacity: 100%;--leftbar-row-alpha-color-foreground: var(--dt-theme-sidebar-icon-color-foreground);--leftbar-row-alpha-width: calc(var(--dt-size-300) * 10);--leftbar-row-alpha-height: calc(var(--dt-size-300) * 9);--leftbar-row-omega-height: var(--leftbar-row-alpha-height);--leftbar-row-unread-badge-display: inline-flex;--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-color-foreground);--leftbar-row-description-font-weight: var(--dt-font-weight-normal);--leftbar-row-description-font-size: var(--dt-font-size-200);--leftbar-row-description-line-height: var(--dt-font-line-height-200);--leftbar-row-status-color-foreground: var(--dt-theme-sidebar-status-color-foreground);--leftbar-row-status-font-size: var(--dt-font-size-100);--leftbar-row-status-line-height: var(--dt-font-line-height-100);--leftbar-row-action-position-right: var(--dt-size-400);--leftbar-row-action-position-bottom: 50%;--leftbar-row-action-width: var(--dt-size-550);--leftbar-row-action-height: var(--leftbar-row-action-width);position:relative;opacity:var(--leftbar-row-opacity);display:flex;background-color:var(--dt-theme-sidebar-row-color-background);border-radius:var(--leftbar-row-radius);transition-duration:var(--td200);transition-property:background-color,border,box-shadow;transition-timing-function:var(--ttf-out-quint);cursor:pointer}.dt-leftbar-row[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):hover,.dt-leftbar-row[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):focus-within{--leftbar-row-unread-badge-display: none}.dt-leftbar-row[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,.dt-leftbar-row[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action{display:inline-flex}.dt-leftbar-row[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,.dt-leftbar-row[data-v-49d75ce6]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button{opacity:1}.dt-leftbar-row[data-v-49d75ce6]:hover,.dt-leftbar-row[data-v-49d75ce6]:focus-within{--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-hover)}.dt-leftbar-row[data-v-49d75ce6]:hover .d-presence,.dt-leftbar-row[data-v-49d75ce6]:focus-within .d-presence{--presence-color-border-base: var(--dt-color-black-200)}.dt-leftbar-row[data-v-49d75ce6]:hover .d-avatar__count,.dt-leftbar-row[data-v-49d75ce6]:focus-within .d-avatar__count{--avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background)}.dt-leftbar-row--has-unread[data-v-49d75ce6]{--leftbar-row-description-font-weight: var(--dt-font-weight-bold);--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-color-foreground-unread);--leftbar-row-alpha-color-foreground: var(--dt-theme-sidebar-color-foreground-unread)}.dt-leftbar-row--unread-count[data-v-49d75ce6] .dt-leftbar-row__action{display:none}.dt-leftbar-row--muted[data-v-49d75ce6]{--leftbar-row-opacity: 60%}.dt-leftbar-row--selected[data-v-49d75ce6]{--leftbar-row-color-background: var(--dt-theme-sidebar-selected-row-color-background);--leftbar-row-description-color-foreground: var(--dt-theme-sidebar-selected-row-color-foreground)}.dt-leftbar-row--selected[data-v-49d75ce6] .d-presence{--presence-color-border-base: var(--dt-color-black-200)}.dt-leftbar-row--selected[data-v-49d75ce6] .d-avatar__count{--avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background)}.dt-leftbar-row__is-typing[data-v-49d75ce6]{--is-typing-size-shape: var(--dt-size-550);height:var(--is-typing-size-shape);width:var(--is-typing-size-shape);position:absolute;display:flex;align-items:center;justify-content:center;gap:2px;border-radius:var(--dt-size-radius-pill);opacity:.75}.dt-leftbar-row__is-typing span[data-v-49d75ce6]{transition:all .5s ease;background:var(--dt-color-surface-strong);height:4px;width:4px;display:inline-block;padding:0;opacity:.3;border-radius:var(--dt-size-radius-pill);animation:wave-49d75ce6 1.5s ease infinite}.dt-leftbar-row__is-typing span[data-v-49d75ce6]:nth-child(1){animation-delay:0ms}.dt-leftbar-row__is-typing span[data-v-49d75ce6]:nth-child(2){animation-delay:var(--td100)}.dt-leftbar-row__is-typing span[data-v-49d75ce6]:nth-child(3){animation-delay:var(--td200)}.dt-leftbar-row__primary[data-v-49d75ce6]{display:flex;align-items:center;flex:1;width:100%;text-align:left;background-color:var(--leftbar-row-color-background);color:var(--leftbar-row-color-foreground);text-decoration:none;-webkit-appearance:none;-moz-appearance:none;appearance:none;font-size:inherit;line-height:inherit;margin:0;border:0;padding:0;border-radius:var(--leftbar-row-radius)}.dt-leftbar-row__primary[data-v-49d75ce6]:active{--leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-active)}.dt-leftbar-row__primary[data-v-49d75ce6]:focus-visible{box-shadow:var(--dt-shadow-focus-inset)}.dt-leftbar-row__action-button[data-v-49d75ce6]{opacity:0;width:var(--leftbar-row-action-width);height:var(--leftbar-row-action-height)}.dt-leftbar-row__alpha[data-v-49d75ce6]{color:var(--leftbar-row-alpha-color-foreground);display:flex;box-sizing:border-box;justify-content:center;align-items:center;padding-left:var(--dt-space-400);padding-right:var(--dt-space-400);width:var(--leftbar-row-alpha-width);height:var(--leftbar-row-alpha-height);border-radius:var(--leftbar-row-radius) 0 0 var(--leftbar-row-radius)}.dt-leftbar-row__label[data-v-49d75ce6]{flex:0 1;min-width:0}.dt-leftbar-row__omega[data-v-49d75ce6]{position:absolute;display:flex;right:var(--leftbar-row-action-position-right);top:var(--leftbar-row-action-position-bottom);transform:translateY(calc(var(--leftbar-row-action-position-bottom) * -1));gap:var(--dt-space-300);justify-content:flex-end;align-items:center;box-sizing:border-box;border-radius:var(--leftbar-row-radius)}.dt-leftbar-row__unread-badge[data-v-49d75ce6]{display:var(--leftbar-row-unread-badge-display)}.dt-leftbar-row__active-voice[data-v-49d75ce6]{color:var(--dt-color-foreground-success);display:inline-flex;-webkit-animation-name:opacity-pulsate-49d75ce6;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate-49d75ce6;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate-49d75ce6;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}.dt-leftbar-row__dnd[data-v-49d75ce6]{padding-top:var(--dt-space-200);padding-right:var(--dt-space-300);color:var(--dt-color-foreground-tertiary);font-size:var(--dt-font-size-100);line-height:var(--dt-font-line-height-400);font-weight:var(--dt-font-weight-medium)}.dt-leftbar-row[data-v-49d75ce6] .dt-leftbar-row__description{display:block;font-weight:var(--leftbar-row-description-font-weight);font-size:var(--leftbar-row-description-font-size);line-height:var(--leftbar-row-description-line-height);color:var(--leftbar-row-description-color-foreground);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row[data-v-49d75ce6] .dt-leftbar-row__status{display:block;color:var(--leftbar-row-status-color-foreground);font-size:var(--leftbar-row-status-font-size);line-height:var(--leftbar-row-status-line-height);padding-bottom:var(--dt-space-100);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dt-leftbar-row[data-v-49d75ce6] .dt-leftbar-row__meta-context~.dt-leftbar-row__meta-custom:not(:empty):before{content:" • ";color:var(--dt-theme-sidebar-status-color-foreground)}.dt-leftbar-row__icon-cc[data-v-49d75ce6]{border-radius:var(--dt-size-200);width:calc(var(--dt-size-300) * 3.5);height:calc(var(--dt-size-300) * 3.5)}.opacity-pulsate[data-v-49d75ce6]{-webkit-animation-name:opacity-pulsate-49d75ce6;-webkit-animation-duration:1s;-webkit-animation-iteration-count:infinite;-webkit-animation-fill-mode:both;-moz-animation-name:opacity-pulsate-49d75ce6;-moz-animation-duration:1s;-moz-animation-iteration-count:infinite;-moz-animation-fill-mode:both;animation-name:opacity-pulsate-49d75ce6;animation-duration:1s;animation-iteration-count:infinite;animation-fill-mode:both}@-webkit-keyframes opacity-pulsate-49d75ce6{0%,to{opacity:.2}50%{opacity:1}}@-moz-keyframes opacity-pulsate-49d75ce6{0%,to{opacity:.2}50%{opacity:1}}@keyframes opacity-pulsate-49d75ce6{0%,to{opacity:.2}50%{opacity:1}}@keyframes wave-49d75ce6{0%,50%,to{transform:translate(0)}10%{transform:translateY(-5px);opacity:90%}}.dt-leftbar-unread-pill{display:flex;align-items:center;justify-content:center;padding:var(--dt-space-200) var(--dt-space-500) var(--dt-space-200) var(--dt-space-400);gap:var(--dt-space-300);font-size:var(--dt-font-size-100);box-shadow:var(--dt-shadow-medium);border-radius:var(--dt-size-radius-pill);border:none;line-height:var(--dt-font-line-height-600);cursor:pointer}.dt-leftbar-unread-pill--mentions{font-weight:var(--dt-font-weight-bold);background-color:var(--dt-theme-mention-color-background);color:var(--dt-theme-mention-color-foreground)}.dt-leftbar-unread-pill--messages{background-color:var(--dt-color-surface-contrast);color:var(--dt-color-foreground-secondary-inverted)}.dt-feed-item-row[data-v-5db9c697]{transition-duration:2s!important}.dt-feed-item-row .content-text-wrapper-class[data-v-5db9c697]:not(img){line-height:1.6rem}.dt-feed-item-row[data-v-5db9c697] .dt-item-layout--left .d-avatar{align-self:flex-start;margin-top:var(--dt-space-300)}.dt-feed-item-pill--border[data-v-59051987]{border:double 1px transparent;border-radius:4.8rem;background-origin:border-box;background-clip:content-box,border-box;overflow:hidden}.dt-feed-item-pill--border-default[data-v-59051987]{background:var(--dt-color-border-default)}.dt-feed-item-pill--border-ai[data-v-59051987]{background-image:linear-gradient(var(--dt-color-surface-primary),var(--dt-color-surface-primary)),var(--dt-badge-color-background-ai)}.dt-feed-item-pill--border-critical[data-v-59051987]{background:var(--dt-color-foreground-critical)}.dt-feed-item-pill--icon[data-v-59051987]{animation:fade-59051987 .15s ease-in}@keyframes fade-59051987{0%{transform:scale(0)}to{transform:scale(1)}}.dt-emoji-row{display:flex;flex-wrap:wrap}.dt-emoji-row__reaction{padding:var(--dt-space-300) var(--dt-space-400);gap:var(--dt-space-300);border-radius:var(--dt-size-radius-500);margin-bottom:0;transition-delay:0s;transition-duration:var(--td50);transition-property:all;transition-timing-function:var(--ttf-in-out);color:var(--dt-color-foreground-secondary);background-color:var(--dt-color-surface-moderate-opaque)}.dt-emoji-row__reaction:hover,.dt-emoji-row__reaction:focus{border-color:hsla(var(--dt-color-black-600-hsl)/100%)!important}.dt-emoji-row__reaction--selected{color:var(--dt-color-link-primary);background-color:var(--dt-color-purple-100)!important;border-color:var(--dt-color-brand-purple)!important}.dt-emoji-row__reaction--selected:hover{color:var(--dt-color-link-primary)}.progress-bar__circle{fill:none;stroke-width:2;stroke-dasharray:var(--stroke-dasharray)}.progress-bar__circle:nth-child(1){stroke-dashoffset:0;stroke:var(--dt-color-black-100)}.progress-bar__circle:nth-child(2){stroke-dashoffset:var(--stroke-dashoffset);stroke:var(--dt-color-purple-500);transition:stroke-dashoffset .5s linear}.dt-attachment-image{position:relative}.dt-attachment-image:focus-within .dt-attachment-image__close-button,.dt-attachment-image:hover .dt-attachment-image__close-button{opacity:1}.dt-attachment-image__image-viewer{height:var(--dt-size-700);width:var(--dt-size-700);border:var(--dt-space-100) solid;border-radius:var(--br4);border-width:var(--dt-size-350);border-color:var(--dt-color-border-subtle);object-fit:cover}.dt-attachment-image__top-right{position:absolute;top:var(--dt-size-100);right:var(--dt-size-100)}.dt-attachment-image__close-button{opacity:0;position:absolute;top:inherit;right:inherit;color:var(--dt-color-neutral-white);background-color:var(--dt-color-black-400);border:var(--dt-space-100) solid;border-width:var(--dt-size-200);border-color:var(--dt-color-neutral-white)}.dt-attachment-image__progress-bar{position:absolute;top:inherit;right:inherit;background-color:var(--dt-color-neutral-white);border-radius:50%;display:flex;transform:rotate(-90deg);border:var(--dt-space-100) solid;border-width:var(--dt-size-200);border-color:var(--dt-color-border-subtle)}.dt-attachment-carousel{position:relative;max-height:100px;width:var(--dt-space-1000)}.dt-attachment-carousel__media-list{display:flex;flex-direction:row;padding-left:0;overflow-x:scroll}.dt-attachment-carousel__media-list::-webkit-scrollbar{display:none}.dt-attachment-carousel__arrow{position:absolute;opacity:0;background-color:var(--dt-color-neutral-white);top:var(--dt-space-30-percent);border:var(--dt-space-100) solid;border-width:var(--dt-size-100);border-color:var(--bc-default)}.dt-attachment-carousel:hover .dt-attachment-carousel__arrow{opacity:1}.dt-attachment-carousel__arrow--left{left:var(--dt-space-300)}.dt-attachment-carousel__arrow--right{right:var(--dt-space-300)}.dt-attachment-carousel__image-viewer{height:var(--dt-size-700);width:var(--dt-size-700);border-radius:var(--br4);border:var(--dt-space-100) solid;border-width:var(--dt-size-350);border-color:var(--dt-color-border-subtle)}.dt-recipe-callbox[data-v-66800ae7]{padding:0;color:var(--dt-color-foreground-primary);background-color:var(--dt-color-surface-primary);border-radius:var(--dt-size-radius-300)}.dt-recipe-callbox--video[data-v-66800ae7]{display:flex;border-radius:var(--dt-size-radius-200) var(--dt-size-radius-200) 0 0;overflow:clip;margin-bottom:var(--dt-space-300-negative)}.dt-recipe-callbox--main-content[data-v-66800ae7]{padding:0;border-radius:var(--dt-size-radius-300);border:var(--dt-size-border-100) solid transparent;align-items:stretch}.dt-recipe-callbox--main-content.dt-recipe-callbox--border-default[data-v-66800ae7]{border-color:var(--dt-color-border-default)}.dt-recipe-callbox--main-content.dt-recipe-callbox--border-ai[data-v-66800ae7]{background:linear-gradient(var(--dt-color-surface-primary),var(--dt-color-surface-primary)) padding-box,linear-gradient(135deg,var(--dt-color-border-accent),var(--dt-color-border-brand)) border-box}.dt-recipe-callbox--main-content.dt-recipe-callbox--border-critical[data-v-66800ae7]{background:radial-gradient(var(--dt-color-surface-primary),var(--dt-color-surface-primary)) padding-box,radial-gradient(circle,#E7301D,#F78B23) border-box}.dt-recipe-callbox--main-content-top[data-v-66800ae7]{display:flex;align-items:center;padding:var(--dt-space-350) var(--dt-space-400)}.dt-recipe-callbox--main-content-bottom[data-v-66800ae7]{border-top:1px solid var(--dt-color-border-subtle)}.dt-recipe-callbox--avatar[data-v-66800ae7]{margin-right:var(--dt-space-400)}.dt-recipe-callbox--content[data-v-66800ae7]{display:flex;flex-direction:column;flex:1 0 auto;min-width:0}.dt-recipe-callbox--content-title[data-v-66800ae7]{overflow:clip;white-space:nowrap;text-overflow:ellipsis;color:var(--dt-color-foreground-primary);background-color:var(--dt-color-surface-primary);font-weight:var(--dt-font-weight-bold);border:none;padding:0;width:0;min-width:100%;text-align:left;-webkit-user-select:text;user-select:text;line-height:normal}.dt-recipe-callbox--content-badge[data-v-66800ae7]{line-height:normal}.dt-recipe-callbox--content-subtitle[data-v-66800ae7]{padding:0;font-size:var(--dt-font-size-100);color:var(--dt-color-foreground-tertiary);line-height:normal;overflow:hidden;width:0;min-width:100%}.dt-recipe-callbox--right[data-v-66800ae7]{display:flex;justify-content:right}.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-66800ae7]{cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:var(--dt-size-100)}.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-66800ae7]:focus-visible{outline:none;box-shadow:var(--dt-shadow-focus)}.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-66800ae7]:hover,.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-66800ae7]:active{text-decoration:underline}.dt-recipe-callbox .dt-recipe-callbox-badge--warning[data-v-66800ae7]{background-color:var(--dt-color-surface-warning)}.d-avatar--image-loaded{background-color:transparent;background-image:unset}.d-avatar__count,.d-avatar__presence{z-index:var(--zi-base)}.d-avatar__overlay{background-color:var(--dt-color-surface-contrast-opaque);opacity:var(--dt-opacity-900);position:absolute;width:100%;height:100%;display:flex;align-items:center;justify-content:center;border-radius:var(--dt-size-radius-circle);z-index:var(--zi-base)}.d-avatar__overlay-icon{color:var(--dt-color-foreground-primary-inverted);width:100%}.d-avatar__overlay-text{color:var(--dt-color-foreground-primary-inverted);font-weight:var(--dt-font-weight-bold);font-size:var(--dt-font-size-200);width:100%;text-align:center}.d-avatar--clickable{--avatar-color-border: transparent;cursor:pointer;padding:0;background-color:transparent;border-radius:var(--dt-size-radius-circle);border:var(--dt-size-border-100) solid var(--avatar-color-border)}.d-avatar--clickable:focus-visible{outline:none;box-shadow:var(--dt-shadow-focus)}.d-avatar--clickable:hover{--avatar-color-border: var(--dt-color-border-default)}.d-avatar--clickable:active{--avatar-color-border: var(--dt-color-border-moderate);transform:scale(.98)}.dt-item-layout[data-v-9afad3c4]{align-items:stretch}.dt-item-layout--content[data-v-9afad3c4]{display:flex;flex-direction:column;justify-content:center}.dt-item-layout--selected[data-v-9afad3c4]{display:flex;align-items:center}.dt-list-item{list-style:none;background-color:var(--dt-action-color-background-muted-default)}.dt-list-item:not(.dt-list-item--static){cursor:pointer;border-radius:var(--dt-size-radius-300)}.dt-list-item--focusable:focus,.dt-list-item--focusable:focus-within,.dt-list-item--highlighted{background-color:var(--dt-action-color-background-muted-hover)}.dt-list-item--highlighted:active{background-color:var(--dt-action-color-background-muted-active)}.dt-list-item--selected-icon{margin-left:var(--dt-space-400)}.dt-list-item :focus-visible{outline:none;box-shadow:var(--dt-shadow-focus)}.tippy-box[data-popper-reference-hidden] .d-popover__dialog,.tippy-box[data-popper-escaped] .d-popover__dialog{visibility:hidden;pointer-events:none}.dt-suggestion-list{position:relative;padding:var(--dt-size-300);max-height:var(--dt-size-875)!important;min-width:var(--dt-size-925);max-width:var(--dt-size-975)}.dt-suggestion-list--item{border:var(--dt-size-100) solid transparent}.dt-link--mention{background-color:hsl(var(--dt-color-purple-400-hsl) / 10%);color:var(--dt-color-link-primary);border-radius:var(--dt-space-200);height:1.8rem}.dt-link--mention:hover{color:var(--dt-color-link-primary);background-color:hsl(var(--dt-color-purple-500-hsl) / 10%)}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--dt-color-foreground-placeholder);pointer-events:none;height:0}.dt-message-input--remaining-char{font-size:1.2rem}.message-input-button__disabled{background-color:unset;color:var(--theme-sidebar-icon-color);cursor:default}.dt-message-input-notice .d-notice__icon{margin-right:8px}