@womp/kookie-ui 0.18.0 → 0.19.0

package/components.css

@@ -339,7 +339,7 @@
     --scrollarea-scrollbar-vertical-margin-left: var(--space-2);
     --scrollarea-scrollbar-vertical-margin-right: var(--space-2);
     --scrollarea-scrollbar-size: var(--space-2);
-    --scrollarea-scrollbar-border-radius: var(--radius-pill-1);
+    --scrollarea-scrollbar-border-radius: var(--radius-control-1);
     --spinner-animation-duration: 800ms;
     --spinner-opacity: 0.65;
 }
@@ -951,26 +951,26 @@
     border-radius: var(--radius-surface-1);
 }
 .rt-AccordionRoot:where(.rt-r-size-2) {
-    border-radius: var(--radius-surface-2);
+    border-radius: var(--radius-surface-1);
 }
 .rt-AccordionRoot:where(.rt-r-size-3) {
-    border-radius: var(--radius-surface-3);
+    border-radius: var(--radius-surface-1);
 }
 .rt-AccordionRoot:where(.rt-r-size-4) {
-    border-radius: var(--radius-surface-4);
+    border-radius: var(--radius-surface-1);
 }
 @media (min-width: 520px) {
     .rt-AccordionRoot:where(.xs\:rt-r-size-1) {
         border-radius: var(--radius-surface-1);
     }
     .rt-AccordionRoot:where(.xs\:rt-r-size-2) {
-        border-radius: var(--radius-surface-2);
+        border-radius: var(--radius-surface-1);
     }
     .rt-AccordionRoot:where(.xs\:rt-r-size-3) {
-        border-radius: var(--radius-surface-3);
+        border-radius: var(--radius-surface-1);
     }
     .rt-AccordionRoot:where(.xs\:rt-r-size-4) {
-        border-radius: var(--radius-surface-4);
+        border-radius: var(--radius-surface-1);
     }
 }
 @media (min-width: 768px) {
@@ -978,13 +978,13 @@
         border-radius: var(--radius-surface-1);
     }
     .rt-AccordionRoot:where(.sm\:rt-r-size-2) {
-        border-radius: var(--radius-surface-2);
+        border-radius: var(--radius-surface-1);
     }
     .rt-AccordionRoot:where(.sm\:rt-r-size-3) {
-        border-radius: var(--radius-surface-3);
+        border-radius: var(--radius-surface-1);
     }
     .rt-AccordionRoot:where(.sm\:rt-r-size-4) {
-        border-radius: var(--radius-surface-4);
+        border-radius: var(--radius-surface-1);
     }
 }
 @media (min-width: 1024px) {
@@ -992,13 +992,13 @@
         border-radius: var(--radius-surface-1);
     }
     .rt-AccordionRoot:where(.md\:rt-r-size-2) {
-        border-radius: var(--radius-surface-2);
+        border-radius: var(--radius-surface-1);
     }
     .rt-AccordionRoot:where(.md\:rt-r-size-3) {
-        border-radius: var(--radius-surface-3);
+        border-radius: var(--radius-surface-1);
     }
     .rt-AccordionRoot:where(.md\:rt-r-size-4) {
-        border-radius: var(--radius-surface-4);
+        border-radius: var(--radius-surface-1);
     }
 }
 @media (min-width: 1280px) {
@@ -1006,13 +1006,13 @@
         border-radius: var(--radius-surface-1);
     }
     .rt-AccordionRoot:where(.lg\:rt-r-size-2) {
-        border-radius: var(--radius-surface-2);
+        border-radius: var(--radius-surface-1);
     }
     .rt-AccordionRoot:where(.lg\:rt-r-size-3) {
-        border-radius: var(--radius-surface-3);
+        border-radius: var(--radius-surface-1);
     }
     .rt-AccordionRoot:where(.lg\:rt-r-size-4) {
-        border-radius: var(--radius-surface-4);
+        border-radius: var(--radius-surface-1);
     }
 }
 @media (min-width: 1640px) {
@@ -1020,13 +1020,13 @@
         border-radius: var(--radius-surface-1);
     }
     .rt-AccordionRoot:where(.xl\:rt-r-size-2) {
-        border-radius: var(--radius-surface-2);
+        border-radius: var(--radius-surface-1);
     }
     .rt-AccordionRoot:where(.xl\:rt-r-size-3) {
-        border-radius: var(--radius-surface-3);
+        border-radius: var(--radius-surface-1);
     }
     .rt-AccordionRoot:where(.xl\:rt-r-size-4) {
-        border-radius: var(--radius-surface-4);
+        border-radius: var(--radius-surface-1);
     }
 }
 :where(.rt-AccordionRoot:where(.rt-variant-surface)) {
@@ -1348,10 +1348,6 @@
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
     overflow: auto;
-    --inset-padding-top: var(--dialog-content-padding);
-    --inset-padding-right: var(--dialog-content-padding);
-    --inset-padding-bottom: var(--dialog-content-padding);
-    --inset-padding-left: var(--dialog-content-padding);
     padding: var(--dialog-content-padding);
     box-sizing: border-box;
     background-color: var(--color-dialog-solid);
@@ -1360,109 +1356,133 @@
     outline: none;
 }
 .rt-BaseDialogContent:where(.rt-r-size-1) {
-    --dialog-content-padding: var(--space-6);
-    border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-3)));
+    --dialog-content-padding: var(--surface-p-2);
+    --overlay-w: var(--overlay-w-1);
+    border-radius: var(--radius-overlay-1);
 }
 .rt-BaseDialogContent:where(.rt-r-size-2) {
-    --dialog-content-padding: var(--space-7);
-    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-4)));
+    --dialog-content-padding: var(--surface-p-3);
+    --overlay-w: var(--overlay-w-2);
+    border-radius: var(--radius-overlay-2);
 }
 .rt-BaseDialogContent:where(.rt-r-size-3) {
-    --dialog-content-padding: var(--space-8);
-    border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-5)));
+    --dialog-content-padding: var(--surface-p-4);
+    --overlay-w: var(--overlay-w-3);
+    border-radius: var(--radius-overlay-3);
 }
 .rt-BaseDialogContent:where(.rt-r-size-4) {
-    --dialog-content-padding: var(--space-9);
-    border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-6)));
+    --dialog-content-padding: var(--surface-p-4);
+    --overlay-w: var(--overlay-w-4);
+    border-radius: var(--radius-overlay-4);
 }
 @media (min-width: 520px) {
     .rt-BaseDialogContent:where(.xs\:rt-r-size-1) {
-        --dialog-content-padding: var(--space-6);
-        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-3)));
+        --dialog-content-padding: var(--surface-p-2);
+        --overlay-w: var(--overlay-w-1);
+        border-radius: var(--radius-overlay-1);
     }
     .rt-BaseDialogContent:where(.xs\:rt-r-size-2) {
-        --dialog-content-padding: var(--space-7);
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-4)));
+        --dialog-content-padding: var(--surface-p-3);
+        --overlay-w: var(--overlay-w-2);
+        border-radius: var(--radius-overlay-2);
     }
     .rt-BaseDialogContent:where(.xs\:rt-r-size-3) {
-        --dialog-content-padding: var(--space-8);
-        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-5)));
+        --dialog-content-padding: var(--surface-p-4);
+        --overlay-w: var(--overlay-w-3);
+        border-radius: var(--radius-overlay-3);
     }
     .rt-BaseDialogContent:where(.xs\:rt-r-size-4) {
-        --dialog-content-padding: var(--space-9);
-        border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-6)));
+        --dialog-content-padding: var(--surface-p-4);
+        --overlay-w: var(--overlay-w-4);
+        border-radius: var(--radius-overlay-4);
     }
 }
 @media (min-width: 768px) {
     .rt-BaseDialogContent:where(.sm\:rt-r-size-1) {
-        --dialog-content-padding: var(--space-6);
-        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-3)));
+        --dialog-content-padding: var(--surface-p-2);
+        --overlay-w: var(--overlay-w-1);
+        border-radius: var(--radius-overlay-1);
     }
     .rt-BaseDialogContent:where(.sm\:rt-r-size-2) {
-        --dialog-content-padding: var(--space-7);
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-4)));
+        --dialog-content-padding: var(--surface-p-3);
+        --overlay-w: var(--overlay-w-2);
+        border-radius: var(--radius-overlay-2);
     }
     .rt-BaseDialogContent:where(.sm\:rt-r-size-3) {
-        --dialog-content-padding: var(--space-8);
-        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-5)));
+        --dialog-content-padding: var(--surface-p-4);
+        --overlay-w: var(--overlay-w-3);
+        border-radius: var(--radius-overlay-3);
     }
     .rt-BaseDialogContent:where(.sm\:rt-r-size-4) {
-        --dialog-content-padding: var(--space-9);
-        border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-6)));
+        --dialog-content-padding: var(--surface-p-4);
+        --overlay-w: var(--overlay-w-4);
+        border-radius: var(--radius-overlay-4);
     }
 }
 @media (min-width: 1024px) {
     .rt-BaseDialogContent:where(.md\:rt-r-size-1) {
-        --dialog-content-padding: var(--space-6);
-        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-3)));
+        --dialog-content-padding: var(--surface-p-2);
+        --overlay-w: var(--overlay-w-1);
+        border-radius: var(--radius-overlay-1);
     }
     .rt-BaseDialogContent:where(.md\:rt-r-size-2) {
-        --dialog-content-padding: var(--space-7);
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-4)));
+        --dialog-content-padding: var(--surface-p-3);
+        --overlay-w: var(--overlay-w-2);
+        border-radius: var(--radius-overlay-2);
     }
     .rt-BaseDialogContent:where(.md\:rt-r-size-3) {
-        --dialog-content-padding: var(--space-8);
-        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-5)));
+        --dialog-content-padding: var(--surface-p-4);
+        --overlay-w: var(--overlay-w-3);
+        border-radius: var(--radius-overlay-3);
     }
     .rt-BaseDialogContent:where(.md\:rt-r-size-4) {
-        --dialog-content-padding: var(--space-9);
-        border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-6)));
+        --dialog-content-padding: var(--surface-p-4);
+        --overlay-w: var(--overlay-w-4);
+        border-radius: var(--radius-overlay-4);
     }
 }
 @media (min-width: 1280px) {
     .rt-BaseDialogContent:where(.lg\:rt-r-size-1) {
-        --dialog-content-padding: var(--space-6);
-        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-3)));
+        --dialog-content-padding: var(--surface-p-2);
+        --overlay-w: var(--overlay-w-1);
+        border-radius: var(--radius-overlay-1);
     }
     .rt-BaseDialogContent:where(.lg\:rt-r-size-2) {
-        --dialog-content-padding: var(--space-7);
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-4)));
+        --dialog-content-padding: var(--surface-p-3);
+        --overlay-w: var(--overlay-w-2);
+        border-radius: var(--radius-overlay-2);
     }
     .rt-BaseDialogContent:where(.lg\:rt-r-size-3) {
-        --dialog-content-padding: var(--space-8);
-        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-5)));
+        --dialog-content-padding: var(--surface-p-4);
+        --overlay-w: var(--overlay-w-3);
+        border-radius: var(--radius-overlay-3);
     }
     .rt-BaseDialogContent:where(.lg\:rt-r-size-4) {
-        --dialog-content-padding: var(--space-9);
-        border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-6)));
+        --dialog-content-padding: var(--surface-p-4);
+        --overlay-w: var(--overlay-w-4);
+        border-radius: var(--radius-overlay-4);
     }
 }
 @media (min-width: 1640px) {
     .rt-BaseDialogContent:where(.xl\:rt-r-size-1) {
-        --dialog-content-padding: var(--space-6);
-        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-3)));
+        --dialog-content-padding: var(--surface-p-2);
+        --overlay-w: var(--overlay-w-1);
+        border-radius: var(--radius-overlay-1);
     }
     .rt-BaseDialogContent:where(.xl\:rt-r-size-2) {
-        --dialog-content-padding: var(--space-7);
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-4)));
+        --dialog-content-padding: var(--surface-p-3);
+        --overlay-w: var(--overlay-w-2);
+        border-radius: var(--radius-overlay-2);
     }
     .rt-BaseDialogContent:where(.xl\:rt-r-size-3) {
-        --dialog-content-padding: var(--space-8);
-        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-5)));
+        --dialog-content-padding: var(--surface-p-4);
+        --overlay-w: var(--overlay-w-3);
+        border-radius: var(--radius-overlay-3);
     }
     .rt-BaseDialogContent:where(.xl\:rt-r-size-4) {
-        --dialog-content-padding: var(--space-9);
-        border-radius: min(var(--radius-surface-8), calc(var(--radius-surface-4) + var(--space-6)));
+        --dialog-content-padding: var(--surface-p-4);
+        --overlay-w: var(--overlay-w-4);
+        border-radius: var(--radius-overlay-4);
     }
 }
 @media (forced-colors: active) {
@@ -1493,6 +1513,9 @@
     white-space: nowrap;
     border: 0;
 }
+.rt-AlertDialogContent {
+    max-width: var(--overlay-w);
+}
 .rt-AvatarRoot {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
@@ -1596,7 +1619,7 @@
     --avatar-size: var(--control-height-1);
     --avatar-fallback-one-letter-font-size: var(--font-size-2);
     --avatar-fallback-two-letters-font-size: var(--font-size-1);
-    border-radius: var(--radius-pill-1);
+    border-radius: var(--radius-control-1);
     letter-spacing: var(--letter-spacing-1);
     --avatar-status-size: 6px;
     --avatar-status-border-width: 1.5px;
@@ -1606,7 +1629,7 @@
     --avatar-size: var(--control-height-2);
     --avatar-fallback-one-letter-font-size: var(--font-size-3);
     --avatar-fallback-two-letters-font-size: var(--font-size-2);
-    border-radius: var(--radius-pill-2);
+    border-radius: var(--radius-control-2);
     letter-spacing: var(--letter-spacing-2);
     --avatar-status-size: 8px;
     --avatar-status-border-width: 2px;
@@ -1616,7 +1639,7 @@
     --avatar-size: var(--control-height-3);
     --avatar-fallback-one-letter-font-size: var(--font-size-4);
     --avatar-fallback-two-letters-font-size: var(--font-size-3);
-    border-radius: var(--radius-pill-3);
+    border-radius: var(--radius-control-3);
     letter-spacing: var(--letter-spacing-3);
     --avatar-status-size: 10px;
     --avatar-status-border-width: 2px;
@@ -1626,7 +1649,7 @@
     --avatar-size: var(--control-height-4);
     --avatar-fallback-one-letter-font-size: var(--font-size-5);
     --avatar-fallback-two-letters-font-size: var(--font-size-4);
-    border-radius: var(--radius-pill-4);
+    border-radius: max(var(--radius-control-4), var(--radius-full));
     letter-spacing: var(--letter-spacing-4);
     --avatar-status-size: 12px;
     --avatar-status-border-width: 2px;
@@ -1636,7 +1659,7 @@
     --avatar-size: calc(56px * var(--scale));
     --avatar-fallback-one-letter-font-size: var(--font-size-6);
     --avatar-fallback-two-letters-font-size: var(--font-size-5);
-    border-radius: var(--radius-pill-5);
+    border-radius: max(var(--radius-control-4), var(--radius-full));
     letter-spacing: var(--letter-spacing-5);
     --avatar-status-size: 14px;
     --avatar-status-border-width: 2px;
@@ -1646,7 +1669,7 @@
     --avatar-size: var(--space-10);
     --avatar-fallback-one-letter-font-size: var(--font-size-7);
     --avatar-fallback-two-letters-font-size: var(--font-size-6);
-    border-radius: var(--radius-pill-6);
+    border-radius: max(var(--radius-control-4), var(--radius-full));
     letter-spacing: var(--letter-spacing-6);
     --avatar-status-size: 16px;
     --avatar-status-border-width: 3px;
@@ -1656,7 +1679,7 @@
     --avatar-size: calc(80px * var(--scale));
     --avatar-fallback-one-letter-font-size: var(--font-size-7);
     --avatar-fallback-two-letters-font-size: var(--font-size-6);
-    border-radius: var(--radius-pill-7);
+    border-radius: max(var(--radius-control-4), var(--radius-full));
     letter-spacing: var(--letter-spacing-7);
     --avatar-status-size: 18px;
     --avatar-status-border-width: 3px;
@@ -1666,7 +1689,7 @@
     --avatar-size: calc(96px * var(--scale));
     --avatar-fallback-one-letter-font-size: var(--font-size-8);
     --avatar-fallback-two-letters-font-size: var(--font-size-7);
-    border-radius: var(--radius-pill-8);
+    border-radius: max(var(--radius-control-4), var(--radius-full));
     letter-spacing: var(--letter-spacing-8);
     --avatar-status-size: 20px;
     --avatar-status-border-width: 3px;
@@ -1676,7 +1699,7 @@
     --avatar-size: var(--space-12);
     --avatar-fallback-one-letter-font-size: var(--font-size-9);
     --avatar-fallback-two-letters-font-size: var(--font-size-8);
-    border-radius: var(--radius-pill-9);
+    border-radius: max(var(--radius-control-4), var(--radius-full));
     letter-spacing: var(--letter-spacing-9);
     --avatar-status-size: 24px;
     --avatar-status-border-width: 4px;
@@ -1687,7 +1710,7 @@
         --avatar-size: var(--control-height-1);
         --avatar-fallback-one-letter-font-size: var(--font-size-2);
         --avatar-fallback-two-letters-font-size: var(--font-size-1);
-        border-radius: var(--radius-pill-1);
+        border-radius: var(--radius-control-1);
         letter-spacing: var(--letter-spacing-1);
         --avatar-status-size: 6px;
         --avatar-status-border-width: 1.5px;
@@ -1697,7 +1720,7 @@
         --avatar-size: var(--control-height-2);
         --avatar-fallback-one-letter-font-size: var(--font-size-3);
         --avatar-fallback-two-letters-font-size: var(--font-size-2);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
         letter-spacing: var(--letter-spacing-2);
         --avatar-status-size: 8px;
         --avatar-status-border-width: 2px;
@@ -1707,7 +1730,7 @@
         --avatar-size: var(--control-height-3);
         --avatar-fallback-one-letter-font-size: var(--font-size-4);
         --avatar-fallback-two-letters-font-size: var(--font-size-3);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
         letter-spacing: var(--letter-spacing-3);
         --avatar-status-size: 10px;
         --avatar-status-border-width: 2px;
@@ -1717,7 +1740,7 @@
         --avatar-size: var(--control-height-4);
         --avatar-fallback-one-letter-font-size: var(--font-size-5);
         --avatar-fallback-two-letters-font-size: var(--font-size-4);
-        border-radius: var(--radius-pill-4);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-4);
         --avatar-status-size: 12px;
         --avatar-status-border-width: 2px;
@@ -1727,7 +1750,7 @@
         --avatar-size: calc(56px * var(--scale));
         --avatar-fallback-one-letter-font-size: var(--font-size-6);
         --avatar-fallback-two-letters-font-size: var(--font-size-5);
-        border-radius: var(--radius-pill-5);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-5);
         --avatar-status-size: 14px;
         --avatar-status-border-width: 2px;
@@ -1737,7 +1760,7 @@
         --avatar-size: var(--space-10);
         --avatar-fallback-one-letter-font-size: var(--font-size-7);
         --avatar-fallback-two-letters-font-size: var(--font-size-6);
-        border-radius: var(--radius-pill-6);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-6);
         --avatar-status-size: 16px;
         --avatar-status-border-width: 3px;
@@ -1747,7 +1770,7 @@
         --avatar-size: calc(80px * var(--scale));
         --avatar-fallback-one-letter-font-size: var(--font-size-7);
         --avatar-fallback-two-letters-font-size: var(--font-size-6);
-        border-radius: var(--radius-pill-7);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-7);
         --avatar-status-size: 18px;
         --avatar-status-border-width: 3px;
@@ -1757,7 +1780,7 @@
         --avatar-size: calc(96px * var(--scale));
         --avatar-fallback-one-letter-font-size: var(--font-size-8);
         --avatar-fallback-two-letters-font-size: var(--font-size-7);
-        border-radius: var(--radius-pill-8);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-8);
         --avatar-status-size: 20px;
         --avatar-status-border-width: 3px;
@@ -1767,7 +1790,7 @@
         --avatar-size: var(--space-12);
         --avatar-fallback-one-letter-font-size: var(--font-size-9);
         --avatar-fallback-two-letters-font-size: var(--font-size-8);
-        border-radius: var(--radius-pill-9);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-9);
         --avatar-status-size: 24px;
         --avatar-status-border-width: 4px;
@@ -1779,7 +1802,7 @@
         --avatar-size: var(--control-height-1);
         --avatar-fallback-one-letter-font-size: var(--font-size-2);
         --avatar-fallback-two-letters-font-size: var(--font-size-1);
-        border-radius: var(--radius-pill-1);
+        border-radius: var(--radius-control-1);
         letter-spacing: var(--letter-spacing-1);
         --avatar-status-size: 6px;
         --avatar-status-border-width: 1.5px;
@@ -1789,7 +1812,7 @@
         --avatar-size: var(--control-height-2);
         --avatar-fallback-one-letter-font-size: var(--font-size-3);
         --avatar-fallback-two-letters-font-size: var(--font-size-2);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
         letter-spacing: var(--letter-spacing-2);
         --avatar-status-size: 8px;
         --avatar-status-border-width: 2px;
@@ -1799,7 +1822,7 @@
         --avatar-size: var(--control-height-3);
         --avatar-fallback-one-letter-font-size: var(--font-size-4);
         --avatar-fallback-two-letters-font-size: var(--font-size-3);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
         letter-spacing: var(--letter-spacing-3);
         --avatar-status-size: 10px;
         --avatar-status-border-width: 2px;
@@ -1809,7 +1832,7 @@
         --avatar-size: var(--control-height-4);
         --avatar-fallback-one-letter-font-size: var(--font-size-5);
         --avatar-fallback-two-letters-font-size: var(--font-size-4);
-        border-radius: var(--radius-pill-4);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-4);
         --avatar-status-size: 12px;
         --avatar-status-border-width: 2px;
@@ -1819,7 +1842,7 @@
         --avatar-size: calc(56px * var(--scale));
         --avatar-fallback-one-letter-font-size: var(--font-size-6);
         --avatar-fallback-two-letters-font-size: var(--font-size-5);
-        border-radius: var(--radius-pill-5);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-5);
         --avatar-status-size: 14px;
         --avatar-status-border-width: 2px;
@@ -1829,7 +1852,7 @@
         --avatar-size: var(--space-10);
         --avatar-fallback-one-letter-font-size: var(--font-size-7);
         --avatar-fallback-two-letters-font-size: var(--font-size-6);
-        border-radius: var(--radius-pill-6);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-6);
         --avatar-status-size: 16px;
         --avatar-status-border-width: 3px;
@@ -1839,7 +1862,7 @@
         --avatar-size: calc(80px * var(--scale));
         --avatar-fallback-one-letter-font-size: var(--font-size-7);
         --avatar-fallback-two-letters-font-size: var(--font-size-6);
-        border-radius: var(--radius-pill-7);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-7);
         --avatar-status-size: 18px;
         --avatar-status-border-width: 3px;
@@ -1849,7 +1872,7 @@
         --avatar-size: calc(96px * var(--scale));
         --avatar-fallback-one-letter-font-size: var(--font-size-8);
         --avatar-fallback-two-letters-font-size: var(--font-size-7);
-        border-radius: var(--radius-pill-8);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-8);
         --avatar-status-size: 20px;
         --avatar-status-border-width: 3px;
@@ -1859,7 +1882,7 @@
         --avatar-size: var(--space-12);
         --avatar-fallback-one-letter-font-size: var(--font-size-9);
         --avatar-fallback-two-letters-font-size: var(--font-size-8);
-        border-radius: var(--radius-pill-9);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-9);
         --avatar-status-size: 24px;
         --avatar-status-border-width: 4px;
@@ -1871,7 +1894,7 @@
         --avatar-size: var(--control-height-1);
         --avatar-fallback-one-letter-font-size: var(--font-size-2);
         --avatar-fallback-two-letters-font-size: var(--font-size-1);
-        border-radius: var(--radius-pill-1);
+        border-radius: var(--radius-control-1);
         letter-spacing: var(--letter-spacing-1);
         --avatar-status-size: 6px;
         --avatar-status-border-width: 1.5px;
@@ -1881,7 +1904,7 @@
         --avatar-size: var(--control-height-2);
         --avatar-fallback-one-letter-font-size: var(--font-size-3);
         --avatar-fallback-two-letters-font-size: var(--font-size-2);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
         letter-spacing: var(--letter-spacing-2);
         --avatar-status-size: 8px;
         --avatar-status-border-width: 2px;
