@womp/kookie-ui 0.4.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);
@@ -4772,25 +4772,42 @@
   --radius-10: calc(40px * var(--scaling) * var(--radius-factor));
   --radius-11: calc(48px * var(--scaling) * var(--radius-factor));
   --radius-12: calc(56px * var(--scaling) * var(--radius-factor));
+  --radius-surface-1: calc(6px * var(--scaling) * var(--radius-surface-factor));
+  --radius-surface-2: calc(8px * var(--scaling) * var(--radius-surface-factor));
+  --radius-surface-3: calc(10px * var(--scaling) * var(--radius-surface-factor));
+  --radius-surface-4: calc(12px * var(--scaling) * var(--radius-surface-factor));
+  --radius-surface-5: calc(16px * var(--scaling) * var(--radius-surface-factor));
+  --radius-surface-6: calc(20px * var(--scaling) * var(--radius-surface-factor));
+  --radius-surface-7: calc(24px * var(--scaling) * var(--radius-surface-factor));
+  --radius-surface-8: calc(28px * var(--scaling) * var(--radius-surface-factor));
+  --radius-surface-9: calc(32px * var(--scaling) * var(--radius-surface-factor));
+  --radius-surface-10: calc(40px * var(--scaling) * var(--radius-surface-factor));
+  --radius-surface-11: calc(48px * var(--scaling) * var(--radius-surface-factor));
+  --radius-surface-12: calc(56px * var(--scaling) * var(--radius-surface-factor));
 }
 [data-radius='none'] {
   --radius-factor: 0;
+  --radius-surface-factor: 0;
   --radius-full: 0px;
 }
 [data-radius='small'] {
   --radius-factor: 0.75;
+  --radius-surface-factor: 0.5;
   --radius-full: 0px;
 }
 [data-radius='medium'] {
   --radius-factor: 1;
+  --radius-surface-factor: 0.75;
   --radius-full: 0px;
 }
 [data-radius='large'] {
   --radius-factor: 1.5;
+  --radius-surface-factor: 0.9;
   --radius-full: 0px;
 }
 [data-radius='full'] {
-  --radius-factor: 2.0;
+  --radius-factor: 2;
+  --radius-surface-factor: 1;
   --radius-full: 9999px;
 }
 @supports (color: color-mix(in oklab, white, black)) {
@@ -5117,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;
@@ -5209,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) {
@@ -5245,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) {
@@ -6601,85 +6618,85 @@
   --backdrop-filter-components: var(--backdrop-filter-components-enabled);
 }
 .rt-AccordionRoot:where(.rt-r-size-1) {
-  border-radius: var(--radius-1);
+  border-radius: var(--radius-surface-1);
 }
 .rt-AccordionRoot:where(.rt-r-size-2) {
-  border-radius: var(--radius-2);
+  border-radius: var(--radius-surface-2);
 }
 .rt-AccordionRoot:where(.rt-r-size-3) {
-  border-radius: var(--radius-3);
+  border-radius: var(--radius-surface-3);
 }
 .rt-AccordionRoot:where(.rt-r-size-4) {
-  border-radius: var(--radius-4);
+  border-radius: var(--radius-surface-4);
 }
 @media (min-width: 520px) {
   .rt-AccordionRoot:where(.xs\:rt-r-size-1) {
-    border-radius: var(--radius-1);
+    border-radius: var(--radius-surface-1);
   }
   .rt-AccordionRoot:where(.xs\:rt-r-size-2) {
-    border-radius: var(--radius-2);
+    border-radius: var(--radius-surface-2);
   }
   .rt-AccordionRoot:where(.xs\:rt-r-size-3) {
-    border-radius: var(--radius-3);
+    border-radius: var(--radius-surface-3);
   }
   .rt-AccordionRoot:where(.xs\:rt-r-size-4) {
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
   }
 }
 @media (min-width: 768px) {
   .rt-AccordionRoot:where(.sm\:rt-r-size-1) {
-    border-radius: var(--radius-1);
+    border-radius: var(--radius-surface-1);
   }
   .rt-AccordionRoot:where(.sm\:rt-r-size-2) {
-    border-radius: var(--radius-2);
+    border-radius: var(--radius-surface-2);
   }
   .rt-AccordionRoot:where(.sm\:rt-r-size-3) {
-    border-radius: var(--radius-3);
+    border-radius: var(--radius-surface-3);
   }
   .rt-AccordionRoot:where(.sm\:rt-r-size-4) {
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
   }
 }
 @media (min-width: 1024px) {
   .rt-AccordionRoot:where(.md\:rt-r-size-1) {
-    border-radius: var(--radius-1);
+    border-radius: var(--radius-surface-1);
   }
   .rt-AccordionRoot:where(.md\:rt-r-size-2) {
-    border-radius: var(--radius-2);
+    border-radius: var(--radius-surface-2);
   }
   .rt-AccordionRoot:where(.md\:rt-r-size-3) {
-    border-radius: var(--radius-3);
+    border-radius: var(--radius-surface-3);
   }
   .rt-AccordionRoot:where(.md\:rt-r-size-4) {
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
   }
 }
 @media (min-width: 1280px) {
   .rt-AccordionRoot:where(.lg\:rt-r-size-1) {
-    border-radius: var(--radius-1);
+    border-radius: var(--radius-surface-1);
   }
   .rt-AccordionRoot:where(.lg\:rt-r-size-2) {
-    border-radius: var(--radius-2);
+    border-radius: var(--radius-surface-2);
   }
   .rt-AccordionRoot:where(.lg\:rt-r-size-3) {
-    border-radius: var(--radius-3);
+    border-radius: var(--radius-surface-3);
   }
   .rt-AccordionRoot:where(.lg\:rt-r-size-4) {
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
   }
 }
 @media (min-width: 1640px) {
   .rt-AccordionRoot:where(.xl\:rt-r-size-1) {
-    border-radius: var(--radius-1);
+    border-radius: var(--radius-surface-1);
   }
   .rt-AccordionRoot:where(.xl\:rt-r-size-2) {
-    border-radius: var(--radius-2);
+    border-radius: var(--radius-surface-2);
   }
   .rt-AccordionRoot:where(.xl\:rt-r-size-3) {
-    border-radius: var(--radius-3);
+    border-radius: var(--radius-surface-3);
   }
   .rt-AccordionRoot:where(.xl\:rt-r-size-4) {
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
   }
 }
 :where(.rt-AccordionRoot:where(.rt-variant-surface)) {
@@ -7316,108 +7333,108 @@
 }
 .rt-BaseDialogContent:where(.rt-r-size-1) {
   --dialog-content-padding: var(--space-5);
-  border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
+  border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
 }
 .rt-BaseDialogContent:where(.rt-r-size-2) {
   --dialog-content-padding: var(--space-6);
-  border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
+  border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
 }
 .rt-BaseDialogContent:where(.rt-r-size-3) {
   --dialog-content-padding: var(--space-7);
-  border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
+  border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
 }
 .rt-BaseDialogContent:where(.rt-r-size-4) {
   --dialog-content-padding: var(--space-8);
-  border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
+  border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-5)));
 }
 @media (min-width: 520px) {
   .rt-BaseDialogContent:where(.xs\:rt-r-size-1) {
     --dialog-content-padding: var(--space-5);
-    border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
+    border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
   }
   .rt-BaseDialogContent:where(.xs\:rt-r-size-2) {
     --dialog-content-padding: var(--space-6);
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
   }
   .rt-BaseDialogContent:where(.xs\:rt-r-size-3) {
     --dialog-content-padding: var(--space-7);
-    border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
+    border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
   }
   .rt-BaseDialogContent:where(.xs\:rt-r-size-4) {
     --dialog-content-padding: var(--space-8);
-    border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
+    border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-5)));
   }
 }
 @media (min-width: 768px) {
   .rt-BaseDialogContent:where(.sm\:rt-r-size-1) {
     --dialog-content-padding: var(--space-5);
-    border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
+    border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
   }
   .rt-BaseDialogContent:where(.sm\:rt-r-size-2) {
     --dialog-content-padding: var(--space-6);
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
   }
   .rt-BaseDialogContent:where(.sm\:rt-r-size-3) {
     --dialog-content-padding: var(--space-7);
-    border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
+    border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
   }
   .rt-BaseDialogContent:where(.sm\:rt-r-size-4) {
     --dialog-content-padding: var(--space-8);
-    border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
+    border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-5)));
   }
 }
 @media (min-width: 1024px) {
   .rt-BaseDialogContent:where(.md\:rt-r-size-1) {
     --dialog-content-padding: var(--space-5);
-    border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
+    border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
   }
   .rt-BaseDialogContent:where(.md\:rt-r-size-2) {
     --dialog-content-padding: var(--space-6);
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
   }
   .rt-BaseDialogContent:where(.md\:rt-r-size-3) {
     --dialog-content-padding: var(--space-7);
-    border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
+    border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
   }
   .rt-BaseDialogContent:where(.md\:rt-r-size-4) {
     --dialog-content-padding: var(--space-8);
-    border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
+    border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-5)));
   }
 }
 @media (min-width: 1280px) {
   .rt-BaseDialogContent:where(.lg\:rt-r-size-1) {
     --dialog-content-padding: var(--space-5);
-    border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
+    border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
   }
   .rt-BaseDialogContent:where(.lg\:rt-r-size-2) {
     --dialog-content-padding: var(--space-6);
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
   }
   .rt-BaseDialogContent:where(.lg\:rt-r-size-3) {
     --dialog-content-padding: var(--space-7);
-    border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
+    border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
   }
   .rt-BaseDialogContent:where(.lg\:rt-r-size-4) {
     --dialog-content-padding: var(--space-8);
-    border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
+    border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-5)));
   }
 }
 @media (min-width: 1640px) {
   .rt-BaseDialogContent:where(.xl\:rt-r-size-1) {
     --dialog-content-padding: var(--space-5);
-    border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-2)));
+    border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
   }
   .rt-BaseDialogContent:where(.xl\:rt-r-size-2) {
     --dialog-content-padding: var(--space-6);
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
   }
   .rt-BaseDialogContent:where(.xl\:rt-r-size-3) {
     --dialog-content-padding: var(--space-7);
-    border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
+    border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
   }
   .rt-BaseDialogContent:where(.xl\:rt-r-size-4) {
     --dialog-content-padding: var(--space-8);
-    border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
+    border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-5)));
   }
 }
 @media (prefers-reduced-motion: no-preference) {
@@ -10072,7 +10089,7 @@
      -moz-column-gap: var(--space-2);
           column-gap: var(--space-2);
   padding: var(--space-3);
-  --callout-border-radius: max(var(--radius-1), var(--radius-full));
+  --callout-border-radius: var(--radius-surface-1);
   --callout-icon-height: var(--line-height-1);
   --callout-icon-size: var(--content-icon-size-1);
 }
