@kushagradhawan/kookie-ui 0.3.23 → 0.6.2

package/components.css

@@ -31,8 +31,8 @@
 .rt-reset:where(textarea,input:not([type='button'],[type='image'],[type='reset'],[type='submit'],[type='checkbox'],[type='color'],[type='radio'],[type='range'])) {
     all: unset;
     display: block;
-    width: -webkit-fill-available;
     width: -moz-available;
+    width: -webkit-fill-available;
     width: stretch;
     font-weight: normal;
     font-style: normal;
@@ -123,8 +123,8 @@
 .rt-reset:where(iframe) {
     display: block;
     border: none;
-    width: -webkit-fill-available;
     width: -moz-available;
+    width: -webkit-fill-available;
     width: stretch;
 }
 .rt-reset:where(ins,u) {
@@ -159,8 +159,8 @@
 }
 .rt-reset:where(video) {
     display: block;
-    width: -webkit-fill-available;
     width: -moz-available;
+    width: -webkit-fill-available;
     width: stretch;
 }
 .rt-reset:where(:-moz-any-link) {
@@ -1087,10 +1087,10 @@
     letter-spacing: var(--letter-spacing, inherit);
 }
 .rt-Text:where(.rt-r-ff-sans) {
-    font-family: var(--default-font-family-sans);
+    font-family: var(--font-sans);
 }
 .rt-Text:where(.rt-r-ff-mono) {
-    font-family: var(--default-font-family-mono);
+    font-family: var(--font-mono);
 }
 .rt-Text:where(.rt-r-ff-serif) {
     font-family: var(--font-serif);
@@ -1532,85 +1532,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)) {
@@ -2247,108 +2247,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) {
@@ -5025,7 +5025,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);
 }
@@ -5035,7 +5035,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);
 }
@@ -5045,7 +5045,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);
 }
@@ -5055,7 +5055,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);
 }
@@ -5065,7 +5065,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);
 }
@@ -5076,7 +5076,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);
     }
@@ -5086,7 +5086,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);
     }
@@ -5096,7 +5096,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);
     }
@@ -5106,7 +5106,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);
     }
@@ -5116,7 +5116,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);
     }
@@ -5128,7 +5128,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);
     }
@@ -5138,7 +5138,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);
     }
@@ -5148,7 +5148,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);
     }
@@ -5158,7 +5158,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);
     }
@@ -5168,7 +5168,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);
     }
@@ -5180,7 +5180,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);
     }
@@ -5190,7 +5190,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);
     }
@@ -5200,7 +5200,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);
     }
@@ -5210,7 +5210,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);
     }
@@ -5220,7 +5220,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);
     }
@@ -5232,7 +5232,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);
     }
@@ -5242,7 +5242,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);
     }
@@ -5252,7 +5252,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);
     }
@@ -5262,7 +5262,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);
     }
@@ -5272,7 +5272,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);
     }
@@ -5284,7 +5284,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);
     }
@@ -5294,7 +5294,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);
     }
@@ -5304,7 +5304,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);
     }
@@ -5314,7 +5314,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);
     }
@@ -5324,7 +5324,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);
     }
@@ -5471,35 +5471,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) {
@@ -5507,35 +5507,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) {
@@ -5544,35 +5544,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) {
@@ -5581,35 +5581,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) {
@@ -5618,35 +5618,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) {
@@ -5655,35 +5655,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']) {
@@ -5750,7 +5750,6 @@
     outline: inherit;
 }
 .rt-BaseCard:where(.rt-variant-outline,.rt-variant-soft,.rt-variant-surface):where(:focus-visible):where(:active:not([data-state='open']))::before {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
     background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
 }
 @media (hover: hover) {
@@ -5778,7 +5777,6 @@
         background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
     }
     .rt-BaseCard:where(.rt-variant-outline,.rt-variant-soft,.rt-variant-surface):where(:any-link,button,label):where(:active:not([data-state='open']))::before {
-        background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
         background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
     }
 }
