@dialpad/dialtone 9.70.1 → 9.71.0-beta.1

package/dist/vue3/style.css

@@ -964,7 +964,7 @@ body > .os-scrollbar {
   color: var(--dt-color-foreground-secondary-inverted);
 }
 /* stylelint-disable selector-pseudo-class-no-unknown */
-.dt-leftbar-row[data-v-b6629526] {
+.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);
@@ -995,49 +995,49 @@ body > .os-scrollbar {
   transition-duration: var(--td200);
   transition-property: background-color, border, box-shadow;
 }
-.dt-leftbar-row[data-v-b6629526]:not(.dt-leftbar-row--no-action):hover,
-.dt-leftbar-row[data-v-b6629526]:not(.dt-leftbar-row--no-action):focus-within {
+.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-b6629526]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action,
-.dt-leftbar-row[data-v-b6629526]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action {
+.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-b6629526]:not(.dt-leftbar-row--no-action):hover .dt-leftbar-row__action-button,
-.dt-leftbar-row[data-v-b6629526]:not(.dt-leftbar-row--no-action):focus-within .dt-leftbar-row__action-button {
+.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-b6629526]:hover,
-.dt-leftbar-row[data-v-b6629526]:focus-within {
+.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-b6629526]:hover .d-presence,
-.dt-leftbar-row[data-v-b6629526]:focus-within .d-presence {
+.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-b6629526]:hover .d-avatar__count,
-.dt-leftbar-row[data-v-b6629526]:focus-within .d-avatar__count {
+.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-b6629526] {
+.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-b6629526] {
+.dt-leftbar-row--muted[data-v-9b78a9ef] {
   --leftbar-row-opacity: 60%;
 }
-.dt-leftbar-row--selected[data-v-b6629526] {
+.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-b6629526] .d-presence {
+.dt-leftbar-row--selected[data-v-9b78a9ef] .d-presence {
   --presence-color-border-base: var(--dt-color-black-200);
 }
-.dt-leftbar-row--selected[data-v-b6629526] .d-avatar__count {
+.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-b6629526] {
+.dt-leftbar-row__is-typing[data-v-9b78a9ef] {
   --is-typing-size-shape: var(--dt-size-550);
   position: absolute;
   display: flex;
@@ -1049,7 +1049,7 @@ body > .os-scrollbar {
   border-radius: var(--dt-size-radius-pill);
   opacity: 0.75;
 }
-.dt-leftbar-row__is-typing span[data-v-b6629526] {
+.dt-leftbar-row__is-typing span[data-v-9b78a9ef] {
   display: inline-block;
   width: var(--dt-size-300);
   height: var(--dt-size-300);
@@ -1058,18 +1058,18 @@ body > .os-scrollbar {
   border-radius: var(--dt-size-radius-pill);
   opacity: 0.3;
   transition: all 500ms ease;
-  animation: wave-b6629526 1.5s ease infinite;
+  animation: wave-9b78a9ef 1.5s ease infinite;
 }
-.dt-leftbar-row__is-typing span[data-v-b6629526]:nth-child(1) {
+.dt-leftbar-row__is-typing span[data-v-9b78a9ef]:nth-child(1) {
   animation-delay: 0ms;
 }
-.dt-leftbar-row__is-typing span[data-v-b6629526]:nth-child(2) {
+.dt-leftbar-row__is-typing span[data-v-9b78a9ef]:nth-child(2) {
   animation-delay: var(--td100);
 }
-.dt-leftbar-row__is-typing span[data-v-b6629526]:nth-child(3) {
+.dt-leftbar-row__is-typing span[data-v-9b78a9ef]:nth-child(3) {
   animation-delay: var(--td200);
 }
-.dt-leftbar-row__primary[data-v-b6629526] {
+.dt-leftbar-row__primary[data-v-9b78a9ef] {
   display: flex;
   flex: 1;
   align-items: center;
@@ -1086,18 +1086,18 @@ body > .os-scrollbar {
   border-radius: var(--leftbar-row-radius);
   appearance: none;
 }
-.dt-leftbar-row__primary[data-v-b6629526]:active {
+.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-b6629526]:focus-visible {
+.dt-leftbar-row__primary[data-v-9b78a9ef]:focus-visible {
   box-shadow: var(--dt-shadow-focus-inset);
 }
-.dt-leftbar-row__action-button[data-v-b6629526] {
+.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-b6629526] {
+.dt-leftbar-row__alpha[data-v-9b78a9ef] {
   display: flex;
   align-items: center;
   justify-content: center;
@@ -1109,11 +1109,11 @@ body > .os-scrollbar {
   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-b6629526] {
+.dt-leftbar-row__label[data-v-9b78a9ef] {
   flex: 0 1;
   min-width: 0;
 }
-.dt-leftbar-row__omega[data-v-b6629526] {
+.dt-leftbar-row__omega[data-v-9b78a9ef] {
   position: absolute;
   top: var(--leftbar-row-action-position-bottom);
   right: var(--leftbar-row-action-position-right);
@@ -1125,34 +1125,34 @@ body > .os-scrollbar {
   border-radius: var(--leftbar-row-radius);
   transform: translateY(calc(var(--leftbar-row-action-position-bottom) * -1));
 }
-.dt-leftbar-row__unread-badge[data-v-b6629526] {
+.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-b6629526] .dt-leftbar-row__action {
+.dt-leftbar-row--unread-count[data-v-9b78a9ef] .dt-leftbar-row__action {
   display: none;
 }
-.dt-leftbar-row__unread-count-badge[data-v-b6629526] {
+.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-b6629526] {
+.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-b6629526] {
+.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-b6629526] {
+.dt-leftbar-row__active-voice[data-v-9b78a9ef] {
   display: inline-flex;
   color: var(--dt-color-purple-400);
-  -webkit-animation-name: opacity-pulsate-b6629526;
-  -moz-animation-name: opacity-pulsate-b6629526;
-  animation-name: opacity-pulsate-b6629526;
+  -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;
@@ -1163,7 +1163,7 @@ body > .os-scrollbar {
   -moz-animation-fill-mode: both;
   animation-fill-mode: both;
 }
-.dt-leftbar-row__dnd[data-v-b6629526] {
+.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);
@@ -1171,26 +1171,26 @@ body > .os-scrollbar {
   font-size: var(--dt-font-size-100);
   line-height: var(--dt-font-line-height-400);
 }
-.dt-leftbar-row__container--off-duty[data-v-b6629526] {
+.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-b6629526] .dt-leftbar-row__primary {
+.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-b6629526] .dt-leftbar-row__alpha {
+.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-b6629526] {
+.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-b6629526] .dt-leftbar-row__description {
+.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);
@@ -1199,7 +1199,7 @@ body > .os-scrollbar {
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.dt-leftbar-row[data-v-b6629526] .dt-leftbar-row__status {
+.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);
@@ -1208,19 +1208,19 @@ body > .os-scrollbar {
   white-space: nowrap;
   text-overflow: ellipsis;
 }
-.dt-leftbar-row[data-v-b6629526] .dt-leftbar-row__meta-context ~ .dt-leftbar-row__meta-custom:not(:empty)::before {
+.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-b6629526] {
+.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-b6629526] {
-  -webkit-animation-name: opacity-pulsate-b6629526;
-  -moz-animation-name: opacity-pulsate-b6629526;
-  animation-name: opacity-pulsate-b6629526;
+.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;
@@ -1231,7 +1231,7 @@ body > .os-scrollbar {
   -moz-animation-fill-mode: both;
   animation-fill-mode: both;
 }
-@keyframes opacity-pulsate-b6629526 {
+@keyframes opacity-pulsate-9b78a9ef {
 0%,
   100% {
     opacity: 0.2;
@@ -1240,7 +1240,7 @@ body > .os-scrollbar {
     opacity: 1;
 }
 }
-@keyframes opacity-pulsate-b6629526 {
+@keyframes opacity-pulsate-9b78a9ef {
 0%,
   100% {
     opacity: 0.2;
@@ -1249,7 +1249,7 @@ body > .os-scrollbar {
     opacity: 1;
 }
 }
-@keyframes opacity-pulsate-b6629526 {
+@keyframes opacity-pulsate-9b78a9ef {
 0%,
   100% {
     opacity: 0.2;
@@ -1258,7 +1258,7 @@ body > .os-scrollbar {
     opacity: 1;
 }
 }
-@keyframes wave-b6629526 {
+@keyframes wave-9b78a9ef {
 0%,
   50%,
   100% {
@@ -1575,51 +1575,51 @@ body > .os-scrollbar {
     opacity: 0.9;
 }
 }
-.dt-recipe-callbox[data-v-ef08f46e] {
+.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-ef08f46e] {
+.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-ef08f46e] {
+.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-ef08f46e] {
+.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-ef08f46e] {
+.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-ef08f46e] {
+.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-ef08f46e] {
+.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-ef08f46e] {
+.dt-recipe-callbox--main-content-bottom[data-v-0d10d03a] {
   border-top: 1px solid var(--dt-color-border-subtle);
 }
-.dt-recipe-callbox--avatar[data-v-ef08f46e] {
+.dt-recipe-callbox--avatar[data-v-0d10d03a] {
   margin-right: var(--dt-space-400);
 }
-.dt-recipe-callbox--content[data-v-ef08f46e] {
+.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-ef08f46e] {
+.dt-recipe-callbox--content-title[data-v-0d10d03a] {
   overflow: clip;
   white-space: nowrap;
   text-overflow: ellipsis;
@@ -1634,10 +1634,10 @@ body > .os-scrollbar {
   user-select: text;
   line-height: normal;
 }
-.dt-recipe-callbox--content-badge[data-v-ef08f46e] {
+.dt-recipe-callbox--content-badge[data-v-0d10d03a] {
   line-height: normal;
 }
-.dt-recipe-callbox--content-subtitle[data-v-ef08f46e] {
+.dt-recipe-callbox--content-subtitle[data-v-0d10d03a] {
   padding: 0;
   font-size: var(--dt-font-size-100);
   color: var(--dt-color-foreground-tertiary);
@@ -1646,40 +1646,40 @@ body > .os-scrollbar {
   width: 0;
   min-width: 100%;
 }
-.dt-recipe-callbox--right[data-v-ef08f46e] {
+.dt-recipe-callbox--right[data-v-0d10d03a] {
   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-0d10d03a] {
   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-0d10d03a]: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-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-ef08f46e] {
+.dt-recipe-callbox .dt-recipe-callbox-badge--warning[data-v-0d10d03a] {
   background-color: var(--dt-color-surface-warning);
 }
-.dt-contact-info[data-v-7b60b2d6] {
+.dt-contact-info[data-v-b6ccb4a8] {
   --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-b6ccb4a8] .dt-item-layout {
   flex: 1 1 0;
 }
-.dt-contact-info[data-v-7b60b2d6] .dt-item-layout--content {
+.dt-contact-info[data-v-b6ccb4a8] .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-b6ccb4a8] .dt-item-layout--left {
   /*
     DP-74536: To make 'Avatar' in fixed position when resizing the window.
     */
@@ -1687,31 +1687,31 @@ body > .os-scrollbar {
   justify-content: flex-start;
   align-items: center;
 }
-.dt-contact-info[data-v-7b60b2d6] .dt-item-layout--right {
+.dt-contact-info[data-v-b6ccb4a8] .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-b6ccb4a8] {
   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-b6ccb4a8] {
   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-b6ccb4a8] {
   border-radius: var(--dt-size-radius-pill);
   border: var(--dt-size-300) solid var(--contact-info-avatar-border-color);
   box-sizing: unset;
 }
-.settings-menu-button[data-v-b0dfa8b3] {
+.settings-menu-button[data-v-c72dcd88] {
   padding: var(--dt-space-0);
   border-radius: var(--dt-size-550);
   height: var(--dt-size-600);
@@ -1719,21 +1719,21 @@ body > .os-scrollbar {
   color: var(--dt-theme-topbar-button-color-foreground);
   background-color: var(--dt-theme-topbar-button-color-background);
 }
-.settings-menu-button[data-v-b0dfa8b3]:hover {
+.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-b0dfa8b3]:active {
+.settings-menu-button[data-v-c72dcd88]:active {
   background-color: var(--dt-theme-topbar-button-color-background-active);
 }
-.settings-menu-button-update[data-v-b0dfa8b3] {
+.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-b0dfa8b3]:hover {
+.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);
 }
@@ -1880,42 +1880,42 @@ body > .os-scrollbar {
     transform: scale(1);
 }
 }
-.dt-feed-item-row[data-v-418199f0] {
+.dt-feed-item-row[data-v-731d32a0] {
   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-418199f0]:focus-visible {
+.dt-feed-item-row[data-v-731d32a0]:focus-visible {
   box-shadow: var(--dt-shadow-focus-inset);
 }
-.dt-feed-item-row--state-searched[data-v-418199f0] {
+.dt-feed-item-row--state-searched[data-v-731d32a0] {
   background-color: var(--dt-color-surface-warning-subtle);
 }
-.dt-feed-item-row--state-error[data-v-418199f0] {
+.dt-feed-item-row--state-error[data-v-731d32a0] {
   background-color: var(--dt-color-surface-critical-subtle);
 }
-.dt-feed-item-row--active[data-v-418199f0] {
+.dt-feed-item-row--active[data-v-731d32a0] {
   background-color: var(--dt-color-surface-secondary-opaque);
 }
-.dt-feed-item-row--state-transition[data-v-418199f0] {
+.dt-feed-item-row--state-transition[data-v-731d32a0] {
   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-418199f0] {
+.dt-feed-item-row__avatar-container[data-v-731d32a0] {
   padding-top: var(--dt-space-300);
   padding-bottom: var(--dt-space-300);
 }
-.dt-feed-item-row__content[data-v-418199f0] {
+.dt-feed-item-row__content[data-v-731d32a0] {
   padding-left: var(--dt-space-300);
 }
-.dt-feed-item-row__attachment[data-v-418199f0] {
+.dt-feed-item-row__attachment[data-v-731d32a0] {
   padding-top: var(--dt-space-200);
   padding-bottom: var(--dt-space-300);
 }
-.dt-feed-item-row__attachment[data-v-418199f0] .dt-feed-item-row__image {
+.dt-feed-item-row__attachment[data-v-731d32a0] .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;
@@ -1924,11 +1924,11 @@ body > .os-scrollbar {
   min-width: 5.6rem;
   min-height: 5.6rem;
 }
-.dt-feed-item-row__attachment[data-v-418199f0] .dt-feed-item-row__video {
+.dt-feed-item-row__attachment[data-v-731d32a0] .dt-feed-item-row__video {
   display: block;
   height: 25rem;
 }
-.dt-feed-item-row__header[data-v-418199f0] {
+.dt-feed-item-row__header[data-v-731d32a0] {
   display: flex;
   align-items: baseline;
   flex-wrap: wrap;
@@ -1936,43 +1936,43 @@ body > .os-scrollbar {
   font-size: var(--dt-font-size-200);
   line-height: var(--dt-font-line-height-300);
 }
-.dt-feed-item-row__header__name[data-v-418199f0] {
+.dt-feed-item-row__header__name[data-v-731d32a0] {
   font-weight: var(--dt-font-weight-bold);
 }
-.dt-feed-item-row__header__time[data-v-418199f0] {
+.dt-feed-item-row__header__time[data-v-731d32a0] {
   font-size: var(--dt-font-size-100);
   color: var(--dt-color-foreground-tertiary);
   flex-shrink: 0;
 }
-.dt-feed-item-row__reactions[data-v-418199f0] {
+.dt-feed-item-row__reactions[data-v-731d32a0] {
   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-418199f0] {
+.dt-feed-item-row__threading[data-v-731d32a0] {
   padding-top: var(--dt-space-200);
   padding-bottom: var(--dt-space-200);
 }
-.dt-feed-item-row__left-time[data-v-418199f0] {
+.dt-feed-item-row__left-time[data-v-731d32a0] {
   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-418199f0] {
+.dt-feed-item-row__menu[data-v-731d32a0] {
   position: absolute;
   top: var(--dt-space-550-negative);
   right: var(--dt-space-450);
 }
-.dt-feed-item-row[data-v-418199f0] > .dt-item-layout {
+.dt-feed-item-row[data-v-731d32a0] > .dt-item-layout {
   font: var(--dt-typography-body-md-compact);
   min-height: initial;
   padding: 0px;
 }
-.dt-feed-item-row[data-v-418199f0] > .dt-item-layout > .dt-item-layout--left {
+.dt-feed-item-row[data-v-731d32a0] > .dt-item-layout > .dt-item-layout--left {
   align-self: flex-start;
   text-align: end;
   display: block;
@@ -1980,11 +1980,11 @@ body > .os-scrollbar {
   padding-left: var(--dt-space-0);
   min-width: calc(var(--dt-space-600) + var(--dt-space-300));
 }
-.dt-feed-item-row[data-v-418199f0] > .dt-item-layout > .dt-item-layout--right {
+.dt-feed-item-row[data-v-731d32a0] > .dt-item-layout > .dt-item-layout--right {
   padding: 0;
   min-width: initial;
 }
-.dt-feed-item-row[data-v-418199f0] > .dt-item-layout > .dt-item-layout--content > .dt-item-layout--bottom {
+.dt-feed-item-row[data-v-731d32a0] > .dt-item-layout > .dt-item-layout--content > .dt-item-layout--bottom {
   display: flex;
   flex-direction: column;
   margin-top: 0;