@womp/kookie-ui 0.5.0 → 0.6.2

package/components.css

@@ -31,8 +31,8 @@
 .rt-reset:where(textarea,input:not([type='button'],[type='image'],[type='reset'],[type='submit'],[type='checkbox'],[type='color'],[type='radio'],[type='range'])) {
     all: unset;
     display: block;
-    width: -webkit-fill-available;
     width: -moz-available;
+    width: -webkit-fill-available;
     width: stretch;
     font-weight: normal;
     font-style: normal;
@@ -123,8 +123,8 @@
 .rt-reset:where(iframe) {
     display: block;
     border: none;
-    width: -webkit-fill-available;
     width: -moz-available;
+    width: -webkit-fill-available;
     width: stretch;
 }
 .rt-reset:where(ins,u) {
@@ -159,8 +159,8 @@
 }
 .rt-reset:where(video) {
     display: block;
-    width: -webkit-fill-available;
     width: -moz-available;
+    width: -webkit-fill-available;
     width: stretch;
 }
 .rt-reset:where(:-moz-any-link) {
@@ -5750,7 +5750,6 @@
     outline: inherit;
 }
 .rt-BaseCard:where(.rt-variant-outline,.rt-variant-soft,.rt-variant-surface):where(:focus-visible):where(:active:not([data-state='open']))::before {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
     background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
 }
 @media (hover: hover) {
@@ -5778,7 +5777,6 @@
         background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
     }
     .rt-BaseCard:where(.rt-variant-outline,.rt-variant-soft,.rt-variant-surface):where(:any-link,button,label):where(:active:not([data-state='open']))::before {
-        background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
         background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
     }
 }
@@ -5923,7 +5921,6 @@
         background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
     }
     .rt-BaseCard:where(.rt-variant-ghost):where(:any-link,button,label):where(:active:not([data-state='open']))::before {
-        background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
         background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
     }
 }
@@ -6011,7 +6008,6 @@
         background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
     }
     .rt-BaseCard:where(.rt-variant-classic):where(:any-link,button,label):where(:active:not([data-state='open']))::before {
-        background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
         background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
     }
 }
@@ -6020,7 +6016,6 @@
         background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
     }
     .rt-BaseCard:where(:any-link,button,label):where(:active:not(:focus-visible,[data-state='open']))::before {
-        background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
         background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
     }
 }
@@ -6035,7 +6030,6 @@
     outline: inherit;
 }
 .rt-Card:where(:focus-visible):where(:active:not([data-state='open']))::before {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
     background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
 }
 .rt-BaseCheckboxRoot {
@@ -6667,7 +6661,6 @@
 }
 @media (pointer: coarse) {
     .rt-CheckboxCardsItem:where(:active:not(:focus-visible))::before {
-        background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
         background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
     }
 }
@@ -6676,7 +6669,6 @@
     color: var(--gray-a9);
 }
 .rt-CheckboxCardsItem:where(:has(:disabled))::before {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
 }
 .rt-CheckboxCardsItem:where(:has(:disabled))::-moz-selection {
@@ -7256,16 +7248,12 @@
     transition: var(--transition-background-blur);
     contain: paint;
     isolation: isolate;
-}
-.rt-BaseMenuContent:where([data-state='open']) {
-    will-change: transform, opacity;
+    --base-menu-item-padding-left: var(--base-menu-item-padding-left-indicator);
 }
 @media (prefers-reduced-motion: reduce) {
     .rt-BaseMenuContent {
         -webkit-transition: none;
         transition: none;
-        will-change: auto;
-        backdrop-filter: none;
     }
 }
 .rt-BaseMenuContent:where([data-panel-background='solid']) {
@@ -7292,10 +7280,6 @@
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
 }
-:where(.rt-BaseMenuContent:has(.rt-ScrollAreaScrollbar[data-orientation='vertical'])) .rt-BaseMenuViewport {
-    -webkit-padding-end: var(--space-3);
-            padding-inline-end: var(--space-3);
-}
 .rt-BaseMenuViewport:where(.rt-virtualized) {
     -webkit-padding-end: 0;
             padding-inline-end: 0;
@@ -7332,7 +7316,6 @@
     .rt-BaseMenuItem {
         -webkit-transition: none;
         transition: none;
-        backdrop-filter: none;
     }
 }
 .rt-BaseMenuShortcut {
@@ -7395,7 +7378,7 @@
             padding-inline-end: var(--base-menu-item-padding-right);
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
-    color: var(--gray-a10);
+    color: var(--gray-a11);
     -webkit-user-select: none;
        -moz-user-select: none;
         -ms-user-select: none;
@@ -7405,18 +7388,17 @@
 :where(.rt-BaseMenuItem) + .rt-BaseMenuLabel {
     margin-top: var(--space-2);
 }
-.rt-BaseMenuArrow {
-    fill: var(--color-panel);
+.rt-BaseMenuContent:where([dir='rtl']) :where(.rt-BaseMenuSubTriggerIcon) {
+    -webkit-transform: scaleX(-1);
+            transform: scaleX(-1);
 }
-:where(.rt-BaseMenuContent[data-panel-background='solid']) .rt-BaseMenuArrow {
-    fill: var(--color-panel-solid);
-}
-:where(.rt-BaseMenuContent[data-panel-background='translucent']) .rt-BaseMenuArrow {
-    fill: var(--color-panel-translucent);
+.rt-BaseMenuContent:where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
+    --base-menu-item-padding-left: var(--base-menu-item-padding-left-plain);
 }
 .rt-BaseMenuContent:where(.rt-r-size-1) {
     --base-menu-content-padding: var(--space-2);
-    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
+    --base-menu-item-padding-left-plain: var(--space-2);
+    --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
     --base-menu-item-padding-right: var(--space-2);
     --base-menu-item-padding-y: var(--space-1);
     --base-menu-item-height: var(--space-5);
@@ -7439,22 +7421,17 @@
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
-    -webkit-padding-start: calc(var(--base-menu-item-padding-left));
-            padding-inline-start: calc(var(--base-menu-item-padding-left));
+    -webkit-padding-start: var(--base-menu-item-padding-left);
+            padding-inline-start: var(--base-menu-item-padding-left);
 }
 .rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
     width: var(--indicator-icon-size-1);
     height: var(--indicator-icon-size-1);
 }
-.rt-BaseMenuContent:where(.rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
-    --base-menu-item-padding-left: var(--space-2);
-}
-.rt-BaseMenuContent:where(.rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
-    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
-}
 .rt-BaseMenuContent:where(.rt-r-size-2) {
     --base-menu-content-padding: var(--space-3);
-    --base-menu-item-padding-left: var(--space-3);
+    --base-menu-item-padding-left-plain: var(--space-3);
+    --base-menu-item-padding-left-indicator: var(--space-5);
     --base-menu-item-padding-right: var(--space-3);
     --base-menu-item-padding-y: var(--space-1);
     --base-menu-item-height: var(--space-6);
@@ -7477,21 +7454,17 @@
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
-    padding-left: calc(var(--base-menu-item-padding-left));
+    -webkit-padding-start: var(--base-menu-item-padding-left);
+            padding-inline-start: var(--base-menu-item-padding-left);
 }
 .rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
     width: var(--indicator-icon-size-2);
     height: var(--indicator-icon-size-2);
 }