@@ -5923,7 +5921,6 @@
         background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
     }
     .rt-BaseCard:where(.rt-variant-ghost):where(:any-link,button,label):where(:active:not([data-state='open']))::before {
-        background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
         background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
     }
 }
@@ -6011,7 +6008,6 @@
         background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
     }
     .rt-BaseCard:where(.rt-variant-classic):where(:any-link,button,label):where(:active:not([data-state='open']))::before {
-        background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
         background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
     }
 }
@@ -6020,7 +6016,6 @@
         background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
     }
     .rt-BaseCard:where(:any-link,button,label):where(:active:not(:focus-visible,[data-state='open']))::before {
-        background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
         background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
     }
 }
@@ -6035,7 +6030,6 @@
     outline: inherit;
 }
 .rt-Card:where(:focus-visible):where(:active:not([data-state='open']))::before {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
     background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
 }
 .rt-BaseCheckboxRoot {
@@ -6057,6 +6051,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 {
@@ -6100,101 +6096,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 {
@@ -6665,7 +6661,6 @@
 }
 @media (pointer: coarse) {
     .rt-CheckboxCardsItem:where(:active:not(:focus-visible))::before {
-        background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a4)), to(var(--gray-a4)));
         background-image: linear-gradient(var(--gray-a4), var(--gray-a4));
     }
 }
@@ -6674,7 +6669,6 @@
     color: var(--gray-a9);
 }
 .rt-CheckboxCardsItem:where(:has(:disabled))::before {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
 }
 .rt-CheckboxCardsItem:where(:has(:disabled))::-moz-selection {
@@ -6683,6 +6677,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;
@@ -7154,16 +7248,12 @@
     transition: var(--transition-background-blur);
     contain: paint;
     isolation: isolate;
-}
-.rt-BaseMenuContent:where([data-state='open']) {
-    will-change: transform, opacity;
+    --base-menu-item-padding-left: var(--base-menu-item-padding-left-indicator);
 }
 @media (prefers-reduced-motion: reduce) {
     .rt-BaseMenuContent {
         -webkit-transition: none;
         transition: none;
-        will-change: auto;
-        backdrop-filter: none;
     }
 }
 .rt-BaseMenuContent:where([data-panel-background='solid']) {
@@ -7190,10 +7280,6 @@
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
 }
-:where(.rt-BaseMenuContent:has(.rt-ScrollAreaScrollbar[data-orientation='vertical'])) .rt-BaseMenuViewport {
-    -webkit-padding-end: var(--space-3);
-            padding-inline-end: var(--space-3);
-}
 .rt-BaseMenuViewport:where(.rt-virtualized) {
     -webkit-padding-end: 0;
             padding-inline-end: 0;
@@ -7230,7 +7316,6 @@
     .rt-BaseMenuItem {
         -webkit-transition: none;
         transition: none;
-        backdrop-filter: none;
     }
 }
 .rt-BaseMenuShortcut {
@@ -7293,7 +7378,7 @@
             padding-inline-end: var(--base-menu-item-padding-right);
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
-    color: var(--gray-a10);
+    color: var(--gray-a11);
     -webkit-user-select: none;
        -moz-user-select: none;
         -ms-user-select: none;
@@ -7303,22 +7388,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);
@@ -7337,26 +7421,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);
@@ -7375,63 +7454,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);
@@ -7450,26 +7521,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);
@@ -7488,64 +7554,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);
@@ -7564,26 +7622,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);
@@ -7602,64 +7655,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);
@@ -7678,26 +7723,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);
@@ -7716,64 +7756,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);
@@ -7792,26 +7824,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);
@@ -7830,64 +7857,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);
@@ -7906,26 +7925,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);
@@ -7944,54 +7958,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]) {
@@ -8002,42 +8007,18 @@
     cursor: default;
 }
 .rt-BaseMenuItem :where(.rt-Text[data-accent-color='gray'], [data-accent-color='gray']:not(.rt-Badge)) {
-    color: var(--gray-a10);
+    color: var(--gray-a11);
+}
+.rt-BaseMenuItem:where([data-disabled]) .rt-Kbd {
+    color: var(--gray-a8);
 }
 :is(.rt-BaseMenuItem:where([data-disabled],[data-highlighted]),.rt-BaseMenuSubTrigger:where([data-state='open'])) :where(.rt-BaseMenuShortcut) {
     color: inherit;
 }