@@ -1891,7 +1914,7 @@
         --avatar-size: var(--control-height-3);
         --avatar-fallback-one-letter-font-size: var(--font-size-4);
         --avatar-fallback-two-letters-font-size: var(--font-size-3);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
         letter-spacing: var(--letter-spacing-3);
         --avatar-status-size: 10px;
         --avatar-status-border-width: 2px;
@@ -1901,7 +1924,7 @@
         --avatar-size: var(--control-height-4);
         --avatar-fallback-one-letter-font-size: var(--font-size-5);
         --avatar-fallback-two-letters-font-size: var(--font-size-4);
-        border-radius: var(--radius-pill-4);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-4);
         --avatar-status-size: 12px;
         --avatar-status-border-width: 2px;
@@ -1911,7 +1934,7 @@
         --avatar-size: calc(56px * var(--scale));
         --avatar-fallback-one-letter-font-size: var(--font-size-6);
         --avatar-fallback-two-letters-font-size: var(--font-size-5);
-        border-radius: var(--radius-pill-5);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-5);
         --avatar-status-size: 14px;
         --avatar-status-border-width: 2px;
@@ -1921,7 +1944,7 @@
         --avatar-size: var(--space-10);
         --avatar-fallback-one-letter-font-size: var(--font-size-7);
         --avatar-fallback-two-letters-font-size: var(--font-size-6);
-        border-radius: var(--radius-pill-6);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-6);
         --avatar-status-size: 16px;
         --avatar-status-border-width: 3px;
@@ -1931,7 +1954,7 @@
         --avatar-size: calc(80px * var(--scale));
         --avatar-fallback-one-letter-font-size: var(--font-size-7);
         --avatar-fallback-two-letters-font-size: var(--font-size-6);
-        border-radius: var(--radius-pill-7);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-7);
         --avatar-status-size: 18px;
         --avatar-status-border-width: 3px;
@@ -1941,7 +1964,7 @@
         --avatar-size: calc(96px * var(--scale));
         --avatar-fallback-one-letter-font-size: var(--font-size-8);
         --avatar-fallback-two-letters-font-size: var(--font-size-7);
-        border-radius: var(--radius-pill-8);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-8);
         --avatar-status-size: 20px;
         --avatar-status-border-width: 3px;
@@ -1951,7 +1974,7 @@
         --avatar-size: var(--space-12);
         --avatar-fallback-one-letter-font-size: var(--font-size-9);
         --avatar-fallback-two-letters-font-size: var(--font-size-8);
-        border-radius: var(--radius-pill-9);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-9);
         --avatar-status-size: 24px;
         --avatar-status-border-width: 4px;
@@ -1963,7 +1986,7 @@
         --avatar-size: var(--control-height-1);
         --avatar-fallback-one-letter-font-size: var(--font-size-2);
         --avatar-fallback-two-letters-font-size: var(--font-size-1);
-        border-radius: var(--radius-pill-1);
+        border-radius: var(--radius-control-1);
         letter-spacing: var(--letter-spacing-1);
         --avatar-status-size: 6px;
         --avatar-status-border-width: 1.5px;
@@ -1973,7 +1996,7 @@
         --avatar-size: var(--control-height-2);
         --avatar-fallback-one-letter-font-size: var(--font-size-3);
         --avatar-fallback-two-letters-font-size: var(--font-size-2);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
         letter-spacing: var(--letter-spacing-2);
         --avatar-status-size: 8px;
         --avatar-status-border-width: 2px;
@@ -1983,7 +2006,7 @@
         --avatar-size: var(--control-height-3);
         --avatar-fallback-one-letter-font-size: var(--font-size-4);
         --avatar-fallback-two-letters-font-size: var(--font-size-3);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
         letter-spacing: var(--letter-spacing-3);
         --avatar-status-size: 10px;
         --avatar-status-border-width: 2px;
@@ -1993,7 +2016,7 @@
         --avatar-size: var(--control-height-4);
         --avatar-fallback-one-letter-font-size: var(--font-size-5);
         --avatar-fallback-two-letters-font-size: var(--font-size-4);
-        border-radius: var(--radius-pill-4);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-4);
         --avatar-status-size: 12px;
         --avatar-status-border-width: 2px;
@@ -2003,7 +2026,7 @@
         --avatar-size: calc(56px * var(--scale));
         --avatar-fallback-one-letter-font-size: var(--font-size-6);
         --avatar-fallback-two-letters-font-size: var(--font-size-5);
-        border-radius: var(--radius-pill-5);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-5);
         --avatar-status-size: 14px;
         --avatar-status-border-width: 2px;
@@ -2013,7 +2036,7 @@
         --avatar-size: var(--space-10);
         --avatar-fallback-one-letter-font-size: var(--font-size-7);
         --avatar-fallback-two-letters-font-size: var(--font-size-6);
-        border-radius: var(--radius-pill-6);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-6);
         --avatar-status-size: 16px;
         --avatar-status-border-width: 3px;
@@ -2023,7 +2046,7 @@
         --avatar-size: calc(80px * var(--scale));
         --avatar-fallback-one-letter-font-size: var(--font-size-7);
         --avatar-fallback-two-letters-font-size: var(--font-size-6);
-        border-radius: var(--radius-pill-7);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-7);
         --avatar-status-size: 18px;
         --avatar-status-border-width: 3px;
@@ -2033,7 +2056,7 @@
         --avatar-size: calc(96px * var(--scale));
         --avatar-fallback-one-letter-font-size: var(--font-size-8);
         --avatar-fallback-two-letters-font-size: var(--font-size-7);
-        border-radius: var(--radius-pill-8);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-8);
         --avatar-status-size: 20px;
         --avatar-status-border-width: 3px;
@@ -2043,7 +2066,7 @@
         --avatar-size: var(--space-12);
         --avatar-fallback-one-letter-font-size: var(--font-size-9);
         --avatar-fallback-two-letters-font-size: var(--font-size-8);
-        border-radius: var(--radius-pill-9);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-9);
         --avatar-status-size: 24px;
         --avatar-status-border-width: 4px;
@@ -2055,7 +2078,7 @@
         --avatar-size: var(--control-height-1);
         --avatar-fallback-one-letter-font-size: var(--font-size-2);
         --avatar-fallback-two-letters-font-size: var(--font-size-1);
-        border-radius: var(--radius-pill-1);
+        border-radius: var(--radius-control-1);
         letter-spacing: var(--letter-spacing-1);
         --avatar-status-size: 6px;
         --avatar-status-border-width: 1.5px;
@@ -2065,7 +2088,7 @@
         --avatar-size: var(--control-height-2);
         --avatar-fallback-one-letter-font-size: var(--font-size-3);
         --avatar-fallback-two-letters-font-size: var(--font-size-2);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
         letter-spacing: var(--letter-spacing-2);
         --avatar-status-size: 8px;
         --avatar-status-border-width: 2px;
@@ -2075,7 +2098,7 @@
         --avatar-size: var(--control-height-3);
         --avatar-fallback-one-letter-font-size: var(--font-size-4);
         --avatar-fallback-two-letters-font-size: var(--font-size-3);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
         letter-spacing: var(--letter-spacing-3);
         --avatar-status-size: 10px;
         --avatar-status-border-width: 2px;
@@ -2085,7 +2108,7 @@
         --avatar-size: var(--control-height-4);
         --avatar-fallback-one-letter-font-size: var(--font-size-5);
         --avatar-fallback-two-letters-font-size: var(--font-size-4);
-        border-radius: var(--radius-pill-4);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-4);
         --avatar-status-size: 12px;
         --avatar-status-border-width: 2px;
@@ -2095,7 +2118,7 @@
         --avatar-size: calc(56px * var(--scale));
         --avatar-fallback-one-letter-font-size: var(--font-size-6);
         --avatar-fallback-two-letters-font-size: var(--font-size-5);
-        border-radius: var(--radius-pill-5);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-5);
         --avatar-status-size: 14px;
         --avatar-status-border-width: 2px;
@@ -2105,7 +2128,7 @@
         --avatar-size: var(--space-10);
         --avatar-fallback-one-letter-font-size: var(--font-size-7);
         --avatar-fallback-two-letters-font-size: var(--font-size-6);
-        border-radius: var(--radius-pill-6);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-6);
         --avatar-status-size: 16px;
         --avatar-status-border-width: 3px;
@@ -2115,7 +2138,7 @@
         --avatar-size: calc(80px * var(--scale));
         --avatar-fallback-one-letter-font-size: var(--font-size-7);
         --avatar-fallback-two-letters-font-size: var(--font-size-6);
-        border-radius: var(--radius-pill-7);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-7);
         --avatar-status-size: 18px;
         --avatar-status-border-width: 3px;
@@ -2125,7 +2148,7 @@
         --avatar-size: calc(96px * var(--scale));
         --avatar-fallback-one-letter-font-size: var(--font-size-8);
         --avatar-fallback-two-letters-font-size: var(--font-size-7);
-        border-radius: var(--radius-pill-8);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-8);
         --avatar-status-size: 20px;
         --avatar-status-border-width: 3px;
@@ -2135,7 +2158,7 @@
         --avatar-size: var(--space-12);
         --avatar-fallback-one-letter-font-size: var(--font-size-9);
         --avatar-fallback-two-letters-font-size: var(--font-size-8);
-        border-radius: var(--radius-pill-9);
+        border-radius: max(var(--radius-control-4), var(--radius-full));
         letter-spacing: var(--letter-spacing-9);
         --avatar-status-size: 24px;
         --avatar-status-border-width: 4px;
@@ -2386,7 +2409,7 @@
     letter-spacing: var(--letter-spacing-1);
     padding: var(--space-2) var(--space-3);
     gap: var(--space-2);
-    border-radius: var(--radius-pill-1);
+    border-radius: var(--radius-control-1);
 }
 .rt-Badge:where(.rt-r-size-2):where(.rt-variant-ghost) {
     padding: var(--space-1) var(--space-2);
@@ -2397,7 +2420,7 @@
     letter-spacing: var(--letter-spacing-2);
     padding: var(--space-2) var(--space-4);
     gap: var(--space-3);
-    border-radius: var(--radius-pill-2);
+    border-radius: var(--radius-control-2);
 }
 .rt-Badge:where(.rt-r-size-3):where(.rt-variant-ghost) {
     padding: var(--space-1) var(--space-3);
@@ -2409,7 +2432,7 @@
     letter-spacing: var(--letter-spacing-3);
     padding: var(--space-2) var(--space-4);
     gap: var(--space-3);
-    border-radius: var(--radius-pill-3);
+    border-radius: var(--radius-control-3);
 }
 .rt-Badge:where(.rt-r-size-4):where(.rt-variant-ghost) {
     padding: var(--space-2) var(--space-3);
@@ -2429,7 +2452,7 @@
         letter-spacing: var(--letter-spacing-1);
         padding: var(--space-2) var(--space-3);
         gap: var(--space-2);
-        border-radius: var(--radius-pill-1);
+        border-radius: var(--radius-control-1);
     }
     .rt-Badge:where(.xs\:rt-r-size-2):where(.rt-variant-ghost) {
         padding: var(--space-1) var(--space-2);
@@ -2440,7 +2463,7 @@
         letter-spacing: var(--letter-spacing-2);
         padding: var(--space-2) var(--space-4);
         gap: var(--space-3);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
     }
     .rt-Badge:where(.xs\:rt-r-size-3):where(.rt-variant-ghost) {
         padding: var(--space-1) var(--space-3);
@@ -2452,7 +2475,7 @@
         letter-spacing: var(--letter-spacing-3);
         padding: var(--space-2) var(--space-4);
         gap: var(--space-3);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
     }
     .rt-Badge:where(.xs\:rt-r-size-4):where(.rt-variant-ghost) {
         padding: var(--space-2) var(--space-3);
@@ -2473,7 +2496,7 @@
         letter-spacing: var(--letter-spacing-1);
         padding: var(--space-2) var(--space-3);
         gap: var(--space-2);
-        border-radius: var(--radius-pill-1);
+        border-radius: var(--radius-control-1);
     }
     .rt-Badge:where(.sm\:rt-r-size-2):where(.rt-variant-ghost) {
         padding: var(--space-1) var(--space-2);
@@ -2484,7 +2507,7 @@
         letter-spacing: var(--letter-spacing-2);
         padding: var(--space-2) var(--space-4);
         gap: var(--space-3);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
     }
     .rt-Badge:where(.sm\:rt-r-size-3):where(.rt-variant-ghost) {
         padding: var(--space-1) var(--space-3);
@@ -2496,7 +2519,7 @@
         letter-spacing: var(--letter-spacing-3);
         padding: var(--space-2) var(--space-4);
         gap: var(--space-3);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
     }
     .rt-Badge:where(.sm\:rt-r-size-4):where(.rt-variant-ghost) {
         padding: var(--space-2) var(--space-3);
@@ -2517,7 +2540,7 @@
         letter-spacing: var(--letter-spacing-1);
         padding: var(--space-2) var(--space-3);
         gap: var(--space-2);
-        border-radius: var(--radius-pill-1);
+        border-radius: var(--radius-control-1);
     }
     .rt-Badge:where(.md\:rt-r-size-2):where(.rt-variant-ghost) {
         padding: var(--space-1) var(--space-2);
@@ -2528,7 +2551,7 @@
         letter-spacing: var(--letter-spacing-2);
         padding: var(--space-2) var(--space-4);
         gap: var(--space-3);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
     }
     .rt-Badge:where(.md\:rt-r-size-3):where(.rt-variant-ghost) {
         padding: var(--space-1) var(--space-3);
@@ -2540,7 +2563,7 @@
         letter-spacing: var(--letter-spacing-3);
         padding: var(--space-2) var(--space-4);
         gap: var(--space-3);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
     }
     .rt-Badge:where(.md\:rt-r-size-4):where(.rt-variant-ghost) {
         padding: var(--space-2) var(--space-3);
@@ -2561,7 +2584,7 @@
         letter-spacing: var(--letter-spacing-1);
         padding: var(--space-2) var(--space-3);
         gap: var(--space-2);
-        border-radius: var(--radius-pill-1);
+        border-radius: var(--radius-control-1);
     }
     .rt-Badge:where(.lg\:rt-r-size-2):where(.rt-variant-ghost) {
         padding: var(--space-1) var(--space-2);
@@ -2572,7 +2595,7 @@
         letter-spacing: var(--letter-spacing-2);
         padding: var(--space-2) var(--space-4);
         gap: var(--space-3);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
     }
     .rt-Badge:where(.lg\:rt-r-size-3):where(.rt-variant-ghost) {
         padding: var(--space-1) var(--space-3);
@@ -2584,7 +2607,7 @@
         letter-spacing: var(--letter-spacing-3);
         padding: var(--space-2) var(--space-4);
         gap: var(--space-3);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
     }
     .rt-Badge:where(.lg\:rt-r-size-4):where(.rt-variant-ghost) {
         padding: var(--space-2) var(--space-3);
@@ -2605,7 +2628,7 @@
         letter-spacing: var(--letter-spacing-1);
         padding: var(--space-2) var(--space-3);
         gap: var(--space-2);
-        border-radius: var(--radius-pill-1);
+        border-radius: var(--radius-control-1);
     }
     .rt-Badge:where(.xl\:rt-r-size-2):where(.rt-variant-ghost) {
         padding: var(--space-1) var(--space-2);
@@ -2616,7 +2639,7 @@
         letter-spacing: var(--letter-spacing-2);
         padding: var(--space-2) var(--space-4);
         gap: var(--space-3);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
     }
     .rt-Badge:where(.xl\:rt-r-size-3):where(.rt-variant-ghost) {
         padding: var(--space-1) var(--space-3);
@@ -2628,7 +2651,7 @@
         letter-spacing: var(--letter-spacing-3);
         padding: var(--space-2) var(--space-4);
         gap: var(--space-3);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
     }
     .rt-Badge:where(.xl\:rt-r-size-4):where(.rt-variant-ghost) {
         padding: var(--space-2) var(--space-3);
@@ -3373,12 +3396,6 @@
     font-weight: var(--font-weight-normal);
     font-style: normal;
     text-align: start;
-    --inset-border-width: var(--base-card-border-width);
-    --inset-border-radius: var(--base-card-border-radius);
-    --inset-padding-top: calc(var(--base-card-padding-top) - var(--base-card-border-width));
-    --inset-padding-right: calc(var(--base-card-padding-right) - var(--base-card-border-width));
-    --inset-padding-bottom: calc(var(--base-card-padding-bottom) - var(--base-card-border-width));
-    --inset-padding-left: calc(var(--base-card-padding-left) - var(--base-card-border-width));
 }
 .rt-BaseCard::before,.rt-BaseCard::after {
     content: '';
@@ -3397,230 +3414,182 @@
     cursor: pointer;
 }
 .rt-BaseCard:where(.rt-r-size-1) {
-    --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-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
+    --base-card-padding-top: var(--surface-p-1);
+    --base-card-padding-right: var(--surface-p-1);
+    --base-card-padding-bottom: var(--surface-p-1);
+    --base-card-padding-left: var(--surface-p-1);
+    --base-card-border-radius: var(--radius-surface-1);
 }
 .rt-BaseCard:where(.rt-r-size-2) {
-    --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-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+    --base-card-padding-top: var(--surface-p-2);
+    --base-card-padding-right: var(--surface-p-2);
+    --base-card-padding-bottom: var(--surface-p-2);
+    --base-card-padding-left: var(--surface-p-2);
+    --base-card-border-radius: var(--radius-surface-2);
 }
 .rt-BaseCard:where(.rt-r-size-3) {
-    --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-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+    --base-card-padding-top: var(--surface-p-3);
+    --base-card-padding-right: var(--surface-p-3);
+    --base-card-padding-bottom: var(--surface-p-3);
+    --base-card-padding-left: var(--surface-p-3);
+    --base-card-border-radius: var(--radius-surface-3);
 }
 .rt-BaseCard:where(.rt-r-size-4) {
-    --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-surface-8), calc(var(--radius-surface-4) + var(--space-5)));
-}
-.rt-BaseCard:where(.rt-r-size-5) {
-    --base-card-padding-top: var(--space-7);
-    --base-card-padding-right: var(--space-7);
-    --base-card-padding-bottom: var(--space-7);
-    --base-card-padding-left: var(--space-7);
-    --base-card-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-6)));
+    --base-card-padding-top: var(--surface-p-4);
+    --base-card-padding-right: var(--surface-p-4);
+    --base-card-padding-bottom: var(--surface-p-4);
+    --base-card-padding-left: var(--surface-p-4);
+    --base-card-border-radius: var(--radius-surface-4);
 }
 @media (min-width: 520px) {
     .rt-BaseCard:where(.xs\:rt-r-size-1) {
-        --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-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
+        --base-card-padding-top: var(--surface-p-1);
+        --base-card-padding-right: var(--surface-p-1);
+        --base-card-padding-bottom: var(--surface-p-1);
+        --base-card-padding-left: var(--surface-p-1);
+        --base-card-border-radius: var(--radius-surface-1);
     }
     .rt-BaseCard:where(.xs\:rt-r-size-2) {
-        --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-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        --base-card-padding-top: var(--surface-p-2);
+        --base-card-padding-right: var(--surface-p-2);
+        --base-card-padding-bottom: var(--surface-p-2);
+        --base-card-padding-left: var(--surface-p-2);
+        --base-card-border-radius: var(--radius-surface-2);
     }
     .rt-BaseCard:where(.xs\:rt-r-size-3) {
-        --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-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+        --base-card-padding-top: var(--surface-p-3);
+        --base-card-padding-right: var(--surface-p-3);
+        --base-card-padding-bottom: var(--surface-p-3);
+        --base-card-padding-left: var(--surface-p-3);
+        --base-card-border-radius: var(--radius-surface-3);
     }
     .rt-BaseCard:where(.xs\:rt-r-size-4) {
-        --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-surface-8), calc(var(--radius-surface-4) + var(--space-5)));
-    }
-    .rt-BaseCard:where(.xs\:rt-r-size-5) {
-        --base-card-padding-top: var(--space-7);
-        --base-card-padding-right: var(--space-7);
-        --base-card-padding-bottom: var(--space-7);
-        --base-card-padding-left: var(--space-7);
-        --base-card-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-6)));
+        --base-card-padding-top: var(--surface-p-4);
+        --base-card-padding-right: var(--surface-p-4);
+        --base-card-padding-bottom: var(--surface-p-4);
+        --base-card-padding-left: var(--surface-p-4);
+        --base-card-border-radius: var(--radius-surface-4);
     }
 }
 @media (min-width: 768px) {
     .rt-BaseCard:where(.sm\:rt-r-size-1) {
-        --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-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
+        --base-card-padding-top: var(--surface-p-1);
+        --base-card-padding-right: var(--surface-p-1);
+        --base-card-padding-bottom: var(--surface-p-1);
+        --base-card-padding-left: var(--surface-p-1);
+        --base-card-border-radius: var(--radius-surface-1);
     }
     .rt-BaseCard:where(.sm\:rt-r-size-2) {
-        --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-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        --base-card-padding-top: var(--surface-p-2);
+        --base-card-padding-right: var(--surface-p-2);
+        --base-card-padding-bottom: var(--surface-p-2);
+        --base-card-padding-left: var(--surface-p-2);
+        --base-card-border-radius: var(--radius-surface-2);
     }
     .rt-BaseCard:where(.sm\:rt-r-size-3) {
-        --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-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+        --base-card-padding-top: var(--surface-p-3);
+        --base-card-padding-right: var(--surface-p-3);
+        --base-card-padding-bottom: var(--surface-p-3);
+        --base-card-padding-left: var(--surface-p-3);
+        --base-card-border-radius: var(--radius-surface-3);
     }
     .rt-BaseCard:where(.sm\:rt-r-size-4) {
-        --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-surface-8), calc(var(--radius-surface-4) + var(--space-5)));
-    }
-    .rt-BaseCard:where(.sm\:rt-r-size-5) {
-        --base-card-padding-top: var(--space-7);
-        --base-card-padding-right: var(--space-7);
-        --base-card-padding-bottom: var(--space-7);
-        --base-card-padding-left: var(--space-7);
-        --base-card-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-6)));
+        --base-card-padding-top: var(--surface-p-4);
+        --base-card-padding-right: var(--surface-p-4);
+        --base-card-padding-bottom: var(--surface-p-4);
+        --base-card-padding-left: var(--surface-p-4);
+        --base-card-border-radius: var(--radius-surface-4);
     }
 }
 @media (min-width: 1024px) {
     .rt-BaseCard:where(.md\:rt-r-size-1) {
-        --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-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
+        --base-card-padding-top: var(--surface-p-1);
+        --base-card-padding-right: var(--surface-p-1);
+        --base-card-padding-bottom: var(--surface-p-1);
+        --base-card-padding-left: var(--surface-p-1);
+        --base-card-border-radius: var(--radius-surface-1);
     }
     .rt-BaseCard:where(.md\:rt-r-size-2) {
-        --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-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        --base-card-padding-top: var(--surface-p-2);
+        --base-card-padding-right: var(--surface-p-2);
+        --base-card-padding-bottom: var(--surface-p-2);
+        --base-card-padding-left: var(--surface-p-2);
+        --base-card-border-radius: var(--radius-surface-2);
     }
     .rt-BaseCard:where(.md\:rt-r-size-3) {
-        --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-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+        --base-card-padding-top: var(--surface-p-3);
+        --base-card-padding-right: var(--surface-p-3);
+        --base-card-padding-bottom: var(--surface-p-3);
+        --base-card-padding-left: var(--surface-p-3);
+        --base-card-border-radius: var(--radius-surface-3);
     }
     .rt-BaseCard:where(.md\:rt-r-size-4) {
-        --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-surface-8), calc(var(--radius-surface-4) + var(--space-5)));
-    }
-    .rt-BaseCard:where(.md\:rt-r-size-5) {
-        --base-card-padding-top: var(--space-7);
-        --base-card-padding-right: var(--space-7);
-        --base-card-padding-bottom: var(--space-7);
-        --base-card-padding-left: var(--space-7);
-        --base-card-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-6)));
+        --base-card-padding-top: var(--surface-p-4);
+        --base-card-padding-right: var(--surface-p-4);
+        --base-card-padding-bottom: var(--surface-p-4);
+        --base-card-padding-left: var(--surface-p-4);
+        --base-card-border-radius: var(--radius-surface-4);
     }
 }
 @media (min-width: 1280px) {
     .rt-BaseCard:where(.lg\:rt-r-size-1) {
-        --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-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
+        --base-card-padding-top: var(--surface-p-1);
+        --base-card-padding-right: var(--surface-p-1);
+        --base-card-padding-bottom: var(--surface-p-1);
+        --base-card-padding-left: var(--surface-p-1);
+        --base-card-border-radius: var(--radius-surface-1);
     }
     .rt-BaseCard:where(.lg\:rt-r-size-2) {
-        --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-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        --base-card-padding-top: var(--surface-p-2);
+        --base-card-padding-right: var(--surface-p-2);
+        --base-card-padding-bottom: var(--surface-p-2);
+        --base-card-padding-left: var(--surface-p-2);
+        --base-card-border-radius: var(--radius-surface-2);
     }
     .rt-BaseCard:where(.lg\:rt-r-size-3) {
-        --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-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+        --base-card-padding-top: var(--surface-p-3);
+        --base-card-padding-right: var(--surface-p-3);
+        --base-card-padding-bottom: var(--surface-p-3);
+        --base-card-padding-left: var(--surface-p-3);
+        --base-card-border-radius: var(--radius-surface-3);
     }
     .rt-BaseCard:where(.lg\:rt-r-size-4) {
-        --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-surface-8), calc(var(--radius-surface-4) + var(--space-5)));
-    }
-    .rt-BaseCard:where(.lg\:rt-r-size-5) {
-        --base-card-padding-top: var(--space-7);
-        --base-card-padding-right: var(--space-7);
-        --base-card-padding-bottom: var(--space-7);
-        --base-card-padding-left: var(--space-7);
-        --base-card-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-6)));
+        --base-card-padding-top: var(--surface-p-4);
+        --base-card-padding-right: var(--surface-p-4);
+        --base-card-padding-bottom: var(--surface-p-4);
+        --base-card-padding-left: var(--surface-p-4);
+        --base-card-border-radius: var(--radius-surface-4);
     }
 }
 @media (min-width: 1640px) {
     .rt-BaseCard:where(.xl\:rt-r-size-1) {
-        --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-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
+        --base-card-padding-top: var(--surface-p-1);
+        --base-card-padding-right: var(--surface-p-1);
+        --base-card-padding-bottom: var(--surface-p-1);
+        --base-card-padding-left: var(--surface-p-1);
+        --base-card-border-radius: var(--radius-surface-1);
     }
     .rt-BaseCard:where(.xl\:rt-r-size-2) {
-        --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-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        --base-card-padding-top: var(--surface-p-2);
+        --base-card-padding-right: var(--surface-p-2);
+        --base-card-padding-bottom: var(--surface-p-2);
+        --base-card-padding-left: var(--surface-p-2);
+        --base-card-border-radius: var(--radius-surface-2);
     }
     .rt-BaseCard:where(.xl\:rt-r-size-3) {
-        --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-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+        --base-card-padding-top: var(--surface-p-3);
+        --base-card-padding-right: var(--surface-p-3);
+        --base-card-padding-bottom: var(--surface-p-3);
+        --base-card-padding-left: var(--surface-p-3);
+        --base-card-border-radius: var(--radius-surface-3);
     }
     .rt-BaseCard:where(.xl\:rt-r-size-4) {
-        --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-surface-8), calc(var(--radius-surface-4) + var(--space-5)));
-    }
-    .rt-BaseCard:where(.xl\:rt-r-size-5) {
-        --base-card-padding-top: var(--space-7);
-        --base-card-padding-right: var(--space-7);
-        --base-card-padding-bottom: var(--space-7);
-        --base-card-padding-left: var(--space-7);
-        --base-card-border-radius: min(var(--radius-surface-9), calc(var(--radius-surface-5) + var(--space-6)));
-    }
-}
-.rt-BaseCard:where([data-inset='true']) {
-    --base-card-padding-top: 0px;
-    --base-card-padding-right: 0px;
-    --base-card-padding-bottom: 0px;
-    --base-card-padding-left: 0px;
+        --base-card-padding-top: var(--surface-p-4);
+        --base-card-padding-right: var(--surface-p-4);
+        --base-card-padding-bottom: var(--surface-p-4);
+        --base-card-padding-left: var(--surface-p-4);
+        --base-card-border-radius: var(--radius-surface-4);
+    }
 }
 .rt-BaseCard:where(.rt-variant-outline) {
     --card-border-width: 1px;
@@ -3755,26 +3724,6 @@
     --v-focus-color: var(--focus-8);
     --v-focus-offset: -1px;
 }
