@dialpad/dialtone 9.86.0 → 9.86.2

package/dist/vue3/style.css

@@ -1,1427 +0,0 @@
-.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: 0.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--disabled {
-  cursor: not-allowed;
-}
-.dt-recipe--callbar-button-with-popover--arrow {
-  margin-top: var(--dt-space-450);
-  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--active {
-  background: var(--dt-color-surface-moderate-opaque);
-}
-.dt-recipe--callbar-button-with-popover--arrow--large {
-  margin-left: var(--dt-space-550-negative);
-}
-.dt-recipe--callbar-button-with-popover--arrow__icon {
-  color: var(--dt-color-black-800);
-}
-.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-recipe--callbar-button-with-popover {
-  display: flex;
-  align-items: flex-start;
-}
-.ivr_node {
-  width: 280px;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  cursor: pointer;
-}
-.ivr_node__header-left {
-  display: flex;
-  align-items: center;
-}
-.ivr_node__label {
-  font-size: var(--dt-font-size-200);
-  font-weight: var(--dt-font-weight-bold);
-}
-.ivr_node__dropdown-list {
-  width: var(--dt-size-825);
-}
-.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);
-  width: var(--dt-size-400);
-  height: var(--dt-size-400);
-  border-radius: var(--dt-size-radius-circle);
-  margin-bottom: var(--dt-space-300-negative);
-}
-.ivr-connector--selected {
-  margin-bottom: var(--dt-space-400-negative);
-}
-.ivr-connector.ivr-connector--dtmf {
-  width: var(--dt-size-550);
-  height: var(--dt-size-550);
-  margin-bottom: var(--dt-space-450-negative);
-  color: var(--dt-color-neutral-white);
-  font-size: var(--dt-font-size-200);
-}
-.ivr-connector.ivr-connector--dtmf--selected {
-  margin-bottom: var(--dt-space-500-negative);
-}
-.dt-grouped-chip {
-  display: inline-flex;
-  white-space: nowrap;
-  background-color: unset;
-  background-image: unset;
-}
-.dt-chip-content {
-  font-variant-numeric: tabular-nums;
-}
-.dt-chip-content--left {
-  border-top-left-radius: var(--dt-size-radius-pill);
-  border-bottom-left-radius: var(--dt-size-radius-pill);
-  background-color: var(--dt-color-surface-moderate-opaque);
-  max-width: var(--dt-size-730);
-}
-.dt-chip-content--right {
-  border-top-right-radius: var(--dt-size-radius-pill);
-  border-bottom-right-radius: var(--dt-size-radius-pill);
-  background-color: var(--dt-color-purple-200);
-  max-width: var(--dt-size-730);
-}
-.combobox__input-wrapper[data-v-489217f9] {
-  position: relative;
-  display: block;
-}
-.combobox__chip-wrapper[data-v-489217f9] {
-  position: absolute;
-  margin-left: var(--dt-space-200);
-  margin-right: var(--dt-space-200);
-  padding-left: var(--dt-space-100);
-  max-width: calc(var(--dt-size-100-percent) - var(--dt-space-400));
-  max-height: initial;
-  overflow-y: visible;
-}
-.combobox__chip-wrapper-md--collapsed[data-v-489217f9] {
-  max-height: 2.8rem;
-  overflow-y: hidden;
-}
-.combobox__chip-wrapper-sm--collapsed[data-v-489217f9],
-.combobox__chip-wrapper-xs--collapsed[data-v-489217f9] {
-  max-height: 2.5rem;
-  overflow-y: hidden;
-}
-.combobox__chip[data-v-489217f9] {
-  margin-top: var(--dt-space-300);
-  margin-left: var(--dt-space-200);
-  margin-right: var(--dt-space-200);
-  z-index: var(--zi-base1);
-  max-width: var(--dt-size-100-percent);
-}
-.combobox__input[data-v-489217f9] {
-  flex-grow: 1;
-}
-.combobox__list--loading[data-v-489217f9] {
-  text-align: center;
-  padding-top: var(--dt-space-500);
-  padding-bottom: var(--dt-space-500);
-}
-.combobox__chip--truncate[data-v-489217f9] {
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.progress-bar {
-  width: var(--dt-size-550);
-  height: var(--dt-size-550);
-}
-.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 500ms 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: 0px;
-  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-editor--top-bar-background {
-  background-color: var(--dt-color-surface-secondary);
-}
-.dt-editor--button-group-divider {
-  margin-left: var(--dt-space-400);
-  height: calc(var(--dt-size-550) + var(--dt-size-300));
-  width: var(--dt-size-100);
-  background: var(--dt-color-border-subtle);
-}
-.dt-emoji-row {
-  display: flex;
-  flex-wrap: wrap;
-  gap: var(--dt-space-300);
-}
-.dt-emoji-row__tooltip {
-  display: inline-block;
-}
-.dt-emoji-row__reaction {
-  --emoji-item-color-inset-shadow: transparent;
-  --emoji-item-color-foreground: var(--dt-action-color-foreground-muted-default);
-  --emoji-item-color-background: var(--dt-action-color-background-muted-hover);
-  padding: var(--dt-space-300) var(--dt-space-400);
-  border-radius: var(--dt-size-radius-pill);
-  border: 0;
-  color: var(--emoji-item-color-foreground);
-  background-color: var(--emoji-item-color-background);
-  box-shadow: inset 0 0 0 var(--dt-size-border-100) var(--emoji-item-color-inset-shadow);
-  height: var(--dt-size-550);
-}
-.dt-emoji-row__reaction.dt-emoji-row__picker {
-  padding: var(--dt-space-200) var(--dt-space-350);
-}
-.dt-emoji-row__reaction:hover {
-  --emoji-item-color-inset-shadow: var(--dt-color-border-subtle);
-  --emoji-item-color-foreground: var(--dt-action-color-foreground-muted-hover);
-}
-.dt-emoji-row__reaction:active {
-  --emoji-item-color-background: var(--dt-action-color-background-muted-active);
-  --emoji-item-color-foreground: var(--dt-action-color-foreground-muted-active);
-  transform: scale(0.98);
-}
-.dt-emoji-row__reaction--selected {
-  --emoji-item-color-inset-shadow: var(--dt-color-border-brand);
-  --emoji-item-color-foreground: var(--dt-color-link-primary);
-  --emoji-item-color-background: var(--dt-action-color-background-base-hover);
-}
-.dt-emoji-row__reaction--selected .dt-emoji-row__reaction-number {
-  font-weight: var(--dt-font-weight-bold);
-}
-.dt-emoji-row__reaction--selected:hover {
-  --emoji-item-color-inset-shadow: var(--dt-color-border-brand-strong);
-  --emoji-item-color-foreground: var(--dt-color-link-primary-hover);
-}
-.dt-emoji-row__reaction--selected:active {
-  --emoji-item-color-background: var(--dt-action-color-background-base-active);
-}
-.dt-emoji-row__emoji {
-  margin-right: var(--dt-space-300);
-  display: inline-flex;
-}
-.dt-emoji-row__reaction-number {
-  font-weight: var(--dt-typography-body-sm-font-weight);
-  font-size: var(--dt-typography-body-sm-font-size);
-  font-family: var(--dt-typography-body-sm-font-family);
-  line-height: var(--dt-font-line-height-100);
-  font-variant: tabular-nums;
-}
-.dt-recipe-feed-item-pill__wrapper[data-v-c3ae1be7] {
-  background-color: var(--dt-color-surface-secondary);
-  padding: var(--dt-space-400);
-}
-.dt-recipe-feed-item-pill__button[data-v-c3ae1be7] {
-  background-color: var(--dt-color-surface-moderate);
-  text-align: left;
-  width: 100%;
-  cursor: pointer;
-  border-width: 0;
-  border-radius: var(--dt-size-radius-600);
-  --button-padding-x: var(--button-padding-y-md);
-  --button-padding-y: var(--button-padding-y-md);
-  --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-c3ae1be7] {
-  padding: var(--dt-space-400);
-  gap: var(--dt-space-300);
-  width: 100%;
-}
-.dt-recipe-feed-item-pill__layout[data-v-c3ae1be7] > .d-item-layout--left {
-  padding-right: var(--dt-space-0);
-  justify-content: center;
-}
-.dt-recipe-feed-item-pill__icon[data-v-c3ae1be7] {
-  display: flex;
-}
-.dt-recipe-feed-item-pill__icon[data-v-c3ae1be7] svg {
-  animation: fade-c3ae1be7 0.15s ease-in;
-}
-.dt-recipe-feed-item-pill__content[data-v-c3ae1be7] {
-  display: flex;
-  justify-content: center;
-}
-.dt-recipe-feed-item-pill__title[data-v-c3ae1be7] {
-  font-weight: var(--dt-font-weight-bold);
-}
-.dt-recipe-feed-item-pill__border[data-v-c3ae1be7] {
-  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-c3ae1be7] {
-  background: var(--dt-color-border-default);
-}
-.dt-recipe-feed-item-pill__border-ai[data-v-c3ae1be7] {
-  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-c3ae1be7] {
-  background: var(--dt-color-foreground-critical);
-}
-@keyframes fade-c3ae1be7 {
-0% {
-    transform: scale(0);
-}
-100% {
-    transform: scale(1);
-}
-}
-.dt-feed-item-row[data-v-a74de2ee] {
-  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-a74de2ee]:focus-visible {
-  box-shadow: var(--dt-shadow-focus-inset);
-}
-.dt-feed-item-row--state-searched[data-v-a74de2ee] {
-  background-color: var(--dt-color-surface-warning-subtle);
-}
-.dt-feed-item-row--state-error[data-v-a74de2ee] {
-  background-color: var(--dt-color-surface-critical-subtle);
-}
-.dt-feed-item-row--active[data-v-a74de2ee] {
-  background-color: var(--dt-color-surface-secondary-opaque);
-}
-.dt-feed-item-row--state-transition[data-v-a74de2ee] {
-  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-a74de2ee] {
-  padding-top: var(--dt-space-300);
-  padding-bottom: var(--dt-space-300);
-}
-.dt-feed-item-row__content[data-v-a74de2ee] {
-  padding-left: var(--dt-space-300);
-}
-.dt-feed-item-row__attachment[data-v-a74de2ee] {
-  padding-top: var(--dt-space-200);
-  padding-bottom: var(--dt-space-300);
-}
-.dt-feed-item-row__attachment[data-v-a74de2ee] .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;
-  max-width: 30rem;
-  max-height: 30rem;
-  min-width: 5.6rem;
-  min-height: 5.6rem;
-}
-.dt-feed-item-row__attachment[data-v-a74de2ee] .dt-feed-item-row__video {
-  display: block;
-  height: 25rem;
-}
-.dt-feed-item-row__header[data-v-a74de2ee] {
-  display: flex;
-  align-items: baseline;
-  flex-wrap: wrap;
-  gap: var(--dt-space-300);
-  font-size: var(--dt-font-size-200);
-  line-height: var(--dt-font-line-height-300);
-}
-.dt-feed-item-row__header__name[data-v-a74de2ee] {
-  font-weight: var(--dt-font-weight-bold);
-}
-.dt-feed-item-row__header__time[data-v-a74de2ee] {
-  font-size: var(--dt-font-size-100);
-  color: var(--dt-color-foreground-tertiary);
-  flex-shrink: 0;
-}
-.dt-feed-item-row__reactions[data-v-a74de2ee] {
-  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-a74de2ee] {
-  padding-top: var(--dt-space-200);
-  padding-bottom: var(--dt-space-200);
-}
-.dt-feed-item-row__left-time[data-v-a74de2ee] {
-  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-a74de2ee] {
-  position: absolute;
-  top: var(--dt-space-550-negative);
-  right: var(--dt-space-450);
-}
-.dt-feed-item-row[data-v-a74de2ee] > .d-item-layout {
-  font: var(--dt-typography-body-md-compact);
-  min-height: initial;
-  padding: 0px;
-}
-.dt-feed-item-row[data-v-a74de2ee] > .d-item-layout > .d-item-layout--left {
-  align-self: flex-start;
-  text-align: end;
-  display: block;
-  padding-right: var(--dt-space-300);
-  padding-left: var(--dt-space-0);
-  min-width: calc(var(--dt-space-600) + var(--dt-space-300));
-}
-.dt-feed-item-row[data-v-a74de2ee] > .d-item-layout > .d-item-layout--right {
-  padding: 0;
-  min-width: initial;
-}
-.dt-feed-item-row[data-v-a74de2ee] > .d-item-layout > .d-item-layout--content > .d-item-layout--bottom {
-  display: flex;
-  flex-direction: column;
-  margin-top: 0;
-}
-.dt-message-input-meeting-pill {
-  display: inline-block;
-}
-.dt-message-input-meeting-pill__layout {
-  gap: var(--dt-space-400);
-  grid-template-areas: 'left content right';
-  grid-template-columns: minmax(0, max-content) 1fr minmax(0, max-content);
-  align-items: center;
-  max-width: var(--dt-size-905);
-  padding-left: var(--dt-space-400);
-  padding-right: var(--dt-space-400);
-  padding-top: var(--dt-space-200);
-  padding-bottom: var(--dt-space-200);
-  border: var(--dt-size-border-100) solid var(--dt-color-border-default);
-  border-radius: var(--dt-size-radius-300);
-  font: var(--dt-typography-headline-md);
-}
-.dt-message-input-meeting-pill__icon {
-  display: flex;
-  align-items: center;
-  padding: var(--dt-space-350);
-}
-.dt-message-input-meeting-pill__close {
-  display: flex;
-  justify-content: flex-end;
-}
-.dt-message-input {
-  display: flex;
-  flex-direction: column;
-  border-radius: var(--dt-size-radius-400);
-  border: var(--dt-size-border-100) solid;
-  border-color: var(--dt-color-border-default);
-  line-height: var(--dt-font-line-height-400);
-  cursor: text;
-  transition-property: border-color, box-shadow, opacity;
-  transition-duration: var(--td50);
-  transition-timing-function: var(--ttf-in-out);
-}
-.dt-message-input:focus-within {
-  border-color: var(--dt-color-border-bold);
-  box-shadow: 0 0 var(--dt-size-300) 0 var(--dt-color-surface-moderate-opaque);
-}
-.dt-message-input__editor-wrapper {
-  padding: var(--dt-space-450) var(--dt-space-500) var(--dt-space-300);
-}
-.dt-message-input__remaining-char-tooltip {
-  margin-top: auto;
-  margin-bottom: auto;
-}
-.dt-message-input__remaining-char {
-  color: var(--dt-color-foreground-critical);
-  font-size: var(--dt-font-size-100);
-  margin-right: var(--dt-space-300);
-}
-.dt-message-input__button {
-  max-height: 2.8rem;
-  max-width: 2.8rem;
-  border-radius: var(--dt-size-radius-300);
-}
-.dt-message-input__send-button.dt-message-input__button:not(.d-btn--icon-only),
-.dt-message-input__cancel-button {
-  max-width: unset;
-  padding: var(--dt-space-350);
-}
-.dt-message-input__send-button--disabled {
-  background-color: unset;
-  color: var(--dt-color-foreground-muted);
-  cursor: default;
-}
-.dt-message-input__bottom-section {
-  display: flex;
-  justify-content: space-between;
-  padding: var(--dt-space-300) var(--dt-space-400) var(--dt-space-400);
-}
-.dt-message-input__bottom-section-left {
-  display: flex;
-}
-.dt-message-input__bottom-section-right {
-  display: flex;
-}
-.dt-message-input__image-input {
-  position: absolute;
-}
-.dt-time-pill {
-  border: var(--dt-size-100) solid;
-  border-radius: var(--dt-size-radius-pill);
-  border-width: var(--dt-size-100);
-  --bco: 100%;
-  border-color: var(--dt-color-black-300);
-  padding-left: var(--dt-space-500);
-  padding-right: var(--dt-space-500);
-  padding-top: var(--dt-space-300);
-  padding-bottom: var(--dt-space-300);
-  font-size: var(--dt-font-size-100);
-}
-.settings-menu-button[data-v-c72dcd88] {
-  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-c72dcd88]: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-c72dcd88]:active {
-  background-color: var(--dt-theme-topbar-button-color-background-active);
-}
-.settings-menu-button-update[data-v-c72dcd88] {
-  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-c72dcd88]: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-09d337eb] {
-  --contact-info-avatar-border-color: var(--dt-color-surface-primary);
-  display: flex;
-}
-.dt-contact-info[data-v-09d337eb] .d-item-layout {
-  flex: 1 1 0;
-}
-.dt-contact-info[data-v-09d337eb] .d-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-09d337eb] .d-item-layout--left {
-  /*
-    DP-74536: To make 'Avatar' in fixed position when resizing the window.
-    */
-  min-width: var(--dt-space-650);
-  justify-content: flex-start;
-  align-items: center;
-}
-.dt-contact-info[data-v-09d337eb] .d-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-09d337eb] {
-  position: relative;
-  background-color: transparent;
-  background-image: none;
-  border-width: 0;
-  cursor: pointer;
-}
-.dt-contact-info--avatars[data-v-09d337eb] {
-  margin-right: var(--dt-space-300-negative);
-  display: flex;
-  flex-direction: row;
-}
-.dt-contact-info--avatars .d-avatar[data-v-09d337eb] {
-  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-0d10d03a] {
-  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-0d10d03a] {
-  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-0d10d03a] {
-  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-0d10d03a] {
-  border-color: var(--dt-color-border-default);
-}
-.dt-recipe-callbox--main-content.dt-recipe-callbox--border-ai[data-v-0d10d03a] {
-  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-0d10d03a] {
-  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-0d10d03a] {
-  display: flex;
-  align-items: center;
-  padding: var(--dt-space-350) var(--dt-space-400);
-}
-.dt-recipe-callbox--main-content-bottom[data-v-0d10d03a] {
-  border-top: 1px solid var(--dt-color-border-subtle);
-}
-.dt-recipe-callbox--avatar[data-v-0d10d03a] {
-  margin-right: var(--dt-space-400);
-}
-.dt-recipe-callbox--content[data-v-0d10d03a] {
-  display: flex;
-  flex-direction: column;
-  flex: 1 0 auto;
-  min-width: 0;
-}
-.dt-recipe-callbox--content-title[data-v-0d10d03a] {
-  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;
-  user-select: text;
-  line-height: normal;
-}
-.dt-recipe-callbox--content-badge[data-v-0d10d03a] {
-  line-height: normal;
-}
-.dt-recipe-callbox--content-subtitle[data-v-0d10d03a] {
-  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-0d10d03a] {
-  display: flex;
-  justify-content: right;
-}
-.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-0d10d03a] {
-  cursor: pointer;
-  user-select: none;
-  border-radius: var(--dt-size-100);
-}
-.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-0d10d03a]:focus-visible {
-  outline: none;
-  box-shadow: var(--dt-shadow-focus);
-}
-.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-0d10d03a]:hover,
-.dt-recipe-callbox--clickable .dt-recipe-callbox--content-title[data-v-0d10d03a]:active {
-  text-decoration: underline;
-}
-.dt-recipe-callbox .dt-recipe-callbox-badge--warning[data-v-0d10d03a] {
-  background-color: var(--dt-color-surface-warning);
-}
-/* stylelint-disable selector-pseudo-class-no-unknown */
-.dt-leftbar-row[data-v-0f361db5] {
-  --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;
-  display: flex;
-  background-color: var(--dt-theme-sidebar-row-color-background);
-  border-radius: var(--leftbar-row-radius);
-  cursor: pointer;
-  opacity: var(--leftbar-row-opacity);
-  transition-timing-function: var(--ttf-out-quint);
-  transition-duration: var(--td200);
-  transition-property: background-color, border, box-shadow;
-}
-.dt-leftbar-row[data-v-0f361db5]:not(.dt-leftbar-row--no-action):hover,
-.dt-leftbar-row[data-v-0f361db5]:not(.dt-leftbar-row--no-action):focus-within {
-  --leftbar-row-unread-badge-display: none;
-}
-.dt-leftbar-row[data-v-0f361db5]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,
-.dt-leftbar-row[data-v-0f361db5]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action {
-  display: inline-flex;
-}
-.dt-leftbar-row[data-v-0f361db5]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,
-.dt-leftbar-row[data-v-0f361db5]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button {
-  opacity: 1;
-}
-.dt-leftbar-row[data-v-0f361db5]:hover,
-.dt-leftbar-row[data-v-0f361db5]:focus-within {
-  --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-hover);
-}
-.dt-leftbar-row[data-v-0f361db5]:hover .d-presence,
-.dt-leftbar-row[data-v-0f361db5]:focus-within .d-presence {
-  --presence-color-border-base: var(--dt-color-black-200);
-}
-.dt-leftbar-row[data-v-0f361db5]:hover .d-avatar__count,
-.dt-leftbar-row[data-v-0f361db5]:focus-within .d-avatar__count {
-  --avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
-}
-.dt-leftbar-row--has-unread[data-v-0f361db5] {
-  --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-0f361db5] {
-  --leftbar-row-opacity: 60%;
-}
-.dt-leftbar-row--selected[data-v-0f361db5] {
-  --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-0f361db5] .d-presence {
-  --presence-color-border-base: var(--dt-color-black-200);
-}
-.dt-leftbar-row--selected[data-v-0f361db5] .d-avatar__count {
-  --avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
-}
-.dt-leftbar-row__is-typing[data-v-0f361db5] {
-  --is-typing-size-shape: var(--dt-size-550);
-  position: absolute;
-  display: flex;
-  gap: var(--dt-space-200);
-  align-items: center;
-  justify-content: center;
-  width: var(--is-typing-size-shape);
-  height: var(--is-typing-size-shape);
-  border-radius: var(--dt-size-radius-pill);
-  opacity: 0.75;
-}
-.dt-leftbar-row__is-typing span[data-v-0f361db5] {
-  display: inline-block;
-  width: var(--dt-size-300);
-  height: var(--dt-size-300);
-  padding: 0;
-  background: var(--dt-color-surface-strong);
-  border-radius: var(--dt-size-radius-pill);
-  opacity: 0.3;
-  transition: all 500ms ease;
-  animation: wave-0f361db5 1.5s ease infinite;
-}
-.dt-leftbar-row__is-typing span[data-v-0f361db5]:nth-child(1) {
-  animation-delay: 0ms;
-}
-.dt-leftbar-row__is-typing span[data-v-0f361db5]:nth-child(2) {
-  animation-delay: var(--td100);
-}
-.dt-leftbar-row__is-typing span[data-v-0f361db5]:nth-child(3) {
-  animation-delay: var(--td200);
-}
-.dt-leftbar-row__primary[data-v-0f361db5] {
-  display: flex;
-  flex: 1;
-  align-items: center;
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  color: var(--leftbar-row-color-foreground);
-  font-size: inherit;
-  line-height: inherit;
-  text-align: left;
-  text-decoration: none;
-  background-color: var(--leftbar-row-color-background);
-  border: 0;
-  border-radius: var(--leftbar-row-radius);
-  appearance: none;
-}
-.dt-leftbar-row__primary[data-v-0f361db5]:active {
-  --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-active);
-}
-.dt-leftbar-row__primary[data-v-0f361db5]:focus-visible {
-  box-shadow: var(--dt-shadow-focus-inset);
-}
-.dt-leftbar-row__action-button[data-v-0f361db5] {
-  width: var(--leftbar-row-action-width);
-  height: var(--leftbar-row-action-height);
-  opacity: 0;
-}
-.dt-leftbar-row__alpha[data-v-0f361db5] {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  width: var(--leftbar-row-alpha-width);
-  height: var(--leftbar-row-alpha-height);
-  padding-right: var(--dt-space-400);
-  padding-left: var(--dt-space-400);
-  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-0f361db5] {
-  flex: 0 1;
-  min-width: 0;
-}
-.dt-leftbar-row__omega[data-v-0f361db5] {
-  position: absolute;
-  top: var(--leftbar-row-action-position-bottom);
-  right: var(--leftbar-row-action-position-right);
-  display: flex;
-  gap: var(--dt-space-300);
-  align-items: center;
-  justify-content: flex-end;
-  box-sizing: border-box;
-  border-radius: var(--leftbar-row-radius);
-  transform: translateY(calc(var(--leftbar-row-action-position-bottom) * -1));
-}
-.dt-leftbar-row__unread-badge[data-v-0f361db5] {
-  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-0f361db5] .dt-leftbar-row__action {
-  display: none;
-}
-.dt-leftbar-row__unread-count-badge[data-v-0f361db5] {
-  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-0f361db5] {
-  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-0f361db5] {
-  color: var(--dt-theme-mention-color-foreground-strong);
-  background-color: var(--dt-theme-mention-color-background-strong);
-}
-.dt-leftbar-row__active-voice[data-v-0f361db5] {
-  display: inline-flex;
-  color: var(--dt-color-purple-400);
-  -webkit-animation-name: opacity-pulsate-0f361db5;
-  -moz-animation-name: opacity-pulsate-0f361db5;
-  animation-name: opacity-pulsate-0f361db5;
-  -webkit-animation-duration: 1s;
-  -moz-animation-duration: 1s;
-  animation-duration: 1s;
-  -webkit-animation-iteration-count: infinite;
-  -moz-animation-iteration-count: infinite;
-  animation-iteration-count: infinite;
-  -webkit-animation-fill-mode: both;
-  -moz-animation-fill-mode: both;
-  animation-fill-mode: both;
-}
-.dt-leftbar-row__dnd[data-v-0f361db5] {
-  padding-top: var(--dt-space-200);
-  padding-right: var(--dt-space-300);
-  color: var(--dt-color-foreground-tertiary);
-  font-weight: var(--dt-font-weight-medium);
-  font-size: var(--dt-font-size-100);
-  line-height: var(--dt-font-line-height-400);
-}
-.dt-leftbar-row__container--off-duty[data-v-0f361db5] {
-  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-0f361db5] .dt-leftbar-row__primary {
-  margin: calc(var(--dt-size-100) * -1);
-}
-.dt-leftbar-row--contact-centers[data-v-0f361db5] .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-0f361db5] {
-  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-0f361db5] .dt-leftbar-row__description {
-  overflow: hidden;
-  color: var(--leftbar-row-description-color-foreground);
-  font-weight: var(--leftbar-row-description-font-weight);
-  font-size: var(--leftbar-row-description-font-size);
-  line-height: var(--leftbar-row-description-line-height);
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.dt-leftbar-row[data-v-0f361db5] .dt-leftbar-row__status {
-  padding-bottom: var(--dt-space-100);
-  overflow: hidden;
-  color: var(--leftbar-row-status-color-foreground);
-  font-size: var(--leftbar-row-status-font-size);
-  line-height: var(--leftbar-row-status-line-height);
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.dt-leftbar-row[data-v-0f361db5] .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-0f361db5] {
-  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-0f361db5] {
-  -webkit-animation-name: opacity-pulsate-0f361db5;
-  -moz-animation-name: opacity-pulsate-0f361db5;
-  animation-name: opacity-pulsate-0f361db5;
-  -webkit-animation-duration: 1s;
-  -moz-animation-duration: 1s;
-  animation-duration: 1s;
-  -webkit-animation-iteration-count: infinite;
-  -moz-animation-iteration-count: infinite;
-  animation-iteration-count: infinite;
-  -webkit-animation-fill-mode: both;
-  -moz-animation-fill-mode: both;
-  animation-fill-mode: both;
-}
-@keyframes opacity-pulsate-0f361db5 {
-0%,
-  100% {
-    opacity: 0.2;
-}
-50% {
-    opacity: 1;
-}
-}
-@keyframes opacity-pulsate-0f361db5 {
-0%,
-  100% {
-    opacity: 0.2;
-}
-50% {
-    opacity: 1;
-}
-}
-@keyframes opacity-pulsate-0f361db5 {
-0%,
-  100% {
-    opacity: 0.2;
-}
-50% {
-    opacity: 1;
-}
-}
-@keyframes wave-0f361db5 {
-0%,
-  50%,
-  100% {
-    transform: translate(0, 0);
-}
-10% {
-    transform: translate(0, -0.5rem);
-    opacity: 0.9;
-}
-}
-/* stylelint-disable selector-pseudo-class-no-unknown */
-.dt-leftbar-row[data-v-9b78a9ef] {
-  --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;
-  display: flex;
-  background-color: var(--dt-theme-sidebar-row-color-background);
-  border-radius: var(--leftbar-row-radius);
-  cursor: pointer;
-  opacity: var(--leftbar-row-opacity);
-  transition-timing-function: var(--ttf-out-quint);
-  transition-duration: var(--td200);
-  transition-property: background-color, border, box-shadow;
-}
-.dt-leftbar-row[data-v-9b78a9ef]:not(.dt-leftbar-row--no-action):hover,
-.dt-leftbar-row[data-v-9b78a9ef]:not(.dt-leftbar-row--no-action):focus-within {
-  --leftbar-row-unread-badge-display: none;
-}
-.dt-leftbar-row[data-v-9b78a9ef]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,
-.dt-leftbar-row[data-v-9b78a9ef]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action {
-  display: inline-flex;
-}
-.dt-leftbar-row[data-v-9b78a9ef]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,
-.dt-leftbar-row[data-v-9b78a9ef]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button {
-  opacity: 1;
-}
-.dt-leftbar-row[data-v-9b78a9ef]:hover,
-.dt-leftbar-row[data-v-9b78a9ef]:focus-within {
-  --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-hover);
-}
-.dt-leftbar-row[data-v-9b78a9ef]:hover .d-presence,
-.dt-leftbar-row[data-v-9b78a9ef]:focus-within .d-presence {
-  --presence-color-border-base: var(--dt-color-black-200);
-}
-.dt-leftbar-row[data-v-9b78a9ef]:hover .d-avatar__count,
-.dt-leftbar-row[data-v-9b78a9ef]:focus-within .d-avatar__count {
-  --avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
-}
-.dt-leftbar-row--has-unread[data-v-9b78a9ef] {
-  --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-9b78a9ef] {
-  --leftbar-row-opacity: 60%;
-}
-.dt-leftbar-row--selected[data-v-9b78a9ef] {
-  --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-9b78a9ef] .d-presence {
-  --presence-color-border-base: var(--dt-color-black-200);
-}
-.dt-leftbar-row--selected[data-v-9b78a9ef] .d-avatar__count {
-  --avatar-count-color-shadow: var(--dt-theme-sidebar-selected-row-color-background);
-}
-.dt-leftbar-row__is-typing[data-v-9b78a9ef] {
-  --is-typing-size-shape: var(--dt-size-550);
-  position: absolute;
-  display: flex;
-  gap: var(--dt-space-200);
-  align-items: center;
-  justify-content: center;
-  width: var(--is-typing-size-shape);
-  height: var(--is-typing-size-shape);
-  border-radius: var(--dt-size-radius-pill);
-  opacity: 0.75;
-}
-.dt-leftbar-row__is-typing span[data-v-9b78a9ef] {
-  display: inline-block;
-  width: var(--dt-size-300);
-  height: var(--dt-size-300);
-  padding: 0;
-  background: var(--dt-color-surface-strong);
-  border-radius: var(--dt-size-radius-pill);
-  opacity: 0.3;
-  transition: all 500ms ease;
-  animation: wave-9b78a9ef 1.5s ease infinite;
-}
-.dt-leftbar-row__is-typing span[data-v-9b78a9ef]:nth-child(1) {
-  animation-delay: 0ms;
-}
-.dt-leftbar-row__is-typing span[data-v-9b78a9ef]:nth-child(2) {
-  animation-delay: var(--td100);
-}
-.dt-leftbar-row__is-typing span[data-v-9b78a9ef]:nth-child(3) {
-  animation-delay: var(--td200);
-}
-.dt-leftbar-row__primary[data-v-9b78a9ef] {
-  display: flex;
-  flex: 1;
-  align-items: center;
-  width: 100%;
-  margin: 0;
-  padding: 0;
-  color: var(--leftbar-row-color-foreground);
-  font-size: inherit;
-  line-height: inherit;
-  text-align: left;
-  text-decoration: none;
-  background-color: var(--leftbar-row-color-background);
-  border: 0;
-  border-radius: var(--leftbar-row-radius);
-  appearance: none;
-}
-.dt-leftbar-row__primary[data-v-9b78a9ef]:active {
-  --leftbar-row-color-background: var(--dt-theme-sidebar-row-color-background-active);
-}
-.dt-leftbar-row__primary[data-v-9b78a9ef]:focus-visible {
-  box-shadow: var(--dt-shadow-focus-inset);
-}
-.dt-leftbar-row__action-button[data-v-9b78a9ef] {
-  width: var(--leftbar-row-action-width);
-  height: var(--leftbar-row-action-height);
-  opacity: 0;
-}
-.dt-leftbar-row__alpha[data-v-9b78a9ef] {
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  box-sizing: border-box;
-  width: var(--leftbar-row-alpha-width);
-  height: var(--leftbar-row-alpha-height);
-  padding-right: var(--dt-space-400);
-  padding-left: var(--dt-space-400);
-  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-9b78a9ef] {
-  flex: 0 1;
-  min-width: 0;
-}
-.dt-leftbar-row__omega[data-v-9b78a9ef] {
-  position: absolute;
-  top: var(--leftbar-row-action-position-bottom);
-  right: var(--leftbar-row-action-position-right);
-  display: flex;
-  gap: var(--dt-space-300);
-  align-items: center;
-  justify-content: flex-end;
-  box-sizing: border-box;
-  border-radius: var(--leftbar-row-radius);
-  transform: translateY(calc(var(--leftbar-row-action-position-bottom) * -1));
-}
-.dt-leftbar-row__unread-badge[data-v-9b78a9ef] {
-  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-9b78a9ef] .dt-leftbar-row__action {
-  display: none;
-}
-.dt-leftbar-row__unread-count-badge[data-v-9b78a9ef] {
-  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-9b78a9ef] {
-  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-9b78a9ef] {
-  color: var(--dt-theme-mention-color-foreground-strong);
-  background-color: var(--dt-theme-mention-color-background-strong);
-}
-.dt-leftbar-row__active-voice[data-v-9b78a9ef] {
-  display: inline-flex;
-  color: var(--dt-color-purple-400);
-  -webkit-animation-name: opacity-pulsate-9b78a9ef;
-  -moz-animation-name: opacity-pulsate-9b78a9ef;
-  animation-name: opacity-pulsate-9b78a9ef;
-  -webkit-animation-duration: 1s;
-  -moz-animation-duration: 1s;
-  animation-duration: 1s;
-  -webkit-animation-iteration-count: infinite;
-  -moz-animation-iteration-count: infinite;
-  animation-iteration-count: infinite;
-  -webkit-animation-fill-mode: both;
-  -moz-animation-fill-mode: both;
-  animation-fill-mode: both;
-}
-.dt-leftbar-row__dnd[data-v-9b78a9ef] {
-  padding-top: var(--dt-space-200);
-  padding-right: var(--dt-space-300);
-  color: var(--dt-color-foreground-tertiary);
-  font-weight: var(--dt-font-weight-medium);
-  font-size: var(--dt-font-size-100);
-  line-height: var(--dt-font-line-height-400);
-}
-.dt-leftbar-row__container--off-duty[data-v-9b78a9ef] {
-  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-9b78a9ef] .dt-leftbar-row__primary {
-  margin: calc(var(--dt-size-100) * -1);
-}
-.dt-leftbar-row--contact-centers[data-v-9b78a9ef] .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-9b78a9ef] {
-  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-9b78a9ef] .dt-leftbar-row__description {
-  overflow: hidden;
-  color: var(--leftbar-row-description-color-foreground);
-  font-weight: var(--leftbar-row-description-font-weight);
-  font-size: var(--leftbar-row-description-font-size);
-  line-height: var(--leftbar-row-description-line-height);
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.dt-leftbar-row[data-v-9b78a9ef] .dt-leftbar-row__status {
-  padding-bottom: var(--dt-space-100);
-  overflow: hidden;
-  color: var(--leftbar-row-status-color-foreground);
-  font-size: var(--leftbar-row-status-font-size);
-  line-height: var(--leftbar-row-status-line-height);
-  white-space: nowrap;
-  text-overflow: ellipsis;
-}
-.dt-leftbar-row[data-v-9b78a9ef] .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-9b78a9ef] {
-  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-9b78a9ef] {
-  -webkit-animation-name: opacity-pulsate-9b78a9ef;
-  -moz-animation-name: opacity-pulsate-9b78a9ef;
-  animation-name: opacity-pulsate-9b78a9ef;
-  -webkit-animation-duration: 1s;
-  -moz-animation-duration: 1s;
-  animation-duration: 1s;
-  -webkit-animation-iteration-count: infinite;
-  -moz-animation-iteration-count: infinite;
-  animation-iteration-count: infinite;
-  -webkit-animation-fill-mode: both;
-  -moz-animation-fill-mode: both;
-  animation-fill-mode: both;
-}
-@keyframes opacity-pulsate-9b78a9ef {
-0%,
-  100% {
-    opacity: 0.2;
-}
-50% {
-    opacity: 1;
-}
-}
-@keyframes opacity-pulsate-9b78a9ef {
-0%,
-  100% {
-    opacity: 0.2;
-}
-50% {
-    opacity: 1;
-}
-}
-@keyframes opacity-pulsate-9b78a9ef {
-0%,
-  100% {
-    opacity: 0.2;
-}
-50% {
-    opacity: 1;
-}
-}
-@keyframes wave-9b78a9ef {
-0%,
-  50%,
-  100% {
-    transform: translate(0, 0);
-}
-10% {
-    transform: translate(0, -0.5rem);
-    opacity: 0.9;
-}
-}
-.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-top-banner-info {
-  font-size: var(--dt-font-size-100);
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  color: var(--dt-color-foreground-primary);
-}
-.dt-top-banner-info__left {
-  margin: var(--dt-space-300) 0 var(--dt-space-300) var(--dt-space-400);
-  min-width: 20%;
-}
-.dt-top-banner-info__middle {
-  display: flex;
-  align-items: center;
-  gap: var(--dt-size-300);
-  margin-top: var(--dt-space-300);
-  margin-bottom: var(--dt-space-300);
-}
-.dt-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%;
-  text-align: right;
-}