@giddaa-housing/ui 2.1.0 → 3.0.0

package/dist/styles.css

@@ -149,6 +149,13 @@
     --color-status-warning: #d97706;
     --color-status-danger: #ef4444;
     --color-status-info: #2563eb;
+    --ease-gdt-out: cubic-bezier(0.23, 1, 0.32, 1);
+    --ease-gdt-in-out: cubic-bezier(0.77, 0, 0.175, 1);
+    --ease-gdt-drawer: cubic-bezier(0.32, 0.72, 0, 1);
+    --duration-motion-press: 150ms;
+    --duration-motion-tooltip: 150ms;
+    --duration-motion-popup: 200ms;
+    --duration-motion-surface: 250ms;
     --animate-slideUp: slideUp 1.5s cubic-bezier(1, -0.16, 0, 0.94) forwards;
     --animate-slideDown: slideDown 1.5s cubic-bezier(1, -0.16, 0, 0.94) forwards;
     --animate-scroll: scroll 15s linear infinite;
@@ -387,6 +394,9 @@
   .top-2 {
     top: calc(var(--spacing) * 2);
   }
+  .top-3 {
+    top: calc(var(--spacing) * 3);
+  }
   .top-3\.5 {
     top: calc(var(--spacing) * 3.5);
   }
@@ -396,6 +406,9 @@
   .top-6 {
     top: calc(var(--spacing) * 6);
   }
+  .top-\[15px\] {
+    top: 15px;
+  }
   .top-gdt-md {
     top: var(--spacing-gdt-md);
   }
@@ -429,9 +442,15 @@
   .right-6 {
     right: calc(var(--spacing) * 6);
   }
+  .right-\[15px\] {
+    right: 15px;
+  }
   .right-gdt-md {
     right: var(--spacing-gdt-md);
   }
+  .right-gdt-sm {
+    right: var(--spacing-gdt-sm);
+  }
   .bottom-0 {
     bottom: 0;
   }
@@ -456,6 +475,9 @@
   .bottom-full {
     bottom: 100%;
   }
+  .bottom-gdt-sm {
+    bottom: var(--spacing-gdt-sm);
+  }
   .left-0 {
     left: 0;
   }
@@ -567,6 +589,9 @@
   .-m-1 {
     margin: calc(var(--spacing) * -1);
   }
+  .m-auto {
+    margin: auto;
+  }
   .container {
     margin-inline: auto;
     width: 100%;
@@ -833,6 +858,14 @@
     width: calc(var(--spacing) * 24);
     height: calc(var(--spacing) * 24);
   }
+  .size-\[34px\] {
+    width: 34px;
+    height: 34px;
+  }
+  .size-\[38px\] {
+    width: 38px;
+    height: 38px;
+  }
   .size-auto {
     width: auto;
     height: auto;
@@ -841,6 +874,10 @@
     width: 100%;
     height: 100%;
   }
+  .size-gdt-lg {
+    width: var(--spacing-gdt-lg);
+    height: var(--spacing-gdt-lg);
+  }
   .h-\(--accordion-panel-height\) {
     height: var(--accordion-panel-height);
   }
@@ -916,6 +953,9 @@
   .h-\[350px\] {
     height: 350px;
   }
+  .h-\[708px\] {
+    height: 708px;
+  }
   .h-\[calc\(--spacing\(5\.25\)\)\] {
     height: calc(calc(var(--spacing) * 5.25));
   }
@@ -928,6 +968,9 @@
   .h-auto {
     height: auto;
   }
+  .h-dvh {
+    height: 100dvh;
+  }
   .h-full {
     height: 100%;
   }
@@ -991,6 +1034,9 @@
   .min-h-14 {
     min-height: calc(var(--spacing) * 14);
   }
+  .min-h-19 {
+    min-height: calc(var(--spacing) * 19);
+  }
   .min-h-20 {
     min-height: calc(var(--spacing) * 20);
   }
@@ -1033,6 +1079,9 @@
   .min-h-\[var\(--height\)\] {
     min-height: var(--height);
   }
+  .min-h-gdt-lg {
+    min-height: var(--spacing-gdt-lg);
+  }
   .min-h-svh {
     min-height: 100svh;
   }
@@ -1186,9 +1235,21 @@
   .max-w-40 {
     max-width: calc(var(--spacing) * 40);
   }
+  .max-w-52\.5 {
+    max-width: calc(var(--spacing) * 52.5);
+  }
+  .max-w-67\.5 {
+    max-width: calc(var(--spacing) * 67.5);
+  }
+  .max-w-82\.5 {
+    max-width: calc(var(--spacing) * 82.5);
+  }
   .max-w-95 {
     max-width: calc(var(--spacing) * 95);
   }
+  .max-w-100 {
+    max-width: calc(var(--spacing) * 100);
+  }
   .max-w-145 {
     max-width: calc(var(--spacing) * 145);
   }
@@ -1198,6 +1259,12 @@
   .max-w-\[31rem\] {
     max-width: 31rem;
   }
+  .max-w-\[358px\] {
+    max-width: 358px;
+  }
+  .max-w-\[390px\] {
+    max-width: 390px;
+  }
   .max-w-\[520px\] {
     max-width: 520px;
   }
@@ -1345,6 +1412,11 @@
   .origin-top-right {
     transform-origin: 100% 0;
   }