-.rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuSubTrigger) {
-    -webkit-transition: var(--transition-menu);
-    transition: var(--transition-menu);
-}
-@media (prefers-reduced-motion: reduce) {
-    .rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuSubTrigger) {
-        -webkit-transition: none;
-        transition: none;
-        backdrop-filter: none;
-    }
-}
-:where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuSubTrigger)) {
-    -webkit-transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
-    transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
-}
-:where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-solid,.rt-variant-soft) :where(.rt-BaseMenuItem)) {
-    -webkit-transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
-    transition: background var(--motion-duration-micro) var(--motion-ease-standard), color var(--motion-duration-small) var(--motion-ease-standard);
-}
 .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
     background-color: var(--gray-3);
 }
-:where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open'])) {
-    background-color: var(--gray-a3);
-}
-:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='solid']) {
-    background-color: var(--gray-3);
-    backdrop-filter: none;
-    --backdrop-filter-components: none;
-}
-:is(.rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='translucent']) {
+.rt-BaseMenuContent:where(.rt-variant-solid):where([data-panel-background='translucent']) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
     background-color: var(--gray-a3);
 }
 .rt-BaseMenuContent:where(.rt-variant-solid) :where(.rt-BaseMenuItem[data-highlighted]) {
@@ -8079,33 +8060,31 @@
 .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
     background-color: var(--accent-3);
 }
-:where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open'])) {
-    background-color: var(--accent-a3);
-}
-:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='solid']) {
-    background-color: var(--accent-3);
-    backdrop-filter: none;
-    --backdrop-filter-components: none;
-}
-:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuSubTrigger[data-state='open'])):where([data-panel-background='translucent']) {
+.rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent']) :where(.rt-BaseMenuSubTrigger[data-state='open']) {
     background-color: var(--accent-a3);
 }
 .rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]) {
     background-color: var(--accent-4);
 }
-:where([data-panel-background='translucent']) :is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) {
+:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']:not(.rt-Badge)) {
+    color: var(--gray-11) !important;
+}
+.rt-BaseMenuContent:where(.rt-variant-soft):where([data-panel-background='translucent']) :where(.rt-BaseMenuItem[data-highlighted]) {
     background-color: var(--accent-a4);
 }
-:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])):where([data-panel-background='solid']) {
-    background-color: var(--accent-4);
-    backdrop-filter: none;
-    --backdrop-filter-components: none;
+.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted]:focus-visible) {
+    -webkit-box-shadow: inset 0 0 0 1px var(--accent-a8);
+            box-shadow: inset 0 0 0 1px var(--accent-a8);
 }
-:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])):where([data-panel-background='translucent']) {
-    background-color: var(--accent-a4);
+.rt-BaseMenuContent:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted]) {
+    background-color: var(--accent-5);
+    color: var(--accent-12);
 }