-.rt-BaseCard:where(.rt-variant-ghost):where([data-flush='true']) {
-    --margin-top: 0px;
-    --margin-right: 0px;
-    --margin-bottom: 0px;
-    --margin-left: 0px;
-    --margin-top-override: calc(var(--margin-top) - var(--card-padding));
-    --margin-right-override: calc(var(--margin-right) - var(--card-padding));
-    --margin-bottom-override: calc(var(--margin-bottom) - var(--card-padding));
-    --margin-left-override: calc(var(--margin-left) - var(--card-padding));
-    margin-top: var(--margin-top-override);
-    margin-right: var(--margin-right-override);
-    margin-bottom: var(--margin-bottom-override);
-    margin-left: var(--margin-left-override);
-}
-:where(.rt-BaseCard:where(.rt-variant-ghost):where([data-flush='true'])) > * {
-    --margin-top-override: initial;
-    --margin-right-override: initial;
-    --margin-bottom-override: initial;
-    --margin-left-override: initial;
-}
 .rt-BaseCard:where(.rt-variant-ghost):where(:focus-visible) {
     outline: 2px solid var(--v-focus-color);
     outline-offset: var(--v-focus-offset);
@@ -3916,6 +3865,11 @@
 }
 .rt-Card {
     --base-card-border-width: var(--card-border-width);
+    --base-card-padding-top: var(--kui-sf-p);
+    --base-card-padding-right: var(--kui-sf-p);
+    --base-card-padding-bottom: var(--kui-sf-p);
+    --base-card-padding-left: var(--kui-sf-p);
+    --base-card-border-radius: var(--kui-sf-r);
 }
 .rt-Card:where(:focus-visible) {
     outline: 2px solid var(--focus-8);
@@ -4295,62 +4249,50 @@
     font-size: var(--font-size-2);
     --line-height: var(--line-height-2);
     --letter-spacing: var(--letter-spacing-2);
-    --checkbox-cards-item-checkbox-size: calc(var(--space-5) * var(--spacing-multiplier-medium));
+    --checkbox-cards-item-checkbox-size: var(--mark-1, calc(16px * var(--scale)));
 }
 .rt-CheckboxCardsRoot:where(.rt-r-size-2) {
     font-size: var(--font-size-2);
     --line-height: var(--line-height-2);
     --letter-spacing: var(--letter-spacing-2);
-    --checkbox-cards-item-checkbox-size: var(--space-5);
+    --checkbox-cards-item-checkbox-size: var(--mark-2, calc(20px * var(--scale)));
 }
 .rt-CheckboxCardsRoot:where(.rt-r-size-3) {
     font-size: var(--font-size-3);
     --line-height: var(--line-height-3);
     --letter-spacing: var(--letter-spacing-3);
-    --checkbox-cards-item-checkbox-size: calc(var(--space-5) * var(--spacing-multiplier-large));
+    --checkbox-cards-item-checkbox-size: var(--mark-3, calc(24px * var(--scale)));
 }
 .rt-CheckboxCardsRoot:where(.rt-r-size-4) {
     font-size: var(--font-size-3);
     --line-height: var(--line-height-3);
     --letter-spacing: var(--letter-spacing-3);
-    --checkbox-cards-item-checkbox-size: calc(var(--space-5) * var(--spacing-multiplier-large));
-}
-.rt-CheckboxCardsRoot:where(.rt-r-size-5) {
-    font-size: var(--font-size-4);
-    --line-height: var(--line-height-4);
-    --letter-spacing: var(--letter-spacing-4);
-    --checkbox-cards-item-checkbox-size: calc(var(--space-6) * var(--spacing-multiplier-medium));
+    --checkbox-cards-item-checkbox-size: var(--mark-4, calc(26px * var(--scale)));
 }
 @media (min-width: 520px) {
     .rt-CheckboxCardsRoot:where(.xs\:rt-r-size-1) {
         font-size: var(--font-size-2);
         --line-height: var(--line-height-2);
         --letter-spacing: var(--letter-spacing-2);
-        --checkbox-cards-item-checkbox-size: calc(var(--space-5) * var(--spacing-multiplier-medium));
+        --checkbox-cards-item-checkbox-size: var(--mark-1, calc(16px * var(--scale)));
     }
     .rt-CheckboxCardsRoot:where(.xs\:rt-r-size-2) {
         font-size: var(--font-size-2);
         --line-height: var(--line-height-2);
         --letter-spacing: var(--letter-spacing-2);
-        --checkbox-cards-item-checkbox-size: var(--space-5);
+        --checkbox-cards-item-checkbox-size: var(--mark-2, calc(20px * var(--scale)));
     }
     .rt-CheckboxCardsRoot:where(.xs\:rt-r-size-3) {
         font-size: var(--font-size-3);
         --line-height: var(--line-height-3);
         --letter-spacing: var(--letter-spacing-3);
-        --checkbox-cards-item-checkbox-size: calc(var(--space-5) * var(--spacing-multiplier-large));
+        --checkbox-cards-item-checkbox-size: var(--mark-3, calc(24px * var(--scale)));
     }
     .rt-CheckboxCardsRoot:where(.xs\:rt-r-size-4) {
         font-size: var(--font-size-3);
         --line-height: var(--line-height-3);
         --letter-spacing: var(--letter-spacing-3);
-        --checkbox-cards-item-checkbox-size: calc(var(--space-5) * var(--spacing-multiplier-large));
-    }
-    .rt-CheckboxCardsRoot:where(.xs\:rt-r-size-5) {
-        font-size: var(--font-size-4);
-        --line-height: var(--line-height-4);
-        --letter-spacing: var(--letter-spacing-4);
-        --checkbox-cards-item-checkbox-size: calc(var(--space-6) * var(--spacing-multiplier-medium));
+        --checkbox-cards-item-checkbox-size: var(--mark-4, calc(26px * var(--scale)));
     }
 }
 @media (min-width: 768px) {
@@ -4358,31 +4300,25 @@
         font-size: var(--font-size-2);
         --line-height: var(--line-height-2);
         --letter-spacing: var(--letter-spacing-2);
-        --checkbox-cards-item-checkbox-size: calc(var(--space-5) * var(--spacing-multiplier-medium));
+        --checkbox-cards-item-checkbox-size: var(--mark-1, calc(16px * var(--scale)));
     }
     .rt-CheckboxCardsRoot:where(.sm\:rt-r-size-2) {
         font-size: var(--font-size-2);
         --line-height: var(--line-height-2);
         --letter-spacing: var(--letter-spacing-2);
-        --checkbox-cards-item-checkbox-size: var(--space-5);
+        --checkbox-cards-item-checkbox-size: var(--mark-2, calc(20px * var(--scale)));
     }
     .rt-CheckboxCardsRoot:where(.sm\:rt-r-size-3) {
         font-size: var(--font-size-3);
         --line-height: var(--line-height-3);
         --letter-spacing: var(--letter-spacing-3);
-        --checkbox-cards-item-checkbox-size: calc(var(--space-5) * var(--spacing-multiplier-large));
+        --checkbox-cards-item-checkbox-size: var(--mark-3, calc(24px * var(--scale)));
     }
     .rt-CheckboxCardsRoot:where(.sm\:rt-r-size-4) {
         font-size: var(--font-size-3);
         --line-height: var(--line-height-3);
         --letter-spacing: var(--letter-spacing-3);
-        --checkbox-cards-item-checkbox-size: calc(var(--space-5) * var(--spacing-multiplier-large));
-    }
-    .rt-CheckboxCardsRoot:where(.sm\:rt-r-size-5) {
-        font-size: var(--font-size-4);
-        --line-height: var(--line-height-4);
-        --letter-spacing: var(--letter-spacing-4);
-        --checkbox-cards-item-checkbox-size: calc(var(--space-6) * var(--spacing-multiplier-medium));
+        --checkbox-cards-item-checkbox-size: var(--mark-4, calc(26px * var(--scale)));
     }
 }
 @media (min-width: 1024px) {
@@ -4390,31 +4326,25 @@
         font-size: var(--font-size-2);
         --line-height: var(--line-height-2);
         --letter-spacing: var(--letter-spacing-2);
-        --checkbox-cards-item-checkbox-size: calc(var(--space-5) * var(--spacing-multiplier-medium));
+        --checkbox-cards-item-checkbox-size: var(--mark-1, calc(16px * var(--scale)));
     }
     .rt-CheckboxCardsRoot:where(.md\:rt-r-size-2) {
         font-size: var(--font-size-2);
         --line-height: var(--line-height-2);
         --letter-spacing: var(--letter-spacing-2);
-        --checkbox-cards-item-checkbox-size: var(--space-5);
+        --checkbox-cards-item-checkbox-size: var(--mark-2, calc(20px * var(--scale)));
     }
     .rt-CheckboxCardsRoot:where(.md\:rt-r-size-3) {
         font-size: var(--font-size-3);
         --line-height: var(--line-height-3);
         --letter-spacing: var(--letter-spacing-3);
-        --checkbox-cards-item-checkbox-size: calc(var(--space-5) * var(--spacing-multiplier-large));
+        --checkbox-cards-item-checkbox-size: var(--mark-3, calc(24px * var(--scale)));
     }
     .rt-CheckboxCardsRoot:where(.md\:rt-r-size-4) {
         font-size: var(--font-size-3);
         --line-height: var(--line-height-3);
         --letter-spacing: var(--letter-spacing-3);
-        --checkbox-cards-item-checkbox-size: calc(var(--space-5) * var(--spacing-multiplier-large));
-    }
-    .rt-CheckboxCardsRoot:where(.md\:rt-r-size-5) {
-        font-size: var(--font-size-4);
-        --line-height: var(--line-height-4);
-        --letter-spacing: var(--letter-spacing-4);
-        --checkbox-cards-item-checkbox-size: calc(var(--space-6) * var(--spacing-multiplier-medium));
+        --checkbox-cards-item-checkbox-size: var(--mark-4, calc(26px * var(--scale)));
     }
 }
 @media (min-width: 1280px) {
@@ -4422,31 +4352,25 @@
         font-size: var(--font-size-2);
         --line-height: var(--line-height-2);
         --letter-spacing: var(--letter-spacing-2);
-        --checkbox-cards-item-checkbox-size: calc(var(--space-5) * var(--spacing-multiplier-medium));
+        --checkbox-cards-item-checkbox-size: var(--mark-1, calc(16px * var(--scale)));
     }
     .rt-CheckboxCardsRoot:where(.lg\:rt-r-size-2) {
         font-size: var(--font-size-2);
         --line-height: var(--line-height-2);
         --letter-spacing: var(--letter-spacing-2);
-        --checkbox-cards-item-checkbox-size: var(--space-5);
+        --checkbox-cards-item-checkbox-size: var(--mark-2, calc(20px * var(--scale)));
     }
     .rt-CheckboxCardsRoot:where(.lg\:rt-r-size-3) {
         font-size: var(--font-size-3);
         --line-height: var(--line-height-3);
         --letter-spacing: var(--letter-spacing-3);
-        --checkbox-cards-item-checkbox-size: calc(var(--space-5) * var(--spacing-multiplier-large));
+        --checkbox-cards-item-checkbox-size: var(--mark-3, calc(24px * var(--scale)));
     }
     .rt-CheckboxCardsRoot:where(.lg\:rt-r-size-4) {
         font-size: var(--font-size-3);
         --line-height: var(--line-height-3);
         --letter-spacing: var(--letter-spacing-3);
-        --checkbox-cards-item-checkbox-size: calc(var(--space-5) * var(--spacing-multiplier-large));
-    }
-    .rt-CheckboxCardsRoot:where(.lg\:rt-r-size-5) {
-        font-size: var(--font-size-4);
-        --line-height: var(--line-height-4);
-        --letter-spacing: var(--letter-spacing-4);
-        --checkbox-cards-item-checkbox-size: calc(var(--space-6) * var(--spacing-multiplier-medium));
+        --checkbox-cards-item-checkbox-size: var(--mark-4, calc(26px * var(--scale)));
     }
 }
 @media (min-width: 1640px) {
@@ -4454,31 +4378,25 @@
         font-size: var(--font-size-2);
         --line-height: var(--line-height-2);
         --letter-spacing: var(--letter-spacing-2);
-        --checkbox-cards-item-checkbox-size: calc(var(--space-5) * var(--spacing-multiplier-medium));
+        --checkbox-cards-item-checkbox-size: var(--mark-1, calc(16px * var(--scale)));
     }
     .rt-CheckboxCardsRoot:where(.xl\:rt-r-size-2) {
         font-size: var(--font-size-2);
         --line-height: var(--line-height-2);
         --letter-spacing: var(--letter-spacing-2);
-        --checkbox-cards-item-checkbox-size: var(--space-5);
+        --checkbox-cards-item-checkbox-size: var(--mark-2, calc(20px * var(--scale)));
     }
     .rt-CheckboxCardsRoot:where(.xl\:rt-r-size-3) {
         font-size: var(--font-size-3);
         --line-height: var(--line-height-3);
         --letter-spacing: var(--letter-spacing-3);
-        --checkbox-cards-item-checkbox-size: calc(var(--space-5) * var(--spacing-multiplier-large));
+        --checkbox-cards-item-checkbox-size: var(--mark-3, calc(24px * var(--scale)));
     }
     .rt-CheckboxCardsRoot:where(.xl\:rt-r-size-4) {
         font-size: var(--font-size-3);
         --line-height: var(--line-height-3);
         --letter-spacing: var(--letter-spacing-3);
-        --checkbox-cards-item-checkbox-size: calc(var(--space-5) * var(--spacing-multiplier-large));
-    }
-    .rt-CheckboxCardsRoot:where(.xl\:rt-r-size-5) {
-        font-size: var(--font-size-4);
-        --line-height: var(--line-height-4);
-        --letter-spacing: var(--letter-spacing-4);
-        --checkbox-cards-item-checkbox-size: calc(var(--space-6) * var(--spacing-multiplier-medium));
+        --checkbox-cards-item-checkbox-size: var(--mark-4, calc(26px * var(--scale)));
     }
 }
 @media (pointer: coarse) {
@@ -4499,106 +4417,6 @@
 .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-2)));
-}
-.rt-CheckboxCardsItem:where(.rt-r-size-2) {
-    --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
-}
-.rt-CheckboxCardsItem:where(.rt-r-size-3) {
-    --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
-}
-.rt-CheckboxCardsItem:where(.rt-r-size-4) {
-    --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
-}
-.rt-CheckboxCardsItem:where(.rt-r-size-5) {
-    --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-6)));
-}
-@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-2)));
-    }
-    .rt-CheckboxCardsItem:where(.xs\:rt-r-size-2) {
-        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
-    }
-    .rt-CheckboxCardsItem:where(.xs\:rt-r-size-3) {
-        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
-    }
-    .rt-CheckboxCardsItem:where(.xs\:rt-r-size-4) {
-        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
-    }
-    .rt-CheckboxCardsItem:where(.xs\:rt-r-size-5) {
-        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-6)));
-    }
-}
-@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-2)));
-    }
-    .rt-CheckboxCardsItem:where(.sm\:rt-r-size-2) {
-        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
-    }
-    .rt-CheckboxCardsItem:where(.sm\:rt-r-size-3) {
-        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
-    }
-    .rt-CheckboxCardsItem:where(.sm\:rt-r-size-4) {
-        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
-    }
-    .rt-CheckboxCardsItem:where(.sm\:rt-r-size-5) {
-        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-6)));
-    }
-}
-@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-2)));
-    }
-    .rt-CheckboxCardsItem:where(.md\:rt-r-size-2) {
-        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
-    }
-    .rt-CheckboxCardsItem:where(.md\:rt-r-size-3) {
-        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
-    }
-    .rt-CheckboxCardsItem:where(.md\:rt-r-size-4) {
-        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
-    }
-    .rt-CheckboxCardsItem:where(.md\:rt-r-size-5) {
-        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-6)));
-    }
-}
-@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-2)));
-    }
-    .rt-CheckboxCardsItem:where(.lg\:rt-r-size-2) {
-        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
-    }
-    .rt-CheckboxCardsItem:where(.lg\:rt-r-size-3) {
-        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
-    }
-    .rt-CheckboxCardsItem:where(.lg\:rt-r-size-4) {
-        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
-    }
-    .rt-CheckboxCardsItem:where(.lg\:rt-r-size-5) {
-        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-6)));
-    }
-}
-@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-2)));
-    }
-    .rt-CheckboxCardsItem:where(.xl\:rt-r-size-2) {
-        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
-    }
-    .rt-CheckboxCardsItem:where(.xl\:rt-r-size-3) {
-        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
-    }
-    .rt-CheckboxCardsItem:where(.xl\:rt-r-size-4) {
-        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
-    }
-    .rt-CheckboxCardsItem:where(.xl\:rt-r-size-5) {
-        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-6)));
-    }
-}
 .rt-CheckboxGroupRoot {
     display: -webkit-box;
     display: -ms-flexbox;
@@ -5304,7 +5122,7 @@
     --base-menu-item-padding-right: var(--space-3);
     --base-menu-item-padding-y: var(--space-2);
     --base-menu-item-height: var(--control-height-1);
-    border-radius: var(--radius-surface-3);
+    border-radius: var(--radius-surface-1);
 }
 .rt-BaseMenuContent:where(.rt-r-size-1) :where(.rt-BaseMenuItem) {
     gap: var(--component-gap-2);
@@ -5337,7 +5155,7 @@
     --base-menu-item-padding-right: var(--space-4);
     --base-menu-item-padding-y: var(--space-2);
     --base-menu-item-height: var(--control-height-2);
-    border-radius: var(--radius-surface-5);
+    border-radius: var(--radius-surface-2);
 }
 .rt-BaseMenuContent:where(.rt-r-size-2) :where(.rt-BaseMenuItem) {
     gap: var(--component-gap-3);
@@ -5370,7 +5188,7 @@
     --base-menu-item-padding-right: var(--space-4);
     --base-menu-item-padding-y: var(--space-3);
     --base-menu-item-height: var(--control-height-3);
-    border-radius: var(--radius-surface-6);
+    border-radius: var(--radius-surface-3);
 }
 .rt-BaseMenuContent:where(.rt-r-size-3) :where(.rt-BaseMenuItem) {
     gap: var(--component-gap-4);
@@ -5404,7 +5222,7 @@
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--control-height-1);
-        border-radius: var(--radius-surface-3);
+        border-radius: var(--radius-surface-1);
     }
     .rt-BaseMenuContent:where(.xs\:rt-r-size-1) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-2);
@@ -5437,7 +5255,7 @@
         --base-menu-item-padding-right: var(--space-4);
         --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--control-height-2);
-        border-radius: var(--radius-surface-5);
+        border-radius: var(--radius-surface-2);
     }
     .rt-BaseMenuContent:where(.xs\:rt-r-size-2) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-3);
@@ -5470,7 +5288,7 @@
         --base-menu-item-padding-right: var(--space-4);
         --base-menu-item-padding-y: var(--space-3);
         --base-menu-item-height: var(--control-height-3);
-        border-radius: var(--radius-surface-6);
+        border-radius: var(--radius-surface-3);
     }
     .rt-BaseMenuContent:where(.xs\:rt-r-size-3) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-4);
@@ -5505,7 +5323,7 @@
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--control-height-1);
-        border-radius: var(--radius-surface-3);
+        border-radius: var(--radius-surface-1);
     }
     .rt-BaseMenuContent:where(.sm\:rt-r-size-1) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-2);
@@ -5538,7 +5356,7 @@
         --base-menu-item-padding-right: var(--space-4);
         --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--control-height-2);
-        border-radius: var(--radius-surface-5);
+        border-radius: var(--radius-surface-2);
     }
     .rt-BaseMenuContent:where(.sm\:rt-r-size-2) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-3);
@@ -5571,7 +5389,7 @@
         --base-menu-item-padding-right: var(--space-4);
         --base-menu-item-padding-y: var(--space-3);
         --base-menu-item-height: var(--control-height-3);
-        border-radius: var(--radius-surface-6);
+        border-radius: var(--radius-surface-3);
     }
     .rt-BaseMenuContent:where(.sm\:rt-r-size-3) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-4);
@@ -5606,7 +5424,7 @@
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--control-height-1);
-        border-radius: var(--radius-surface-3);
+        border-radius: var(--radius-surface-1);
     }
     .rt-BaseMenuContent:where(.md\:rt-r-size-1) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-2);
@@ -5639,7 +5457,7 @@
         --base-menu-item-padding-right: var(--space-4);
         --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--control-height-2);
-        border-radius: var(--radius-surface-5);
+        border-radius: var(--radius-surface-2);
     }
     .rt-BaseMenuContent:where(.md\:rt-r-size-2) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-3);