-.rt-BaseMenuContent:where(.rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
-    --base-menu-item-padding-left: var(--space-3);
-}
-.rt-BaseMenuContent:where(.rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
-    --base-menu-item-padding-left: var(--space-5);
-}
 .rt-BaseMenuContent:where(.rt-r-size-3) {
     --base-menu-content-padding: var(--space-3);
-    --base-menu-item-padding-left: var(--space-3);
+    --base-menu-item-padding-left-plain: var(--space-3);
+    --base-menu-item-padding-left-indicator: var(--space-5);
     --base-menu-item-padding-right: var(--space-3);
     --base-menu-item-padding-y: var(--space-2);
     --base-menu-item-height: var(--space-7);
@@ -7500,36 +7473,32 @@
 .rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItem) {
     gap: var(--component-gap-4);
     font-size: var(--font-size-3);
-    line-height: var(--line-height-2);
+    line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
     border-radius: var(--radius-2);
 }
 :is(.rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
-    width: var(--content-icon-size-2);
-    height: var(--content-icon-size-2);
+    width: var(--content-icon-size-3);
+    height: var(--content-icon-size-3);
     -ms-flex-negative: 0;
         flex-shrink: 0;
 }
 .rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuLabel) {
-    font-size: var(--font-size-2);
-    line-height: var(--line-height-2);
-    letter-spacing: var(--letter-spacing-2);
-    padding-left: calc(var(--base-menu-item-padding-left));
+    font-size: var(--font-size-3);
+    line-height: var(--line-height-3);
+    letter-spacing: var(--letter-spacing-3);
+    -webkit-padding-start: var(--base-menu-item-padding-left);
+            padding-inline-start: var(--base-menu-item-padding-left);
 }
 .rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
-    width: var(--indicator-icon-size-2);
-    height: var(--indicator-icon-size-2);
-}
-.rt-BaseMenuContent:where(.rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
-    --base-menu-item-padding-left: var(--space-3);
-}
-.rt-BaseMenuContent:where(.rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
-    --base-menu-item-padding-left: var(--space-5);
+    width: var(--indicator-icon-size-3);
+    height: var(--indicator-icon-size-3);
 }
 @media (min-width: 520px) {
     .rt-BaseMenuContent:where(.xs\:rt-r-size-1) {
         --base-menu-content-padding: var(--space-2);
-        --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
+        --base-menu-item-padding-left-plain: var(--space-2);
+        --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
         --base-menu-item-padding-right: var(--space-2);
         --base-menu-item-padding-y: var(--space-1);
         --base-menu-item-height: var(--space-5);
@@ -7552,22 +7521,17 @@
         font-size: var(--font-size-1);
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
-        -webkit-padding-start: calc(var(--base-menu-item-padding-left));
-                padding-inline-start: calc(var(--base-menu-item-padding-left));
+        -webkit-padding-start: var(--base-menu-item-padding-left);
+                padding-inline-start: var(--base-menu-item-padding-left);
     }
     .rt-BaseMenuContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
         width: var(--indicator-icon-size-1);
         height: var(--indicator-icon-size-1);
     }
-    .rt-BaseMenuContent:where(.xs\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
-        --base-menu-item-padding-left: var(--space-2);
-    }
-    .rt-BaseMenuContent:where(.xs\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
-        --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
-    }
     .rt-BaseMenuContent:where(.xs\:rt-r-size-2) {
         --base-menu-content-padding: var(--space-3);
-        --base-menu-item-padding-left: var(--space-3);
+        --base-menu-item-padding-left-plain: var(--space-3);
+        --base-menu-item-padding-left-indicator: var(--space-5);
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-1);
         --base-menu-item-height: var(--space-6);
@@ -7590,21 +7554,17 @@
         font-size: var(--font-size-2);
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
-        padding-left: calc(var(--base-menu-item-padding-left));
+        -webkit-padding-start: var(--base-menu-item-padding-left);
+                padding-inline-start: var(--base-menu-item-padding-left);
     }
     .rt-BaseMenuContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
         width: var(--indicator-icon-size-2);
         height: var(--indicator-icon-size-2);
     }
-    .rt-BaseMenuContent:where(.xs\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
-        --base-menu-item-padding-left: var(--space-3);
-    }
-    .rt-BaseMenuContent:where(.xs\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
-        --base-menu-item-padding-left: var(--space-5);
-    }
     .rt-BaseMenuContent:where(.xs\:rt-r-size-3) {
         --base-menu-content-padding: var(--space-3);
-        --base-menu-item-padding-left: var(--space-3);
+        --base-menu-item-padding-left-plain: var(--space-3);
+        --base-menu-item-padding-left-indicator: var(--space-5);
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-7);
@@ -7613,37 +7573,33 @@
     .rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-4);
         font-size: var(--font-size-3);
-        line-height: var(--line-height-2);
+        line-height: var(--line-height-3);
         letter-spacing: var(--letter-spacing-3);
         border-radius: var(--radius-2);
     }
     :is(.rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
-        width: var(--content-icon-size-2);
-        height: var(--content-icon-size-2);
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
         -ms-flex-negative: 0;
             flex-shrink: 0;
     }
     .rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
-        font-size: var(--font-size-2);
-        line-height: var(--line-height-2);
-        letter-spacing: var(--letter-spacing-2);
-        padding-left: calc(var(--base-menu-item-padding-left));
+        font-size: var(--font-size-3);
+        line-height: var(--line-height-3);
+        letter-spacing: var(--letter-spacing-3);
+        -webkit-padding-start: var(--base-menu-item-padding-left);
+                padding-inline-start: var(--base-menu-item-padding-left);
     }
     .rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
-        width: var(--indicator-icon-size-2);
-        height: var(--indicator-icon-size-2);
-    }
-    .rt-BaseMenuContent:where(.xs\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
-        --base-menu-item-padding-left: var(--space-3);
-    }
-    .rt-BaseMenuContent:where(.xs\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
-        --base-menu-item-padding-left: var(--space-5);
+        width: var(--indicator-icon-size-3);
+        height: var(--indicator-icon-size-3);
     }
 }
 @media (min-width: 768px) {
     .rt-BaseMenuContent:where(.sm\:rt-r-size-1) {
         --base-menu-content-padding: var(--space-2);
-        --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
+        --base-menu-item-padding-left-plain: var(--space-2);
+        --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
         --base-menu-item-padding-right: var(--space-2);
         --base-menu-item-padding-y: var(--space-1);
         --base-menu-item-height: var(--space-5);
@@ -7666,22 +7622,17 @@
         font-size: var(--font-size-1);
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
-        -webkit-padding-start: calc(var(--base-menu-item-padding-left));
-                padding-inline-start: calc(var(--base-menu-item-padding-left));
+        -webkit-padding-start: var(--base-menu-item-padding-left);
+                padding-inline-start: var(--base-menu-item-padding-left);
     }
     .rt-BaseMenuContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
         width: var(--indicator-icon-size-1);
         height: var(--indicator-icon-size-1);
     }
-    .rt-BaseMenuContent:where(.sm\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
-        --base-menu-item-padding-left: var(--space-2);
-    }
-    .rt-BaseMenuContent:where(.sm\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
-        --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
-    }
     .rt-BaseMenuContent:where(.sm\:rt-r-size-2) {
         --base-menu-content-padding: var(--space-3);
-        --base-menu-item-padding-left: var(--space-3);
+        --base-menu-item-padding-left-plain: var(--space-3);
+        --base-menu-item-padding-left-indicator: var(--space-5);
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-1);
         --base-menu-item-height: var(--space-6);
@@ -7704,21 +7655,17 @@
         font-size: var(--font-size-2);
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
-        padding-left: calc(var(--base-menu-item-padding-left));
+        -webkit-padding-start: var(--base-menu-item-padding-left);
+                padding-inline-start: var(--base-menu-item-padding-left);
     }
     .rt-BaseMenuContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
         width: var(--indicator-icon-size-2);
         height: var(--indicator-icon-size-2);
     }
-    .rt-BaseMenuContent:where(.sm\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
-        --base-menu-item-padding-left: var(--space-3);
-    }
-    .rt-BaseMenuContent:where(.sm\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
-        --base-menu-item-padding-left: var(--space-5);
-    }
     .rt-BaseMenuContent:where(.sm\:rt-r-size-3) {
         --base-menu-content-padding: var(--space-3);
-        --base-menu-item-padding-left: var(--space-3);
+        --base-menu-item-padding-left-plain: var(--space-3);
+        --base-menu-item-padding-left-indicator: var(--space-5);
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-7);
@@ -7727,37 +7674,33 @@
     .rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-4);
         font-size: var(--font-size-3);