-:is(.rt-BaseMenuContent:where(.rt-variant-soft) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-Text[data-accent-color='gray'],[data-accent-color='gray']:not(.rt-Badge)) {
-    color: var(--gray-11) !important;
+:is(.rt-BaseMenuContent:where(.rt-variant-soft):where(.rt-high-contrast) :where(.rt-BaseMenuItem[data-highlighted])) :where(.rt-BaseMenuSubTriggerIcon) {
+    color: var(--accent-12);
+}
+.rt-BaseMenuContent:where(.rt-variant-soft):where(.rt-high-contrast):where([data-panel-background='translucent']) :where(.rt-BaseMenuItem[data-highlighted]) {
+    background-color: var(--accent-a5);
 }
 @media (forced-colors: active) {
     .rt-BaseMenuItem:where(:focus-visible) {
@@ -8955,118 +8934,59 @@
         height: var(--trigger-icon-size-3);
     }
     .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);
+        width: var(--trigger-icon-size-4);
+        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 {
@@ -9776,7 +9696,6 @@
     box-shadow: inset 0 0 0 1px var(--focus-a5);
 }
 .rt-TextFieldRoot:where(.rt-variant-outline):where(:has(.rt-TextFieldInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
     background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
     -webkit-box-shadow: inset 0 0 0 1px var(--focus-a5);
             box-shadow: inset 0 0 0 1px var(--focus-a5);
@@ -9786,7 +9705,6 @@
     box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
 }
 .rt-TextFieldRoot:where(.rt-variant-outline):where(:has(.rt-TextFieldInput:where(:disabled,:read-only))) {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
     -webkit-box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
             box-shadow: inset 0 0 0 var(--text-field-border-width) var(--gray-a6);
@@ -9856,7 +9774,6 @@
     box-shadow: var(--shadow-2);
 }
 .rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
     background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
     -webkit-box-shadow: var(--shadow-2);
             box-shadow: var(--shadow-2);
@@ -9865,7 +9782,6 @@
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
 }
 .rt-TextFieldRoot:where(.rt-variant-classic):where(:has(.rt-TextFieldInput:where(:disabled,:read-only))) {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
 }
 .rt-TextFieldRoot:where(.rt-variant-soft) {
@@ -10277,15 +10193,12 @@
     }
 }
 .rt-ComboboxContent {
-    padding: 0 !important;
+    --combobox-list-max-height: calc(300px * var(--scaling));
+    min-width: var(--radix-popover-trigger-width);
     max-height: var(--radix-popover-content-available-height);
-    display: -webkit-box;
-    display: -ms-flexbox;
-    display: flex;
-    -webkit-box-orient: vertical;
-    -webkit-box-direction: normal;
-        -ms-flex-direction: column;
-            flex-direction: column;
+    -webkit-transform-origin: var(--radix-popover-content-transform-origin);
+            transform-origin: var(--radix-popover-content-transform-origin);
+    outline: 0;
 }
 .rt-ComboboxContent:where([data-state='closed']) {
     visibility: hidden;
@@ -10304,9 +10217,14 @@
         -ms-flex: 1;
             flex: 1;
     min-height: 0;
+    outline: 0;
 }
 .rt-ComboboxViewport {
-    padding-top: 0 !important;
+    padding-top: 0;
+    overflow: visible;
+}
+:where(.rt-ComboboxCommand:not(:has(.rt-ComboboxSearch))) .rt-ComboboxViewport {
+    padding-top: var(--base-menu-content-padding);
 }
 .rt-ComboboxScrollArea {
     -webkit-box-flex: 1;
@@ -10314,97 +10232,53 @@
             flex: 1;
     min-height: 0;
     overflow: auto;
-    max-height: 300px;
+    -ms-scroll-chaining: none;
+        overscroll-behavior: contain;
+    max-height: var(--combobox-list-max-height);
+    scrollbar-width: thin;
+    scrollbar-color: var(--gray-a8) transparent;
+}
+.rt-ComboboxList {
+    outline: 0;
 }
-.rt-ComboboxItem:where([data-disabled="false"]) {
+.rt-ComboboxItem:where([data-disabled='false']) {
     color: inherit;
     cursor: var(--cursor-menu-item);
 }
-.rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-ComboboxItem) {
-    --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;
@@ -10415,6 +10289,12 @@
     color: var(--gray-a11);
     font-size: var(--font-size-2);
 }