@@ -5672,7 +5490,7 @@
         --base-menu-item-padding-right: var(--space-4);
         --base-menu-item-padding-y: var(--space-3);
         --base-menu-item-height: var(--control-height-3);
-        border-radius: var(--radius-surface-6);
+        border-radius: var(--radius-surface-3);
     }
     .rt-BaseMenuContent:where(.md\:rt-r-size-3) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-4);
@@ -5707,7 +5525,7 @@
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--control-height-1);
-        border-radius: var(--radius-surface-3);
+        border-radius: var(--radius-surface-1);
     }
     .rt-BaseMenuContent:where(.lg\:rt-r-size-1) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-2);
@@ -5740,7 +5558,7 @@
         --base-menu-item-padding-right: var(--space-4);
         --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--control-height-2);
-        border-radius: var(--radius-surface-5);
+        border-radius: var(--radius-surface-2);
     }
     .rt-BaseMenuContent:where(.lg\:rt-r-size-2) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-3);
@@ -5773,7 +5591,7 @@
         --base-menu-item-padding-right: var(--space-4);
         --base-menu-item-padding-y: var(--space-3);
         --base-menu-item-height: var(--control-height-3);
-        border-radius: var(--radius-surface-6);
+        border-radius: var(--radius-surface-3);
     }
     .rt-BaseMenuContent:where(.lg\:rt-r-size-3) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-4);
@@ -5808,7 +5626,7 @@
         --base-menu-item-padding-right: var(--space-3);
         --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--control-height-1);
-        border-radius: var(--radius-surface-3);
+        border-radius: var(--radius-surface-1);
     }
     .rt-BaseMenuContent:where(.xl\:rt-r-size-1) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-2);
@@ -5841,7 +5659,7 @@
         --base-menu-item-padding-right: var(--space-4);
         --base-menu-item-padding-y: var(--space-2);
         --base-menu-item-height: var(--control-height-2);
-        border-radius: var(--radius-surface-5);
+        border-radius: var(--radius-surface-2);
     }
     .rt-BaseMenuContent:where(.xl\:rt-r-size-2) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-3);
@@ -5874,7 +5692,7 @@
         --base-menu-item-padding-right: var(--space-4);
         --base-menu-item-padding-y: var(--space-3);
         --base-menu-item-height: var(--control-height-3);
-        border-radius: var(--radius-surface-6);
+        border-radius: var(--radius-surface-3);
     }
     .rt-BaseMenuContent:where(.xl\:rt-r-size-3) :where(.rt-BaseMenuItem) {
         gap: var(--component-gap-4);
@@ -6678,6 +6496,9 @@
         --leading-trim-end: var(--data-list-leading-trim-end);
     }
 }
+.rt-DialogContent {
+    max-width: var(--overlay-w);
+}
 .rt-DropdownMenuContent {
     max-height: var(--radix-dropdown-menu-content-available-height);
     -webkit-transform-origin: var(--radix-dropdown-menu-content-transform-origin);
@@ -6998,7 +6819,7 @@
     --text-field-gap: var(--control-gap-1);
     --text-field-icon-size: var(--icon-size-1);
     --text-field-slot-inset: var(--slot-inset-1);
-    --text-field-border-radius: var(--radius-pill-1);
+    --text-field-border-radius: var(--radius-control-1);
     --text-field-native-icon-size: var(--icon-size-1);
     font-size: var(--font-size-1);
     letter-spacing: var(--letter-spacing-1);
@@ -7017,7 +6838,7 @@
     --text-field-gap: var(--control-gap-2);
     --text-field-icon-size: var(--icon-size-2);
     --text-field-slot-inset: var(--slot-inset-2);
-    --text-field-border-radius: var(--radius-pill-2);
+    --text-field-border-radius: var(--radius-control-2);
     --text-field-native-icon-size: var(--icon-size-2);
     font-size: var(--font-size-2);
     letter-spacing: var(--letter-spacing-2);
@@ -7036,7 +6857,7 @@
     --text-field-gap: var(--control-gap-3);
     --text-field-icon-size: var(--icon-size-3);
     --text-field-slot-inset: var(--slot-inset-3);
-    --text-field-border-radius: var(--radius-pill-3);
+    --text-field-border-radius: var(--radius-control-3);
     --text-field-native-icon-size: var(--icon-size-3);
     font-size: var(--font-size-3);
     letter-spacing: var(--letter-spacing-3);
@@ -7055,7 +6876,7 @@
     --text-field-gap: var(--control-gap-4);
     --text-field-icon-size: var(--icon-size-4);
     --text-field-slot-inset: var(--slot-inset-4);
-    --text-field-border-radius: var(--radius-pill-4);
+    --text-field-border-radius: var(--radius-control-4);
     --text-field-native-icon-size: var(--icon-size-4);
     font-size: var(--font-size-4);
     letter-spacing: var(--letter-spacing-4);
@@ -7075,7 +6896,7 @@
         --text-field-gap: var(--control-gap-1);
         --text-field-icon-size: var(--icon-size-1);
         --text-field-slot-inset: var(--slot-inset-1);
-        --text-field-border-radius: var(--radius-pill-1);
+        --text-field-border-radius: var(--radius-control-1);
         --text-field-native-icon-size: var(--icon-size-1);
         font-size: var(--font-size-1);
         letter-spacing: var(--letter-spacing-1);
@@ -7094,7 +6915,7 @@
         --text-field-gap: var(--control-gap-2);
         --text-field-icon-size: var(--icon-size-2);
         --text-field-slot-inset: var(--slot-inset-2);
-        --text-field-border-radius: var(--radius-pill-2);
+        --text-field-border-radius: var(--radius-control-2);
         --text-field-native-icon-size: var(--icon-size-2);
         font-size: var(--font-size-2);
         letter-spacing: var(--letter-spacing-2);
@@ -7113,7 +6934,7 @@
         --text-field-gap: var(--control-gap-3);
         --text-field-icon-size: var(--icon-size-3);
         --text-field-slot-inset: var(--slot-inset-3);
-        --text-field-border-radius: var(--radius-pill-3);
+        --text-field-border-radius: var(--radius-control-3);
         --text-field-native-icon-size: var(--icon-size-3);
         font-size: var(--font-size-3);
         letter-spacing: var(--letter-spacing-3);
@@ -7132,7 +6953,7 @@
         --text-field-gap: var(--control-gap-4);
         --text-field-icon-size: var(--icon-size-4);
         --text-field-slot-inset: var(--slot-inset-4);
-        --text-field-border-radius: var(--radius-pill-4);
+        --text-field-border-radius: var(--radius-control-4);
         --text-field-native-icon-size: var(--icon-size-4);
         font-size: var(--font-size-4);
         letter-spacing: var(--letter-spacing-4);
@@ -7153,7 +6974,7 @@
         --text-field-gap: var(--control-gap-1);
         --text-field-icon-size: var(--icon-size-1);
         --text-field-slot-inset: var(--slot-inset-1);
-        --text-field-border-radius: var(--radius-pill-1);
+        --text-field-border-radius: var(--radius-control-1);
         --text-field-native-icon-size: var(--icon-size-1);
         font-size: var(--font-size-1);
         letter-spacing: var(--letter-spacing-1);
@@ -7172,7 +6993,7 @@
         --text-field-gap: var(--control-gap-2);
         --text-field-icon-size: var(--icon-size-2);
         --text-field-slot-inset: var(--slot-inset-2);
-        --text-field-border-radius: var(--radius-pill-2);
+        --text-field-border-radius: var(--radius-control-2);
         --text-field-native-icon-size: var(--icon-size-2);
         font-size: var(--font-size-2);
         letter-spacing: var(--letter-spacing-2);
@@ -7191,7 +7012,7 @@
         --text-field-gap: var(--control-gap-3);
         --text-field-icon-size: var(--icon-size-3);
         --text-field-slot-inset: var(--slot-inset-3);
-        --text-field-border-radius: var(--radius-pill-3);
+        --text-field-border-radius: var(--radius-control-3);
         --text-field-native-icon-size: var(--icon-size-3);
         font-size: var(--font-size-3);
         letter-spacing: var(--letter-spacing-3);
@@ -7210,7 +7031,7 @@
         --text-field-gap: var(--control-gap-4);
         --text-field-icon-size: var(--icon-size-4);
         --text-field-slot-inset: var(--slot-inset-4);
-        --text-field-border-radius: var(--radius-pill-4);
+        --text-field-border-radius: var(--radius-control-4);
         --text-field-native-icon-size: var(--icon-size-4);
         font-size: var(--font-size-4);
         letter-spacing: var(--letter-spacing-4);
@@ -7231,7 +7052,7 @@
         --text-field-gap: var(--control-gap-1);
         --text-field-icon-size: var(--icon-size-1);
         --text-field-slot-inset: var(--slot-inset-1);
-        --text-field-border-radius: var(--radius-pill-1);
+        --text-field-border-radius: var(--radius-control-1);
         --text-field-native-icon-size: var(--icon-size-1);
         font-size: var(--font-size-1);
         letter-spacing: var(--letter-spacing-1);
@@ -7250,7 +7071,7 @@
         --text-field-gap: var(--control-gap-2);
         --text-field-icon-size: var(--icon-size-2);
         --text-field-slot-inset: var(--slot-inset-2);
-        --text-field-border-radius: var(--radius-pill-2);
+        --text-field-border-radius: var(--radius-control-2);
         --text-field-native-icon-size: var(--icon-size-2);
         font-size: var(--font-size-2);
         letter-spacing: var(--letter-spacing-2);
@@ -7269,7 +7090,7 @@
         --text-field-gap: var(--control-gap-3);
         --text-field-icon-size: var(--icon-size-3);
         --text-field-slot-inset: var(--slot-inset-3);
-        --text-field-border-radius: var(--radius-pill-3);
+        --text-field-border-radius: var(--radius-control-3);
         --text-field-native-icon-size: var(--icon-size-3);
         font-size: var(--font-size-3);
         letter-spacing: var(--letter-spacing-3);
@@ -7288,7 +7109,7 @@
         --text-field-gap: var(--control-gap-4);
         --text-field-icon-size: var(--icon-size-4);
         --text-field-slot-inset: var(--slot-inset-4);
-        --text-field-border-radius: var(--radius-pill-4);
+        --text-field-border-radius: var(--radius-control-4);
         --text-field-native-icon-size: var(--icon-size-4);
         font-size: var(--font-size-4);
         letter-spacing: var(--letter-spacing-4);
@@ -7309,7 +7130,7 @@
         --text-field-gap: var(--control-gap-1);
         --text-field-icon-size: var(--icon-size-1);
         --text-field-slot-inset: var(--slot-inset-1);
-        --text-field-border-radius: var(--radius-pill-1);
+        --text-field-border-radius: var(--radius-control-1);
         --text-field-native-icon-size: var(--icon-size-1);
         font-size: var(--font-size-1);
         letter-spacing: var(--letter-spacing-1);
@@ -7328,7 +7149,7 @@
         --text-field-gap: var(--control-gap-2);
         --text-field-icon-size: var(--icon-size-2);
         --text-field-slot-inset: var(--slot-inset-2);
-        --text-field-border-radius: var(--radius-pill-2);
+        --text-field-border-radius: var(--radius-control-2);
         --text-field-native-icon-size: var(--icon-size-2);
         font-size: var(--font-size-2);
         letter-spacing: var(--letter-spacing-2);
@@ -7347,7 +7168,7 @@
         --text-field-gap: var(--control-gap-3);
         --text-field-icon-size: var(--icon-size-3);
         --text-field-slot-inset: var(--slot-inset-3);
-        --text-field-border-radius: var(--radius-pill-3);
+        --text-field-border-radius: var(--radius-control-3);
         --text-field-native-icon-size: var(--icon-size-3);
         font-size: var(--font-size-3);
         letter-spacing: var(--letter-spacing-3);
@@ -7366,7 +7187,7 @@
         --text-field-gap: var(--control-gap-4);
         --text-field-icon-size: var(--icon-size-4);
         --text-field-slot-inset: var(--slot-inset-4);
-        --text-field-border-radius: var(--radius-pill-4);
+        --text-field-border-radius: var(--radius-control-4);
         --text-field-native-icon-size: var(--icon-size-4);
         font-size: var(--font-size-4);
         letter-spacing: var(--letter-spacing-4);
@@ -7387,7 +7208,7 @@
         --text-field-gap: var(--control-gap-1);
         --text-field-icon-size: var(--icon-size-1);
         --text-field-slot-inset: var(--slot-inset-1);
-        --text-field-border-radius: var(--radius-pill-1);
+        --text-field-border-radius: var(--radius-control-1);
         --text-field-native-icon-size: var(--icon-size-1);
         font-size: var(--font-size-1);
         letter-spacing: var(--letter-spacing-1);
@@ -7406,7 +7227,7 @@
         --text-field-gap: var(--control-gap-2);
         --text-field-icon-size: var(--icon-size-2);
         --text-field-slot-inset: var(--slot-inset-2);
-        --text-field-border-radius: var(--radius-pill-2);
+        --text-field-border-radius: var(--radius-control-2);
         --text-field-native-icon-size: var(--icon-size-2);
         font-size: var(--font-size-2);
         letter-spacing: var(--letter-spacing-2);
@@ -7425,7 +7246,7 @@
         --text-field-gap: var(--control-gap-3);
         --text-field-icon-size: var(--icon-size-3);
         --text-field-slot-inset: var(--slot-inset-3);
-        --text-field-border-radius: var(--radius-pill-3);
+        --text-field-border-radius: var(--radius-control-3);
         --text-field-native-icon-size: var(--icon-size-3);
         font-size: var(--font-size-3);
         letter-spacing: var(--letter-spacing-3);
@@ -7444,7 +7265,7 @@
         --text-field-gap: var(--control-gap-4);
         --text-field-icon-size: var(--icon-size-4);
         --text-field-slot-inset: var(--slot-inset-4);
-        --text-field-border-radius: var(--radius-pill-4);
+        --text-field-border-radius: var(--radius-control-4);
         --text-field-native-icon-size: var(--icon-size-4);
         font-size: var(--font-size-4);
         letter-spacing: var(--letter-spacing-4);
@@ -8416,10 +8237,6 @@
     overflow: auto;
     position: relative;
     z-index: 200;
-    --inset-padding-top: var(--hover-card-content-padding);
-    --inset-padding-right: var(--hover-card-content-padding);
-    --inset-padding-bottom: var(--hover-card-content-padding);
-    --inset-padding-left: var(--hover-card-content-padding);
     padding: var(--hover-card-content-padding);
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
@@ -8427,85 +8244,109 @@
             transform-origin: var(--radix-hover-card-content-transform-origin);
 }
 .rt-HoverCardContent:where(.rt-r-size-1) {
-    --hover-card-content-padding: var(--space-4);
-    border-radius: var(--radius-surface-4);
+    --hover-card-content-padding: var(--surface-p-1);
+    border-radius: var(--radius-surface-1);
 }
 .rt-HoverCardContent:where(.rt-r-size-2) {
-    --hover-card-content-padding: var(--space-5);
-    border-radius: var(--radius-surface-4);
+    --hover-card-content-padding: var(--surface-p-2);
+    border-radius: var(--radius-surface-2);
 }
 .rt-HoverCardContent:where(.rt-r-size-3) {
-    --hover-card-content-padding: var(--space-6);
-    border-radius: var(--radius-surface-5);
+    --hover-card-content-padding: var(--surface-p-3);
+    border-radius: var(--radius-surface-3);
+}
+.rt-HoverCardContent:where(.rt-r-size-4) {
+    --hover-card-content-padding: var(--surface-p-4);
+    border-radius: var(--radius-surface-4);
 }
 @media (min-width: 520px) {
     .rt-HoverCardContent:where(.xs\:rt-r-size-1) {
-        --hover-card-content-padding: var(--space-4);
-        border-radius: var(--radius-surface-4);
+        --hover-card-content-padding: var(--surface-p-1);
+        border-radius: var(--radius-surface-1);
     }
     .rt-HoverCardContent:where(.xs\:rt-r-size-2) {
-        --hover-card-content-padding: var(--space-5);
-        border-radius: var(--radius-surface-4);
+        --hover-card-content-padding: var(--surface-p-2);
+        border-radius: var(--radius-surface-2);
     }
     .rt-HoverCardContent:where(.xs\:rt-r-size-3) {
-        --hover-card-content-padding: var(--space-6);
-        border-radius: var(--radius-surface-5);
+        --hover-card-content-padding: var(--surface-p-3);
+        border-radius: var(--radius-surface-3);
+    }
+    .rt-HoverCardContent:where(.xs\:rt-r-size-4) {
+        --hover-card-content-padding: var(--surface-p-4);
+        border-radius: var(--radius-surface-4);
     }
 }
 @media (min-width: 768px) {
     .rt-HoverCardContent:where(.sm\:rt-r-size-1) {
-        --hover-card-content-padding: var(--space-4);
-        border-radius: var(--radius-surface-4);
+        --hover-card-content-padding: var(--surface-p-1);
+        border-radius: var(--radius-surface-1);
     }
     .rt-HoverCardContent:where(.sm\:rt-r-size-2) {
-        --hover-card-content-padding: var(--space-5);
-        border-radius: var(--radius-surface-4);
+        --hover-card-content-padding: var(--surface-p-2);
+        border-radius: var(--radius-surface-2);
     }
     .rt-HoverCardContent:where(.sm\:rt-r-size-3) {
-        --hover-card-content-padding: var(--space-6);
-        border-radius: var(--radius-surface-5);
+        --hover-card-content-padding: var(--surface-p-3);
+        border-radius: var(--radius-surface-3);
+    }
+    .rt-HoverCardContent:where(.sm\:rt-r-size-4) {
+        --hover-card-content-padding: var(--surface-p-4);
+        border-radius: var(--radius-surface-4);
     }
 }
 @media (min-width: 1024px) {
     .rt-HoverCardContent:where(.md\:rt-r-size-1) {
-        --hover-card-content-padding: var(--space-4);
-        border-radius: var(--radius-surface-4);
+        --hover-card-content-padding: var(--surface-p-1);
+        border-radius: var(--radius-surface-1);
     }
     .rt-HoverCardContent:where(.md\:rt-r-size-2) {
-        --hover-card-content-padding: var(--space-5);
-        border-radius: var(--radius-surface-4);
+        --hover-card-content-padding: var(--surface-p-2);
+        border-radius: var(--radius-surface-2);
     }
     .rt-HoverCardContent:where(.md\:rt-r-size-3) {
-        --hover-card-content-padding: var(--space-6);
-        border-radius: var(--radius-surface-5);
+        --hover-card-content-padding: var(--surface-p-3);
+        border-radius: var(--radius-surface-3);
+    }
+    .rt-HoverCardContent:where(.md\:rt-r-size-4) {
+        --hover-card-content-padding: var(--surface-p-4);
+        border-radius: var(--radius-surface-4);
     }
 }
 @media (min-width: 1280px) {
     .rt-HoverCardContent:where(.lg\:rt-r-size-1) {
-        --hover-card-content-padding: var(--space-4);
-        border-radius: var(--radius-surface-4);
+        --hover-card-content-padding: var(--surface-p-1);
+        border-radius: var(--radius-surface-1);
     }
     .rt-HoverCardContent:where(.lg\:rt-r-size-2) {
-        --hover-card-content-padding: var(--space-5);
-        border-radius: var(--radius-surface-4);
+        --hover-card-content-padding: var(--surface-p-2);
+        border-radius: var(--radius-surface-2);
     }
     .rt-HoverCardContent:where(.lg\:rt-r-size-3) {
-        --hover-card-content-padding: var(--space-6);
-        border-radius: var(--radius-surface-5);
+        --hover-card-content-padding: var(--surface-p-3);
+        border-radius: var(--radius-surface-3);
+    }
+    .rt-HoverCardContent:where(.lg\:rt-r-size-4) {
+        --hover-card-content-padding: var(--surface-p-4);
+        border-radius: var(--radius-surface-4);
     }
 }
 @media (min-width: 1640px) {
     .rt-HoverCardContent:where(.xl\:rt-r-size-1) {
-        --hover-card-content-padding: var(--space-4);
-        border-radius: var(--radius-surface-4);
+        --hover-card-content-padding: var(--surface-p-1);
+        border-radius: var(--radius-surface-1);
     }
     .rt-HoverCardContent:where(.xl\:rt-r-size-2) {
-        --hover-card-content-padding: var(--space-5);
-        border-radius: var(--radius-surface-4);
+        --hover-card-content-padding: var(--surface-p-2);
+        border-radius: var(--radius-surface-2);
     }
     .rt-HoverCardContent:where(.xl\:rt-r-size-3) {
-        --hover-card-content-padding: var(--space-6);
-        border-radius: var(--radius-surface-5);
+        --hover-card-content-padding: var(--surface-p-3);
+        border-radius: var(--radius-surface-3);
+    }
+    .rt-HoverCardContent:where(.xl\:rt-r-size-4) {
+        --hover-card-content-padding: var(--surface-p-4);
+        border-radius: var(--radius-surface-4);
     }
 }
 .rt-Image {
@@ -8615,485 +8456,6 @@
     -ms-hyphens: auto;
         hyphens: auto;
 }