-        line-height: var(--line-height-2);
+        line-height: var(--line-height-3);
         letter-spacing: var(--letter-spacing-3);
         border-radius: var(--radius-2);
     }
     :is(.rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
-        width: var(--content-icon-size-2);
-        height: var(--content-icon-size-2);
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
         -ms-flex-negative: 0;
             flex-shrink: 0;
     }
     .rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
-        font-size: var(--font-size-2);
-        line-height: var(--line-height-2);
-        letter-spacing: var(--letter-spacing-2);
-        padding-left: calc(var(--base-menu-item-padding-left));
+        font-size: var(--font-size-3);
+        line-height: var(--line-height-3);
+        letter-spacing: var(--letter-spacing-3);
+        -webkit-padding-start: var(--base-menu-item-padding-left);
+                padding-inline-start: var(--base-menu-item-padding-left);
     }
     .rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
-        width: var(--indicator-icon-size-2);
-        height: var(--indicator-icon-size-2);
-    }
-    .rt-BaseMenuContent:where(.sm\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
-        --base-menu-item-padding-left: var(--space-3);
-    }
-    .rt-BaseMenuContent:where(.sm\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
-        --base-menu-item-padding-left: var(--space-5);
+        width: var(--indicator-icon-size-3);
+        height: var(--indicator-icon-size-3);
     }
 }
 @media (min-width: 1024px) {
     .rt-BaseMenuContent:where(.md\:rt-r-size-1) {
         --base-menu-content-padding: var(--space-2);
-        --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
+        --base-menu-item-padding-left-plain: var(--space-2);
+        --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
         --base-menu-item-padding-right: var(--space-2);
         --base-menu-item-padding-y: var(--space-1);
         --base-menu-item-height: var(--space-5);
@@ -7780,22 +7723,17 @@
         font-size: var(--font-size-1);
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
-        -webkit-padding-start: calc(var(--base-menu-item-padding-left));
-                padding-inline-start: calc(var(--base-menu-item-padding-left));
+        -webkit-padding-start: var(--base-menu-item-padding-left);
+                padding-inline-start: var(--base-menu-item-padding-left);
     }
     .rt-BaseMenuContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
         width: var(--indicator-icon-size-1);
         height: var(--indicator-icon-size-1);
     }
-    .rt-BaseMenuContent:where(.md\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
-        --base-menu-item-padding-left: var(--space-2);
-    }
-    .rt-BaseMenuContent:where(.md\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
-        --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
-    }
     .rt-BaseMenuContent:where(.md\:rt-r-size-2) {
         --base-menu-content-padding: var(--space-3);
-        --base-menu-item-padding-left: var(--space-3);
+        --base-menu-item-padding-left-plain: var(--space-3);
+        --base-menu-item-padding-left-indicator: var(--space-5);
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-1);
         --base-menu-item-height: var(--space-6);
@@ -7818,21 +7756,17 @@
         font-size: var(--font-size-2);
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
-        padding-left: calc(var(--base-menu-item-padding-left));
+        -webkit-padding-start: var(--base-menu-item-padding-left);
+                padding-inline-start: var(--base-menu-item-padding-left);
     }
     .rt-BaseMenuContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
         width: var(--indicator-icon-size-2);
         height: var(--indicator-icon-size-2);
     }
-    .rt-BaseMenuContent:where(.md\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
-        --base-menu-item-padding-left: var(--space-3);
-    }
-    .rt-BaseMenuContent:where(.md\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
-        --base-menu-item-padding-left: var(--space-5);
-    }
     .rt-BaseMenuContent:where(.md\:rt-r-size-3) {
         --base-menu-content-padding: var(--space-3);
-        --base-menu-item-padding-left: var(--space-3);
+        --base-menu-item-padding-left-plain: var(--space-3);
+        --base-menu-item-padding-left-indicator: var(--space-5);
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-7);
@@ -7841,37 +7775,33 @@
     .rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-4);
         font-size: var(--font-size-3);
-        line-height: var(--line-height-2);
+        line-height: var(--line-height-3);
         letter-spacing: var(--letter-spacing-3);
         border-radius: var(--radius-2);
     }
     :is(.rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
-        width: var(--content-icon-size-2);
-        height: var(--content-icon-size-2);
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
         -ms-flex-negative: 0;
             flex-shrink: 0;
     }
     .rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
-        font-size: var(--font-size-2);
-        line-height: var(--line-height-2);
-        letter-spacing: var(--letter-spacing-2);
-        padding-left: calc(var(--base-menu-item-padding-left));
+        font-size: var(--font-size-3);
+        line-height: var(--line-height-3);
+        letter-spacing: var(--letter-spacing-3);
+        -webkit-padding-start: var(--base-menu-item-padding-left);
+                padding-inline-start: var(--base-menu-item-padding-left);
     }
     .rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
-        width: var(--indicator-icon-size-2);
-        height: var(--indicator-icon-size-2);
-    }
-    .rt-BaseMenuContent:where(.md\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
-        --base-menu-item-padding-left: var(--space-3);
-    }
-    .rt-BaseMenuContent:where(.md\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
-        --base-menu-item-padding-left: var(--space-5);
+        width: var(--indicator-icon-size-3);
+        height: var(--indicator-icon-size-3);
     }
 }
 @media (min-width: 1280px) {
     .rt-BaseMenuContent:where(.lg\:rt-r-size-1) {
         --base-menu-content-padding: var(--space-2);
-        --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
+        --base-menu-item-padding-left-plain: var(--space-2);
+        --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
         --base-menu-item-padding-right: var(--space-2);
         --base-menu-item-padding-y: var(--space-1);
         --base-menu-item-height: var(--space-5);
@@ -7894,22 +7824,17 @@
         font-size: var(--font-size-1);
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
-        -webkit-padding-start: calc(var(--base-menu-item-padding-left));
-                padding-inline-start: calc(var(--base-menu-item-padding-left));
+        -webkit-padding-start: var(--base-menu-item-padding-left);
+                padding-inline-start: var(--base-menu-item-padding-left);
     }
     .rt-BaseMenuContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
         width: var(--indicator-icon-size-1);
         height: var(--indicator-icon-size-1);
     }
-    .rt-BaseMenuContent:where(.lg\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
-        --base-menu-item-padding-left: var(--space-2);
-    }
-    .rt-BaseMenuContent:where(.lg\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
-        --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
-    }
     .rt-BaseMenuContent:where(.lg\:rt-r-size-2) {
         --base-menu-content-padding: var(--space-3);
-        --base-menu-item-padding-left: var(--space-3);
+        --base-menu-item-padding-left-plain: var(--space-3);
+        --base-menu-item-padding-left-indicator: var(--space-5);
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-1);
         --base-menu-item-height: var(--space-6);
@@ -7932,21 +7857,17 @@
         font-size: var(--font-size-2);
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
-        padding-left: calc(var(--base-menu-item-padding-left));
+        -webkit-padding-start: var(--base-menu-item-padding-left);
+                padding-inline-start: var(--base-menu-item-padding-left);
     }
     .rt-BaseMenuContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
         width: var(--indicator-icon-size-2);
         height: var(--indicator-icon-size-2);
     }
-    .rt-BaseMenuContent:where(.lg\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
-        --base-menu-item-padding-left: var(--space-3);
-    }
-    .rt-BaseMenuContent:where(.lg\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
-        --base-menu-item-padding-left: var(--space-5);
-    }
     .rt-BaseMenuContent:where(.lg\:rt-r-size-3) {
         --base-menu-content-padding: var(--space-3);
-        --base-menu-item-padding-left: var(--space-3);
+        --base-menu-item-padding-left-plain: var(--space-3);
+        --base-menu-item-padding-left-indicator: var(--space-5);
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-7);
@@ -7955,37 +7876,33 @@
     .rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-4);
         font-size: var(--font-size-3);
-        line-height: var(--line-height-2);
+        line-height: var(--line-height-3);
         letter-spacing: var(--letter-spacing-3);
         border-radius: var(--radius-2);
     }
     :is(.rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
-        width: var(--content-icon-size-2);
-        height: var(--content-icon-size-2);
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
         -ms-flex-negative: 0;
             flex-shrink: 0;
     }
     .rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