@@ -10082,7 +10099,7 @@
      -moz-column-gap: var(--space-3);
           column-gap: var(--space-3);
   padding: var(--space-4);
-  --callout-border-radius: max(var(--radius-2), var(--radius-full));
+  --callout-border-radius: var(--radius-surface-2);
   --callout-icon-height: var(--line-height-2);
   --callout-icon-size: var(--content-icon-size-2);
 }
@@ -10092,7 +10109,7 @@
      -moz-column-gap: var(--space-4);
           column-gap: var(--space-4);
   padding: var(--space-5);
-  --callout-border-radius: max(var(--radius-3), var(--radius-full));
+  --callout-border-radius: var(--radius-surface-3);
   --callout-icon-height: var(--line-height-3);
   --callout-icon-size: var(--content-icon-size-3);
 }
@@ -10102,7 +10119,7 @@
      -moz-column-gap: var(--space-5);
           column-gap: var(--space-5);
   padding: var(--space-6);
-  --callout-border-radius: max(var(--radius-4), var(--radius-full));
+  --callout-border-radius: var(--radius-surface-4);
   --callout-icon-height: var(--line-height-4);
   --callout-icon-size: var(--content-icon-size-4);
 }
@@ -10112,7 +10129,7 @@
      -moz-column-gap: var(--space-6);
           column-gap: var(--space-6);
   padding: var(--space-7);
-  --callout-border-radius: max(var(--radius-5), var(--radius-full));
+  --callout-border-radius: var(--radius-surface-5);
   --callout-icon-height: var(--line-height-5);
   --callout-icon-size: var(--content-icon-size-5);
 }
@@ -10123,7 +10140,7 @@
        -moz-column-gap: var(--space-2);
             column-gap: var(--space-2);
     padding: var(--space-3);
-    --callout-border-radius: max(var(--radius-1), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-1);
     --callout-icon-height: var(--line-height-1);
     --callout-icon-size: var(--content-icon-size-1);
   }
@@ -10133,7 +10150,7 @@
        -moz-column-gap: var(--space-3);
             column-gap: var(--space-3);
     padding: var(--space-4);
-    --callout-border-radius: max(var(--radius-2), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-2);
     --callout-icon-height: var(--line-height-2);
     --callout-icon-size: var(--content-icon-size-2);
   }
@@ -10143,7 +10160,7 @@
        -moz-column-gap: var(--space-4);
             column-gap: var(--space-4);
     padding: var(--space-5);
-    --callout-border-radius: max(var(--radius-3), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-3);
     --callout-icon-height: var(--line-height-3);
     --callout-icon-size: var(--content-icon-size-3);
   }
@@ -10153,7 +10170,7 @@
        -moz-column-gap: var(--space-5);
             column-gap: var(--space-5);
     padding: var(--space-6);
-    --callout-border-radius: max(var(--radius-4), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-4);
     --callout-icon-height: var(--line-height-4);
     --callout-icon-size: var(--content-icon-size-4);
   }
@@ -10163,7 +10180,7 @@
        -moz-column-gap: var(--space-6);
             column-gap: var(--space-6);
     padding: var(--space-7);
-    --callout-border-radius: max(var(--radius-5), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-5);
     --callout-icon-height: var(--line-height-5);
     --callout-icon-size: var(--content-icon-size-5);
   }
@@ -10175,7 +10192,7 @@
        -moz-column-gap: var(--space-2);
             column-gap: var(--space-2);
     padding: var(--space-3);
-    --callout-border-radius: max(var(--radius-1), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-1);
     --callout-icon-height: var(--line-height-1);
     --callout-icon-size: var(--content-icon-size-1);
   }
@@ -10185,7 +10202,7 @@
        -moz-column-gap: var(--space-3);
             column-gap: var(--space-3);
     padding: var(--space-4);
-    --callout-border-radius: max(var(--radius-2), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-2);
     --callout-icon-height: var(--line-height-2);
     --callout-icon-size: var(--content-icon-size-2);
   }
@@ -10195,7 +10212,7 @@
        -moz-column-gap: var(--space-4);
             column-gap: var(--space-4);
     padding: var(--space-5);
-    --callout-border-radius: max(var(--radius-3), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-3);
     --callout-icon-height: var(--line-height-3);
     --callout-icon-size: var(--content-icon-size-3);
   }
@@ -10205,7 +10222,7 @@
        -moz-column-gap: var(--space-5);
             column-gap: var(--space-5);
     padding: var(--space-6);
-    --callout-border-radius: max(var(--radius-4), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-4);
     --callout-icon-height: var(--line-height-4);
     --callout-icon-size: var(--content-icon-size-4);
   }
@@ -10215,7 +10232,7 @@
        -moz-column-gap: var(--space-6);
             column-gap: var(--space-6);
     padding: var(--space-7);
-    --callout-border-radius: max(var(--radius-5), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-5);
     --callout-icon-height: var(--line-height-5);
     --callout-icon-size: var(--content-icon-size-5);
   }
@@ -10227,7 +10244,7 @@
        -moz-column-gap: var(--space-2);
             column-gap: var(--space-2);
     padding: var(--space-3);
-    --callout-border-radius: max(var(--radius-1), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-1);
     --callout-icon-height: var(--line-height-1);
     --callout-icon-size: var(--content-icon-size-1);
   }
@@ -10237,7 +10254,7 @@
        -moz-column-gap: var(--space-3);
             column-gap: var(--space-3);
     padding: var(--space-4);
-    --callout-border-radius: max(var(--radius-2), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-2);
     --callout-icon-height: var(--line-height-2);
     --callout-icon-size: var(--content-icon-size-2);
   }
@@ -10247,7 +10264,7 @@
        -moz-column-gap: var(--space-4);
             column-gap: var(--space-4);
     padding: var(--space-5);
-    --callout-border-radius: max(var(--radius-3), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-3);
     --callout-icon-height: var(--line-height-3);
     --callout-icon-size: var(--content-icon-size-3);
   }
@@ -10257,7 +10274,7 @@
        -moz-column-gap: var(--space-5);
             column-gap: var(--space-5);
     padding: var(--space-6);
-    --callout-border-radius: max(var(--radius-4), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-4);
     --callout-icon-height: var(--line-height-4);
     --callout-icon-size: var(--content-icon-size-4);
   }
@@ -10267,7 +10284,7 @@
        -moz-column-gap: var(--space-6);
             column-gap: var(--space-6);
     padding: var(--space-7);
-    --callout-border-radius: max(var(--radius-5), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-5);
     --callout-icon-height: var(--line-height-5);
     --callout-icon-size: var(--content-icon-size-5);
   }
@@ -10279,7 +10296,7 @@
        -moz-column-gap: var(--space-2);
             column-gap: var(--space-2);
     padding: var(--space-3);
-    --callout-border-radius: max(var(--radius-1), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-1);
     --callout-icon-height: var(--line-height-1);
     --callout-icon-size: var(--content-icon-size-1);
   }
@@ -10289,7 +10306,7 @@
        -moz-column-gap: var(--space-3);
             column-gap: var(--space-3);
     padding: var(--space-4);
-    --callout-border-radius: max(var(--radius-2), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-2);
     --callout-icon-height: var(--line-height-2);
     --callout-icon-size: var(--content-icon-size-2);
   }
@@ -10299,7 +10316,7 @@
        -moz-column-gap: var(--space-4);
             column-gap: var(--space-4);
     padding: var(--space-5);
-    --callout-border-radius: max(var(--radius-3), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-3);
     --callout-icon-height: var(--line-height-3);
     --callout-icon-size: var(--content-icon-size-3);
   }
@@ -10309,7 +10326,7 @@
        -moz-column-gap: var(--space-5);
             column-gap: var(--space-5);
     padding: var(--space-6);
-    --callout-border-radius: max(var(--radius-4), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-4);
     --callout-icon-height: var(--line-height-4);
     --callout-icon-size: var(--content-icon-size-4);
   }
@@ -10319,7 +10336,7 @@
        -moz-column-gap: var(--space-6);
             column-gap: var(--space-6);
     padding: var(--space-7);
-    --callout-border-radius: max(var(--radius-5), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-5);
     --callout-icon-height: var(--line-height-5);
     --callout-icon-size: var(--content-icon-size-5);
   }
@@ -10331,7 +10348,7 @@
        -moz-column-gap: var(--space-2);
             column-gap: var(--space-2);
     padding: var(--space-3);
-    --callout-border-radius: max(var(--radius-1), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-1);
     --callout-icon-height: var(--line-height-1);
     --callout-icon-size: var(--content-icon-size-1);
   }
@@ -10341,7 +10358,7 @@
        -moz-column-gap: var(--space-3);
             column-gap: var(--space-3);
     padding: var(--space-4);
-    --callout-border-radius: max(var(--radius-2), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-2);
     --callout-icon-height: var(--line-height-2);
     --callout-icon-size: var(--content-icon-size-2);
   }
@@ -10351,7 +10368,7 @@
        -moz-column-gap: var(--space-4);
             column-gap: var(--space-4);
     padding: var(--space-5);