-.rt-Inset {
-    -webkit-box-sizing: border-box;
-            box-sizing: border-box;
-    --margin-top: 0px;
-    --margin-right: 0px;
-    --margin-bottom: 0px;
-    --margin-left: 0px;
-    overflow: hidden;
-    margin-top: var(--margin-top-override);
-    margin-right: var(--margin-right-override);
-    margin-bottom: var(--margin-bottom-override);
-    margin-left: var(--margin-left-override);
-}
-:where(.rt-Inset) > * {
-    --margin-top-override: initial;
-    --margin-right-override: initial;
-    --margin-bottom-override: initial;
-    --margin-left-override: initial;
-}
-.rt-Inset:where(.rt-r-clip-border-box) {
-    --inset-border-radius-calc: calc(var(--inset-border-radius, 0px) - var(--inset-border-width, 0px));
-    --inset-padding-top-calc: var(--inset-padding-top, 0px);
-    --inset-padding-right-calc: var(--inset-padding-right, 0px);
-    --inset-padding-bottom-calc: var(--inset-padding-bottom, 0px);
-    --inset-padding-left-calc: var(--inset-padding-left, 0px);
-}
-.rt-Inset:where(.rt-r-clip-padding-box) {
-    --inset-border-radius-calc: var(--inset-border-radius, 0px);
-    --inset-padding-top-calc: calc(var(--inset-padding-top, 0px) + var(--inset-border-width, 0px));
-    --inset-padding-right-calc: calc(var(--inset-padding-right, 0px) + var(--inset-border-width, 0px));
-    --inset-padding-bottom-calc: calc(var(--inset-padding-bottom, 0px) + var(--inset-border-width, 0px));
-    --inset-padding-left-calc: calc(var(--inset-padding-left, 0px) + var(--inset-border-width, 0px));
-}
-.rt-Inset:where(.rt-r-side-top) {
-    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-    --margin-bottom-override: var(--margin-bottom);
-    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-    border-top-left-radius: var(--inset-border-radius-calc);
-    border-top-right-radius: var(--inset-border-radius-calc);
-    border-bottom-left-radius: 0px;
-    border-bottom-right-radius: 0px;
-}
-.rt-Inset:where(.rt-r-side-bottom) {
-    --margin-top-override: var(--margin-top);
-    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-    border-top-left-radius: 0px;
-    border-top-right-radius: 0px;
-    border-bottom-left-radius: var(--inset-border-radius-calc);
-    border-bottom-right-radius: var(--inset-border-radius-calc);
-}
-.rt-Inset:where(.rt-r-side-left) {
-    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-    --margin-right-override: var(--margin-right);
-    border-top-left-radius: var(--inset-border-radius-calc);
-    border-top-right-radius: 0px;
-    border-bottom-left-radius: var(--inset-border-radius-calc);
-    border-bottom-right-radius: 0px;
-}
-.rt-Inset:where(.rt-r-side-right) {
-    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-    --margin-left-override: var(--margin-left);
-    border-top-left-radius: 0px;
-    border-top-right-radius: var(--inset-border-radius-calc);
-    border-bottom-left-radius: 0px;
-    border-bottom-right-radius: var(--inset-border-radius-calc);
-}
-.rt-Inset:where(.rt-r-side-x) {
-    --margin-top-override: var(--margin-top);
-    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-    --margin-bottom-override: var(--margin-bottom);
-    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-    border-radius: 0px;
-}
-.rt-Inset:where(.rt-r-side-y) {
-    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-    --margin-right-override: var(--margin-right);
-    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-    --margin-left-override: var(--margin-left);
-    border-radius: 0px;
-}
-.rt-Inset:where(.rt-r-side-all) {
-    --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-    --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-    --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-    --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-    border-radius: var(--inset-border-radius-calc);
-}
-@media (min-width: 520px) {
-    .rt-Inset:where(.xs\:rt-r-clip-border-box) {
-        --inset-border-radius-calc: calc(var(--inset-border-radius, 0px) - var(--inset-border-width, 0px));
-        --inset-padding-top-calc: var(--inset-padding-top, 0px);
-        --inset-padding-right-calc: var(--inset-padding-right, 0px);
-        --inset-padding-bottom-calc: var(--inset-padding-bottom, 0px);
-        --inset-padding-left-calc: var(--inset-padding-left, 0px);
-    }
-    .rt-Inset:where(.xs\:rt-r-clip-padding-box) {
-        --inset-border-radius-calc: var(--inset-border-radius, 0px);
-        --inset-padding-top-calc: calc(var(--inset-padding-top, 0px) + var(--inset-border-width, 0px));
-        --inset-padding-right-calc: calc(var(--inset-padding-right, 0px) + var(--inset-border-width, 0px));
-        --inset-padding-bottom-calc: calc(var(--inset-padding-bottom, 0px) + var(--inset-border-width, 0px));
-        --inset-padding-left-calc: calc(var(--inset-padding-left, 0px) + var(--inset-border-width, 0px));
-    }
-    .rt-Inset:where(.xs\:rt-r-side-top) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: var(--margin-bottom);
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        border-top-left-radius: var(--inset-border-radius-calc);
-        border-top-right-radius: var(--inset-border-radius-calc);
-        border-bottom-left-radius: 0px;
-        border-bottom-right-radius: 0px;
-    }
-    .rt-Inset:where(.xs\:rt-r-side-bottom) {
-        --margin-top-override: var(--margin-top);
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        border-top-left-radius: 0px;
-        border-top-right-radius: 0px;
-        border-bottom-left-radius: var(--inset-border-radius-calc);
-        border-bottom-right-radius: var(--inset-border-radius-calc);
-    }
-    .rt-Inset:where(.xs\:rt-r-side-left) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        --margin-right-override: var(--margin-right);
-        border-top-left-radius: var(--inset-border-radius-calc);
-        border-top-right-radius: 0px;
-        border-bottom-left-radius: var(--inset-border-radius-calc);
-        border-bottom-right-radius: 0px;
-    }
-    .rt-Inset:where(.xs\:rt-r-side-right) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: var(--margin-left);
-        border-top-left-radius: 0px;
-        border-top-right-radius: var(--inset-border-radius-calc);
-        border-bottom-left-radius: 0px;
-        border-bottom-right-radius: var(--inset-border-radius-calc);
-    }
-    .rt-Inset:where(.xs\:rt-r-side-x) {
-        --margin-top-override: var(--margin-top);
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: var(--margin-bottom);
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        border-radius: 0px;
-    }
-    .rt-Inset:where(.xs\:rt-r-side-y) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-right-override: var(--margin-right);
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: var(--margin-left);
-        border-radius: 0px;
-    }
-    .rt-Inset:where(.xs\:rt-r-side-all) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        border-radius: var(--inset-border-radius-calc);
-    }
-}
-@media (min-width: 768px) {
-    .rt-Inset:where(.sm\:rt-r-clip-border-box) {
-        --inset-border-radius-calc: calc(var(--inset-border-radius, 0px) - var(--inset-border-width, 0px));
-        --inset-padding-top-calc: var(--inset-padding-top, 0px);
-        --inset-padding-right-calc: var(--inset-padding-right, 0px);
-        --inset-padding-bottom-calc: var(--inset-padding-bottom, 0px);
-        --inset-padding-left-calc: var(--inset-padding-left, 0px);
-    }
-    .rt-Inset:where(.sm\:rt-r-clip-padding-box) {
-        --inset-border-radius-calc: var(--inset-border-radius, 0px);
-        --inset-padding-top-calc: calc(var(--inset-padding-top, 0px) + var(--inset-border-width, 0px));
-        --inset-padding-right-calc: calc(var(--inset-padding-right, 0px) + var(--inset-border-width, 0px));
-        --inset-padding-bottom-calc: calc(var(--inset-padding-bottom, 0px) + var(--inset-border-width, 0px));
-        --inset-padding-left-calc: calc(var(--inset-padding-left, 0px) + var(--inset-border-width, 0px));
-    }
-    .rt-Inset:where(.sm\:rt-r-side-top) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: var(--margin-bottom);
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        border-top-left-radius: var(--inset-border-radius-calc);
-        border-top-right-radius: var(--inset-border-radius-calc);
-        border-bottom-left-radius: 0px;
-        border-bottom-right-radius: 0px;
-    }
-    .rt-Inset:where(.sm\:rt-r-side-bottom) {
-        --margin-top-override: var(--margin-top);
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        border-top-left-radius: 0px;
-        border-top-right-radius: 0px;
-        border-bottom-left-radius: var(--inset-border-radius-calc);
-        border-bottom-right-radius: var(--inset-border-radius-calc);
-    }
-    .rt-Inset:where(.sm\:rt-r-side-left) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        --margin-right-override: var(--margin-right);
-        border-top-left-radius: var(--inset-border-radius-calc);
-        border-top-right-radius: 0px;
-        border-bottom-left-radius: var(--inset-border-radius-calc);
-        border-bottom-right-radius: 0px;
-    }
-    .rt-Inset:where(.sm\:rt-r-side-right) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: var(--margin-left);
-        border-top-left-radius: 0px;
-        border-top-right-radius: var(--inset-border-radius-calc);
-        border-bottom-left-radius: 0px;
-        border-bottom-right-radius: var(--inset-border-radius-calc);
-    }
-    .rt-Inset:where(.sm\:rt-r-side-x) {
-        --margin-top-override: var(--margin-top);
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: var(--margin-bottom);
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        border-radius: 0px;
-    }
-    .rt-Inset:where(.sm\:rt-r-side-y) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-right-override: var(--margin-right);
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: var(--margin-left);
-        border-radius: 0px;
-    }
-    .rt-Inset:where(.sm\:rt-r-side-all) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        border-radius: var(--inset-border-radius-calc);
-    }
-}
-@media (min-width: 1024px) {
-    .rt-Inset:where(.md\:rt-r-clip-border-box) {
-        --inset-border-radius-calc: calc(var(--inset-border-radius, 0px) - var(--inset-border-width, 0px));
-        --inset-padding-top-calc: var(--inset-padding-top, 0px);
-        --inset-padding-right-calc: var(--inset-padding-right, 0px);
-        --inset-padding-bottom-calc: var(--inset-padding-bottom, 0px);
-        --inset-padding-left-calc: var(--inset-padding-left, 0px);
-    }
-    .rt-Inset:where(.md\:rt-r-clip-padding-box) {
-        --inset-border-radius-calc: var(--inset-border-radius, 0px);
-        --inset-padding-top-calc: calc(var(--inset-padding-top, 0px) + var(--inset-border-width, 0px));
-        --inset-padding-right-calc: calc(var(--inset-padding-right, 0px) + var(--inset-border-width, 0px));
-        --inset-padding-bottom-calc: calc(var(--inset-padding-bottom, 0px) + var(--inset-border-width, 0px));
-        --inset-padding-left-calc: calc(var(--inset-padding-left, 0px) + var(--inset-border-width, 0px));
-    }
-    .rt-Inset:where(.md\:rt-r-side-top) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: var(--margin-bottom);
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        border-top-left-radius: var(--inset-border-radius-calc);
-        border-top-right-radius: var(--inset-border-radius-calc);
-        border-bottom-left-radius: 0px;
-        border-bottom-right-radius: 0px;
-    }
-    .rt-Inset:where(.md\:rt-r-side-bottom) {
-        --margin-top-override: var(--margin-top);
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        border-top-left-radius: 0px;
-        border-top-right-radius: 0px;
-        border-bottom-left-radius: var(--inset-border-radius-calc);
-        border-bottom-right-radius: var(--inset-border-radius-calc);
-    }
-    .rt-Inset:where(.md\:rt-r-side-left) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        --margin-right-override: var(--margin-right);
-        border-top-left-radius: var(--inset-border-radius-calc);
-        border-top-right-radius: 0px;
-        border-bottom-left-radius: var(--inset-border-radius-calc);
-        border-bottom-right-radius: 0px;
-    }
-    .rt-Inset:where(.md\:rt-r-side-right) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: var(--margin-left);
-        border-top-left-radius: 0px;
-        border-top-right-radius: var(--inset-border-radius-calc);
-        border-bottom-left-radius: 0px;
-        border-bottom-right-radius: var(--inset-border-radius-calc);
-    }
-    .rt-Inset:where(.md\:rt-r-side-x) {
-        --margin-top-override: var(--margin-top);
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: var(--margin-bottom);
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        border-radius: 0px;
-    }
-    .rt-Inset:where(.md\:rt-r-side-y) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-right-override: var(--margin-right);
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: var(--margin-left);
-        border-radius: 0px;
-    }
-    .rt-Inset:where(.md\:rt-r-side-all) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        border-radius: var(--inset-border-radius-calc);
-    }
-}
-@media (min-width: 1280px) {
-    .rt-Inset:where(.lg\:rt-r-clip-border-box) {
-        --inset-border-radius-calc: calc(var(--inset-border-radius, 0px) - var(--inset-border-width, 0px));
-        --inset-padding-top-calc: var(--inset-padding-top, 0px);
-        --inset-padding-right-calc: var(--inset-padding-right, 0px);
-        --inset-padding-bottom-calc: var(--inset-padding-bottom, 0px);
-        --inset-padding-left-calc: var(--inset-padding-left, 0px);
-    }
-    .rt-Inset:where(.lg\:rt-r-clip-padding-box) {
-        --inset-border-radius-calc: var(--inset-border-radius, 0px);
-        --inset-padding-top-calc: calc(var(--inset-padding-top, 0px) + var(--inset-border-width, 0px));
-        --inset-padding-right-calc: calc(var(--inset-padding-right, 0px) + var(--inset-border-width, 0px));
-        --inset-padding-bottom-calc: calc(var(--inset-padding-bottom, 0px) + var(--inset-border-width, 0px));
-        --inset-padding-left-calc: calc(var(--inset-padding-left, 0px) + var(--inset-border-width, 0px));
-    }
-    .rt-Inset:where(.lg\:rt-r-side-top) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: var(--margin-bottom);
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        border-top-left-radius: var(--inset-border-radius-calc);
-        border-top-right-radius: var(--inset-border-radius-calc);
-        border-bottom-left-radius: 0px;
-        border-bottom-right-radius: 0px;
-    }
-    .rt-Inset:where(.lg\:rt-r-side-bottom) {
-        --margin-top-override: var(--margin-top);
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        border-top-left-radius: 0px;
-        border-top-right-radius: 0px;
-        border-bottom-left-radius: var(--inset-border-radius-calc);
-        border-bottom-right-radius: var(--inset-border-radius-calc);
-    }
-    .rt-Inset:where(.lg\:rt-r-side-left) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        --margin-right-override: var(--margin-right);
-        border-top-left-radius: var(--inset-border-radius-calc);
-        border-top-right-radius: 0px;
-        border-bottom-left-radius: var(--inset-border-radius-calc);
-        border-bottom-right-radius: 0px;
-    }
-    .rt-Inset:where(.lg\:rt-r-side-right) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: var(--margin-left);
-        border-top-left-radius: 0px;
-        border-top-right-radius: var(--inset-border-radius-calc);
-        border-bottom-left-radius: 0px;
-        border-bottom-right-radius: var(--inset-border-radius-calc);
-    }
-    .rt-Inset:where(.lg\:rt-r-side-x) {
-        --margin-top-override: var(--margin-top);
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: var(--margin-bottom);
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        border-radius: 0px;
-    }
-    .rt-Inset:where(.lg\:rt-r-side-y) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-right-override: var(--margin-right);
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: var(--margin-left);
-        border-radius: 0px;
-    }
-    .rt-Inset:where(.lg\:rt-r-side-all) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        border-radius: var(--inset-border-radius-calc);
-    }
-}
-@media (min-width: 1640px) {
-    .rt-Inset:where(.xl\:rt-r-clip-border-box) {
-        --inset-border-radius-calc: calc(var(--inset-border-radius, 0px) - var(--inset-border-width, 0px));
-        --inset-padding-top-calc: var(--inset-padding-top, 0px);
-        --inset-padding-right-calc: var(--inset-padding-right, 0px);
-        --inset-padding-bottom-calc: var(--inset-padding-bottom, 0px);
-        --inset-padding-left-calc: var(--inset-padding-left, 0px);
-    }
-    .rt-Inset:where(.xl\:rt-r-clip-padding-box) {
-        --inset-border-radius-calc: var(--inset-border-radius, 0px);
-        --inset-padding-top-calc: calc(var(--inset-padding-top, 0px) + var(--inset-border-width, 0px));
-        --inset-padding-right-calc: calc(var(--inset-padding-right, 0px) + var(--inset-border-width, 0px));
-        --inset-padding-bottom-calc: calc(var(--inset-padding-bottom, 0px) + var(--inset-border-width, 0px));
-        --inset-padding-left-calc: calc(var(--inset-padding-left, 0px) + var(--inset-border-width, 0px));
-    }
-    .rt-Inset:where(.xl\:rt-r-side-top) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: var(--margin-bottom);
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        border-top-left-radius: var(--inset-border-radius-calc);
-        border-top-right-radius: var(--inset-border-radius-calc);
-        border-bottom-left-radius: 0px;
-        border-bottom-right-radius: 0px;
-    }
-    .rt-Inset:where(.xl\:rt-r-side-bottom) {
-        --margin-top-override: var(--margin-top);
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        border-top-left-radius: 0px;
-        border-top-right-radius: 0px;
-        border-bottom-left-radius: var(--inset-border-radius-calc);
-        border-bottom-right-radius: var(--inset-border-radius-calc);
-    }
-    .rt-Inset:where(.xl\:rt-r-side-left) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        --margin-right-override: var(--margin-right);
-        border-top-left-radius: var(--inset-border-radius-calc);
-        border-top-right-radius: 0px;
-        border-bottom-left-radius: var(--inset-border-radius-calc);
-        border-bottom-right-radius: 0px;
-    }
-    .rt-Inset:where(.xl\:rt-r-side-right) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: var(--margin-left);
-        border-top-left-radius: 0px;
-        border-top-right-radius: var(--inset-border-radius-calc);
-        border-bottom-left-radius: 0px;
-        border-bottom-right-radius: var(--inset-border-radius-calc);
-    }
-    .rt-Inset:where(.xl\:rt-r-side-x) {
-        --margin-top-override: var(--margin-top);
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: var(--margin-bottom);
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        border-radius: 0px;
-    }
-    .rt-Inset:where(.xl\:rt-r-side-y) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-right-override: var(--margin-right);
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: var(--margin-left);
-        border-radius: 0px;
-    }
-    .rt-Inset:where(.xl\:rt-r-side-all) {
-        --margin-top-override: calc(var(--margin-top) - var(--inset-padding-top-calc));
-        --margin-right-override: calc(var(--margin-right) - var(--inset-padding-right-calc));
-        --margin-bottom-override: calc(var(--margin-bottom) - var(--inset-padding-bottom-calc));
-        --margin-left-override: calc(var(--margin-left) - var(--inset-padding-left-calc));
-        border-radius: var(--inset-border-radius-calc);
-    }
-}
 .rt-Kbd {
     display: -webkit-inline-box;
     display: -ms-inline-flexbox;
@@ -9120,7 +8482,7 @@
     -webkit-box-sizing: border-box;
             box-sizing: border-box;
     word-spacing: var(--raised-word-spacing);
-    border-radius: var(--radius-pill-2);
+    border-radius: var(--radius-control-2);
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
@@ -9226,91 +8588,91 @@
     line-height: var(--line-height-0);
     letter-spacing: var(--letter-spacing-0);
     padding: calc(var(--space-2) * 0.5) calc(var(--space-2) * 1.5);
-    border-radius: var(--radius-pill-1);
+    border-radius: var(--radius-control-1);
 }
 .rt-Kbd:where(.rt-r-size-1) {
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
     padding: var(--space-2) var(--space-3);
-    border-radius: var(--radius-pill-2);
+    border-radius: var(--radius-control-2);
 }
 .rt-Kbd:where(.rt-r-size-2) {
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
     padding: var(--space-2) calc(var(--space-3) * 1.25);
-    border-radius: var(--radius-pill-2);
+    border-radius: var(--radius-control-2);
 }
 .rt-Kbd:where(.rt-r-size-3) {
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
     padding: calc(var(--space-2) * 1.25) calc(var(--space-3) * 1.5);
-    border-radius: var(--radius-pill-3);
+    border-radius: var(--radius-control-3);
 }
 .rt-Kbd:where(.rt-r-size-4) {
     font-size: var(--font-size-4);
     line-height: var(--line-height-4);
     letter-spacing: var(--letter-spacing-4);
     padding: calc(var(--space-2) * 1.5) var(--space-4);
-    border-radius: var(--radius-pill-3);
+    border-radius: var(--radius-control-3);
 }
 .rt-Kbd:where(.rt-r-size-5) {
     font-size: var(--font-size-5);
     line-height: var(--line-height-5);
     letter-spacing: var(--letter-spacing-5);
     padding: calc(var(--space-2) * 1.75) calc(var(--space-4) * 1.25);
-    border-radius: var(--radius-pill-4);
+    border-radius: var(--radius-control-4);
 }
 .rt-Kbd:where(.rt-r-size-6) {
     font-size: var(--font-size-6);
     line-height: var(--line-height-6);
     letter-spacing: var(--letter-spacing-6);
     padding: var(--space-3) calc(var(--space-4) * 1.5);
-    border-radius: var(--radius-pill-4);
+    border-radius: var(--radius-control-4);
 }
 .rt-Kbd:where(.rt-r-size-7) {
     font-size: var(--font-size-7);
     line-height: var(--line-height-7);
     letter-spacing: var(--letter-spacing-7);
     padding: calc(var(--space-3) * 1.25) var(--space-5);
-    border-radius: var(--radius-pill-5);
+    border-radius: var(--radius-control-4);
 }
 .rt-Kbd:where(.rt-r-size-8) {
     font-size: var(--font-size-8);
     line-height: var(--line-height-8);
     letter-spacing: var(--letter-spacing-8);
     padding: calc(var(--space-3) * 1.5) calc(var(--space-5) * 1.25);
-    border-radius: var(--radius-pill-5);
+    border-radius: var(--radius-control-4);
 }
 .rt-Kbd:where(.rt-r-size-9) {
     font-size: var(--font-size-9);
     line-height: var(--line-height-9);
     letter-spacing: var(--letter-spacing-9);
     padding: calc(var(--space-3) * 1.75) calc(var(--space-5) * 1.5);
-    border-radius: var(--radius-pill-6);
+    border-radius: var(--radius-control-4);
 }
 .rt-Kbd:where(.rt-r-size-10) {
     font-size: var(--font-size-10);
     line-height: var(--line-height-10);
     letter-spacing: var(--letter-spacing-10);
     padding: calc(var(--space-3) * 2.0) calc(var(--space-5) * 1.75);
-    border-radius: var(--radius-pill-6);
+    border-radius: var(--radius-control-4);
 }
 .rt-Kbd:where(.rt-r-size-11) {
     font-size: var(--font-size-11);
     line-height: var(--line-height-11);
     letter-spacing: var(--letter-spacing-11);
     padding: calc(var(--space-3) * 2.25) calc(var(--space-5) * 2.0);
-    border-radius: var(--radius-pill-6);
+    border-radius: var(--radius-control-4);
 }
 .rt-Kbd:where(.rt-r-size-12) {
     font-size: var(--font-size-12);
     line-height: var(--line-height-12);
     letter-spacing: var(--letter-spacing-12);
     padding: calc(var(--space-3) * 2.5) calc(var(--space-5) * 2.25);
-    border-radius: var(--radius-pill-6);
+    border-radius: var(--radius-control-4);
 }
 @media (min-width: 520px) {
     .rt-Kbd:where(.xs\:rt-r-size-0) {
@@ -9318,91 +8680,91 @@
         line-height: var(--line-height-0);
         letter-spacing: var(--letter-spacing-0);
         padding: calc(var(--space-2) * 0.5) calc(var(--space-2) * 1.5);
-        border-radius: var(--radius-pill-1);
+        border-radius: var(--radius-control-1);
     }
     .rt-Kbd:where(.xs\:rt-r-size-1) {
         font-size: var(--font-size-1);
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
         padding: var(--space-2) var(--space-3);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
     }
     .rt-Kbd:where(.xs\:rt-r-size-2) {
         font-size: var(--font-size-2);
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
         padding: var(--space-2) calc(var(--space-3) * 1.25);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
     }
     .rt-Kbd:where(.xs\:rt-r-size-3) {
         font-size: var(--font-size-3);
         line-height: var(--line-height-3);
         letter-spacing: var(--letter-spacing-3);
         padding: calc(var(--space-2) * 1.25) calc(var(--space-3) * 1.5);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
     }
     .rt-Kbd:where(.xs\:rt-r-size-4) {
         font-size: var(--font-size-4);
         line-height: var(--line-height-4);
         letter-spacing: var(--letter-spacing-4);
         padding: calc(var(--space-2) * 1.5) var(--space-4);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
     }
     .rt-Kbd:where(.xs\:rt-r-size-5) {
         font-size: var(--font-size-5);
         line-height: var(--line-height-5);
         letter-spacing: var(--letter-spacing-5);
         padding: calc(var(--space-2) * 1.75) calc(var(--space-4) * 1.25);
-        border-radius: var(--radius-pill-4);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.xs\:rt-r-size-6) {
         font-size: var(--font-size-6);
         line-height: var(--line-height-6);
         letter-spacing: var(--letter-spacing-6);
         padding: var(--space-3) calc(var(--space-4) * 1.5);
-        border-radius: var(--radius-pill-4);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.xs\:rt-r-size-7) {
         font-size: var(--font-size-7);
         line-height: var(--line-height-7);
         letter-spacing: var(--letter-spacing-7);
         padding: calc(var(--space-3) * 1.25) var(--space-5);
-        border-radius: var(--radius-pill-5);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.xs\:rt-r-size-8) {
         font-size: var(--font-size-8);
         line-height: var(--line-height-8);
         letter-spacing: var(--letter-spacing-8);
         padding: calc(var(--space-3) * 1.5) calc(var(--space-5) * 1.25);
-        border-radius: var(--radius-pill-5);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.xs\:rt-r-size-9) {
         font-size: var(--font-size-9);
         line-height: var(--line-height-9);
         letter-spacing: var(--letter-spacing-9);
         padding: calc(var(--space-3) * 1.75) calc(var(--space-5) * 1.5);
-        border-radius: var(--radius-pill-6);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.xs\:rt-r-size-10) {
         font-size: var(--font-size-10);
         line-height: var(--line-height-10);
         letter-spacing: var(--letter-spacing-10);
         padding: calc(var(--space-3) * 2.0) calc(var(--space-5) * 1.75);
-        border-radius: var(--radius-pill-6);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.xs\:rt-r-size-11) {
         font-size: var(--font-size-11);
         line-height: var(--line-height-11);
         letter-spacing: var(--letter-spacing-11);
         padding: calc(var(--space-3) * 2.25) calc(var(--space-5) * 2.0);
-        border-radius: var(--radius-pill-6);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.xs\:rt-r-size-12) {
         font-size: var(--font-size-12);
         line-height: var(--line-height-12);
         letter-spacing: var(--letter-spacing-12);
         padding: calc(var(--space-3) * 2.5) calc(var(--space-5) * 2.25);
-        border-radius: var(--radius-pill-6);
+        border-radius: var(--radius-control-4);
     }
 }
 @media (min-width: 768px) {
@@ -9411,91 +8773,91 @@
         line-height: var(--line-height-0);
         letter-spacing: var(--letter-spacing-0);
         padding: calc(var(--space-2) * 0.5) calc(var(--space-2) * 1.5);
-        border-radius: var(--radius-pill-1);
+        border-radius: var(--radius-control-1);
     }
     .rt-Kbd:where(.sm\:rt-r-size-1) {
         font-size: var(--font-size-1);
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
         padding: var(--space-2) var(--space-3);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
     }
     .rt-Kbd:where(.sm\:rt-r-size-2) {
         font-size: var(--font-size-2);
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
         padding: var(--space-2) calc(var(--space-3) * 1.25);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
     }
     .rt-Kbd:where(.sm\:rt-r-size-3) {
         font-size: var(--font-size-3);
         line-height: var(--line-height-3);
         letter-spacing: var(--letter-spacing-3);
         padding: calc(var(--space-2) * 1.25) calc(var(--space-3) * 1.5);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
     }
     .rt-Kbd:where(.sm\:rt-r-size-4) {
         font-size: var(--font-size-4);
         line-height: var(--line-height-4);
         letter-spacing: var(--letter-spacing-4);
         padding: calc(var(--space-2) * 1.5) var(--space-4);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
     }
     .rt-Kbd:where(.sm\:rt-r-size-5) {
         font-size: var(--font-size-5);
         line-height: var(--line-height-5);
         letter-spacing: var(--letter-spacing-5);
         padding: calc(var(--space-2) * 1.75) calc(var(--space-4) * 1.25);
-        border-radius: var(--radius-pill-4);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.sm\:rt-r-size-6) {
         font-size: var(--font-size-6);
         line-height: var(--line-height-6);
         letter-spacing: var(--letter-spacing-6);
         padding: var(--space-3) calc(var(--space-4) * 1.5);
-        border-radius: var(--radius-pill-4);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.sm\:rt-r-size-7) {
         font-size: var(--font-size-7);
         line-height: var(--line-height-7);
         letter-spacing: var(--letter-spacing-7);
         padding: calc(var(--space-3) * 1.25) var(--space-5);
-        border-radius: var(--radius-pill-5);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.sm\:rt-r-size-8) {
         font-size: var(--font-size-8);
         line-height: var(--line-height-8);
         letter-spacing: var(--letter-spacing-8);
         padding: calc(var(--space-3) * 1.5) calc(var(--space-5) * 1.25);
-        border-radius: var(--radius-pill-5);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.sm\:rt-r-size-9) {
         font-size: var(--font-size-9);
         line-height: var(--line-height-9);
         letter-spacing: var(--letter-spacing-9);
         padding: calc(var(--space-3) * 1.75) calc(var(--space-5) * 1.5);
-        border-radius: var(--radius-pill-6);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.sm\:rt-r-size-10) {
         font-size: var(--font-size-10);
         line-height: var(--line-height-10);
         letter-spacing: var(--letter-spacing-10);
         padding: calc(var(--space-3) * 2.0) calc(var(--space-5) * 1.75);
-        border-radius: var(--radius-pill-6);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.sm\:rt-r-size-11) {
         font-size: var(--font-size-11);
         line-height: var(--line-height-11);
         letter-spacing: var(--letter-spacing-11);
         padding: calc(var(--space-3) * 2.25) calc(var(--space-5) * 2.0);
-        border-radius: var(--radius-pill-6);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.sm\:rt-r-size-12) {
         font-size: var(--font-size-12);
         line-height: var(--line-height-12);
         letter-spacing: var(--letter-spacing-12);
         padding: calc(var(--space-3) * 2.5) calc(var(--space-5) * 2.25);
-        border-radius: var(--radius-pill-6);
+        border-radius: var(--radius-control-4);
     }
 }
 @media (min-width: 1024px) {
@@ -9504,91 +8866,91 @@
         line-height: var(--line-height-0);
         letter-spacing: var(--letter-spacing-0);
         padding: calc(var(--space-2) * 0.5) calc(var(--space-2) * 1.5);
-        border-radius: var(--radius-pill-1);
+        border-radius: var(--radius-control-1);
     }
     .rt-Kbd:where(.md\:rt-r-size-1) {
         font-size: var(--font-size-1);
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
         padding: var(--space-2) var(--space-3);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
     }
     .rt-Kbd:where(.md\:rt-r-size-2) {
         font-size: var(--font-size-2);
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
         padding: var(--space-2) calc(var(--space-3) * 1.25);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
     }
     .rt-Kbd:where(.md\:rt-r-size-3) {
         font-size: var(--font-size-3);
         line-height: var(--line-height-3);
         letter-spacing: var(--letter-spacing-3);
         padding: calc(var(--space-2) * 1.25) calc(var(--space-3) * 1.5);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
     }
     .rt-Kbd:where(.md\:rt-r-size-4) {
         font-size: var(--font-size-4);
         line-height: var(--line-height-4);
         letter-spacing: var(--letter-spacing-4);
         padding: calc(var(--space-2) * 1.5) var(--space-4);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
     }
     .rt-Kbd:where(.md\:rt-r-size-5) {
         font-size: var(--font-size-5);
         line-height: var(--line-height-5);
         letter-spacing: var(--letter-spacing-5);
         padding: calc(var(--space-2) * 1.75) calc(var(--space-4) * 1.25);
-        border-radius: var(--radius-pill-4);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.md\:rt-r-size-6) {
         font-size: var(--font-size-6);
         line-height: var(--line-height-6);
         letter-spacing: var(--letter-spacing-6);
         padding: var(--space-3) calc(var(--space-4) * 1.5);
-        border-radius: var(--radius-pill-4);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.md\:rt-r-size-7) {
         font-size: var(--font-size-7);
         line-height: var(--line-height-7);
         letter-spacing: var(--letter-spacing-7);
         padding: calc(var(--space-3) * 1.25) var(--space-5);
-        border-radius: var(--radius-pill-5);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.md\:rt-r-size-8) {
         font-size: var(--font-size-8);
         line-height: var(--line-height-8);
         letter-spacing: var(--letter-spacing-8);
         padding: calc(var(--space-3) * 1.5) calc(var(--space-5) * 1.25);
-        border-radius: var(--radius-pill-5);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.md\:rt-r-size-9) {
         font-size: var(--font-size-9);
         line-height: var(--line-height-9);
         letter-spacing: var(--letter-spacing-9);
         padding: calc(var(--space-3) * 1.75) calc(var(--space-5) * 1.5);
-        border-radius: var(--radius-pill-6);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.md\:rt-r-size-10) {
         font-size: var(--font-size-10);
         line-height: var(--line-height-10);
         letter-spacing: var(--letter-spacing-10);
         padding: calc(var(--space-3) * 2.0) calc(var(--space-5) * 1.75);
-        border-radius: var(--radius-pill-6);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.md\:rt-r-size-11) {
         font-size: var(--font-size-11);
         line-height: var(--line-height-11);
         letter-spacing: var(--letter-spacing-11);
         padding: calc(var(--space-3) * 2.25) calc(var(--space-5) * 2.0);
-        border-radius: var(--radius-pill-6);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.md\:rt-r-size-12) {
         font-size: var(--font-size-12);
         line-height: var(--line-height-12);
         letter-spacing: var(--letter-spacing-12);
         padding: calc(var(--space-3) * 2.5) calc(var(--space-5) * 2.25);
-        border-radius: var(--radius-pill-6);
+        border-radius: var(--radius-control-4);
     }
 }
 @media (min-width: 1280px) {
@@ -9597,91 +8959,91 @@
         line-height: var(--line-height-0);
         letter-spacing: var(--letter-spacing-0);
         padding: calc(var(--space-2) * 0.5) calc(var(--space-2) * 1.5);
-        border-radius: var(--radius-pill-1);
+        border-radius: var(--radius-control-1);
     }
     .rt-Kbd:where(.lg\:rt-r-size-1) {
         font-size: var(--font-size-1);
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
         padding: var(--space-2) var(--space-3);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
     }
     .rt-Kbd:where(.lg\:rt-r-size-2) {
         font-size: var(--font-size-2);
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
         padding: var(--space-2) calc(var(--space-3) * 1.25);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
     }
     .rt-Kbd:where(.lg\:rt-r-size-3) {
         font-size: var(--font-size-3);
         line-height: var(--line-height-3);
         letter-spacing: var(--letter-spacing-3);
         padding: calc(var(--space-2) * 1.25) calc(var(--space-3) * 1.5);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
     }
     .rt-Kbd:where(.lg\:rt-r-size-4) {
         font-size: var(--font-size-4);
         line-height: var(--line-height-4);
         letter-spacing: var(--letter-spacing-4);
         padding: calc(var(--space-2) * 1.5) var(--space-4);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
     }
     .rt-Kbd:where(.lg\:rt-r-size-5) {
         font-size: var(--font-size-5);
         line-height: var(--line-height-5);
         letter-spacing: var(--letter-spacing-5);
         padding: calc(var(--space-2) * 1.75) calc(var(--space-4) * 1.25);
-        border-radius: var(--radius-pill-4);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.lg\:rt-r-size-6) {
         font-size: var(--font-size-6);
         line-height: var(--line-height-6);
         letter-spacing: var(--letter-spacing-6);
         padding: var(--space-3) calc(var(--space-4) * 1.5);
-        border-radius: var(--radius-pill-4);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.lg\:rt-r-size-7) {
         font-size: var(--font-size-7);
         line-height: var(--line-height-7);
         letter-spacing: var(--letter-spacing-7);
         padding: calc(var(--space-3) * 1.25) var(--space-5);
-        border-radius: var(--radius-pill-5);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.lg\:rt-r-size-8) {
         font-size: var(--font-size-8);
         line-height: var(--line-height-8);
         letter-spacing: var(--letter-spacing-8);
         padding: calc(var(--space-3) * 1.5) calc(var(--space-5) * 1.25);
-        border-radius: var(--radius-pill-5);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.lg\:rt-r-size-9) {
         font-size: var(--font-size-9);
         line-height: var(--line-height-9);
         letter-spacing: var(--letter-spacing-9);
         padding: calc(var(--space-3) * 1.75) calc(var(--space-5) * 1.5);
-        border-radius: var(--radius-pill-6);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.lg\:rt-r-size-10) {
         font-size: var(--font-size-10);
         line-height: var(--line-height-10);
         letter-spacing: var(--letter-spacing-10);
         padding: calc(var(--space-3) * 2.0) calc(var(--space-5) * 1.75);
-        border-radius: var(--radius-pill-6);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.lg\:rt-r-size-11) {
         font-size: var(--font-size-11);
         line-height: var(--line-height-11);
         letter-spacing: var(--letter-spacing-11);
         padding: calc(var(--space-3) * 2.25) calc(var(--space-5) * 2.0);
-        border-radius: var(--radius-pill-6);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.lg\:rt-r-size-12) {
         font-size: var(--font-size-12);
         line-height: var(--line-height-12);
         letter-spacing: var(--letter-spacing-12);
         padding: calc(var(--space-3) * 2.5) calc(var(--space-5) * 2.25);
-        border-radius: var(--radius-pill-6);
+        border-radius: var(--radius-control-4);
     }
 }
 @media (min-width: 1640px) {
@@ -9690,91 +9052,91 @@
         line-height: var(--line-height-0);
         letter-spacing: var(--letter-spacing-0);
         padding: calc(var(--space-2) * 0.5) calc(var(--space-2) * 1.5);
-        border-radius: var(--radius-pill-1);
+        border-radius: var(--radius-control-1);
     }
     .rt-Kbd:where(.xl\:rt-r-size-1) {
         font-size: var(--font-size-1);
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
         padding: var(--space-2) var(--space-3);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
     }
     .rt-Kbd:where(.xl\:rt-r-size-2) {
         font-size: var(--font-size-2);
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
         padding: var(--space-2) calc(var(--space-3) * 1.25);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
     }
     .rt-Kbd:where(.xl\:rt-r-size-3) {
         font-size: var(--font-size-3);
         line-height: var(--line-height-3);
         letter-spacing: var(--letter-spacing-3);
         padding: calc(var(--space-2) * 1.25) calc(var(--space-3) * 1.5);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
     }
     .rt-Kbd:where(.xl\:rt-r-size-4) {
         font-size: var(--font-size-4);
         line-height: var(--line-height-4);
         letter-spacing: var(--letter-spacing-4);
         padding: calc(var(--space-2) * 1.5) var(--space-4);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
     }
     .rt-Kbd:where(.xl\:rt-r-size-5) {
         font-size: var(--font-size-5);
         line-height: var(--line-height-5);
         letter-spacing: var(--letter-spacing-5);
         padding: calc(var(--space-2) * 1.75) calc(var(--space-4) * 1.25);
-        border-radius: var(--radius-pill-4);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.xl\:rt-r-size-6) {
         font-size: var(--font-size-6);
         line-height: var(--line-height-6);
         letter-spacing: var(--letter-spacing-6);
         padding: var(--space-3) calc(var(--space-4) * 1.5);
-        border-radius: var(--radius-pill-4);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.xl\:rt-r-size-7) {
         font-size: var(--font-size-7);
         line-height: var(--line-height-7);
         letter-spacing: var(--letter-spacing-7);
         padding: calc(var(--space-3) * 1.25) var(--space-5);
-        border-radius: var(--radius-pill-5);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.xl\:rt-r-size-8) {
         font-size: var(--font-size-8);
         line-height: var(--line-height-8);
         letter-spacing: var(--letter-spacing-8);
         padding: calc(var(--space-3) * 1.5) calc(var(--space-5) * 1.25);
-        border-radius: var(--radius-pill-5);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.xl\:rt-r-size-9) {
         font-size: var(--font-size-9);
         line-height: var(--line-height-9);
         letter-spacing: var(--letter-spacing-9);
         padding: calc(var(--space-3) * 1.75) calc(var(--space-5) * 1.5);
-        border-radius: var(--radius-pill-6);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.xl\:rt-r-size-10) {
         font-size: var(--font-size-10);
         line-height: var(--line-height-10);
         letter-spacing: var(--letter-spacing-10);
         padding: calc(var(--space-3) * 2.0) calc(var(--space-5) * 1.75);
-        border-radius: var(--radius-pill-6);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.xl\:rt-r-size-11) {
         font-size: var(--font-size-11);
         line-height: var(--line-height-11);
         letter-spacing: var(--letter-spacing-11);
         padding: calc(var(--space-3) * 2.25) calc(var(--space-5) * 2.0);
-        border-radius: var(--radius-pill-6);
+        border-radius: var(--radius-control-4);
     }
     .rt-Kbd:where(.xl\:rt-r-size-12) {
         font-size: var(--font-size-12);
         line-height: var(--line-height-12);
         letter-spacing: var(--letter-spacing-12);
         padding: calc(var(--space-3) * 2.5) calc(var(--space-5) * 2.25);
-        border-radius: var(--radius-pill-6);
+        border-radius: var(--radius-control-4);
     }
 }
 .rt-Link:where(:-moz-any-link,button) {
@@ -9926,10 +9288,6 @@
     overflow: auto;
     position: relative;
     z-index: 200;
-    --inset-padding-top: var(--popover-content-padding);
-    --inset-padding-right: var(--popover-content-padding);
-    --inset-padding-bottom: var(--popover-content-padding);
-    --inset-padding-left: var(--popover-content-padding);
     --popover-toolbar-padding: var(--popover-content-padding);
     padding: var(--popover-content-padding);
     -webkit-box-sizing: border-box;
@@ -9985,133 +9343,133 @@
     text-overflow: ellipsis;
 }
 .rt-PopoverContent:where(.rt-r-size-1) {
-    --popover-content-padding: var(--space-4);
+    --popover-content-padding: var(--surface-p-1);
     --popover-toolbar-padding: var(--space-3);
-    border-radius: min(var(--radius-surface-3), calc(var(--radius-surface-1) + var(--space-3)));
+    border-radius: var(--radius-surface-1);
 }
 .rt-PopoverContent:where(.rt-r-size-2) {
-    --popover-content-padding: var(--space-5);
+    --popover-content-padding: var(--surface-p-2);
     --popover-toolbar-padding: var(--space-3);
-    border-radius: min(var(--radius-surface-4), calc(var(--radius-surface-2) + var(--space-4)));
+    border-radius: var(--radius-surface-2);
 }
 .rt-PopoverContent:where(.rt-r-size-3) {
-    --popover-content-padding: var(--space-6);
+    --popover-content-padding: var(--surface-p-3);
     --popover-toolbar-padding: var(--space-4);
-    border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-3) + var(--space-5)));
+    border-radius: var(--radius-surface-3);
 }
 .rt-PopoverContent:where(.rt-r-size-4) {
-    --popover-content-padding: var(--space-7);
+    --popover-content-padding: var(--surface-p-4);
     --popover-toolbar-padding: var(--space-5);
-    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-4) + var(--space-6)));
+    border-radius: var(--radius-surface-4);
 }
 @media (min-width: 520px) {
     .rt-PopoverContent:where(.xs\:rt-r-size-1) {
-        --popover-content-padding: var(--space-4);
+        --popover-content-padding: var(--surface-p-1);
         --popover-toolbar-padding: var(--space-3);
-        border-radius: min(var(--radius-surface-3), calc(var(--radius-surface-1) + var(--space-3)));
+        border-radius: var(--radius-surface-1);
     }
     .rt-PopoverContent:where(.xs\:rt-r-size-2) {
-        --popover-content-padding: var(--space-5);
+        --popover-content-padding: var(--surface-p-2);
         --popover-toolbar-padding: var(--space-3);
-        border-radius: min(var(--radius-surface-4), calc(var(--radius-surface-2) + var(--space-4)));
+        border-radius: var(--radius-surface-2);
     }
     .rt-PopoverContent:where(.xs\:rt-r-size-3) {
-        --popover-content-padding: var(--space-6);
+        --popover-content-padding: var(--surface-p-3);
         --popover-toolbar-padding: var(--space-4);
-        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-3) + var(--space-5)));
+        border-radius: var(--radius-surface-3);
     }
     .rt-PopoverContent:where(.xs\:rt-r-size-4) {
-        --popover-content-padding: var(--space-7);
+        --popover-content-padding: var(--surface-p-4);
         --popover-toolbar-padding: var(--space-5);
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-4) + var(--space-6)));
+        border-radius: var(--radius-surface-4);
     }
 }
 @media (min-width: 768px) {
     .rt-PopoverContent:where(.sm\:rt-r-size-1) {
-        --popover-content-padding: var(--space-4);
+        --popover-content-padding: var(--surface-p-1);
         --popover-toolbar-padding: var(--space-3);
-        border-radius: min(var(--radius-surface-3), calc(var(--radius-surface-1) + var(--space-3)));
+        border-radius: var(--radius-surface-1);
     }
     .rt-PopoverContent:where(.sm\:rt-r-size-2) {
-        --popover-content-padding: var(--space-5);
+        --popover-content-padding: var(--surface-p-2);
         --popover-toolbar-padding: var(--space-3);
-        border-radius: min(var(--radius-surface-4), calc(var(--radius-surface-2) + var(--space-4)));
+        border-radius: var(--radius-surface-2);
     }
     .rt-PopoverContent:where(.sm\:rt-r-size-3) {
-        --popover-content-padding: var(--space-6);
+        --popover-content-padding: var(--surface-p-3);
         --popover-toolbar-padding: var(--space-4);
-        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-3) + var(--space-5)));
+        border-radius: var(--radius-surface-3);
     }
     .rt-PopoverContent:where(.sm\:rt-r-size-4) {
-        --popover-content-padding: var(--space-7);
+        --popover-content-padding: var(--surface-p-4);
         --popover-toolbar-padding: var(--space-5);
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-4) + var(--space-6)));
+        border-radius: var(--radius-surface-4);
     }
 }
 @media (min-width: 1024px) {
     .rt-PopoverContent:where(.md\:rt-r-size-1) {
-        --popover-content-padding: var(--space-4);
+        --popover-content-padding: var(--surface-p-1);
         --popover-toolbar-padding: var(--space-3);
-        border-radius: min(var(--radius-surface-3), calc(var(--radius-surface-1) + var(--space-3)));
+        border-radius: var(--radius-surface-1);
     }
     .rt-PopoverContent:where(.md\:rt-r-size-2) {
-        --popover-content-padding: var(--space-5);
+        --popover-content-padding: var(--surface-p-2);
         --popover-toolbar-padding: var(--space-3);
-        border-radius: min(var(--radius-surface-4), calc(var(--radius-surface-2) + var(--space-4)));
+        border-radius: var(--radius-surface-2);
     }
     .rt-PopoverContent:where(.md\:rt-r-size-3) {
-        --popover-content-padding: var(--space-6);
+        --popover-content-padding: var(--surface-p-3);
         --popover-toolbar-padding: var(--space-4);
-        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-3) + var(--space-5)));
+        border-radius: var(--radius-surface-3);
     }
     .rt-PopoverContent:where(.md\:rt-r-size-4) {
-        --popover-content-padding: var(--space-7);
+        --popover-content-padding: var(--surface-p-4);
         --popover-toolbar-padding: var(--space-5);
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-4) + var(--space-6)));
+        border-radius: var(--radius-surface-4);
     }
 }
 @media (min-width: 1280px) {
     .rt-PopoverContent:where(.lg\:rt-r-size-1) {
-        --popover-content-padding: var(--space-4);
+        --popover-content-padding: var(--surface-p-1);
         --popover-toolbar-padding: var(--space-3);
-        border-radius: min(var(--radius-surface-3), calc(var(--radius-surface-1) + var(--space-3)));
+        border-radius: var(--radius-surface-1);
     }
     .rt-PopoverContent:where(.lg\:rt-r-size-2) {
-        --popover-content-padding: var(--space-5);
+        --popover-content-padding: var(--surface-p-2);
         --popover-toolbar-padding: var(--space-3);
-        border-radius: min(var(--radius-surface-4), calc(var(--radius-surface-2) + var(--space-4)));
+        border-radius: var(--radius-surface-2);
     }
     .rt-PopoverContent:where(.lg\:rt-r-size-3) {
-        --popover-content-padding: var(--space-6);
+        --popover-content-padding: var(--surface-p-3);
         --popover-toolbar-padding: var(--space-4);
-        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-3) + var(--space-5)));
+        border-radius: var(--radius-surface-3);
     }
     .rt-PopoverContent:where(.lg\:rt-r-size-4) {
-        --popover-content-padding: var(--space-7);
+        --popover-content-padding: var(--surface-p-4);
         --popover-toolbar-padding: var(--space-5);
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-4) + var(--space-6)));
+        border-radius: var(--radius-surface-4);
     }
 }
 @media (min-width: 1640px) {
     .rt-PopoverContent:where(.xl\:rt-r-size-1) {
-        --popover-content-padding: var(--space-4);
+        --popover-content-padding: var(--surface-p-1);
         --popover-toolbar-padding: var(--space-3);
-        border-radius: min(var(--radius-surface-3), calc(var(--radius-surface-1) + var(--space-3)));
+        border-radius: var(--radius-surface-1);
     }
     .rt-PopoverContent:where(.xl\:rt-r-size-2) {
-        --popover-content-padding: var(--space-5);
+        --popover-content-padding: var(--surface-p-2);
         --popover-toolbar-padding: var(--space-3);
-        border-radius: min(var(--radius-surface-4), calc(var(--radius-surface-2) + var(--space-4)));
+        border-radius: var(--radius-surface-2);
     }
     .rt-PopoverContent:where(.xl\:rt-r-size-3) {
-        --popover-content-padding: var(--space-6);
+        --popover-content-padding: var(--surface-p-3);
         --popover-toolbar-padding: var(--space-4);
-        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-3) + var(--space-5)));
+        border-radius: var(--radius-surface-3);
     }
     .rt-PopoverContent:where(.xl\:rt-r-size-4) {
-        --popover-content-padding: var(--space-7);
+        --popover-content-padding: var(--surface-p-4);
         --popover-toolbar-padding: var(--space-5);
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-4) + var(--space-6)));
+        border-radius: var(--radius-surface-4);
     }
 }
 .rt-ProgressRoot {
@@ -10562,11 +9920,6 @@
     --line-height: var(--line-height-3);
     --letter-spacing: var(--letter-spacing-3);
 }