-        font-size: var(--font-size-2);
-        line-height: var(--line-height-2);
-        letter-spacing: var(--letter-spacing-2);
-        padding-left: calc(var(--base-menu-item-padding-left));
+        font-size: var(--font-size-3);
+        line-height: var(--line-height-3);
+        letter-spacing: var(--letter-spacing-3);
+        -webkit-padding-start: var(--base-menu-item-padding-left);
+                padding-inline-start: var(--base-menu-item-padding-left);
     }
     .rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
-        width: var(--indicator-icon-size-2);
-        height: var(--indicator-icon-size-2);
-    }
-    .rt-BaseMenuContent:where(.lg\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
-        --base-menu-item-padding-left: var(--space-3);
-    }
-    .rt-BaseMenuContent:where(.lg\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
-        --base-menu-item-padding-left: var(--space-5);
+        width: var(--indicator-icon-size-3);
+        height: var(--indicator-icon-size-3);
     }
 }
 @media (min-width: 1640px) {
     .rt-BaseMenuContent:where(.xl\:rt-r-size-1) {
         --base-menu-content-padding: var(--space-2);
-        --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
+        --base-menu-item-padding-left-plain: var(--space-2);
+        --base-menu-item-padding-left-indicator: calc(var(--space-5) / 1.2);
         --base-menu-item-padding-right: var(--space-2);
         --base-menu-item-padding-y: var(--space-1);
         --base-menu-item-height: var(--space-5);
@@ -8008,22 +7925,17 @@
         font-size: var(--font-size-1);
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
-        -webkit-padding-start: calc(var(--base-menu-item-padding-left));
-                padding-inline-start: calc(var(--base-menu-item-padding-left));
+        -webkit-padding-start: var(--base-menu-item-padding-left);
+                padding-inline-start: var(--base-menu-item-padding-left);
     }
     .rt-BaseMenuContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
         width: var(--indicator-icon-size-1);
         height: var(--indicator-icon-size-1);
     }
-    .rt-BaseMenuContent:where(.xl\:rt-r-size-1):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
-        --base-menu-item-padding-left: var(--space-2);
-    }
-    .rt-BaseMenuContent:where(.xl\:rt-r-size-1):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
-        --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
-    }
     .rt-BaseMenuContent:where(.xl\:rt-r-size-2) {
         --base-menu-content-padding: var(--space-3);
-        --base-menu-item-padding-left: var(--space-3);
+        --base-menu-item-padding-left-plain: var(--space-3);
+        --base-menu-item-padding-left-indicator: var(--space-5);
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-1);
         --base-menu-item-height: var(--space-6);
@@ -8046,21 +7958,17 @@
         font-size: var(--font-size-2);
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
-        padding-left: calc(var(--base-menu-item-padding-left));
+        -webkit-padding-start: var(--base-menu-item-padding-left);
+                padding-inline-start: var(--base-menu-item-padding-left);
     }
     .rt-BaseMenuContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
         width: var(--indicator-icon-size-2);
         height: var(--indicator-icon-size-2);
     }
-    .rt-BaseMenuContent:where(.xl\:rt-r-size-2):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
-        --base-menu-item-padding-left: var(--space-3);
-    }
-    .rt-BaseMenuContent:where(.xl\:rt-r-size-2):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
-        --base-menu-item-padding-left: var(--space-5);
-    }
     .rt-BaseMenuContent:where(.xl\:rt-r-size-3) {
         --base-menu-content-padding: var(--space-3);
-        --base-menu-item-padding-left: var(--space-3);
+        --base-menu-item-padding-left-plain: var(--space-3);
+        --base-menu-item-padding-left-indicator: var(--space-5);
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--space-7);
@@ -8069,31 +7977,26 @@
     .rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-4);
         font-size: var(--font-size-3);
-        line-height: var(--line-height-2);
+        line-height: var(--line-height-3);
         letter-spacing: var(--letter-spacing-3);
         border-radius: var(--radius-2);
     }
     :is(.rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItem)) :where(svg) {
-        width: var(--content-icon-size-2);
-        height: var(--content-icon-size-2);
+        width: var(--content-icon-size-3);
+        height: var(--content-icon-size-3);
         -ms-flex-negative: 0;
             flex-shrink: 0;
     }
     .rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuLabel) {
-        font-size: var(--font-size-2);
-        line-height: var(--line-height-2);
-        letter-spacing: var(--letter-spacing-2);
-        padding-left: calc(var(--base-menu-item-padding-left));
+        font-size: var(--font-size-3);
+        line-height: var(--line-height-3);
+        letter-spacing: var(--letter-spacing-3);
+        -webkit-padding-start: var(--base-menu-item-padding-left);
+                padding-inline-start: var(--base-menu-item-padding-left);
     }
     .rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItemIndicatorIcon,.rt-BaseMenuSubTriggerIcon) {
-        width: var(--indicator-icon-size-2);
-        height: var(--indicator-icon-size-2);
-    }
-    .rt-BaseMenuContent:where(.xl\:rt-r-size-3):where(:not(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem))) {
-        --base-menu-item-padding-left: var(--space-3);
-    }
-    .rt-BaseMenuContent:where(.xl\:rt-r-size-3):where(:has(.rt-BaseMenuCheckboxItem,.rt-BaseMenuRadioItem)) {
-        --base-menu-item-padding-left: var(--space-5);
+        width: var(--indicator-icon-size-3);
+        height: var(--indicator-icon-size-3);
     }
 }
 .rt-BaseMenuItem:where([data-accent-color]) {
@@ -8104,42 +8007,18 @@
     cursor: default;
 }
 .rt-BaseMenuItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
-    color: var(--gray-a10);
+    color: var(--gray-a11);
+}
+.rt-BaseMenuItem:where([data-disabled]) .rt-Kbd {
+    color: var(--gray-a8);
 }
 :is(.rt-BaseMenuItem:where([data-disabled],[data-highlighted]),.rt-BaseMenuSubTrigger:where([data-state='open'])) :where(.rt-BaseMenuShortcut) {
     color: inherit;
 }
-.rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuSubTrigger) {
-    -webkit-transition: var(--transition-menu);
-    transition: var(--transition-menu);
-}
-@media (prefers-reduced-motion: reduce) {
-    .rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuSubTrigger) {
-        -webkit-transition: none;
-        transition: none;
-        backdrop-filter: none;
-    }
-}
-:where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuSubTrigger)) {
-    -webkit-transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
-    transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
-}
-:where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuItem)) {
-    -webkit-transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
-    transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
-}
 .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
     background-color: var(--gray-3);
 }
-:where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open'])) {
-    background-color: var(--gray-a3);
-}
-:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='solid']) {
-    background-color: var(--gray-3);
-    backdrop-filter: none;
-    --backdrop-filter-components: none;
-}
-:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='translucent']) {
+.rt-BaseMenuContent:where(.rt-variant-solid):where([data-panel-background='translucent']) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
     background-color: var(--gray-a3);
 }
 .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) {
@@ -8181,33 +8060,31 @@
 .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
     background-color: var(--accent-3);
 }
-:where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open'])) {
-    background-color: var(--accent-a3);
-}
-:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='solid']) {
-    background-color: var(--accent-3);
-    backdrop-filter: none;
-    --backdrop-filter-components: none;
-}
-:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='translucent']) {
+.rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent']) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
     background-color: var(--accent-a3);
 }
 .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]) {
     background-color: var(--accent-4);
 }
-:where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) {
+:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']:not(.rt-Badge)) {
+    color: var(--gray-11) !important;
+}
+.rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent']) :where(.rt-BaseMenuItem[data-highlighted]) {
     background-color: var(--accent-a4);
 }
-:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])):where([data-panel-background='solid']) {
-    background-color: var(--accent-4);
-    backdrop-filter: none;
-    --backdrop-filter-components: none;
+.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]:focus-visible) {
+    -webkit-box-shadow: inset 0 0 0 1px var(--accent-a8);
+            box-shadow: inset 0 0 0 1px var(--accent-a8);
 }
-:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])):where([data-panel-background='translucent']) {
-    background-color: var(--accent-a4);
+.rt-BaseMenuContent:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) {
+    background-color: var(--accent-5);
+    color: var(--accent-12);
 }
-:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']:not(.rt-Badge)) {
-    color: var(--gray-11) !important;
+:is(.rt-BaseMenuContent:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
+    color: var(--accent-12);
+}
+.rt-BaseMenuContent:where(.rt-variant-soft):where(.rt-high-contrast):where([data-panel-background='translucent']) :where(.rt-BaseMenuItem[data-highlighted]) {
+    background-color: var(--accent-a5);
 }
 @media (forced-colors: active) {
     .rt-BaseMenuItem:where(:focus-visible) {
@@ -9064,111 +8941,52 @@
 .rt-DropdownMenuDrillDownRoot {
     display: contents;
 }
-.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]) > * {
-    display: none !important;
-}
-.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]) :where(.rt-DropdownMenuDrillDownPanel) {
-    display: contents !important;
-}
-.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]) > :where(.rt-BaseMenuGroup) {
-    display: contents !important;
-}
-.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]) > :where(.rt-BaseMenuGroup) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
-    display: none !important;
-}
-.rt-DropdownMenuDrillDownPanel {
-    display: contents;
-}
-.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) > * {
-    display: none !important;
-}
-.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) :where(.rt-DropdownMenuDrillDownPanel) {
-    display: contents !important;
-}
-.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) > :where(.rt-BaseMenuGroup) {
-    display: contents !important;
-}
-.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) > :where(.rt-BaseMenuGroup) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
-    display: none !important;
-}
-.rt-DropdownMenuDrillDownBackItem {
+.rt-DropdownMenuDrillDownRoot:where([data-submenu-behavior='drill-down']:not([data-drill-down-active])),
+.rt-DropdownMenuDrillDownPanel:where([data-drill-down-active]) {
     display: -webkit-box;
     display: -ms-flexbox;
     display: flex;
-    -webkit-box-align: center;
-        -ms-flex-align: center;
-            align-items: center;
-    gap: var(--space-2);
-    min-height: var(--base-menu-item-height);
-    padding-top: var(--base-menu-item-padding-y);
-    padding-bottom: var(--base-menu-item-padding-y);
-    -webkit-padding-start: var(--base-menu-item-padding-left);
-            padding-inline-start: var(--base-menu-item-padding-left);
-    -webkit-padding-end: var(--base-menu-item-padding-right);
-            padding-inline-end: var(--base-menu-item-padding-right);
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    outline: none;
-    cursor: var(--cursor-menu-item);
-    -webkit-user-select: none;
-       -moz-user-select: none;
-        -ms-user-select: none;
-            user-select: none;
-    -webkit-transition: var(--transition-menu);
-    transition: var(--transition-menu);
-    font-weight: 500;
-}
-.rt-DropdownMenuDrillDownBackItem:where(:focus-visible) {
-    outline: 2px solid var(--focus-8);
-    outline-offset: -2px;
-}
-@media (prefers-reduced-motion: reduce) {
-    .rt-DropdownMenuDrillDownBackItem {
-        -webkit-transition: none;
-        transition: none;
-    }
-}
-.rt-DropdownMenuDrillDownBackIcon {
-    width: var(--indicator-icon-size-2);
-    height: var(--indicator-icon-size-2);
-    -ms-flex-negative: 0;
-        flex-shrink: 0;
-    color: var(--gray-12);
-}
-.rt-DropdownMenuDrillDownBackLabel {
-    color: var(--gray-12);
+    -webkit-box-orient: vertical;
+    -webkit-box-direction: normal;
+        -ms-flex-direction: column;
+            flex-direction: column;
 }
-.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:hover),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:focus-visible),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:hover),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:focus-visible) {
-    background-color: var(--accent-9);
-    color: var(--accent-contrast);
+.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) {
+    display: contents;
 }
-:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:hover),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:focus-visible),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:hover),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:focus-visible)) :where(.rt-DropdownMenuDrillDownBackIcon),:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:hover),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:focus-visible),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:hover),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:focus-visible)) :where(.rt-DropdownMenuDrillDownBackLabel),:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:hover),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownBackItem:focus-visible),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:hover),.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-DropdownMenuDrillDownSubTrigger:focus-visible)) :where(.rt-BaseMenuSubTriggerIcon) {
-    color: var(--accent-contrast);
+:is(.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]),.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active]))) > :where(:not(.rt-DropdownMenuDrillDownPanel,.rt-BaseMenuGroup,.rt-BaseMenuRadioGroup)) {
+    display: none;
 }
-.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownBackItem:hover),.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownBackItem:focus-visible),.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownSubTrigger:hover),.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownSubTrigger:focus-visible) {
-    background-color: var(--accent-4);
+:is(.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]),.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active]))) > :where(.rt-BaseMenuGroup,.rt-BaseMenuRadioGroup) {
+    display: contents;
 }
-:where([data-panel-background='translucent']) .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownBackItem:hover),:where([data-panel-background='translucent']) .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownBackItem:focus-visible),:where([data-panel-background='translucent']) .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownSubTrigger:hover),:where([data-panel-background='translucent']) .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-DropdownMenuDrillDownSubTrigger:focus-visible) {
-    background-color: var(--accent-a4);
+.rt-DropdownMenuDrillDownBackItem {
+    font-weight: var(--font-weight-medium);
 }
-@media (forced-colors: active) {
-    .rt-DropdownMenuDrillDownBackItem:where(:focus-visible) {
-        outline: 2px solid Highlight;
-        outline-offset: 2px;
-    }
+.rt-DropdownMenuDrillDownBackIcon {
+    -webkit-margin-start: calc(-2px * var(--scaling));
+            margin-inline-start: calc(-2px * var(--scaling));
+    -webkit-margin-end: 0;
+            margin-inline-end: 0;
 }
 @media (prefers-reduced-motion: no-preference) {
-    .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='forward']) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
+    .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='forward']) {
         -webkit-animation: rt-drill-down-enter-from-right var(--motion-duration-small) var(--motion-ease-smooth);
                 animation: rt-drill-down-enter-from-right var(--motion-duration-small) var(--motion-ease-smooth);
     }
-    .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='backward']) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
+    .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='backward']),
+  .rt-DropdownMenuDrillDownRoot:where([data-submenu-behavior='drill-down']:not([data-drill-down-active])[data-animation-direction='backward']) {
         -webkit-animation: rt-drill-down-enter-from-left var(--motion-duration-small) var(--motion-ease-smooth);
                 animation: rt-drill-down-enter-from-left var(--motion-duration-small) var(--motion-ease-smooth);
     }