+@media (forced-colors: active) {
+    .rt-ComboboxItem:where([data-selected='true']) {
+        outline: 2px solid Highlight;
+        outline-offset: -2px;
+    }
+}
 .rt-Em {
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
@@ -10438,10 +10318,10 @@
     line-height: var(--line-height);
 }
 .rt-Heading:where(.rt-r-ff-sans) {
-    font-family: var(--default-font-family-sans);
+    font-family: var(--font-sans);
 }
 .rt-Heading:where(.rt-r-ff-mono) {
-    font-family: var(--default-font-family-mono);
+    font-family: var(--font-mono);
 }
 .rt-Heading:where(.rt-r-ff-serif) {
     font-family: var(--font-serif);
@@ -10874,84 +10754,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 {
@@ -12613,131 +12493,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 {
@@ -13744,7 +13624,6 @@
     outline-offset: -1px;
 }
 .rt-RadioCardsItem:where(:focus-visible):where([data-state='checked'])::before {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a3)), to(var(--focus-a3)));
     background-image: linear-gradient(var(--focus-a3), var(--focus-a3));
 }
 .rt-RadioCardsItem:where(:focus-visible):where([data-state='checked']) {
@@ -13757,7 +13636,6 @@
     background-color: var(--gray-a5);
 }
 .rt-RadioCardsItem:where(:disabled)::before {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
 }
 .rt-RadioCardsItem:where(:disabled) {
@@ -13765,6 +13643,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;
@@ -13978,7 +13956,6 @@
             user-select: none;
     -ms-touch-action: none;
         touch-action: none;
-    background-color: var(--gray-a3);
     border-radius: var(--scrollarea-scrollbar-border-radius);
     -webkit-animation-duration: var(--motion-duration-micro);
             animation-duration: var(--motion-duration-micro);
@@ -14009,7 +13986,7 @@
 }
 .rt-ScrollAreaThumb {
     position: relative;
-    background-color: var(--gray-a8);
+    background-color: var(--gray-a6);
     border-radius: inherit;
     -webkit-transition: background-color var(--motion-duration-micro) var(--motion-ease-standard);
     transition: background-color var(--motion-duration-micro) var(--motion-ease-standard);
@@ -14118,7 +14095,7 @@
 }
 @media (hover: hover) {
     .rt-ScrollAreaThumb:where(:hover) {
-        background-color: var(--gray-a9);
+        background-color: var(--gray-a8);
     }
 }
 .rt-SegmentedControlRoot:where(:has([data-icon-only])) {
@@ -15728,7 +15705,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);
@@ -15750,7 +15727,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);
@@ -15783,7 +15760,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);
@@ -15805,7 +15782,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);
@@ -15839,7 +15816,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);
@@ -15861,7 +15838,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);
@@ -15895,7 +15872,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);
@@ -15917,7 +15894,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);
@@ -15951,7 +15928,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);
@@ -15973,7 +15950,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);
@@ -16007,7 +15984,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);
@@ -16029,7 +16006,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);
@@ -19574,7 +19551,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);
@@ -19615,14 +19592,14 @@
     --backdrop-filter-components: var(--backdrop-filter-components-enabled);
 }
 .rt-SliderRoot:where([data-orientation='horizontal']) {
-    width: -webkit-fill-available;
     width: -moz-available;
+    width: -webkit-fill-available;
     width: stretch;
     height: var(--slider-track-size);
 }
 .rt-SliderRoot:where([data-orientation='vertical']) {
-    height: -webkit-fill-available;
     height: -moz-available;
+    height: -webkit-fill-available;
     height: stretch;
     -webkit-box-orient: vertical;
     -webkit-box-direction: normal;
@@ -20884,7 +20861,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));
 }
@@ -20893,7 +20870,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));
 }
@@ -20902,7 +20879,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);
 }
@@ -20911,7 +20888,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);
 }
@@ -20920,7 +20897,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);
 }
@@ -20930,7 +20907,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));
     }
@@ -20939,7 +20916,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));
     }
@@ -20948,7 +20925,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);
     }
@@ -20957,7 +20934,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);
     }
@@ -20966,7 +20943,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);
     }
@@ -20977,7 +20954,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));
     }
@@ -20986,7 +20963,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));
     }
@@ -20995,7 +20972,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);
     }
@@ -21004,7 +20981,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);
     }
@@ -21013,7 +20990,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);
     }
@@ -21024,7 +21001,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));
     }
@@ -21033,7 +21010,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));
     }