-.rt-RadioCardsRoot:where(.rt-r-size-5) {
-    font-size: var(--font-size-4);
-    --line-height: var(--line-height-4);
-    --letter-spacing: var(--letter-spacing-4);
-}
 @media (min-width: 520px) {
     .rt-RadioCardsRoot:where(.xs\:rt-r-size-1) {
         font-size: var(--font-size-2);
@@ -10588,11 +9941,6 @@
         --line-height: var(--line-height-3);
         --letter-spacing: var(--letter-spacing-3);
     }
-    .rt-RadioCardsRoot:where(.xs\:rt-r-size-5) {
-        font-size: var(--font-size-4);
-        --line-height: var(--line-height-4);
-        --letter-spacing: var(--letter-spacing-4);
-    }
 }
 @media (min-width: 768px) {
     .rt-RadioCardsRoot:where(.sm\:rt-r-size-1) {
@@ -10615,11 +9963,6 @@
         --line-height: var(--line-height-3);
         --letter-spacing: var(--letter-spacing-3);
     }
-    .rt-RadioCardsRoot:where(.sm\:rt-r-size-5) {
-        font-size: var(--font-size-4);
-        --line-height: var(--line-height-4);
-        --letter-spacing: var(--letter-spacing-4);
-    }
 }
 @media (min-width: 1024px) {
     .rt-RadioCardsRoot:where(.md\:rt-r-size-1) {
@@ -10642,11 +9985,6 @@
         --line-height: var(--line-height-3);
         --letter-spacing: var(--letter-spacing-3);
     }
-    .rt-RadioCardsRoot:where(.md\:rt-r-size-5) {
-        font-size: var(--font-size-4);
-        --line-height: var(--line-height-4);
-        --letter-spacing: var(--letter-spacing-4);
-    }
 }
 @media (min-width: 1280px) {
     .rt-RadioCardsRoot:where(.lg\:rt-r-size-1) {
@@ -10669,11 +10007,6 @@
         --line-height: var(--line-height-3);
         --letter-spacing: var(--letter-spacing-3);
     }
-    .rt-RadioCardsRoot:where(.lg\:rt-r-size-5) {
-        font-size: var(--font-size-4);
-        --line-height: var(--line-height-4);
-        --letter-spacing: var(--letter-spacing-4);
-    }
 }
 @media (min-width: 1640px) {
     .rt-RadioCardsRoot:where(.xl\:rt-r-size-1) {
@@ -10696,11 +10029,6 @@
         --line-height: var(--line-height-3);
         --letter-spacing: var(--letter-spacing-3);
     }
-    .rt-RadioCardsRoot:where(.xl\:rt-r-size-5) {
-        font-size: var(--font-size-4);
-        --line-height: var(--line-height-4);
-        --letter-spacing: var(--letter-spacing-4);
-    }
 }
 .rt-RadioCardsItem:where([data-state='checked']) {
     outline: var(--focus-outline-width) solid var(--accent-solid-indicator);
@@ -10730,106 +10058,6 @@
     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-2)));