-    --callout-border-radius: max(var(--radius-3), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-3);
     --callout-icon-height: var(--line-height-3);
     --callout-icon-size: var(--content-icon-size-3);
   }
@@ -10361,7 +10378,7 @@
        -moz-column-gap: var(--space-5);
             column-gap: var(--space-5);
     padding: var(--space-6);
-    --callout-border-radius: max(var(--radius-4), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-4);
     --callout-icon-height: var(--line-height-4);
     --callout-icon-size: var(--content-icon-size-4);
   }
@@ -10371,7 +10388,7 @@
        -moz-column-gap: var(--space-6);
             column-gap: var(--space-6);
     padding: var(--space-7);
-    --callout-border-radius: max(var(--radius-5), var(--radius-full));
+    --callout-border-radius: var(--radius-surface-5);
     --callout-icon-height: var(--line-height-5);
     --callout-icon-size: var(--content-icon-size-5);
   }
@@ -10518,35 +10535,35 @@
   --base-card-padding-right: var(--space-2);
   --base-card-padding-bottom: var(--space-2);
   --base-card-padding-left: var(--space-2);
-  --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+  --base-card-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
 }
 .rt-BaseCard:where(.rt-r-size-2) {
   --base-card-padding-top: var(--space-3);
   --base-card-padding-right: var(--space-3);
   --base-card-padding-bottom: var(--space-3);
   --base-card-padding-left: var(--space-3);
-  --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+  --base-card-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
 }
 .rt-BaseCard:where(.rt-r-size-3) {
   --base-card-padding-top: var(--space-4);
   --base-card-padding-right: var(--space-4);
   --base-card-padding-bottom: var(--space-4);
   --base-card-padding-left: var(--space-4);
-  --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+  --base-card-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
 }
 .rt-BaseCard:where(.rt-r-size-4) {
   --base-card-padding-top: var(--space-5);
   --base-card-padding-right: var(--space-5);
   --base-card-padding-bottom: var(--space-5);
   --base-card-padding-left: var(--space-5);
-  --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+  --base-card-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
 }
 .rt-BaseCard:where(.rt-r-size-5) {
   --base-card-padding-top: var(--space-6);
   --base-card-padding-right: var(--space-6);
   --base-card-padding-bottom: var(--space-6);
   --base-card-padding-left: var(--space-6);
-  --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+  --base-card-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
 }
 @media (min-width: 520px) {
   .rt-BaseCard:where(.xs\:rt-r-size-1) {
@@ -10554,35 +10571,35 @@
     --base-card-padding-right: var(--space-2);
     --base-card-padding-bottom: var(--space-2);
     --base-card-padding-left: var(--space-2);
-    --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    --base-card-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
   }
   .rt-BaseCard:where(.xs\:rt-r-size-2) {
     --base-card-padding-top: var(--space-3);
     --base-card-padding-right: var(--space-3);
     --base-card-padding-bottom: var(--space-3);
     --base-card-padding-left: var(--space-3);
-    --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    --base-card-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
   }
   .rt-BaseCard:where(.xs\:rt-r-size-3) {
     --base-card-padding-top: var(--space-4);
     --base-card-padding-right: var(--space-4);
     --base-card-padding-bottom: var(--space-4);
     --base-card-padding-left: var(--space-4);
-    --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    --base-card-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
   }
   .rt-BaseCard:where(.xs\:rt-r-size-4) {
     --base-card-padding-top: var(--space-5);
     --base-card-padding-right: var(--space-5);
     --base-card-padding-bottom: var(--space-5);
     --base-card-padding-left: var(--space-5);
-    --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --base-card-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
   }
   .rt-BaseCard:where(.xs\:rt-r-size-5) {
     --base-card-padding-top: var(--space-6);
     --base-card-padding-right: var(--space-6);
     --base-card-padding-bottom: var(--space-6);
     --base-card-padding-left: var(--space-6);
-    --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --base-card-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
   }
 }
 @media (min-width: 768px) {
@@ -10591,35 +10608,35 @@
     --base-card-padding-right: var(--space-2);
     --base-card-padding-bottom: var(--space-2);
     --base-card-padding-left: var(--space-2);
-    --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    --base-card-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
   }
   .rt-BaseCard:where(.sm\:rt-r-size-2) {
     --base-card-padding-top: var(--space-3);
     --base-card-padding-right: var(--space-3);
     --base-card-padding-bottom: var(--space-3);
     --base-card-padding-left: var(--space-3);
-    --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    --base-card-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
   }
   .rt-BaseCard:where(.sm\:rt-r-size-3) {
     --base-card-padding-top: var(--space-4);
     --base-card-padding-right: var(--space-4);
     --base-card-padding-bottom: var(--space-4);
     --base-card-padding-left: var(--space-4);
-    --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    --base-card-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
   }
   .rt-BaseCard:where(.sm\:rt-r-size-4) {
     --base-card-padding-top: var(--space-5);
     --base-card-padding-right: var(--space-5);
     --base-card-padding-bottom: var(--space-5);
     --base-card-padding-left: var(--space-5);
-    --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --base-card-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
   }
   .rt-BaseCard:where(.sm\:rt-r-size-5) {
     --base-card-padding-top: var(--space-6);
     --base-card-padding-right: var(--space-6);
     --base-card-padding-bottom: var(--space-6);
     --base-card-padding-left: var(--space-6);
-    --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --base-card-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
   }
 }
 @media (min-width: 1024px) {
@@ -10628,35 +10645,35 @@
     --base-card-padding-right: var(--space-2);
     --base-card-padding-bottom: var(--space-2);
     --base-card-padding-left: var(--space-2);
-    --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    --base-card-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
   }
   .rt-BaseCard:where(.md\:rt-r-size-2) {
     --base-card-padding-top: var(--space-3);
     --base-card-padding-right: var(--space-3);
     --base-card-padding-bottom: var(--space-3);
     --base-card-padding-left: var(--space-3);
-    --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    --base-card-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
   }
   .rt-BaseCard:where(.md\:rt-r-size-3) {
     --base-card-padding-top: var(--space-4);
     --base-card-padding-right: var(--space-4);
     --base-card-padding-bottom: var(--space-4);
     --base-card-padding-left: var(--space-4);
-    --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    --base-card-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
   }
   .rt-BaseCard:where(.md\:rt-r-size-4) {
     --base-card-padding-top: var(--space-5);
     --base-card-padding-right: var(--space-5);
     --base-card-padding-bottom: var(--space-5);
     --base-card-padding-left: var(--space-5);
-    --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --base-card-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
   }
   .rt-BaseCard:where(.md\:rt-r-size-5) {
     --base-card-padding-top: var(--space-6);
     --base-card-padding-right: var(--space-6);
     --base-card-padding-bottom: var(--space-6);
     --base-card-padding-left: var(--space-6);
-    --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --base-card-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
   }
 }
 @media (min-width: 1280px) {
@@ -10665,35 +10682,35 @@
     --base-card-padding-right: var(--space-2);
     --base-card-padding-bottom: var(--space-2);
     --base-card-padding-left: var(--space-2);
-    --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    --base-card-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
   }
   .rt-BaseCard:where(.lg\:rt-r-size-2) {
     --base-card-padding-top: var(--space-3);
     --base-card-padding-right: var(--space-3);
     --base-card-padding-bottom: var(--space-3);
     --base-card-padding-left: var(--space-3);
-    --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    --base-card-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
   }
   .rt-BaseCard:where(.lg\:rt-r-size-3) {
     --base-card-padding-top: var(--space-4);
     --base-card-padding-right: var(--space-4);
     --base-card-padding-bottom: var(--space-4);
     --base-card-padding-left: var(--space-4);
-    --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    --base-card-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
   }
   .rt-BaseCard:where(.lg\:rt-r-size-4) {
     --base-card-padding-top: var(--space-5);
     --base-card-padding-right: var(--space-5);
     --base-card-padding-bottom: var(--space-5);
     --base-card-padding-left: var(--space-5);
-    --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --base-card-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
   }
   .rt-BaseCard:where(.lg\:rt-r-size-5) {
     --base-card-padding-top: var(--space-6);
     --base-card-padding-right: var(--space-6);
     --base-card-padding-bottom: var(--space-6);
     --base-card-padding-left: var(--space-6);
-    --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --base-card-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
   }
 }
 @media (min-width: 1640px) {
@@ -10702,35 +10719,35 @@
     --base-card-padding-right: var(--space-2);
     --base-card-padding-bottom: var(--space-2);
     --base-card-padding-left: var(--space-2);
-    --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    --base-card-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
   }
   .rt-BaseCard:where(.xl\:rt-r-size-2) {
     --base-card-padding-top: var(--space-3);
     --base-card-padding-right: var(--space-3);
     --base-card-padding-bottom: var(--space-3);
     --base-card-padding-left: var(--space-3);
-    --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    --base-card-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
   }
   .rt-BaseCard:where(.xl\:rt-r-size-3) {
     --base-card-padding-top: var(--space-4);
     --base-card-padding-right: var(--space-4);
     --base-card-padding-bottom: var(--space-4);
     --base-card-padding-left: var(--space-4);
-    --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    --base-card-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
   }
   .rt-BaseCard:where(.xl\:rt-r-size-4) {
     --base-card-padding-top: var(--space-5);
     --base-card-padding-right: var(--space-5);
     --base-card-padding-bottom: var(--space-5);
     --base-card-padding-left: var(--space-5);
-    --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --base-card-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
   }
   .rt-BaseCard:where(.xl\:rt-r-size-5) {
     --base-card-padding-top: var(--space-6);
     --base-card-padding-right: var(--space-6);
     --base-card-padding-bottom: var(--space-6);
     --base-card-padding-left: var(--space-6);
-    --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --base-card-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
   }
 }
 .rt-BaseCard:where([data-inset='true']) {
@@ -10797,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) {
@@ -10825,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));
   }
 }
@@ -10970,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));
   }
 }
@@ -11058,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));
   }
 }
@@ -11067,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));
   }
 }