@@ -21042,7 +21019,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);
     }
@@ -21051,7 +21028,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);
     }
@@ -21060,7 +21037,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);
     }
@@ -21071,7 +21048,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));
     }
@@ -21080,7 +21057,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));
     }
@@ -21089,7 +21066,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);
     }
@@ -21098,7 +21075,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);
     }
@@ -21107,7 +21084,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);
     }
@@ -21118,7 +21095,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));
     }
@@ -21127,7 +21104,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));
     }
@@ -21136,7 +21113,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);
     }
@@ -21145,7 +21122,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);
     }
@@ -21154,7 +21131,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);
     }
@@ -21608,7 +21585,6 @@
     box-shadow: inset 0 0 0 1px var(--focus-a5);
 }
 .rt-TextAreaRoot:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:has(.rt-TextAreaInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
     background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
     -webkit-box-shadow: inset 0 0 0 1px var(--focus-a5);
             box-shadow: inset 0 0 0 1px var(--focus-a5);
@@ -21619,7 +21595,6 @@
 }
 .rt-TextAreaRoot:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:has(.rt-TextAreaInput:where(:disabled,:read-only))) {
     background-color: var(--gray-a2);
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
 }
 .rt-TextAreaRoot:where(.rt-variant-outline, .rt-variant-surface) {
@@ -21738,7 +21713,6 @@
     box-shadow: var(--shadow-2);
 }
 .rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:autofill,[data-com-onepassword-filled]):not(:disabled,:read-only))) {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--focus-a2)), to(var(--focus-a2)));
     background-image: linear-gradient(var(--focus-a2), var(--focus-a2));
     -webkit-box-shadow: var(--shadow-2);
             box-shadow: var(--shadow-2);
@@ -21747,7 +21721,6 @@
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
 }
 .rt-TextAreaRoot:where(.rt-variant-classic):where(:has(.rt-TextAreaInput:where(:disabled,:read-only))) {
-    background-image: -webkit-gradient(linear, left top, left bottom, from(var(--gray-a2)), to(var(--gray-a2)));
     background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
 }
 .rt-TextAreaInput:where(:disabled,:-moz-read-only) {
@@ -22080,7 +22053,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);
@@ -22162,6 +22135,9 @@
     width: 100%;
     min-width: 0;
 }
+.rt-ChatbarRoot {
+    --chatbar-attachment-thumb: var(--space-8);
+}
 .rt-ChatbarRoot:where([data-material='solid'],[data-panel-background='solid']) {
     --material-blend: 100%;
     --material-alpha: 0;
@@ -22184,13 +22160,19 @@
     font: inherit;
     line-height: inherit;
     text-align: start;
-    -webkit-transition: height 150ms ease-out;
-    transition: height 150ms ease-out;
+    -webkit-transition: height var(--motion-duration-small) ease-out;
+    transition: height var(--motion-duration-small) ease-out;
 }
 .rt-ChatbarInput:focus,
 .rt-ChatbarInput:focus-visible {
     outline: none;
 }
+.rt-ChatbarInput::-moz-selection {
+    background-color: var(--v-selection-color, var(--focus-a5));
+}
+.rt-ChatbarInput::selection {
+    background-color: var(--v-selection-color, var(--focus-a5));
+}
 .rt-ChatbarBox :where(.rt-ChatbarGrid) {
     display: -webkit-box;
     display: -ms-flexbox;
@@ -22230,6 +22212,10 @@
     -webkit-transition: var(--transition-button), opacity var(--motion-duration-small) var(--motion-ease-standard);
     transition: var(--transition-button), opacity var(--motion-duration-small) var(--motion-ease-standard);
 }
+.rt-ChatbarSend[aria-hidden='true'] {
+    opacity: 0;
+    pointer-events: none;
+}
 .rt-ChatbarRoot:where([data-state='closed']) :where(.rt-ChatbarRow) {
     display: none;
 }
@@ -22243,8 +22229,8 @@
 .rt-ChatbarScrollArea {
     border-radius: var(--chatbar-attachments-radius);
 }