-}
-.rt-RadioCardsItem:where(.rt-r-size-2) {
-    --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
-}
-.rt-RadioCardsItem:where(.rt-r-size-3) {
-    --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
-}
-.rt-RadioCardsItem:where(.rt-r-size-4) {
-    --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
-}
-.rt-RadioCardsItem:where(.rt-r-size-5) {
-    --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-6)));
-}
-@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-2)));
-    }
-    .rt-RadioCardsItem:where(.xs\:rt-r-size-2) {
-        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
-    }
-    .rt-RadioCardsItem:where(.xs\:rt-r-size-3) {
-        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
-    }
-    .rt-RadioCardsItem:where(.xs\:rt-r-size-4) {
-        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
-    }
-    .rt-RadioCardsItem:where(.xs\:rt-r-size-5) {
-        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-6)));
-    }
-}
-@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-2)));
-    }
-    .rt-RadioCardsItem:where(.sm\:rt-r-size-2) {
-        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
-    }
-    .rt-RadioCardsItem:where(.sm\:rt-r-size-3) {
-        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
-    }
-    .rt-RadioCardsItem:where(.sm\:rt-r-size-4) {
-        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
-    }
-    .rt-RadioCardsItem:where(.sm\:rt-r-size-5) {
-        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-6)));
-    }
-}
-@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-2)));
-    }
-    .rt-RadioCardsItem:where(.md\:rt-r-size-2) {
-        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
-    }
-    .rt-RadioCardsItem:where(.md\:rt-r-size-3) {
-        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
-    }
-    .rt-RadioCardsItem:where(.md\:rt-r-size-4) {
-        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
-    }
-    .rt-RadioCardsItem:where(.md\:rt-r-size-5) {
-        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-6)));
-    }
-}
-@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-2)));
-    }
-    .rt-RadioCardsItem:where(.lg\:rt-r-size-2) {
-        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
-    }
-    .rt-RadioCardsItem:where(.lg\:rt-r-size-3) {
-        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
-    }
-    .rt-RadioCardsItem:where(.lg\:rt-r-size-4) {
-        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
-    }
-    .rt-RadioCardsItem:where(.lg\:rt-r-size-5) {
-        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-6)));
-    }
-}
-@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-2)));
-    }
-    .rt-RadioCardsItem:where(.xl\:rt-r-size-2) {
-        --base-card-border-radius: min(var(--radius-6), calc(var(--radius-2) + var(--space-3)));
-    }
-    .rt-RadioCardsItem:where(.xl\:rt-r-size-3) {
-        --base-card-border-radius: min(var(--radius-7), calc(var(--radius-3) + var(--space-4)));
-    }
-    .rt-RadioCardsItem:where(.xl\:rt-r-size-4) {
-        --base-card-border-radius: min(var(--radius-8), calc(var(--radius-4) + var(--space-5)));
-    }
-    .rt-RadioCardsItem:where(.xl\:rt-r-size-5) {
-        --base-card-border-radius: min(var(--radius-9), calc(var(--radius-5) + var(--space-6)));
-    }
-}
 .rt-RadioGroupRoot {
     display: -webkit-box;
     display: -ms-flexbox;
@@ -10855,7 +10083,7 @@
 :where(.rt-SheetContent) {
     position: fixed !important;
     width: var(--width, 90vw);
-    max-width: var(--max-width, 100vw);
+    max-width: min(var(--overlay-w), 100vw);
     height: 100vh;
     max-height: 100vh;
     margin: 0 !important;
@@ -11356,7 +10584,7 @@
     grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
 }
 .rt-SegmentedControlRoot:where(.rt-r-size-1) {
-    --segmented-control-border-radius: var(--radius-pill-1);
+    --segmented-control-border-radius: var(--radius-control-1);
     --segmented-control-height: var(--control-height-1);
     height: var(--segmented-control-height);
 }
@@ -11378,7 +10606,7 @@
     height: var(--icon-size-1);
 }
 .rt-SegmentedControlRoot:where(.rt-r-size-2) {
-    --segmented-control-border-radius: var(--radius-pill-2);
+    --segmented-control-border-radius: var(--radius-control-2);
     --segmented-control-height: var(--control-height-2);
     height: var(--segmented-control-height);
 }
@@ -11400,7 +10628,7 @@
     height: var(--icon-size-2);
 }
 .rt-SegmentedControlRoot:where(.rt-r-size-3) {
-    --segmented-control-border-radius: var(--radius-pill-3);
+    --segmented-control-border-radius: var(--radius-control-3);
     --segmented-control-height: var(--control-height-3);
     height: var(--segmented-control-height);
 }
@@ -11422,7 +10650,7 @@
     height: var(--icon-size-3);
 }
 .rt-SegmentedControlRoot:where(.rt-r-size-4) {
-    --segmented-control-border-radius: var(--radius-pill-4);
+    --segmented-control-border-radius: var(--radius-control-4);
     --segmented-control-height: var(--control-height-4);
     height: var(--segmented-control-height);
 }
@@ -11458,7 +10686,7 @@
         grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
     }
     .rt-SegmentedControlRoot:where(.xs\:rt-r-size-1) {
-        --segmented-control-border-radius: var(--radius-pill-1);
+        --segmented-control-border-radius: var(--radius-control-1);
         --segmented-control-height: var(--control-height-1);
         height: var(--segmented-control-height);
     }
@@ -11480,7 +10708,7 @@
         height: var(--icon-size-1);
     }
     .rt-SegmentedControlRoot:where(.xs\:rt-r-size-2) {
-        --segmented-control-border-radius: var(--radius-pill-2);
+        --segmented-control-border-radius: var(--radius-control-2);
         --segmented-control-height: var(--control-height-2);
         height: var(--segmented-control-height);
     }
@@ -11502,7 +10730,7 @@
         height: var(--icon-size-2);
     }
     .rt-SegmentedControlRoot:where(.xs\:rt-r-size-3) {
-        --segmented-control-border-radius: var(--radius-pill-3);
+        --segmented-control-border-radius: var(--radius-control-3);
         --segmented-control-height: var(--control-height-3);
         height: var(--segmented-control-height);
     }
@@ -11524,7 +10752,7 @@
         height: var(--icon-size-3);
     }
     .rt-SegmentedControlRoot:where(.xs\:rt-r-size-4) {
-        --segmented-control-border-radius: var(--radius-pill-4);
+        --segmented-control-border-radius: var(--radius-control-4);
         --segmented-control-height: var(--control-height-4);
         height: var(--segmented-control-height);
     }
@@ -11561,7 +10789,7 @@
         grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
     }
     .rt-SegmentedControlRoot:where(.sm\:rt-r-size-1) {
-        --segmented-control-border-radius: var(--radius-pill-1);
+        --segmented-control-border-radius: var(--radius-control-1);
         --segmented-control-height: var(--control-height-1);
         height: var(--segmented-control-height);
     }
@@ -11583,7 +10811,7 @@
         height: var(--icon-size-1);
     }
     .rt-SegmentedControlRoot:where(.sm\:rt-r-size-2) {
-        --segmented-control-border-radius: var(--radius-pill-2);
+        --segmented-control-border-radius: var(--radius-control-2);
         --segmented-control-height: var(--control-height-2);
         height: var(--segmented-control-height);
     }
@@ -11605,7 +10833,7 @@
         height: var(--icon-size-2);
     }
     .rt-SegmentedControlRoot:where(.sm\:rt-r-size-3) {
-        --segmented-control-border-radius: var(--radius-pill-3);
+        --segmented-control-border-radius: var(--radius-control-3);
         --segmented-control-height: var(--control-height-3);
         height: var(--segmented-control-height);
     }
@@ -11627,7 +10855,7 @@
         height: var(--icon-size-3);
     }
     .rt-SegmentedControlRoot:where(.sm\:rt-r-size-4) {
-        --segmented-control-border-radius: var(--radius-pill-4);
+        --segmented-control-border-radius: var(--radius-control-4);
         --segmented-control-height: var(--control-height-4);
         height: var(--segmented-control-height);
     }
@@ -11664,7 +10892,7 @@
         grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
     }
     .rt-SegmentedControlRoot:where(.md\:rt-r-size-1) {
-        --segmented-control-border-radius: var(--radius-pill-1);
+        --segmented-control-border-radius: var(--radius-control-1);
         --segmented-control-height: var(--control-height-1);
         height: var(--segmented-control-height);
     }
@@ -11686,7 +10914,7 @@
         height: var(--icon-size-1);
     }
     .rt-SegmentedControlRoot:where(.md\:rt-r-size-2) {
-        --segmented-control-border-radius: var(--radius-pill-2);
+        --segmented-control-border-radius: var(--radius-control-2);
         --segmented-control-height: var(--control-height-2);
         height: var(--segmented-control-height);
     }
@@ -11708,7 +10936,7 @@
         height: var(--icon-size-2);
     }
     .rt-SegmentedControlRoot:where(.md\:rt-r-size-3) {
-        --segmented-control-border-radius: var(--radius-pill-3);
+        --segmented-control-border-radius: var(--radius-control-3);
         --segmented-control-height: var(--control-height-3);
         height: var(--segmented-control-height);
     }
@@ -11730,7 +10958,7 @@
         height: var(--icon-size-3);
     }
     .rt-SegmentedControlRoot:where(.md\:rt-r-size-4) {
-        --segmented-control-border-radius: var(--radius-pill-4);
+        --segmented-control-border-radius: var(--radius-control-4);
         --segmented-control-height: var(--control-height-4);
         height: var(--segmented-control-height);
     }
@@ -11767,7 +10995,7 @@
         grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
     }
     .rt-SegmentedControlRoot:where(.lg\:rt-r-size-1) {
-        --segmented-control-border-radius: var(--radius-pill-1);
+        --segmented-control-border-radius: var(--radius-control-1);
         --segmented-control-height: var(--control-height-1);
         height: var(--segmented-control-height);
     }
@@ -11789,7 +11017,7 @@
         height: var(--icon-size-1);
     }
     .rt-SegmentedControlRoot:where(.lg\:rt-r-size-2) {
-        --segmented-control-border-radius: var(--radius-pill-2);
+        --segmented-control-border-radius: var(--radius-control-2);
         --segmented-control-height: var(--control-height-2);
         height: var(--segmented-control-height);
     }
@@ -11811,7 +11039,7 @@
         height: var(--icon-size-2);
     }
     .rt-SegmentedControlRoot:where(.lg\:rt-r-size-3) {
-        --segmented-control-border-radius: var(--radius-pill-3);
+        --segmented-control-border-radius: var(--radius-control-3);
         --segmented-control-height: var(--control-height-3);
         height: var(--segmented-control-height);
     }
@@ -11833,7 +11061,7 @@
         height: var(--icon-size-3);
     }
     .rt-SegmentedControlRoot:where(.lg\:rt-r-size-4) {
-        --segmented-control-border-radius: var(--radius-pill-4);
+        --segmented-control-border-radius: var(--radius-control-4);
         --segmented-control-height: var(--control-height-4);
         height: var(--segmented-control-height);
     }
@@ -11870,7 +11098,7 @@
         grid-auto-rows: minmax(var(--segmented-control-height), 1fr);
     }
     .rt-SegmentedControlRoot:where(.xl\:rt-r-size-1) {
-        --segmented-control-border-radius: var(--radius-pill-1);
+        --segmented-control-border-radius: var(--radius-control-1);
         --segmented-control-height: var(--control-height-1);
         height: var(--segmented-control-height);
     }
@@ -11892,7 +11120,7 @@
         height: var(--icon-size-1);
     }
     .rt-SegmentedControlRoot:where(.xl\:rt-r-size-2) {
-        --segmented-control-border-radius: var(--radius-pill-2);
+        --segmented-control-border-radius: var(--radius-control-2);
         --segmented-control-height: var(--control-height-2);
         height: var(--segmented-control-height);
     }
@@ -11914,7 +11142,7 @@
         height: var(--icon-size-2);
     }
     .rt-SegmentedControlRoot:where(.xl\:rt-r-size-3) {
-        --segmented-control-border-radius: var(--radius-pill-3);
+        --segmented-control-border-radius: var(--radius-control-3);
         --segmented-control-height: var(--control-height-3);
         height: var(--segmented-control-height);
     }
@@ -11936,7 +11164,7 @@
         height: var(--icon-size-3);
     }
     .rt-SegmentedControlRoot:where(.xl\:rt-r-size-4) {
-        --segmented-control-border-radius: var(--radius-pill-4);
+        --segmented-control-border-radius: var(--radius-control-4);
         --segmented-control-height: var(--control-height-4);
         height: var(--segmented-control-height);
     }
@@ -12154,7 +11382,7 @@
     font-size: var(--font-size-1);
     line-height: var(--line-height-1);
     letter-spacing: var(--letter-spacing-1);
-    border-radius: var(--radius-pill-1);
+    border-radius: var(--radius-control-1);
 }
 .rt-SelectTrigger:where(.rt-r-size-1) :where(.rt-SelectIcon) {
     width: var(--trigger-icon-size-1);
@@ -12168,7 +11396,7 @@
     font-size: var(--font-size-2);
     line-height: var(--line-height-2);
     letter-spacing: var(--letter-spacing-2);
-    border-radius: var(--radius-pill-2);
+    border-radius: var(--radius-control-2);
 }
 .rt-SelectTrigger:where(.rt-r-size-2) :where(.rt-SelectIcon) {
     width: var(--trigger-icon-size-2);
@@ -12182,7 +11410,7 @@
     font-size: var(--font-size-3);
     line-height: var(--line-height-3);
     letter-spacing: var(--letter-spacing-3);
-    border-radius: var(--radius-pill-3);
+    border-radius: var(--radius-control-3);
 }
 .rt-SelectTrigger:where(.rt-r-size-3) :where(.rt-SelectIcon) {
     width: var(--trigger-icon-size-3);
@@ -12196,7 +11424,7 @@
     font-size: var(--font-size-4);
     line-height: var(--line-height-4);
     letter-spacing: var(--letter-spacing-4);
-    border-radius: var(--radius-pill-4);
+    border-radius: var(--radius-control-4);
 }
 .rt-SelectTrigger:where(.rt-r-size-4) :where(.rt-SelectIcon) {
     width: var(--trigger-icon-size-4);
@@ -12211,7 +11439,7 @@
         font-size: var(--font-size-1);
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
-        border-radius: var(--radius-pill-1);
+        border-radius: var(--radius-control-1);
     }
     .rt-SelectTrigger:where(.xs\:rt-r-size-1) :where(.rt-SelectIcon) {
         width: var(--trigger-icon-size-1);
@@ -12225,7 +11453,7 @@
         font-size: var(--font-size-2);
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
     }
     .rt-SelectTrigger:where(.xs\:rt-r-size-2) :where(.rt-SelectIcon) {
         width: var(--trigger-icon-size-2);
@@ -12239,7 +11467,7 @@
         font-size: var(--font-size-3);
         line-height: var(--line-height-3);
         letter-spacing: var(--letter-spacing-3);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
     }
     .rt-SelectTrigger:where(.xs\:rt-r-size-3) :where(.rt-SelectIcon) {
         width: var(--trigger-icon-size-3);
@@ -12253,7 +11481,7 @@
         font-size: var(--font-size-4);
         line-height: var(--line-height-4);
         letter-spacing: var(--letter-spacing-4);
-        border-radius: var(--radius-pill-4);
+        border-radius: var(--radius-control-4);
     }
     .rt-SelectTrigger:where(.xs\:rt-r-size-4) :where(.rt-SelectIcon) {
         width: var(--trigger-icon-size-4);
@@ -12269,7 +11497,7 @@
         font-size: var(--font-size-1);
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
-        border-radius: var(--radius-pill-1);
+        border-radius: var(--radius-control-1);
     }
     .rt-SelectTrigger:where(.sm\:rt-r-size-1) :where(.rt-SelectIcon) {
         width: var(--trigger-icon-size-1);
@@ -12283,7 +11511,7 @@
         font-size: var(--font-size-2);
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
     }
     .rt-SelectTrigger:where(.sm\:rt-r-size-2) :where(.rt-SelectIcon) {
         width: var(--trigger-icon-size-2);
@@ -12297,7 +11525,7 @@
         font-size: var(--font-size-3);
         line-height: var(--line-height-3);
         letter-spacing: var(--letter-spacing-3);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
     }
     .rt-SelectTrigger:where(.sm\:rt-r-size-3) :where(.rt-SelectIcon) {
         width: var(--trigger-icon-size-3);
@@ -12311,7 +11539,7 @@
         font-size: var(--font-size-4);
         line-height: var(--line-height-4);
         letter-spacing: var(--letter-spacing-4);
-        border-radius: var(--radius-pill-4);
+        border-radius: var(--radius-control-4);
     }
     .rt-SelectTrigger:where(.sm\:rt-r-size-4) :where(.rt-SelectIcon) {
         width: var(--trigger-icon-size-4);
@@ -12327,7 +11555,7 @@
         font-size: var(--font-size-1);
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
-        border-radius: var(--radius-pill-1);
+        border-radius: var(--radius-control-1);
     }
     .rt-SelectTrigger:where(.md\:rt-r-size-1) :where(.rt-SelectIcon) {
         width: var(--trigger-icon-size-1);
@@ -12341,7 +11569,7 @@
         font-size: var(--font-size-2);
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
     }
     .rt-SelectTrigger:where(.md\:rt-r-size-2) :where(.rt-SelectIcon) {
         width: var(--trigger-icon-size-2);
@@ -12355,7 +11583,7 @@
         font-size: var(--font-size-3);
         line-height: var(--line-height-3);
         letter-spacing: var(--letter-spacing-3);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
     }
     .rt-SelectTrigger:where(.md\:rt-r-size-3) :where(.rt-SelectIcon) {
         width: var(--trigger-icon-size-3);
@@ -12369,7 +11597,7 @@
         font-size: var(--font-size-4);
         line-height: var(--line-height-4);
         letter-spacing: var(--letter-spacing-4);
-        border-radius: var(--radius-pill-4);
+        border-radius: var(--radius-control-4);
     }
     .rt-SelectTrigger:where(.md\:rt-r-size-4) :where(.rt-SelectIcon) {
         width: var(--trigger-icon-size-4);
@@ -12385,7 +11613,7 @@
         font-size: var(--font-size-1);
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
-        border-radius: var(--radius-pill-1);
+        border-radius: var(--radius-control-1);
     }
     .rt-SelectTrigger:where(.lg\:rt-r-size-1) :where(.rt-SelectIcon) {
         width: var(--trigger-icon-size-1);
@@ -12399,7 +11627,7 @@
         font-size: var(--font-size-2);
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
     }
     .rt-SelectTrigger:where(.lg\:rt-r-size-2) :where(.rt-SelectIcon) {
         width: var(--trigger-icon-size-2);
@@ -12413,7 +11641,7 @@
         font-size: var(--font-size-3);
         line-height: var(--line-height-3);
         letter-spacing: var(--letter-spacing-3);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
     }
     .rt-SelectTrigger:where(.lg\:rt-r-size-3) :where(.rt-SelectIcon) {
         width: var(--trigger-icon-size-3);
@@ -12427,7 +11655,7 @@
         font-size: var(--font-size-4);
         line-height: var(--line-height-4);
         letter-spacing: var(--letter-spacing-4);
-        border-radius: var(--radius-pill-4);
+        border-radius: var(--radius-control-4);
     }
     .rt-SelectTrigger:where(.lg\:rt-r-size-4) :where(.rt-SelectIcon) {
         width: var(--trigger-icon-size-4);
@@ -12443,7 +11671,7 @@
         font-size: var(--font-size-1);
         line-height: var(--line-height-1);
         letter-spacing: var(--letter-spacing-1);
-        border-radius: var(--radius-pill-1);
+        border-radius: var(--radius-control-1);
     }
     .rt-SelectTrigger:where(.xl\:rt-r-size-1) :where(.rt-SelectIcon) {
         width: var(--trigger-icon-size-1);
@@ -12457,7 +11685,7 @@
         font-size: var(--font-size-2);
         line-height: var(--line-height-2);
         letter-spacing: var(--letter-spacing-2);
-        border-radius: var(--radius-pill-2);
+        border-radius: var(--radius-control-2);
     }
     .rt-SelectTrigger:where(.xl\:rt-r-size-2) :where(.rt-SelectIcon) {
         width: var(--trigger-icon-size-2);
@@ -12471,7 +11699,7 @@
         font-size: var(--font-size-3);
         line-height: var(--line-height-3);
         letter-spacing: var(--letter-spacing-3);
-        border-radius: var(--radius-pill-3);
+        border-radius: var(--radius-control-3);
     }
     .rt-SelectTrigger:where(.xl\:rt-r-size-3) :where(.rt-SelectIcon) {
         width: var(--trigger-icon-size-3);
@@ -12485,7 +11713,7 @@
         font-size: var(--font-size-4);
         line-height: var(--line-height-4);
         letter-spacing: var(--letter-spacing-4);
-        border-radius: var(--radius-pill-4);
+        border-radius: var(--radius-control-4);
     }
     .rt-SelectTrigger:where(.xl\:rt-r-size-4) :where(.rt-SelectIcon) {
         width: var(--trigger-icon-size-4);
@@ -12497,7 +11725,7 @@
     --select-item-height: var(--control-height-1);
     --select-item-indicator-width: calc(var(--space-6) / var(--select-item-indicator-width-factor));
     --select-separator-margin-right: var(--space-3);
-    border-radius: var(--radius-surface-3);
+    border-radius: var(--radius-surface-1);
 }
 .rt-SelectContent:where(.rt-r-size-1) :where(.rt-SelectLabel) {
     font-size: var(--font-size-1);
@@ -12518,7 +11746,7 @@
     --select-content-padding: var(--space-3);
     --select-item-indicator-width: var(--space-6);
     --select-separator-margin-right: var(--space-4);
-    border-radius: var(--radius-surface-4);
+    border-radius: var(--radius-surface-1);
 }
 .rt-SelectContent:where(.rt-r-size-2,.rt-r-size-3,.rt-r-size-4) :where(.rt-SelectLabel) {
     font-size: var(--font-size-2);
@@ -12568,7 +11796,7 @@
         --select-item-height: var(--control-height-1);
         --select-item-indicator-width: calc(var(--space-6) / var(--select-item-indicator-width-factor));
         --select-separator-margin-right: var(--space-3);
-        border-radius: var(--radius-surface-3);
+        border-radius: var(--radius-surface-1);
     }
     .rt-SelectContent:where(.xs\:rt-r-size-1) :where(.rt-SelectLabel) {
         font-size: var(--font-size-1);
@@ -12589,7 +11817,7 @@
         --select-content-padding: var(--space-3);
         --select-item-indicator-width: var(--space-6);
         --select-separator-margin-right: var(--space-4);
-        border-radius: var(--radius-surface-4);
+        border-radius: var(--radius-surface-1);
     }
     .rt-SelectContent:where(.xs\:rt-r-size-2,.xs\:rt-r-size-3,.xs\:rt-r-size-4) :where(.rt-SelectLabel) {
         font-size: var(--font-size-2);
@@ -12640,7 +11868,7 @@
         --select-item-height: var(--control-height-1);
         --select-item-indicator-width: calc(var(--space-6) / var(--select-item-indicator-width-factor));
         --select-separator-margin-right: var(--space-3);
-        border-radius: var(--radius-surface-3);
+        border-radius: var(--radius-surface-1);
     }
     .rt-SelectContent:where(.sm\:rt-r-size-1) :where(.rt-SelectLabel) {
         font-size: var(--font-size-1);
@@ -12661,7 +11889,7 @@
         --select-content-padding: var(--space-3);
         --select-item-indicator-width: var(--space-6);
         --select-separator-margin-right: var(--space-4);
-        border-radius: var(--radius-surface-4);
+        border-radius: var(--radius-surface-1);
     }
     .rt-SelectContent:where(.sm\:rt-r-size-2,.sm\:rt-r-size-3,.sm\:rt-r-size-4) :where(.rt-SelectLabel) {
         font-size: var(--font-size-2);
@@ -12712,7 +11940,7 @@
         --select-item-height: var(--control-height-1);
         --select-item-indicator-width: calc(var(--space-6) / var(--select-item-indicator-width-factor));
         --select-separator-margin-right: var(--space-3);
-        border-radius: var(--radius-surface-3);
+        border-radius: var(--radius-surface-1);
     }
     .rt-SelectContent:where(.md\:rt-r-size-1) :where(.rt-SelectLabel) {
         font-size: var(--font-size-1);
@@ -12733,7 +11961,7 @@
         --select-content-padding: var(--space-3);
         --select-item-indicator-width: var(--space-6);
         --select-separator-margin-right: var(--space-4);
-        border-radius: var(--radius-surface-4);
+        border-radius: var(--radius-surface-1);
     }
     .rt-SelectContent:where(.md\:rt-r-size-2,.md\:rt-r-size-3,.md\:rt-r-size-4) :where(.rt-SelectLabel) {
         font-size: var(--font-size-2);
@@ -12784,7 +12012,7 @@
         --select-item-height: var(--control-height-1);
         --select-item-indicator-width: calc(var(--space-6) / var(--select-item-indicator-width-factor));
         --select-separator-margin-right: var(--space-3);
-        border-radius: var(--radius-surface-3);
+        border-radius: var(--radius-surface-1);
     }
     .rt-SelectContent:where(.lg\:rt-r-size-1) :where(.rt-SelectLabel) {
         font-size: var(--font-size-1);
@@ -12805,7 +12033,7 @@
         --select-content-padding: var(--space-3);
         --select-item-indicator-width: var(--space-6);
         --select-separator-margin-right: var(--space-4);
-        border-radius: var(--radius-surface-4);
+        border-radius: var(--radius-surface-1);
     }
     .rt-SelectContent:where(.lg\:rt-r-size-2,.lg\:rt-r-size-3,.lg\:rt-r-size-4) :where(.rt-SelectLabel) {
         font-size: var(--font-size-2);
@@ -12856,7 +12084,7 @@
         --select-item-height: var(--control-height-1);
         --select-item-indicator-width: calc(var(--space-6) / var(--select-item-indicator-width-factor));
         --select-separator-margin-right: var(--space-3);
-        border-radius: var(--radius-surface-3);
+        border-radius: var(--radius-surface-1);
     }
     .rt-SelectContent:where(.xl\:rt-r-size-1) :where(.rt-SelectLabel) {
         font-size: var(--font-size-1);
@@ -12877,7 +12105,7 @@
         --select-content-padding: var(--space-3);
         --select-item-indicator-width: var(--space-6);
         --select-separator-margin-right: var(--space-4);
-        border-radius: var(--radius-surface-4);
+        border-radius: var(--radius-surface-1);
     }
     .rt-SelectContent:where(.xl\:rt-r-size-2,.xl\:rt-r-size-3,.xl\:rt-r-size-4) :where(.rt-SelectLabel) {
         font-size: var(--font-size-2);
@@ -13777,15 +13005,15 @@
 }
 .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-1 .rt-SidebarMenuIconWrapper {
     padding: var(--space-3) var(--space-3);
-    border-radius: var(--radius-pill-1);
+    border-radius: var(--radius-control-1);
 }
 .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-2 .rt-SidebarMenuIconWrapper {
     padding: var(--space-3);
-    border-radius: var(--radius-pill-2);
+    border-radius: var(--radius-control-2);
 }
 .rt-ShellRailContent :is(.rt-SidebarContent, .rt-ShellPaneHeader, .rt-ShellPaneFooter).rt-r-size-3 .rt-SidebarMenuIconWrapper {
     padding: var(--space-4);
-    border-radius: var(--radius-pill-3);
+    border-radius: var(--radius-control-3);
 }
 :where(.rt-ShellRailContent .rt-SidebarMenuButton .rt-SidebarMenuLabel) {
     display: block;
@@ -14898,15 +14126,15 @@
 }
 .rt-ShellRailContent.rt-r-size-1 .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
     padding: var(--space-3) var(--space-3);