@@ -11082,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 {
@@ -11104,6 +11115,8 @@
   --skeleton-height-override: var(--checkbox-size);
   border-radius: var(--skeleton-radius);
   --skeleton-radius-override: var(--checkbox-border-radius);
+  --checkbox-radius-ratio-max: 0.4;
+  --checkbox-radius-max: calc(var(--checkbox-size) * var(--checkbox-radius-ratio-max));
   isolation: isolate;
 }
 :where([data-panel-background='translucent'],[data-material='translucent']) .rt-BaseCheckboxRoot {
@@ -11147,101 +11160,101 @@
 .rt-BaseCheckboxRoot:where(.rt-r-size-1) {
   --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-medium));
   --checkbox-indicator-size: var(--indicator-icon-size-1);
-  --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-small));
+  --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-small)), var(--checkbox-radius-max));
 }
 .rt-BaseCheckboxRoot:where(.rt-r-size-2) {
   --checkbox-size: var(--space-4);
   --checkbox-indicator-size: var(--indicator-icon-size-2);
-  --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+  --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
 }
 .rt-BaseCheckboxRoot:where(.rt-r-size-3) {
   --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-large));
   --checkbox-indicator-size: var(--indicator-icon-size-3);
-  --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+  --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
 }
 @media (min-width: 520px) {
   .rt-BaseCheckboxRoot:where(.xs\:rt-r-size-1) {
     --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-medium));
     --checkbox-indicator-size: var(--indicator-icon-size-1);
-    --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-small));
+    --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-small)), var(--checkbox-radius-max));
   }
   .rt-BaseCheckboxRoot:where(.xs\:rt-r-size-2) {
     --checkbox-size: var(--space-4);
     --checkbox-indicator-size: var(--indicator-icon-size-2);
-    --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+    --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
   }
   .rt-BaseCheckboxRoot:where(.xs\:rt-r-size-3) {
     --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-large));
     --checkbox-indicator-size: var(--indicator-icon-size-3);
-    --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+    --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
   }
 }
 @media (min-width: 768px) {
   .rt-BaseCheckboxRoot:where(.sm\:rt-r-size-1) {
     --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-medium));
     --checkbox-indicator-size: var(--indicator-icon-size-1);
-    --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-small));
+    --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-small)), var(--checkbox-radius-max));
   }
   .rt-BaseCheckboxRoot:where(.sm\:rt-r-size-2) {
     --checkbox-size: var(--space-4);
     --checkbox-indicator-size: var(--indicator-icon-size-2);
-    --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+    --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
   }
   .rt-BaseCheckboxRoot:where(.sm\:rt-r-size-3) {
     --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-large));
     --checkbox-indicator-size: var(--indicator-icon-size-3);
-    --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+    --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
   }
 }
 @media (min-width: 1024px) {
   .rt-BaseCheckboxRoot:where(.md\:rt-r-size-1) {
     --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-medium));
     --checkbox-indicator-size: var(--indicator-icon-size-1);
-    --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-small));
+    --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-small)), var(--checkbox-radius-max));
   }
   .rt-BaseCheckboxRoot:where(.md\:rt-r-size-2) {
     --checkbox-size: var(--space-4);
     --checkbox-indicator-size: var(--indicator-icon-size-2);
-    --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+    --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
   }
   .rt-BaseCheckboxRoot:where(.md\:rt-r-size-3) {
     --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-large));
     --checkbox-indicator-size: var(--indicator-icon-size-3);
-    --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+    --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
   }
 }
 @media (min-width: 1280px) {
   .rt-BaseCheckboxRoot:where(.lg\:rt-r-size-1) {
     --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-medium));
     --checkbox-indicator-size: var(--indicator-icon-size-1);
-    --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-small));
+    --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-small)), var(--checkbox-radius-max));
   }
   .rt-BaseCheckboxRoot:where(.lg\:rt-r-size-2) {
     --checkbox-size: var(--space-4);
     --checkbox-indicator-size: var(--indicator-icon-size-2);
-    --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+    --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
   }
   .rt-BaseCheckboxRoot:where(.lg\:rt-r-size-3) {
     --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-large));
     --checkbox-indicator-size: var(--indicator-icon-size-3);
-    --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+    --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
   }
 }
 @media (min-width: 1640px) {
   .rt-BaseCheckboxRoot:where(.xl\:rt-r-size-1) {
     --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-medium));
     --checkbox-indicator-size: var(--indicator-icon-size-1);
-    --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-small));
+    --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-small)), var(--checkbox-radius-max));
   }
   .rt-BaseCheckboxRoot:where(.xl\:rt-r-size-2) {
     --checkbox-size: var(--space-4);
     --checkbox-indicator-size: var(--indicator-icon-size-2);
-    --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+    --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
   }
   .rt-BaseCheckboxRoot:where(.xl\:rt-r-size-3) {
     --checkbox-size: calc(var(--space-4) * var(--spacing-multiplier-large));
     --checkbox-indicator-size: var(--indicator-icon-size-3);
-    --checkbox-border-radius: calc(var(--radius-1) * var(--spacing-multiplier-medium));
+    --checkbox-border-radius: min(calc(var(--radius-1) * var(--spacing-multiplier-medium)), var(--checkbox-radius-max));
   }
 }
 .rt-BaseCheckboxRoot:where(.rt-variant-solid):where([data-state='unchecked'])::before {
@@ -11712,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));
   }
 }
@@ -11721,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 {
@@ -11730,6 +11741,106 @@
 .rt-CheckboxCardsItem:where(:has(:disabled))::selection {
   background-color: var(--gray-a5);
 }
+.rt-CheckboxCardsItem:where(.rt-r-size-1) {
+  --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+}
+.rt-CheckboxCardsItem:where(.rt-r-size-2) {
+  --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+}
+.rt-CheckboxCardsItem:where(.rt-r-size-3) {
+  --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+}
+.rt-CheckboxCardsItem:where(.rt-r-size-4) {
+  --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+}
+.rt-CheckboxCardsItem:where(.rt-r-size-5) {
+  --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+}
+@media (min-width: 520px) {
+  .rt-CheckboxCardsItem:where(.xs\:rt-r-size-1) {
+    --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+  }
+  .rt-CheckboxCardsItem:where(.xs\:rt-r-size-2) {
+    --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+  }
+  .rt-CheckboxCardsItem:where(.xs\:rt-r-size-3) {
+    --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+  }
+  .rt-CheckboxCardsItem:where(.xs\:rt-r-size-4) {
+    --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+  }
+  .rt-CheckboxCardsItem:where(.xs\:rt-r-size-5) {
+    --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+  }
+}
+@media (min-width: 768px) {
+  .rt-CheckboxCardsItem:where(.sm\:rt-r-size-1) {
+    --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+  }
+  .rt-CheckboxCardsItem:where(.sm\:rt-r-size-2) {
+    --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+  }
+  .rt-CheckboxCardsItem:where(.sm\:rt-r-size-3) {
+    --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+  }
+  .rt-CheckboxCardsItem:where(.sm\:rt-r-size-4) {
+    --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+  }
+  .rt-CheckboxCardsItem:where(.sm\:rt-r-size-5) {
+    --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+  }
+}
+@media (min-width: 1024px) {
+  .rt-CheckboxCardsItem:where(.md\:rt-r-size-1) {
+    --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+  }
+  .rt-CheckboxCardsItem:where(.md\:rt-r-size-2) {
+    --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+  }
+  .rt-CheckboxCardsItem:where(.md\:rt-r-size-3) {
+    --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+  }
+  .rt-CheckboxCardsItem:where(.md\:rt-r-size-4) {
+    --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+  }
+  .rt-CheckboxCardsItem:where(.md\:rt-r-size-5) {
+    --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+  }
+}
+@media (min-width: 1280px) {
+  .rt-CheckboxCardsItem:where(.lg\:rt-r-size-1) {
+    --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+  }
+  .rt-CheckboxCardsItem:where(.lg\:rt-r-size-2) {
+    --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+  }
+  .rt-CheckboxCardsItem:where(.lg\:rt-r-size-3) {
+    --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+  }
+  .rt-CheckboxCardsItem:where(.lg\:rt-r-size-4) {
+    --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+  }
+  .rt-CheckboxCardsItem:where(.lg\:rt-r-size-5) {
+    --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+  }
+}
+@media (min-width: 1640px) {
+  .rt-CheckboxCardsItem:where(.xl\:rt-r-size-1) {
+    --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+  }
+  .rt-CheckboxCardsItem:where(.xl\:rt-r-size-2) {
+    --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+  }
+  .rt-CheckboxCardsItem:where(.xl\:rt-r-size-3) {
+    --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+  }
+  .rt-CheckboxCardsItem:where(.xl\:rt-r-size-4) {
+    --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+  }
+  .rt-CheckboxCardsItem:where(.xl\:rt-r-size-5) {
+    --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+  }
+}
 .rt-CheckboxGroupRoot {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -12201,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']) {
@@ -12237,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;
@@ -12277,7 +12380,6 @@
   .rt-BaseMenuItem {
     -webkit-transition: none;
     transition: none;
-    backdrop-filter: none;
   }
 }
 .rt-BaseMenuShortcut {
@@ -12340,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;
@@ -12350,22 +12452,21 @@
 :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);
-  border-radius: var(--radius-3);
+  border-radius: var(--radius-surface-3);
 }
 .rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-BaseMenuItem) {
   gap: var(--component-gap-2);
@@ -12384,26 +12485,21 @@
   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);
-  border-radius: var(--radius-5);
+  border-radius: var(--radius-surface-5);
 }
 .rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-BaseMenuItem) {
   gap: var(--component-gap-3);
@@ -12422,63 +12518,55 @@
   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);
-  border-radius: var(--radius-6);
+  border-radius: var(--radius-surface-6);
 }
 .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);
-    border-radius: var(--radius-3);
+    border-radius: var(--radius-surface-3);
   }
   .rt-BaseMenuContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuItem) {
     gap: var(--component-gap-2);
@@ -12497,26 +12585,21 @@
     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);