-.rt-ChatbarScrollArea :where(.rt-ScrollAreaScrollbar) {
-    display: none;
+.rt-ChatbarScrollArea :where(.rt-ScrollAreaScrollbar[data-orientation='horizontal']) {
+    --scrollarea-scrollbar-size: 3px;
 }
 .rt-ChatbarAttachmentPreview {
     height: var(--chatbar-attachment-thumb);
@@ -22357,7 +22343,7 @@
     transition: var(--transition-text-field);
     isolation: isolate;
 }
-.rt-ChatbarRoot:where([data-panel-background='translucent'], [data-material='translucent']) .rt-ChatbarBox {
+:where([data-panel-background='translucent'], [data-material='translucent']) .rt-ChatbarBox {
     backdrop-filter: var(--backdrop-filter-components);
     --backdrop-filter-components: var(--backdrop-filter-components-enabled);
 }
@@ -22366,68 +22352,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);
@@ -22435,34 +22409,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);
@@ -22470,34 +22438,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);
@@ -22505,34 +22467,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);
@@ -22540,34 +22496,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);
@@ -22638,67 +22588,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) {
@@ -22735,8 +22685,6 @@
     --v-border-hover-a: var(--accent-a7);
     --v-border-focus: var(--accent-8);
     --v-border-focus-a: var(--accent-a8);
-    -webkit-transition: var(--transition-background-blur);
-    transition: var(--transition-background-blur);
 }
 .rt-ChatbarBox:where(.rt-variant-surface) {
     --text-area-border-width: 1px;
@@ -22759,16 +22707,20 @@
     background-color: color-mix(in srgb, var(--v-bg-a) calc(var(--material-alpha) * 100%), var(--v-bg) var(--material-blend));
 }
 @media (hover: hover) {
-    .rt-ChatbarBox:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:hover:not(:focus-within)) {
+    .rt-ChatbarBox:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:hover:not(:focus-within)):where(:not(.rt-ChatbarRoot:is([data-disabled],[data-readonly]) *)) {
         background-color: color-mix(in srgb, var(--v-bg-hover-a) calc(var(--material-alpha) * 100%), var(--v-bg-hover) var(--material-blend));
     }
 }
+.rt-ChatbarBox:where(.rt-variant-soft,.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface):where(:focus-within) {
+    outline: 2px solid var(--v-focus-color, var(--focus-8));
+    outline-offset: -1px;
+}
 .rt-ChatbarBox:where(.rt-variant-outline, .rt-variant-surface) {
     -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-a) calc(var(--material-alpha) * 100%), var(--v-border) var(--material-blend));
             box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-a) calc(var(--material-alpha) * 100%), var(--v-border) var(--material-blend));
 }
 @media (hover: hover) {
-    .rt-ChatbarBox:where(.rt-variant-outline,.rt-variant-surface):where(:hover:not(:focus-within)) {
+    .rt-ChatbarBox:where(.rt-variant-outline,.rt-variant-surface):where(:hover:not(:focus-within)):where(:not(.rt-ChatbarRoot:is([data-disabled],[data-readonly]) *)) {
         -webkit-box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-hover-a) calc(var(--material-alpha) * 100%), var(--v-border-hover) var(--material-blend));
                 box-shadow: inset 0 0 0 1px color-mix(in srgb, var(--v-border-hover-a) calc(var(--material-alpha) * 100%), var(--v-border-hover) var(--material-blend));
     }
@@ -22793,24 +22745,65 @@
     -webkit-transition: var(--transition-text-field);
     transition: var(--transition-text-field);
 }
