@womp/kookie-ui 0.5.0 → 0.6.2

package/styles.css

@@ -4603,7 +4603,7 @@
   --transition-spring-gpu: transform var(--motion-duration-small) var(--motion-spring-snappy), opacity var(--motion-duration-small) var(--motion-spring-snappy);
   --transition-spring-gpu-fast: transform var(--motion-duration-micro) var(--motion-spring-snappy), opacity var(--motion-duration-micro) var(--motion-spring-snappy);
   --font-body: var(--font-sans);
-  --font-heading: var(--font-body);
+  --font-heading: var(--font-display, var(--font-body));
   --font-code: var(--font-mono);
   --font-strong: var(--font-body);
   --font-em: var(--font-serif);
@@ -5134,8 +5134,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;
@@ -5226,8 +5226,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) {
@@ -5262,8 +5262,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) {
@@ -10814,7 +10814,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) {
@@ -10842,7 +10841,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));
   }
 }
@@ -10987,7 +10985,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));
   }
 }
@@ -11075,7 +11072,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));
   }
 }
@@ -11084,7 +11080,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));
   }
 }
@@ -11099,7 +11094,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 {
@@ -11731,7 +11725,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));
   }
 }
@@ -11740,7 +11733,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 {
@@ -12320,16 +12312,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']) {
@@ -12356,10 +12344,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;
@@ -12396,7 +12380,6 @@
   .rt-BaseMenuItem {
     -webkit-transition: none;
     transition: none;
-    backdrop-filter: none;
   }
 }
 .rt-BaseMenuShortcut {
@@ -12459,7 +12442,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;
@@ -12469,18 +12452,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);
@@ -12503,22 +12485,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);
@@ -12541,21 +12518,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);
@@ -12564,36 +12537,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);
@@ -12616,22 +12585,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);
@@ -12654,21 +12618,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);
@@ -12677,37 +12637,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);
@@ -12730,22 +12686,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);
@@ -12768,21 +12719,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);
@@ -12791,37 +12738,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);
@@ -12844,22 +12787,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);
@@ -12882,21 +12820,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);
@@ -12905,37 +12839,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);
@@ -12958,22 +12888,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);
@@ -12996,21 +12921,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);
@@ -13019,37 +12940,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);
@@ -13072,22 +12989,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);
@@ -13110,21 +13022,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);
@@ -13133,31 +13041,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]) {
@@ -13168,42 +13071,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]) {
@@ -13245,33 +13124,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) {
@@ -14128,111 +14005,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 {
@@ -14942,7 +14760,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);
@@ -14952,7 +14769,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);
@@ -15022,7 +14838,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);
@@ -15031,7 +14846,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) {
@@ -15443,15 +15257,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;
@@ -15470,9 +15281,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;
@@ -15480,97 +15296,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;
@@ -15581,6 +15353,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;
@@ -18910,7 +18688,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']) {
@@ -18923,7 +18700,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) {
@@ -19244,7 +19020,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);
@@ -19275,7 +19050,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);
@@ -19384,7 +19159,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])) {
@@ -24881,14 +24656,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;
@@ -26874,7 +26649,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);
@@ -26885,7 +26659,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) {
@@ -27004,7 +26777,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);
@@ -27013,7 +26785,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) {
@@ -27428,6 +27199,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;
@@ -27450,13 +27224,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;
@@ -27496,6 +27276,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;
 }
@@ -27509,8 +27293,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);
@@ -27623,7 +27407,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);
 }
@@ -27636,8 +27420,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);
@@ -27647,8 +27429,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);
@@ -27658,8 +27438,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);
@@ -27670,8 +27448,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);
@@ -27681,8 +27457,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);
@@ -27692,8 +27466,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);
@@ -27705,8 +27477,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);
@@ -27716,8 +27486,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);
@@ -27727,8 +27495,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);
@@ -27740,8 +27506,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);
@@ -27751,8 +27515,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);
@@ -27762,8 +27524,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);
@@ -27775,8 +27535,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);
@@ -27786,8 +27544,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);
@@ -27797,8 +27553,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);
@@ -27810,8 +27564,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);
@@ -27821,8 +27573,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);
@@ -27832,8 +27582,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);
@@ -28001,8 +27749,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;
@@ -28025,16 +27771,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));
   }
@@ -28059,24 +27809,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;
@@ -28111,11 +27902,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 {