-    border-radius: var(--radius-5);
+    border-radius: var(--radius-surface-5);
   }
   .rt-BaseMenuContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuItem) {
     gap: var(--component-gap-3);
@@ -12535,64 +12618,56 @@
     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);
-    border-radius: var(--radius-6);
+    border-radius: var(--radius-surface-6);
   }
   .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);
-    border-radius: var(--radius-3);
+    border-radius: var(--radius-surface-3);
   }
   .rt-BaseMenuContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuItem) {
     gap: var(--component-gap-2);
@@ -12611,26 +12686,21 @@
     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);
-    border-radius: var(--radius-5);
+    border-radius: var(--radius-surface-5);
   }
   .rt-BaseMenuContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuItem) {
     gap: var(--component-gap-3);
@@ -12649,64 +12719,56 @@
     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);
-    border-radius: var(--radius-6);
+    border-radius: var(--radius-surface-6);
   }
   .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);
-    border-radius: var(--radius-3);
+    border-radius: var(--radius-surface-3);
   }
   .rt-BaseMenuContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuItem) {
     gap: var(--component-gap-2);
@@ -12725,26 +12787,21 @@
     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);
-    border-radius: var(--radius-5);
+    border-radius: var(--radius-surface-5);
   }
   .rt-BaseMenuContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuItem) {
     gap: var(--component-gap-3);
@@ -12763,64 +12820,56 @@
     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);
-    border-radius: var(--radius-6);
+    border-radius: var(--radius-surface-6);
   }
   .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);
-    border-radius: var(--radius-3);
+    border-radius: var(--radius-surface-3);
   }
   .rt-BaseMenuContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuItem) {
     gap: var(--component-gap-2);
@@ -12839,26 +12888,21 @@
     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);
-    border-radius: var(--radius-5);
+    border-radius: var(--radius-surface-5);
   }
   .rt-BaseMenuContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuItem) {
     gap: var(--component-gap-3);
@@ -12877,64 +12921,56 @@
     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);
-    border-radius: var(--radius-6);
+    border-radius: var(--radius-surface-6);
   }
   .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);
-    border-radius: var(--radius-3);
+    border-radius: var(--radius-surface-3);
   }
   .rt-BaseMenuContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuItem) {
     gap: var(--component-gap-2);
@@ -12953,26 +12989,21 @@
     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);
-    border-radius: var(--radius-5);
+    border-radius: var(--radius-surface-5);
   }
   .rt-BaseMenuContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuItem) {
     gap: var(--component-gap-3);
@@ -12991,54 +13022,45 @@
     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);
-    border-radius: var(--radius-6);
+    border-radius: var(--radius-surface-6);
   }
   .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]) {
@@ -13049,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]) {
@@ -13126,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) {
@@ -14003,117 +13999,58 @@
   }
   .rt-Button:where(.xl\:rt-r-size-4) :where(.rt-DropdownMenuTriggerIcon) {
     width: var(--trigger-icon-size-4);
-    height: var(--trigger-icon-size-4);
-  }
-}
-.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 {
-  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);
+    height: var(--trigger-icon-size-4);
+  }
 }
-.rt-DropdownMenuDrillDownBackLabel {
-  color: var(--gray-12);
+.rt-DropdownMenuDrillDownRoot {
+  display: contents;
 }
-.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-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-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
 }
-: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);
+.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active])) {
+  display: contents;
 }
-.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(:not(.rt-DropdownMenuDrillDownPanel,.rt-BaseMenuGroup,.rt-BaseMenuRadioGroup)) {
+  display: none;
 }
-: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);
+:is(.rt-DropdownMenuDrillDownRoot:where([data-drill-down-active]),.rt-DropdownMenuDrillDownPanel:where(:not([data-drill-down-active]))) > :where(.rt-BaseMenuGroup,.rt-BaseMenuRadioGroup) {
+  display: contents;
 }