-    border-radius: var(--radius-pill-1);
+    border-radius: var(--radius-control-1);
 }
 .rt-ShellRailContent.rt-r-size-2 .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
     padding: var(--space-3);
-    border-radius: var(--radius-pill-2);
+    border-radius: var(--radius-control-2);
 }
 .rt-ShellRailContent.rt-r-size-3 .rt-SidebarSearchTrigger .rt-SidebarMenuIconWrapper {
     padding: var(--space-4);
-    border-radius: var(--radius-pill-3);
+    border-radius: var(--radius-control-3);
 }
 @media (hover: hover) {
     :where(.rt-ShellRailContent.rt-menu-variant-soft) :where(.rt-SidebarSearchTrigger:where(:hover):not([data-disabled]) .rt-SidebarMenuIconWrapper) {
@@ -15693,7 +14921,7 @@
 .rt-ShellPane[data-inset],
 .rt-ShellContent[data-inset] {
     margin: var(--shell-inset-gap);
-    border-radius: var(--radius-surface-3);
+    border-radius: var(--radius-surface-1);
     background: var(--color-background);
     -webkit-box-shadow: var(--shadow-2);
             box-shadow: var(--shadow-2);
@@ -17132,12 +16360,6 @@
     padding: var(--table-cell-padding);
     height: var(--table-cell-min-height);
 }
-.rt-Inset :where(.rt-TableCell:first-child) {
-    padding-left: var(--inset-padding-left, var(--table-cell-padding));
-}
-.rt-Inset :where(.rt-TableCell:last-child) {
-    padding-right: var(--inset-padding-right, var(--table-cell-padding));
-}
 .rt-TableColumnHeaderCell {
     font-weight: 600;
 }
@@ -17145,7 +16367,7 @@
     font-weight: normal;
 }
 .rt-TableRoot:where(.rt-r-size-1) {
-    --table-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
+    --table-border-radius: var(--radius-surface-1);
     --table-cell-padding: var(--space-3);
     --table-cell-min-height: calc(36px * var(--scale));
 }
@@ -17154,7 +16376,7 @@
     line-height: var(--line-height-2);
 }
 .rt-TableRoot:where(.rt-r-size-2) {
-    --table-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+    --table-border-radius: var(--radius-surface-2);
     --table-cell-padding: var(--space-4);
     --table-cell-min-height: calc(44px * var(--scale));
 }
@@ -17163,7 +16385,7 @@
     line-height: var(--line-height-2);
 }
 .rt-TableRoot:where(.rt-r-size-3) {
-    --table-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+    --table-border-radius: var(--radius-surface-3);
     --table-cell-padding: var(--space-5);
     --table-cell-min-height: var(--space-9);
 }
@@ -17173,7 +16395,7 @@
 }
 @media (min-width: 520px) {
     .rt-TableRoot:where(.xs\:rt-r-size-1) {
-        --table-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
+        --table-border-radius: var(--radius-surface-1);
         --table-cell-padding: var(--space-3);
         --table-cell-min-height: calc(36px * var(--scale));
     }
@@ -17182,7 +16404,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.xs\:rt-r-size-2) {
-        --table-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        --table-border-radius: var(--radius-surface-2);
         --table-cell-padding: var(--space-4);
         --table-cell-min-height: calc(44px * var(--scale));
     }
@@ -17191,7 +16413,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.xs\:rt-r-size-3) {
-        --table-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+        --table-border-radius: var(--radius-surface-3);
         --table-cell-padding: var(--space-5);
         --table-cell-min-height: var(--space-9);
     }
@@ -17202,7 +16424,7 @@
 }
 @media (min-width: 768px) {
     .rt-TableRoot:where(.sm\:rt-r-size-1) {
-        --table-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
+        --table-border-radius: var(--radius-surface-1);
         --table-cell-padding: var(--space-3);
         --table-cell-min-height: calc(36px * var(--scale));
     }
@@ -17211,7 +16433,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.sm\:rt-r-size-2) {
-        --table-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        --table-border-radius: var(--radius-surface-2);
         --table-cell-padding: var(--space-4);
         --table-cell-min-height: calc(44px * var(--scale));
     }
@@ -17220,7 +16442,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.sm\:rt-r-size-3) {
-        --table-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+        --table-border-radius: var(--radius-surface-3);
         --table-cell-padding: var(--space-5);
         --table-cell-min-height: var(--space-9);
     }
@@ -17231,7 +16453,7 @@
 }
 @media (min-width: 1024px) {
     .rt-TableRoot:where(.md\:rt-r-size-1) {
-        --table-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
+        --table-border-radius: var(--radius-surface-1);
         --table-cell-padding: var(--space-3);
         --table-cell-min-height: calc(36px * var(--scale));
     }
@@ -17240,7 +16462,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.md\:rt-r-size-2) {
-        --table-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        --table-border-radius: var(--radius-surface-2);
         --table-cell-padding: var(--space-4);
         --table-cell-min-height: calc(44px * var(--scale));
     }
@@ -17249,7 +16471,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.md\:rt-r-size-3) {
-        --table-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+        --table-border-radius: var(--radius-surface-3);
         --table-cell-padding: var(--space-5);
         --table-cell-min-height: var(--space-9);
     }
@@ -17260,7 +16482,7 @@
 }
 @media (min-width: 1280px) {
     .rt-TableRoot:where(.lg\:rt-r-size-1) {
-        --table-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
+        --table-border-radius: var(--radius-surface-1);
         --table-cell-padding: var(--space-3);
         --table-cell-min-height: calc(36px * var(--scale));
     }
@@ -17269,7 +16491,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.lg\:rt-r-size-2) {
-        --table-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        --table-border-radius: var(--radius-surface-2);
         --table-cell-padding: var(--space-4);
         --table-cell-min-height: calc(44px * var(--scale));
     }
@@ -17278,7 +16500,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.lg\:rt-r-size-3) {
-        --table-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+        --table-border-radius: var(--radius-surface-3);
         --table-cell-padding: var(--space-5);
         --table-cell-min-height: var(--space-9);
     }
@@ -17289,7 +16511,7 @@
 }
 @media (min-width: 1640px) {
     .rt-TableRoot:where(.xl\:rt-r-size-1) {
-        --table-border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
+        --table-border-radius: var(--radius-surface-1);
         --table-cell-padding: var(--space-3);
         --table-cell-min-height: calc(36px * var(--scale));
     }
@@ -17298,7 +16520,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.xl\:rt-r-size-2) {
-        --table-border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        --table-border-radius: var(--radius-surface-2);
         --table-cell-padding: var(--space-4);
         --table-cell-min-height: calc(44px * var(--scale));
     }
@@ -17307,7 +16529,7 @@
         line-height: var(--line-height-2);
     }
     .rt-TableRoot:where(.xl\:rt-r-size-3) {
-        --table-border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+        --table-border-radius: var(--radius-surface-3);
         --table-cell-padding: var(--space-5);
         --table-cell-min-height: var(--space-9);
     }
@@ -18089,25 +17311,25 @@
 }
 .rt-Toolbar:where(.rt-r-size-1) {
     --toolbar-control-height: var(--control-height-1);
-    --toolbar-radius: var(--radius-pill-1);
+    --toolbar-radius: var(--radius-control-1);
     --toolbar-gap: var(--space-2);
     --toolbar-title-gap: var(--space-3);
 }
 .rt-Toolbar:where(.rt-r-size-2) {
     --toolbar-control-height: var(--control-height-2);
-    --toolbar-radius: var(--radius-pill-2);
+    --toolbar-radius: var(--radius-control-2);
     --toolbar-gap: var(--space-3);
     --toolbar-title-gap: var(--space-4);
 }
 .rt-Toolbar:where(.rt-r-size-3) {
     --toolbar-control-height: var(--control-height-3);
-    --toolbar-radius: var(--radius-pill-3);
+    --toolbar-radius: var(--radius-control-3);
     --toolbar-gap: var(--space-3);
     --toolbar-title-gap: var(--space-5);
 }
 .rt-Toolbar:where(.rt-r-size-4) {
     --toolbar-control-height: var(--control-height-4);
-    --toolbar-radius: var(--radius-pill-4);
+    --toolbar-radius: var(--radius-control-4);
     --toolbar-gap: var(--space-4);
     --toolbar-title-gap: var(--space-6);
 }
@@ -18550,7 +17772,7 @@
     isolation: isolate;
 }
 .rt-ChatbarRoot:where(.rt-r-size-1) .rt-ChatbarBox {
-    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+    border-radius: var(--radius-surface-2);
     padding: var(--space-4);
 }
 .rt-ChatbarRoot:where(.rt-r-size-1) .rt-ChatbarInput {
@@ -18559,7 +17781,7 @@
     letter-spacing: var(--letter-spacing-1);
 }
 .rt-ChatbarRoot:where(.rt-r-size-2) .rt-ChatbarBox {
-    border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+    border-radius: var(--radius-surface-3);
     padding: var(--space-5);
 }
 .rt-ChatbarRoot:where(.rt-r-size-2) .rt-ChatbarInput {
@@ -18568,7 +17790,7 @@
     letter-spacing: var(--letter-spacing-2);
 }
 .rt-ChatbarRoot:where(.rt-r-size-3) .rt-ChatbarBox {
-    border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+    border-radius: var(--radius-surface-3);
     padding: var(--space-5);
 }
 .rt-ChatbarRoot:where(.rt-r-size-3) .rt-ChatbarInput {
@@ -18578,7 +17800,7 @@
 }
 @media (min-width: 520px) {
     .rt-ChatbarRoot:where(.xs\:rt-r-size-1) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        border-radius: var(--radius-surface-2);
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.xs\:rt-r-size-1) .rt-ChatbarInput {
@@ -18587,7 +17809,7 @@
         letter-spacing: var(--letter-spacing-1);
     }
     .rt-ChatbarRoot:where(.xs\:rt-r-size-2) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+        border-radius: var(--radius-surface-3);
         padding: var(--space-5);
     }
     .rt-ChatbarRoot:where(.xs\:rt-r-size-2) .rt-ChatbarInput {
@@ -18596,7 +17818,7 @@
         letter-spacing: var(--letter-spacing-2);
     }
     .rt-ChatbarRoot:where(.xs\:rt-r-size-3) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+        border-radius: var(--radius-surface-3);
         padding: var(--space-5);
     }
     .rt-ChatbarRoot:where(.xs\:rt-r-size-3) .rt-ChatbarInput {
@@ -18607,7 +17829,7 @@
 }
 @media (min-width: 768px) {
     .rt-ChatbarRoot:where(.sm\:rt-r-size-1) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        border-radius: var(--radius-surface-2);
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.sm\:rt-r-size-1) .rt-ChatbarInput {
@@ -18616,7 +17838,7 @@
         letter-spacing: var(--letter-spacing-1);
     }
     .rt-ChatbarRoot:where(.sm\:rt-r-size-2) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+        border-radius: var(--radius-surface-3);
         padding: var(--space-5);
     }
     .rt-ChatbarRoot:where(.sm\:rt-r-size-2) .rt-ChatbarInput {
@@ -18625,7 +17847,7 @@
         letter-spacing: var(--letter-spacing-2);
     }
     .rt-ChatbarRoot:where(.sm\:rt-r-size-3) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+        border-radius: var(--radius-surface-3);
         padding: var(--space-5);
     }
     .rt-ChatbarRoot:where(.sm\:rt-r-size-3) .rt-ChatbarInput {
@@ -18636,7 +17858,7 @@
 }
 @media (min-width: 1024px) {
     .rt-ChatbarRoot:where(.md\:rt-r-size-1) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        border-radius: var(--radius-surface-2);
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.md\:rt-r-size-1) .rt-ChatbarInput {
@@ -18645,7 +17867,7 @@
         letter-spacing: var(--letter-spacing-1);
     }
     .rt-ChatbarRoot:where(.md\:rt-r-size-2) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+        border-radius: var(--radius-surface-3);
         padding: var(--space-5);
     }
     .rt-ChatbarRoot:where(.md\:rt-r-size-2) .rt-ChatbarInput {
@@ -18654,7 +17876,7 @@
         letter-spacing: var(--letter-spacing-2);
     }
     .rt-ChatbarRoot:where(.md\:rt-r-size-3) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+        border-radius: var(--radius-surface-3);
         padding: var(--space-5);
     }
     .rt-ChatbarRoot:where(.md\:rt-r-size-3) .rt-ChatbarInput {
@@ -18665,7 +17887,7 @@
 }
 @media (min-width: 1280px) {
     .rt-ChatbarRoot:where(.lg\:rt-r-size-1) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        border-radius: var(--radius-surface-2);
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.lg\:rt-r-size-1) .rt-ChatbarInput {
@@ -18674,7 +17896,7 @@
         letter-spacing: var(--letter-spacing-1);
     }
     .rt-ChatbarRoot:where(.lg\:rt-r-size-2) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+        border-radius: var(--radius-surface-3);
         padding: var(--space-5);
     }
     .rt-ChatbarRoot:where(.lg\:rt-r-size-2) .rt-ChatbarInput {
@@ -18683,7 +17905,7 @@
         letter-spacing: var(--letter-spacing-2);
     }
     .rt-ChatbarRoot:where(.lg\:rt-r-size-3) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+        border-radius: var(--radius-surface-3);
         padding: var(--space-5);
     }
     .rt-ChatbarRoot:where(.lg\:rt-r-size-3) .rt-ChatbarInput {
@@ -18694,7 +17916,7 @@
 }
 @media (min-width: 1640px) {
     .rt-ChatbarRoot:where(.xl\:rt-r-size-1) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        border-radius: var(--radius-surface-2);
         padding: var(--space-4);
     }
     .rt-ChatbarRoot:where(.xl\:rt-r-size-1) .rt-ChatbarInput {
@@ -18703,7 +17925,7 @@
         letter-spacing: var(--letter-spacing-1);
     }
     .rt-ChatbarRoot:where(.xl\:rt-r-size-2) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+        border-radius: var(--radius-surface-3);
         padding: var(--space-5);
     }
     .rt-ChatbarRoot:where(.xl\:rt-r-size-2) .rt-ChatbarInput {
@@ -18712,7 +17934,7 @@
         letter-spacing: var(--letter-spacing-2);
     }
     .rt-ChatbarRoot:where(.xl\:rt-r-size-3) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-7), calc(var(--radius-surface-3) + var(--space-4)));
+        border-radius: var(--radius-surface-3);
         padding: var(--space-5);
     }
     .rt-ChatbarRoot:where(.xl\:rt-r-size-3) .rt-ChatbarInput {
@@ -18786,67 +18008,67 @@
     }
 }
 .rt-ChatbarRoot:where([data-state='closed'].rt-r-size-1) .rt-ChatbarBox {
-    border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
+    border-radius: var(--radius-surface-1);
 }
 .rt-ChatbarRoot:where([data-state='closed'].rt-r-size-2) .rt-ChatbarBox {
-    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+    border-radius: var(--radius-surface-2);
 }
 .rt-ChatbarRoot:where([data-state='closed'].rt-r-size-3) .rt-ChatbarBox {
-    border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+    border-radius: var(--radius-surface-2);
 }
 @media (min-width: 520px) {
     .rt-ChatbarRoot:where([data-state='closed'].xs\:rt-r-size-1) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
+        border-radius: var(--radius-surface-1);
     }
     .rt-ChatbarRoot:where([data-state='closed'].xs\:rt-r-size-2) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        border-radius: var(--radius-surface-2);
     }
     .rt-ChatbarRoot:where([data-state='closed'].xs\:rt-r-size-3) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        border-radius: var(--radius-surface-2);
     }
 }
 @media (min-width: 768px) {
     .rt-ChatbarRoot:where([data-state='closed'].sm\:rt-r-size-1) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
+        border-radius: var(--radius-surface-1);
     }
     .rt-ChatbarRoot:where([data-state='closed'].sm\:rt-r-size-2) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        border-radius: var(--radius-surface-2);
     }
     .rt-ChatbarRoot:where([data-state='closed'].sm\:rt-r-size-3) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        border-radius: var(--radius-surface-2);
     }
 }
 @media (min-width: 1024px) {
     .rt-ChatbarRoot:where([data-state='closed'].md\:rt-r-size-1) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
+        border-radius: var(--radius-surface-1);
     }
     .rt-ChatbarRoot:where([data-state='closed'].md\:rt-r-size-2) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        border-radius: var(--radius-surface-2);
     }
     .rt-ChatbarRoot:where([data-state='closed'].md\:rt-r-size-3) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        border-radius: var(--radius-surface-2);
     }
 }
 @media (min-width: 1280px) {
     .rt-ChatbarRoot:where([data-state='closed'].lg\:rt-r-size-1) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
+        border-radius: var(--radius-surface-1);
     }
     .rt-ChatbarRoot:where([data-state='closed'].lg\:rt-r-size-2) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        border-radius: var(--radius-surface-2);
     }
     .rt-ChatbarRoot:where([data-state='closed'].lg\:rt-r-size-3) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        border-radius: var(--radius-surface-2);
     }
 }
 @media (min-width: 1640px) {
     .rt-ChatbarRoot:where([data-state='closed'].xl\:rt-r-size-1) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-5), calc(var(--radius-surface-1) + var(--space-2)));
+        border-radius: var(--radius-surface-1);
     }
     .rt-ChatbarRoot:where([data-state='closed'].xl\:rt-r-size-2) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        border-radius: var(--radius-surface-2);
     }
     .rt-ChatbarRoot:where([data-state='closed'].xl\:rt-r-size-3) .rt-ChatbarBox {
-        border-radius: min(var(--radius-surface-6), calc(var(--radius-surface-2) + var(--space-3)));
+        border-radius: var(--radius-surface-2);
     }
 }
 .rt-ChatbarBox:where(.rt-variant-soft) {
@@ -19126,8 +18348,11 @@
             align-items: flex-start;
     min-width: 0;
     color: var(--accent-ink);
-    border-radius: var(--notice-radius);
     background-color: var(--accent-a3);
+    gap: var(--layout-space-4);
+    --notice-corner-on: min(1, calc(var(--radius-factor, 1) * 1000));
+    border-radius: calc(var(--notice-control-radius) + var(--notice-padding) * var(--notice-corner-on));
+    padding: var(--notice-padding);
 }
 @media (forced-colors: active) {
     .rt-NoticeRoot {
@@ -19182,29 +18407,33 @@
     margin-left: auto;
 }
 .rt-NoticeRoot:where(.rt-r-size-1) {
-    gap: var(--space-3);
-    padding: var(--space-4);
+    --notice-padding: var(--panel-p-1);
+    --notice-control-radius: var(--radius-control-1);
     --notice-line: var(--line-height-1);
     --notice-control: var(--control-height-1);
-    --notice-radius: var(--radius-surface-1);
     --notice-icon-size: var(--content-icon-size-1);
 }
 .rt-NoticeRoot:where(.rt-r-size-2) {
-    gap: var(--space-4);
-    padding: var(--space-5);
+    --notice-padding: var(--panel-p-2);
+    --notice-control-radius: var(--radius-control-2);
     --notice-line: var(--line-height-2);
     --notice-control: var(--control-height-2);
-    --notice-radius: var(--radius-surface-2);
     --notice-icon-size: var(--content-icon-size-2);
 }
 .rt-NoticeRoot:where(.rt-r-size-3) {
-    gap: var(--space-5);
-    padding: var(--space-6);
+    --notice-padding: var(--panel-p-3);
+    --notice-control-radius: var(--radius-control-3);
     --notice-line: var(--line-height-3);
     --notice-control: var(--control-height-3);
-    --notice-radius: var(--radius-surface-3);
     --notice-icon-size: var(--content-icon-size-3);
 }
+.rt-NoticeRoot:where(.rt-r-size-4) {
+    --notice-padding: var(--panel-p-4);
+    --notice-control-radius: var(--radius-control-4);
+    --notice-line: var(--line-height-4);
+    --notice-control: var(--control-height-4);
+    --notice-icon-size: var(--content-icon-size-4);
+}
 .radix-themes:where([data-is-root-theme='true']) {
     position: relative;
     z-index: 0;