@dialpad/dialtone 9.76.0 → 9.77.0-beta.1

package/dist/vue2/style.css

@@ -569,42 +569,42 @@
   line-height: var(--dt-font-line-height-100);
   font-variant: tabular-nums;
 }
-.dt-feed-item-row[data-v-047dcbe5] {
+.dt-feed-item-row[data-v-90e0798e] {
   width: var(--dt-size-100-percent);
   box-sizing: border-box;
   position: relative;
   padding: var(--dt-space-300) var(--dt-space-500);
 }
-.dt-feed-item-row[data-v-047dcbe5]:focus-visible {
+.dt-feed-item-row[data-v-90e0798e]:focus-visible {
   box-shadow: var(--dt-shadow-focus-inset);
 }
-.dt-feed-item-row--state-searched[data-v-047dcbe5] {
+.dt-feed-item-row--state-searched[data-v-90e0798e] {
   background-color: var(--dt-color-surface-warning-subtle);
 }
-.dt-feed-item-row--state-error[data-v-047dcbe5] {
+.dt-feed-item-row--state-error[data-v-90e0798e] {
   background-color: var(--dt-color-surface-critical-subtle);
 }
-.dt-feed-item-row--active[data-v-047dcbe5] {
+.dt-feed-item-row--active[data-v-90e0798e] {
   background-color: var(--dt-color-surface-secondary-opaque);
 }
-.dt-feed-item-row--state-transition[data-v-047dcbe5] {
+.dt-feed-item-row--state-transition[data-v-90e0798e] {
   transition-duration: 2s;
   transition-delay: 0s;
   transition-timing-function: var(--ttf-in-out);
   transition-property: background-color;
 }
-.dt-feed-item-row__avatar-container[data-v-047dcbe5] {
+.dt-feed-item-row__avatar-container[data-v-90e0798e] {
   padding-top: var(--dt-space-300);
   padding-bottom: var(--dt-space-300);
 }
-.dt-feed-item-row__content[data-v-047dcbe5] {
+.dt-feed-item-row__content[data-v-90e0798e] {
   padding-left: var(--dt-space-300);
 }
-.dt-feed-item-row__attachment[data-v-047dcbe5] {
+.dt-feed-item-row__attachment[data-v-90e0798e] {
   padding-top: var(--dt-space-200);
   padding-bottom: var(--dt-space-300);
 }
-.dt-feed-item-row__attachment[data-v-047dcbe5] .dt-feed-item-row__image {
+.dt-feed-item-row__attachment[data-v-90e0798e] .dt-feed-item-row__image {
   border: var(--dt-color-border-subtle) solid var(--dt-size-border-100);
   border-radius: var(--dt-size-radius-400);
   display: block;
@@ -613,11 +613,11 @@
   min-width: 5.6rem;
   min-height: 5.6rem;
 }
-.dt-feed-item-row__attachment[data-v-047dcbe5] .dt-feed-item-row__video {
+.dt-feed-item-row__attachment[data-v-90e0798e] .dt-feed-item-row__video {
   display: block;
   height: 25rem;
 }
-.dt-feed-item-row__header[data-v-047dcbe5] {
+.dt-feed-item-row__header[data-v-90e0798e] {
   display: flex;
   align-items: baseline;
   flex-wrap: wrap;
@@ -625,43 +625,43 @@
   font-size: var(--dt-font-size-200);
   line-height: var(--dt-font-line-height-300);
 }
-.dt-feed-item-row__header__name[data-v-047dcbe5] {
+.dt-feed-item-row__header__name[data-v-90e0798e] {
   font-weight: var(--dt-font-weight-bold);
 }
-.dt-feed-item-row__header__time[data-v-047dcbe5] {
+.dt-feed-item-row__header__time[data-v-90e0798e] {
   font-size: var(--dt-font-size-100);
   color: var(--dt-color-foreground-tertiary);
   flex-shrink: 0;
 }
-.dt-feed-item-row__reactions[data-v-047dcbe5] {
+.dt-feed-item-row__reactions[data-v-90e0798e] {
   display: flex;
   flex-wrap: wrap;
   padding-top: var(--dt-space-200);
   padding-bottom: var(--dt-space-200);
   padding-left: var(--dt-space-300);
 }
-.dt-feed-item-row__threading[data-v-047dcbe5] {
+.dt-feed-item-row__threading[data-v-90e0798e] {
   padding-top: var(--dt-space-200);
   padding-bottom: var(--dt-space-200);
 }
-.dt-feed-item-row__left-time[data-v-047dcbe5] {
+.dt-feed-item-row__left-time[data-v-90e0798e] {
   color: var(--dt-color-foreground-tertiary);
   font-size: var(--dt-font-size-100);
   font-weight: var(--dt-font-weight-normal);
   vertical-align: middle;
   white-space: nowrap;
 }
-.dt-feed-item-row__menu[data-v-047dcbe5] {
+.dt-feed-item-row__menu[data-v-90e0798e] {
   position: absolute;
   top: var(--dt-space-550-negative);
   right: var(--dt-space-450);
 }
-.dt-feed-item-row[data-v-047dcbe5] > .dt-item-layout {
+.dt-feed-item-row[data-v-90e0798e] > .dt-item-layout {
   font: var(--dt-typography-body-md-compact);
   min-height: initial;
   padding: 0px;
 }
-.dt-feed-item-row[data-v-047dcbe5] > .dt-item-layout > .dt-item-layout--left {
+.dt-feed-item-row[data-v-90e0798e] > .dt-item-layout > .dt-item-layout--left {
   align-self: flex-start;
   text-align: end;
   display: block;
@@ -669,20 +669,20 @@
   padding-left: var(--dt-space-0);
   min-width: calc(var(--dt-space-600) + var(--dt-space-300));
 }
-.dt-feed-item-row[data-v-047dcbe5] > .dt-item-layout > .dt-item-layout--right {
+.dt-feed-item-row[data-v-90e0798e] > .dt-item-layout > .dt-item-layout--right {
   padding: 0;
   min-width: initial;
 }
-.dt-feed-item-row[data-v-047dcbe5] > .dt-item-layout > .dt-item-layout--content > .dt-item-layout--bottom {
+.dt-feed-item-row[data-v-90e0798e] > .dt-item-layout > .dt-item-layout--content > .dt-item-layout--bottom {
   display: flex;
   flex-direction: column;
   margin-top: 0;
 }
-.dt-recipe-feed-item-pill__wrapper[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__wrapper[data-v-df943928] {
   background-color: var(--dt-color-surface-secondary);
   padding: var(--dt-space-400);
 }
-.dt-recipe-feed-item-pill__button[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__button[data-v-df943928] {
   background-color: var(--dt-color-surface-moderate);
   text-align: left;
   width: 100%;
@@ -694,42 +694,45 @@
   --button-color-text: var(--dt-action-color-foreground-muted-default);
   --button-border-radius: var(--dt-size-radius-600);
 }
-.dt-recipe-feed-item-pill__layout[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__layout[data-v-df943928] {
   padding: var(--dt-space-400);
   gap: var(--dt-space-300);
   width: 100%;
 }
-.dt-recipe-feed-item-pill__layout[data-v-dab5b252] > .dt-item-layout--left {
+.dt-recipe-feed-item-pill__layout[data-v-df943928] > .dt-item-layout--left {
   padding-right: var(--dt-space-0);
   justify-content: center;
 }
-.dt-recipe-feed-item-pill__icon[data-v-dab5b252] {
-  animation: fade-dab5b252 0.15s ease-in;
+.dt-recipe-feed-item-pill__icon[data-v-df943928] {
+  display: flex;
+}
+.dt-recipe-feed-item-pill__icon[data-v-df943928] svg {
+  animation: fade-df943928 0.15s ease-in;
 }
-.dt-recipe-feed-item-pill__content[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__content[data-v-df943928] {
   display: flex;
   justify-content: center;
 }
-.dt-recipe-feed-item-pill__title[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__title[data-v-df943928] {
   font-weight: var(--dt-font-weight-bold);
 }
-.dt-recipe-feed-item-pill__border[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__border[data-v-df943928] {
   border: double 1px transparent;
   border-radius: var(--dt-size-radius-600);
   background-origin: border-box;
   background-clip: content-box, border-box;
   overflow: hidden;
 }
-.dt-recipe-feed-item-pill__border-default[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__border-default[data-v-df943928] {
   background: var(--dt-color-border-default);
 }
-.dt-recipe-feed-item-pill__border-ai[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__border-ai[data-v-df943928] {
   background-image: linear-gradient(var(--dt-color-surface-primary), var(--dt-color-surface-primary)), var(--dt-badge-color-background-ai);
 }
-.dt-recipe-feed-item-pill__border-critical[data-v-dab5b252] {
+.dt-recipe-feed-item-pill__border-critical[data-v-df943928] {
   background: var(--dt-color-foreground-critical);
 }
-@keyframes fade-dab5b252 {
+@keyframes fade-df943928 {
 0% {
     transform: scale(0);
 }
@@ -818,7 +821,7 @@
   background-color: var(--dt-color-surface-primary);
   padding: var(--dt-space-300) var(--dt-space-500);
 }
-.settings-menu-button[data-v-4ee1371d] {
+.settings-menu-button[data-v-be46bf19] {
   padding: var(--dt-space-0);
   border-radius: var(--dt-size-550);
   height: var(--dt-size-600);
@@ -826,38 +829,38 @@
   color: var(--dt-theme-topbar-button-color-foreground);
   background-color: var(--dt-theme-topbar-button-color-background);
 }
-.settings-menu-button[data-v-4ee1371d]:hover {
+.settings-menu-button[data-v-be46bf19]: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-4ee1371d]:active {
+.settings-menu-button[data-v-be46bf19]:active {
   background-color: var(--dt-theme-topbar-button-color-background-active);
 }
-.settings-menu-button-update[data-v-4ee1371d] {
+.settings-menu-button-update[data-v-be46bf19] {
   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-4ee1371d]:hover {
+.settings-menu-button-update[data-v-be46bf19]:hover {
   background-color: hsla(var(--dt-color-blue-200-hsl) / 50%);
   color: var(--dt-theme-topbar-button-color-foreground-hover);
 }
-.dt-contact-info[data-v-7b60b2d6] {
+.dt-contact-info[data-v-3acaa9ec] {
   --contact-info-avatar-border-color: var(--dt-color-surface-primary);
   display: flex;
 }
-.dt-contact-info[data-v-7b60b2d6] .dt-item-layout {
+.dt-contact-info[data-v-3acaa9ec] .dt-item-layout {
   flex: 1 1 0;
 }
-.dt-contact-info[data-v-7b60b2d6] .dt-item-layout--content {
+.dt-contact-info[data-v-3acaa9ec] .dt-item-layout--content {
   /*
     DP-74536: Add `min-width` to make the width of "contact info" adjustable.
     */
   min-width: var(--dt-space-825);
 }
-.dt-contact-info[data-v-7b60b2d6] .dt-item-layout--left {
+.dt-contact-info[data-v-3acaa9ec] .dt-item-layout--left {
   /*
     DP-74536: To make 'Avatar' in fixed position when resizing the window.
     */
@@ -865,75 +868,75 @@
   justify-content: flex-start;
   align-items: center;
 }
-.dt-contact-info[data-v-7b60b2d6] .dt-item-layout--right {
+.dt-contact-info[data-v-3acaa9ec] .dt-item-layout--right {
   /*
     DP-74536: Remove `min-width` which cause extra unused empty space on the right of "contact info".
     */
   min-width: 0;
   align-items: center;
 }
-.dt-contact-info__left[data-v-7b60b2d6] {
+.dt-contact-info__left[data-v-3acaa9ec] {
   position: relative;
   background-color: transparent;
   background-image: none;
   border-width: 0;
   cursor: pointer;
 }
-.dt-contact-info--avatars[data-v-7b60b2d6] {
+.dt-contact-info--avatars[data-v-3acaa9ec] {
   margin-right: var(--dt-space-300-negative);
   display: flex;
   flex-direction: row;
 }
-.dt-contact-info--avatars .d-avatar[data-v-7b60b2d6] {
+.dt-contact-info--avatars .d-avatar[data-v-3acaa9ec] {
   border-radius: var(--dt-size-radius-pill);
   border: var(--dt-size-300) solid var(--contact-info-avatar-border-color);
   box-sizing: unset;
 }
-.dt-recipe-callbox[data-v-ef08f46e] {
+.dt-recipe-callbox[data-v-8d007874] {
   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-ef08f46e] {
+.dt-recipe-callbox--video[data-v-8d007874] {
   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-ef08f46e] {
+.dt-recipe-callbox--main-content[data-v-8d007874] {
   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-ef08f46e] {
+.dt-recipe-callbox--main-content.dt-recipe-callbox--border-default[data-v-8d007874] {
   border-color: var(--dt-color-border-default);
 }
-.dt-recipe-callbox--main-content.dt-recipe-callbox--border-ai[data-v-ef08f46e] {
+.dt-recipe-callbox--main-content.dt-recipe-callbox--border-ai[data-v-8d007874] {
   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-ef08f46e] {
+.dt-recipe-callbox--main-content.dt-recipe-callbox--border-critical[data-v-8d007874] {
   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-ef08f46e] {
+.dt-recipe-callbox--main-content-top[data-v-8d007874] {
   display: flex;
   align-items: center;
   padding: var(--dt-space-350) var(--dt-space-400);
 }
-.dt-recipe-callbox--main-content-bottom[data-v-ef08f46e] {
+.dt-recipe-callbox--main-content-bottom[data-v-8d007874] {
   border-top: 1px solid var(--dt-color-border-subtle);
 }
-.dt-recipe-callbox--avatar[data-v-ef08f46e] {
+.dt-recipe-callbox--avatar[data-v-8d007874] {
   margin-right: var(--dt-space-400);
 }
-.dt-recipe-callbox--content[data-v-ef08f46e] {
+.dt-recipe-callbox--content[data-v-8d007874] {
   display: flex;
   flex-direction: column;
   flex: 1 0 auto;
   min-width: 0;
 }
-.dt-recipe-callbox--content-title[data-v-ef08f46e] {
+.dt-recipe-callbox--content-title[data-v-8d007874] {
   overflow: clip;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -948,10 +951,10 @@
   user-select: text;
   line-height: normal;
 }
-.dt-recipe-callbox--content-badge[data-v-ef08f46e] {
+.dt-recipe-callbox--content-badge[data-v-8d007874] {
   line-height: normal;
 }
-.dt-recipe-callbox--content-subtitle[data-v-ef08f46e] {
+.dt-recipe-callbox--content-subtitle[data-v-8d007874] {
   padding: 0;
   font-size: var(--dt-font-size-100);
   color: var(--dt-color-foreground-tertiary);
@@ -960,24 +963,24 @@
   width: 0;
   min-width: 100%;
 }
-.dt-recipe-callbox--right[data-v-ef08f46e] {
+.dt-recipe-callbox--right[data-v-8d007874] {
   display: flex;
   justify-content: right;
 }
-.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-ef08f46e] {
+.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-8d007874] {
   cursor: pointer;
   user-select: none;
   border-radius: var(--dt-size-100);
 }
-.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-ef08f46e]:focus-visible {
+.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-8d007874]:focus-visible {
   outline: none;
   box-shadow: var(--dt-shadow-focus);
 }
-.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-ef08f46e]:hover,
-.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-ef08f46e]:active {
+.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-8d007874]:hover,
+.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-8d007874]:active {
   text-decoration: underline;
 }
-.dt-recipe-callbox .dt-recipe-callbox-badge--warning[data-v-ef08f46e] {
+.dt-recipe-callbox .dt-recipe-callbox-badge--warning[data-v-8d007874] {
   background-color: var(--dt-color-surface-warning);
 }
 /* stylelint-disable selector-pseudo-class-no-unknown */
@@ -1287,7 +1290,7 @@
 }
 }
 /* stylelint-disable selector-pseudo-class-no-unknown */
-.dt-leftbar-row[data-v-f626c1e7] {
+.dt-leftbar-row[data-v-5a114d36] {
   --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);
@@ -1318,49 +1321,49 @@
   transition-duration: var(--td200);
   transition-property: background-color, border, box-shadow;
 }
-.dt-leftbar-row[data-v-f626c1e7]:not(.dt-leftbar-row--no-action):hover,
-.dt-leftbar-row[data-v-f626c1e7]:not(.dt-leftbar-row--no-action):focus-within {
+.dt-leftbar-row[data-v-5a114d36]:not(.dt-leftbar-row--no-action):hover,
+.dt-leftbar-row[data-v-5a114d36]:not(.dt-leftbar-row--no-action):focus-within {
   --leftbar-row-unread-badge-display: none;
 }
-.dt-leftbar-row[data-v-f626c1e7]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,
-.dt-leftbar-row[data-v-f626c1e7]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action {
+.dt-leftbar-row[data-v-5a114d36]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,
+.dt-leftbar-row[data-v-5a114d36]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action {
   display: inline-flex;
 }
-.dt-leftbar-row[data-v-f626c1e7]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,
-.dt-leftbar-row[data-v-f626c1e7]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button {
+.dt-leftbar-row[data-v-5a114d36]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,
+.dt-leftbar-row[data-v-5a114d36]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button {
   opacity: 1;
 }
-.dt-leftbar-row[data-v-f626c1e7]:hover,
-.dt-leftbar-row[data-v-f626c1e7]:focus-within {
+.dt-leftbar-row[data-v-5a114d36]:hover,
+.dt-leftbar-row[data-v-5a114d36]:focus-within {
   --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-hover);
 }
-.dt-leftbar-row[data-v-f626c1e7]:hover .d-presence,
-.dt-leftbar-row[data-v-f626c1e7]:focus-within .d-presence {
+.dt-leftbar-row[data-v-5a114d36]:hover .d-presence,
+.dt-leftbar-row[data-v-5a114d36]:focus-within .d-presence {
   --presence-color-border-base: var(--dt-color-black-200);
 }
-.dt-leftbar-row[data-v-f626c1e7]:hover .d-avatar__count,
-.dt-leftbar-row[data-v-f626c1e7]:focus-within .d-avatar__count {
+.dt-leftbar-row[data-v-5a114d36]:hover .d-avatar__count,
+.dt-leftbar-row[data-v-5a114d36]:focus-within .d-avatar__count {
   --avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
 }
-.dt-leftbar-row--has-unread[data-v-f626c1e7] {
+.dt-leftbar-row--has-unread[data-v-5a114d36] {
   --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--muted[data-v-f626c1e7] {
+.dt-leftbar-row--muted[data-v-5a114d36] {
   --leftbar-row-opacity: 60%;
 }
-.dt-leftbar-row--selected[data-v-f626c1e7] {
+.dt-leftbar-row--selected[data-v-5a114d36] {
   --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-f626c1e7] .d-presence {
+.dt-leftbar-row--selected[data-v-5a114d36] .d-presence {
   --presence-color-border-base: var(--dt-color-black-200);
 }
-.dt-leftbar-row--selected[data-v-f626c1e7] .d-avatar__count {
+.dt-leftbar-row--selected[data-v-5a114d36] .d-avatar__count {
   --avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
 }
-.dt-leftbar-row__is-typing[data-v-f626c1e7] {
+.dt-leftbar-row__is-typing[data-v-5a114d36] {
   --is-typing-size-shape: var(--dt-size-550);
   position: absolute;
   display: flex;
@@ -1372,7 +1375,7 @@
   border-radius: var(--dt-size-radius-pill);
   opacity: 0.75;
 }
-.dt-leftbar-row__is-typing span[data-v-f626c1e7] {
+.dt-leftbar-row__is-typing span[data-v-5a114d36] {
   display: inline-block;
   width: var(--dt-size-300);
   height: var(--dt-size-300);
@@ -1381,18 +1384,18 @@
   border-radius: var(--dt-size-radius-pill);
   opacity: 0.3;
   transition: all 500ms ease;
-  animation: wave-f626c1e7 1.5s ease infinite;
+  animation: wave-5a114d36 1.5s ease infinite;
 }
-.dt-leftbar-row__is-typing span[data-v-f626c1e7]:nth-child(1) {
+.dt-leftbar-row__is-typing span[data-v-5a114d36]:nth-child(1) {
   animation-delay: 0ms;
 }
-.dt-leftbar-row__is-typing span[data-v-f626c1e7]:nth-child(2) {
+.dt-leftbar-row__is-typing span[data-v-5a114d36]:nth-child(2) {
   animation-delay: var(--td100);
 }
-.dt-leftbar-row__is-typing span[data-v-f626c1e7]:nth-child(3) {
+.dt-leftbar-row__is-typing span[data-v-5a114d36]:nth-child(3) {
   animation-delay: var(--td200);
 }
-.dt-leftbar-row__primary[data-v-f626c1e7] {
+.dt-leftbar-row__primary[data-v-5a114d36] {
   display: flex;
   flex: 1;
   align-items: center;
@@ -1409,18 +1412,18 @@
   border-radius: var(--leftbar-row-radius);
   appearance: none;
 }
-.dt-leftbar-row__primary[data-v-f626c1e7]:active {
+.dt-leftbar-row__primary[data-v-5a114d36]:active {
   --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-active);
 }
-.dt-leftbar-row__primary[data-v-f626c1e7]:focus-visible {
+.dt-leftbar-row__primary[data-v-5a114d36]:focus-visible {
   box-shadow: var(--dt-shadow-focus-inset);
 }
-.dt-leftbar-row__action-button[data-v-f626c1e7] {
+.dt-leftbar-row__action-button[data-v-5a114d36] {
   width: var(--leftbar-row-action-width);
   height: var(--leftbar-row-action-height);
   opacity: 0;
 }
-.dt-leftbar-row__alpha[data-v-f626c1e7] {
+.dt-leftbar-row__alpha[data-v-5a114d36] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1432,11 +1435,11 @@
   color: var(--leftbar-row-alpha-color-foreground);
   border-radius: var(--leftbar-row-radius) 0 0 var(--leftbar-row-radius);
 }
-.dt-leftbar-row__label[data-v-f626c1e7] {
+.dt-leftbar-row__label[data-v-5a114d36] {
   flex: 0 1;
   min-width: 0;
 }
-.dt-leftbar-row__omega[data-v-f626c1e7] {
+.dt-leftbar-row__omega[data-v-5a114d36] {
   position: absolute;
   top: var(--leftbar-row-action-position-bottom);
   right: var(--leftbar-row-action-position-right);
@@ -1448,34 +1451,34 @@
   border-radius: var(--leftbar-row-radius);
   transform: translateY(calc(var(--leftbar-row-action-position-bottom) * -1));
 }
-.dt-leftbar-row__unread-badge[data-v-f626c1e7] {
+.dt-leftbar-row__unread-badge[data-v-5a114d36] {
   display: var(--leftbar-row-unread-badge-display);
   color: var(--dt-theme-mention-color-foreground);
   background-color: var(--dt-theme-mention-color-background);
 }
-.dt-leftbar-row--unread-count[data-v-f626c1e7] .dt-leftbar-row__action {
+.dt-leftbar-row--unread-count[data-v-5a114d36] .dt-leftbar-row__action {
   display: none;
 }
-.dt-leftbar-row__unread-count-badge[data-v-f626c1e7] {
+.dt-leftbar-row__unread-count-badge[data-v-5a114d36] {
   border-top-right-radius: var(--dt-size-radius-0);
   border-bottom-right-radius: var(--dt-size-radius-0);
 }
-.dt-leftbar-row__unread-mention-count-badge[data-v-f626c1e7] {
+.dt-leftbar-row__unread-mention-count-badge[data-v-5a114d36] {
   color: var(--dt-theme-mention-color-foreground-strong);
   background-color: var(--dt-theme-mention-color-background-strong);
   border-top-left-radius: var(--dt-size-radius-0);
   border-bottom-left-radius: var(--dt-size-radius-0);
 }
-.dt-leftbar-row__unread-mention-only-count-badge[data-v-f626c1e7] {
+.dt-leftbar-row__unread-mention-only-count-badge[data-v-5a114d36] {
   color: var(--dt-theme-mention-color-foreground-strong);
   background-color: var(--dt-theme-mention-color-background-strong);
 }
-.dt-leftbar-row__active-voice[data-v-f626c1e7] {
+.dt-leftbar-row__active-voice[data-v-5a114d36] {
   display: inline-flex;
   color: var(--dt-color-purple-400);
-  -webkit-animation-name: opacity-pulsate-f626c1e7;
-  -moz-animation-name: opacity-pulsate-f626c1e7;
-  animation-name: opacity-pulsate-f626c1e7;
+  -webkit-animation-name: opacity-pulsate-5a114d36;
+  -moz-animation-name: opacity-pulsate-5a114d36;
+  animation-name: opacity-pulsate-5a114d36;
   -webkit-animation-duration: 1s;
   -moz-animation-duration: 1s;
   animation-duration: 1s;
@@ -1486,7 +1489,7 @@
   -moz-animation-fill-mode: both;
   animation-fill-mode: both;
 }
-.dt-leftbar-row__dnd[data-v-f626c1e7] {
+.dt-leftbar-row__dnd[data-v-5a114d36] {
   padding-top: var(--dt-space-200);
   padding-right: var(--dt-space-300);
   color: var(--dt-color-foreground-tertiary);
@@ -1494,26 +1497,26 @@
   font-size: var(--dt-font-size-100);
   line-height: var(--dt-font-line-height-400);
 }
-.dt-leftbar-row__container--off-duty[data-v-f626c1e7] {
+.dt-leftbar-row__container--off-duty[data-v-5a114d36] {
   background-color: var(--dt-badge-color-background-critical);
   border: var(--dt-size-100) solid var(--dt-color-border-subtle);
   border-radius: var(--dt-size-radius-500);
 }
-.dt-leftbar-row__container--off-duty[data-v-f626c1e7] .dt-leftbar-row__primary {
+.dt-leftbar-row__container--off-duty[data-v-5a114d36] .dt-leftbar-row__primary {
   margin: calc(var(--dt-size-100) * -1);
 }
-.dt-leftbar-row--contact-centers[data-v-f626c1e7] .dt-leftbar-row__alpha {
+.dt-leftbar-row--contact-centers[data-v-5a114d36] .dt-leftbar-row__alpha {
   padding-right: var(--dt-space-450);
   padding-left: var(--dt-space-450);
 }
-.dt-leftbar-row--contact-centers .dt-leftbar-row__action-container[data-v-f626c1e7] {
+.dt-leftbar-row--contact-centers .dt-leftbar-row__action-container[data-v-5a114d36] {
   display: inline-flex;
   align-items: center;
   justify-content: flex-end;
   min-width: var(--dt-size-600);
   height: var(--dt-size-500);
 }
-.dt-leftbar-row[data-v-f626c1e7] .dt-leftbar-row__description {
+.dt-leftbar-row[data-v-5a114d36] .dt-leftbar-row__description {
   overflow: hidden;
   color: var(--leftbar-row-description-color-foreground);
   font-weight: var(--leftbar-row-description-font-weight);
@@ -1522,7 +1525,7 @@
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.dt-leftbar-row[data-v-f626c1e7] .dt-leftbar-row__status {
+.dt-leftbar-row[data-v-5a114d36] .dt-leftbar-row__status {
   padding-bottom: var(--dt-space-100);
   overflow: hidden;
   color: var(--leftbar-row-status-color-foreground);
@@ -1531,19 +1534,19 @@
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.dt-leftbar-row[data-v-f626c1e7] .dt-leftbar-row__meta-context ~ .dt-leftbar-row__meta-custom:not(:empty)::before {
+.dt-leftbar-row[data-v-5a114d36] .dt-leftbar-row__meta-context ~ .dt-leftbar-row__meta-custom:not(:empty)::before {
   color: var(--dt-theme-sidebar-status-color-foreground);
   content: " • ";
 }
-.dt-leftbar-row__icon-cc[data-v-f626c1e7] {
+.dt-leftbar-row__icon-cc[data-v-5a114d36] {
   width: calc(var(--dt-size-300) * 3.5);
   height: calc(var(--dt-size-300) * 3.5);
   border-radius: var(--dt-size-200);
 }
-.opacity-pulsate[data-v-f626c1e7] {
-  -webkit-animation-name: opacity-pulsate-f626c1e7;
-  -moz-animation-name: opacity-pulsate-f626c1e7;
-  animation-name: opacity-pulsate-f626c1e7;
+.opacity-pulsate[data-v-5a114d36] {
+  -webkit-animation-name: opacity-pulsate-5a114d36;
+  -moz-animation-name: opacity-pulsate-5a114d36;
+  animation-name: opacity-pulsate-5a114d36;
   -webkit-animation-duration: 1s;
   -moz-animation-duration: 1s;
   animation-duration: 1s;
@@ -1554,7 +1557,7 @@
   -moz-animation-fill-mode: both;
   animation-fill-mode: both;
 }
-@keyframes opacity-pulsate-f626c1e7 {
+@keyframes opacity-pulsate-5a114d36 {
 0%,
   100% {
     opacity: 0.2;
@@ -1563,7 +1566,7 @@
     opacity: 1;
 }
 }
-@keyframes opacity-pulsate-f626c1e7 {
+@keyframes opacity-pulsate-5a114d36 {
 0%,
   100% {
     opacity: 0.2;
@@ -1572,7 +1575,7 @@
     opacity: 1;
 }
 }
-@keyframes opacity-pulsate-f626c1e7 {
+@keyframes opacity-pulsate-5a114d36 {
 0%,
   100% {
     opacity: 0.2;
@@ -1581,7 +1584,7 @@
     opacity: 1;
 }
 }
-@keyframes wave-f626c1e7 {
+@keyframes wave-5a114d36 {
 0%,
   50%,
   100% {