-@media (forced-colors: active) {
-  .rt-DropdownMenuDrillDownBackItem:where(:focus-visible) {
-    outline: 2px solid Highlight;
-    outline-offset: 2px;
-  }
+.rt-DropdownMenuDrillDownBackItem {
+  font-weight: var(--font-weight-medium);
+}
+.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 {
@@ -14823,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);
@@ -14833,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);
@@ -14903,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);
@@ -14912,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) {
@@ -15324,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;
@@ -15351,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;
@@ -15361,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) {
-  --base-menu-item-padding-left: calc(var(--space-5) / 1.2);
-}
-.rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-ComboboxLabel) {
+.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-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;
@@ -15462,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;
@@ -15921,84 +15818,84 @@
 }
 .rt-HoverCardContent:where(.rt-r-size-1) {
   --hover-card-content-padding: var(--space-3);
-  border-radius: var(--radius-4);
+  border-radius: var(--radius-surface-4);
 }
 .rt-HoverCardContent:where(.rt-r-size-2) {
   --hover-card-content-padding: var(--space-4);
-  border-radius: var(--radius-4);
+  border-radius: var(--radius-surface-4);
 }
 .rt-HoverCardContent:where(.rt-r-size-3) {
   --hover-card-content-padding: var(--space-5);
-  border-radius: var(--radius-5);
+  border-radius: var(--radius-surface-5);
 }
 @media (min-width: 520px) {
   .rt-HoverCardContent:where(.xs\:rt-r-size-1) {
     --hover-card-content-padding: var(--space-3);
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
   }
   .rt-HoverCardContent:where(.xs\:rt-r-size-2) {
     --hover-card-content-padding: var(--space-4);
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
   }
   .rt-HoverCardContent:where(.xs\:rt-r-size-3) {
     --hover-card-content-padding: var(--space-5);
-    border-radius: var(--radius-5);
+    border-radius: var(--radius-surface-5);
   }
 }
 @media (min-width: 768px) {
   .rt-HoverCardContent:where(.sm\:rt-r-size-1) {
     --hover-card-content-padding: var(--space-3);
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
   }
   .rt-HoverCardContent:where(.sm\:rt-r-size-2) {
     --hover-card-content-padding: var(--space-4);
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
   }
   .rt-HoverCardContent:where(.sm\:rt-r-size-3) {
     --hover-card-content-padding: var(--space-5);
-    border-radius: var(--radius-5);
+    border-radius: var(--radius-surface-5);
   }
 }
 @media (min-width: 1024px) {
   .rt-HoverCardContent:where(.md\:rt-r-size-1) {
     --hover-card-content-padding: var(--space-3);
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
   }
   .rt-HoverCardContent:where(.md\:rt-r-size-2) {
     --hover-card-content-padding: var(--space-4);
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
   }
   .rt-HoverCardContent:where(.md\:rt-r-size-3) {
     --hover-card-content-padding: var(--space-5);
-    border-radius: var(--radius-5);
+    border-radius: var(--radius-surface-5);
   }
 }
 @media (min-width: 1280px) {
   .rt-HoverCardContent:where(.lg\:rt-r-size-1) {
     --hover-card-content-padding: var(--space-3);
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
   }
   .rt-HoverCardContent:where(.lg\:rt-r-size-2) {
     --hover-card-content-padding: var(--space-4);
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
   }
   .rt-HoverCardContent:where(.lg\:rt-r-size-3) {
     --hover-card-content-padding: var(--space-5);
-    border-radius: var(--radius-5);
+    border-radius: var(--radius-surface-5);
   }
 }
 @media (min-width: 1640px) {
   .rt-HoverCardContent:where(.xl\:rt-r-size-1) {
     --hover-card-content-padding: var(--space-3);
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
   }
   .rt-HoverCardContent:where(.xl\:rt-r-size-2) {
     --hover-card-content-padding: var(--space-4);
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
   }
   .rt-HoverCardContent:where(.xl\:rt-r-size-3) {
     --hover-card-content-padding: var(--space-5);
-    border-radius: var(--radius-5);
+    border-radius: var(--radius-surface-5);
   }
 }
 .rt-IconButton {
@@ -17660,131 +17557,131 @@
 .rt-PopoverContent:where(.rt-r-size-1) {
   --popover-content-padding: var(--space-3);
   --popover-toolbar-padding: var(--space-2);
-  border-radius: min(var(--radius-3), calc(var(--radius-1) + var(--space-2)));
+  border-radius: min(var(--radius-surface-3), calc(var(--radius-surface-1) + var(--space-2)));
 }
 .rt-PopoverContent:where(.rt-r-size-2) {
   --popover-content-padding: var(--space-4);
   --popover-toolbar-padding: var(--space-2);
-  border-radius: min(var(--radius-4), calc(var(--radius-2) + var(--space-3)));
+  border-radius: min(var(--radius-surface-4), calc(var(--radius-surface-2) + var(--space-3)));
 }
 .rt-PopoverContent:where(.rt-r-size-3) {
   --popover-content-padding: var(--space-5);
   --popover-toolbar-padding: var(--space-3);
-  border-radius: min(var(--radius-5), calc(var(--radius-3) + var(--space-4)));
+  border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-3) + var(--space-4)));
 }
 .rt-PopoverContent:where(.rt-r-size-4) {
   --popover-content-padding: var(--space-6);
   --popover-toolbar-padding: var(--space-4);
-  border-radius: min(var(--radius-6), calc(var(--radius-4) + var(--space-5)));
+  border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-4) + var(--space-5)));
 }
 @media (min-width: 520px) {
   .rt-PopoverContent:where(.xs\:rt-r-size-1) {
     --popover-content-padding: var(--space-3);
     --popover-toolbar-padding: var(--space-2);
-    border-radius: min(var(--radius-3), calc(var(--radius-1) + var(--space-2)));
+    border-radius: min(var(--radius-surface-3), calc(var(--radius-surface-1) + var(--space-2)));
   }
   .rt-PopoverContent:where(.xs\:rt-r-size-2) {
     --popover-content-padding: var(--space-4);
     --popover-toolbar-padding: var(--space-2);
-    border-radius: min(var(--radius-4), calc(var(--radius-2) + var(--space-3)));
+    border-radius: min(var(--radius-surface-4), calc(var(--radius-surface-2) + var(--space-3)));
   }
   .rt-PopoverContent:where(.xs\:rt-r-size-3) {
     --popover-content-padding: var(--space-5);
     --popover-toolbar-padding: var(--space-3);
-    border-radius: min(var(--radius-5), calc(var(--radius-3) + var(--space-4)));
+    border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-3) + var(--space-4)));
   }
   .rt-PopoverContent:where(.xs\:rt-r-size-4) {
     --popover-content-padding: var(--space-6);
     --popover-toolbar-padding: var(--space-4);
-    border-radius: min(var(--radius-6), calc(var(--radius-4) + var(--space-5)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-4) + var(--space-5)));
   }
 }
 @media (min-width: 768px) {
   .rt-PopoverContent:where(.sm\:rt-r-size-1) {
     --popover-content-padding: var(--space-3);
     --popover-toolbar-padding: var(--space-2);
-    border-radius: min(var(--radius-3), calc(var(--radius-1) + var(--space-2)));
+    border-radius: min(var(--radius-surface-3), calc(var(--radius-surface-1) + var(--space-2)));
   }
   .rt-PopoverContent:where(.sm\:rt-r-size-2) {
     --popover-content-padding: var(--space-4);
     --popover-toolbar-padding: var(--space-2);
-    border-radius: min(var(--radius-4), calc(var(--radius-2) + var(--space-3)));
+    border-radius: min(var(--radius-surface-4), calc(var(--radius-surface-2) + var(--space-3)));
   }
   .rt-PopoverContent:where(.sm\:rt-r-size-3) {
     --popover-content-padding: var(--space-5);
     --popover-toolbar-padding: var(--space-3);
-    border-radius: min(var(--radius-5), calc(var(--radius-3) + var(--space-4)));
+    border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-3) + var(--space-4)));
   }
   .rt-PopoverContent:where(.sm\:rt-r-size-4) {
     --popover-content-padding: var(--space-6);
     --popover-toolbar-padding: var(--space-4);
-    border-radius: min(var(--radius-6), calc(var(--radius-4) + var(--space-5)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-4) + var(--space-5)));
   }
 }
 @media (min-width: 1024px) {
   .rt-PopoverContent:where(.md\:rt-r-size-1) {
     --popover-content-padding: var(--space-3);
     --popover-toolbar-padding: var(--space-2);
-    border-radius: min(var(--radius-3), calc(var(--radius-1) + var(--space-2)));
+    border-radius: min(var(--radius-surface-3), calc(var(--radius-surface-1) + var(--space-2)));
   }
   .rt-PopoverContent:where(.md\:rt-r-size-2) {
     --popover-content-padding: var(--space-4);
     --popover-toolbar-padding: var(--space-2);
-    border-radius: min(var(--radius-4), calc(var(--radius-2) + var(--space-3)));
+    border-radius: min(var(--radius-surface-4), calc(var(--radius-surface-2) + var(--space-3)));
   }
   .rt-PopoverContent:where(.md\:rt-r-size-3) {
     --popover-content-padding: var(--space-5);
     --popover-toolbar-padding: var(--space-3);
-    border-radius: min(var(--radius-5), calc(var(--radius-3) + var(--space-4)));
+    border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-3) + var(--space-4)));
   }
   .rt-PopoverContent:where(.md\:rt-r-size-4) {
     --popover-content-padding: var(--space-6);
     --popover-toolbar-padding: var(--space-4);
-    border-radius: min(var(--radius-6), calc(var(--radius-4) + var(--space-5)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-4) + var(--space-5)));
   }
 }
 @media (min-width: 1280px) {
   .rt-PopoverContent:where(.lg\:rt-r-size-1) {
     --popover-content-padding: var(--space-3);
     --popover-toolbar-padding: var(--space-2);
-    border-radius: min(var(--radius-3), calc(var(--radius-1) + var(--space-2)));
+    border-radius: min(var(--radius-surface-3), calc(var(--radius-surface-1) + var(--space-2)));
   }
   .rt-PopoverContent:where(.lg\:rt-r-size-2) {
     --popover-content-padding: var(--space-4);
     --popover-toolbar-padding: var(--space-2);
-    border-radius: min(var(--radius-4), calc(var(--radius-2) + var(--space-3)));
+    border-radius: min(var(--radius-surface-4), calc(var(--radius-surface-2) + var(--space-3)));
   }
   .rt-PopoverContent:where(.lg\:rt-r-size-3) {
     --popover-content-padding: var(--space-5);
     --popover-toolbar-padding: var(--space-3);
-    border-radius: min(var(--radius-5), calc(var(--radius-3) + var(--space-4)));
+    border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-3) + var(--space-4)));
   }
   .rt-PopoverContent:where(.lg\:rt-r-size-4) {
     --popover-content-padding: var(--space-6);
     --popover-toolbar-padding: var(--space-4);
-    border-radius: min(var(--radius-6), calc(var(--radius-4) + var(--space-5)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-4) + var(--space-5)));
   }
 }
 @media (min-width: 1640px) {
   .rt-PopoverContent:where(.xl\:rt-r-size-1) {
     --popover-content-padding: var(--space-3);
     --popover-toolbar-padding: var(--space-2);
-    border-radius: min(var(--radius-3), calc(var(--radius-1) + var(--space-2)));
+    border-radius: min(var(--radius-surface-3), calc(var(--radius-surface-1) + var(--space-2)));
   }
   .rt-PopoverContent:where(.xl\:rt-r-size-2) {
     --popover-content-padding: var(--space-4);
     --popover-toolbar-padding: var(--space-2);
-    border-radius: min(var(--radius-4), calc(var(--radius-2) + var(--space-3)));
+    border-radius: min(var(--radius-surface-4), calc(var(--radius-surface-2) + var(--space-3)));
   }
   .rt-PopoverContent:where(.xl\:rt-r-size-3) {
     --popover-content-padding: var(--space-5);
     --popover-toolbar-padding: var(--space-3);
-    border-radius: min(var(--radius-5), calc(var(--radius-3) + var(--space-4)));
+    border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-3) + var(--space-4)));
   }
   .rt-PopoverContent:where(.xl\:rt-r-size-4) {
     --popover-content-padding: var(--space-6);
     --popover-toolbar-padding: var(--space-4);
-    border-radius: min(var(--radius-6), calc(var(--radius-4) + var(--space-5)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-4) + var(--space-5)));
   }
 }
 .rt-ProgressRoot {
@@ -18791,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']) {
@@ -18804,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) {
@@ -18812,6 +18707,106 @@
   cursor: var(--cursor-disabled);
   color: var(--gray-a9);
 }
+.rt-RadioCardsItem:where(.rt-r-size-1) {
+  --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+}
+.rt-RadioCardsItem:where(.rt-r-size-2) {
+  --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+}
+.rt-RadioCardsItem:where(.rt-r-size-3) {
+  --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+}
+.rt-RadioCardsItem:where(.rt-r-size-4) {
+  --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+}
+.rt-RadioCardsItem:where(.rt-r-size-5) {
+  --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+}
+@media (min-width: 520px) {
+  .rt-RadioCardsItem:where(.xs\:rt-r-size-1) {
+    --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+  }
+  .rt-RadioCardsItem:where(.xs\:rt-r-size-2) {
+    --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+  }
+  .rt-RadioCardsItem:where(.xs\:rt-r-size-3) {
+    --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+  }
+  .rt-RadioCardsItem:where(.xs\:rt-r-size-4) {
+    --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+  }
+  .rt-RadioCardsItem:where(.xs\:rt-r-size-5) {
+    --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+  }
+}
+@media (min-width: 768px) {
+  .rt-RadioCardsItem:where(.sm\:rt-r-size-1) {
+    --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+  }
+  .rt-RadioCardsItem:where(.sm\:rt-r-size-2) {
+    --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+  }
+  .rt-RadioCardsItem:where(.sm\:rt-r-size-3) {
+    --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+  }
+  .rt-RadioCardsItem:where(.sm\:rt-r-size-4) {
+    --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+  }
+  .rt-RadioCardsItem:where(.sm\:rt-r-size-5) {
+    --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+  }
+}
+@media (min-width: 1024px) {
+  .rt-RadioCardsItem:where(.md\:rt-r-size-1) {
+    --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+  }
+  .rt-RadioCardsItem:where(.md\:rt-r-size-2) {
+    --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+  }
+  .rt-RadioCardsItem:where(.md\:rt-r-size-3) {
+    --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+  }
+  .rt-RadioCardsItem:where(.md\:rt-r-size-4) {
+    --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+  }
+  .rt-RadioCardsItem:where(.md\:rt-r-size-5) {
+    --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+  }
+}
+@media (min-width: 1280px) {
+  .rt-RadioCardsItem:where(.lg\:rt-r-size-1) {
+    --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+  }
+  .rt-RadioCardsItem:where(.lg\:rt-r-size-2) {
+    --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+  }
+  .rt-RadioCardsItem:where(.lg\:rt-r-size-3) {
+    --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+  }
+  .rt-RadioCardsItem:where(.lg\:rt-r-size-4) {
+    --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+  }
+  .rt-RadioCardsItem:where(.lg\:rt-r-size-5) {
+    --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+  }
+}
+@media (min-width: 1640px) {
+  .rt-RadioCardsItem:where(.xl\:rt-r-size-1) {
+    --base-card-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+  }
+  .rt-RadioCardsItem:where(.xl\:rt-r-size-2) {
+    --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+  }
+  .rt-RadioCardsItem:where(.xl\:rt-r-size-3) {
+    --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+  }
+  .rt-RadioCardsItem:where(.xl\:rt-r-size-4) {
+    --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+  }
+  .rt-RadioCardsItem:where(.xl\:rt-r-size-5) {
+    --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+  }
+}
 .rt-RadioGroupRoot {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -19025,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);