+  .translate-full {
+    --tw-translate-x: 100%;
+    --tw-translate-y: 100%;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .-translate-x-1\/2 {
     --tw-translate-x: calc(calc(1 / 2 * 100%) * -1);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1365,6 +1437,14 @@
     --tw-translate-x: 0 !important;
     translate: var(--tw-translate-x) var(--tw-translate-y) !important;
   }
+  .translate-x-\[-2\.5rem\] {
+    --tw-translate-x: -2.5rem;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .translate-x-\[2\.5rem\] {
+    --tw-translate-x: 2.5rem;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-x-\[calc\(var\(--switch-track-width\)-var\(--switch-thumb-size\)-4px\)\] {
     --tw-translate-x: calc(var(--switch-track-width) - var(--switch-thumb-size) - 4px);
     translate: var(--tw-translate-x) var(--tw-translate-y);
@@ -1385,16 +1465,33 @@
     --tw-translate-y: var(--active-tab-top);
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-y-\[-2\.5rem\] {
+    --tw-translate-y: -2.5rem;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
   .translate-y-\[-40\%\] {
     --tw-translate-y: -40%;
     translate: var(--tw-translate-x) var(--tw-translate-y);
   }
+  .translate-y-\[2\.5rem\] {
+    --tw-translate-y: 2.5rem;
+    translate: var(--tw-translate-x) var(--tw-translate-y);
+  }
+  .scale-95 {
+    --tw-scale-x: 95%;
+    --tw-scale-y: 95%;
+    --tw-scale-z: 95%;
+    scale: var(--tw-scale-x) var(--tw-scale-y);
+  }
   .-rotate-90 {
     rotate: calc(90deg * -1);
   }
   .rotate-180 {
     rotate: 180deg;
   }
+  .rotate-\[135deg\] {
+    rotate: 135deg;
+  }
   .\[transform\:translateX\(calc\(var\(--anchor-x\)\+var\(--toast-swipe-movement-x\,0px\)\)\)_translateY\(var\(--collapsed-y\)\)_scale\(var\(--scale\)\)\] {
     transform: translateX(calc(var(--anchor-x) + var(--toast-swipe-movement-x,0px))) translateY(var(--collapsed-y)) scale(var(--scale));
   }
@@ -1551,6 +1648,9 @@
   .gap-1\.5 {
     gap: calc(var(--spacing) * 1.5);
   }
+  .gap-1\.25 {
+    gap: calc(var(--spacing) * 1.25);
+  }
   .gap-2 {
     gap: calc(var(--spacing) * 2);
   }
@@ -1572,6 +1672,9 @@
   .gap-6 {
     gap: calc(var(--spacing) * 6);
   }
+  .gap-7 {
+    gap: calc(var(--spacing) * 7);
+  }
   .gap-\[2px\] {
     gap: 2px;
   }
@@ -1599,6 +1702,12 @@
   .gap-gdt-xl {
     gap: var(--spacing-gdt-xl);
   }
+  .gap-gdt-xs {
+    gap: var(--spacing-gdt-xs);
+  }
+  .gap-px {
+    gap: 1px;
+  }
   .space-y-0\.5 {
     :where(& > :not(:last-child)) {
       --tw-space-y-reverse: 0;
@@ -1693,6 +1802,12 @@
   .self-center {
     align-self: center;
   }
+  .self-end {
+    align-self: flex-end;
+  }
+  .self-start {
+    align-self: flex-start;
+  }
   .self-stretch {
     align-self: stretch;
   }
@@ -1764,15 +1879,24 @@
   .rounded-\[10px\] {
     border-radius: 10px;
   }
+  .rounded-\[14px\] {
+    border-radius: 14px;
+  }
   .rounded-\[18px\] {
     border-radius: 18px;
   }
   .rounded-\[20px\] {
     border-radius: 20px;
   }
+  .rounded-\[22px\] {
+    border-radius: 22px;
+  }
   .rounded-\[32px\] {
     border-radius: 32px;
   }
+  .rounded-\[40px\] {
+    border-radius: 40px;
+  }
   .rounded-\[100px\] {
     border-radius: 100px;
   }
@@ -1816,9 +1940,33 @@
   .rounded-tr-full {
     border-top-right-radius: calc(infinity * 1px);
   }
+  .rounded-br-\[5px\] {
+    border-bottom-right-radius: 5px;
+  }
+  .rounded-br-\[6px\] {
+    border-bottom-right-radius: 6px;
+  }
   .rounded-br-full {
     border-bottom-right-radius: calc(infinity * 1px);
   }
+  .rounded-br-md {
+    border-bottom-right-radius: var(--radius-md);
+  }
+  .rounded-br-sm {
+    border-bottom-right-radius: var(--radius-sm);
+  }
+  .rounded-bl-\[5px\] {
+    border-bottom-left-radius: 5px;
+  }
+  .rounded-bl-\[6px\] {
+    border-bottom-left-radius: 6px;
+  }
+  .rounded-bl-md {
+    border-bottom-left-radius: var(--radius-md);
+  }
+  .rounded-bl-sm {
+    border-bottom-left-radius: var(--radius-sm);
+  }
   .border {
     border-style: var(--tw-border-style);
     border-width: 1px;
@@ -1937,6 +2085,12 @@
   .bg-action-tertiary {
     background-color: var(--color-action-tertiary);
   }
+  .bg-black\/10 {
+    background-color: color-mix(in srgb, #000 10%, transparent);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-color: color-mix(in oklab, var(--color-black) 10%, transparent);
+    }
+  }
   .bg-black\/25 {
     background-color: color-mix(in srgb, #000 25%, transparent);
     @supports (color: color-mix(in lab, red, red)) {
@@ -2081,15 +2235,27 @@
   .bg-whatsapp-button {
     background-color: var(--color-whatsapp-button);
   }
+  .\[background-image\:radial-gradient\(circle\,color-mix\(in_srgb\,var\(--color-line\)_55\%\,transparent\)_0\.75px\,transparent_0\.75px\)\] {
+    background-image: radial-gradient(circle,color-mix(in srgb,#cbd5e1 55%,transparent) 0.75px,transparent 0.75px);
+    @supports (color: color-mix(in lab, red, red)) {
+      background-image: radial-gradient(circle,color-mix(in srgb,var(--color-line) 55%,transparent) 0.75px,transparent 0.75px);
+    }
+  }
   .bg-\[image\:var\(--gradient-overlay-photo-bottom\)\] {
     background-image: var(--gradient-overlay-photo-bottom);
   }
+  .\[background-size\:24px_24px\] {
+    background-size: 24px 24px;
+  }
   .bg-cover {
     background-size: cover;
   }
   .bg-clip-padding {
     background-clip: padding-box;
   }
+  .\[background-position\:0_0\] {
+    background-position: 0 0;
+  }
   .fill-fg-primary {
     fill: var(--color-fg-primary);
   }
@@ -2237,6 +2403,9 @@
   .px-gdt-md {
     padding-inline: var(--spacing-gdt-md);
   }
+  .px-gdt-sm {
+    padding-inline: var(--spacing-gdt-sm);
+  }
   .px-gdt-xl {
     padding-inline: var(--spacing-gdt-xl);
   }
@@ -2258,6 +2427,9 @@
   .py-1\.5 {
     padding-block: calc(var(--spacing) * 1.5);
   }
+  .py-1\.25 {
+    padding-block: calc(var(--spacing) * 1.25);
+  }
   .py-2 {
     padding-block: calc(var(--spacing) * 2);
   }
@@ -2303,6 +2475,9 @@
   .py-gdt-lg {
     padding-block: var(--spacing-gdt-lg);
   }
+  .py-gdt-md {
+    padding-block: var(--spacing-gdt-md);
+  }
   .py-gdt-sm {
     padding-block: var(--spacing-gdt-sm);
   }
@@ -2333,6 +2508,9 @@
   .pt-8 {
     padding-top: calc(var(--spacing) * 8);
   }
+  .pt-14 {
+    padding-top: calc(var(--spacing) * 14);
+  }
   .pt-gdt-5xl {
     padding-top: var(--spacing-gdt-5xl);
   }
@@ -2390,6 +2568,9 @@
   .pb-8 {
     padding-bottom: calc(var(--spacing) * 8);
   }
+  .pb-gdt-4xl {
+    padding-bottom: var(--spacing-gdt-4xl);
+  }
   .pl-0 {
     padding-left: 0;
   }
@@ -2405,6 +2586,9 @@
   .pl-3 {
     padding-left: calc(var(--spacing) * 3);
   }
+  .pl-4 {
+    padding-left: calc(var(--spacing) * 4);
+  }
   .pl-12 {
     padding-left: calc(var(--spacing) * 12);
   }
@@ -2539,6 +2723,14 @@
     --tw-leading: 1.375rem;
     line-height: 1.375rem;
   }
+  .leading-\[18px\] {
+    --tw-leading: 18px;
+    line-height: 18px;
+  }
+  .leading-\[22px\] {
+    --tw-leading: 22px;
+    line-height: 22px;
+  }
   .leading-\[26px\] {
     --tw-leading: 26px;
     line-height: 26px;
@@ -2880,6 +3072,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[background-color\,border-color\,box-shadow\,color\,scale\] {
+    transition-property: background-color,border-color,box-shadow,color,scale;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[background-color\,border-color\,box-shadow\,color\] {
     transition-property: background-color,border-color,box-shadow,color;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -2890,8 +3087,8 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-\[background-color\,border-color\,box-shadow\,opacity\] {
-    transition-property: background-color,border-color,box-shadow,opacity;
+  .transition-\[background-color\,border-color\,box-shadow\,opacity\,scale\] {
+    transition-property: background-color,border-color,box-shadow,opacity,scale;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -2930,8 +3127,8 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-\[background-color\,color\,border-color\,box-shadow\,transform\] {
-    transition-property: background-color,color,border-color,box-shadow,transform;
+  .transition-\[background-color\,color\,border-color\,box-shadow\,scale\,translate\] {
+    transition-property: background-color,color,border-color,box-shadow,scale,translate;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -2965,8 +3162,8 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-\[border-color\,background-color\,box-shadow\,transform\] {
-    transition-property: border-color,background-color,box-shadow,transform;
+  .transition-\[border-color\,background-color\,box-shadow\,scale\] {
+    transition-property: border-color,background-color,box-shadow,scale;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -2990,21 +3187,11 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-\[height\,left\,width\,bottom\,background-color\] {
-    transition-property: height,left,width,bottom,background-color;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
   .transition-\[height\] {
     transition-property: height;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-\[inset-inline-start\,transform\] {
-    transition-property: inset-inline-start,transform;
-    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-    transition-duration: var(--tw-duration, var(--default-transition-duration));
-  }
   .transition-\[left\,right\,width\] {
     transition-property: left,right,width;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3015,8 +3202,18 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-\[opacity\,transform\] {
-    transition-property: opacity,transform;
+  .transition-\[max-width\,opacity\] {
+    transition-property: max-width,opacity;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-\[opacity\,scale\,translate\] {
+    transition-property: opacity,scale,translate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-\[opacity\,scale\] {
+    transition-property: opacity,scale;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -3025,6 +3222,16 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
+  .transition-\[rotate\] {
+    transition-property: rotate;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-\[scale\] {
+    transition-property: scale;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
   .transition-\[stroke-dashoffset\] {
     transition-property: stroke-dashoffset;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
@@ -3035,8 +3242,13 @@
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
-  .transition-\[transform\,width\,height\] {
-    transition-property: transform,width,height;
+  .transition-\[translate\,width\,height\] {
+    transition-property: translate,width,height;
+    transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
+    transition-duration: var(--tw-duration, var(--default-transition-duration));
+  }
+  .transition-\[translate\] {
+    transition-property: translate;
     transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
     transition-duration: var(--tw-duration, var(--default-transition-duration));
   }
@@ -3078,6 +3290,14 @@
   .transition-none {
     transition-property: none;
   }
+  .duration-\(--duration-motion-press\) {
+    --tw-duration: var(--duration-motion-press);
+    transition-duration: var(--duration-motion-press);
+  }
+  .duration-\(--x\) {
+    --tw-duration: var(--x);
+    transition-duration: var(--x);
+  }
   .duration-100 {
     --tw-duration: 100ms;
     transition-duration: 100ms;
@@ -3098,6 +3318,34 @@
     --tw-duration: 300ms;
     transition-duration: 300ms;
   }
+  .duration-\[var\(--duration-motion-popup\)\] {
+    --tw-duration: var(--duration-motion-popup);
+    transition-duration: var(--duration-motion-popup);
+  }
+  .duration-\[var\(--duration-motion-press\)\] {
+    --tw-duration: var(--duration-motion-press);
+    transition-duration: var(--duration-motion-press);
+  }
+  .duration-\[var\(--duration-motion-surface\)\] {
+    --tw-duration: var(--duration-motion-surface);
+    transition-duration: var(--duration-motion-surface);
+  }
+  .duration-\[var\(--duration-motion-tooltip\)\] {
+    --tw-duration: var(--duration-motion-tooltip);
+    transition-duration: var(--duration-motion-tooltip);
+  }
+  .duration-\[var\(--x\)\] {
+    --tw-duration: var(--x);
+    transition-duration: var(--x);
+  }
+  .ease-gdt-drawer {
+    --tw-ease: var(--ease-gdt-drawer);
+    transition-timing-function: var(--ease-gdt-drawer);
+  }
+  .ease-gdt-out {
+    --tw-ease: var(--ease-gdt-out);
+    transition-timing-function: var(--ease-gdt-out);
+  }
   .ease-in-out {
     --tw-ease: var(--ease-in-out);
     transition-timing-function: var(--ease-in-out);
@@ -3110,8 +3358,23 @@
     --tw-ease: var(--ease-out);
     transition-timing-function: var(--ease-out);
   }
-  .will-change-transform {
-    will-change: transform;
+  .animate-in {
+    animation-name: enter;
+    animation-duration: 150ms;
+    --tw-enter-opacity: initial;
+    --tw-enter-scale: initial;
+    --tw-enter-rotate: initial;
+    --tw-enter-translate-x: initial;
+    --tw-enter-translate-y: initial;
+  }
+  .animate-out {
+    animation-name: exit;
+    animation-duration: 150ms;
+    --tw-exit-opacity: initial;
+    --tw-exit-scale: initial;
+    --tw-exit-rotate: initial;
+    --tw-exit-translate-x: initial;
+    --tw-exit-translate-y: initial;
   }
   .outline-none {
     --tw-outline-style: none;
@@ -3280,8 +3543,17 @@
   .\[--switch-track-width\:3rem\] {
     --switch-track-width: 3rem;
   }
-  .\[transition\:transform_500ms_cubic-bezier\(0\.22\,1\,0\.36\,1\)\,opacity_500ms\,height_150ms\] {
-    transition: transform 500ms cubic-bezier(0.22,1,0.36,1),opacity 500ms,height 150ms;
+  .\[overflow-anchor\:none\] {
+    overflow-anchor: none;
+  }
+  .\[transition\:transform_var\(--duration-motion-surface\)_var\(--ease-gdt-out\)\,opacity_var\(--duration-motion-surface\)_var\(--ease-gdt-out\)\] {
+    transition: transform var(--duration-motion-surface) var(--ease-gdt-out),opacity var(--duration-motion-surface) var(--ease-gdt-out);
+  }
+  .duration-\(--duration-motion-press\) {
+    animation-duration: var(--duration-motion-press);
+  }
+  .duration-\(--x\) {
+    animation-duration: var(--x);
   }
   .duration-100 {
     animation-duration: 100ms;
@@ -3298,6 +3570,27 @@
   .duration-300 {
     animation-duration: 300ms;
   }
+  .duration-\[var\(--duration-motion-popup\)\] {
+    animation-duration: var(--duration-motion-popup);
+  }
+  .duration-\[var\(--duration-motion-press\)\] {
+    animation-duration: var(--duration-motion-press);
+  }
+  .duration-\[var\(--duration-motion-surface\)\] {
+    animation-duration: var(--duration-motion-surface);
+  }
+  .duration-\[var\(--duration-motion-tooltip\)\] {
+    animation-duration: var(--duration-motion-tooltip);
+  }
+  .duration-\[var\(--x\)\] {
+    animation-duration: var(--x);
+  }
+  .ease-gdt-drawer {
+    animation-timing-function: cubic-bezier(0.32, 0.72, 0, 1);
+  }
+  .ease-gdt-out {
+    animation-timing-function: cubic-bezier(0.23, 1, 0.32, 1);
+  }
   .ease-in-out {
     animation-timing-function: cubic-bezier(0.4, 0, 0.2, 1);
   }
@@ -3307,6 +3600,12 @@
   .ease-out {
     animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
   }
+  .fade-in-0 {
+    --tw-enter-opacity: 0;
+  }
+  .fade-out-0 {
+    --tw-exit-opacity: 0;
+  }
   .paused {
     animation-play-state: paused;
   }
@@ -3316,6 +3615,12 @@
   .running {
     animation-play-state: running;
   }
+  .zoom-in-95 {
+    --tw-enter-scale: .95;
+  }
+  .zoom-out-95 {
+    --tw-exit-scale: .95;
+  }
   .\*\:pointer-events-auto {
     :is(& > *) {
       pointer-events: auto;
@@ -3696,6 +4001,55 @@
       opacity: 0%;
     }
   }
+  .group-data-\[direction-size\=received-lg\]\/message\:size-10 {
+    &:is(:where(.group\/message)[data-direction-size="received-lg"] *) {
+      width: calc(var(--spacing) * 10);
+      height: calc(var(--spacing) * 10);
+    }
+  }
+  .group-data-\[direction-size\=received-md\]\/message\:size-8 {
+    &:is(:where(.group\/message)[data-direction-size="received-md"] *) {
+      width: calc(var(--spacing) * 8);
+      height: calc(var(--spacing) * 8);
+    }
+  }
+  .group-data-\[direction-size\=received-sm\]\/message\:size-7 {
+    &:is(:where(.group\/message)[data-direction-size="received-sm"] *) {
+      width: calc(var(--spacing) * 7);
+      height: calc(var(--spacing) * 7);
+    }
+  }
+  .group-data-\[direction-size\=received-xl\]\/message\:size-12 {
+    &:is(:where(.group\/message)[data-direction-size="received-xl"] *) {
+      width: calc(var(--spacing) * 12);
+      height: calc(var(--spacing) * 12);
+    }
+  }
+  .group-data-\[direction\=received\]\/message\:bg-surface-brand {
+    &:is(:where(.group\/message)[data-direction="received"] *) {
+      background-color: var(--color-surface-brand);
+    }
+  }
+  .group-data-\[direction\=received\]\/message\:text-fg-brand {
+    &:is(:where(.group\/message)[data-direction="received"] *) {
+      color: var(--color-fg-brand);
+    }
+  }
+  .group-data-\[direction\=received\]\/message\:text-fg-on-brand {
+    &:is(:where(.group\/message)[data-direction="received"] *) {
+      color: var(--color-fg-on-brand);
+    }
+  }
+  .group-data-\[direction\=received\]\/message\:text-fg-primary {
+    &:is(:where(.group\/message)[data-direction="received"] *) {
+      color: var(--color-fg-primary);
+    }
+  }
+  .group-data-\[direction\=received\]\/message\:text-fg-secondary {
+    &:is(:where(.group\/message)[data-direction="received"] *) {
+      color: var(--color-fg-secondary);
+    }
+  }
   .group-data-\[disabled\=true\]\:pointer-events-none {
     &:is(:where(.group)[data-disabled="true"] *) {
       pointer-events: none;
@@ -4131,6 +4485,80 @@
       line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
     }
   }
+  .group-data-\[size\=lg\]\/message\:-mx-0\.5 {
+    &:is(:where(.group\/message)[data-size="lg"] *) {
+      margin-inline: calc(var(--spacing) * -0.5);
+    }
+  }
+  .group-data-\[size\=lg\]\/message\:size-11\.5 {
+    &:is(:where(.group\/message)[data-size="lg"] *) {
+      width: calc(var(--spacing) * 11.5);
+      height: calc(var(--spacing) * 11.5);
+    }
+  }
+  .group-data-\[size\=lg\]\/message\:size-12 {
+    &:is(:where(.group\/message)[data-size="lg"] *) {
+      width: calc(var(--spacing) * 12);
+      height: calc(var(--spacing) * 12);
+    }
+  }
+  .group-data-\[size\=lg\]\/message\:h-6\.25 {
+    &:is(:where(.group\/message)[data-size="lg"] *) {
+      height: calc(var(--spacing) * 6.25);
+    }
+  }
+  .group-data-\[size\=lg\]\/message\:h-41\.25 {
+    &:is(:where(.group\/message)[data-size="lg"] *) {
+      height: calc(var(--spacing) * 41.25);
+    }
+  }
+  .group-data-\[size\=lg\]\/message\:w-18\.25 {
+    &:is(:where(.group\/message)[data-size="lg"] *) {
+      width: calc(var(--spacing) * 18.25);
+    }
+  }
+  .group-data-\[size\=lg\]\/message\:w-65 {
+    &:is(:where(.group\/message)[data-size="lg"] *) {
+      width: calc(var(--spacing) * 65);
+    }
+  }
+  .group-data-\[size\=lg\]\/message\:gap-1\.25 {
+    &:is(:where(.group\/message)[data-size="lg"] *) {
+      gap: calc(var(--spacing) * 1.25);
+    }
+  }
+  .group-data-\[size\=lg\]\/message\:gap-2\.5 {
+    &:is(:where(.group\/message)[data-size="lg"] *) {
+      gap: calc(var(--spacing) * 2.5);
+    }
+  }
+  .group-data-\[size\=lg\]\/message\:gap-gdt-sm {
+    &:is(:where(.group\/message)[data-size="lg"] *) {
+      gap: var(--spacing-gdt-sm);
+    }
+  }
+  .group-data-\[size\=lg\]\/message\:rounded-\[10px\] {
+    &:is(:where(.group\/message)[data-size="lg"] *) {
+      border-radius: 10px;
+    }
+  }
+  .group-data-\[size\=lg\]\/message\:rounded-xl {
+    &:is(:where(.group\/message)[data-size="lg"] *) {
+      border-radius: var(--radius-xl);
+    }
+  }
+  .group-data-\[size\=lg\]\/message\:text-gdt-md {
+    &:is(:where(.group\/message)[data-size="lg"] *) {
+      font-size: var(--text-gdt-md);
+      line-height: var(--tw-leading, var(--text-gdt-md--line-height));
+    }
+  }
+  .group-data-\[size\=lg\]\/message\:text-gdt-xs {
+    &:is(:where(.group\/message)[data-size="lg"] *) {
+      font-size: var(--text-gdt-xs);
+      line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
+    }
+  }
   .group-data-\[size\=lg\]\/progress\:h-2 {
     &:is(:where(.group\/progress)[data-size="lg"] *) {
       height: calc(var(--spacing) * 2);
@@ -4395,6 +4823,74 @@
       line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
     }
   }
+  .group-data-\[size\=md\]\/message\:-mx-0\.75 {
+    &:is(:where(.group\/message)[data-size="md"] *) {
+      margin-inline: calc(var(--spacing) * -0.75);
+    }
+  }
+  .group-data-\[size\=md\]\/message\:size-9\.5 {
+    &:is(:where(.group\/message)[data-size="md"] *) {
+      width: calc(var(--spacing) * 9.5);
+      height: calc(var(--spacing) * 9.5);
+    }
+  }
+  .group-data-\[size\=md\]\/message\:h-5\.5 {
+    &:is(:where(.group\/message)[data-size="md"] *) {
+      height: calc(var(--spacing) * 5.5);
+    }
+  }
+  .group-data-\[size\=md\]\/message\:h-32\.5 {
+    &:is(:where(.group\/message)[data-size="md"] *) {
+      height: calc(var(--spacing) * 32.5);
+    }
+  }
+  .group-data-\[size\=md\]\/message\:w-14\.5 {
+    &:is(:where(.group\/message)[data-size="md"] *) {
+      width: calc(var(--spacing) * 14.5);
+    }
+  }
+  .group-data-\[size\=md\]\/message\:w-50 {
+    &:is(:where(.group\/message)[data-size="md"] *) {
+      width: calc(var(--spacing) * 50);
+    }
+  }
+  .group-data-\[size\=md\]\/message\:gap-1\.75 {
+    &:is(:where(.group\/message)[data-size="md"] *) {
+      gap: calc(var(--spacing) * 1.75);
+    }
+  }
+  .group-data-\[size\=md\]\/message\:gap-2\.25 {
+    &:is(:where(.group\/message)[data-size="md"] *) {
+      gap: calc(var(--spacing) * 2.25);
+    }
+  }
+  .group-data-\[size\=md\]\/message\:gap-gdt-xs {
+    &:is(:where(.group\/message)[data-size="md"] *) {
+      gap: var(--spacing-gdt-xs);
+    }
+  }
+  .group-data-\[size\=md\]\/message\:rounded-lg {
+    &:is(:where(.group\/message)[data-size="md"] *) {
+      border-radius: var(--radius-lg);
+    }
+  }
+  .group-data-\[size\=md\]\/message\:rounded-md {
+    &:is(:where(.group\/message)[data-size="md"] *) {
+      border-radius: var(--radius-md);
+    }
+  }
+  .group-data-\[size\=md\]\/message\:text-gdt-sm {
+    &:is(:where(.group\/message)[data-size="md"] *) {
+      font-size: var(--text-gdt-sm);
+      line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
+    }
+  }
+  .group-data-\[size\=md\]\/message\:text-gdt-subtext {
+    &:is(:where(.group\/message)[data-size="md"] *) {
+      font-size: var(--text-gdt-subtext);
+      line-height: var(--tw-leading, var(--text-gdt-subtext--line-height));
+    }
+  }
   .group-data-\[size\=md\]\/progress\:h-1\.5 {
     &:is(:where(.group\/progress)[data-size="md"] *) {
       height: calc(var(--spacing) * 1.5);
@@ -4588,6 +5084,80 @@
       padding-left: calc(var(--spacing) * 3);
     }
   }
+  .group-data-\[size\=sm\]\/message\:-mx-1 {
+    &:is(:where(.group\/message)[data-size="sm"] *) {
+      margin-inline: calc(var(--spacing) * -1);
+    }
+  }
+  .group-data-\[size\=sm\]\/message\:size-\[32px\] {
+    &:is(:where(.group\/message)[data-size="sm"] *) {
+      width: 32px;
+      height: 32px;
+    }
+  }
+  .group-data-\[size\=sm\]\/message\:size-\[33px\] {
+    &:is(:where(.group\/message)[data-size="sm"] *) {
+      width: 33px;
+      height: 33px;
+    }
+  }
+  .group-data-\[size\=sm\]\/message\:h-4\.5 {
+    &:is(:where(.group\/message)[data-size="sm"] *) {
+      height: calc(var(--spacing) * 4.5);
+    }
+  }
+  .group-data-\[size\=sm\]\/message\:h-25 {
+    &:is(:where(.group\/message)[data-size="sm"] *) {
+      height: calc(var(--spacing) * 25);
+    }
+  }
+  .group-data-\[size\=sm\]\/message\:w-14\.5 {
+    &:is(:where(.group\/message)[data-size="sm"] *) {
+      width: calc(var(--spacing) * 14.5);
+    }
+  }
+  .group-data-\[size\=sm\]\/message\:w-37\.5 {
+    &:is(:where(.group\/message)[data-size="sm"] *) {
+      width: calc(var(--spacing) * 37.5);
+    }
+  }
+  .group-data-\[size\=sm\]\/message\:gap-0\.75 {
+    &:is(:where(.group\/message)[data-size="sm"] *) {
+      gap: calc(var(--spacing) * 0.75);
+    }
+  }
+  .group-data-\[size\=sm\]\/message\:gap-1\.5 {
+    &:is(:where(.group\/message)[data-size="sm"] *) {
+      gap: calc(var(--spacing) * 1.5);
+    }
+  }
+  .group-data-\[size\=sm\]\/message\:gap-gdt-sm {
+    &:is(:where(.group\/message)[data-size="sm"] *) {
+      gap: var(--spacing-gdt-sm);
+    }
+  }
+  .group-data-\[size\=sm\]\/message\:rounded-\[7px\] {
+    &:is(:where(.group\/message)[data-size="sm"] *) {
+      border-radius: 7px;
+    }
+  }
+  .group-data-\[size\=sm\]\/message\:rounded-\[10px\] {
+    &:is(:where(.group\/message)[data-size="sm"] *) {
+      border-radius: 10px;
+    }
+  }
+  .group-data-\[size\=sm\]\/message\:text-gdt-subtext {
+    &:is(:where(.group\/message)[data-size="sm"] *) {
+      font-size: var(--text-gdt-subtext);
+      line-height: var(--tw-leading, var(--text-gdt-subtext--line-height));
+    }
+  }
+  .group-data-\[size\=sm\]\/message\:text-gdt-xs {
+    &:is(:where(.group\/message)[data-size="sm"] *) {
+      font-size: var(--text-gdt-xs);
+      line-height: var(--tw-leading, var(--text-gdt-xs--line-height));
+    }
+  }
   .group-data-\[size\=sm\]\/progress\:h-1 {
     &:is(:where(.group\/progress)[data-size="sm"] *) {
       height: var(--spacing);
@@ -4682,18 +5252,105 @@
       padding-left: calc(var(--spacing) * 4.5);
     }
   }
-  .group-data-\[slot\=details-card-row-group\]\/details-card-row-group\:border-b-0 {
-    &:is(:where(.group\/details-card-row-group)[data-slot="details-card-row-group"] *) {
-      border-bottom-style: var(--tw-border-style);
-      border-bottom-width: 0px;
+  .group-data-\[size\=xl\]\/message\:size-13\.5 {
+    &:is(:where(.group\/message)[data-size="xl"] *) {
+      width: calc(var(--spacing) * 13.5);
+      height: calc(var(--spacing) * 13.5);
     }
   }
-  .group-data-\[state\=complete\]\/file-upload\:text-status-success {
-    &:is(:where(.group\/file-upload)[data-state="complete"] *) {
-      color: var(--color-status-success);
+  .group-data-\[size\=xl\]\/message\:size-14\.5 {
+    &:is(:where(.group\/message)[data-size="xl"] *) {
+      width: calc(var(--spacing) * 14.5);
+      height: calc(var(--spacing) * 14.5);
     }
   }
-  .group-data-\[state\=error\]\/file-upload\:bg-surface-danger-subtle {
+  .group-data-\[size\=xl\]\/message\:h-7\.5 {
+    &:is(:where(.group\/message)[data-size="xl"] *) {
+      height: calc(var(--spacing) * 7.5);
+    }
+  }
+  .group-data-\[size\=xl\]\/message\:h-50 {
+    &:is(:where(.group\/message)[data-size="xl"] *) {
+      height: calc(var(--spacing) * 50);
+    }
+  }
+  .group-data-\[size\=xl\]\/message\:w-21\.75 {
+    &:is(:where(.group\/message)[data-size="xl"] *) {
+      width: calc(var(--spacing) * 21.75);
+    }
+  }
+  .group-data-\[size\=xl\]\/message\:w-\[320px\] {
+    &:is(:where(.group\/message)[data-size="xl"] *) {
+      width: 320px;
+    }
+  }
+  .group-data-\[size\=xl\]\/message\:gap-1\.75 {
+    &:is(:where(.group\/message)[data-size="xl"] *) {
+      gap: calc(var(--spacing) * 1.75);
+    }
+  }
+  .group-data-\[size\=xl\]\/message\:gap-2\.5 {
+    &:is(:where(.group\/message)[data-size="xl"] *) {
+      gap: calc(var(--spacing) * 2.5);
+    }
+  }
+  .group-data-\[size\=xl\]\/message\:gap-3 {
+    &:is(:where(.group\/message)[data-size="xl"] *) {
+      gap: calc(var(--spacing) * 3);
+    }
+  }
+  .group-data-\[size\=xl\]\/message\:rounded-\[20px\] {
+    &:is(:where(.group\/message)[data-size="xl"] *) {
+      border-radius: 20px;
+    }
+  }
+  .group-data-\[size\=xl\]\/message\:rounded-lg {
+    &:is(:where(.group\/message)[data-size="xl"] *) {
+      border-radius: var(--radius-lg);
+    }
+  }
+  .group-data-\[size\=xl\]\/message\:text-gdt-lg {
+    &:is(:where(.group\/message)[data-size="xl"] *) {
+      font-size: var(--text-gdt-lg);
+      line-height: var(--tw-leading, var(--text-gdt-lg--line-height));
+    }
+  }
+  .group-data-\[size\=xl\]\/message\:text-gdt-sm {
+    &:is(:where(.group\/message)[data-size="xl"] *) {
+      font-size: var(--text-gdt-sm);
+      line-height: var(--tw-leading, var(--text-gdt-sm--line-height));
+    }
+  }
+  .group-data-\[slot\=details-card-row-group\]\/details-card-row-group\:border-b-0 {
+    &:is(:where(.group\/details-card-row-group)[data-slot="details-card-row-group"] *) {
+      border-bottom-style: var(--tw-border-style);
+      border-bottom-width: 0px;
+    }
+  }
+  .group-data-\[state\=complete\]\/file-upload\:text-status-success {
+    &:is(:where(.group\/file-upload)[data-state="complete"] *) {
+      color: var(--color-status-success);
+    }
+  }
+  .group-data-\[state\=complete\]\/multi-step-form-step\:scale-100 {
+    &:is(:where(.group\/multi-step-form-step)[data-state="complete"] *) {
+      --tw-scale-x: 100%;
+      --tw-scale-y: 100%;
+      --tw-scale-z: 100%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
+    }
+  }
+  .group-data-\[state\=complete\]\/multi-step-form-step\:opacity-0 {
+    &:is(:where(.group\/multi-step-form-step)[data-state="complete"] *) {
+      opacity: 0%;
+    }
+  }
+  .group-data-\[state\=complete\]\/multi-step-form-step\:opacity-100 {
+    &:is(:where(.group\/multi-step-form-step)[data-state="complete"] *) {
+      opacity: 100%;
+    }
+  }
+  .group-data-\[state\=error\]\/file-upload\:bg-surface-danger-subtle {
     &:is(:where(.group\/file-upload)[data-state="error"] *) {
       background-color: var(--color-surface-danger-subtle);
     }
@@ -4815,6 +5472,11 @@
       margin-bottom: calc(var(--spacing) * -2);
     }
   }
+  .group-data-\[variant\=pill\]\/marker\:whitespace-nowrap {
+    &:is(:where(.group\/marker)[data-variant="pill"] *) {
+      white-space: nowrap;
+    }
+  }
   .group-data-\[variant\=secondary\]\/tabs-list\:hidden {
     &:is(:where(.group\/tabs-list)[data-variant="secondary"] *) {
       display: none;
@@ -5435,12 +6097,24 @@
       border-color: var(--color-line-focus);
     }
   }
+  .focus-within\:shadow-\[0_0_0_3px_var\(--color-line-focus\)\] {
+    &:focus-within {
+      --tw-shadow: 0 0 0 3px var(--tw-shadow-color, var(--color-line-focus));
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .focus-within\:shadow-none {
     &:focus-within {
       --tw-shadow: 0 0 #0000;
       box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
     }
   }
+  .focus-within\:inset-ring-0 {
+    &:focus-within {
+      --tw-inset-ring-shadow: inset 0 0 0 0px var(--tw-inset-ring-color, currentcolor);
+      box-shadow: var(--tw-inset-shadow), var(--tw-inset-ring-shadow), var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow);
+    }
+  }
   .focus-within\:inset-ring-1 {
     &:focus-within {
       --tw-inset-ring-shadow: inset 0 0 0 1px var(--tw-inset-ring-color, currentcolor);
@@ -5879,6 +6553,11 @@
       --tw-ring-offset-shadow: var(--tw-ring-inset,) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
     }
   }
+  .focus-visible\:ring-offset-surface-overlay {
+    &:focus-visible {
+      --tw-ring-offset-color: var(--color-surface-overlay);
+    }
+  }
   .focus-visible\:\[filter\:drop-shadow\(0_0_0\.25rem_var\(--color-line-focus\)\)\] {
     &:focus-visible {
       filter: drop-shadow(0 0 0.25rem var(--color-line-focus));
@@ -5918,6 +6597,11 @@
       scale: var(--tw-scale-x) var(--tw-scale-y);
     }
   }
+  .active\:scale-\[0\.97\] {
+    &:active {
+      scale: 0.97;
+    }
+  }
   .active\:border-line-strong {
     &:active {
       border-color: var(--color-line-strong);
@@ -6028,6 +6712,11 @@
       border-color: var(--color-line-subtle);
     }
   }
+  .disabled\:bg-action-tertiary {
+    &:disabled {
+      background-color: var(--color-action-tertiary);
+    }
+  }
   .disabled\:bg-surface {
     &:disabled {
       background-color: var(--color-surface);
@@ -6063,6 +6752,11 @@
       opacity: 60%;
     }
   }
+  .disabled\:opacity-100 {
+    &:disabled {
+      opacity: 100%;
+    }
+  }
   .disabled\:placeholder\:text-fg-caption-placeholder {
     &:disabled {
       &::placeholder {
@@ -6418,6 +7112,11 @@
       gap: calc(var(--spacing) * 3);
     }
   }
+  .has-\[\>button\]\:m-0 {
+    &:has(>button) {
+      margin: 0;
+    }
+  }
   .has-\[\>button\]\:mr-\[-0\.3rem\] {
     &:has(>button) {
       margin-right: -0.3rem;
@@ -6463,6 +7162,16 @@
       pointer-events: none;
     }
   }
+  .aria-disabled\:border-line-subtle {
+    &[aria-disabled="true"] {
+      border-color: var(--color-line-subtle);
+    }
+  }
+  .aria-disabled\:text-fg-caption-placeholder {
+    &[aria-disabled="true"] {
+      color: var(--color-fg-caption-placeholder);
+    }
+  }
   .aria-disabled\:opacity-40 {
     &[aria-disabled="true"] {
       opacity: 40%;
@@ -6473,6 +7182,11 @@
       opacity: 50%;
     }
   }
+  .aria-disabled\:opacity-100 {
+    &[aria-disabled="true"] {
+      opacity: 100%;
+    }
+  }
   .aria-expanded\:pb-2 {
     &[aria-expanded="true"] {
       padding-bottom: calc(var(--spacing) * 2);
@@ -6691,27 +7405,6 @@
       opacity: 0%;
     }
   }
-  .data-closed\:animate-out {
-    &[data-closed] {
-      animation-name: exit;
-      animation-duration: 150ms;
-      --tw-exit-opacity: initial;
-      --tw-exit-scale: initial;
-      --tw-exit-rotate: initial;
-      --tw-exit-translate-x: initial;
-      --tw-exit-translate-y: initial;
-    }
-  }
-  .data-closed\:fade-out-0 {
-    &[data-closed] {
-      --tw-exit-opacity: 0;
-    }
-  }
-  .data-closed\:zoom-out-95 {
-    &[data-closed] {
-      --tw-exit-scale: .95;
-    }
-  }
   .data-disabled\:pointer-events-none {
     &[data-disabled] {
       pointer-events: none;
@@ -6767,6 +7460,16 @@
       opacity: 100%;
     }
   }
+  .data-disabled\:active\:scale-100 {
+    &[data-disabled] {
+      &:active {
+        --tw-scale-x: 100%;
+        --tw-scale-y: 100%;
+        --tw-scale-z: 100%;
+        scale: var(--tw-scale-x) var(--tw-scale-y);
+      }
+    }
+  }
   .data-empty\:p-0 {
     &[data-empty] {
       padding: 0;
@@ -6777,11 +7480,36 @@
       height: 0;
     }
   }
+  .data-ending-style\:scale-95 {
+    &[data-ending-style] {
+      --tw-scale-x: 95%;
+      --tw-scale-y: 95%;
+      --tw-scale-z: 95%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
+    }
+  }
   .data-ending-style\:opacity-0 {
     &[data-ending-style] {
       opacity: 0%;
     }
   }
+  .not-data-\[align-trigger\=true\]\:data-ending-style\:scale-95 {
+    &:not(*[data-align-trigger="true"]) {
+      &[data-ending-style] {
+        --tw-scale-x: 95%;
+        --tw-scale-y: 95%;
+        --tw-scale-z: 95%;
+        scale: var(--tw-scale-x) var(--tw-scale-y);
+      }
+    }
+  }
+  .not-data-\[align-trigger\=true\]\:data-ending-style\:opacity-0 {
+    &:not(*[data-align-trigger="true"]) {
+      &[data-ending-style] {
+        opacity: 0%;
+      }
+    }
+  }
   .data-expanded\:pointer-events-auto {
     &[data-expanded] {
       pointer-events: auto;
@@ -6797,6 +7525,11 @@
       border-color: var(--color-line-focus);
     }
   }
+  .data-focused\:border-line-strong {
+    &[data-focused] {
+      border-color: var(--color-line-strong);
+    }
+  }
   .data-focused\:bg-action-danger-hover {
     &[data-focused] {
       background-color: var(--color-action-danger-hover);
@@ -6874,6 +7607,11 @@
       padding-left: calc(var(--spacing) * 8);
     }
   }
+  .data-instant\:transition-none {
+    &[data-instant] {
+      transition-property: none;
+    }
+  }
   .data-invalid\:border-line-danger {
     &[data-invalid] {
       border-color: var(--color-line-danger);
@@ -6918,27 +7656,6 @@
       opacity: 100%;
     }
   }
-  .data-open\:animate-in {
-    &[data-open] {
-      animation-name: enter;
-      animation-duration: 150ms;
-      --tw-enter-opacity: initial;
-      --tw-enter-scale: initial;
-      --tw-enter-rotate: initial;
-      --tw-enter-translate-x: initial;
-      --tw-enter-translate-y: initial;
-    }
-  }
-  .data-open\:fade-in-0 {
-    &[data-open] {
-      --tw-enter-opacity: 0;
-    }
-  }
-  .data-open\:zoom-in-95 {
-    &[data-open] {
-      --tw-enter-scale: .95;
-    }
-  }
   .data-open\:hover\:bg-surface-raised {
     &[data-open] {
       &:hover {
@@ -6982,6 +7699,11 @@
       border-color: transparent;
     }
   }
+  .data-popup-open\:bg-action-tertiary {
+    &[data-popup-open] {
+      background-color: var(--color-action-tertiary);
+    }
+  }
   .data-popup-open\:bg-action-tertiary-hover {
     &[data-popup-open] {
       background-color: var(--color-action-tertiary-hover);
@@ -7019,6 +7741,11 @@
       --tw-inset-ring-color: var(--color-line-focus);
     }
   }
+  .data-pressed\:border-line-strong {
+    &[data-pressed] {
+      border-color: var(--color-line-strong);
+    }
+  }
   .data-pressed\:bg-action-danger-pressed {
     &[data-pressed] {
       background-color: var(--color-action-danger-pressed);
@@ -7103,11 +7830,41 @@
       height: 0;
     }
   }
+  .data-starting-style\:scale-95 {
+    &[data-starting-style] {
+      --tw-scale-x: 95%;
+      --tw-scale-y: 95%;
+      --tw-scale-z: 95%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
+    }
+  }
   .data-starting-style\:opacity-0 {
     &[data-starting-style] {
       opacity: 0%;
     }
   }
+  .not-data-\[align-trigger\=true\]\:data-starting-style\:scale-95 {
+    &:not(*[data-align-trigger="true"]) {
+      &[data-starting-style] {
+        --tw-scale-x: 95%;
+        --tw-scale-y: 95%;
+        --tw-scale-z: 95%;
+        scale: var(--tw-scale-x) var(--tw-scale-y);
+      }
+    }
+  }
+  .not-data-\[align-trigger\=true\]\:data-starting-style\:opacity-0 {
+    &:not(*[data-align-trigger="true"]) {
+      &[data-starting-style] {
+        opacity: 0%;
+      }
+    }
+  }
+  .data-swiping\:transition-none {
+    &[data-swiping] {
+      transition-property: none;
+    }
+  }
   .data-unchecked\:border-line {
     &[data-unchecked] {
       border-color: var(--color-line);
@@ -7151,9 +7908,9 @@
       background-color: var(--color-surface-brand-subtle);
     }
   }
-  .data-\[align-trigger\=true\]\:animate-none {
+  .data-\[align-trigger\=true\]\:transition-none {
     &[data-align-trigger="true"] {
-      animation: none;
+      transition-property: none;
     }
   }
   .data-\[audio\]\:bg-\[image\:var\(--gradient-accent-forest-to-brass\)\] {
@@ -7218,11 +7975,9 @@
       scale: var(--tw-scale-x) var(--tw-scale-y);
     }
   }
-  .data-\[dragging\]\:transition-transform {
+  .data-\[dragging\]\:transition-none {
     &[data-dragging] {
-      transition-property: transform, translate, scale, rotate;
-      transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
-      transition-duration: var(--tw-duration, var(--default-transition-duration));
+      transition-property: none;
     }
   }
   .data-\[dragging\=true\]\:border-dashed {
@@ -7244,6 +7999,11 @@
       }
     }
   }
+  .data-\[dragging\=true\]\:transition-none {
+    &[data-dragging="true"] {
+      transition-property: none;
+    }
+  }
   .data-\[ending-style\]\:opacity-0 {
     &[data-ending-style] {
       opacity: 0%;
@@ -7673,27 +8433,58 @@
       border-bottom-left-radius: 0;
     }
   }
-  .data-\[side\=bottom\]\:slide-in-from-top-2 {
+  .data-\[side\=bottom\]\:data-ending-style\:translate-y-2 {
     &[data-side="bottom"] {
-      --tw-enter-translate-y: -0.5rem;
+      &[data-ending-style] {
+        --tw-translate-y: calc(var(--spacing) * 2);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
     }
   }
-  .data-\[side\=bottom\]\:data-ending-style\:translate-y-\[2\.5rem\] {
+  .data-\[side\=bottom\]\:data-ending-style\:translate-y-full {
     &[data-side="bottom"] {
       &[data-ending-style] {
-        --tw-translate-y: 2.5rem;
+        --tw-translate-y: 100%;
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .not-data-\[align-trigger\=true\]\:data-\[side\=bottom\]\:data-ending-style\:translate-y-2 {
+    &:not(*[data-align-trigger="true"]) {
+      &[data-side="bottom"] {
+        &[data-ending-style] {
+          --tw-translate-y: calc(var(--spacing) * 2);
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .data-\[side\=bottom\]\:data-starting-style\:translate-y-2 {
+    &[data-side="bottom"] {
+      &[data-starting-style] {
+        --tw-translate-y: calc(var(--spacing) * 2);
         translate: var(--tw-translate-x) var(--tw-translate-y);
       }
     }
   }
-  .data-\[side\=bottom\]\:data-starting-style\:translate-y-\[2\.5rem\] {
+  .data-\[side\=bottom\]\:data-starting-style\:translate-y-full {
     &[data-side="bottom"] {
       &[data-starting-style] {
-        --tw-translate-y: 2.5rem;
+        --tw-translate-y: 100%;
         translate: var(--tw-translate-x) var(--tw-translate-y);
       }
     }
   }
+  .not-data-\[align-trigger\=true\]\:data-\[side\=bottom\]\:data-starting-style\:translate-y-2 {
+    &:not(*[data-align-trigger="true"]) {
+      &[data-side="bottom"] {
+        &[data-starting-style] {
+          --tw-translate-y: calc(var(--spacing) * 2);
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
   .data-\[side\=bottom\]\:data-\[nested-dialog-open\]\:translate-y-\[calc\(var\(--nested-dialogs\)\*-1\.5rem\)\] {
     &[data-side="bottom"] {
       &[data-nested-dialog-open] {
@@ -7710,14 +8501,76 @@
       }
     }
   }
-  .data-\[side\=inline-end\]\:slide-in-from-left-2 {
+  .data-\[side\=inline-end\]\:data-ending-style\:-translate-x-2 {
+    &[data-side="inline-end"] {
+      &[data-ending-style] {
+        --tw-translate-x: calc(var(--spacing) * -2);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .not-data-\[align-trigger\=true\]\:data-\[side\=inline-end\]\:data-ending-style\:-translate-x-2 {
+    &:not(*[data-align-trigger="true"]) {
+      &[data-side="inline-end"] {
+        &[data-ending-style] {
+          --tw-translate-x: calc(var(--spacing) * -2);
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .data-\[side\=inline-end\]\:data-starting-style\:-translate-x-2 {
     &[data-side="inline-end"] {
-      --tw-enter-translate-x: -0.5rem;
+      &[data-starting-style] {
+        --tw-translate-x: calc(var(--spacing) * -2);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .not-data-\[align-trigger\=true\]\:data-\[side\=inline-end\]\:data-starting-style\:-translate-x-2 {
+    &:not(*[data-align-trigger="true"]) {
+      &[data-side="inline-end"] {
+        &[data-starting-style] {
+          --tw-translate-x: calc(var(--spacing) * -2);
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .data-\[side\=inline-start\]\:data-ending-style\:translate-x-2 {
+    &[data-side="inline-start"] {
+      &[data-ending-style] {
+        --tw-translate-x: calc(var(--spacing) * 2);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .not-data-\[align-trigger\=true\]\:data-\[side\=inline-start\]\:data-ending-style\:translate-x-2 {
+    &:not(*[data-align-trigger="true"]) {
+      &[data-side="inline-start"] {
+        &[data-ending-style] {
+          --tw-translate-x: calc(var(--spacing) * 2);
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
     }
   }
-  .data-\[side\=inline-start\]\:slide-in-from-right-2 {
+  .data-\[side\=inline-start\]\:data-starting-style\:translate-x-2 {
     &[data-side="inline-start"] {
-      --tw-enter-translate-x: 0.5rem;
+      &[data-starting-style] {
+        --tw-translate-x: calc(var(--spacing) * 2);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .not-data-\[align-trigger\=true\]\:data-\[side\=inline-start\]\:data-starting-style\:translate-x-2 {
+    &:not(*[data-align-trigger="true"]) {
+      &[data-side="inline-start"] {
+        &[data-starting-style] {
+          --tw-translate-x: calc(var(--spacing) * 2);
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
     }
   }
   .data-\[side\=left\]\:inset-y-0 {
@@ -7746,11 +8599,6 @@
       border-bottom-left-radius: 0;
     }
   }
-  .data-\[side\=left\]\:slide-in-from-right-2 {
-    &[data-side="left"] {
-      --tw-enter-translate-x: 0.5rem;
-    }
-  }
   .data-\[side\=left\]\:group-data-\[collapsible\=offcanvas\]\:left-\[calc\(var\(--layout-nav-width\)\*-1\)\] {
     &[data-side="left"] {
       &:is(:where(.group)[data-collapsible="offcanvas"] *) {
@@ -7758,22 +8606,58 @@
       }
     }
   }
-  .data-\[side\=left\]\:data-ending-style\:translate-x-\[-2\.5rem\] {
+  .data-\[side\=left\]\:data-ending-style\:-translate-x-full {
+    &[data-side="left"] {
+      &[data-ending-style] {
+        --tw-translate-x: -100%;
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .data-\[side\=left\]\:data-ending-style\:translate-x-2 {
     &[data-side="left"] {
       &[data-ending-style] {
-        --tw-translate-x: -2.5rem;
+        --tw-translate-x: calc(var(--spacing) * 2);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .not-data-\[align-trigger\=true\]\:data-\[side\=left\]\:data-ending-style\:translate-x-2 {
+    &:not(*[data-align-trigger="true"]) {
+      &[data-side="left"] {
+        &[data-ending-style] {
+          --tw-translate-x: calc(var(--spacing) * 2);
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .data-\[side\=left\]\:data-starting-style\:-translate-x-full {
+    &[data-side="left"] {
+      &[data-starting-style] {
+        --tw-translate-x: -100%;
         translate: var(--tw-translate-x) var(--tw-translate-y);
       }
     }
   }
-  .data-\[side\=left\]\:data-starting-style\:translate-x-\[-2\.5rem\] {
+  .data-\[side\=left\]\:data-starting-style\:translate-x-2 {
     &[data-side="left"] {
       &[data-starting-style] {
-        --tw-translate-x: -2.5rem;
+        --tw-translate-x: calc(var(--spacing) * 2);
         translate: var(--tw-translate-x) var(--tw-translate-y);
       }
     }
   }
+  .not-data-\[align-trigger\=true\]\:data-\[side\=left\]\:data-starting-style\:translate-x-2 {
+    &:not(*[data-align-trigger="true"]) {
+      &[data-side="left"] {
+        &[data-starting-style] {
+          --tw-translate-x: calc(var(--spacing) * 2);
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
   .data-\[side\=left\]\:data-\[nested-dialog-open\]\:translate-x-\[calc\(var\(--nested-dialogs\)\*1\.5rem\)\] {
     &[data-side="left"] {
       &[data-nested-dialog-open] {
@@ -7808,11 +8692,6 @@
       border-bottom-right-radius: 0;
     }
   }
-  .data-\[side\=right\]\:slide-in-from-left-2 {
-    &[data-side="right"] {
-      --tw-enter-translate-x: -0.5rem;
-    }
-  }
   .data-\[side\=right\]\:group-data-\[collapsible\=offcanvas\]\:right-\[calc\(var\(--layout-nav-width\)\*-1\)\] {
     &[data-side="right"] {
       &:is(:where(.group)[data-collapsible="offcanvas"] *) {
@@ -7820,27 +8699,63 @@
       }
     }
   }
-  .data-\[side\=right\]\:data-ending-style\:translate-x-\[2\.5rem\] {
+  .data-\[side\=right\]\:data-ending-style\:-translate-x-2 {
     &[data-side="right"] {
       &[data-ending-style] {
-        --tw-translate-x: 2.5rem;
+        --tw-translate-x: calc(var(--spacing) * -2);
         translate: var(--tw-translate-x) var(--tw-translate-y);
       }
     }
   }
-  .data-\[side\=right\]\:data-starting-style\:translate-x-\[2\.5rem\] {
+  .data-\[side\=right\]\:data-ending-style\:translate-x-full {
     &[data-side="right"] {
-      &[data-starting-style] {
-        --tw-translate-x: 2.5rem;
+      &[data-ending-style] {
+        --tw-translate-x: 100%;
         translate: var(--tw-translate-x) var(--tw-translate-y);
       }
     }
   }
-  .data-\[side\=right\]\:data-\[nested-dialog-open\]\:translate-x-\[calc\(var\(--nested-dialogs\)\*-1\.5rem\)\] {
-    &[data-side="right"] {
-      &[data-nested-dialog-open] {
-        --tw-translate-x: calc(var(--nested-dialogs) * -1.5rem);
-        translate: var(--tw-translate-x) var(--tw-translate-y);
+  .not-data-\[align-trigger\=true\]\:data-\[side\=right\]\:data-ending-style\:-translate-x-2 {
+    &:not(*[data-align-trigger="true"]) {
+      &[data-side="right"] {
+        &[data-ending-style] {
+          --tw-translate-x: calc(var(--spacing) * -2);
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .data-\[side\=right\]\:data-starting-style\:-translate-x-2 {
+    &[data-side="right"] {
+      &[data-starting-style] {
+        --tw-translate-x: calc(var(--spacing) * -2);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .data-\[side\=right\]\:data-starting-style\:translate-x-full {
+    &[data-side="right"] {
+      &[data-starting-style] {
+        --tw-translate-x: 100%;
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .not-data-\[align-trigger\=true\]\:data-\[side\=right\]\:data-starting-style\:-translate-x-2 {
+    &:not(*[data-align-trigger="true"]) {
+      &[data-side="right"] {
+        &[data-starting-style] {
+          --tw-translate-x: calc(var(--spacing) * -2);
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .data-\[side\=right\]\:data-\[nested-dialog-open\]\:translate-x-\[calc\(var\(--nested-dialogs\)\*-1\.5rem\)\] {
+    &[data-side="right"] {
+      &[data-nested-dialog-open] {
+        --tw-translate-x: calc(var(--nested-dialogs) * -1.5rem);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
       }
     }
   }
@@ -7875,27 +8790,58 @@
       border-top-right-radius: 0;
     }
   }
-  .data-\[side\=top\]\:slide-in-from-bottom-2 {
+  .data-\[side\=top\]\:data-ending-style\:-translate-y-2 {
     &[data-side="top"] {
-      --tw-enter-translate-y: 0.5rem;
+      &[data-ending-style] {
+        --tw-translate-y: calc(var(--spacing) * -2);
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
     }
   }
-  .data-\[side\=top\]\:data-ending-style\:translate-y-\[-2\.5rem\] {
+  .data-\[side\=top\]\:data-ending-style\:-translate-y-full {
     &[data-side="top"] {
       &[data-ending-style] {
-        --tw-translate-y: -2.5rem;
+        --tw-translate-y: -100%;
         translate: var(--tw-translate-x) var(--tw-translate-y);
       }
     }
   }
-  .data-\[side\=top\]\:data-starting-style\:translate-y-\[-2\.5rem\] {
+  .not-data-\[align-trigger\=true\]\:data-\[side\=top\]\:data-ending-style\:-translate-y-2 {
+    &:not(*[data-align-trigger="true"]) {
+      &[data-side="top"] {
+        &[data-ending-style] {
+          --tw-translate-y: calc(var(--spacing) * -2);
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .data-\[side\=top\]\:data-starting-style\:-translate-y-2 {
     &[data-side="top"] {
       &[data-starting-style] {
-        --tw-translate-y: -2.5rem;
+        --tw-translate-y: calc(var(--spacing) * -2);
         translate: var(--tw-translate-x) var(--tw-translate-y);
       }
     }
   }
+  .data-\[side\=top\]\:data-starting-style\:-translate-y-full {
+    &[data-side="top"] {
+      &[data-starting-style] {
+        --tw-translate-y: -100%;
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .not-data-\[align-trigger\=true\]\:data-\[side\=top\]\:data-starting-style\:-translate-y-2 {
+    &:not(*[data-align-trigger="true"]) {
+      &[data-side="top"] {
+        &[data-starting-style] {
+          --tw-translate-y: calc(var(--spacing) * -2);
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
   .data-\[side\=top\]\:data-\[nested-dialog-open\]\:translate-y-\[calc\(var\(--nested-dialogs\)\*1\.5rem\)\] {
     &[data-side="top"] {
       &[data-nested-dialog-open] {
@@ -8141,6 +9087,13 @@
       }
     }
   }
+  .\*\:data-\[slot\=message-media\]\:max-w-full {
+    :is(& > *) {
+      &[data-slot="message-media"] {
+        max-width: 100%;
+      }
+    }
+  }
   .\*\:data-\[slot\=select-value\]\:line-clamp-1 {
     :is(& > *) {
       &[data-slot="select-value"] {
@@ -8364,6 +9317,381 @@
       backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
     }
   }
+  .supports-\[backdrop-filter\]\:backdrop-blur-xl {
+    @supports (backdrop-filter: var(--tw)) {
+      --tw-backdrop-blur: blur(var(--blur-xl));
+      -webkit-backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+      backdrop-filter: var(--tw-backdrop-blur,) var(--tw-backdrop-brightness,) var(--tw-backdrop-contrast,) var(--tw-backdrop-grayscale,) var(--tw-backdrop-hue-rotate,) var(--tw-backdrop-invert,) var(--tw-backdrop-opacity,) var(--tw-backdrop-saturate,) var(--tw-backdrop-sepia,);
+    }
+  }
+  .motion-reduce\:scale-100 {
+    @media (prefers-reduced-motion: reduce) {
+      --tw-scale-x: 100%;
+      --tw-scale-y: 100%;
+      --tw-scale-z: 100%;
+      scale: var(--tw-scale-x) var(--tw-scale-y);
+    }
+  }
+  .motion-reduce\:animate-none {
+    @media (prefers-reduced-motion: reduce) {
+      animation: none;
+    }
+  }
+  .motion-reduce\:transition-none {
+    @media (prefers-reduced-motion: reduce) {
+      transition-property: none;
+    }
+  }
+  .motion-reduce\:\[transition\:opacity_var\(--duration-motion-surface\)_var\(--ease-gdt-out\)\] {
+    @media (prefers-reduced-motion: reduce) {
+      transition: opacity var(--duration-motion-surface) var(--ease-gdt-out);
+    }
+  }
+  .motion-reduce\:active\:scale-100 {
+    @media (prefers-reduced-motion: reduce) {
+      &:active {
+        --tw-scale-x: 100%;
+        --tw-scale-y: 100%;
+        --tw-scale-z: 100%;
+        scale: var(--tw-scale-x) var(--tw-scale-y);
+      }
+    }
+  }
+  .motion-reduce\:active\:not-aria-\[haspopup\]\:translate-y-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &:active {
+        &:not(*[aria-haspopup]) {
+          --tw-translate-y: 0;
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .motion-reduce\:data-ending-style\:scale-100 {
+    @media (prefers-reduced-motion: reduce) {
+      &[data-ending-style] {
+        --tw-scale-x: 100%;
+        --tw-scale-y: 100%;
+        --tw-scale-z: 100%;
+        scale: var(--tw-scale-x) var(--tw-scale-y);
+      }
+    }
+  }
+  .motion-reduce\:not-data-\[align-trigger\=true\]\:data-ending-style\:scale-100 {
+    @media (prefers-reduced-motion: reduce) {
+      &:not(*[data-align-trigger="true"]) {
+        &[data-ending-style] {
+          --tw-scale-x: 100%;
+          --tw-scale-y: 100%;
+          --tw-scale-z: 100%;
+          scale: var(--tw-scale-x) var(--tw-scale-y);
+        }
+      }
+    }
+  }
+  .motion-reduce\:data-loading\:animate-none {
+    @media (prefers-reduced-motion: reduce) {
+      &[data-loading] {
+        animation: none;
+      }
+    }
+  }
+  .motion-reduce\:data-starting-style\:scale-100 {
+    @media (prefers-reduced-motion: reduce) {
+      &[data-starting-style] {
+        --tw-scale-x: 100%;
+        --tw-scale-y: 100%;
+        --tw-scale-z: 100%;
+        scale: var(--tw-scale-x) var(--tw-scale-y);
+      }
+    }
+  }
+  .motion-reduce\:not-data-\[align-trigger\=true\]\:data-starting-style\:scale-100 {
+    @media (prefers-reduced-motion: reduce) {
+      &:not(*[data-align-trigger="true"]) {
+        &[data-starting-style] {
+          --tw-scale-x: 100%;
+          --tw-scale-y: 100%;
+          --tw-scale-z: 100%;
+          scale: var(--tw-scale-x) var(--tw-scale-y);
+        }
+      }
+    }
+  }
+  .motion-reduce\:data-\[dragging\]\:scale-100 {
+    @media (prefers-reduced-motion: reduce) {
+      &[data-dragging] {
+        --tw-scale-x: 100%;
+        --tw-scale-y: 100%;
+        --tw-scale-z: 100%;
+        scale: var(--tw-scale-x) var(--tw-scale-y);
+      }
+    }
+  }
+  .motion-reduce\:data-\[side\=bottom\]\:data-ending-style\:translate-y-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &[data-side="bottom"] {
+        &[data-ending-style] {
+          --tw-translate-y: 0;
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .motion-reduce\:not-data-\[align-trigger\=true\]\:data-\[side\=bottom\]\:data-ending-style\:translate-y-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &:not(*[data-align-trigger="true"]) {
+        &[data-side="bottom"] {
+          &[data-ending-style] {
+            --tw-translate-y: 0;
+            translate: var(--tw-translate-x) var(--tw-translate-y);
+          }
+        }
+      }
+    }
+  }
+  .motion-reduce\:data-\[side\=bottom\]\:data-starting-style\:translate-y-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &[data-side="bottom"] {
+        &[data-starting-style] {
+          --tw-translate-y: 0;
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .motion-reduce\:not-data-\[align-trigger\=true\]\:data-\[side\=bottom\]\:data-starting-style\:translate-y-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &:not(*[data-align-trigger="true"]) {
+        &[data-side="bottom"] {
+          &[data-starting-style] {
+            --tw-translate-y: 0;
+            translate: var(--tw-translate-x) var(--tw-translate-y);
+          }
+        }
+      }
+    }
+  }
+  .motion-reduce\:data-\[side\=inline-end\]\:data-ending-style\:translate-x-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &[data-side="inline-end"] {
+        &[data-ending-style] {
+          --tw-translate-x: 0;
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .motion-reduce\:not-data-\[align-trigger\=true\]\:data-\[side\=inline-end\]\:data-ending-style\:translate-x-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &:not(*[data-align-trigger="true"]) {
+        &[data-side="inline-end"] {
+          &[data-ending-style] {
+            --tw-translate-x: 0;
+            translate: var(--tw-translate-x) var(--tw-translate-y);
+          }
+        }
+      }
+    }
+  }
+  .motion-reduce\:data-\[side\=inline-end\]\:data-starting-style\:translate-x-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &[data-side="inline-end"] {
+        &[data-starting-style] {
+          --tw-translate-x: 0;
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .motion-reduce\:not-data-\[align-trigger\=true\]\:data-\[side\=inline-end\]\:data-starting-style\:translate-x-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &:not(*[data-align-trigger="true"]) {
+        &[data-side="inline-end"] {
+          &[data-starting-style] {
+            --tw-translate-x: 0;
+            translate: var(--tw-translate-x) var(--tw-translate-y);
+          }
+        }
+      }
+    }
+  }
+  .motion-reduce\:data-\[side\=inline-start\]\:data-ending-style\:translate-x-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &[data-side="inline-start"] {
+        &[data-ending-style] {
+          --tw-translate-x: 0;
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .motion-reduce\:not-data-\[align-trigger\=true\]\:data-\[side\=inline-start\]\:data-ending-style\:translate-x-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &:not(*[data-align-trigger="true"]) {
+        &[data-side="inline-start"] {
+          &[data-ending-style] {
+            --tw-translate-x: 0;
+            translate: var(--tw-translate-x) var(--tw-translate-y);
+          }
+        }
+      }
+    }
+  }
+  .motion-reduce\:data-\[side\=inline-start\]\:data-starting-style\:translate-x-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &[data-side="inline-start"] {
+        &[data-starting-style] {
+          --tw-translate-x: 0;
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .motion-reduce\:not-data-\[align-trigger\=true\]\:data-\[side\=inline-start\]\:data-starting-style\:translate-x-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &:not(*[data-align-trigger="true"]) {
+        &[data-side="inline-start"] {
+          &[data-starting-style] {
+            --tw-translate-x: 0;
+            translate: var(--tw-translate-x) var(--tw-translate-y);
+          }
+        }
+      }
+    }
+  }
+  .motion-reduce\:data-\[side\=left\]\:data-ending-style\:translate-x-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &[data-side="left"] {
+        &[data-ending-style] {
+          --tw-translate-x: 0;
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .motion-reduce\:not-data-\[align-trigger\=true\]\:data-\[side\=left\]\:data-ending-style\:translate-x-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &:not(*[data-align-trigger="true"]) {
+        &[data-side="left"] {
+          &[data-ending-style] {
+            --tw-translate-x: 0;
+            translate: var(--tw-translate-x) var(--tw-translate-y);
+          }
+        }
+      }
+    }
+  }
+  .motion-reduce\:data-\[side\=left\]\:data-starting-style\:translate-x-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &[data-side="left"] {
+        &[data-starting-style] {
+          --tw-translate-x: 0;
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .motion-reduce\:not-data-\[align-trigger\=true\]\:data-\[side\=left\]\:data-starting-style\:translate-x-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &:not(*[data-align-trigger="true"]) {
+        &[data-side="left"] {
+          &[data-starting-style] {
+            --tw-translate-x: 0;
+            translate: var(--tw-translate-x) var(--tw-translate-y);
+          }
+        }
+      }
+    }
+  }
+  .motion-reduce\:data-\[side\=right\]\:data-ending-style\:translate-x-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &[data-side="right"] {
+        &[data-ending-style] {
+          --tw-translate-x: 0;
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .motion-reduce\:not-data-\[align-trigger\=true\]\:data-\[side\=right\]\:data-ending-style\:translate-x-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &:not(*[data-align-trigger="true"]) {
+        &[data-side="right"] {
+          &[data-ending-style] {
+            --tw-translate-x: 0;
+            translate: var(--tw-translate-x) var(--tw-translate-y);
+          }
+        }
+      }
+    }
+  }
+  .motion-reduce\:data-\[side\=right\]\:data-starting-style\:translate-x-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &[data-side="right"] {
+        &[data-starting-style] {
+          --tw-translate-x: 0;
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .motion-reduce\:not-data-\[align-trigger\=true\]\:data-\[side\=right\]\:data-starting-style\:translate-x-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &:not(*[data-align-trigger="true"]) {
+        &[data-side="right"] {
+          &[data-starting-style] {
+            --tw-translate-x: 0;
+            translate: var(--tw-translate-x) var(--tw-translate-y);
+          }
+        }
+      }
+    }
+  }
+  .motion-reduce\:data-\[side\=top\]\:data-ending-style\:translate-y-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &[data-side="top"] {
+        &[data-ending-style] {
+          --tw-translate-y: 0;
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .motion-reduce\:not-data-\[align-trigger\=true\]\:data-\[side\=top\]\:data-ending-style\:translate-y-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &:not(*[data-align-trigger="true"]) {
+        &[data-side="top"] {
+          &[data-ending-style] {
+            --tw-translate-y: 0;
+            translate: var(--tw-translate-x) var(--tw-translate-y);
+          }
+        }
+      }
+    }
+  }
+  .motion-reduce\:data-\[side\=top\]\:data-starting-style\:translate-y-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &[data-side="top"] {
+        &[data-starting-style] {
+          --tw-translate-y: 0;
+          translate: var(--tw-translate-x) var(--tw-translate-y);
+        }
+      }
+    }
+  }
+  .motion-reduce\:not-data-\[align-trigger\=true\]\:data-\[side\=top\]\:data-starting-style\:translate-y-0 {
+    @media (prefers-reduced-motion: reduce) {
+      &:not(*[data-align-trigger="true"]) {
+        &[data-side="top"] {
+          &[data-starting-style] {
+            --tw-translate-y: 0;
+            translate: var(--tw-translate-x) var(--tw-translate-y);
+          }
+        }
+      }
+    }
+  }
   .max-sm\:top-4 {
     @media (width < 40rem) {
       top: calc(var(--spacing) * 4);
@@ -8634,11 +9962,21 @@
       }
     }
   }
+  .md\:top-\[19px\] {
+    @media (width >= 48rem) {
+      top: 19px;
+    }
+  }
   .md\:right-4 {
     @media (width >= 48rem) {
       right: calc(var(--spacing) * 4);
     }
   }
+  .md\:right-\[19px\] {
+    @media (width >= 48rem) {
+      right: 19px;
+    }
+  }
   .md\:col-span-2 {
     @media (width >= 48rem) {
       grid-column: span 2 / span 2;
@@ -8705,17 +10043,68 @@
       height: calc(var(--spacing) * 5);
     }
   }
+  .md\:size-9 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 9);
+      height: calc(var(--spacing) * 9);
+    }
+  }
+  .md\:size-10 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 10);
+      height: calc(var(--spacing) * 10);
+    }
+  }
+  .md\:size-11 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 11);
+      height: calc(var(--spacing) * 11);
+    }
+  }
+  .md\:size-16 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 16);
+      height: calc(var(--spacing) * 16);
+    }
+  }
   .md\:size-24 {
     @media (width >= 48rem) {
       width: calc(var(--spacing) * 24);
       height: calc(var(--spacing) * 24);
     }
   }
+  .md\:size-28 {
+    @media (width >= 48rem) {
+      width: calc(var(--spacing) * 28);
+      height: calc(var(--spacing) * 28);
+    }
+  }
+  .md\:size-\[18px\] {
+    @media (width >= 48rem) {
+      width: 18px;
+      height: 18px;
+    }
+  }
+  .md\:h-16 {
+    @media (width >= 48rem) {
+      height: calc(var(--spacing) * 16);
+    }
+  }
   .md\:h-\[380px\] {
     @media (width >= 48rem) {
       height: 380px;
     }
   }
+  .md\:max-w-\[360px\] {
+    @media (width >= 48rem) {
+      max-width: 360px;
+    }
+  }
+  .md\:max-w-\[640px\] {
+    @media (width >= 48rem) {
+      max-width: 640px;
+    }
+  }
   .md\:grid-cols-2 {
     @media (width >= 48rem) {
       grid-template-columns: repeat(2, minmax(0, 1fr));
@@ -8756,6 +10145,11 @@
       justify-content: flex-end;
     }
   }
+  .md\:gap-0\.5 {
+    @media (width >= 48rem) {
+      gap: calc(var(--spacing) * 0.5);
+    }
+  }
   .md\:gap-2 {
     @media (width >= 48rem) {
       gap: calc(var(--spacing) * 2);
@@ -8771,6 +10165,11 @@
       gap: calc(var(--spacing) * 4);
     }
   }
+  .md\:gap-5 {
+    @media (width >= 48rem) {
+      gap: calc(var(--spacing) * 5);
+    }
+  }
   .md\:gap-6 {
     @media (width >= 48rem) {
       gap: calc(var(--spacing) * 6);
@@ -8781,26 +10180,63 @@
       gap: calc(var(--spacing) * 10);
     }
   }
+  .md\:gap-gdt-2xl {
+    @media (width >= 48rem) {
+      gap: var(--spacing-gdt-2xl);
+    }
+  }
+  .md\:gap-gdt-md {
+    @media (width >= 48rem) {
+      gap: var(--spacing-gdt-md);
+    }
+  }
   .md\:rounded-\[40px\] {
     @media (width >= 48rem) {
       border-radius: 40px;
     }
   }
+  .md\:rounded-xl {
+    @media (width >= 48rem) {
+      border-radius: var(--radius-xl);
+    }
+  }
   .md\:p-4 {
     @media (width >= 48rem) {
       padding: calc(var(--spacing) * 4);
     }
   }
+  .md\:p-gdt-md {
+    @media (width >= 48rem) {
+      padding: var(--spacing-gdt-md);
+    }
+  }
   .md\:px-10 {
     @media (width >= 48rem) {
       padding-inline: calc(var(--spacing) * 10);
     }
   }
+  .md\:px-gdt-4xl {
+    @media (width >= 48rem) {
+      padding-inline: var(--spacing-gdt-4xl);
+    }
+  }
   .md\:px-gdt-5xl {
     @media (width >= 48rem) {
       padding-inline: var(--spacing-gdt-5xl);
     }
   }
+  .md\:pt-gdt-4xl {
+    @media (width >= 48rem) {
+      padding-top: var(--spacing-gdt-4xl);
+    }
+  }
+  .md\:text-gdt-h3 {
+    @media (width >= 48rem) {
+      font-size: var(--text-gdt-h3);
+      line-height: var(--tw-leading, var(--text-gdt-h3--line-height));
+      font-weight: var(--tw-font-weight, var(--text-gdt-h3--font-weight));
+    }
+  }
   .md\:text-gdt-h4 {
     @media (width >= 48rem) {
       font-size: var(--text-gdt-h4);
@@ -9268,6 +10704,18 @@
       height: calc(var(--spacing) * 5);
     }
   }
+  .\[\&_svg\]\:size-6 {
+    & svg {
+      width: calc(var(--spacing) * 6);
+      height: calc(var(--spacing) * 6);
+    }
+  }
+  .\[\&_svg\]\:size-\[15px\] {
+    & svg {
+      width: 15px;
+      height: 15px;
+    }
+  }
   .\[\&_svg\]\:size-\[18px\] {
     & svg {
       width: 18px;
@@ -9279,6 +10727,18 @@
       flex-shrink: 0;
     }
   }
+  .\[\&_svg\]\:translate-x-\[1\.4px\] {
+    & svg {
+      --tw-translate-x: 1.4px;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
+  .\[\&_svg\]\:translate-x-\[1\.9px\] {
+    & svg {
+      --tw-translate-x: 1.9px;
+      translate: var(--tw-translate-x) var(--tw-translate-y);
+    }
+  }
   .\[\&_svg\]\:text-current {
     & svg {
       color: currentcolor;
@@ -9294,6 +10754,46 @@
       color: var(--color-white);
     }
   }
+  .group-data-\[direction\=received\]\/message\:\[\&_svg\]\:translate-x-\[1\.6px\] {
+    &:is(:where(.group\/message)[data-direction="received"] *) {
+      & svg {
+        --tw-translate-x: 1.6px;
+        translate: var(--tw-translate-x) var(--tw-translate-y);
+      }
+    }
+  }
+  .group-data-\[size\=lg\]\/message\:\[\&_svg\]\:size-5 {
+    &:is(:where(.group\/message)[data-size="lg"] *) {
+      & svg {
+        width: calc(var(--spacing) * 5);
+        height: calc(var(--spacing) * 5);
+      }
+    }
+  }
+  .group-data-\[size\=md\]\/message\:\[\&_svg\]\:size-4\.5 {
+    &:is(:where(.group\/message)[data-size="md"] *) {
+      & svg {
+        width: calc(var(--spacing) * 4.5);
+        height: calc(var(--spacing) * 4.5);
+      }
+    }
+  }
+  .group-data-\[size\=sm\]\/message\:\[\&_svg\]\:size-\[16px\] {
+    &:is(:where(.group\/message)[data-size="sm"] *) {
+      & svg {
+        width: 16px;
+        height: 16px;
+      }
+    }
+  }
+  .group-data-\[size\=xl\]\/message\:\[\&_svg\]\:size-\[24px\] {
+    &:is(:where(.group\/message)[data-size="xl"] *) {
+      & svg {
+        width: 24px;
+        height: 24px;
+      }
+    }
+  }
   .data-\[variant\=destructive\]\:\[\&_svg\]\:text-fg-danger {
     &[data-variant="destructive"] {
       & svg {
@@ -9301,6 +10801,38 @@
       }
     }
   }
+  .md\:\[\&_svg\]\:size-4 {
+    @media (width >= 48rem) {
+      & svg {
+        width: calc(var(--spacing) * 4);
+        height: calc(var(--spacing) * 4);
+      }
+    }
+  }
+  .md\:\[\&_svg\]\:size-\[15px\] {
+    @media (width >= 48rem) {
+      & svg {
+        width: 15px;
+        height: 15px;
+      }
+    }
+  }
+  .md\:\[\&_svg\]\:size-\[18px\] {
+    @media (width >= 48rem) {
+      & svg {
+        width: 18px;
+        height: 18px;
+      }
+    }
+  }
+  .md\:\[\&_svg\]\:size-\[26px\] {
+    @media (width >= 48rem) {
+      & svg {
+        width: 26px;
+        height: 26px;
+      }
+    }
+  }
   .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 {
     & svg:not([class*='size-']) {
       width: calc(var(--spacing) * 3);
@@ -9331,6 +10863,12 @@
       height: calc(var(--spacing) * 5);
     }
   }
+  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5\.5 {
+    & svg:not([class*='size-']) {
+      width: calc(var(--spacing) * 5.5);
+      height: calc(var(--spacing) * 5.5);
+    }
+  }
   .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6 {
     & svg:not([class*='size-']) {
       width: calc(var(--spacing) * 6);
@@ -9349,12 +10887,56 @@
       height: calc(var(--spacing) * 10);
     }
   }
+  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-\[12px\] {
+    & svg:not([class*='size-']) {
+      width: 12px;
+      height: 12px;
+    }
+  }
   .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-\[18px\] {
     & svg:not([class*='size-']) {
       width: 18px;
       height: 18px;
     }
   }
+  .\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-gdt-lg {
+    & svg:not([class*='size-']) {
+      width: var(--spacing-gdt-lg);
+      height: var(--spacing-gdt-lg);
+    }
+  }
+  .group-data-\[direction-size\=received-lg\]\/message\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.25 {
+    &:is(:where(.group\/message)[data-direction-size="received-lg"] *) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 4.25);
+        height: calc(var(--spacing) * 4.25);
+      }
+    }
+  }
+  .group-data-\[direction-size\=received-md\]\/message\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.25 {
+    &:is(:where(.group\/message)[data-direction-size="received-md"] *) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 3.25);
+        height: calc(var(--spacing) * 3.25);
+      }
+    }
+  }
+  .group-data-\[direction-size\=received-sm\]\/message\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3 {
+    &:is(:where(.group\/message)[data-direction-size="received-sm"] *) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 3);
+        height: calc(var(--spacing) * 3);
+      }
+    }
+  }
+  .group-data-\[direction-size\=received-xl\]\/message\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5 {
+    &:is(:where(.group\/message)[data-direction-size="received-xl"] *) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 5);
+        height: calc(var(--spacing) * 5);
+      }
+    }
+  }
   .group-data-\[size\=lg\]\/dialog-content\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-10 {
     &:is(:where(.group\/dialog-content)[data-size="lg"] *) {
       & svg:not([class*='size-']) {
@@ -9363,6 +10945,30 @@
       }
     }
   }
+  .group-data-\[size\=lg\]\/message\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5\.5 {
+    &:is(:where(.group\/message)[data-size="lg"] *) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 5.5);
+        height: calc(var(--spacing) * 5.5);
+      }
+    }
+  }
+  .group-data-\[size\=lg\]\/message\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6\.25 {
+    &:is(:where(.group\/message)[data-size="lg"] *) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 6.25);
+        height: calc(var(--spacing) * 6.25);
+      }
+    }
+  }
+  .group-data-\[size\=lg\]\/message\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-17\.25 {
+    &:is(:where(.group\/message)[data-size="lg"] *) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 17.25);
+        height: calc(var(--spacing) * 17.25);
+      }
+    }
+  }
   .group-data-\[size\=lg\]\/tabs-list\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 {
     &:is(:where(.group\/tabs-list)[data-size="lg"] *) {
       & svg:not([class*='size-']) {
@@ -9379,6 +10985,30 @@
       }
     }
   }
+  .group-data-\[size\=md\]\/message\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.25 {
+    &:is(:where(.group\/message)[data-size="md"] *) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 4.25);
+        height: calc(var(--spacing) * 4.25);
+      }
+    }
+  }
+  .group-data-\[size\=md\]\/message\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-5\.25 {
+    &:is(:where(.group\/message)[data-size="md"] *) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 5.25);
+        height: calc(var(--spacing) * 5.25);
+      }
+    }
+  }
+  .group-data-\[size\=md\]\/message\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-13\.75 {
+    &:is(:where(.group\/message)[data-size="md"] *) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 13.75);
+        height: calc(var(--spacing) * 13.75);
+      }
+    }
+  }
   .group-data-\[size\=md\]\/tabs-list\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4 {
     &:is(:where(.group\/tabs-list)[data-size="md"] *) {
       & svg:not([class*='size-']) {
@@ -9395,6 +11025,30 @@
       }
     }
   }
+  .group-data-\[size\=sm\]\/message\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-4\.5 {
+    &:is(:where(.group\/message)[data-size="sm"] *) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 4.5);
+        height: calc(var(--spacing) * 4.5);
+      }
+    }
+  }
+  .group-data-\[size\=sm\]\/message\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-10\.5 {
+    &:is(:where(.group\/message)[data-size="sm"] *) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 10.5);
+        height: calc(var(--spacing) * 10.5);
+      }
+    }
+  }
+  .group-data-\[size\=sm\]\/message\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-\[15px\] {
+    &:is(:where(.group\/message)[data-size="sm"] *) {
+      & svg:not([class*='size-']) {
+        width: 15px;
+        height: 15px;
+      }
+    }
+  }
   .group-data-\[size\=sm\]\/tabs-list\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-3\.5 {
     &:is(:where(.group\/tabs-list)[data-size="sm"] *) {
       & svg:not([class*='size-']) {
@@ -9403,12 +11057,41 @@
       }
     }
   }
+  .group-data-\[size\=xl\]\/message\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-6\.75 {
+    &:is(:where(.group\/message)[data-size="xl"] *) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 6.75);
+        height: calc(var(--spacing) * 6.75);
+      }
+    }
+  }
+  .group-data-\[size\=xl\]\/message\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-7\.5 {
+    &:is(:where(.group\/message)[data-size="xl"] *) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 7.5);
+        height: calc(var(--spacing) * 7.5);
+      }
+    }
+  }
+  .group-data-\[size\=xl\]\/message\:\[\&_svg\:not\(\[class\*\=\'size-\'\]\)\]\:size-21 {
+    &:is(:where(.group\/message)[data-size="xl"] *) {
+      & svg:not([class*='size-']) {
+        width: calc(var(--spacing) * 21);
+        height: calc(var(--spacing) * 21);
+      }
+    }
+  }
   .\[\&_tr\:last-child\]\:border-0 {
     & tr:last-child {
       border-style: var(--tw-border-style);
       border-width: 0px;
     }
   }
+  .\[\&\+\&\]\:mt-5 {
+    &+& {
+      margin-top: calc(var(--spacing) * 5);
+    }
+  }
   .\[\&\:\:-webkit-inner-spin-button\]\:appearance-none {
     &::-webkit-inner-spin-button {
       appearance: none;
@@ -9475,6 +11158,16 @@
       color: var(--color-fg-brand);
     }
   }
+  .\[a\]\:underline {
+    &:is(a) {
+      text-decoration-line: underline;
+    }
+  }
+  .\[a\]\:underline-offset-2 {
+    &:is(a) {
+      text-underline-offset: 2px;
+    }
+  }
   .\*\:\[a\]\:underline {
     :is(& > *) {
       &:is(a) {
@@ -9482,6 +11175,13 @@
       }
     }
   }
+  .\*\:\[a\]\:underline-offset-2 {
+    :is(& > *) {
+      &:is(a) {
+        text-underline-offset: 2px;
+      }
+    }
+  }
   .\*\:\[a\]\:underline-offset-3 {
     :is(& > *) {
       &:is(a) {
@@ -9489,6 +11189,15 @@
       }
     }
   }
+  .\[a\]\:hover\:text-fg-primary {
+    &:is(a) {
+      &:hover {
+        @media (hover: hover) {
+          color: var(--color-fg-primary);
+        }
+      }
+    }
+  }
   .\*\:\[a\]\:hover\:text-fg-primary {
     :is(& > *) {
       &:is(a) {
@@ -9579,6 +11288,16 @@
       width: auto;
     }
   }
+  .\[\&\>\[data-direction\=received\]\+\[data-direction\=sent\]\]\:mt-1\.5 {
+    &>[data-direction=received]+[data-direction=sent] {
+      margin-top: calc(var(--spacing) * 1.5);
+    }
+  }
+  .\[\&\>\[data-direction\=sent\]\+\[data-direction\=received\]\]\:mt-1\.5 {
+    &>[data-direction=sent]+[data-direction=received] {
+      margin-top: calc(var(--spacing) * 1.5);
+    }
+  }
   .has-\[\>\[data-align\=inline-end\]\]\:\[\&\>\[data-slot\=input-group-control\]\]\:group-data-\[size\=lg\]\/input-group\:pr-3 {
     &:has(>[data-align=inline-end]) {
       &>[data-slot=input-group-control] {
@@ -9826,35 +11545,13 @@
       white-space: nowrap;
     }
   }
-  .\[\&\>span\]\:transition-\[max-width\,opacity\] {
+  .\[\&\>span\]\:transition-colors {
     &>span {
-      transition-property: max-width,opacity;
+      transition-property: color, background-color, border-color, outline-color, text-decoration-color, fill, stroke, --tw-gradient-from, --tw-gradient-via, --tw-gradient-to;
       transition-timing-function: var(--tw-ease, var(--default-transition-timing-function));
       transition-duration: var(--tw-duration, var(--default-transition-duration));
     }
   }
-  .\[\&\>span\]\:duration-200 {
-    &>span {
-      --tw-duration: 200ms;
-      transition-duration: 200ms;
-    }
-  }
-  .\[\&\>span\]\:ease-out {
-    &>span {
-      --tw-ease: var(--ease-out);
-      transition-timing-function: var(--ease-out);
-    }
-  }
-  .\[\&\>span\]\:duration-200 {
-    &>span {
-      animation-duration: 200ms;
-    }
-  }
-  .\[\&\>span\]\:ease-out {
-    &>span {
-      animation-timing-function: cubic-bezier(0, 0, 0.2, 1);
-    }
-  }
   .group-data-\[collapsible\=icon\]\:\[\&\>span\]\:max-w-0 {
     &:is(:where(.group)[data-collapsible="icon"] *) {
       &>span {
@@ -10139,6 +11836,17 @@
   --elevation-e4-border: var(--color-line);
   --elevation-e4-shadow: 0 16px 40px rgb(15 23 42 / 0.14);
 }
+@media (prefers-reduced-motion: reduce) {
+  :root {
+    --animate-slideUp: none;
+    --animate-slideDown: none;
+    --animate-scroll: none;
+    --animate-bouncing-loader: none;
+    --animate-sonar-glow: none;
+    --animate-round-sonar-glow: none;
+    --animate-spin-slow: none;
+  }
+}
 @media (width >= 48rem) {
   :root {
     --text-gdt-h1: 3rem;
@@ -10386,6 +12094,21 @@
   inherits: false;
   initial-value: 0;
 }
+@property --tw-scale-x {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-y {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
+@property --tw-scale-z {
+  syntax: "*";
+  inherits: false;
+  initial-value: 1;
+}
 @property --tw-rotate-x {
   syntax: "*";
   inherits: false;
@@ -10635,21 +12358,6 @@
   initial-value: "";
   inherits: false;
 }
-@property --tw-scale-x {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-scale-y {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
-@property --tw-scale-z {
-  syntax: "*";
-  inherits: false;
-  initial-value: 1;
-}
 @keyframes spin {
   to {
     transform: rotate(360deg);
@@ -10666,6 +12374,9 @@
       --tw-translate-x: 0;
       --tw-translate-y: 0;
       --tw-translate-z: 0;
+      --tw-scale-x: 1;
+      --tw-scale-y: 1;
+      --tw-scale-z: 1;
       --tw-rotate-x: initial;
       --tw-rotate-y: initial;
       --tw-rotate-z: initial;
@@ -10724,9 +12435,6 @@
       --tw-duration: initial;
       --tw-ease: initial;
       --tw-content: "";
-      --tw-scale-x: 1;
-      --tw-scale-y: 1;
-      --tw-scale-z: 1;
     }
   }
 }