-.rt-ChatbarRoot:where([data-panel-background='translucent'],[data-material='translucent']) .rt-ChatbarBox:where(.rt-variant-classic) {
+:where([data-panel-background='translucent'],[data-material='translucent']) .rt-ChatbarBox:where(.rt-variant-classic) {
     background-color: var(--color-surface-translucent);
 }
+:where(.rt-ChatbarRoot[data-panel-background='solid'],.rt-ChatbarRoot[data-material='solid']) .rt-ChatbarBox:where(.rt-variant-classic) {
+    background-color: var(--color-surface-solid);
+}
 @media (hover: hover) {
-    .rt-ChatbarBox:where(.rt-variant-classic):where(:hover:not(:focus-within)) {
+    .rt-ChatbarBox:where(.rt-variant-classic):where(:hover:not(:focus-within)):where(:not(.rt-ChatbarRoot:is([data-disabled],[data-readonly]) *)) {
         background-color: color-mix(in srgb, var(--accent-a2) calc(var(--material-alpha) * 100%), var(--accent-2) var(--material-blend));
         -webkit-box-shadow: var(--shadow-3);
                 box-shadow: var(--shadow-3);
     }
 }
 .rt-ChatbarBox:where(.rt-variant-classic):where(:focus-within) {
-    -webkit-box-shadow: var(--shadow-2), 0 0 0 2px var(--focus-8);
-            box-shadow: var(--shadow-2), 0 0 0 2px var(--focus-8);
+    -webkit-box-shadow: var(--shadow-2), 0 0 0 2px var(--v-focus-color, var(--focus-8));
+            box-shadow: var(--shadow-2), 0 0 0 2px var(--v-focus-color, var(--focus-8));
 }
-.rt-ChatbarRoot {
-    -webkit-transition: outline var(--motion-duration-small) var(--motion-spring-snappy);
-    transition: outline var(--motion-duration-small) var(--motion-spring-snappy);
-    --chatbar-attachment-thumb: var(--space-8);
+.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox {
+    --v-selection-color: var(--gray-a5);
+    --v-focus-color: var(--gray-8);
+}
+.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-ghost,.rt-variant-outline,.rt-variant-surface) {
+    background-color: var(--gray-a2);
+}
+.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-soft) {
+    background-color: var(--gray-a3);
+}
+.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-outline,.rt-variant-surface) {
+    -webkit-box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a6);
+            box-shadow: inset 0 0 0 var(--text-area-border-width) var(--gray-a6);
+}
+.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarBox:where(.rt-variant-classic) {
+    background-image: linear-gradient(var(--gray-a2), var(--gray-a2));
+}
+.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput {
+    color: var(--gray-a11);
+    -webkit-text-fill-color: var(--gray-a11);
+}
+:is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::-webkit-input-placeholder {
+    opacity: 0.5;
+}
+:is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::-moz-placeholder {
+    opacity: 0.5;
+}
+:is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput):-ms-input-placeholder {
+    opacity: 0.5;
+}
+:is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::-ms-input-placeholder {
+    opacity: 0.5;
+}
+:is(.rt-ChatbarRoot:where([data-disabled],[data-readonly]) .rt-ChatbarInput)::placeholder {
+    opacity: 0.5;
+}
+.rt-ChatbarRoot:where([data-disabled]) .rt-ChatbarBox,.rt-ChatbarRoot:where([data-disabled]) .rt-ChatbarInput {
+    cursor: not-allowed;
+}
+.rt-ChatbarRoot:where([data-drop-active]) .rt-ChatbarBox {
+    outline: 2px dashed var(--accent-8);
+    outline-offset: -1px;
 }
 .rt-ChatbarDropOverlay {
     position: absolute;
@@ -22845,11 +22838,18 @@
         -ms-flex-align: center;
             align-items: center;
     gap: var(--space-2);
-    color: var(--accent-11);
 }
-.rt-ChatbarDropIcon {
-    width: var(--space-6);
-    height: var(--space-6);
+@media (prefers-reduced-motion: reduce) {
+    .rt-ChatbarInput,
+  .rt-ChatbarBox,
+  .rt-ChatbarSend {
+        -webkit-transition: none;
+        transition: none;
+    }
+    .rt-ChatbarDropOverlay {
+        -webkit-animation: none;
+                animation: none;
+    }
 }
 .rt-ChatbarInlineStart,
 .rt-ChatbarInlineEnd {