@@ -19056,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);
@@ -19165,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])) {
@@ -20775,7 +20769,7 @@
   --select-item-height: var(--space-5);
   --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
   --select-separator-margin-right: var(--space-2);
-  border-radius: var(--radius-3);
+  border-radius: var(--radius-surface-3);
 }
 .rt-SelectContent:where(.rt-r-size-1) :where(.rt-SelectLabel) {
   font-size: var(--font-size-1);
@@ -20797,7 +20791,7 @@
   --select-item-height: var(--space-6);
   --select-item-indicator-width: var(--space-5);
   --select-separator-margin-right: var(--space-3);
-  border-radius: var(--radius-4);
+  border-radius: var(--radius-surface-4);
 }
 .rt-SelectContent:where(.rt-r-size-2,.rt-r-size-3) :where(.rt-SelectLabel) {
   font-size: var(--font-size-2);
@@ -20830,7 +20824,7 @@
     --select-item-height: var(--space-5);
     --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
     --select-separator-margin-right: var(--space-2);
-    border-radius: var(--radius-3);
+    border-radius: var(--radius-surface-3);
   }
   .rt-SelectContent:where(.xs\:rt-r-size-1) :where(.rt-SelectLabel) {
     font-size: var(--font-size-1);
@@ -20852,7 +20846,7 @@
     --select-item-height: var(--space-6);
     --select-item-indicator-width: var(--space-5);
     --select-separator-margin-right: var(--space-3);
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
   }
   .rt-SelectContent:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3) :where(.rt-SelectLabel) {
     font-size: var(--font-size-2);
@@ -20886,7 +20880,7 @@
     --select-item-height: var(--space-5);
     --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
     --select-separator-margin-right: var(--space-2);
-    border-radius: var(--radius-3);
+    border-radius: var(--radius-surface-3);
   }
   .rt-SelectContent:where(.sm\:rt-r-size-1) :where(.rt-SelectLabel) {
     font-size: var(--font-size-1);
@@ -20908,7 +20902,7 @@
     --select-item-height: var(--space-6);
     --select-item-indicator-width: var(--space-5);
     --select-separator-margin-right: var(--space-3);
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
   }
   .rt-SelectContent:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3) :where(.rt-SelectLabel) {
     font-size: var(--font-size-2);
@@ -20942,7 +20936,7 @@
     --select-item-height: var(--space-5);
     --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
     --select-separator-margin-right: var(--space-2);
-    border-radius: var(--radius-3);
+    border-radius: var(--radius-surface-3);
   }
   .rt-SelectContent:where(.md\:rt-r-size-1) :where(.rt-SelectLabel) {
     font-size: var(--font-size-1);
@@ -20964,7 +20958,7 @@
     --select-item-height: var(--space-6);
     --select-item-indicator-width: var(--space-5);
     --select-separator-margin-right: var(--space-3);
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
   }
   .rt-SelectContent:where(.md\:rt-r-size-2,.md\:rt-r-size-3) :where(.rt-SelectLabel) {
     font-size: var(--font-size-2);
@@ -20998,7 +20992,7 @@
     --select-item-height: var(--space-5);
     --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
     --select-separator-margin-right: var(--space-2);
-    border-radius: var(--radius-3);
+    border-radius: var(--radius-surface-3);
   }
   .rt-SelectContent:where(.lg\:rt-r-size-1) :where(.rt-SelectLabel) {
     font-size: var(--font-size-1);
@@ -21020,7 +21014,7 @@
     --select-item-height: var(--space-6);
     --select-item-indicator-width: var(--space-5);
     --select-separator-margin-right: var(--space-3);
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
   }
   .rt-SelectContent:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3) :where(.rt-SelectLabel) {
     font-size: var(--font-size-2);
@@ -21054,7 +21048,7 @@
     --select-item-height: var(--space-5);
     --select-item-indicator-width: calc(var(--space-5) / var(--select-item-indicator-width-factor));
     --select-separator-margin-right: var(--space-2);
-    border-radius: var(--radius-3);
+    border-radius: var(--radius-surface-3);
   }
   .rt-SelectContent:where(.xl\:rt-r-size-1) :where(.rt-SelectLabel) {
     font-size: var(--font-size-1);
@@ -21076,7 +21070,7 @@
     --select-item-height: var(--space-6);
     --select-item-indicator-width: var(--space-5);
     --select-separator-margin-right: var(--space-3);
-    border-radius: var(--radius-4);
+    border-radius: var(--radius-surface-4);
   }
   .rt-SelectContent:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3) :where(.rt-SelectLabel) {
     font-size: var(--font-size-2);
@@ -24621,7 +24615,7 @@
 .rt-ShellBottom[data-inset] {
   --shell-inset-gap: var(--space-2);
   margin: var(--shell-inset-gap);
-  border-radius: var(--radius-3);
+  border-radius: var(--radius-surface-3);
   background: var(--color-background);
   -webkit-box-shadow: var(--shadow-2);
           box-shadow: var(--shadow-2);
@@ -24662,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;
@@ -25931,7 +25925,7 @@
   font-weight: normal;
 }
 .rt-TableRoot:where(.rt-r-size-1) {
-  --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+  --table-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
   --table-cell-padding: var(--space-2);
   --table-cell-min-height: calc(36px * var(--scaling));
 }
@@ -25940,7 +25934,7 @@
   line-height: var(--line-height-2);
 }
 .rt-TableRoot:where(.rt-r-size-2) {
-  --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+  --table-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
   --table-cell-padding: var(--space-3);
   --table-cell-min-height: calc(44px * var(--scaling));
 }
@@ -25949,7 +25943,7 @@
   line-height: var(--line-height-2);
 }
 .rt-TableRoot:where(.rt-r-size-3) {
-  --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+  --table-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
   --table-cell-padding: var(--space-4);
   --table-cell-min-height: var(--space-8);
 }
@@ -25958,7 +25952,7 @@
   line-height: var(--line-height-3);
 }
 .rt-TableRoot:where(.rt-r-size-4) {
-  --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+  --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
   --table-cell-padding: var(--space-5);
   --table-cell-min-height: var(--space-9);
 }
@@ -25967,7 +25961,7 @@
   line-height: var(--line-height-3);
 }
 .rt-TableRoot:where(.rt-r-size-5) {
-  --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+  --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
   --table-cell-padding: var(--space-6);
   --table-cell-min-height: var(--space-10);
 }
@@ -25977,7 +25971,7 @@
 }
 @media (min-width: 520px) {
   .rt-TableRoot:where(.xs\:rt-r-size-1) {
-    --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    --table-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
     --table-cell-padding: var(--space-2);
     --table-cell-min-height: calc(36px * var(--scaling));
   }
@@ -25986,7 +25980,7 @@
     line-height: var(--line-height-2);
   }
   .rt-TableRoot:where(.xs\:rt-r-size-2) {
-    --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    --table-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     --table-cell-padding: var(--space-3);
     --table-cell-min-height: calc(44px * var(--scaling));
   }
@@ -25995,7 +25989,7 @@
     line-height: var(--line-height-2);
   }
   .rt-TableRoot:where(.xs\:rt-r-size-3) {
-    --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    --table-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     --table-cell-padding: var(--space-4);
     --table-cell-min-height: var(--space-8);
   }
@@ -26004,7 +25998,7 @@
     line-height: var(--line-height-3);
   }
   .rt-TableRoot:where(.xs\:rt-r-size-4) {
-    --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
     --table-cell-padding: var(--space-5);
     --table-cell-min-height: var(--space-9);
   }
@@ -26013,7 +26007,7 @@
     line-height: var(--line-height-3);
   }
   .rt-TableRoot:where(.xs\:rt-r-size-5) {
-    --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
     --table-cell-padding: var(--space-6);
     --table-cell-min-height: var(--space-10);
   }
@@ -26024,7 +26018,7 @@
 }
 @media (min-width: 768px) {
   .rt-TableRoot:where(.sm\:rt-r-size-1) {
-    --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    --table-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
     --table-cell-padding: var(--space-2);
     --table-cell-min-height: calc(36px * var(--scaling));
   }
@@ -26033,7 +26027,7 @@
     line-height: var(--line-height-2);
   }
   .rt-TableRoot:where(.sm\:rt-r-size-2) {
-    --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    --table-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     --table-cell-padding: var(--space-3);
     --table-cell-min-height: calc(44px * var(--scaling));
   }
@@ -26042,7 +26036,7 @@
     line-height: var(--line-height-2);
   }
   .rt-TableRoot:where(.sm\:rt-r-size-3) {
-    --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    --table-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     --table-cell-padding: var(--space-4);
     --table-cell-min-height: var(--space-8);
   }
@@ -26051,7 +26045,7 @@
     line-height: var(--line-height-3);
   }
   .rt-TableRoot:where(.sm\:rt-r-size-4) {
-    --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
     --table-cell-padding: var(--space-5);
     --table-cell-min-height: var(--space-9);
   }
@@ -26060,7 +26054,7 @@
     line-height: var(--line-height-3);
   }
   .rt-TableRoot:where(.sm\:rt-r-size-5) {
-    --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
     --table-cell-padding: var(--space-6);
     --table-cell-min-height: var(--space-10);
   }
@@ -26071,7 +26065,7 @@
 }
 @media (min-width: 1024px) {
   .rt-TableRoot:where(.md\:rt-r-size-1) {
-    --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    --table-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
     --table-cell-padding: var(--space-2);
     --table-cell-min-height: calc(36px * var(--scaling));
   }
@@ -26080,7 +26074,7 @@
     line-height: var(--line-height-2);
   }
   .rt-TableRoot:where(.md\:rt-r-size-2) {
-    --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    --table-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     --table-cell-padding: var(--space-3);
     --table-cell-min-height: calc(44px * var(--scaling));
   }
@@ -26089,7 +26083,7 @@
     line-height: var(--line-height-2);
   }
   .rt-TableRoot:where(.md\:rt-r-size-3) {
-    --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    --table-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     --table-cell-padding: var(--space-4);
     --table-cell-min-height: var(--space-8);
   }