-    .rt-DropdownMenuDrillDownRoot:where(:not([data-drill-down-active])[data-animation-direction='backward']) > :where(*:not(.rt-DropdownMenuDrillDownPanel)) {
-        -webkit-animation: rt-drill-down-enter-from-left var(--motion-duration-small) var(--motion-ease-smooth);
-                animation: rt-drill-down-enter-from-left var(--motion-duration-small) var(--motion-ease-smooth);
+    :where([dir='rtl']) .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='forward']) {
+        -webkit-animation-name: rt-drill-down-enter-from-left;
+                animation-name: rt-drill-down-enter-from-left;
+    }
+    :where([dir='rtl']) .rt-DropdownMenuDrillDownPanel:where([data-drill-down-active][data-animation-direction='backward']),
+  :where([dir='rtl']) .rt-DropdownMenuDrillDownRoot:where([data-submenu-behavior='drill-down']:not([data-drill-down-active])[data-animation-direction='backward']) {
+        -webkit-animation-name: rt-drill-down-enter-from-right;
+                animation-name: rt-drill-down-enter-from-right;
     }
 }
 :where([data-panel-background='translucent'],[data-material='translucent']) .rt-TextFieldRoot {
@@ -9878,7 +9696,6 @@
     box-shadow: inset 0 0 0 1px var(--focus-a5);
 }
 .rt-TextFieldRoot:where(.rt-variant-outline):where(:has(.rt-TextFieldInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
     background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
     -webkit-box-shadow: inset 0 0 0 1px var(--focus-a5);
             box-shadow: inset 0 0 0 1px var(--focus-a5);
@@ -9888,7 +9705,6 @@
     box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
 }
 .rt-TextFieldRoot:where(.rt-variant-outline):where(:has(.rt-TextFieldInput:where(:disabled,:read-only))) {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
     -webkit-box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
             box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
@@ -9958,7 +9774,6 @@
     box-shadow: var(--shadow-2);
 }
 .rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
     background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
     -webkit-box-shadow: var(--shadow-2);
             box-shadow: var(--shadow-2);
@@ -9967,7 +9782,6 @@
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
 }
 .rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:disabled,:read-only))) {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
 }
 .rt-TextFieldRoot:where(.rt-variant-soft) {
@@ -10379,15 +10193,12 @@
     }
 }
 .rt-ComboboxContent {
-    padding: 0 !important;
+    --combobox-list-max-height: calc(300px * var(--scaling));
+    min-width: var(--radix-popover-trigger-width);
     max-height: var(--radix-popover-content-available-height);
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
+    -webkit-transform-origin: var(--radix-popover-content-transform-origin);
+            transform-origin: var(--radix-popover-content-transform-origin);
+    outline: 0;
 }
 .rt-ComboboxContent:where([data-state='closed']) {
     visibility: hidden;
@@ -10406,9 +10217,14 @@
         -ms-flex: 1;
             flex: 1;
     min-height: 0;
+    outline: 0;
 }
 .rt-ComboboxViewport {
-    padding-top: 0 !important;
+    padding-top: 0;
+    overflow: visible;
+}
+:where(.rt-ComboboxCommand:not(:has(.rt-ComboboxSearch))) .rt-ComboboxViewport {
+    padding-top: var(--base-menu-content-padding);
 }
 .rt-ComboboxScrollArea {
     -webkit-box-flex: 1;
@@ -10416,97 +10232,53 @@
             flex: 1;
     min-height: 0;
     overflow: auto;
-    max-height: 300px;
+    -ms-scroll-chaining: none;
+        overscroll-behavior: contain;
+    max-height: var(--combobox-list-max-height);
+    scrollbar-width: thin;
+    scrollbar-color: var(--gray-a8) transparent;
+}
+.rt-ComboboxList {
+    outline: 0;
 }
-.rt-ComboboxItem:where([data-disabled="false"]) {
+.rt-ComboboxItem:where([data-disabled='false']) {
     color: inherit;
     cursor: var(--cursor-menu-item);
 }
-.rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-ComboboxItem) {
+.rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-ComboboxItem, .rt-ComboboxLabel) {
     --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
 }
-.rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-ComboboxLabel) {
-    --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
-}
-.rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-ComboboxItem),
-.rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-ComboboxItem) {
-    --base-menu-item-padding-left: var(--space-5);
-}
-.rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-ComboboxLabel),
-.rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-ComboboxLabel) {
+.rt-BaseMenuContent:where(.rt-r-size-2, .rt-r-size-3) :where(.rt-ComboboxItem, .rt-ComboboxLabel) {
     --base-menu-item-padding-left: var(--space-5);
 }
 .rt-ComboboxSearch {
-    position: sticky;
-    top: 0;
-    z-index: 1;
     padding: var(--base-menu-content-padding);
-    background-color: var(--color-panel);
-}
-:where([data-panel-background='translucent']) .rt-ComboboxSearch {
-    background-color: var(--color-panel-translucent);
 }
 .rt-ComboboxSearch :where(.rt-ComboboxInputRoot) {
     width: 100%;
 }
-.rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
-    cursor: var(--cursor-menu-item);
-}
-:where(.rt-BaseMenuContent.rt-variant-solid) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
+.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-ComboboxItem[data-selected='true']) {
     background-color: var(--accent-9);
     color: var(--accent-contrast);
 }
-:where(.rt-BaseMenuContent.rt-variant-solid) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) * {
-    color: var(--accent-contrast) !important;
-}
-:where(.rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
-    background-color: var(--accent-4);
-}
-:where([data-panel-background='translucent'] .rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
-    background-color: var(--accent-a4);
-}
-:where(.rt-BaseMenuContent.rt-variant-solid.rt-high-contrast) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
+.rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast) :where(.rt-ComboboxItem[data-selected='true']) {
     background-color: var(--accent-12);
     color: var(--accent-1);
 }
-:where(.rt-BaseMenuContent.rt-variant-solid.rt-high-contrast) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) * {
-    color: var(--accent-1) !important;
-}
-:where(.rt-BaseMenuContent.rt-variant-solid.rt-high-contrast[data-accent-color]) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) {
-    background-color: var(--accent-9);
-    color: var(--accent-contrast);
-}
-:where(.rt-BaseMenuContent.rt-variant-solid.rt-high-contrast[data-accent-color]) .rt-ComboboxItem:where(:not([data-disabled="true"], [data-disabled=""]):hover) * {
-    color: var(--accent-contrast) !important;
-}
-.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-ComboboxItem[data-selected='true']) {
-    background-color: var(--accent-9);
-    color: var(--accent-contrast);
-}
-.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-ComboboxItem[data-selected='true']) * {
-    color: var(--accent-contrast) !important;
+:where(.rt-BaseMenuContent.rt-variant-solid) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text, [data-accent-color='gray']:not(.rt-Badge)) {
+    color: inherit;
 }
 .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-ComboboxItem[data-selected='true']) {
     background-color: var(--accent-4);
 }
-:where([data-panel-background='translucent'], [data-material='translucent']) .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-ComboboxItem[data-selected='true']) {
+.rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent'], [data-material='translucent'])
+  :where(.rt-ComboboxItem[data-selected='true']) {
     background-color: var(--accent-a4);
 }
-.rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast) :where(.rt-ComboboxItem[data-selected='true']) {
-    background-color: var(--accent-12);
-    color: var(--accent-1);
-}
-.rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast) :where(.rt-ComboboxItem[data-selected='true']) * {
-    color: var(--accent-1) !important;
-}
-.rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast[data-accent-color]) :where(.rt-ComboboxItem[data-selected='true']) {
-    background-color: var(--accent-9);
-    color: var(--accent-contrast);
-}
-.rt-BaseMenuContent:where(.rt-variant-solid.rt-high-contrast[data-accent-color]) :where(.rt-ComboboxItem[data-selected='true']) * {
-    color: var(--accent-contrast) !important;
+:where(.rt-BaseMenuContent.rt-variant-soft) .rt-ComboboxItem:where([data-selected='true']) :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
+    color: var(--gray-11);
 }
-.rt-ComboboxItem:where([data-disabled="true"], [data-disabled=""]) {
+.rt-ComboboxItem:where([data-disabled='true']) {
     color: var(--gray-a8);
     cursor: default;
     pointer-events: none;
@@ -10517,6 +10289,12 @@
     color: var(--gray-a11);
     font-size: var(--font-size-2);
 }
+@media (forced-colors: active) {
+    .rt-ComboboxItem:where([data-selected='true']) {
+        outline: 2px solid Highlight;
+        outline-offset: -2px;
+    }
+}
 .rt-Em {
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
@@ -13846,7 +13624,6 @@
     outline-offset: -1px;
 }
 .rt-RadioCardsItem:where(:focus-visible):where([data-state='checked'])::before {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a3)), to(var(--focus-a3)));
     background-image: linear-gradient(var(--focus-a3), var(--focus-a3));
 }
 .rt-RadioCardsItem:where(:focus-visible):where([data-state='checked']) {
@@ -13859,7 +13636,6 @@
     background-color: var(--gray-a5);
 }
 .rt-RadioCardsItem:where(:disabled)::before {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
 }
 .rt-RadioCardsItem:where(:disabled) {
@@ -14180,7 +13956,6 @@
             user-select: none;
     -ms-touch-action: none;
         touch-action: none;
-    background-color: var(--gray-a3);
     border-radius: var(--scrollarea-scrollbar-border-radius);
     -webkit-animation-duration: var(--motion-duration-micro);
             animation-duration: var(--motion-duration-micro);
@@ -14211,7 +13986,7 @@
 }
 .rt-ScrollAreaThumb {
     position: relative;
-    background-color: var(--gray-a8);
+    background-color: var(--gray-a6);
     border-radius: inherit;
     -webkit-transition: background-color var(--motion-duration-micro) var(--motion-ease-standard);
     transition: background-color var(--motion-duration-micro) var(--motion-ease-standard);
@@ -14320,7 +14095,7 @@
 }
 @media (hover: hover) {
     .rt-ScrollAreaThumb:where(:hover) {
-        background-color: var(--gray-a9);
+        background-color: var(--gray-a8);
     }
 }
 .rt-SegmentedControlRoot:where(:has([data-icon-only])) {
@@ -19817,14 +19592,14 @@
     --backdrop-filter-components: var(--backdrop-filter-components-enabled);
 }
 .rt-SliderRoot:where([data-orientation='horizontal']) {
-    width: -webkit-fill-available;
     width: -moz-available;
+    width: -webkit-fill-available;
     width: stretch;
     height: var(--slider-track-size);
 }
 .rt-SliderRoot:where([data-orientation='vertical']) {
-    height: -webkit-fill-available;
     height: -moz-available;
+    height: -webkit-fill-available;
     height: stretch;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
@@ -21810,7 +21585,6 @@
     box-shadow: inset 0 0 0 1px var(--focus-a5);
 }
 .rt-TextAreaRoot:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:has(.rt-TextAreaInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
     background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
     -webkit-box-shadow: inset 0 0 0 1px var(--focus-a5);
             box-shadow: inset 0 0 0 1px var(--focus-a5);
@@ -21821,7 +21595,6 @@
 }
 .rt-TextAreaRoot:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:has(.rt-TextAreaInput:where(:disabled,:read-only))) {
     background-color: var(--gray-a2);
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
 }
 .rt-TextAreaRoot:where(.rt-variant-outline, .rt-variant-surface) {
@@ -21940,7 +21713,6 @@
     box-shadow: var(--shadow-2);
 }
 .rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
     background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
     -webkit-box-shadow: var(--shadow-2);
             box-shadow: var(--shadow-2);
@@ -21949,7 +21721,6 @@
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
 }
 .rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:disabled,:read-only))) {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
 }
 .rt-TextAreaInput:where(:disabled,:-moz-read-only) {
@@ -22364,6 +22135,9 @@
     width: 100%;
     min-width: 0;
 }
+.rt-ChatbarRoot {
+    --chatbar-attachment-thumb: var(--space-8);
+}
 .rt-ChatbarRoot:where([data-material='solid'],[data-panel-background='solid']) {
     --material-blend: 100%;
     --material-alpha: 0;
@@ -22386,13 +22160,19 @@
     font: inherit;
     line-height: inherit;
     text-align: start;
-    -webkit-transition: height 150ms ease-out;
-    transition: height 150ms ease-out;
+    -webkit-transition: height var(--motion-duration-small) ease-out;
+    transition: height var(--motion-duration-small) ease-out;
 }
 .rt-ChatbarInput:focus,
 .rt-ChatbarInput:focus-visible {
     outline: none;
 }
+.rt-ChatbarInput::-moz-selection {
+    background-color: var(--v-selection-color, var(--focus-a5));
+}
+.rt-ChatbarInput::selection {
+    background-color: var(--v-selection-color, var(--focus-a5));
+}
 .rt-ChatbarBox :where(.rt-ChatbarGrid) {
     display: -webkit-box;
     display: -ms-flexbox;
@@ -22432,6 +22212,10 @@
     -webkit-transition: var(--transition-button), opacity var(--motion-duration-small) var(--motion-ease-standard);
     transition: var(--transition-button), opacity var(--motion-duration-small) var(--motion-ease-standard);
 }
+.rt-ChatbarSend[aria-hidden='true'] {
+    opacity: 0;
+    pointer-events: none;
+}
 .rt-ChatbarRoot:where([data-state='closed']) :where(.rt-ChatbarRow) {
     display: none;
 }
@@ -22445,8 +22229,8 @@
 .rt-ChatbarScrollArea {
     border-radius: var(--chatbar-attachments-radius);
 }
-.rt-ChatbarScrollArea :where(.rt-ScrollAreaScrollbar) {
-    display: none;
+.rt-ChatbarScrollArea :where(.rt-ScrollAreaScrollbar[data-orientation='horizontal']) {
+    --scrollarea-scrollbar-size: 3px;
 }
 .rt-ChatbarAttachmentPreview {
     height: var(--chatbar-attachment-thumb);
@@ -22559,7 +22343,7 @@
     transition: var(--transition-text-field);
     isolation: isolate;
 }
-.rt-ChatbarRoot:where([data-panel-background='translucent'], [data-material='translucent']) .rt-ChatbarBox {
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-ChatbarBox {
     backdrop-filter: var(--backdrop-filter-components);
     --backdrop-filter-components: var(--backdrop-filter-components-enabled);
 }
@@ -22572,8 +22356,6 @@
     padding: var(--space-3);
 }
 .rt-ChatbarRoot:where(.rt-r-size-1) .rt-ChatbarInput {
-    --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
-    --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
@@ -22583,8 +22365,6 @@
     padding: var(--space-4);
 }
 .rt-ChatbarRoot:where(.rt-r-size-2) .rt-ChatbarInput {
-    --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
-    --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
@@ -22594,8 +22374,6 @@
     padding: var(--space-4);
 }
 .rt-ChatbarRoot:where(.rt-r-size-3) .rt-ChatbarInput {
-    --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
-    --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
@@ -22606,8 +22384,6 @@
         padding: var(--space-3);
     }
     .rt-ChatbarRoot:where(.xs\:rt-r-size-1) .rt-ChatbarInput {
-        --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
-        --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
         font-size: var(--font-size-1);
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
@@ -22617,8 +22393,6 @@
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.xs\:rt-r-size-2) .rt-ChatbarInput {
-        --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
-        --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
         font-size: var(--font-size-2);
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
@@ -22628,8 +22402,6 @@
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.xs\:rt-r-size-3) .rt-ChatbarInput {
-        --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
-        --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
         font-size: var(--font-size-3);
         line-height: var(--line-height-3);
         letter-spacing: var(--letter-spacing-3);
@@ -22641,8 +22413,6 @@
         padding: var(--space-3);
     }
     .rt-ChatbarRoot:where(.sm\:rt-r-size-1) .rt-ChatbarInput {
-        --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
-        --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
         font-size: var(--font-size-1);
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
@@ -22652,8 +22422,6 @@
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.sm\:rt-r-size-2) .rt-ChatbarInput {
-        --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
-        --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
         font-size: var(--font-size-2);
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
@@ -22663,8 +22431,6 @@
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.sm\:rt-r-size-3) .rt-ChatbarInput {
-        --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
-        --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
         font-size: var(--font-size-3);
         line-height: var(--line-height-3);
         letter-spacing: var(--letter-spacing-3);
@@ -22676,8 +22442,6 @@
         padding: var(--space-3);
     }
     .rt-ChatbarRoot:where(.md\:rt-r-size-1) .rt-ChatbarInput {
-        --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
-        --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
         font-size: var(--font-size-1);
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
@@ -22687,8 +22451,6 @@
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.md\:rt-r-size-2) .rt-ChatbarInput {
-        --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
-        --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
         font-size: var(--font-size-2);
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
@@ -22698,8 +22460,6 @@
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.md\:rt-r-size-3) .rt-ChatbarInput {
-        --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
-        --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
         font-size: var(--font-size-3);
         line-height: var(--line-height-3);
         letter-spacing: var(--letter-spacing-3);
@@ -22711,8 +22471,6 @@
         padding: var(--space-3);
     }
     .rt-ChatbarRoot:where(.lg\:rt-r-size-1) .rt-ChatbarInput {
-        --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
-        --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
         font-size: var(--font-size-1);
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
@@ -22722,8 +22480,6 @@
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.lg\:rt-r-size-2) .rt-ChatbarInput {
-        --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
-        --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
         font-size: var(--font-size-2);
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
@@ -22733,8 +22489,6 @@
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.lg\:rt-r-size-3) .rt-ChatbarInput {
-        --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
-        --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
         font-size: var(--font-size-3);
         line-height: var(--line-height-3);
         letter-spacing: var(--letter-spacing-3);
@@ -22746,8 +22500,6 @@
         padding: var(--space-3);
     }
     .rt-ChatbarRoot:where(.xl\:rt-r-size-1) .rt-ChatbarInput {
-        --text-area-padding-y: calc(var(--space-3) - var(--text-area-border-width));
-        --text-area-padding-x: calc(var(--space-3) - var(--text-area-border-width));
         font-size: var(--font-size-1);
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
@@ -22757,8 +22509,6 @@
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.xl\:rt-r-size-2) .rt-ChatbarInput {
-        --text-area-padding-y: calc(var(--space-4) - var(--text-area-border-width));
-        --text-area-padding-x: calc(var(--space-4) - var(--text-area-border-width));
         font-size: var(--font-size-2);
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
@@ -22768,8 +22518,6 @@
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.xl\:rt-r-size-3) .rt-ChatbarInput {
-        --text-area-padding-y: calc(var(--space-5) - var(--text-area-border-width));
-        --text-area-padding-x: calc(var(--space-5) - var(--text-area-border-width));
         font-size: var(--font-size-3);
         line-height: var(--line-height-3);
         letter-spacing: var(--letter-spacing-3);
@@ -22937,8 +22685,6 @@
     --v-border-hover-a: var(--accent-a7);
     --v-border-focus: var(--accent-8);
     --v-border-focus-a: var(--accent-a8);
-    -webkit-transition: var(--transition-background-blur);
-    transition: var(--transition-background-blur);
 }
 .rt-ChatbarBox:where(.rt-variant-surface) {
     --text-area-border-width: 1px;
@@ -22961,16 +22707,20 @@
     background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
 }
 @media (hover: hover) {
-    .rt-ChatbarBox:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:hover:not(:focus-within)) {
+    .rt-ChatbarBox:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:hover:not(:focus-within)):where(:not(.rt-ChatbarRoot:is([data-disabled],[data-readonly]) *)) {
         background-color: color-mix(in srgb, var(--v-bg-hover-a) calc(var(--material-alpha) * 100%), var(--v-bg-hover) var(--material-blend));
     }
 }