@@ -26098,7 +26092,7 @@
     line-height: var(--line-height-3);
   }
   .rt-TableRoot:where(.md\:rt-r-size-4) {
-    --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
     --table-cell-padding: var(--space-5);
     --table-cell-min-height: var(--space-9);
   }
@@ -26107,7 +26101,7 @@
     line-height: var(--line-height-3);
   }
   .rt-TableRoot:where(.md\:rt-r-size-5) {
-    --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
     --table-cell-padding: var(--space-6);
     --table-cell-min-height: var(--space-10);
   }
@@ -26118,7 +26112,7 @@
 }
 @media (min-width: 1280px) {
   .rt-TableRoot:where(.lg\:rt-r-size-1) {
-    --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    --table-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
     --table-cell-padding: var(--space-2);
     --table-cell-min-height: calc(36px * var(--scaling));
   }
@@ -26127,7 +26121,7 @@
     line-height: var(--line-height-2);
   }
   .rt-TableRoot:where(.lg\:rt-r-size-2) {
-    --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    --table-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     --table-cell-padding: var(--space-3);
     --table-cell-min-height: calc(44px * var(--scaling));
   }
@@ -26136,7 +26130,7 @@
     line-height: var(--line-height-2);
   }
   .rt-TableRoot:where(.lg\:rt-r-size-3) {
-    --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    --table-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     --table-cell-padding: var(--space-4);
     --table-cell-min-height: var(--space-8);
   }
@@ -26145,7 +26139,7 @@
     line-height: var(--line-height-3);
   }
   .rt-TableRoot:where(.lg\:rt-r-size-4) {
-    --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
     --table-cell-padding: var(--space-5);
     --table-cell-min-height: var(--space-9);
   }
@@ -26154,7 +26148,7 @@
     line-height: var(--line-height-3);
   }
   .rt-TableRoot:where(.lg\:rt-r-size-5) {
-    --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
     --table-cell-padding: var(--space-6);
     --table-cell-min-height: var(--space-10);
   }
@@ -26165,7 +26159,7 @@
 }
 @media (min-width: 1640px) {
   .rt-TableRoot:where(.xl\:rt-r-size-1) {
-    --table-border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    --table-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
     --table-cell-padding: var(--space-2);
     --table-cell-min-height: calc(36px * var(--scaling));
   }
@@ -26174,7 +26168,7 @@
     line-height: var(--line-height-2);
   }
   .rt-TableRoot:where(.xl\:rt-r-size-2) {
-    --table-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    --table-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     --table-cell-padding: var(--space-3);
     --table-cell-min-height: calc(44px * var(--scaling));
   }
@@ -26183,7 +26177,7 @@
     line-height: var(--line-height-2);
   }
   .rt-TableRoot:where(.xl\:rt-r-size-3) {
-    --table-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    --table-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     --table-cell-padding: var(--space-4);
     --table-cell-min-height: var(--space-8);
   }
@@ -26192,7 +26186,7 @@
     line-height: var(--line-height-3);
   }
   .rt-TableRoot:where(.xl\:rt-r-size-4) {
-    --table-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-4)));
+    --table-border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-4)));
     --table-cell-padding: var(--space-5);
     --table-cell-min-height: var(--space-9);
   }
@@ -26201,7 +26195,7 @@
     line-height: var(--line-height-3);
   }
   .rt-TableRoot:where(.xl\:rt-r-size-5) {
-    --table-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-5)));
+    --table-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-5)));
     --table-cell-padding: var(--space-6);
     --table-cell-min-height: var(--space-10);
   }
@@ -26655,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);
@@ -26666,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) {
@@ -26785,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);
@@ -26794,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) {
@@ -27127,7 +27117,7 @@
           box-sizing: border-box;
   padding: var(--space-1) var(--space-2);
   background-color: var(--gray-12);
-  border-radius: var(--radius-1);
+  border-radius: var(--radius-surface-1);
   z-index: 300;
   -webkit-transform-origin: var(--radix-tooltip-content-transform-origin);
           transform-origin: var(--radix-tooltip-content-transform-origin);
@@ -27209,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;
@@ -27231,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;
@@ -27277,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;
 }
@@ -27290,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);
@@ -27404,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);
 }
@@ -27413,68 +27416,56 @@
   --backdrop-filter-components: none;
 }
 .rt-ChatbarRoot:where(.rt-r-size-1) .rt-ChatbarBox {
-  border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+  border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
   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);
 }
 .rt-ChatbarRoot:where(.rt-r-size-2) .rt-ChatbarBox {
-  border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+  border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
   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);
 }
 .rt-ChatbarRoot:where(.rt-r-size-3) .rt-ChatbarBox {
-  border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+  border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
   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);
 }
 @media (min-width: 520px) {
   .rt-ChatbarRoot:where(.xs\:rt-r-size-1) .rt-ChatbarBox {
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     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);
   }
   .rt-ChatbarRoot:where(.xs\:rt-r-size-2) .rt-ChatbarBox {
-    border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     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);
   }
   .rt-ChatbarRoot:where(.xs\:rt-r-size-3) .rt-ChatbarBox {
-    border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     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);
@@ -27482,34 +27473,28 @@
 }
 @media (min-width: 768px) {
   .rt-ChatbarRoot:where(.sm\:rt-r-size-1) .rt-ChatbarBox {
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     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);
   }
   .rt-ChatbarRoot:where(.sm\:rt-r-size-2) .rt-ChatbarBox {
-    border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     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);
   }
   .rt-ChatbarRoot:where(.sm\:rt-r-size-3) .rt-ChatbarBox {
-    border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     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);
@@ -27517,34 +27502,28 @@
 }
 @media (min-width: 1024px) {
   .rt-ChatbarRoot:where(.md\:rt-r-size-1) .rt-ChatbarBox {
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     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);
   }
   .rt-ChatbarRoot:where(.md\:rt-r-size-2) .rt-ChatbarBox {
-    border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     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);
   }
   .rt-ChatbarRoot:where(.md\:rt-r-size-3) .rt-ChatbarBox {
-    border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     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);
@@ -27552,34 +27531,28 @@
 }
 @media (min-width: 1280px) {
   .rt-ChatbarRoot:where(.lg\:rt-r-size-1) .rt-ChatbarBox {
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     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);
   }
   .rt-ChatbarRoot:where(.lg\:rt-r-size-2) .rt-ChatbarBox {
-    border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     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);
   }
   .rt-ChatbarRoot:where(.lg\:rt-r-size-3) .rt-ChatbarBox {
-    border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     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);
@@ -27587,34 +27560,28 @@
 }
 @media (min-width: 1640px) {
   .rt-ChatbarRoot:where(.xl\:rt-r-size-1) .rt-ChatbarBox {
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
     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);
   }
   .rt-ChatbarRoot:where(.xl\:rt-r-size-2) .rt-ChatbarBox {
-    border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     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);
   }
   .rt-ChatbarRoot:where(.xl\:rt-r-size-3) .rt-ChatbarBox {
-    border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-3)));
+    border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-3)));
     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);
@@ -27685,67 +27652,67 @@
   }
 }
 .rt-ChatbarRoot:where([data-state='closed'].rt-r-size-1) .rt-ChatbarBox {
-  border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+  border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
 }
 .rt-ChatbarRoot:where([data-state='closed'].rt-r-size-2) .rt-ChatbarBox {
-  border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+  border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
 }
 .rt-ChatbarRoot:where([data-state='closed'].rt-r-size-3) .rt-ChatbarBox {
-  border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+  border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
 }
 @media (min-width: 520px) {
   .rt-ChatbarRoot:where([data-state='closed'].xs\:rt-r-size-1) .rt-ChatbarBox {
-    border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
   }
   .rt-ChatbarRoot:where([data-state='closed'].xs\:rt-r-size-2) .rt-ChatbarBox {
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
   }
   .rt-ChatbarRoot:where([data-state='closed'].xs\:rt-r-size-3) .rt-ChatbarBox {
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
   }
 }
 @media (min-width: 768px) {
   .rt-ChatbarRoot:where([data-state='closed'].sm\:rt-r-size-1) .rt-ChatbarBox {
-    border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
   }
   .rt-ChatbarRoot:where([data-state='closed'].sm\:rt-r-size-2) .rt-ChatbarBox {
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
   }
   .rt-ChatbarRoot:where([data-state='closed'].sm\:rt-r-size-3) .rt-ChatbarBox {
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
   }
 }
 @media (min-width: 1024px) {
   .rt-ChatbarRoot:where([data-state='closed'].md\:rt-r-size-1) .rt-ChatbarBox {
-    border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
   }
   .rt-ChatbarRoot:where([data-state='closed'].md\:rt-r-size-2) .rt-ChatbarBox {
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
   }
   .rt-ChatbarRoot:where([data-state='closed'].md\:rt-r-size-3) .rt-ChatbarBox {
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
   }
 }
 @media (min-width: 1280px) {
   .rt-ChatbarRoot:where([data-state='closed'].lg\:rt-r-size-1) .rt-ChatbarBox {
-    border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
   }
   .rt-ChatbarRoot:where([data-state='closed'].lg\:rt-r-size-2) .rt-ChatbarBox {
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
   }
   .rt-ChatbarRoot:where([data-state='closed'].lg\:rt-r-size-3) .rt-ChatbarBox {
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
   }
 }
 @media (min-width: 1640px) {
   .rt-ChatbarRoot:where([data-state='closed'].xl\:rt-r-size-1) .rt-ChatbarBox {
-    border-radius: min(var(--radius-5), calc(var(--radius-1) + var(--space-1)));
+    border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-1)));
   }
   .rt-ChatbarRoot:where([data-state='closed'].xl\:rt-r-size-2) .rt-ChatbarBox {
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
   }
   .rt-ChatbarRoot:where([data-state='closed'].xl\:rt-r-size-3) .rt-ChatbarBox {
-    border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-2)));
+    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-2)));
   }
 }
 .rt-ChatbarBox:where(.rt-variant-soft) {
@@ -27782,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;
@@ -27806,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));
   }
@@ -27840,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;
@@ -27892,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 {