+.rt-ChatbarBox:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:focus-within) {
+    outline: 2px solid var(--v-focus-color, var(--focus-8));
+    outline-offset: -1px;
+}
 .rt-ChatbarBox:where(.rt-variant-outline, .rt-variant-surface) {
     -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-a) calc(var(--material-alpha) * 100%), var(--v-border) var(--material-blend));
             box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-a) calc(var(--material-alpha) * 100%), var(--v-border) var(--material-blend));
 }
 @media (hover: hover) {
-    .rt-ChatbarBox:where(.rt-variant-outline,.rt-variant-surface):where(:hover:not(:focus-within)) {
+    .rt-ChatbarBox:where(.rt-variant-outline,.rt-variant-surface):where(:hover:not(:focus-within)):where(:not(.rt-ChatbarRoot:is([data-disabled],[data-readonly]) *)) {
         -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-hover-a) calc(var(--material-alpha) * 100%), var(--v-border-hover) var(--material-blend));
                 box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-hover-a) calc(var(--material-alpha) * 100%), var(--v-border-hover) var(--material-blend));
     }
@@ -22995,24 +22745,65 @@
     -webkit-transition: var(--transition-text-field);
     transition: var(--transition-text-field);
 }
-.rt-ChatbarRoot:where([data-panel-background='translucent'],[data-material='translucent']) .rt-ChatbarBox:where(.rt-variant-classic) {
+:where([data-panel-background='translucent'],[data-material='translucent']) .rt-ChatbarBox:where(.rt-variant-classic) {
     background-color: var(--color-surface-translucent);
 }
+:where(.rt-ChatbarRoot[data-panel-background='solid'],.rt-ChatbarRoot[data-material='solid']) .rt-ChatbarBox:where(.rt-variant-classic) {
+    background-color: var(--color-surface-solid);
+}
 @media (hover: hover) {
-    .rt-ChatbarBox:where(.rt-variant-classic):where(:hover:not(:focus-within)) {
+    .rt-ChatbarBox:where(.rt-variant-classic):where(:hover:not(:focus-within)):where(:not(.rt-ChatbarRoot:is([data-disabled],[data-readonly]) *)) {
         background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
         -webkit-box-shadow: var(--shadow-3);
                 box-shadow: var(--shadow-3);
     }
 }
 .rt-ChatbarBox:where(.rt-variant-classic):where(:focus-within) {
-    -webkit-box-shadow: var(--shadow-2), 0 0 0 2px var(--focus-8);
-            box-shadow: var(--shadow-2), 0 0 0 2px var(--focus-8);
+    -webkit-box-shadow: var(--shadow-2), 0 0 0 2px var(--v-focus-color, var(--focus-8));
+            box-shadow: var(--shadow-2), 0 0 0 2px var(--v-focus-color, var(--focus-8));
 }
-.rt-ChatbarRoot {
-    -webkit-transition: outline var(--motion-duration-small) var(--motion-spring-snappy);
-    transition: outline var(--motion-duration-small) var(--motion-spring-snappy);
-    --chatbar-attachment-thumb: var(--space-8);
+.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox {
+    --v-selection-color: var(--gray-a5);
+    --v-focus-color: var(--gray-8);
+}
+.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface) {
+    background-color: var(--gray-a2);
+}
+.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-soft) {
+    background-color: var(--gray-a3);
+}
+.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-outline,.rt-variant-surface) {
+    -webkit-box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a6);
+            box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a6);
+}
+.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-classic) {
+    background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
+}
+.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput {
+    color: var(--gray-a11);
+    -webkit-text-fill-color: var(--gray-a11);
+}
+:is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::-webkit-input-placeholder {
+    opacity: 0.5;
+}
+:is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::-moz-placeholder {
+    opacity: 0.5;
+}
+:is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput):-ms-input-placeholder {
+    opacity: 0.5;
+}
+:is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::-ms-input-placeholder {
+    opacity: 0.5;
+}
+:is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::placeholder {
+    opacity: 0.5;
+}
+.rt-ChatbarRoot:where([data-disabled]) .rt-ChatbarBox,.rt-ChatbarRoot:where([data-disabled]) .rt-ChatbarInput {
+    cursor: not-allowed;
+}
+.rt-ChatbarRoot:where([data-drop-active]) .rt-ChatbarBox {
+    outline: 2px dashed var(--accent-8);
+    outline-offset: -1px;
 }
 .rt-ChatbarDropOverlay {
     position: absolute;
@@ -23047,11 +22838,18 @@
         -ms-flex-align: center;
             align-items: center;
     gap: var(--space-2);
-    color: var(--accent-11);
 }
-.rt-ChatbarDropIcon {
-    width: var(--space-6);
-    height: var(--space-6);
+@media (prefers-reduced-motion: reduce) {
+    .rt-ChatbarInput,
+  .rt-ChatbarBox,
+  .rt-ChatbarSend {
+        -webkit-transition: none;
+        transition: none;
+    }
+    .rt-ChatbarDropOverlay {
+        -webkit-animation: none;
+                animation: none;
+    }
 }
 .rt-ChatbarInlineStart,
 .rt-ChatbarInlineEnd {